10 lines
6.4 KiB
JavaScript
10 lines
6.4 KiB
JavaScript
import{i as w,y as _,P as c,I as A,t as D,m as V,aF as R,_ as B,r as G,N as F,cJ as J,h as P,j as W}from"./bootstrap-DsjPfOC_.js";import{m as E,aa as C,j as m,a8 as q}from"../jse/index-index-CO0ZsLf2.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:a}=_("timeline",e),t=C(()=>({[`${a.value}-item`]:!0,[`${a.value}-item-pending`]:e.pending})),u=C(()=>/blue|red|green|gray/.test(e.color||"")?void 0:e.color||"blue"),f=C(()=>({[`${a.value}-item-head`]:!0,[`${a.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:n=(p=l.dot)===null||p===void 0?void 0:p.call(l)}=e;return m("li",{class:t.value},[o&&m("div",{class:`${a.value}-item-label`},[o]),m("div",{class:`${a.value}-item-tail`},null),m("div",{class:[f.value,!!n&&`${a.value}-item-head-custom`],style:{borderColor:u.value,color:u.value}},[n]),m("div",{class:`${a.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:a}=i;const{prefixCls:t,direction:u}=_("timeline",e),[f,g]=U(t),p=(r,o)=>{const n=r.props||{};return e.mode==="alternate"?n.position==="right"?`${t.value}-item-right`:n.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`:n.position==="right"?`${t.value}-item-right`:""};return()=>{var r,o,n;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,N=typeof d=="boolean"?null:d,I=F((n=l.default)===null||n===void 0?void 0:n.call(l)),y=d?m(v,{pending:!!d,dot:M||m(J,null,null)},{default:()=>[N]}):null;y&&I.push(y);const L=b?I.reverse():I,H=L.length,T=`${t.value}-item-last`,O=L.map(($,s)=>{const h=s===H-2?T:"",j=s===H-1?T:"";return q($,{class:P([!b&&d?h:j,p($,s)])})}),z=L.some($=>{var s,h;return!!(!((s=$.props)===null||s===void 0)&&s.label||!((h=$.children)===null||h===void 0)&&h.label)}),X=P(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"},a.class,g.value);return f(m("ul",W(W({},a),{},{class:X}),[O]))}}});S.Item=v;S.install=function(e){return e.component(S.name,S),e.component(v.name,v),e};export{S as T};
|