7 lines
8.8 KiB
JavaScript
7 lines
8.8 KiB
JavaScript
import{C as p,b2 as ne,aK as K,aL as S,aM as v,aN as N,aO as z,a_ as te,a$ as oe,aB as P,b6 as ae,cT as le,d as L,r as re,$ as ie,aD as J,k as se,aH as T,aI as _,db as ce,aJ as q,bM as de,dc as ue,bp as U,b0 as pe,s as fe,bb as be,cR as ve,a5 as me,T as ge,a6 as $e}from"./D9_UoUeZ.js";import{f as he}from"./PF-7vMOJ.js";import{g as xe,c as ye}from"./DqO_F-T1.js";var Ce={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"}}]},name:"right",theme:"outlined"};function X(n){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?Object(arguments[e]):{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(l){return Object.getOwnPropertyDescriptor(t,l).enumerable}))),r.forEach(function(l){Ae(n,l,t[l])})}return n}function Ae(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}var W=function(e,t){var r=X({},e,t.attrs);return p(ne,X({},r,{icon:Ce}),null)};W.displayName="RightOutlined";W.inheritAttrs=!1;const Ie=()=>({prefixCls:String,activeKey:z([Array,Number,String]),defaultActiveKey:z([Array,Number,String]),accordion:v(),destroyInactivePanel:v(),bordered:v(),expandIcon:S(),openAnimation:K.object,expandIconPosition:N(),collapsible:N(),ghost:v(),onChange:S(),"onUpdate:activeKey":S()}),Q=()=>({openAnimation:K.object,prefixCls:String,header:K.any,headerClass:String,showArrow:v(),isActive:v(),destroyInactivePanel:v(),disabled:v(),accordion:v(),forceRender:v(),expandIcon:S(),extra:K.any,panelKey:z(),collapsible:N(),role:String,onItemClick:S()}),Pe=n=>{const{componentCls:e,collapseContentBg:t,padding:r,collapseContentPaddingHorizontal:l,collapseHeaderBg:d,collapseHeaderPadding:i,collapsePanelBorderRadius:f,lineWidth:b,lineType:g,colorBorder:x,colorText:y,colorTextHeading:m,colorTextDisabled:$,fontSize:C,lineHeight:h,marginSM:A,paddingSM:o,motionDurationSlow:a,fontSizeIcon:s}=n,c=`${b}px ${g} ${x}`;return{[e]:P(P({},ae(n)),{backgroundColor:d,border:c,borderBottom:0,borderRadius:`${f}px`,"&-rtl":{direction:"rtl"},[`& > ${e}-item`]:{borderBottom:c,"&:last-child":{[`
|
|
&,
|
|
& > ${e}-header`]:{borderRadius:`0 0 ${f}px ${f}px`}},[`> ${e}-header`]:{position:"relative",display:"flex",flexWrap:"nowrap",alignItems:"flex-start",padding:i,color:m,lineHeight:h,cursor:"pointer",transition:`all ${a}, visibility 0s`,[`> ${e}-header-text`]:{flex:"auto"},"&:focus":{outline:"none"},[`${e}-expand-icon`]:{height:C*h,display:"flex",alignItems:"center",paddingInlineEnd:A},[`${e}-arrow`]:P(P({},le()),{fontSize:s,svg:{transition:`transform ${a}`}}),[`${e}-header-text`]:{marginInlineEnd:"auto"}},[`${e}-header-collapsible-only`]:{cursor:"default",[`${e}-header-text`]:{flex:"none",cursor:"pointer"},[`${e}-expand-icon`]:{cursor:"pointer"}},[`${e}-icon-collapsible-only`]:{cursor:"default",[`${e}-expand-icon`]:{cursor:"pointer"}},[`&${e}-no-arrow`]:{[`> ${e}-header`]:{paddingInlineStart:o}}},[`${e}-content`]:{color:y,backgroundColor:t,borderTop:c,[`& > ${e}-content-box`]:{padding:`${r}px ${l}px`},"&-hidden":{display:"none"}},[`${e}-item:last-child`]:{[`> ${e}-content`]:{borderRadius:`0 0 ${f}px ${f}px`}},[`& ${e}-item-disabled > ${e}-header`]:{"\n &,\n & > .arrow\n ":{color:$,cursor:"not-allowed"}},[`&${e}-icon-position-end`]:{[`& > ${e}-item`]:{[`> ${e}-header`]:{[`${e}-expand-icon`]:{order:1,paddingInlineEnd:0,paddingInlineStart:A}}}}})}},Se=n=>{const{componentCls:e}=n,t=`> ${e}-item > ${e}-header ${e}-arrow svg`;return{[`${e}-rtl`]:{[t]:{transform:"rotate(180deg)"}}}},we=n=>{const{componentCls:e,collapseHeaderBg:t,paddingXXS:r,colorBorder:l}=n;return{[`${e}-borderless`]:{backgroundColor:t,border:0,[`> ${e}-item`]:{borderBottom:`1px solid ${l}`},[`
|
|
> ${e}-item:last-child,
|
|
> ${e}-item:last-child ${e}-header
|
|
`]:{borderRadius:0},[`> ${e}-item:last-child`]:{borderBottom:0},[`> ${e}-item > ${e}-content`]:{backgroundColor:"transparent",borderTop:0},[`> ${e}-item > ${e}-content > ${e}-content-box`]:{paddingTop:r}}}},Be=n=>{const{componentCls:e,paddingSM:t}=n;return{[`${e}-ghost`]:{backgroundColor:"transparent",border:0,[`> ${e}-item`]:{borderBottom:0,[`> ${e}-content`]:{backgroundColor:"transparent",border:0,[`> ${e}-content-box`]:{paddingBlock:t}}}}}},Oe=te("Collapse",n=>{const e=oe(n,{collapseContentBg:n.colorBgContainer,collapseHeaderBg:n.colorFillAlter,collapseHeaderPadding:`${n.paddingSM}px ${n.padding}px`,collapsePanelBorderRadius:n.borderRadiusLG,collapseContentPaddingHorizontal:16});return[Pe(e),we(e),Be(e),Se(e),xe(e)]});function F(n){let e=n;if(!Array.isArray(e)){const t=typeof e;e=t==="number"||t==="string"?[e]:[]}return e.map(t=>String(t))}const R=L({compatConfig:{MODE:3},name:"ACollapse",inheritAttrs:!1,props:q(Ie(),{accordion:!1,destroyInactivePanel:!1,bordered:!0,expandIconPosition:"start"}),slots:Object,setup(n,e){let{attrs:t,slots:r,emit:l}=e;const d=re(F(he([n.activeKey,n.defaultActiveKey])));ie(()=>n.activeKey,()=>{d.value=F(n.activeKey)},{deep:!0});const{prefixCls:i,direction:f,rootPrefixCls:b}=J("collapse",n),[g,x]=Oe(i),y=se(()=>{const{expandIconPosition:o}=n;return o!==void 0?o:f.value==="rtl"?"end":"start"}),m=o=>{const{expandIcon:a=r.expandIcon}=n,s=a?a(o):p(W,{rotate:o.isActive?90:void 0},null);return p("div",{class:[`${i.value}-expand-icon`,x.value],onClick:()=>["header","icon"].includes(n.collapsible)&&C(o.panelKey)},[pe(Array.isArray(a)?s[0]:s)?U(s,{class:`${i.value}-arrow`},!1):s])},$=o=>{n.activeKey===void 0&&(d.value=o);const a=n.accordion?o[0]:o;l("update:activeKey",a),l("change",a)},C=o=>{let a=d.value;if(n.accordion)a=a[0]===o?[]:[o];else{a=[...a];const s=a.indexOf(o);s>-1?a.splice(s,1):a.push(o)}$(a)},h=(o,a)=>{var s,c,I;if(ue(o))return;const u=d.value,{accordion:w,destroyInactivePanel:E,collapsible:B,openAnimation:k}=n,M=k||ye(`${b.value}-motion-collapse`),O=String((s=o.key)!==null&&s!==void 0?s:a),{header:Y=(I=(c=o.children)===null||c===void 0?void 0:c.header)===null||I===void 0?void 0:I.call(c),headerClass:Z,collapsible:H,disabled:G}=o.props||{};let j=!1;w?j=u[0]===O:j=u.indexOf(O)>-1;let D=H??B;(G||G==="")&&(D="disabled");const ee={key:O,panelKey:O,header:Y,headerClass:Z,isActive:j,prefixCls:i.value,destroyInactivePanel:E,openAnimation:M,accordion:w,onItemClick:D==="disabled"?null:C,expandIcon:m,collapsible:D};return U(o,ee)},A=()=>{var o;return de((o=r.default)===null||o===void 0?void 0:o.call(r)).map(h)};return()=>{const{accordion:o,bordered:a,ghost:s}=n,c=T(i.value,{[`${i.value}-borderless`]:!a,[`${i.value}-icon-position-${y.value}`]:!0,[`${i.value}-rtl`]:f.value==="rtl",[`${i.value}-ghost`]:!!s,[t.class]:!!t.class},x.value);return g(p("div",_(_({class:c},ce(t)),{},{style:t.style,role:o?"tablist":null}),[A()]))}}}),Ke=L({compatConfig:{MODE:3},name:"PanelContent",props:Q(),setup(n,e){let{slots:t}=e;const r=fe(!1);return be(()=>{(n.isActive||n.forceRender)&&(r.value=!0)}),()=>{var l;if(!r.value)return null;const{prefixCls:d,isActive:i,role:f}=n;return p("div",{class:T(`${d}-content`,{[`${d}-content-active`]:i,[`${d}-content-inactive`]:!i}),role:f},[p("div",{class:`${d}-content-box`},[(l=t.default)===null||l===void 0?void 0:l.call(t)])])}}}),V=L({compatConfig:{MODE:3},name:"ACollapsePanel",inheritAttrs:!1,props:q(Q(),{showArrow:!0,isActive:!1,onItemClick(){},headerClass:"",forceRender:!1}),slots:Object,setup(n,e){let{slots:t,emit:r,attrs:l}=e;ve(n.disabled===void 0,"Collapse.Panel",'`disabled` is deprecated. Please use `collapsible="disabled"` instead.');const{prefixCls:d}=J("collapse",n),i=()=>{r("itemClick",n.panelKey)},f=b=>{(b.key==="Enter"||b.keyCode===13||b.which===13)&&i()};return()=>{var b,g;const{header:x=(b=t.header)===null||b===void 0?void 0:b.call(t),headerClass:y,isActive:m,showArrow:$,destroyInactivePanel:C,accordion:h,forceRender:A,openAnimation:o,expandIcon:a=t.expandIcon,extra:s=(g=t.extra)===null||g===void 0?void 0:g.call(t),collapsible:c}=n,I=c==="disabled",u=d.value,w=T(`${u}-header`,{[y]:y,[`${u}-header-collapsible-only`]:c==="header",[`${u}-icon-collapsible-only`]:c==="icon"}),E=T({[`${u}-item`]:!0,[`${u}-item-active`]:m,[`${u}-item-disabled`]:I,[`${u}-no-arrow`]:!$,[`${l.class}`]:!!l.class});let B=p("i",{class:"arrow"},null);$&&typeof a=="function"&&(B=a(n));const k=me(p(Ke,{prefixCls:u,isActive:m,forceRender:A,role:h?"tabpanel":null},{default:t.default}),[[$e,m]]),M=P({appear:!1,css:!1},o);return p("div",_(_({},l),{},{class:E}),[p("div",{class:w,onClick:()=>!["header","icon"].includes(c)&&i(),role:h?"tab":"button",tabindex:I?-1:0,"aria-expanded":m,onKeypress:f},[$&&B,p("span",{onClick:()=>c==="header"&&i(),class:`${u}-header-text`},[x]),s&&p("div",{class:`${u}-extra`},[s])]),p(ge,M,{default:()=>[!C||m?k:null]})])}}});R.Panel=V;R.install=function(n){return n.component(R.name,R),n.component(V.name,V),n};export{R as C,V as _};
|