UNPKG

ll-package

Version:

2 lines (1 loc) 3 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../../../@babel/runtime/helpers/esm/objectSpread2.js"),l=require("../../../@babel/runtime/helpers/esm/extends.js"),t=require("vue"),D=require("../../../@ant-design/icons-vue/es/icons/CloseOutlined.js"),I=require("../../../@ant-design/icons-vue/es/icons/CheckOutlined.js"),n=require("../_util/type.js"),j=require("../_util/props-util/initDefaultProps.js"),z=require("../vc-steps/Steps.js"),h=require("../vc-steps/Step.js"),M=require("../config-provider/hooks/useConfigInject.js"),R=require("../_util/hooks/useBreakpoint.js"),W=require("../_util/classNames.js"),A=require("../progress/index.js"),_=require("../_util/omit.js"),w=require("../tooltip/index.js"),B=require("../theme/internal.js"),E=require("./style/index.js"),q=()=>({prefixCls:String,iconPrefix:String,current:Number,initial:Number,percent:Number,responsive:n.booleanType(),items:n.arrayType(),labelPlacement:n.stringType(),status:n.stringType(),size:n.stringType(),direction:n.stringType(),progressDot:n.someType([Boolean,Function]),type:n.stringType(),onChange:n.functionType(),"onUpdate:current":n.functionType()}),p=t.defineComponent({compatConfig:{MODE:3},name:"ASteps",inheritAttrs:!1,props:j.default(q(),{current:0,responsive:!0,labelPlacement:"horizontal"}),slots:Object,setup(e,y){let{attrs:f,slots:P,emit:m}=y;const{prefixCls:r,direction:S,configProvider:C}=M.default("steps",e),[x,T]=E.default(r),[,v]=B.useToken(),N=R.default(),b=t.computed(()=>e.responsive&&N.value.xs?"vertical":e.direction),$=t.computed(()=>C.getPrefixCls("",e.iconPrefix)),V=s=>{m("update:current",s),m("change",s)},a=t.computed(()=>e.type==="inline"),g=t.computed(()=>a.value?void 0:e.percent),O=s=>{let{node:i,status:o}=s;if(o==="process"&&e.percent!==void 0){const c=e.size==="small"?v.value.controlHeight:v.value.controlHeightLG;return t.createVNode("div",{class:`${r.value}-progress-icon`},[t.createVNode(A.default,{type:"circle",percent:g.value,size:c,strokeWidth:4,format:()=>null},null),i])}return i},k=t.computed(()=>({finish:t.createVNode(I.default,{class:`${r.value}-finish-icon`},null),error:t.createVNode(D.default,{class:`${r.value}-error-icon`},null)}));return()=>{const s=W.default({[`${r.value}-rtl`]:S.value==="rtl",[`${r.value}-with-progress`]:g.value!==void 0},f.class,T.value),i=(o,c)=>o.description?t.createVNode(w.default,{title:o.description},{default:()=>[c]}):c;return x(t.createVNode(z.default,d.default(d.default(d.default({icons:k.value},f),_.default(e,["percent","responsive"])),{},{items:e.items,direction:b.value,prefixCls:r.value,iconPrefix:$.value,class:s,onChange:V,isInline:a.value,itemRender:a.value?i:void 0}),l.default({stepIcon:O},P)))}}}),u=t.defineComponent(l.default(l.default({compatConfig:{MODE:3}},h.default),{name:"AStep",props:h.VcStepProps()})),H=l.default(p,{Step:u,install:e=>(e.component(p.name,p),e.component(u.name,u),e)});exports.Step=u;exports.default=H;exports.stepsProps=q;