vue-devui/steps/index.umd.js

DevUI components based on Vite and Vue3

(function(d,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("clipboard")):typeof define=="function"&&define.amd?define(["exports","vue","clipboard"],e):(d=typeof globalThis!="undefined"?globalThis:d||self,e(d.index={},d.Vue))})(this,function(d,e){"use strict";const D={modelValue:{type:Number,default:0},space:{type:Number},alignCenter:{type:Boolean,default:!1},direction:{type:String,default:"horizontal"},simple:{type:Boolean,default:!1}};function g(a,n,s){let o=a;return n&&(o+=`__${n}`),s&&(o+=`--${s}`),o}function I(a,n=!1){const s=n?`.devui-${a}`:`devui-${a}`;return{b:()=>g(s),e:t=>t?g(s,t):"",m:t=>t?g(s,"",t):"",em:(t,c)=>t&&c?g(s,t,c):""}}function T(a){return/^((http|https):)?\/\//.test(a)}var M="";const z="active-step",_="steps",x="steps-props";var C=e.defineComponent({name:"DSteps",props:D,emits:["update:modelValue"],setup(a,{slots:n}){const{modelValue:s,direction:o,simple:u}=e.toRefs(a),l=I("steps"),r=e.ref(s.value);e.provide(z,r),e.provide(x,a);const t=e.ref([]);e.provide(_,t),e.watch(s,i=>{r.value=i});const c=e.computed(()=>{const i=o.value==="vertical"?" vertical":"",p=u.value?" simple":"";return`${l.b()}${i}${p}`});return()=>{var i;return e.createVNode("div",{class:c.value},[(i=n.default)==null?void 0:i.call(n)])}}});const E={title:{type:String,required:!0},description:{type:String},icon:{type:String},status:{type:String}},j={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},A={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function y(a,n,s){let o=a;return n&&(o+=`__${n}`),s&&(o+=`--${s}`),o}function S(a,n=!1){const s=n?`.devui-${a}`:`devui-${a}`;return{b:()=>y(s),e:t=>t?y(s,t):"",m:t=>t?y(s,"",t):"",em:(t,c)=>t&&c?y(s,t,c):""}}var G="",B=e.defineComponent({name:"DSvgIcon",props:A,setup(a){const{name:n,color:s,size:o}=e.toRefs(a),u=S("svg-icon"),l=e.computed(()=>`#icon-${n.value}`),r=e.computed(()=>typeof o.value=="number"?`${o.value}px`:o.value),t={width:r.value,height:r.value};return()=>e.createVNode("svg",{class:u.b(),style:t},[e.createVNode("use",{"xlink:href":l.value,fill:s.value},null)])}});function R(a,n){const{component:s,name:o,size:u,color:l,classPrefix:r,rotate:t}=e.toRefs(a),c=S("icon"),i=e.computed(()=>typeof u.value=="number"?`${u.value}px`:u.value),p=s.value?e.resolveDynamicComponent(s.value):e.resolveDynamicComponent(B),m=()=>e.createVNode("img",e.mergeProps({src:o.value,alt:o.value.split("/")[o.value.split("/").length-1],class:[(t==null?void 0:t.value)==="infinite"&&c.m("spin")],style:{width:i.value||"",transform:`rotate(${t==null?void 0:t.value}deg)`,verticalAlign:"middle"}},n.attrs),null),$=()=>e.createVNode(p,e.mergeProps({name:o.value,color:l.value,size:i.value,class:[(t==null?void 0:t.value)==="infinite"&&c.m("spin")],style:{transform:`rotate(${t==null?void 0:t.value}deg)`}},n.attrs),null),h=()=>{const N=/^icon-/.test(o.value)?o.value:`${r.value}-${o.value}`;return e.createVNode("i",e.mergeProps({class:[r.value,N,(t==null?void 0:t.value)==="infinite"&&c.m("spin")],style:{fontSize:i.value,color:l.value,transform:`rotate(${t==null?void 0:t.value}deg)`}},n.attrs),null)};return{iconDom:()=>s.value?$():T(o.value)?m():h()}}var v=e.defineComponent({name:"DIcon",props:j,emits:["click"],setup(a,n){const{disabled:s,operable:o}=e.toRefs(a),{iconDom:u}=R(a,n),l=S("icon"),r=e.computed(()=>({[l.e("container")]:!0,[l.m("disabled")]:s.value,[l.m("operable")]:o.value,[l.m("no-slots")]:!Object.keys(n.slots).length})),t=c=>{s.value||n.emit("click",c)};return()=>{var c,i,p,m;return e.createVNode("div",{class:r.value,onClick:t},[(i=(c=n.slots).prefix)==null?void 0:i.call(c),u(),(m=(p=n.slots).suffix)==null?void 0:m.call(p)])}}}),L="";e.defineComponent({name:"DIconGroup",setup(a,n){const s=S("icon-group");return()=>{var o,u;return e.createVNode("div",{class:s.b()},[(u=(o=n.slots).default)==null?void 0:u.call(o)])}}});var X="",b=e.defineComponent({name:"DStep",props:E,setup(a,{slots:n}){const{title:s,description:o,icon:u,status:l}=e.toRefs(a),r=I("step"),t=e.getCurrentInstance(),c=e.inject(z),i=e.inject(_);i.value.push(t);const p=e.inject(x),m=i.value.indexOf(t),$=e.computed(()=>{const f=c.value===m?" active":"",P=c.value>m?" finished":"",q=p.alignCenter?" center":"",w=(l==null?void 0:l.value)?` ${l==null?void 0:l.value}`:"",k=p.simple?` ${r.m("simple")}`:"";return`${r.b()}${f}${P}${q}${w}${k}`}),h=e.computed(()=>{const f={};return p.space?f.width=`${p.space}px`:f.flexBasis=p.alignCenter||p.simple?`${100/i.value.length}%`:`${100/(i.value.length-1)}%`,f}),V=e.computed(()=>{const f=c.value===m,P=c.value>m;return f?"var(--devui-brand)":P?"var(--devui-success)":"var(--devui-placeholder)"}),N={finish:e.createVNode(v,{name:"right-o",color:"var(--devui-success)",size:"24px"},null),success:e.createVNode(v,{name:"right-o",color:"var(--devui-success)",size:"24px"},null),error:e.createVNode(v,{name:"error-o",color:"var(--devui-danger)",size:"24px"},null)},F=()=>{var f;return n.icon?(f=n.icon)==null?void 0:f.call(n,V.value):u.value?e.createVNode(v,{name:u.value,color:V.value,size:"24px"},null):l.value&&N[l.value]?N[l.value]:c.value>i.value.indexOf(t)?e.createVNode(v,{name:"right-o",color:"var(--devui-success)",size:"24px"},null):e.createVNode("span",{class:r.e("dot")},[m+1])};return()=>e.createVNode(e.Fragment,null,[p.simple?e.createVNode("div",{class:$.value,style:h.value},[s.value]):e.createVNode("div",{class:$.value,style:h.value},[e.createVNode("div",{class:r.e("dot-container")},[F(),e.createVNode("div",{class:r.e("line")},null)]),e.createVNode("div",{class:r.e("content")},[e.createVNode("span",{class:r.e("title")},[s.value]),o.value&&e.createVNode("span",{class:r.e("description")},[o.value])])])])}}),O={title:"Steps \u6B65\u9AA4\u6761",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(a){a.component(C.name,C),a.component(b.name,b)}};d.Step=b,d.Steps=C,d.default=O,d.stepProps=E,d.stepsProps=D,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});