vue-devui 1.0.0-rc.7 → 1.0.0-rc.8

package/checkbox/index.umd.js

@@ -1 +1 @@
-var q=Object.defineProperty,K=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var F=(l,t,u)=>t in l?q(l,t,{enumerable:!0,configurable:!0,writable:!0,value:u}):l[t]=u,S=(l,t)=>{for(var u in t||(t={}))_.call(t,u)&&F(l,u,t[u]);if(x)for(var u of x(t))z.call(t,u)&&F(l,u,t[u]);return l},C=(l,t)=>K(l,M(t));(function(l,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(l=typeof globalThis!="undefined"?globalThis:l||self,t(l.index={},l.Vue))})(this,function(l,t){"use strict";var u="";const T={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}},j=C(S({},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}}),A=C(S({},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}}),N=Symbol("d-checkbox-group");var k=t.defineComponent({name:"DCheckbox",props:j,emits:["change","update:checked","update:modelValue"],setup(n,a){const e=t.inject(N,null),c=t.computed(()=>n.checked||n.modelValue),m=t.computed(()=>(e==null?void 0:e.disabled.value)||n.disabled),h=t.computed(()=>{var i,g;return(g=(i=e==null?void 0:e.isItemChecked)==null?void 0:i.call(e,n.value))!=null?g:c.value}),o=t.computed(()=>{var i;return(i=e==null?void 0:e.isShowTitle.value)!=null?i:n.isShowTitle}),d=t.computed(()=>{var i;return(i=e==null?void 0:e.showAnimation.value)!=null?i:n.showAnimation}),r=t.computed(()=>{var i;return(i=e==null?void 0:e.color.value)!=null?i:n.color}),b=e==null?void 0:e.itemWidth.value,f=e==null?void 0:e.direction.value,y=(i,g)=>{var V;if(m.value)return Promise.resolve(!1);const w=(V=n.beforeChange)!=null?V:e==null?void 0:e.beforeChange;if(w){const v=w(i,g);return typeof v=="boolean"?Promise.resolve(v):v}return Promise.resolve(!0)},s=()=>{const i=!c.value;e==null||e.toggleGroupVal(n.value),a.emit("update:checked",i),a.emit("update:modelValue",i),a.emit("change",i)};return{itemWidth:b,direction:f,mergedColor:r,mergedDisabled:m,mergedIsShowTitle:o,mergedChecked:h,mergedShowAnimation:d,handleClick:()=>{y(!c.value,n.label).then(i=>i&&s())}}},render(){var B;const{itemWidth:n,direction:a,mergedChecked:e,mergedDisabled:c,mergedIsShowTitle:m,mergedShowAnimation:h,halfchecked:o,title:d,label:r,handleClick:b,name:f,value:y,mergedColor:s,$slots:p}=this,i={"devui-checkbox-column-margin":a==="column","devui-checkbox-wrap":typeof n!="undefined"},g=n?[`width: ${n}px`]:[],w={"devui-checkbox":!0,active:e,halfchecked:o,disabled:c,unchecked:!e},V=m?d||r:"",v=s&&o||s?`linear-gradient(${s}, ${s})`:"",R=[`border-color:${(e||o)&&s?s:""}`,`background-image:${v}`,`background-color:${s&&o?s:""}`],W={"devui-checkbox-material":!0,"custom-color":s,"devui-checkbox-no-label":!r&&!p.default,"devui-no-animation":!h,"devui-checkbox-default-background":!o},D={"devui-tick":!0,"devui-no-animation":!h},I=U=>U.stopPropagation(),$={indeterminate:o};return t.createVNode("div",{class:i,style:g},[t.createVNode("div",{class:w},[t.createVNode("label",{title:V,onClick:b},[t.createVNode("input",t.mergeProps({name:f||y,class:"devui-checkbox-input",type:"checkbox"},$,{checked:e,disabled:c,onClick:I,onChange:I}),null),t.createVNode("span",{style:R,class:W},[t.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),t.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.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:D},null)])])]),r||((B=p.default)==null?void 0:B.call(p))])])])}}),E="",P=t.defineComponent({name:"DCheckboxGroup",props:A,emits:["change","update:modelValue"],setup(n,a){const e=t.toRef(n,"modelValue"),c={checked:!1,isShowTitle:!0,halfchecked:!1,showAnimation:!0,disabled:!1},m=o=>{let d=-1;if(typeof e.value[0]=="string"?d=e.value.findIndex(r=>r===o):typeof e.value[0]=="object"&&(d=e.value.findIndex(r=>r.value===o)),d===-1){if(typeof n.options[0]=="object"){const b=n.options.find(y=>y.value===o),f=[...e.value,b];a.emit("update:modelValue",f),a.emit("change",f);return}const r=[...e.value,o];a.emit("update:modelValue",r),a.emit("change",r);return}e.value.splice(d,1),a.emit("update:modelValue",e.value),a.emit("change",e.value)},h=o=>{if(typeof e.value[0]=="string")return e.value.includes(o);if(typeof e.value[0]=="object")return e.value.some(d=>d.value===o)};return t.provide(N,{disabled:t.toRef(n,"disabled"),isShowTitle:t.toRef(n,"isShowTitle"),color:t.toRef(n,"color"),showAnimation:t.toRef(n,"showAnimation"),beforeChange:n.beforeChange,isItemChecked:h,toggleGroupVal:m,itemWidth:t.toRef(n,"itemWidth"),direction:t.toRef(n,"direction")}),{defaultOpt:c}},render(){var h;const{direction:n,$slots:a,defaultOpt:e,options:c}=this;let m=(h=a.default)==null?void 0:h.call(a);return(c==null?void 0:c.length)>0&&(m=c.map(o=>{let d=null;return typeof o=="string"?d=Object.assign({},e,{label:o,value:o}):typeof o=="object"&&(d=Object.assign({},e,C(S({},o),{label:o.name}))),t.createVNode(k,d,null)})),t.createVNode("div",{class:"devui-checkbox-group"},[t.createVNode("div",{class:{"devui-checkbox-list-inline":n==="row"}},[m])])}}),O={title:"Checkbox \u590D\u9009\u6846",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(n){n.component(k.name,k),n.component(P.name,P)}};l.Checkbox=k,l.CheckboxGroup=P,l.checkboxGroupInjectionKey=N,l.checkboxGroupProps=A,l.checkboxProps=j,l.default=O,Object.defineProperty(l,"__esModule",{value:!0}),l[Symbol.toStringTag]="Module"});
+var M=Object.defineProperty,z=Object.defineProperties;var E=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var R=(a,t,r)=>t in a?M(a,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[t]=r,N=(a,t)=>{for(var r in t||(t={}))L.call(t,r)&&R(a,r,t[r]);if(O)for(var r of O(t))H.call(t,r)&&R(a,r,t[r]);return a},P=(a,t)=>z(a,E(t));(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 r={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}},A=P(N({},r),{checked:{type:Boolean,default:!1},value:{type:String},label:{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}}),I=P(N({},r),{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}}),T=Symbol("d-checkbox-group");function w(n,o,e){let c=n;return o&&(c+=`__${o}`),e&&(c+=`--${e}`),c}function $(n){const o=`devui-${n}`;return{b:()=>w(o),e:l=>l?w(o,l):"",m:l=>l?w(o,"",l):"",em:(l,d)=>l&&d?w(o,l,d):""}}var J="",V=t.defineComponent({name:"DCheckbox",props:A,emits:["change","update:checked","update:modelValue"],setup(n,o){const e=t.inject(T,null),c=$("checkbox"),m=t.computed(()=>n.checked||n.modelValue),h=t.computed(()=>(e==null?void 0:e.disabled.value)||n.disabled),l=t.computed(()=>{var i,p;return(p=(i=e==null?void 0:e.isItemChecked)==null?void 0:i.call(e,n.value))!=null?p:m.value}),d=t.computed(()=>{var i;return(i=e==null?void 0:e.isShowTitle.value)!=null?i:n.isShowTitle}),u=t.computed(()=>{var i;return(i=e==null?void 0:e.showAnimation.value)!=null?i:n.showAnimation}),y=t.computed(()=>{var i;return(i=e==null?void 0:e.color.value)!=null?i:n.color}),g=e==null?void 0:e.itemWidth.value,b=e==null?void 0:e.direction.value,f=(i,p)=>{var C;if(h.value)return Promise.resolve(!1);const S=(C=n.beforeChange)!=null?C:e==null?void 0:e.beforeChange;if(S){const k=S(i,p);return typeof k=="boolean"?Promise.resolve(k):k}return Promise.resolve(!0)},s=()=>{const i=!m.value;e==null||e.toggleGroupVal(n.value),o.emit("update:checked",i),o.emit("update:modelValue",i),o.emit("change",i)};return{itemWidth:g,direction:b,mergedColor:y,mergedDisabled:h,mergedIsShowTitle:d,mergedChecked:l,mergedShowAnimation:u,handleClick:()=>{f(!m.value,n.label).then(i=>i&&s())},ns:c}},render(){var F;const{itemWidth:n,direction:o,mergedChecked:e,mergedDisabled:c,mergedIsShowTitle:m,mergedShowAnimation:h,halfChecked:l,title:d,label:u,handleClick:y,name:g,value:b,mergedColor:f,ns:s,$slots:v}=this,i={[s.e("column-margin")]:o==="column",[s.e("wrap")]:typeof n!="undefined"},p=n?[`width: ${n}px`]:[],S={[s.b()]:!0,active:e,"half-checked":l,disabled:c,unchecked:!e},C=m?d||u:"",k=f&&l||f?`linear-gradient(${f}, ${f})`:"",D=[`border-color:${(e||l)&&f?f:""}`,`background-image:${k}`,`background-color:${f&&l?f:""}`],_={[s.e("material")]:!0,"custom-color":f,[s.m("no-label")]:!u&&!v.default,[s.m("no-animation")]:!h,[s.e("default-background")]:!l},U={[s.e("tick")]:!0,[s.m("no-animation")]:!h},B=K=>K.stopPropagation(),q={indeterminate:l};return t.createVNode("div",{class:i,style:p},[t.createVNode("div",{class:S},[t.createVNode("label",{title:C,onClick:y},[t.createVNode("input",t.mergeProps({name:g||b,class:s.e("input"),type:"checkbox"},q,{checked:e,disabled:c,onClick:B,onChange:B}),null),t.createVNode("span",{style:D,class:_},[t.createVNode("span",{class:s.e("halfchecked-bg")},null),t.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:s.e("tick-wrap")},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.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:U},null)])])]),u||((F=v.default)==null?void 0:F.call(v))])])])}}),Q="",j=t.defineComponent({name:"DCheckboxGroup",props:I,emits:["change","update:modelValue"],setup(n,o){const e=t.toRef(n,"modelValue"),c={checked:!1,isShowTitle:!0,halfChecked:!1,showAnimation:!0,disabled:!1},m=l=>{let d=-1;if(typeof e.value[0]=="string"?d=e.value.findIndex(u=>u===l):typeof e.value[0]=="object"&&(d=e.value.findIndex(u=>u.value===l)),d===-1){if(typeof n.options[0]=="object"){const y=n.options.find(b=>b.value===l),g=[...e.value,y];o.emit("update:modelValue",g),o.emit("change",g);return}const u=[...e.value,l];o.emit("update:modelValue",u),o.emit("change",u);return}e.value.splice(d,1),o.emit("update:modelValue",e.value),o.emit("change",e.value)},h=l=>{if(typeof e.value[0]=="string")return e.value.includes(l);if(typeof e.value[0]=="object")return e.value.some(d=>d.value===l)};return t.provide(T,{disabled:t.toRef(n,"disabled"),isShowTitle:t.toRef(n,"isShowTitle"),color:t.toRef(n,"color"),showAnimation:t.toRef(n,"showAnimation"),beforeChange:n.beforeChange,isItemChecked:h,toggleGroupVal:m,itemWidth:t.toRef(n,"itemWidth"),direction:t.toRef(n,"direction")}),{defaultOpt:c}},render(){var h;const{direction:n,$slots:o,defaultOpt:e,options:c}=this;let m=(h=o.default)==null?void 0:h.call(o);return(c==null?void 0:c.length)>0&&(m=c.map(l=>{let d=null;return typeof l=="string"?d=Object.assign({},e,{label:l,value:l}):typeof l=="object"&&(d=Object.assign({},e,P(N({},l),{label:l.name}))),t.createVNode(V,d,null)})),t.createVNode("div",{class:"devui-checkbox-group"},[t.createVNode("div",{class:{"devui-checkbox-list-inline":n==="row"}},[m])])}}),W={title:"Checkbox \u590D\u9009\u6846",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(n){n.component(V.name,V),n.component(j.name,j)}};a.Checkbox=V,a.CheckboxGroup=j,a.checkboxGroupInjectionKey=T,a.checkboxGroupProps=I,a.checkboxProps=A,a.default=W,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});

