10 lines
6.4 KiB
Java
10 lines
6.4 KiB
Java
import{j as W,f as w,P as c,c5 as A,cp as D,l as V,m as R,a as B,n as G,fb as q,bT as F,k as _,h as P}from"./index-X7Y8jykP.js";import{e as E,f as s,c as C,ai as J}from"./vue-vendor-DNhG1Cve.js";const K=()=>({prefixCls:String,color:String,dot:c.any,pending:A(),position:c.oneOf(D("left","right","")).def(""),label:c.any}),v=E({compatConfig:{MODE:3},name:"ATimelineItem",props:W(K(),{color:"blue",pending:!1}),slots:Object,setup(e,i){let{slots:l}=i;const{prefixCls:n}=w("timeline",e),t=C(()=>({[`${n.value}-item`]:!0,[`${n.value}-item-pending`]:e.pending})),u=C(()=>/blue|red|green|gray/.test(e.color||"")?void 0:e.color||"blue"),f=C(()=>({[`${n.value}-item-head`]:!0,[`${n.value}-item-head-${e.color||"blue"}`]:!u.value}));return()=>{var g,p,r;const{label:o=(g=l.label)===null||g===void 0?void 0:g.call(l),dot:a=(p=l.dot)===null||p===void 0?void 0:p.call(l)}=e;return s("li",{class:t.value},[o&&s("div",{class:`${n.value}-item-label`},[o]),s("div",{class:`${n.value}-item-tail`},null),s("div",{class:[f.value,!!a&&`${n.value}-item-head-custom`],style:{borderColor:u.value,color:u.value}},[a]),s("div",{class:`${n.value}-item-content`},[(r=l.default)===null||r===void 0?void 0:r.call(l)])])}}}),Q=e=>{const{componentCls:i}=e;return{[i]:B(B({},G(e)),{margin:0,padding:0,listStyle:"none",[`${i}-item`]:{position:"relative",margin:0,paddingBottom:e.timeLineItemPaddingBottom,fontSize:e.fontSize,listStyle:"none","&-tail":{position:"absolute",insetBlockStart:e.timeLineItemHeadSize,insetInlineStart:(e.timeLineItemHeadSize-e.timeLineItemTailWidth)/2,height:`calc(100% - ${e.timeLineItemHeadSize}px)`,borderInlineStart:`${e.timeLineItemTailWidth}px ${e.lineType} ${e.colorSplit}`},"&-pending":{[`${i}-item-head`]:{fontSize:e.fontSizeSM,backgroundColor:"transparent"},[`${i}-item-tail`]:{display:"none"}},"&-head":{position:"absolute",width:e.timeLineItemHeadSize,height:e.timeLineItemHeadSize,backgroundColor:e.colorBgContainer,border:`${e.timeLineHeadBorderWidth}px ${e.lineType} transparent`,borderRadius:"50%","&-blue":{color:e.colorPrimary,borderColor:e.colorPrimary},"&-red":{color:e.colorError,borderColor:e.colorError},"&-green":{color:e.colorSuccess,borderColor:e.colorSuccess},"&-gray":{color:e.colorTextDisabled,borderColor:e.colorTextDisabled}},"&-head-custom":{position:"absolute",insetBlockStart:e.timeLineItemHeadSize/2,insetInlineStart:e.timeLineItemHeadSize/2,width:"auto",height:"auto",marginBlockStart:0,paddingBlock:e.timeLineItemCustomHeadPaddingVertical,lineHeight:1,textAlign:"center",border:0,borderRadius:0,transform:"translate(-50%, -50%)"},"&-content":{position:"relative",insetBlockStart:-(e.fontSize*e.lineHeight-e.fontSize)+e.lineWidth,marginInlineStart:e.margin+e.timeLineItemHeadSize,marginInlineEnd:0,marginBlockStart:0,marginBlockEnd:0,wordBreak:"break-word"},"&-last":{[`> ${i}-item-tail`]:{display:"none"},[`> ${i}-item-content`]:{minHeight:e.controlHeightLG*1.2}}},[`&${i}-alternate,
|
|
&${i}-right,
|
|
&${i}-label`]:{[`${i}-item`]:{"&-tail, &-head, &-head-custom":{insetInlineStart:"50%"},"&-head":{marginInlineStart:`-${e.marginXXS}px`,"&-custom":{marginInlineStart:e.timeLineItemTailWidth/2}},"&-left":{[`${i}-item-content`]:{insetInlineStart:`calc(50% - ${e.marginXXS}px)`,width:`calc(50% - ${e.marginSM}px)`,textAlign:"start"}},"&-right":{[`${i}-item-content`]:{width:`calc(50% - ${e.marginSM}px)`,margin:0,textAlign:"end"}}}},[`&${i}-right`]:{[`${i}-item-right`]:{[`${i}-item-tail,
|
|
${i}-item-head,
|
|
${i}-item-head-custom`]:{insetInlineStart:`calc(100% - ${(e.timeLineItemHeadSize+e.timeLineItemTailWidth)/2}px)`},[`${i}-item-content`]:{width:`calc(100% - ${e.timeLineItemHeadSize+e.marginXS}px)`}}},[`&${i}-pending
|
|
${i}-item-last
|
|
${i}-item-tail`]:{display:"block",height:`calc(100% - ${e.margin}px)`,borderInlineStart:`${e.timeLineItemTailWidth}px dotted ${e.colorSplit}`},[`&${i}-reverse
|
|
${i}-item-last
|
|
${i}-item-tail`]:{display:"none"},[`&${i}-reverse ${i}-item-pending`]:{[`${i}-item-tail`]:{insetBlockStart:e.margin,display:"block",height:`calc(100% - ${e.margin}px)`,borderInlineStart:`${e.timeLineItemTailWidth}px dotted ${e.colorSplit}`},[`${i}-item-content`]:{minHeight:e.controlHeightLG*1.2}},[`&${i}-label`]:{[`${i}-item-label`]:{position:"absolute",insetBlockStart:-(e.fontSize*e.lineHeight-e.fontSize)+e.timeLineItemTailWidth,width:`calc(50% - ${e.marginSM}px)`,textAlign:"end"},[`${i}-item-right`]:{[`${i}-item-label`]:{insetInlineStart:`calc(50% + ${e.marginSM}px)`,width:`calc(50% - ${e.marginSM}px)`,textAlign:"start"}}},"&-rtl":{direction:"rtl",[`${i}-item-head-custom`]:{transform:"translate(50%, -50%)"}}})}},U=V("Timeline",e=>{const i=R(e,{timeLineItemPaddingBottom:e.padding*1.25,timeLineItemHeadSize:10,timeLineItemCustomHeadPaddingVertical:e.paddingXXS,timeLinePaddingInlineEnd:2,timeLineItemTailWidth:e.lineWidthBold,timeLineHeadBorderWidth:e.wireframe?e.lineWidthBold:e.lineWidth*3});return[Q(i)]}),Y=()=>({prefixCls:String,pending:c.any,pendingDot:c.any,reverse:A(),mode:c.oneOf(D("left","alternate","right",""))}),S=E({compatConfig:{MODE:3},name:"ATimeline",inheritAttrs:!1,props:W(Y(),{reverse:!1,mode:""}),slots:Object,setup(e,i){let{slots:l,attrs:n}=i;const{prefixCls:t,direction:u}=w("timeline",e),[f,g]=U(t),p=(r,o)=>{const a=r.props||{};return e.mode==="alternate"?a.position==="right"?`${t.value}-item-right`:a.position==="left"?`${t.value}-item-left`:o%2===0?`${t.value}-item-left`:`${t.value}-item-right`:e.mode==="left"?`${t.value}-item-left`:e.mode==="right"?`${t.value}-item-right`:a.position==="right"?`${t.value}-item-right`:""};return()=>{var r,o,a;const{pending:d=(r=l.pending)===null||r===void 0?void 0:r.call(l),pendingDot:M=(o=l.pendingDot)===null||o===void 0?void 0:o.call(l),reverse:b,mode:x}=e,O=typeof d=="boolean"?null:d,I=q((a=l.default)===null||a===void 0?void 0:a.call(l)),y=d?s(v,{pending:!!d,dot:M||s(F,null,null)},{default:()=>[O]}):null;y&&I.push(y);const L=b?I.reverse():I,H=L.length,T=`${t.value}-item-last`,X=L.map(($,m)=>{const h=m===H-2?T:"",j=m===H-1?T:"";return J($,{class:_([!b&&d?h:j,p($,m)])})}),z=L.some($=>{var m,h;return!!(!((m=$.props)===null||m===void 0)&&m.label||!((h=$.children)===null||h===void 0)&&h.label)}),N=_(t.value,{[`${t.value}-pending`]:!!d,[`${t.value}-reverse`]:!!b,[`${t.value}-${x}`]:!!x&&!z,[`${t.value}-label`]:z,[`${t.value}-rtl`]:u.value==="rtl"},n.class,g.value);return f(s("ul",P(P({},n),{},{class:N}),[X]))}}});S.Item=v;S.install=function(e){return e.component(S.name,S),e.component(v.name,v),e};export{S as T,v as _};
|