vue-devui 1.0.0-beta.2 → 1.0.0-beta.6

package/select/index.umd.js

@@ -1 +1 @@
-var q=Object.defineProperty,L=Object.defineProperties;var H=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var _=(u,e,y)=>e in u?q(u,e,{enumerable:!0,configurable:!0,writable:!0,value:y}):u[e]=y,N=(u,e)=>{for(var y in e||(e={}))J.call(e,y)&&_(u,y,e[y]);if(I)for(var y of I(e))Q.call(e,y)&&_(u,y,e[y]);return u},D=(u,e)=>L(u,H(e));(function(u,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(u=typeof globalThis!="undefined"?globalThis:u||self,e(u.index={},u.Vue))})(this,function(u,e){"use strict";const y={modelValue:{type:[String,Number,Array],default:""},"onUpdate:modelValue":{type:Function,default:void 0},options:{type:Array,default:()=>[]},size:{type:String,default:"md"},overview:{type:String,default:"border"},placeholder:{type:String,default:"\u8BF7\u9009\u62E9"},multiple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},optionDisabledKey:{type:String,default:""},onToggleChange:{type:Function,default:void 0},onValueChange:{type:Function,default:void 0}};var w=e.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(t){return N({},t)},render(){const{name:t,size:n,color:l,classPrefix:a}=this;return e.createVNode(e.Fragment,null,[/^((https?):)?\/\//.test(t)?e.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:n}},null):e.createVNode("i",{class:`${a} ${a}-${t}`,style:{fontSize:n,color:l}},null)])}});w.install=function(t){t.component(w.name,w)};var X="";const T={name:{type:String,default:void 0},isShowTitle:{type:Boolean,default:!0},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}},j=D(N({},T),{halfchecked:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},value:{type:String},label:{type:String,default:void 0},title:{type:String,default:void 0},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}}),K=D(N({},T),{modelValue:{type:Array,required:!0},direction:{type:String,default:"column"},itemWidth:{type:Number,default:void 0},options:{type:Array,default:()=>[]},onChange:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}}),B=Symbol("d-checkbox-group");var C=e.defineComponent({name:"DCheckbox",props:j,emits:["change","update:checked","update:modelValue"],setup(t,n){const l=e.inject(B,null),a=e.computed(()=>t.checked||t.modelValue),d=e.computed(()=>(l==null?void 0:l.disabled.value)||t.disabled),s=e.computed(()=>{var o,r;return(r=(o=l==null?void 0:l.isItemChecked)==null?void 0:o.call(l,t.value))!=null?r:a.value}),c=e.computed(()=>{var o;return(o=l==null?void 0:l.isShowTitle)!=null?o:t.isShowTitle}),f=e.computed(()=>{var o;return(o=l==null?void 0:l.showAnimation)!=null?o:t.showAnimation}),m=e.computed(()=>{var o;return(o=l==null?void 0:l.color)!=null?o:t.color}),b=l==null?void 0:l.itemWidth.value,V=l==null?void 0:l.direction.value,k=(o,r)=>{var g;if(d.value)return Promise.resolve(!1);const p=(g=t.beforeChange)!=null?g:l==null?void 0:l.beforeChange;if(p){const v=p(o,r);return typeof v=="boolean"?Promise.resolve(v):v}return Promise.resolve(!0)},h=()=>{const o=!a.value;l==null||l.toggleGroupVal(t.value),n.emit("update:checked",o),n.emit("update:modelValue",o),n.emit("change",o)};return{itemWidth:b,direction:V,mergedColor:m,mergedDisabled:d,mergedIsShowTitle:c,mergedChecked:s,mergedShowAnimation:f,handleClick:()=>{k(!a.value,t.value).then(o=>o&&h())}}},render(){var R;const{itemWidth:t,direction:n,mergedChecked:l,mergedDisabled:a,mergedIsShowTitle:d,mergedShowAnimation:s,halfchecked:c,title:f,label:m,handleClick:b,name:V,value:k,mergedColor:h,$slots:i}=this,o={"devui-checkbox-column-margin":n==="column","devui-checkbox-wrap":typeof t!="undefined"},r=t?[`width: ${t}px`]:[],p={"devui-checkbox":!0,active:l,halfchecked:c,disabled:a,unchecked:!l},g=d?f||m:"",v=h&&c||h?`linear-gradient(${h}, ${h})`:"",P=[`border-color:${(l||c)&&h?h:""}`,`background-image:${v}`,`background-color:${h&&c?h:""}`],W={"devui-checkbox-material":!0,"custom-color":h,"devui-checkbox-no-label":!m&&!i.default,"devui-no-animation":!s,"devui-checkbox-default-background":!c},M={"devui-tick":!0,"devui-no-animation":!s},F=x=>x.stopPropagation(),U={indeterminate:c};return e.createVNode("div",{class:o,style:r},[e.createVNode("div",{class:p},[e.createVNode("label",{title:g,onClick:b},[e.createVNode("input",e.mergeProps({name:V||k,class:"devui-checkbox-input",type:"checkbox"},U,{checked:l,disabled:a,onClick:F,onChange:F}),null),e.createVNode("span",{style:P,class:W},[e.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),e.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:M},null)])])]),m||((R=i.default)==null?void 0:R.call(i))])])])}}),Y="",O=e.defineComponent({name:"DCheckboxGroup",props:K,emits:["change","update:modelValue"],setup(t,n){const l=e.toRef(t,"modelValue"),a={checked:!1,isShowTitle:!0,halfchecked:!1,showAnimation:!0,disabled:!1},d=c=>{const f=l.value.findIndex(m=>m===c);if(f===-1){const m=[...l.value,c];n.emit("update:modelValue",m),n.emit("change",m);return}l.value.splice(f,1),n.emit("update:modelValue",l.value),n.emit("change",l.value)},s=c=>l.value.includes(c);return e.provide(B,{disabled:e.toRef(t,"disabled"),isShowTitle:e.toRef(t,"isShowTitle"),color:e.toRef(t,"color"),showAnimation:e.toRef(t,"showAnimation"),beforeChange:t.beforeChange,isItemChecked:s,toggleGroupVal:d,itemWidth:e.toRef(t,"itemWidth"),direction:e.toRef(t,"direction")}),{defaultOpt:a}},render(){var s;const{direction:t,$slots:n,defaultOpt:l,options:a}=this;let d=(s=n.default)==null?void 0:s.call(n);return(a==null?void 0:a.length)>0&&(d=a.map(c=>{const f=Object.assign({},l,c);return e.createVNode(C,f,null)})),e.createVNode("div",{class:"devui-checkbox-group"},[e.createVNode("div",{class:{"devui-checkbox-list-inline":t==="row"}},[d])])}});C.install=function(t){t.component(C.name,C)},O.install=function(t){t.component(O.name,O)};function A(t,n){let l=t;return typeof n=="object"&&Object.keys(n).forEach(a=>{n[a]&&(l+=` ${a}`)}),l}function $(t){const n=e.computed(()=>{const a=new Map;return t.value.forEach(d=>{a.set(d.value,d)}),a});return a=>a.map(d=>n.value.get(d))}function E(t,n,l){function a(d){var f,m;let s=d.target;s.shadowRoot&&d.composed&&(s=d.composedPath()[0]||s);const c=[(f=t[0])==null?void 0:f.value,(m=t[1])==null?void 0:m.value];n.value&&c.every(b=>b&&!b.contains(s)&&b!==s)&&l(!1)}e.onMounted(()=>{document.body.addEventListener("mousedown",a,!1)}),e.onBeforeUnmount(()=>{document.body.addEventListener("mousedown",a,!1)})}var Z="",S=e.defineComponent({name:"DSelect",props:y,emits:["toggleChange","valueChange","update:modelValue"],setup(t,n){const l=e.ref(null),a=e.ref(null),d=e.ref(!1);function s(i){t.disabled||(d.value=i,n.emit("toggleChange",i))}E([l,a],d,s);const c=e.computed(()=>{const{multiple:i,modelValue:o}=t;return t.options.map(r=>{let p;return typeof r=="object"?p=N({name:r.name?r.name:r.value+"",value:r.value,_checked:!1},r):p={name:r+"",value:r,_checked:!1},i&&(Array.isArray(o)?p._checked=o.includes(p.value):p._checked=!1),p})}),f=$(c),m=e.computed(()=>{var i;return t.multiple&&Array.isArray(t.modelValue)?f(t.modelValue).map(r=>r.name).join(","):Array.isArray(t.modelValue)?"":((i=f([t.modelValue])[0])==null?void 0:i.name)||""}),b=e.computed(()=>!t.disabled&&t.allowClear&&m.value.length>0);function V(i,o){const{multiple:r,optionDisabledKey:p}=t;let{modelValue:g}=t;p&&!!i[p]||(r?(i._checked=!i._checked,g=c.value.filter(v=>v._checked).map(v=>v.value),n.emit("update:modelValue",g)):(n.emit("update:modelValue",i.value),s(!1)),n.emit("valueChange",i,o))}function k(i){const{optionDisabledKey:o}=t;return A("devui-select-item",{active:i.value===t.modelValue,disabled:o?!!i[o]:!1})}function h(i){i.preventDefault(),i.stopPropagation(),t.multiple?n.emit("update:modelValue",[]):n.emit("update:modelValue","")}return{isOpen:d,containerRef:l,dropdownRef:a,inputValue:m,mergeOptions:c,mergeClearable:b,valueChange:V,toggleChange:s,getItemClassName:k,handleClear:h}},render(){const{mergeOptions:t,isOpen:n,inputValue:l,size:a,multiple:d,disabled:s,optionDisabledKey:c,placeholder:f,overview:m,valueChange:b,toggleChange:V,getItemClassName:k,mergeClearable:h,handleClear:i}=this,o=A("devui-select",{"devui-select-open":n,"devui-dropdown-menu-multiple":d,"devui-select-lg":a==="lg","devui-select-sm":a==="sm","devui-select-underlined":m==="underlined","devui-select-disabled":s}),r=A("devui-select-input",{"devui-select-input-lg":a==="lg","devui-select-input-sm":a==="sm"}),p=A("devui-select-selection",{"devui-select-clearable":h});return e.createVNode("div",{class:o,ref:"containerRef"},[e.createVNode("div",{class:p,onClick:()=>V(!n)},[e.createVNode("input",{value:l,type:"text",class:r,placeholder:f,readonly:!0,disabled:s},null),e.createVNode("span",{onClick:i,class:"devui-select-clear"},[e.createVNode(w,{name:"close"},null)]),e.createVNode("span",{class:"devui-select-arrow"},[e.createVNode(w,{name:"select-arrow"},null)])]),e.createVNode(e.Transition,{name:"fade",ref:"dropdownRef"},{default:()=>[e.withDirectives(e.createVNode("div",{class:"devui-select-dropdown"},[e.createVNode("ul",{class:"devui-select-dropdown-list devui-scrollbar"},[t.map((g,v)=>e.createVNode("li",{onClick:P=>{P.preventDefault(),P.stopPropagation(),b(g,v)},class:k(g),key:v},[d?e.createVNode(C,{modelValue:g._checked,label:g.name,disabled:c?!!g[c]:!1},null):g.name]))])]),[[e.vShow,n]])]})])}});S.install=function(t){t.component(S.name,S)};var z={title:"Select \u4E0B\u62C9\u6846",category:"\u6570\u636E\u5F55\u5165",status:"10%",install(t){t.use(S)}};u.Select=S,u.default=z,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});
+var x=Object.defineProperty,L=Object.defineProperties;var H=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var R=(f,e,v)=>e in f?x(f,e,{enumerable:!0,configurable:!0,writable:!0,value:v}):f[e]=v,w=(f,e)=>{for(var v in e||(e={}))J.call(e,v)&&R(f,v,e[v]);if(I)for(var v of I(e))Q.call(e,v)&&R(f,v,e[v]);return f},P=(f,e)=>L(f,H(e));(function(f,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis!="undefined"?globalThis:f||self,e(f.index={},f.Vue))})(this,function(f,e){"use strict";const v={modelValue:{type:[String,Number,Array],default:""},"onUpdate:modelValue":{type:Function,default:void 0},options:{type:Array,default:()=>[]},size:{type:String,default:"md"},overview:{type:String,default:"border"},placeholder:{type:String,default:"\u8BF7\u9009\u62E9"},multiple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},optionDisabledKey:{type:String,default:""},onToggleChange:{type:Function,default:void 0},onValueChange:{type:Function,default:void 0}};var C=e.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(t){return w({},t)},render(){const{name:t,size:n,color:l,classPrefix:a}=this;return e.createVNode(e.Fragment,null,[/^((https?):)?\/\//.test(t)?e.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:n}},null):e.createVNode("i",{class:`${a} ${a}-${t}`,style:{fontSize:n,color:l}},null)])}});C.install=function(t){t.component(C.name,C)};var X="";const B={name:{type:String,default:void 0},halfchecked:{type:Boolean,default:!1},isShowTitle:{type:Boolean,default:!0},title:{type:String},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}},_=P(w({},B),{halfchecked:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},value:{type:String},label:{type:String,default:void 0},title:{type:String,default:void 0},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}}),K=P(w({},B),{modelValue:{type:Array,required:!0},direction:{type:String,default:"column"},itemWidth:{type:Number,default:void 0},options:{type:Array,default:()=>[]},onChange:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}}),D=Symbol("d-checkbox-group");var S=e.defineComponent({name:"DCheckbox",props:_,emits:["change","update:checked","update:modelValue"],setup(t,n){const l=e.inject(D,null),a=e.computed(()=>t.checked||t.modelValue),c=e.computed(()=>(l==null?void 0:l.disabled.value)||t.disabled),s=e.computed(()=>{var i,u;return(u=(i=l==null?void 0:l.isItemChecked)==null?void 0:i.call(l,t.value))!=null?u:a.value}),o=e.computed(()=>{var i;return(i=l==null?void 0:l.isShowTitle.value)!=null?i:t.isShowTitle}),r=e.computed(()=>{var i;return(i=l==null?void 0:l.showAnimation.value)!=null?i:t.showAnimation}),m=e.computed(()=>{var i;return(i=l==null?void 0:l.color.value)!=null?i:t.color}),y=l==null?void 0:l.itemWidth.value,V=l==null?void 0:l.direction.value,k=(i,u)=>{var h;if(c.value)return Promise.resolve(!1);const g=(h=t.beforeChange)!=null?h:l==null?void 0:l.beforeChange;if(g){const b=g(i,u);return typeof b=="boolean"?Promise.resolve(b):b}return Promise.resolve(!0)},p=()=>{const i=!a.value;l==null||l.toggleGroupVal(t.value),n.emit("update:checked",i),n.emit("update:modelValue",i),n.emit("change",i)};return{itemWidth:y,direction:V,mergedColor:m,mergedDisabled:c,mergedIsShowTitle:o,mergedChecked:s,mergedShowAnimation:r,handleClick:()=>{k(!a.value,t.label).then(i=>i&&p())}}},render(){var F;const{itemWidth:t,direction:n,mergedChecked:l,mergedDisabled:a,mergedIsShowTitle:c,mergedShowAnimation:s,halfchecked:o,title:r,label:m,handleClick:y,name:V,value:k,mergedColor:p,$slots:d}=this,i={"devui-checkbox-column-margin":n==="column","devui-checkbox-wrap":typeof t!="undefined"},u=t?[`width: ${t}px`]:[],g={"devui-checkbox":!0,active:l,halfchecked:o,disabled:a,unchecked:!l},h=c?r||m:"",b=p&&o||p?`linear-gradient(${p}, ${p})`:"",O=[`border-color:${(l||o)&&p?p:""}`,`background-image:${b}`,`background-color:${p&&o?p:""}`],W={"devui-checkbox-material":!0,"custom-color":p,"devui-checkbox-no-label":!m&&!d.default,"devui-no-animation":!s,"devui-checkbox-default-background":!o},M={"devui-tick":!0,"devui-no-animation":!s},T=q=>q.stopPropagation(),U={indeterminate:o};return e.createVNode("div",{class:i,style:u},[e.createVNode("div",{class:g},[e.createVNode("label",{title:h,onClick:y},[e.createVNode("input",e.mergeProps({name:V||k,class:"devui-checkbox-input",type:"checkbox"},U,{checked:l,disabled:a,onClick:T,onChange:T}),null),e.createVNode("span",{style:O,class:W},[e.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),e.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:M},null)])])]),m||((F=d.default)==null?void 0:F.call(d))])])])}}),Y="",j=e.defineComponent({name:"DCheckboxGroup",props:K,emits:["change","update:modelValue"],setup(t,n){const l=e.toRef(t,"modelValue"),a={checked:!1,isShowTitle:!0,halfchecked:!1,showAnimation:!0,disabled:!1},c=o=>{let r=-1;if(typeof l.value[0]=="string"?r=l.value.findIndex(m=>m===o):typeof l.value[0]=="object"&&(r=l.value.findIndex(m=>m.value===o)),r===-1){if(typeof t.options[0]=="object"){const y=t.options.find(k=>k.value===o),V=[...l.value,y];n.emit("update:modelValue",V),n.emit("change",V);return}const m=[...l.value,o];n.emit("update:modelValue",m),n.emit("change",m);return}l.value.splice(r,1),n.emit("update:modelValue",l.value),n.emit("change",l.value)},s=o=>{if(typeof l.value[0]=="string")return l.value.includes(o);if(typeof l.value[0]=="object")return l.value.some(r=>r.value===o)};return e.provide(D,{disabled:e.toRef(t,"disabled"),isShowTitle:e.toRef(t,"isShowTitle"),color:e.toRef(t,"color"),showAnimation:e.toRef(t,"showAnimation"),beforeChange:t.beforeChange,isItemChecked:s,toggleGroupVal:c,itemWidth:e.toRef(t,"itemWidth"),direction:e.toRef(t,"direction")}),{defaultOpt:a}},render(){var s;const{direction:t,$slots:n,defaultOpt:l,options:a}=this;let c=(s=n.default)==null?void 0:s.call(n);return(a==null?void 0:a.length)>0&&(c=a.map(o=>{let r=null;return typeof o=="string"?r=Object.assign({},l,{label:o,value:o}):typeof o=="object"&&(r=Object.assign({},l,P(w({},o),{label:o.name}))),e.createVNode(S,r,null)})),e.createVNode("div",{class:"devui-checkbox-group"},[e.createVNode("div",{class:{"devui-checkbox-list-inline":t==="row"}},[c])])}});S.install=function(t){t.component(S.name,S)},j.install=function(t){t.component(j.name,j)};function A(t,n){let l=t;return typeof n=="object"&&Object.keys(n).forEach(a=>{n[a]&&(l+=` ${a}`)}),l}function $(t){const n=e.computed(()=>{const a=new Map;return t.value.forEach(c=>{a.set(c.value,c)}),a});return a=>a.map(c=>n.value.get(c))}function E(t,n,l){function a(c){var r,m;let s=c.target;s.shadowRoot&&c.composed&&(s=c.composedPath()[0]||s);const o=[(r=t[0])==null?void 0:r.value,(m=t[1])==null?void 0:m.value];n.value&&o.every(y=>y&&!y.contains(s)&&y!==s)&&l(!1)}e.onMounted(()=>{document.body.addEventListener("mousedown",a,!1)}),e.onBeforeUnmount(()=>{document.body.addEventListener("mousedown",a,!1)})}var Z="",N=e.defineComponent({name:"DSelect",props:v,emits:["toggleChange","valueChange","update:modelValue"],setup(t,n){const l=e.ref(null),a=e.ref(null),c=e.ref(!1);function s(d){t.disabled||(c.value=d,n.emit("toggleChange",d))}E([l,a],c,s);const o=e.computed(()=>{const{multiple:d,modelValue:i}=t;return t.options.map(u=>{let g;return typeof u=="object"?g=w({name:u.name?u.name:u.value+"",value:u.value,_checked:!1},u):g={name:u+"",value:u,_checked:!1},d&&(Array.isArray(i)?g._checked=i.includes(g.value):g._checked=!1),g})}),r=$(o),m=e.computed(()=>{var d;return t.multiple&&Array.isArray(t.modelValue)?r(t.modelValue).map(u=>u.name).join(","):Array.isArray(t.modelValue)?"":((d=r([t.modelValue])[0])==null?void 0:d.name)||""}),y=e.computed(()=>!t.disabled&&t.allowClear&&m.value.length>0);function V(d,i){const{multiple:u,optionDisabledKey:g}=t;let{modelValue:h}=t;g&&!!d[g]||(u?(d._checked=!d._checked,h=o.value.filter(b=>b._checked).map(b=>b.value),n.emit("update:modelValue",h)):(n.emit("update:modelValue",d.value),s(!1)),n.emit("valueChange",d,i))}function k(d){const{optionDisabledKey:i}=t;return A("devui-select-item",{active:d.value===t.modelValue,disabled:i?!!d[i]:!1})}function p(d){d.preventDefault(),d.stopPropagation(),t.multiple?n.emit("update:modelValue",[]):n.emit("update:modelValue","")}return{isOpen:c,containerRef:l,dropdownRef:a,inputValue:m,mergeOptions:o,mergeClearable:y,valueChange:V,toggleChange:s,getItemClassName:k,handleClear:p}},render(){const{mergeOptions:t,isOpen:n,inputValue:l,size:a,multiple:c,disabled:s,optionDisabledKey:o,placeholder:r,overview:m,valueChange:y,toggleChange:V,getItemClassName:k,mergeClearable:p,handleClear:d}=this,i=A("devui-select",{"devui-select-open":n,"devui-dropdown-menu-multiple":c,"devui-select-lg":a==="lg","devui-select-sm":a==="sm","devui-select-underlined":m==="underlined","devui-select-disabled":s}),u=A("devui-select-input",{"devui-select-input-lg":a==="lg","devui-select-input-sm":a==="sm"}),g=A("devui-select-selection",{"devui-select-clearable":p});return e.createVNode("div",{class:i,ref:"containerRef"},[e.createVNode("div",{class:g,onClick:()=>V(!n)},[e.createVNode("input",{value:l,type:"text",class:u,placeholder:r,readonly:!0,disabled:s},null),e.createVNode("span",{onClick:d,class:"devui-select-clear"},[e.createVNode(C,{name:"close"},null)]),e.createVNode("span",{class:"devui-select-arrow"},[e.createVNode(C,{name:"select-arrow"},null)])]),e.createVNode(e.Transition,{name:"fade",ref:"dropdownRef"},{default:()=>[e.withDirectives(e.createVNode("div",{class:"devui-select-dropdown"},[e.createVNode("ul",{class:"devui-select-dropdown-list devui-scrollbar"},[t.map((h,b)=>e.createVNode("li",{onClick:O=>{O.preventDefault(),O.stopPropagation(),y(h,b)},class:k(h),key:b},[c?e.createVNode(S,{modelValue:h._checked,label:h.name,disabled:o?!!h[o]:!1},null):h.name]))])]),[[e.vShow,n]])]})])}});N.install=function(t){t.component(N.name,N)};var z={title:"Select \u4E0B\u62C9\u6846",category:"\u6570\u636E\u5F55\u5165",status:"10%",install(t){t.use(N)}};f.Select=N,f.default=z,Object.defineProperty(f,"__esModule",{value:!0}),f[Symbol.toStringTag]="Module"});

package/skeleton/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/skeleton/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, Fragment, withDirectives, vShow } from "vue";
+import { defineComponent, createVNode, Fragment, withDirectives, vShow, mergeProps } from "vue";
 var skeleton = "";
 const skeletonProps = {
   row: {
@@ -34,7 +34,7 @@ const skeletonProps = {
     default: "40px"
   },
   avatarShape: {
-    value: String,
+    type: String,
     default: "round"
   },
   titleWidth: {
@@ -54,7 +54,7 @@ var Skeleton = defineComponent({
       slots
     } = ctx;
     function renderAnimate(isAnimated) {
-      return isAnimated ? "devui-skeleton-animated" : "";
+      return isAnimated ? "devui-skeleton__animated" : "";
     }
     function renderBorderRadius(isRound) {
       return isRound ? "border-radius: 1em;" : "";
@@ -102,14 +102,17 @@ var Skeleton = defineComponent({
       })();
       return withDirectives(createVNode("div", {
         "class": "devui-skeleton__paragraph"
-      }, [arr.map((item) => {
+      }, [arr.map((item2) => {
         return createVNode("div", {
           "class": "devui-skeleton__item",
-          "style": round ? "border-radius: 1em;" : `width: ${item.width}`
+          "style": round ? "border-radius: 1em;" : `width: ${item2.width}`
         }, null);
       })]), [[vShow, isShown]]);
     }
     function renderAvatarStyle(avatarSize, avatarShape) {
+      function renderAvatarShape(avatarShape2) {
+        return avatarShape2 === "square" ? "" : "border-radius:50%;";
+      }
       function renderAvatarSize(avatarSize2) {
         switch (typeof avatarSize2) {
           case "string":
@@ -118,9 +121,6 @@ var Skeleton = defineComponent({
             return `width:${avatarSize2}px;height:${avatarSize2}px;`;
         }
       }
-      function renderAvatarShape(avatarShape2) {
-        return avatarShape2 === "square" ? "" : "border-radius:50%;";
-      }
       return renderAvatarSize(avatarSize) + renderAvatarShape(avatarShape);
     }
     function renderTitle(isVisible, titleWidth, isRound) {
@@ -137,32 +137,154 @@ var Skeleton = defineComponent({
       }
       return renderTitleWidth(titleWidth) + renderBorderRadius(isRound) + renderTitleVisibility(isVisible);
     }
-    function renderSkeleton(isLoading) {
+    function renderDefaultSkeleton() {
+      return createVNode(Fragment, null, [withDirectives(createVNode("div", {
+        "class": "devui-skeleton__avatar"
+      }, [createVNode("div", {
+        "class": "avatar",
+        "style": renderAvatarStyle(props.avatarSize, props.avatarShape)
+      }, null)]), [[vShow, props.avatar]]), createVNode("div", {
+        "class": "devui-skeleton__group"
+      }, [createVNode("div", {
+        "class": "devui-skeleton__title",
+        "style": renderTitle(props.title, props.titleWidth, props.round)
+      }, null), renderParagraph(props.paragraph, props.row, props.rowWidth, props.round)])]);
+    }
+    return () => {
       var _a;
-      if (isLoading) {
-        return createVNode(Fragment, null, [withDirectives(createVNode("div", {
-          "class": "devui-skeleton__avatar"
-        }, [createVNode("div", {
-          "class": "avatar",
-          "style": renderAvatarStyle(props.avatarSize, props.avatarShape)
-        }, null)]), [[vShow, props.avatar]]), createVNode("div", {
-          "class": "devui-skeleton__item__group"
-        }, [createVNode("div", {
-          "class": "devui-skeleton__title",
-          "style": renderTitle(props.title, props.titleWidth, props.round)
-        }, null), renderParagraph(props.paragraph, props.row, props.rowWidth, props.round)])]);
+      if (props.loading) {
+        return createVNode("div", {
+          "class": `devui-skeleton ${renderAnimate(props.animate)}`
+        }, [renderDefaultSkeleton()]);
       }
       return createVNode(Fragment, null, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+var item = "";
+const itemProps = {
+  row: {
+    type: Number,
+    default: 0
+  },
+  animate: {
+    type: Boolean,
+    default: true
+  },
+  round: {
+    type: Boolean,
+    default: false
+  },
+  loading: {
+    type: Boolean,
+    default: true
+  },
+  avatarShape: {
+    type: String,
+    default: "round"
+  },
+  titleWidth: {
+    type: [String, Number],
+    default: "40%"
+  },
+  rowWidth: {
+    type: [Number, String, Array],
+    default: ["100%"]
+  },
+  shape: {
+    type: String
+  }
+};
+var SkeletonItem = defineComponent({
+  name: "DSkeletonItem",
+  props: itemProps,
+  setup(props, ctx) {
+    const {
+      slots
+    } = ctx;
+    function renderAnimate(isAnimated) {
+      return isAnimated ? "devui-skeleton__animated" : "";
+    }
+    function renderShapeParagraph(rowNum, rowWidth, round) {
+      const arr = [];
+      function pushIntoArray(type) {
+        for (let index2 = 0; index2 < rowNum; index2++) {
+          arr.push({
+            width: type
+          });
+        }
+      }
+      (function handleRowWidth() {
+        if (rowWidth instanceof Array) {
+          for (let index2 = 0; index2 < rowNum; index2++) {
+            if (rowWidth[index2]) {
+              switch (typeof rowWidth[index2]) {
+                case "string":
+                  arr.push({
+                    width: rowWidth[index2]
+                  });
+                  break;
+                case "number":
+                  arr.push({
+                    width: `${rowWidth[index2]}px`
+                  });
+              }
+            } else {
+              arr.push({
+                width: 1
+              });
+            }
+          }
+        } else {
+          switch (typeof rowWidth) {
+            case "string":
+              pushIntoArray(rowWidth);
+              break;
+            case "number":
+              pushIntoArray(`${rowWidth}px`);
+              break;
+          }
+        }
+      })();
+      return createVNode("div", mergeProps({
+        "class": `devui-skeleton__shape__paragraph ${renderAnimate(props.animate)}`
+      }, ctx.attrs), [arr.map((item2) => {
+        return createVNode("div", {
+          "class": "devui-skeleton__shape__paragraph__item",
+          "style": round ? "border-radius: 1em;" : `width: ${item2.width}`
+        }, null);
+      })]);
+    }
+    function renderAvatarStyle(avatarShape) {
+      function renderAvatarShape(avatarShape2) {
+        return avatarShape2 === "square" ? "" : "border-radius:50%;";
+      }
+      return renderAvatarShape(avatarShape);
     }
     return () => {
-      return createVNode("div", {
-        "class": `devui-skeleton ${renderAnimate(props.animate)}`
-      }, [renderSkeleton(props.loading)]);
+      var _a;
+      if (props.loading && props.shape) {
+        switch (props.shape) {
+          case "avatar":
+            return createVNode(Fragment, null, [createVNode("div", mergeProps({
+              "class": `devui-skeleton__shape__avatar ${renderAnimate(props.animate)}`,
+              "style": renderAvatarStyle(props.avatarShape)
+            }, ctx.attrs), null)]);
+          case "paragraph":
+            return createVNode(Fragment, null, [renderShapeParagraph(props.row, props.rowWidth, props.round)]);
+          default:
+            return createVNode(Fragment, null, [createVNode("div", mergeProps({
+              "class": `devui-skeleton__shape__${props.shape} ${renderAnimate(props.animate)}`
+            }, ctx.attrs), null)]);
+        }
+      }
+      return createVNode(Fragment, null, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
 Skeleton.install = function(app) {
   app.component(Skeleton.name, Skeleton);
+  app.component(SkeletonItem.name, SkeletonItem);
 };
 var index = {
   title: "Skeleton \u9AA8\u67B6\u5C4F",
@@ -172,4 +294,4 @@ var index = {
     app.use(Skeleton);
   }
 };
-export { Skeleton, index as default };
+export { Skeleton, SkeletonItem, index as default };

package/skeleton/index.umd.js

@@ -1 +1 @@
-(function(i,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis!="undefined"?globalThis:i||self,e(i.index={},i.Vue))})(this,function(i,e){"use strict";var w="";const h={row:{type:Number,default:0},animate:{type:Boolean,default:!0},round:{type:Boolean,default:!1},loading:{type:Boolean,default:!0},avatar:{type:Boolean,default:!1},title:{type:Boolean,default:!0},paragraph:{type:Boolean,default:!0},avatarSize:{type:[String,Number],default:"40px"},avatarShape:{value:String,default:"round"},titleWidth:{type:[String,Number],default:"40%"},rowWidth:{type:[Number,String,Array],default:["100%"]}};var o=e.defineComponent({name:"DSkeleton",props:h,setup(t,p){const{slots:f}=p;function m(a){return a?"devui-skeleton-animated":""}function g(a){return a?"border-radius: 1em;":""}function b(a,u,r,s){const n=[];function l(c){for(let d=0;d<u;d++)n.push({width:c})}return function(){if(r instanceof Array)for(let d=0;d<u;d++)if(r[d])switch(typeof r[d]){case"string":n.push({width:r[d]});break;case"number":n.push({width:`${r[d]}px`})}else n.push({width:1});else switch(typeof r){case"string":l(r);break;case"number":l(`${r}px`);break}}(),e.withDirectives(e.createVNode("div",{class:"devui-skeleton__paragraph"},[n.map(c=>e.createVNode("div",{class:"devui-skeleton__item",style:s?"border-radius: 1em;":`width: ${c.width}`},null))]),[[e.vShow,a]])}function v(a,u){function r(n){switch(typeof n){case"string":return`width:${n};height:${n};`;case"number":return`width:${n}px;height:${n}px;`}}function s(n){return n==="square"?"":"border-radius:50%;"}return r(a)+s(u)}function k(a,u,r){function s(l){switch(typeof l){case"string":return`width: ${l};`;case"number":return`width: ${l}px;`}}function n(l){return l?null:"visibility: hidden;"}return s(u)+g(r)+n(a)}function S(a){var u;return a?e.createVNode(e.Fragment,null,[e.withDirectives(e.createVNode("div",{class:"devui-skeleton__avatar"},[e.createVNode("div",{class:"avatar",style:v(t.avatarSize,t.avatarShape)},null)]),[[e.vShow,t.avatar]]),e.createVNode("div",{class:"devui-skeleton__item__group"},[e.createVNode("div",{class:"devui-skeleton__title",style:k(t.title,t.titleWidth,t.round)},null),b(t.paragraph,t.row,t.rowWidth,t.round)])]):e.createVNode(e.Fragment,null,[(u=f.default)==null?void 0:u.call(f)])}return()=>e.createVNode("div",{class:`devui-skeleton ${m(t.animate)}`},[S(t.loading)])}});o.install=function(t){t.component(o.name,o)};var y={title:"Skeleton \u9AA8\u67B6\u5C4F",category:"\u6570\u636E\u5C55\u793A",status:"\u5DF2\u5B8C\u6210",install(t){t.use(o)}};i.Skeleton=o,i.default=y,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
+(function(l,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis!="undefined"?globalThis:l||self,e(l.index={},l.Vue))})(this,function(l,e){"use strict";var V="";const S={row:{type:Number,default:0},animate:{type:Boolean,default:!0},round:{type:Boolean,default:!1},loading:{type:Boolean,default:!0},avatar:{type:Boolean,default:!1},title:{type:Boolean,default:!0},paragraph:{type:Boolean,default:!0},avatarSize:{type:[String,Number],default:"40px"},avatarShape:{type:String,default:"round"},titleWidth:{type:[String,Number],default:"40%"},rowWidth:{type:[Number,String,Array],default:["100%"]}};var m=e.defineComponent({name:"DSkeleton",props:S,setup(t,h){const{slots:f}=h;function p(a){return a?"devui-skeleton__animated":""}function b(a){return a?"border-radius: 1em;":""}function k(a,o,n,r){const i=[];function c(g){for(let s=0;s<o;s++)i.push({width:g})}return function(){if(n instanceof Array)for(let s=0;s<o;s++)if(n[s])switch(typeof n[s]){case"string":i.push({width:n[s]});break;case"number":i.push({width:`${n[s]}px`})}else i.push({width:1});else switch(typeof n){case"string":c(n);break;case"number":c(`${n}px`);break}}(),e.withDirectives(e.createVNode("div",{class:"devui-skeleton__paragraph"},[i.map(g=>e.createVNode("div",{class:"devui-skeleton__item",style:r?"border-radius: 1em;":`width: ${g.width}`},null))]),[[e.vShow,a]])}function u(a,o){function n(i){return i==="square"?"":"border-radius:50%;"}function r(i){switch(typeof i){case"string":return`width:${i};height:${i};`;case"number":return`width:${i}px;height:${i}px;`}}return r(a)+n(o)}function d(a,o,n){function r(c){switch(typeof c){case"string":return`width: ${c};`;case"number":return`width: ${c}px;`}}function i(c){return c?null:"visibility: hidden;"}return r(o)+b(n)+i(a)}function y(){return e.createVNode(e.Fragment,null,[e.withDirectives(e.createVNode("div",{class:"devui-skeleton__avatar"},[e.createVNode("div",{class:"avatar",style:u(t.avatarSize,t.avatarShape)},null)]),[[e.vShow,t.avatar]]),e.createVNode("div",{class:"devui-skeleton__group"},[e.createVNode("div",{class:"devui-skeleton__title",style:d(t.title,t.titleWidth,t.round)},null),k(t.paragraph,t.row,t.rowWidth,t.round)])])}return()=>{var a;return t.loading?e.createVNode("div",{class:`devui-skeleton ${p(t.animate)}`},[y()]):e.createVNode(e.Fragment,null,[(a=f.default)==null?void 0:a.call(f)])}}}),v="";const N={row:{type:Number,default:0},animate:{type:Boolean,default:!0},round:{type:Boolean,default:!1},loading:{type:Boolean,default:!0},avatarShape:{type:String,default:"round"},titleWidth:{type:[String,Number],default:"40%"},rowWidth:{type:[Number,String,Array],default:["100%"]},shape:{type:String}};var _=e.defineComponent({name:"DSkeletonItem",props:N,setup(t,h){const{slots:f}=h;function p(u){return u?"devui-skeleton__animated":""}function b(u,d,y){const a=[];function o(n){for(let r=0;r<u;r++)a.push({width:n})}return function(){if(d instanceof Array)for(let r=0;r<u;r++)if(d[r])switch(typeof d[r]){case"string":a.push({width:d[r]});break;case"number":a.push({width:`${d[r]}px`})}else a.push({width:1});else switch(typeof d){case"string":o(d);break;case"number":o(`${d}px`);break}}(),e.createVNode("div",e.mergeProps({class:`devui-skeleton__shape__paragraph ${p(t.animate)}`},h.attrs),[a.map(n=>e.createVNode("div",{class:"devui-skeleton__shape__paragraph__item",style:y?"border-radius: 1em;":`width: ${n.width}`},null))])}function k(u){function d(y){return y==="square"?"":"border-radius:50%;"}return d(u)}return()=>{var u;if(t.loading&&t.shape)switch(t.shape){case"avatar":return e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps({class:`devui-skeleton__shape__avatar ${p(t.animate)}`,style:k(t.avatarShape)},h.attrs),null)]);case"paragraph":return e.createVNode(e.Fragment,null,[b(t.row,t.rowWidth,t.round)]);default:return e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps({class:`devui-skeleton__shape__${t.shape} ${p(t.animate)}`},h.attrs),null)])}return e.createVNode(e.Fragment,null,[(u=f.default)==null?void 0:u.call(f)])}}});m.install=function(t){t.component(m.name,m),t.component(_.name,_)};var w={title:"Skeleton \u9AA8\u67B6\u5C4F",category:"\u6570\u636E\u5C55\u793A",status:"\u5DF2\u5B8C\u6210",install(t){t.use(m)}};l.Skeleton=m,l.SkeletonItem=_,l.default=w,Object.defineProperty(l,"__esModule",{value:!0}),l[Symbol.toStringTag]="Module"});

package/skeleton/style.css

@@ -1 +1 @@
-.devui-skeleton{display:flex;justify-content:space-between}.devui-skeleton .devui-skeleton__avatar{display:flex;flex:1;justify-content:center;padding-right:16px}.devui-skeleton .devui-skeleton__avatar .avatar{width:40px;height:40px;background-color:#f2f2f2}.devui-skeleton .devui-skeleton__item__group{flex:11}.devui-skeleton .devui-skeleton__item__group .devui-skeleton__item,.devui-skeleton .devui-skeleton__item__group .devui-skeleton__title{width:100%;height:16px;background-color:#f2f2f2}.devui-skeleton .devui-skeleton__item__group .devui-skeleton__title{margin-top:24px}.devui-skeleton .devui-skeleton__item__group .devui-skeleton__paragraph{margin-top:12px}.devui-skeleton .devui-skeleton__item__group .devui-skeleton__item:last-child{width:60%}.devui-skeleton-animated>.devui-skeleton__item__group>.devui-skeleton__title,.devui-skeleton-animated>.devui-skeleton__avatar>.avatar,.devui-skeleton-animated>.devui-skeleton__item__group>div>.devui-skeleton__item{background:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 60%) #f2f2f2;background-size:200% 100%;background-position-x:180%;animation:2s skeletonLoading ease-in-out infinite}@keyframes skeletonLoading{to{background-position-x:-20%}}.devui-skeleton__avatar>.avatar,.devui-skeleton__item__group>div>.devui-skeleton__item{margin-top:12px}.devui-skeleton-animated>.devui-skeleton__avatar>.avatar{animation-delay:.1s}
+.devui-skeleton{display:flex;justify-content:space-between}.devui-skeleton__avatar{display:flex;flex:1;justify-content:center;padding-right:16px}.devui-skeleton__avatar .avatar{width:40px;height:40px;background-color:#f2f2f2}.devui-skeleton__group{flex:11}.devui-skeleton__item,.devui-skeleton__title{width:100%;height:16px;background-color:#f2f2f2}.devui-skeleton__title{margin-top:24px}.devui-skeleton__paragraph{margin-top:12px}.devui-skeleton__item:last-child{width:60%}.devui-skeleton__avatar>.avatar,.devui-skeleton__group>div>.devui-skeleton__item{margin-top:12px}.devui-skeleton__animated>.devui-skeleton__group>.devui-skeleton__title,.devui-skeleton__animated>.devui-skeleton__group>div>.devui-skeleton__item,.devui-skeleton__animated>.devui-skeleton__avatar>.avatar{background:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 60%) #f2f2f2;background-size:200% 100%;background-position-x:180%;animation:2s skeletonLoading ease-in-out infinite}.devui-skeleton__shape__avatar,.devui-skeleton__shape__image,.devui-skeleton__shape__title,.devui-skeleton__shape__button{background-color:#f2f2f2}.devui-skeleton__shape__avatar{width:40px;height:40px;background-color:#f2f2f2}.devui-skeleton__shape__image{width:200px;height:150px;border-radius:4px}.devui-skeleton__shape__title{width:40%;height:24px}.devui-skeleton__shape__paragraph__item{background-color:#f2f2f2;width:100%;height:16px;margin-bottom:10px}.devui-skeleton__shape__paragraph__item:last-child{width:60%}.devui-skeleton__shape__button{width:115px;height:32px}@keyframes skeletonLoading{to{background-position-x:-20%}}.devui-skeleton__animated .devui-skeleton__shape__avatar,.devui-skeleton__animated.devui-skeleton__shape__avatar,.devui-skeleton__animated.devui-skeleton__shape__image,.devui-skeleton__animated.devui-skeleton__shape__title,.devui-skeleton__animated.devui-skeleton__shape__paragraph>.devui-skeleton__shape__paragraph__item,.devui-skeleton__animated.devui-skeleton__shape__button{background:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 60%) #f2f2f2;background-size:200% 100%;background-position-x:180%;animation:2s skeletonLoading ease-in-out infinite}

package/slider/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/slider/index.es.js

@@ -63,9 +63,9 @@ var Slider = defineComponent({
       const sliderWidth = sliderRunway.value.clientWidth;
       currentPosition.value = sliderWidth * (inputValue.value - props.min) / (props.max - props.min);
     });
-    function handleonMousedown(event) {
+    function handleButtonMousedown(event) {
       popoverShow.value = true;
-      if (props.disabled || props.disabled)
+      if (props.disabled)
         return;
       event.preventDefault();
       dragStart(event);
@@ -113,11 +113,12 @@ var Slider = defineComponent({
       currentPosition.value = newPosition;
       ctx.emit("update:modelValue", inputValue.value);
     }
-    function handleClick(event) {
+    function handleRunwayMousedown(event) {
       if (!props.disabled && isClick) {
         startX = event.target.getBoundingClientRect().left;
         const currentX = event.clientX;
         setPostion(currentX - startX);
+        handleButtonMousedown(event);
       } else {
         return;
       }
@@ -162,7 +163,8 @@ var Slider = defineComponent({
     }, [createVNode("div", {
       "ref": sliderRunway,
       "class": "devui-slider__runway" + disableClass.value,
-      "onClick": handleClick
+      "onMousedown": handleRunwayMousedown,
+      "onMouseout": () => popoverShow.value = false
     }, [createVNode("div", {
       "class": "devui-slider__bar" + disableClass.value,
       "style": {
@@ -173,7 +175,7 @@ var Slider = defineComponent({
       "style": {
         left: percentDispaly.value
       },
-      "onMousedown": handleonMousedown,
+      "onMousedown": handleButtonMousedown,
       "onMouseenter": () => popoverShow.value = true,
       "onMouseout": () => popoverShow.value = false
     }, null), props.tipsRenderer === "null" ? "" : popover()]), createVNode("span", {
@@ -189,7 +191,7 @@ Slider.install = function(app) {
 var index = {
   title: "Slider \u6ED1\u5757",
   category: "\u6570\u636E\u5F55\u5165",
-  status: "80%",
+  status: "\u5DF2\u5B8C\u6210",
   install(app) {
     app.use(Slider);
   }

package/slider/index.umd.js

@@ -1 +1 @@
-(function(u,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(u=typeof globalThis!="undefined"?globalThis:u||self,t(u.index={},u.Vue))})(this,function(u,t){"use strict";const x={disabled:{type:Boolean,default:!1},max:{type:Number,default:100},min:{type:Number,default:0},modelValue:{type:Number,default:0},showInput:{type:Boolean,default:!1},step:{type:Number,default:1},tipsRenderer:{type:String,default:""}};var I="",o=t.defineComponent({name:"DSlider",props:x,emits:["update:modelValue"],setup(e,v){let m=!0,f=0,s=0;const d=t.ref(!1),V=t.ref(null),n=t.ref(e.modelValue),r=t.ref(0),h=t.ref(0),a=t.ref(""),M=()=>e.showInput?t.createVNode("div",{class:"devui-input__out-wrap"},[t.createVNode("input",{onInput:C,value:n.value+""},null)]):"";e.modelValue>e.max?a.value="100%":e.modelValue<e.min?a.value="0%":a.value=(e.modelValue-e.min)*100/(e.max-e.min)+"%",t.onMounted(()=>{const l=V.value.clientWidth;r.value=l*(n.value-e.min)/(e.max-e.min)});function S(l){d.value=!0,!(e.disabled||e.disabled)&&(l.preventDefault(),E(l),window.addEventListener("mousemove",b),window.addEventListener("mouseup",N))}function E(l){m=!1,s=l.clientX,f=r.value,h.value=f}function b(l){d.value=!0;const c=l.clientX-s;h.value=f+c,_(h.value)}function N(){d.value=!1,setTimeout(()=>{m=!0},100),window.removeEventListener("mousemove",b),window.removeEventListener("mouseup",N)}function _(l){const i=Math.round(V.value.clientWidth);l<0&&(l=0);const c=i/((e.max-e.min)/e.step),w=Math.round(l/c)*c;if(Math.round(w)>=i){r.value=i,n.value=e.max,a.value="100%",v.emit("update:modelValue",e.max);return}a.value=Math.round(w*100/i)+"%",n.value=Math.round(w*(e.max-e.min)/i)+e.min,r.value=l,v.emit("update:modelValue",n.value)}function X(l){if(!e.disabled&&m){s=l.target.getBoundingClientRect().left;const i=l.clientX;_(i-s)}else return}function C(l){n.value=parseInt(l.target.value),n.value?(n.value<e.min&&(n.value=e.min),n.value>e.max&&(n.value=e.max),/^(?:[1-9]?\d|100)$/.test(`${n.value}`)&&(a.value=(n.value-e.min)*100/(e.max-e.min)+"%",v.emit("update:modelValue",n.value))):(n.value=e.min,a.value="0%")}const y=t.computed(()=>e.disabled?" disabled":""),D=()=>t.createVNode("div",{class:"devui-slider_popover",style:{left:a.value,opacity:d.value?1:0}},[t.createVNode("div",{class:"devui-slider_popover-arrow"},null),t.createVNode("div",{class:"devui-slider_popover-content"},[n.value+" "+e.tipsRenderer])]);return()=>t.createVNode("div",{class:"devui-slider"},[t.createVNode("div",{ref:V,class:"devui-slider__runway"+y.value,onClick:X},[t.createVNode("div",{class:"devui-slider__bar"+y.value,style:{width:a.value}},null),t.createVNode("div",{class:"devui-slider__button"+y.value,style:{left:a.value},onMousedown:S,onMouseenter:()=>d.value=!0,onMouseout:()=>d.value=!1},null),e.tipsRenderer==="null"?"":D()]),t.createVNode("span",{class:"devui-min_count"},[e.min]),t.createVNode("span",{class:"devui-max_count"},[e.max]),M()])}});o.install=function(e){e.component(o.name,o)};var g={title:"Slider \u6ED1\u5757",category:"\u6570\u636E\u5F55\u5165",status:"80%",install(e){e.use(o)}};u.Slider=o,u.default=g,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});
+(function(a,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(a=typeof globalThis!="undefined"?globalThis:a||self,t(a.index={},a.Vue))})(this,function(a,t){"use strict";const x={disabled:{type:Boolean,default:!1},max:{type:Number,default:100},min:{type:Number,default:0},modelValue:{type:Number,default:0},showInput:{type:Boolean,default:!1},step:{type:Number,default:1},tipsRenderer:{type:String,default:""}};var R="",o=t.defineComponent({name:"DSlider",props:x,emits:["update:modelValue"],setup(e,v){let m=!0,f=0,s=0;const d=t.ref(!1),V=t.ref(null),l=t.ref(e.modelValue),r=t.ref(0),h=t.ref(0),u=t.ref(""),S=()=>e.showInput?t.createVNode("div",{class:"devui-input__out-wrap"},[t.createVNode("input",{onInput:X,value:l.value+""},null)]):"";e.modelValue>e.max?u.value="100%":e.modelValue<e.min?u.value="0%":u.value=(e.modelValue-e.min)*100/(e.max-e.min)+"%",t.onMounted(()=>{const n=V.value.clientWidth;r.value=n*(l.value-e.min)/(e.max-e.min)});function M(n){d.value=!0,!e.disabled&&(n.preventDefault(),D(n),window.addEventListener("mousemove",N),window.addEventListener("mouseup",_))}function D(n){m=!1,s=n.clientX,f=r.value,h.value=f}function N(n){d.value=!0;const c=n.clientX-s;h.value=f+c,b(h.value)}function _(){d.value=!1,setTimeout(()=>{m=!0},100),window.removeEventListener("mousemove",N),window.removeEventListener("mouseup",_)}function b(n){const i=Math.round(V.value.clientWidth);n<0&&(n=0);const c=i/((e.max-e.min)/e.step),y=Math.round(n/c)*c;if(Math.round(y)>=i){r.value=i,l.value=e.max,u.value="100%",v.emit("update:modelValue",e.max);return}u.value=Math.round(y*100/i)+"%",l.value=Math.round(y*(e.max-e.min)/i)+e.min,r.value=n,v.emit("update:modelValue",l.value)}function E(n){if(!e.disabled&&m){s=n.target.getBoundingClientRect().left;const i=n.clientX;b(i-s),M(n)}else return}function X(n){l.value=parseInt(n.target.value),l.value?(l.value<e.min&&(l.value=e.min),l.value>e.max&&(l.value=e.max),/^(?:[1-9]?\d|100)$/.test(`${l.value}`)&&(u.value=(l.value-e.min)*100/(e.max-e.min)+"%",v.emit("update:modelValue",l.value))):(l.value=e.min,u.value="0%")}const w=t.computed(()=>e.disabled?" disabled":""),I=()=>t.createVNode("div",{class:"devui-slider_popover",style:{left:u.value,opacity:d.value?1:0}},[t.createVNode("div",{class:"devui-slider_popover-arrow"},null),t.createVNode("div",{class:"devui-slider_popover-content"},[l.value+" "+e.tipsRenderer])]);return()=>t.createVNode("div",{class:"devui-slider"},[t.createVNode("div",{ref:V,class:"devui-slider__runway"+w.value,onMousedown:E,onMouseout:()=>d.value=!1},[t.createVNode("div",{class:"devui-slider__bar"+w.value,style:{width:u.value}},null),t.createVNode("div",{class:"devui-slider__button"+w.value,style:{left:u.value},onMousedown:M,onMouseenter:()=>d.value=!0,onMouseout:()=>d.value=!1},null),e.tipsRenderer==="null"?"":I()]),t.createVNode("span",{class:"devui-min_count"},[e.min]),t.createVNode("span",{class:"devui-max_count"},[e.max]),S()])}});o.install=function(e){e.component(o.name,o)};var g={title:"Slider \u6ED1\u5757",category:"\u6570\u636E\u5F55\u5165",status:"\u5DF2\u5B8C\u6210",install(e){e.use(o)}};a.Slider=o,a.default=g,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});

package/splitter/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/status/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/steps-guide/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/steps-guide/index.es.js

@@ -17,7 +17,7 @@ function useStepsGuideNav(steps, stepIndex) {
     _step.position = _step.position || "top";
     return _step;
   });
-  const guideClassList = ["d-steps-guide"];
+  const guideClassList = ["devui-steps-guide"];
   const stepsRef = ref(null);
   const guidePosition = reactive({
     left: "",
@@ -28,6 +28,7 @@ function useStepsGuideNav(steps, stepIndex) {
     const baseTop = window.pageYOffset - document.documentElement.clientTop;
     const baseLeft = window.pageXOffset - document.documentElement.clientLeft;
     const currentStepPosition = currentStep.value.position;
+    const stepGuideElement = stepsRef.value;
     let _left, _top;
     if (typeof currentStepPosition !== "string") {
       const { top = 0, left = 0, type = "top" } = currentStepPosition;
@@ -36,7 +37,6 @@ function useStepsGuideNav(steps, stepIndex) {
       _top = top;
     } else {
       guideClassList.splice(1, 1, currentStepPosition);
-      const stepGuideElement = stepsRef.value;
       const triggerSelector = currentStep.value.target || currentStep.value.trigger;
       const triggerElement = document.querySelector(triggerSelector);
       const targetRect = triggerElement.getBoundingClientRect();
@@ -70,6 +70,9 @@ function useStepsGuideNav(steps, stepIndex) {
     }
     guidePosition.left = _left + "px";
     guidePosition.top = _top + "px";
+    nextTick(() => {
+      stepGuideElement.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+    });
   };
   return {
     currentStep,

package/steps-guide/index.umd.js

@@ -1 +1 @@
-(function(u,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(u=typeof globalThis!="undefined"?globalThis:u||self,e(u.index={},u.Vue))})(this,function(u,e){"use strict";var b="";const N={steps:Array,showClose:{type:Boolean,default:!0},showDots:{type:Boolean,default:!0}};function V(t,h){const o=e.computed(()=>{const d=t[h.value];return d.position=d.position||"top",d}),s=["d-steps-guide"],r=e.ref(null),a=e.reactive({left:"",top:"",zIndex:1100});return{currentStep:o,stepsRef:r,guidePosition:a,guideClassList:s,updateGuidePosition:()=>{const d=window.pageYOffset-document.documentElement.clientTop,g=window.pageXOffset-document.documentElement.clientLeft,f=o.value.position;let c,l;if(typeof f!="string"){const{top:i=0,left:C=0,type:n="top"}=f;s.splice(1,1,n),c=C,l=i}else{s.splice(1,1,f);const i=r.value,C=o.value.target||o.value.trigger,n=document.querySelector(C),S=n.getBoundingClientRect();c=S.left+n.clientWidth/2-i.clientWidth/2+g,l=S.top+n.clientHeight/2-i.clientHeight/2+d;const v=f.split("-");switch(v[0]){case"top":l+=-i.clientHeight/2-n.clientHeight;break;case"bottom":l+=i.clientHeight/2+n.clientHeight;break;case"left":l+=i.clientHeight/2-n.clientHeight,c+=-i.clientWidth/2-n.clientWidth/2;break;case"right":l+=i.clientHeight/2-n.clientHeight,c+=i.clientWidth/2+n.clientWidth/2;break}switch(v[1]){case"left":c+=i.clientWidth/2-n.clientWidth/2;break;case"right":c+=-i.clientWidth/2+n.clientWidth/2;break}}a.left=c+"px",a.top=l+"px"}}}function y(t,h,o){const s=e.ref(!0);return{showSteps:s,closeSteps:()=>{s.value=!1},setCurrentIndex:p=>{(p>t.value||p<0)&&(p=0),h.value=p,s.value?o():(s.value=!0,e.nextTick(()=>{o()}))}}}var m=e.defineComponent({name:"DStepsGuide",props:N,emits:[],setup(t,h){const o=e.computed(()=>t.steps.length-1),s=e.ref(0),{currentStep:r,stepsRef:a,guidePosition:p,guideClassList:d,updateGuidePosition:g}=V(t.steps,s),{showSteps:f,closeSteps:c,setCurrentIndex:l}=y(o,s,g);return e.onMounted(()=>{g()}),{stepsCount:o,stepIndex:s,showSteps:f,guidePosition:p,guideClassList:d,stepsRef:a,currentStep:r,setCurrentIndex:l,closeSteps:c}},render(t){const{showSteps:h,guidePosition:o,guideClassList:s,currentStep:r,stepIndex:a,stepsCount:p,setCurrentIndex:d,closeSteps:g,showClose:f,showDots:c}=t;return h?e.createVNode(e.Teleport,{to:"body"},{default:()=>[e.createVNode("div",{style:o,class:s,ref:"stepsRef"},[e.createVNode("div",{class:"devui-shining-dot"},null),e.createVNode("div",{class:"devui-shining-plus"},null),e.createVNode("div",{class:"devui-arrow"},null),e.createVNode("div",{class:"devui-guide-container"},[e.createVNode("p",{class:"devui-title"},[r.title]),f?e.createVNode("div",{class:"icon icon-close",onClick:g},null):null,e.createVNode("div",{class:"devui-content"},[r.content]),e.createVNode("div",{class:"devui-ctrl"},[c?e.createVNode("div",{class:"devui-dots"},[t.steps.map((l,i)=>e.createVNode("em",{class:["icon icon-dot-status",r===l?"devui-active":""],key:i},null))]):null,e.createVNode("div",{class:"devui-guide-btn"},[a>0?e.createVNode("div",{class:"devui-prev-step",onClick:()=>d(--t.stepIndex)},["\u4E0A\u4E00\u6B65"]):null,a===p?e.createVNode("div",{onClick:g},["\u6211\u77E5\u9053\u5566"]):e.createVNode("div",{class:"devui-next-step",onClick:()=>{d(++t.stepIndex)}},["\u6211\u77E5\u9053\u5566,\u7EE7\u7EED"])])])])])]}):null}});m.install=function(t){t.component(m.name,m)};var w={title:"StepsGuide \u64CD\u4F5C\u6307\u5F15",category:"\u5BFC\u822A",status:"50%",install(t){t.use(m)}};u.StepsGuide=m,u.default=w,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});
+(function(d,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis!="undefined"?globalThis:d||self,e(d.index={},d.Vue))})(this,function(d,e){"use strict";var y="";const V={steps:Array,showClose:{type:Boolean,default:!0},showDots:{type:Boolean,default:!0}};function N(t,h){const o=e.computed(()=>{const l=t[h.value];return l.position=l.position||"top",l}),i=["devui-steps-guide"],r=e.ref(null),u=e.reactive({left:"",top:"",zIndex:1100});return{currentStep:o,stepsRef:r,guidePosition:u,guideClassList:i,updateGuidePosition:()=>{const l=window.pageYOffset-document.documentElement.clientTop,g=window.pageXOffset-document.documentElement.clientLeft,f=o.value.position,s=r.value;let c,p;if(typeof f!="string"){const{top:C=0,left:n=0,type:v="top"}=f;i.splice(1,1,v),c=n,p=C}else{i.splice(1,1,f);const C=o.value.target||o.value.trigger,n=document.querySelector(C),v=n.getBoundingClientRect();c=v.left+n.clientWidth/2-s.clientWidth/2+g,p=v.top+n.clientHeight/2-s.clientHeight/2+l;const S=f.split("-");switch(S[0]){case"top":p+=-s.clientHeight/2-n.clientHeight;break;case"bottom":p+=s.clientHeight/2+n.clientHeight;break;case"left":p+=s.clientHeight/2-n.clientHeight,c+=-s.clientWidth/2-n.clientWidth/2;break;case"right":p+=s.clientHeight/2-n.clientHeight,c+=s.clientWidth/2+n.clientWidth/2;break}switch(S[1]){case"left":c+=s.clientWidth/2-n.clientWidth/2;break;case"right":c+=-s.clientWidth/2+n.clientWidth/2;break}}u.left=c+"px",u.top=p+"px",e.nextTick(()=>{s.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})})}}}function b(t,h,o){const i=e.ref(!0);return{showSteps:i,closeSteps:()=>{i.value=!1},setCurrentIndex:a=>{(a>t.value||a<0)&&(a=0),h.value=a,i.value?o():(i.value=!0,e.nextTick(()=>{o()}))}}}var m=e.defineComponent({name:"DStepsGuide",props:V,emits:[],setup(t,h){const o=e.computed(()=>t.steps.length-1),i=e.ref(0),{currentStep:r,stepsRef:u,guidePosition:a,guideClassList:l,updateGuidePosition:g}=N(t.steps,i),{showSteps:f,closeSteps:s,setCurrentIndex:c}=b(o,i,g);return e.onMounted(()=>{g()}),{stepsCount:o,stepIndex:i,showSteps:f,guidePosition:a,guideClassList:l,stepsRef:u,currentStep:r,setCurrentIndex:c,closeSteps:s}},render(t){const{showSteps:h,guidePosition:o,guideClassList:i,currentStep:r,stepIndex:u,stepsCount:a,setCurrentIndex:l,closeSteps:g,showClose:f,showDots:s}=t;return h?e.createVNode(e.Teleport,{to:"body"},{default:()=>[e.createVNode("div",{style:o,class:i,ref:"stepsRef"},[e.createVNode("div",{class:"devui-shining-dot"},null),e.createVNode("div",{class:"devui-shining-plus"},null),e.createVNode("div",{class:"devui-arrow"},null),e.createVNode("div",{class:"devui-guide-container"},[e.createVNode("p",{class:"devui-title"},[r.title]),f?e.createVNode("div",{class:"icon icon-close",onClick:g},null):null,e.createVNode("div",{class:"devui-content"},[r.content]),e.createVNode("div",{class:"devui-ctrl"},[s?e.createVNode("div",{class:"devui-dots"},[t.steps.map((c,p)=>e.createVNode("em",{class:["icon icon-dot-status",r===c?"devui-active":""],key:p},null))]):null,e.createVNode("div",{class:"devui-guide-btn"},[u>0?e.createVNode("div",{class:"devui-prev-step",onClick:()=>l(--t.stepIndex)},["\u4E0A\u4E00\u6B65"]):null,u===a?e.createVNode("div",{onClick:g},["\u6211\u77E5\u9053\u5566"]):e.createVNode("div",{class:"devui-next-step",onClick:()=>{l(++t.stepIndex)}},["\u6211\u77E5\u9053\u5566,\u7EE7\u7EED"])])])])])]}):null}});m.install=function(t){t.component(m.name,m)};var w={title:"StepsGuide \u64CD\u4F5C\u6307\u5F15",category:"\u5BFC\u822A",status:"50%",install(t){t.use(m)}};d.StepsGuide=m,d.default=w,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});

package/steps-guide/style.css

@@ -1 +1 @@
-@charset "UTF-8";.d-steps-guide{width:400px;min-height:160px;background:#5e7ce0;box-shadow:var(--devui-shadow-length-feedback-overlay, 0 4px 16px 0) #5170ff4d;border-radius:var(--devui-border-radius-feedback, 4px);font-size:12px;color:#fff;padding:20px;position:absolute}.d-steps-guide .devui-title{font-size:12px;opacity:1;margin:0 0 20px;padding:0}.d-steps-guide>.devui-arrow,.d-steps-guide>.devui-arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.d-steps-guide>.devui-arrow{border-width:8px}.d-steps-guide.left>.devui-arrow{top:23px;right:-6px;margin-top:-3px;border-right-width:0;transform:rotate(-135deg);border-left-color:#5e7ce0}.d-steps-guide.top>.devui-arrow,.d-steps-guide.top-left>.devui-arrow,.d-steps-guide.top-right>.devui-arrow{bottom:-6px;border-bottom-width:0;border-top-color:#5e7ce0;transform:rotate(135deg)}.d-steps-guide.top>.devui-arrow{left:calc(50% - 4px)}.d-steps-guide.top-left>.devui-arrow{left:23px}.d-steps-guide.top-right>.devui-arrow{right:23px;transform:rotate(-135deg)}.d-steps-guide.right>.devui-arrow{top:23px;left:-6px;margin-top:-3px;border-left-width:0;transform:rotate(135deg);border-right-color:#5e7ce0}.d-steps-guide.bottom>.devui-arrow,.d-steps-guide.bottom-left>.devui-arrow,.d-steps-guide.bottom-right>.devui-arrow{top:-6px;margin-left:3px;border-top-width:0;border-bottom-color:#5e7ce0}.d-steps-guide.bottom>.devui-arrow{left:calc(50% - 4px);transform:rotate(-135deg)}.d-steps-guide.bottom-right>.devui-arrow{right:23px;transform:rotate(135deg)}.d-steps-guide.bottom-left>.devui-arrow{left:23px;transform:rotate(-135deg)}.d-steps-guide>.devui-shining-dot,.d-steps-guide .devui-shining-plus{position:absolute;background:#5e7ce0;width:6px;height:6px;border-radius:var(--devui-border-radius-feedback, 4px)}.d-steps-guide.left>.devui-shining-dot,.d-steps-guide.left>.devui-shining-plus{top:21px;right:-30px}.d-steps-guide.right>.devui-shining-dot,.d-steps-guide.right>.devui-shining-plus{top:21px;left:-30px}.d-steps-guide.top>.devui-shining-dot,.d-steps-guide.top>.devui-shining-plus{left:calc(50% - 3px);bottom:-30px}.d-steps-guide.top-left>.devui-shining-dot,.d-steps-guide.top-left>.devui-shining-plus{left:21px;bottom:-30px}.d-steps-guide.top-right>.devui-shining-dot,.d-steps-guide.top-right>.devui-shining-plus{right:21px;bottom:-30px}.d-steps-guide.bottom>.devui-shining-dot,.d-steps-guide.bottom>.devui-shining-plus{left:calc(50% - 3px);top:-30px}.d-steps-guide.bottom-right>.devui-shining-dot,.d-steps-guide.bottom-right>.devui-shining-plus{top:-30px;right:21px}.d-steps-guide.bottom-left>.devui-shining-dot,.d-steps-guide.bottom-left>.devui-shining-plus{top:-30px;left:21px}.d-steps-guide .devui-shining-plus{animation:devui-glow 2s 0s infinite}.d-steps-guide .devui-guide-container{position:relative}.d-steps-guide .devui-guide-container>.icon-close{position:absolute;top:0;right:0;cursor:pointer}.d-steps-guide .devui-guide-container .devui-ctrl{display:flex;flex-wrap:wrap}.d-steps-guide .devui-guide-container .devui-ctrl .devui-dots{color:#fff;position:relative;top:25px;font-size:12px;height:30px}.d-steps-guide .devui-guide-container .devui-ctrl .devui-dots>em{opacity:.2;margin:0 5px 0 2px}.d-steps-guide .devui-guide-container .devui-ctrl .devui-dots>em.devui-active{opacity:1}.d-steps-guide .devui-guide-container .devui-ctrl .devui-guide-btn{display:flex;flex-flow:row nowrap;flex-grow:1;justify-content:flex-end;padding:20px 0 0;white-space:nowrap}.d-steps-guide .devui-guide-container .devui-ctrl .devui-guide-btn>div{color:#fff;background:rgba(255,255,255,.1);border-radius:4px;padding:5px 15px;cursor:pointer;margin-left:10px}.d-steps-guide .devui-guide-container .devui-ctrl .devui-guide-btn>div.devui-prev-step{background:none;border:solid 1px rgba(255,255,255,.1)}@keyframes devui-glow{0%{transform:scale(1);opacity:.5}25%{transform:scale(2);opacity:.3}50%{transform:scale(3);opacity:.1}75%{transform:scale(2);opacity:.3}to{transform:scale(1);opacity:.5}}
+@charset "UTF-8";.devui-steps-guide{width:400px;min-height:160px;background:#5e7ce0;box-shadow:var(--devui-shadow-length-feedback-overlay, 0 4px 16px 0) #5170ff4d;border-radius:var(--devui-border-radius-feedback, 4px);font-size:12px;color:#fff;padding:20px;position:absolute}.devui-steps-guide .devui-title{font-size:12px;opacity:1;margin:0 0 20px;padding:0}.devui-steps-guide>.devui-arrow,.devui-steps-guide>.devui-arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.devui-steps-guide>.devui-arrow{border-width:8px}.devui-steps-guide.left>.devui-arrow{top:23px;right:-6px;margin-top:-3px;border-right-width:0;transform:rotate(-135deg);border-left-color:#5e7ce0}.devui-steps-guide.top>.devui-arrow,.devui-steps-guide.top-left>.devui-arrow,.devui-steps-guide.top-right>.devui-arrow{bottom:-6px;border-bottom-width:0;border-top-color:#5e7ce0;transform:rotate(135deg)}.devui-steps-guide.top>.devui-arrow{left:calc(50% - 4px)}.devui-steps-guide.top-left>.devui-arrow{left:23px}.devui-steps-guide.top-right>.devui-arrow{right:23px;transform:rotate(-135deg)}.devui-steps-guide.right>.devui-arrow{top:23px;left:-6px;margin-top:-3px;border-left-width:0;transform:rotate(135deg);border-right-color:#5e7ce0}.devui-steps-guide.bottom>.devui-arrow,.devui-steps-guide.bottom-left>.devui-arrow,.devui-steps-guide.bottom-right>.devui-arrow{top:-6px;margin-left:3px;border-top-width:0;border-bottom-color:#5e7ce0}.devui-steps-guide.bottom>.devui-arrow{left:calc(50% - 4px);transform:rotate(-135deg)}.devui-steps-guide.bottom-right>.devui-arrow{right:23px;transform:rotate(135deg)}.devui-steps-guide.bottom-left>.devui-arrow{left:23px;transform:rotate(-135deg)}.devui-steps-guide>.devui-shining-dot,.devui-steps-guide .devui-shining-plus{position:absolute;background:#5e7ce0;width:6px;height:6px;border-radius:var(--devui-border-radius-feedback, 4px)}.devui-steps-guide.left>.devui-shining-dot,.devui-steps-guide.left>.devui-shining-plus{top:21px;right:-30px}.devui-steps-guide.right>.devui-shining-dot,.devui-steps-guide.right>.devui-shining-plus{top:21px;left:-30px}.devui-steps-guide.top>.devui-shining-dot,.devui-steps-guide.top>.devui-shining-plus{left:calc(50% - 3px);bottom:-30px}.devui-steps-guide.top-left>.devui-shining-dot,.devui-steps-guide.top-left>.devui-shining-plus{left:21px;bottom:-30px}.devui-steps-guide.top-right>.devui-shining-dot,.devui-steps-guide.top-right>.devui-shining-plus{right:21px;bottom:-30px}.devui-steps-guide.bottom>.devui-shining-dot,.devui-steps-guide.bottom>.devui-shining-plus{left:calc(50% - 3px);top:-30px}.devui-steps-guide.bottom-right>.devui-shining-dot,.devui-steps-guide.bottom-right>.devui-shining-plus{top:-30px;right:21px}.devui-steps-guide.bottom-left>.devui-shining-dot,.devui-steps-guide.bottom-left>.devui-shining-plus{top:-30px;left:21px}.devui-steps-guide .devui-shining-plus{animation:devui-glow 2s 0s infinite}.devui-steps-guide .devui-guide-container{position:relative}.devui-steps-guide .devui-guide-container>.icon-close{position:absolute;top:0;right:0;cursor:pointer}.devui-steps-guide .devui-guide-container .devui-ctrl{display:flex;flex-wrap:wrap}.devui-steps-guide .devui-guide-container .devui-ctrl .devui-dots{color:#fff;position:relative;top:25px;font-size:12px;height:30px}.devui-steps-guide .devui-guide-container .devui-ctrl .devui-dots>em{opacity:.2;margin:0 5px 0 2px}.devui-steps-guide .devui-guide-container .devui-ctrl .devui-dots>em.devui-active{opacity:1}.devui-steps-guide .devui-guide-container .devui-ctrl .devui-guide-btn{display:flex;flex-flow:row nowrap;flex-grow:1;justify-content:flex-end;padding:20px 0 0;white-space:nowrap}.devui-steps-guide .devui-guide-container .devui-ctrl .devui-guide-btn>div{color:#fff;background:rgba(255,255,255,.1);border-radius:4px;padding:5px 15px;cursor:pointer;margin-left:10px}.devui-steps-guide .devui-guide-container .devui-ctrl .devui-guide-btn>div.devui-prev-step{background:none;border:solid 1px rgba(255,255,255,.1)}@keyframes devui-glow{0%{transform:scale(1);opacity:.5}25%{transform:scale(2);opacity:.3}50%{transform:scale(3);opacity:.1}75%{transform:scale(2);opacity:.3}to{transform:scale(1);opacity:.5}}

package/sticky/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;