package/checkbox/style.css

@@ -1 +1 @@
-.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox-tick{position:absolute}.devui-checkbox .devui-checkbox-tick .devui-tick{fill:var(--devui-light-text, #ffffff);stroke-dashoffset:50;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.devui-checkbox.active:not(.halfchecked) .devui-tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset .3s cubic-bezier(.755,.05,.855,.06),opacity .2s cubic-bezier(.755,.05,.855,.06)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material:not(.custom-color),.devui-checkbox.halfchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color):hover{border-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color)>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.halfchecked .devui-checkbox-material.custom-color>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox-material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat center/0%;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox-material.devui-checkbox-default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox-material.devui-checkbox-no-label{margin-right:0}.devui-checkbox .devui-checkbox-material>.devui-checkbox-halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox-material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox-input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:400;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:block}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-checkbox.disabled .devui-checkbox-material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox-material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material .devui-checkbox-halfchecked-bg{transform:scale(.4288);background-color:var(--devui-disabled-text, #adb0b8);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-no-animation{transition:none!important}.devui-checkbox-column-margin{height:28px;line-height:28px}.devui-checkbox-wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:block}.devui-checkbox-list-inline{min-height:28px;line-height:28px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:-8px 0 0}.devui-checkbox-list-inline div:not(:last-child){margin-right:20px}.devui-checkbox-list-inline>*{margin-top:8px}
+.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox__tick-wrap{position:absolute}.devui-checkbox .devui-checkbox__tick-wrap .devui-checkbox__tick{fill:var(--devui-light-text, #ffffff);stroke-dashoffset:50;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.devui-checkbox.active:not(.half-checked) .devui-checkbox__tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset .3s cubic-bezier(.755,.05,.855,.06),opacity .2s cubic-bezier(.755,.05,.855,.06)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material:not(.custom-color),.devui-checkbox.half-checked:not(.disabled) .devui-checkbox__material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color){background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color):hover{border-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color)>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.half-checked .devui-checkbox__material.custom-color>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox__material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat center/0%;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox__material.devui-checkbox__default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox__material.devui-checkbox--no-label{margin-right:0}.devui-checkbox .devui-checkbox__material>.devui-checkbox__halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:400;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:block}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-checkbox.disabled .devui-checkbox__material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox__material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.half-checked .devui-checkbox__material{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.half-checked .devui-checkbox__material .devui-checkbox__halfchecked-bg{transform:scale(.4288);background-color:var(--devui-disabled-text, #adb0b8);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-checkbox--no-animation{transition:none!important}.devui-checkbox__column-margin{height:28px;line-height:28px}.devui-checkbox__wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:block}.devui-checkbox-list-inline{min-height:28px;line-height:28px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:-8px 0 0}.devui-checkbox-list-inline div:not(:last-child){margin-right:20px}.devui-checkbox-list-inline>*{margin-top:8px}

package/date-picker/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent, inject, computed, ref, watch, createVNode, withDirectives, mergeProps, resolveDirective, resolveComponent, toRefs, createTextVNode, reactive, onMounted, onUnmounted } from "vue";
+import { inject, computed, ref, toRefs, defineComponent, watch, createVNode, mergeProps, createTextVNode, reactive, onMounted, onUnmounted } from "vue";
 const getDateTime = (d) => {
   const year = d.getFullYear();
   const month = d.getMonth() + 1;
@@ -201,173 +201,125 @@ const betweenDate = (date, left, right) => {
   return true;
 };
 const inputProps = {
-  placeholder: {
+  modelValue: {
     type: String,
-    default: void 0
+    default: ""
   },
   disabled: {
     type: Boolean,
     default: false
   },
-  autoFocus: {
-    type: Boolean,
-    default: false
-  },
-  maxLength: {
-    type: Number,
-    default: Number.MAX_SAFE_INTEGER
-  },
-  cssClass: {
-    type: String,
-    default: ""
-  },
   error: {
     type: Boolean,
     default: false
   },
   size: {
     type: String,
-    default: ""
-  },
-  showPassword: {
-    type: Boolean,
-    default: false
-  },
-  modelValue: {
-    type: String,
-    default: ""
-  },
-  "update:modelValue": {
-    type: Function,
-    default: void 0
-  },
-  onChange: {
-    type: Function,
-    default: void 0
-  },
-  onKeydown: {
-    type: Function,
-    default: void 0
-  },
-  onFocus: {
-    type: Function,
-    default: void 0
-  },
-  onBlur: {
-    type: Function,
-    default: void 0
+    default: "md"
   }
 };
 const FORM_ITEM_TOKEN = Symbol("dFormItem");
+function createBem(namespace, element, modifier) {
+  let cls = namespace;
+  if (element) {
+    cls += `__${element}`;
+  }
+  if (modifier) {
+    cls += `--${modifier}`;
+  }
+  return cls;
+}
+function useNamespace(block) {
+  const namespace = `devui-${block}`;
+  const b = () => createBem(namespace);
+  const e = (element) => element ? createBem(namespace, element) : "";
+  const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
+  const em = (element, modifier) => element && modifier ? createBem(namespace, element, modifier) : "";
+  return {
+    b,
+    e,
+    m,
+    em
+  };
+}
+function useInputRender(props) {
+  const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
+  const isValidateError = computed(() => (formItemContext == null ? void 0 : formItemContext.validateState) === "error");
+  const ns = useNamespace("input");
+  const isFocus = ref(false);
+  const { error, size, disabled } = toRefs(props);
+  const wrapClasses = computed(() => ({
+    [ns.b()]: true,
+    [ns.m("focus")]: isFocus.value,
+    [ns.m("disabled")]: disabled.value,
+    [ns.m("error")]: error.value || isValidateError.value,
+    [ns.m("feedback")]: formItemContext == null ? void 0 : formItemContext.showFeedback,
+    [ns.m(size.value)]: true
+  }));
+  return { isFocus, wrapClasses };
+}
+function useInputEvent(isFocus, ctx) {
+  const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
+  const onFocus = (e) => {
+    isFocus.value = true;
+    ctx.emit("focus", e);
+  };
+  const onBlur = (e) => {
+    isFocus.value = false;
+    ctx.emit("blur", e);
+    formItemContext == null ? void 0 : formItemContext.validate("blur").catch((err) => console.warn(err));
+  };
+  const onInput = (e) => {
+    ctx.emit("update:modelValue", e.target.value);
+  };
+  const onChange = (e) => {
+    ctx.emit("change", e.target.value);
+  };
+  const onKeydown = (e) => {
+    ctx.emit("keydown", e);
+  };
+  return { onFocus, onBlur, onInput, onChange, onKeydown };
+}
 var input = "";
 var Input = defineComponent({
   name: "DInput",
-  directives: {
-    focus: {
-      mounted: function(el, binding) {
-        if (binding.value) {
-          el.focus();
-        }
-      }
-    }
-  },
+  inheritAttrs: false,
   props: inputProps,
-  emits: ["update:modelValue", "focus", "blur", "change", "keydown"],
+  emits: ["update:modelValue", "focus", "blur", "input", "change", "keydown"],
   setup(props, ctx) {
-    const formItemContext = inject(FORM_ITEM_TOKEN);
-    const sizeCls = computed(() => `devui-input-${props.size}`);
-    const showPwdIcon = ref(false);
-    const inputType = ref("text");
-    const isValidateError = computed(() => (formItemContext == null ? void 0 : formItemContext.validateState) === "error");
-    const inputCls = computed(() => ({
-      "devui-error": props.error || isValidateError.value,
-      [props.cssClass]: true,
-      "devui-input-restore": showPwdIcon.value,
-      [sizeCls.value]: props.size !== ""
-    }));
-    const showPreviewIcon = computed(() => inputType.value === "password");
-    watch(() => props.showPassword, (flg) => {
-      inputType.value = flg ? "password" : "text";
-      showPwdIcon.value = props.showPassword;
-    }, {
-      immediate: true
-    });
-    watch(() => props.modelValue, () => {
-      formItemContext == null ? void 0 : formItemContext.validate("change").catch((err) => console.warn(err));
-    });
-    const onInput = ($event) => {
-      ctx.emit("update:modelValue", $event.target.value);
-    }, onFocus = () => {
-      ctx.emit("focus");
-    }, onBlur = () => {
-      ctx.emit("blur");
-      formItemContext == null ? void 0 : formItemContext.validate("blur").catch((err) => console.warn(err));
-    }, onChange = ($event) => {
-      ctx.emit("change", $event.target.value);
-    }, onKeydown = ($event) => {
-      ctx.emit("keydown", $event);
-    }, onChangeInputType = () => {
-      inputType.value = inputType.value === "password" ? "text" : "password";
-    };
-    return {
-      inputCls,
-      inputType,
-      showPreviewIcon,
-      showPwdIcon,
-      onInput,
-      onFocus,
-      onBlur,
-      onChange,
-      onKeydown,
-      onChangeInputType
-    };
-  },
-  render() {
+    const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
     const {
       modelValue,
-      showPreviewIcon,
-      showPwdIcon,
-      inputCls,
-      inputType,
-      maxLength,
-      autoFocus,
-      placeholder,
-      disabled,
-      onInput,
+      disabled
+    } = toRefs(props);
+    const ns = useNamespace("input");
+    const {
+      isFocus,
+      wrapClasses
+    } = useInputRender(props);
+    const {
       onFocus,
       onBlur,
+      onInput,
       onChange,
-      onKeydown,
-      onChangeInputType
-    } = this;
-    return createVNode("div", {
-      "class": "devui-input__wrap"
-    }, [withDirectives(createVNode("input", mergeProps({
-      dinput: true
-    }, {
-      "value": modelValue,
-      "disabled": disabled,
-      "type": inputType,
-      "maxlength": maxLength,
-      "placeholder": placeholder,
-      "class": inputCls,
+      onKeydown
+    } = useInputEvent(isFocus, ctx);
+    watch(() => props.modelValue, () => {
+      formItemContext == null ? void 0 : formItemContext.validate("change").catch((err) => console.warn(err));
+    });
+    return () => createVNode("div", {
+      "class": wrapClasses.value
+    }, [createVNode("input", mergeProps({
+      "value": modelValue.value,
+      "disabled": disabled.value,
+      "class": ns.e("inner")
+    }, ctx.attrs, {
       "onInput": onInput,
       "onFocus": onFocus,
       "onBlur": onBlur,
       "onChange": onChange,
       "onKeydown": onKeydown
-    }), null), [[resolveDirective("focus"), autoFocus]]), showPwdIcon && createVNode("div", {
-      "class": "devui-input__preview",
-      "onClick": onChangeInputType
-    }, [showPreviewIcon ? createVNode(resolveComponent("d-icon"), {
-      "name": "preview-forbidden",
-      "size": "12px",
-      "key": 1
-    }, null) : createVNode(resolveComponent("d-icon"), {
-      "name": "preview",
-      "size": "12px",
-      "key": 2
-    }, null)])]);
+    }), null)]);
   }
 });
 const iconProps = {

package/date-picker/index.umd.js

@@ -1 +1 @@
-(function(y,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(y=typeof globalThis!="undefined"?globalThis:y||self,a(y.index={},y.Vue))})(this,function(y,a){"use strict";const U=e=>{const n=e.getFullYear(),t=e.getMonth()+1,o=e.getDate(),l=e.getDay(),r=e.getHours(),s=e.getMinutes(),c=e.getSeconds(),i=e.getMilliseconds();return[n,t,o,l,r,s,c,i]},C=(e,n,t=2,o="0")=>(e+"").padStart(Math.min(n.length,t),o),v=(e,n)=>{const t=U(n);let o=e;return o=o.replace(/y+/g,l=>{const r=t[0]+"";return l.length===2?r.substring(2):r}),o=o.replace(/M+/g,l=>C(t[1],l)),o=o.replace(/d+/g,l=>C(t[2],l)),o=o.replace(/h+/g,l=>C(t[4],l)),o=o.replace(/m+/g,l=>C(t[5],l)),o=o.replace(/s+/g,l=>C(t[6],l)),o},X=(e,n,t,o="-")=>{const l=[n,t];return n.getTime()>t.getTime()&&l.reverse(),`${v(e,l[0])} ${o} ${v(e,l[1])}`},L=(e,n)=>{if(!n)return!1;for(;e;){if(e===n)return!0;e=e.parentNode}return!1},R=(e,...n)=>{typeof e=="function"&&e(...n)},q=e=>{const n=e.getFullYear(),t=e.getMonth()+1,o=e.getDate(),l=e.getDay(),r=e.getHours(),s=e.getMinutes(),c=e.getSeconds(),i=e.getMilliseconds();return{year:n,y:n,month:t,M:t,date:o,d:o,day:l,hour:r,H:r,h:r,minute:s,m:s,second:c,s:c,ms:i}},W=(e,n)=>{const t=new Date(e,n-1,1),o=new Date(e,n,0),l=[];let r=t.getDay();for(;r>0;)r-=1,l.push({date:new Date(e,n-1,-r),current:-1});r=o.getDate()-t.getDate();for(let c=0;c<=r;c++){const i=new Date(t);i.setDate(c+1),l.push({date:i,current:0})}r=o.getDay();let s=o;for(let c=r;c<6;c++)s=new Date(e,n,c-r+1),l.push({date:s,current:1});if(l.length<42){r=s.getDate();for(let c=1;c<=7;c++)s=new Date(e,n,r+c),l.push({date:s,current:1})}return l},G=(e=new Date)=>{e instanceof Date||(e=new Date);const{year:n,month:t}=q(e),o=W(n,t),l=[];for(;o.length>0;)l.push(o.splice(0,7));return l},Z=["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],D=(e,...n)=>{typeof e=="function"&&e(...n)},J=(e,n)=>{const t=e.getFullYear()*12+e.getMonth(),o=n.getFullYear()*12+n.getMonth();return t-o},T=(e,n)=>{const t=new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime(),o=new Date(n.getFullYear(),n.getMonth(),n.getDate()).getTime();return(t-o)/864e5},h=(e,n,t,o)=>!e||!n?!0:t==="year"?n.getFullYear()-e.getFullYear()>o:J(n,e)>o,$=e=>{if(!e||typeof e!="string")return null;const[n="",t=""]=e.split(/([ ]|T)+/);if(!n)return null;const[o,l,r]=n.split(/[^\d]+/),s=M(o),c=M(l),i=M(r)||1;if(!s||!c)return null;const w=Q(t);return new Date(s,c-1,i,...w)},M=(e,n)=>{if(!e||typeof e!="string")return n;const t=parseInt(e);return isNaN(t)?n:t},Q=e=>{const[n,t,o,l]=e.split(/[\:\.]+/);return[M(n,0),M(t,0),M(o,0),M(l,0)]},S=(e,n,t="d")=>{const o=O(e,t),l=O(n,t);return o<l?-1:o>l?1:0},O=(e,n)=>{switch(n){case"y":return e.getFullYear();case"m":return e.getFullYear()*12+e.getMonth()}return e.getTime()/864e5>>0},Y=(e,n,t)=>!(n instanceof Date&&S(n,e,"d")>0||t instanceof Date&&S(e,t,"d")>0),ee={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},modelValue:{type:String,default:""},"update:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}},te=Symbol("dFormItem");var ye="",ne=a.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,n){n.value&&e.focus()}}},props:ee,emits:["update:modelValue","focus","blur","change","keydown"],setup(e,n){const t=a.inject(te),o=a.computed(()=>`devui-input-${e.size}`),l=a.ref(!1),r=a.ref("text"),s=a.computed(()=>(t==null?void 0:t.validateState)==="error"),c=a.computed(()=>({"devui-error":e.error||s.value,[e.cssClass]:!0,"devui-input-restore":l.value,[o.value]:e.size!==""})),i=a.computed(()=>r.value==="password");return a.watch(()=>e.showPassword,g=>{r.value=g?"password":"text",l.value=e.showPassword},{immediate:!0}),a.watch(()=>e.modelValue,()=>{t==null||t.validate("change").catch(g=>console.warn(g))}),{inputCls:c,inputType:r,showPreviewIcon:i,showPwdIcon:l,onInput:g=>{n.emit("update:modelValue",g.target.value)},onFocus:()=>{n.emit("focus")},onBlur:()=>{n.emit("blur"),t==null||t.validate("blur").catch(g=>console.warn(g))},onChange:g=>{n.emit("change",g.target.value)},onKeydown:g=>{n.emit("keydown",g)},onChangeInputType:()=>{r.value=r.value==="password"?"text":"password"}}},render(){const{modelValue:e,showPreviewIcon:n,showPwdIcon:t,inputCls:o,inputType:l,maxLength:r,autoFocus:s,placeholder:c,disabled:i,onInput:w,onFocus:p,onBlur:u,onChange:N,onKeydown:m,onChangeInputType:d}=this;return a.createVNode("div",{class:"devui-input__wrap"},[a.withDirectives(a.createVNode("input",a.mergeProps({dinput:!0},{value:e,disabled:i,type:l,maxlength:r,placeholder:c,class:o,onInput:w,onFocus:p,onBlur:u,onChange:N,onKeydown:m}),null),[[a.resolveDirective("focus"),s]]),t&&a.createVNode("div",{class:"devui-input__preview",onClick:d},[n?a.createVNode(a.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:1},null):a.createVNode(a.resolveComponent("d-icon"),{name:"preview",size:"12px",key:2},null)])])}});const ae={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var oe=a.defineComponent({name:"DIcon",props:ae,setup(e){const{name:n,size:t,color:o,classPrefix:l}=a.toRefs(e);return()=>/^((https?):)?\/\//.test(n.value)?a.createVNode("img",{src:n.value,alt:n.value.split("/")[n.value.split("/").length-1],style:{width:t.value,verticalAlign:"text-bottom"}},null):a.createVNode("i",{class:`${l.value} ${l.value}-${n.value}`,style:{fontSize:t.value,color:o.value}},null)}});const k=(e,n,t,o)=>{switch(n){case 0:const l=new Date(o);l.setFullYear(l.getFullYear()-1),t===0?e.current=l:e.next=l;break;case 1:const r=new Date(o);r.setMonth(r.getMonth()-1),t===0?e.current=r:e.next=r;break;case 2:const s=new Date(o);s.setMonth(s.getMonth()+1),t===0?e.current=s:e.next=s;break;case 3:const c=new Date(o);c.setFullYear(c.getFullYear()+1),t===0?e.current=c:e.next=c;break}},E=(e,n)=>{const{format:t="y/MM/dd",range:o,rangeSpliter:l="-"}=n||{};if(o){if(e.start){if(!e.end)return v(t,e.start)}else return"";if(e.end<e.start){const r=e.end;e.end=e.start,e.start=r}return X(t,e.start,e.end,l)}else return e.start?v(t,e.start):""},F=e=>{if(!e)return"";const n=e.format||"y/MM/dd",t=e.rangeSpliter||"-";return e.range?`${n} ${t} ${n}`:n},x=e=>e.toDateString(),re=(e,n,t="cell")=>{if(Y(n.date,e.dateMin,e.dateMax)){if(n.current!==0)return`${t} not-current`}else return`${t} disabled`;const o=x(n.date);if(e.type==="range"){if(e.dateStart){if(x(e.dateStart)===o)return`${t} selected`;if(e.dateEnd&&x(e.dateEnd)===o)return`${t} selected`;const l=e.dateEnd||e.dateHover;if(l){const r=l>e.dateStart?[e.dateStart,l]:[l,e.dateStart];if(n.date>r[0]&&n.date<r[1])return`${t} innerday`}}return t}else return e.dateStart&&x(e.dateStart)===o?`${t} selected`:t},le=(e,n)=>{!Y(n.date,e.dateMin,e.dateMax)||(e.type==="range"?e.dateStart?e.dateEnd?D(e.onReset,n.date):T(e.dateStart,n.date)!==0&&(D(e.onSelectEnd,n.date),typeof e.onChange=="function"&&e.onChange(e.type,e)):D(e.onSelectStart,n.date):(D(e.onSelected,n.date),typeof e.onChange=="function"&&e.onChange(e.type,e)))},ce=(e,n)=>{if(n.current!==0)return;const{dateMin:t,dateMax:o}=e;if(!(t&&T(n.date,t)<0)&&!(o&&T(o,n.date)<0)&&e.type==="range"){const l=x(n.date);if(!e.dateStart||x(e.dateStart)===l||e.dateEnd)return;D(e.onSelecting,n.date)}},H=e=>{const{color:n="#585d6b",rotate:t=0}=e;return a.createVNode("svg",{style:{transform:`rotate(${t}deg)`},width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[a.createVNode("g",{fill:n,transform:"translate(-1.000000, -1.000000)"},[a.createVNode("path",{d:"M11,1.83333333 L11,10.1666667 L7,7.38833333 L7,10.1666667 L1,6 L7,1.83333333 L7,4.61033333 L11,1.83333333 Z"},null)])])},K=e=>{const{color:n="#585d6b",rotate:t=0}=e;return a.createVNode("svg",{style:{transform:`rotate(${t}deg)`},width:"6px",height:"10px",viewBox:"0 0 6 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[a.createVNode("g",{fill:n,transform:"translate(-3.000000, -1.000000)"},[a.createVNode("polygon",{points:"6 3 10.1666667 9 1.83333333 9"},null)])])};var we="";const P=e=>{const{button:n,disabled:t=!1,rotate:o=0,date:l,pos:r}=e,s=t?"#cfd0d3":"#585d6b",c=`${t?"disabled":""}`,i=t?void 0:()=>D(e.cb,l,r);return a.createVNode("a",{class:c,onClick:i},[a.createVNode(n,{color:s,rotate:o},null)])},se=e=>{const{date:n}=e;return a.createVNode("a",{class:"title"},[`${n.getFullYear()}\u5E74${(n.getMonth()+1+"").padStart(2,"0")}\u6708`])},ie=e=>{const{type:n,current:t,compare:o,pos:l,dateMax:r,dateMin:s,onPreviousYear:c,onPreviousMonth:i,onNextMonth:w,onNextYear:p}=e,u=[!1,!1,!1,!1];return n==="range"?l===1?(u[0]=!h(o,t,"year",1),u[1]=!h(o,t,"month",1),u[2]=!h(t,r,"month",0),u[3]=!h(t,r,"year",0)):(u[0]=!h(s,t,"year",0),u[1]=!h(s,t,"month",0),u[2]=!h(t,o,"month",1),u[3]=!h(t,o,"year",1)):(u[0]=!h(s,t,"year",0),u[1]=!h(s,t,"month",0),u[2]=!h(t,r,"month",0),u[3]=!h(t,r,"year",0)),a.createVNode("div",{class:"devui-calendar-toolbar"},[a.createVNode(P,{disabled:u[0],date:t,pos:l,button:H,cb:c},null),a.createVNode(P,{disabled:u[1],date:t,pos:l,button:K,rotate:-90,cb:i},null),a.createVNode(se,{date:t},null),a.createVNode(P,{disabled:u[2],date:t,pos:l,button:K,rotate:90,cb:w},null),a.createVNode(P,{disabled:u[3],date:t,pos:l,button:H,rotate:180,cb:p},null)])},de=e=>{const{onSelected:n=()=>0,disabled:t=!1}=e;return a.createVNode("div",{class:`today-container ${t?"disabled":""}`},[a.createVNode("button",{class:"today-button",disabled:t,onClick:t?void 0:()=>n(new Date)},[a.createTextVNode("\u4ECA\u5929")])])};var Ne="";const I=e=>{const n=new Date;return a.createVNode("div",{class:"devui-calendar-panel"},[a.createVNode(ie,{current:e.current,compare:e.compare,pos:e.pos,type:e.type,showTime:e.showTime,onPreviousYear:e.onPreviousYear,onPreviousMonth:e.onPreviousMonth,onNextMonth:e.onNextMonth,onNextYear:e.onNextYear,dateMax:e.dateMax,dateMin:e.dateMin},null),a.createVNode("ol",{class:"head row"},[Z.map(t=>a.createVNode("li",{class:"cell"},[t]))]),a.createVNode("ul",{class:"body"},[G(e.current).map(t=>a.createVNode("li",{class:"row"},[t.map(o=>a.createVNode("span",{class:re(e,o),onClick:()=>le(e,o),onMouseenter:()=>ce(e,o)},[o.date.getDate()]))]))]),e.type!=="range"?a.createVNode(de,{disabled:!Y(n,e.dateMin,e.dateMax),onSelected:t=>{typeof e.onToday=="function"&&e.onToday(t,0)}},null):null])};var Me="";const _=a.defineComponent({props:{size:{type:Number,default:26},items:{type:Array},selectedIndex:{type:Number},className:{type:String},itemClassNormal:{type:String},itemClassSelected:{type:String},onChange:{type:Function}},setup(e){const{items:n=[0,1,2,3,4,5,6,7,8,9],selectedIndex:t=0,size:o=26,className:l="",itemClassNormal:r="",itemClassSelected:s="selected",onChange:c}=e||{};let i=0,w=0;const p=a.ref(),u=a.ref();let N=null,m=null;const d=a.reactive({selectedIndex:t,barOpacity:0,x:0,y:0,transition:"none"}),g=f=>{f.stopPropagation(),f.preventDefault(),N=[f.clientX,f.clientY],d.transition="none"},he=f=>{f.stopPropagation(),f.preventDefault(),!(!N||!m)&&(d.x=m[0]+f.clientX-N[0],d.y=Math.min(i,Math.max(w,m[1]+f.clientY-N[1])),d.selectedIndex=(i-d.y+o/2)/o>>0)},j=f=>{if(f.stopPropagation(),f.preventDefault(),N=null,d.y=i-d.selectedIndex*o,d.transition="transform 0.1s",m[0]=d.x,m[1]=d.y,typeof c=="function"){const V=d.selectedIndex,A=n[V];c(A,V)}};return a.onMounted(()=>{const{height:f}=p.value.getBoundingClientRect(),{height:V}=u.value.getBoundingClientRect();i=(f-o)/2,w=(f+o)/2-V,m=[0,i-d.selectedIndex*o],d.x=m[0],d.y=m[1],d.barOpacity=1,d.transition="transform 0.1s"}),()=>a.createVNode("div",{ref:p,class:`devui-vertical-slider ${l}`},[a.createVNode("div",{ref:u,class:"movable-bar",style:{opacity:d.barOpacity,transform:`translateY(${d.y}px)`,transition:d.transition}},[n.map((f,V)=>{const A=V===d.selectedIndex?s:r;return a.createVNode("span",{class:`slider-item ${A}`,style:{height:`${o}px`,lineHeight:`${o}px`}},[f])})]),a.createVNode("div",{class:"slider-mask",onMousedown:g,onMousemove:he,onMouseup:j,onMouseout:j},null)])}});var pe="";const B=a.defineComponent({props:{time:{type:Date}},setup(e){const{time:n=new Date}=e||{},t=a.reactive({hour:n.getHours(),minute:n.getMinutes(),second:n.getSeconds()}),o=Array(24).fill(0).map((r,s)=>`${s}`.padStart(2,"0")),l=Array(60).fill(0).map((r,s)=>`${s}`.padStart(2,"0"));return()=>a.createVNode("div",{class:"devui-calendar-timepicker"},[a.createVNode("div",{class:"head"},[a.createVNode("div",{class:"chars"},[a.createVNode("span",null,[t.hour.toString().padStart(2,"0"),a.createTextVNode(":"),t.minute.toString().padStart(2,"0"),a.createTextVNode(":"),t.second.toString().padStart(2,"0")])])]),a.createVNode("div",{class:"select"},[a.createVNode(_,{items:o,selectedIndex:t.hour,onChange:(r,s)=>t.hour=s},null),a.createVNode(_,{items:l,selectedIndex:t.minute,onChange:(r,s)=>t.minute=s},null),a.createVNode(_,{items:l,selectedIndex:t.second,onChange:(r,s)=>t.second=s},null)])])}});var De="";const ue=e=>{const{showTime:n=!1}=e;let{current:t}=e;if(t instanceof Date||(t=new Date),e.type==="range"){let{next:o}=e;return o instanceof Date||(o=new Date(t.getFullYear(),t.getMonth()+1,1)),a.createVNode("div",{class:"devui-calendar-container"},[a.createVNode(I,a.mergeProps(e,{pos:0,current:t,compare:o}),null),n?a.createVNode(B,{time:t},null):null,a.createVNode(I,a.mergeProps(e,{pos:1,current:o,compare:t}),null),n?a.createVNode(B,{time:o},null):null])}else return a.createVNode("div",{class:"devui-calendar-container"},[a.createVNode(I,a.mergeProps(e,{pos:0,current:t}),null),n?a.createVNode(B,{time:t},null):null])};var Se="";const fe=e=>{const[n,t]=[e.start,e.end].sort((o,l)=>o.getTime()-l.getTime());e.start=n,e.end=t,S(n,t,"m")!==0?(e.current=n,e.next=t):(S(n,e.current)<0&&(e.current=n),S(e.next,t)<0&&(e.next=t))};var b=a.defineComponent({name:"DDatepicker",props:{selectedDateChange:{type:Function},autoClose:{type:Boolean,default:!1},range:{type:Boolean,default:!1},showTime:{type:Boolean,default:!1},format:{type:String,default:"y/MM/dd"},rangeSpliter:{type:String,default:"-"},attachInputDom:{type:String},dateMin:{type:String},dateMax:{type:String}},setup(e){const n=a.ref(null),t=a.ref(null),o=$(e.dateMin)||new Date,l=new Date(o.getFullYear(),o.getMonth()+1,1),r=a.reactive({show:!1,value:"",placeholder:F(e),current:o,next:l});r.value=E(r,e),r.placeholder=F(e);const s=c=>{c.stopPropagation(),!(L(c.target,n.value)||L(c.target,t.value))&&(r.show=!1)};return a.onMounted(()=>{document.addEventListener("click",s)}),a.onUnmounted(()=>{document.removeEventListener("click",s)}),()=>a.createVNode("div",{class:"devui-datepicker-container"},[a.createVNode("div",{class:"input-container",ref:t},[a.createVNode(ne,{ref:t,class:"datepicker-input",modelValue:r.value,placeholder:r.placeholder,onFocus:()=>r.show=!0},null),a.createVNode(oe,{size:"small",name:"calendar",class:"datepicker-input-icon"},null)]),a.createVNode("div",{class:"devui-datepicker-panel",ref:n},[r.show?a.createVNode(ue,{type:e.range?"range":"select",showTime:e.showTime,current:r.current,next:r.next,dateMin:$(e.dateMin),dateMax:$(e.dateMax),dateStart:r.start,dateEnd:r.end,dateHover:r.hover,onReset:c=>{r.end=r.hover=void 0,r.start=c},onChange:()=>{r.value=E(r,e),r.placeholder=F(e),R(e.selectedDateChange,r.value),e.autoClose&&(r.show=!1)},onToday:c=>{r.current=c,r.start=c,r.value=E(r,e),r.placeholder=F(e),R(e.selectedDateChange,r.value),e.autoClose&&(r.show=!1)},onSelected:c=>{r.start=c,S(r.current,c)!==0&&(r.current=c)},onSelectStart:c=>r.start=c,onSelectEnd:c=>{r.end=c,fe(r)},onSelecting:c=>r.hover=c,onPreviousYear:(c,i)=>k(r,0,i,c),onPreviousMonth:(c,i)=>k(r,1,i,c),onNextMonth:(c,i)=>k(r,2,i,c),onNextYear:(c,i)=>k(r,3,i,c)},null):null])])}}),xe="";const z=a.defineComponent({name:"DStickSlider",props:{},setup(){const e=a.reactive({showButtons:!1,selectedIndex:0}),n=()=>{e.showButtons=!1},t=l=>{l.stopPropagation(),e.showButtons=!0},o=l=>{l.stopPropagation(),n()};return()=>a.createVNode("div",{class:"devui-stick-slider",onMousedown:t,onMouseup:o,onMouseleave:o},[a.createVNode("div",{class:"sub-buttons",style:{display:e.showButtons?"":"none"}},[Array(16).fill(null).map((l,r)=>a.createVNode("div",{class:`button ${r===e.selectedIndex?"selected":""}`,onMouseenter:()=>e.selectedIndex=r},[r]))]),a.createVNode("div",{class:"main-button"},null)])}});b.install=function(e){e.component(b.name,b),e.component(z.name,z)};var ge={title:"DatePicker \u65E5\u671F\u9009\u62E9\u5668",category:"\u6570\u636E\u5F55\u5165",status:"50%",install(e){e.use(b)}};y.DatePicker=b,y.StickSlider=z,y.default=ge,Object.defineProperty(y,"__esModule",{value:!0}),y[Symbol.toStringTag]="Module"});
+(function(m,o){typeof exports=="object"&&typeof module!="undefined"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(m=typeof globalThis!="undefined"?globalThis:m||self,o(m.index={},m.Vue))})(this,function(m,o){"use strict";const W=e=>{const n=e.getFullYear(),t=e.getMonth()+1,a=e.getDate(),l=e.getDay(),r=e.getHours(),s=e.getMinutes(),c=e.getSeconds(),i=e.getMilliseconds();return[n,t,a,l,r,s,c,i]},p=(e,n,t=2,a="0")=>(e+"").padStart(Math.min(n.length,t),a),C=(e,n)=>{const t=W(n);let a=e;return a=a.replace(/y+/g,l=>{const r=t[0]+"";return l.length===2?r.substring(2):r}),a=a.replace(/M+/g,l=>p(t[1],l)),a=a.replace(/d+/g,l=>p(t[2],l)),a=a.replace(/h+/g,l=>p(t[4],l)),a=a.replace(/m+/g,l=>p(t[5],l)),a=a.replace(/s+/g,l=>p(t[6],l)),a},X=(e,n,t,a="-")=>{const l=[n,t];return n.getTime()>t.getTime()&&l.reverse(),`${C(e,l[0])} ${a} ${C(e,l[1])}`},O=(e,n)=>{if(!n)return!1;for(;e;){if(e===n)return!0;e=e.parentNode}return!1},z=(e,...n)=>{typeof e=="function"&&e(...n)},Z=e=>{const n=e.getFullYear(),t=e.getMonth()+1,a=e.getDate(),l=e.getDay(),r=e.getHours(),s=e.getMinutes(),c=e.getSeconds(),i=e.getMilliseconds();return{year:n,y:n,month:t,M:t,date:a,d:a,day:l,hour:r,H:r,h:r,minute:s,m:s,second:c,s:c,ms:i}},G=(e,n)=>{const t=new Date(e,n-1,1),a=new Date(e,n,0),l=[];let r=t.getDay();for(;r>0;)r-=1,l.push({date:new Date(e,n-1,-r),current:-1});r=a.getDate()-t.getDate();for(let c=0;c<=r;c++){const i=new Date(t);i.setDate(c+1),l.push({date:i,current:0})}r=a.getDay();let s=a;for(let c=r;c<6;c++)s=new Date(e,n,c-r+1),l.push({date:s,current:1});if(l.length<42){r=s.getDate();for(let c=1;c<=7;c++)s=new Date(e,n,r+c),l.push({date:s,current:1})}return l},J=(e=new Date)=>{e instanceof Date||(e=new Date);const{year:n,month:t}=Z(e),a=G(n,t),l=[];for(;a.length>0;)l.push(a.splice(0,7));return l},Q=["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],D=(e,...n)=>{typeof e=="function"&&e(...n)},ee=(e,n)=>{const t=e.getFullYear()*12+e.getMonth(),a=n.getFullYear()*12+n.getMonth();return t-a},E=(e,n)=>{const t=new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime(),a=new Date(n.getFullYear(),n.getMonth(),n.getDate()).getTime();return(t-a)/864e5},g=(e,n,t,a)=>!e||!n?!0:t==="year"?n.getFullYear()-e.getFullYear()>a:ee(n,e)>a,F=e=>{if(!e||typeof e!="string")return null;const[n="",t=""]=e.split(/([ ]|T)+/);if(!n)return null;const[a,l,r]=n.split(/[^\d]+/),s=M(a),c=M(l),i=M(r)||1;if(!s||!c)return null;const h=te(t);return new Date(s,c-1,i,...h)},M=(e,n)=>{if(!e||typeof e!="string")return n;const t=parseInt(e);return isNaN(t)?n:t},te=e=>{const[n,t,a,l]=e.split(/[\:\.]+/);return[M(n,0),M(t,0),M(a,0),M(l,0)]},w=(e,n,t="d")=>{const a=H(e,t),l=H(n,t);return a<l?-1:a>l?1:0},H=(e,n)=>{switch(n){case"y":return e.getFullYear();case"m":return e.getFullYear()*12+e.getMonth()}return e.getTime()/864e5>>0},T=(e,n,t)=>!(n instanceof Date&&w(n,e,"d")>0||t instanceof Date&&w(e,t,"d")>0),ne={modelValue:{type:String,default:""},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},size:{type:String,default:"md"}},P=Symbol("dFormItem");function $(e,n,t){let a=e;return n&&(a+=`__${n}`),t&&(a+=`--${t}`),a}function K(e){const n=`devui-${e}`;return{b:()=>$(n),e:s=>s?$(n,s):"",m:s=>s?$(n,"",s):"",em:(s,c)=>s&&c?$(n,s,c):""}}function ae(e){const n=o.inject(P,void 0),t=o.computed(()=>(n==null?void 0:n.validateState)==="error"),a=K("input"),l=o.ref(!1),{error:r,size:s,disabled:c}=o.toRefs(e),i=o.computed(()=>({[a.b()]:!0,[a.m("focus")]:l.value,[a.m("disabled")]:c.value,[a.m("error")]:r.value||t.value,[a.m("feedback")]:n==null?void 0:n.showFeedback,[a.m(s.value)]:!0}));return{isFocus:l,wrapClasses:i}}function oe(e,n){const t=o.inject(P,void 0);return{onFocus:i=>{e.value=!0,n.emit("focus",i)},onBlur:i=>{e.value=!1,n.emit("blur",i),t==null||t.validate("blur").catch(h=>console.warn(h))},onInput:i=>{n.emit("update:modelValue",i.target.value)},onChange:i=>{n.emit("change",i.target.value)},onKeydown:i=>{n.emit("keydown",i)}}}var we="",re=o.defineComponent({name:"DInput",inheritAttrs:!1,props:ne,emits:["update:modelValue","focus","blur","input","change","keydown"],setup(e,n){const t=o.inject(P,void 0),{modelValue:a,disabled:l}=o.toRefs(e),r=K("input"),{isFocus:s,wrapClasses:c}=ae(e),{onFocus:i,onBlur:h,onInput:V,onChange:d,onKeydown:N}=oe(s,n);return o.watch(()=>e.modelValue,()=>{t==null||t.validate("change").catch(y=>console.warn(y))}),()=>o.createVNode("div",{class:c.value},[o.createVNode("input",o.mergeProps({value:a.value,disabled:l.value,class:r.e("inner")},n.attrs,{onInput:V,onFocus:i,onBlur:h,onChange:d,onKeydown:N}),null)])}});const le={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var ce=o.defineComponent({name:"DIcon",props:le,setup(e){const{name:n,size:t,color:a,classPrefix:l}=o.toRefs(e);return()=>/^((https?):)?\/\//.test(n.value)?o.createVNode("img",{src:n.value,alt:n.value.split("/")[n.value.split("/").length-1],style:{width:t.value,verticalAlign:"text-bottom"}},null):o.createVNode("i",{class:`${l.value} ${l.value}-${n.value}`,style:{fontSize:t.value,color:a.value}},null)}});const k=(e,n,t,a)=>{switch(n){case 0:const l=new Date(a);l.setFullYear(l.getFullYear()-1),t===0?e.current=l:e.next=l;break;case 1:const r=new Date(a);r.setMonth(r.getMonth()-1),t===0?e.current=r:e.next=r;break;case 2:const s=new Date(a);s.setMonth(s.getMonth()+1),t===0?e.current=s:e.next=s;break;case 3:const c=new Date(a);c.setFullYear(c.getFullYear()+1),t===0?e.current=c:e.next=c;break}},I=(e,n)=>{const{format:t="y/MM/dd",range:a,rangeSpliter:l="-"}=n||{};if(a){if(e.start){if(!e.end)return C(t,e.start)}else return"";if(e.end<e.start){const r=e.end;e.end=e.start,e.start=r}return X(t,e.start,e.end,l)}else return e.start?C(t,e.start):""},v=e=>{if(!e)return"";const n=e.format||"y/MM/dd",t=e.rangeSpliter||"-";return e.range?`${n} ${t} ${n}`:n},S=e=>e.toDateString(),se=(e,n,t="cell")=>{if(T(n.date,e.dateMin,e.dateMax)){if(n.current!==0)return`${t} not-current`}else return`${t} disabled`;const a=S(n.date);if(e.type==="range"){if(e.dateStart){if(S(e.dateStart)===a)return`${t} selected`;if(e.dateEnd&&S(e.dateEnd)===a)return`${t} selected`;const l=e.dateEnd||e.dateHover;if(l){const r=l>e.dateStart?[e.dateStart,l]:[l,e.dateStart];if(n.date>r[0]&&n.date<r[1])return`${t} innerday`}}return t}else return e.dateStart&&S(e.dateStart)===a?`${t} selected`:t},ie=(e,n)=>{!T(n.date,e.dateMin,e.dateMax)||(e.type==="range"?e.dateStart?e.dateEnd?D(e.onReset,n.date):E(e.dateStart,n.date)!==0&&(D(e.onSelectEnd,n.date),typeof e.onChange=="function"&&e.onChange(e.type,e)):D(e.onSelectStart,n.date):(D(e.onSelected,n.date),typeof e.onChange=="function"&&e.onChange(e.type,e)))},de=(e,n)=>{if(n.current!==0)return;const{dateMin:t,dateMax:a}=e;if(!(t&&E(n.date,t)<0)&&!(a&&E(a,n.date)<0)&&e.type==="range"){const l=S(n.date);if(!e.dateStart||S(e.dateStart)===l||e.dateEnd)return;D(e.onSelecting,n.date)}},j=e=>{const{color:n="#585d6b",rotate:t=0}=e;return o.createVNode("svg",{style:{transform:`rotate(${t}deg)`},width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[o.createVNode("g",{fill:n,transform:"translate(-1.000000, -1.000000)"},[o.createVNode("path",{d:"M11,1.83333333 L11,10.1666667 L7,7.38833333 L7,10.1666667 L1,6 L7,1.83333333 L7,4.61033333 L11,1.83333333 Z"},null)])])},U=e=>{const{color:n="#585d6b",rotate:t=0}=e;return o.createVNode("svg",{style:{transform:`rotate(${t}deg)`},width:"6px",height:"10px",viewBox:"0 0 6 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[o.createVNode("g",{fill:n,transform:"translate(-3.000000, -1.000000)"},[o.createVNode("polygon",{points:"6 3 10.1666667 9 1.83333333 9"},null)])])};var Se="";const Y=e=>{const{button:n,disabled:t=!1,rotate:a=0,date:l,pos:r}=e,s=t?"#cfd0d3":"#585d6b",c=`${t?"disabled":""}`,i=t?void 0:()=>D(e.cb,l,r);return o.createVNode("a",{class:c,onClick:i},[o.createVNode(n,{color:s,rotate:a},null)])},ue=e=>{const{date:n}=e;return o.createVNode("a",{class:"title"},[`${n.getFullYear()}\u5E74${(n.getMonth()+1+"").padStart(2,"0")}\u6708`])},fe=e=>{const{type:n,current:t,compare:a,pos:l,dateMax:r,dateMin:s,onPreviousYear:c,onPreviousMonth:i,onNextMonth:h,onNextYear:V}=e,d=[!1,!1,!1,!1];return n==="range"?l===1?(d[0]=!g(a,t,"year",1),d[1]=!g(a,t,"month",1),d[2]=!g(t,r,"month",0),d[3]=!g(t,r,"year",0)):(d[0]=!g(s,t,"year",0),d[1]=!g(s,t,"month",0),d[2]=!g(t,a,"month",1),d[3]=!g(t,a,"year",1)):(d[0]=!g(s,t,"year",0),d[1]=!g(s,t,"month",0),d[2]=!g(t,r,"month",0),d[3]=!g(t,r,"year",0)),o.createVNode("div",{class:"devui-calendar-toolbar"},[o.createVNode(Y,{disabled:d[0],date:t,pos:l,button:j,cb:c},null),o.createVNode(Y,{disabled:d[1],date:t,pos:l,button:U,rotate:-90,cb:i},null),o.createVNode(ue,{date:t},null),o.createVNode(Y,{disabled:d[2],date:t,pos:l,button:U,rotate:90,cb:h},null),o.createVNode(Y,{disabled:d[3],date:t,pos:l,button:j,rotate:180,cb:V},null)])},ge=e=>{const{onSelected:n=()=>0,disabled:t=!1}=e;return o.createVNode("div",{class:`today-container ${t?"disabled":""}`},[o.createVNode("button",{class:"today-button",disabled:t,onClick:t?void 0:()=>n(new Date)},[o.createTextVNode("\u4ECA\u5929")])])};var Ve="";const B=e=>{const n=new Date;return o.createVNode("div",{class:"devui-calendar-panel"},[o.createVNode(fe,{current:e.current,compare:e.compare,pos:e.pos,type:e.type,showTime:e.showTime,onPreviousYear:e.onPreviousYear,onPreviousMonth:e.onPreviousMonth,onNextMonth:e.onNextMonth,onNextYear:e.onNextYear,dateMax:e.dateMax,dateMin:e.dateMin},null),o.createVNode("ol",{class:"head row"},[Q.map(t=>o.createVNode("li",{class:"cell"},[t]))]),o.createVNode("ul",{class:"body"},[J(e.current).map(t=>o.createVNode("li",{class:"row"},[t.map(a=>o.createVNode("span",{class:se(e,a),onClick:()=>ie(e,a),onMouseenter:()=>de(e,a)},[a.date.getDate()]))]))]),e.type!=="range"?o.createVNode(ge,{disabled:!T(n,e.dateMin,e.dateMax),onSelected:t=>{typeof e.onToday=="function"&&e.onToday(t,0)}},null):null])};var xe="";const _=o.defineComponent({props:{size:{type:Number,default:26},items:{type:Array},selectedIndex:{type:Number},className:{type:String},itemClassNormal:{type:String},itemClassSelected:{type:String},onChange:{type:Function}},setup(e){const{items:n=[0,1,2,3,4,5,6,7,8,9],selectedIndex:t=0,size:a=26,className:l="",itemClassNormal:r="",itemClassSelected:s="selected",onChange:c}=e||{};let i=0,h=0;const V=o.ref(),d=o.ref();let N=null,y=null;const u=o.reactive({selectedIndex:t,barOpacity:0,x:0,y:0,transition:"none"}),Me=f=>{f.stopPropagation(),f.preventDefault(),N=[f.clientX,f.clientY],u.transition="none"},Ne=f=>{f.stopPropagation(),f.preventDefault(),!(!N||!y)&&(u.x=y[0]+f.clientX-N[0],u.y=Math.min(i,Math.max(h,y[1]+f.clientY-N[1])),u.selectedIndex=(i-u.y+a/2)/a>>0)},q=f=>{if(f.stopPropagation(),f.preventDefault(),N=null,u.y=i-u.selectedIndex*a,u.transition="transform 0.1s",y[0]=u.x,y[1]=u.y,typeof c=="function"){const x=u.selectedIndex,L=n[x];c(L,x)}};return o.onMounted(()=>{const{height:f}=V.value.getBoundingClientRect(),{height:x}=d.value.getBoundingClientRect();i=(f-a)/2,h=(f+a)/2-x,y=[0,i-u.selectedIndex*a],u.x=y[0],u.y=y[1],u.barOpacity=1,u.transition="transform 0.1s"}),()=>o.createVNode("div",{ref:V,class:`devui-vertical-slider ${l}`},[o.createVNode("div",{ref:d,class:"movable-bar",style:{opacity:u.barOpacity,transform:`translateY(${u.y}px)`,transition:u.transition}},[n.map((f,x)=>{const L=x===u.selectedIndex?s:r;return o.createVNode("span",{class:`slider-item ${L}`,style:{height:`${a}px`,lineHeight:`${a}px`}},[f])})]),o.createVNode("div",{class:"slider-mask",onMousedown:Me,onMousemove:Ne,onMouseup:q,onMouseout:q},null)])}});var pe="";const R=o.defineComponent({props:{time:{type:Date}},setup(e){const{time:n=new Date}=e||{},t=o.reactive({hour:n.getHours(),minute:n.getMinutes(),second:n.getSeconds()}),a=Array(24).fill(0).map((r,s)=>`${s}`.padStart(2,"0")),l=Array(60).fill(0).map((r,s)=>`${s}`.padStart(2,"0"));return()=>o.createVNode("div",{class:"devui-calendar-timepicker"},[o.createVNode("div",{class:"head"},[o.createVNode("div",{class:"chars"},[o.createVNode("span",null,[t.hour.toString().padStart(2,"0"),o.createTextVNode(":"),t.minute.toString().padStart(2,"0"),o.createTextVNode(":"),t.second.toString().padStart(2,"0")])])]),o.createVNode("div",{class:"select"},[o.createVNode(_,{items:a,selectedIndex:t.hour,onChange:(r,s)=>t.hour=s},null),o.createVNode(_,{items:l,selectedIndex:t.minute,onChange:(r,s)=>t.minute=s},null),o.createVNode(_,{items:l,selectedIndex:t.second,onChange:(r,s)=>t.second=s},null)])])}});var be="";const me=e=>{const{showTime:n=!1}=e;let{current:t}=e;if(t instanceof Date||(t=new Date),e.type==="range"){let{next:a}=e;return a instanceof Date||(a=new Date(t.getFullYear(),t.getMonth()+1,1)),o.createVNode("div",{class:"devui-calendar-container"},[o.createVNode(B,o.mergeProps(e,{pos:0,current:t,compare:a}),null),n?o.createVNode(R,{time:t},null):null,o.createVNode(B,o.mergeProps(e,{pos:1,current:a,compare:t}),null),n?o.createVNode(R,{time:a},null):null])}else return o.createVNode("div",{class:"devui-calendar-container"},[o.createVNode(B,o.mergeProps(e,{pos:0,current:t}),null),n?o.createVNode(R,{time:t},null):null])};var Ce="";const he=e=>{const[n,t]=[e.start,e.end].sort((a,l)=>a.getTime()-l.getTime());e.start=n,e.end=t,w(n,t,"m")!==0?(e.current=n,e.next=t):(w(n,e.current)<0&&(e.current=n),w(e.next,t)<0&&(e.next=t))};var b=o.defineComponent({name:"DDatepicker",props:{selectedDateChange:{type:Function},autoClose:{type:Boolean,default:!1},range:{type:Boolean,default:!1},showTime:{type:Boolean,default:!1},format:{type:String,default:"y/MM/dd"},rangeSpliter:{type:String,default:"-"},attachInputDom:{type:String},dateMin:{type:String},dateMax:{type:String}},setup(e){const n=o.ref(null),t=o.ref(null),a=F(e.dateMin)||new Date,l=new Date(a.getFullYear(),a.getMonth()+1,1),r=o.reactive({show:!1,value:"",placeholder:v(e),current:a,next:l});r.value=I(r,e),r.placeholder=v(e);const s=c=>{c.stopPropagation(),!(O(c.target,n.value)||O(c.target,t.value))&&(r.show=!1)};return o.onMounted(()=>{document.addEventListener("click",s)}),o.onUnmounted(()=>{document.removeEventListener("click",s)}),()=>o.createVNode("div",{class:"devui-datepicker-container"},[o.createVNode("div",{class:"input-container",ref:t},[o.createVNode(re,{ref:t,class:"datepicker-input",modelValue:r.value,placeholder:r.placeholder,onFocus:()=>r.show=!0},null),o.createVNode(ce,{size:"small",name:"calendar",class:"datepicker-input-icon"},null)]),o.createVNode("div",{class:"devui-datepicker-panel",ref:n},[r.show?o.createVNode(me,{type:e.range?"range":"select",showTime:e.showTime,current:r.current,next:r.next,dateMin:F(e.dateMin),dateMax:F(e.dateMax),dateStart:r.start,dateEnd:r.end,dateHover:r.hover,onReset:c=>{r.end=r.hover=void 0,r.start=c},onChange:()=>{r.value=I(r,e),r.placeholder=v(e),z(e.selectedDateChange,r.value),e.autoClose&&(r.show=!1)},onToday:c=>{r.current=c,r.start=c,r.value=I(r,e),r.placeholder=v(e),z(e.selectedDateChange,r.value),e.autoClose&&(r.show=!1)},onSelected:c=>{r.start=c,w(r.current,c)!==0&&(r.current=c)},onSelectStart:c=>r.start=c,onSelectEnd:c=>{r.end=c,he(r)},onSelecting:c=>r.hover=c,onPreviousYear:(c,i)=>k(r,0,i,c),onPreviousMonth:(c,i)=>k(r,1,i,c),onNextMonth:(c,i)=>k(r,2,i,c),onNextYear:(c,i)=>k(r,3,i,c)},null):null])])}}),$e="";const A=o.defineComponent({name:"DStickSlider",props:{},setup(){const e=o.reactive({showButtons:!1,selectedIndex:0}),n=()=>{e.showButtons=!1},t=l=>{l.stopPropagation(),e.showButtons=!0},a=l=>{l.stopPropagation(),n()};return()=>o.createVNode("div",{class:"devui-stick-slider",onMousedown:t,onMouseup:a,onMouseleave:a},[o.createVNode("div",{class:"sub-buttons",style:{display:e.showButtons?"":"none"}},[Array(16).fill(null).map((l,r)=>o.createVNode("div",{class:`button ${r===e.selectedIndex?"selected":""}`,onMouseenter:()=>e.selectedIndex=r},[r]))]),o.createVNode("div",{class:"main-button"},null)])}});b.install=function(e){e.component(b.name,b),e.component(A.name,A)};var ye={title:"DatePicker \u65E5\u671F\u9009\u62E9\u5668",category:"\u6570\u636E\u5F55\u5165",status:"50%",install(e){e.use(b)}};m.DatePicker=b,m.StickSlider=A,m.default=ye,Object.defineProperty(m,"__esModule",{value:!0}),m[Symbol.toStringTag]="Module"});