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

package/checkbox/index.umd.js

@@ -1 +1 @@
-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"});
+var E=Object.defineProperty,H=Object.defineProperties;var J=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var Q=Object.prototype.hasOwnProperty,X=Object.prototype.propertyIsEnumerable;var _=(d,l,m)=>l in d?E(d,l,{enumerable:!0,configurable:!0,writable:!0,value:m}):d[l]=m,$=(d,l)=>{for(var m in l||(l={}))Q.call(l,m)&&_(d,m,l[m]);if(x)for(var m of x(l))X.call(l,m)&&_(d,m,l[m]);return d},j=(d,l)=>H(d,J(l));(function(d,l){typeof exports=="object"&&typeof module!="undefined"?l(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],l):(d=typeof globalThis!="undefined"?globalThis:d||self,l(d.index={},d.Vue))})(this,function(d,l){"use strict";const m={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},size:{type:String,default:"md"}},p=j($({},m),{checked:{type:Boolean,default:!1},value:{type:[Number,String]},label:{type:String,default:""},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function},border:{type:Boolean,default:!1}}),z=j($({},m),{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},border:{type:Boolean,default:!1},max:{type:Number,default:void 0},textColor:{type:String,default:""}}),S=Symbol("d-checkbox-group");function N(t,o,e){let i=t;return o&&(i+=`__${o}`),e&&(i+=`--${e}`),i}function R(t,o=!1){const e=o?`.devui-${t}`:`devui-${t}`;return{b:()=>N(e),e:a=>a?N(e,a):"",m:a=>a?N(e,"",a):"",em:(a,c)=>a&&c?N(e,a,c):""}}function D(t,o){const e=l.inject(S,null),i=l.computed(()=>t.checked||t.modelValue),s=l.computed(()=>{var n,C;return(C=(n=e==null?void 0:e.isItemChecked)==null?void 0:n.call(e,t.value))!=null?C:i.value}),f=l.computed(()=>{const n=e==null?void 0:e.max.value;return!!n&&(e==null?void 0:e.modelValue.value.length)>=n&&!s.value}),u=l.computed(()=>(e==null?void 0:e.disabled.value)||t.disabled||f.value),a=l.computed(()=>{var n;return(n=e==null?void 0:e.isShowTitle.value)!=null?n:t.isShowTitle}),c=l.computed(()=>{var n;return(n=e==null?void 0:e.showAnimation.value)!=null?n:t.showAnimation}),r=l.computed(()=>{var n;return(n=e==null?void 0:e.color.value)!=null?n:t.color}),h=e==null?void 0:e.itemWidth.value,g=e==null?void 0:e.direction.value,b=(n,C)=>{var P;if(u.value)return Promise.resolve(!1);const B=(P=t.beforeChange)!=null?P:e==null?void 0:e.beforeChange;if(B){const w=B(n,C);return typeof w=="boolean"?Promise.resolve(w):w}return Promise.resolve(!0)},V=()=>{const n=!i.value;e==null||e.toggleGroupVal(t.value),o.emit("update:checked",n),o.emit("update:modelValue",n),o.emit("change",n)},v=()=>{b(!i.value,t.label).then(n=>n&&V())},y=l.computed(()=>{var n;return(n=e==null?void 0:e.size.value)!=null?n:t.size}),k=l.computed(()=>{var n;return(n=e==null?void 0:e.border.value)!=null?n:t.border});return{mergedChecked:s,mergedDisabled:u,mergedIsShowTitle:a,mergedShowAnimation:c,mergedColor:r,itemWidth:h,direction:g,handleClick:v,size:y,border:k}}function U(t,o){const e=l.toRef(t,"modelValue"),i={checked:!1,isShowTitle:!0,halfChecked:!1,showAnimation:!0,disabled:!1},s=u=>{let a=-1;if(["string","number"].includes(typeof e.value[0])?a=e.value.findIndex(c=>c===u):typeof e.value[0]=="object"&&(a=e.value.findIndex(c=>c.value===u)),a===-1){if(typeof t.options[0]=="object"){const r=t.options.find(g=>g.value===u),h=[...e.value,r];o.emit("update:modelValue",h),o.emit("change",h);return}const c=[...e.value,u];o.emit("update:modelValue",c),o.emit("change",c);return}e.value.splice(a,1),o.emit("update:modelValue",e.value),o.emit("change",e.value)},f=u=>{if(["string","number"].includes(typeof e.value[0]))return e.value.includes(u);if(typeof e.value[0]=="object")return e.value.some(a=>a.value===u)};return l.provide(S,{disabled:l.toRef(t,"disabled"),isShowTitle:l.toRef(t,"isShowTitle"),color:l.toRef(t,"color"),showAnimation:l.toRef(t,"showAnimation"),beforeChange:t.beforeChange,isItemChecked:f,toggleGroupVal:s,itemWidth:l.toRef(t,"itemWidth"),direction:l.toRef(t,"direction"),size:l.toRef(t,"size"),border:l.toRef(t,"border"),max:l.toRef(t,"max"),modelValue:l.toRef(t,"modelValue"),textColor:l.toRef(t,"textColor")}),{defaultOpt:i}}function q(){const t=l.inject(S,null);return{mergedTextColor:l.computed(()=>{var e;return(e=t==null?void 0:t.textColor.value)!=null?e:void 0})}}var Y="",T=l.defineComponent({name:"DCheckbox",props:p,emits:["change","update:checked","update:modelValue"],setup(t,o){const e=R("checkbox"),{mergedChecked:i,mergedDisabled:s,mergedIsShowTitle:f,mergedShowAnimation:u,mergedColor:a,itemWidth:c,direction:r,handleClick:h,size:g,border:b}=D(t,o);return()=>{var O,W;const V={[e.e("column-margin")]:r==="column",[e.e("wrap")]:typeof c!="undefined"},v=c?[`width: ${c}px`]:[],y={[e.b()]:!0,active:i.value,"half-checked":t.halfChecked,disabled:s.value,unchecked:!i.value},k=f.value?t.title||t.label:"",n=a.value&&t.halfChecked||a.value?`linear-gradient(${a.value}, ${a.value})`:"",C=[`border-color:${(i.value||t.halfChecked)&&a.value?a.value:""}`,`background-image:${n}`,`background-color:${a.value&&t.halfChecked?a.value:""}`],B={[e.e("material")]:!0,"custom-color":a.value,[e.m("no-label")]:!t.label&&!o.slots.default,[e.m("no-animation")]:!u.value,[e.e("default-background")]:!t.halfChecked},P={[e.e("tick")]:!0,[e.m("no-animation")]:!u.value},w={[e.m(g.value)]:b.value,[e.m("bordered")]:b.value},F=M=>M.stopPropagation(),L={indeterminate:t.halfChecked};return l.createVNode("div",{class:V,style:v},[l.createVNode("div",{class:y},[l.createVNode("label",{title:k,onClick:h,class:w,style:{width:c?"100%":"auto"}},[l.createVNode("input",l.mergeProps({name:t.name||t.value,class:e.e("input"),type:"checkbox"},L,{checked:i.value,disabled:s.value,onClick:F,onChange:F}),null),l.createVNode("span",{style:C,class:B},[l.createVNode("span",{class:e.e("halfchecked-bg")},null),l.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:e.e("tick-wrap")},[l.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[l.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:P},null)])])]),t.label||((W=(O=o.slots).default)==null?void 0:W.call(O))])])])}}}),Z="",A=l.defineComponent({name:"DCheckboxGroup",props:z,emits:["change","update:modelValue"],setup(t,o){const e=R("checkbox"),{defaultOpt:i}=U(t,o);return()=>{var u,a;let s=(a=(u=o.slots).default)==null?void 0:a.call(u);const f=()=>{var c;return s||(((c=t.options)==null?void 0:c.length)>0&&(s=t.options.map(r=>{let h=null;return typeof r=="string"?h=Object.assign({},i,{label:r,value:r}):typeof r=="object"&&(h=Object.assign({},i,j($({},r),{label:r.name}))),l.createVNode(T,h,null)})),s)};return l.createVNode("div",{class:e.e("group")},[l.createVNode("div",{class:{[e.m("list-inline")]:t.direction==="row"}},[f()])])}}}),G="",I=l.defineComponent({name:"DCheckboxButton",props:p,emits:["change","update:checked","update:modelValue"],setup(t,o){const e=R("checkbox-button"),{mergedChecked:i,mergedDisabled:s,mergedIsShowTitle:f,mergedColor:u,handleClick:a,size:c}=D(t,o),{mergedTextColor:r}=q();return()=>{var y,k;const h=f.value?t.title||t.label:"",g=[`border-color:${i.value&&u.value?u.value:""}`,`background-color:${i.value&&u.value?u.value:""}`,`color:${i.value&&r.value?r.value:""}`],b={[e.b()]:!0,active:i.value,disabled:s.value,unchecked:!i.value},V={[e.e("content")]:!0,[e.m(c.value)]:!0},v=n=>n.stopPropagation();return l.createVNode("label",{title:h,onClick:a,class:b},[l.createVNode("input",{name:t.name||t.value,class:e.e("input"),type:"checkbox",checked:i.value,disabled:s.value,onClick:v,onChange:v},null),l.createVNode("span",{style:g,class:V},[t.label||((k=(y=o.slots).default)==null?void 0:k.call(y))])])}}}),K={title:"Checkbox \u590D\u9009\u6846",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(t){t.component(T.name,T),t.component(A.name,A),t.component(I.name,I)}};d.Checkbox=T,d.CheckboxButton=I,d.CheckboxGroup=A,d.checkboxGroupInjectionKey=S,d.checkboxGroupProps=z,d.checkboxProps=p,d.default=K,Object.defineProperty(d,"__esModule",{value:!0}),d[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-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}
+.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 .devui-checkbox--bordered,.devui-checkbox.half-checked .devui-checkbox--bordered{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:18px;line-height:18px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:block}.devui-checkbox label.devui-checkbox--lg{font-size:14px}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material{width:16px;height:16px}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material>svg{width:16px;height:16px}.devui-checkbox label.devui-checkbox--lg.devui-checkbox--bordered{height:40px;line-height:40px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--md{font-size:14px}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material>svg{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md.devui-checkbox--bordered{height:36px;line-height:36px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--sm{font-size:12px}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm.devui-checkbox--bordered{height:32px;line-height:32px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--xs{font-size:12px}.devui-checkbox label.devui-checkbox--xs .devui-checkbox__material{width:14px;height:14px}.devui-checkbox label.devui-checkbox--xs .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox label.devui-checkbox--xs.devui-checkbox--bordered{height:28px;line-height:28px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--bordered{border:1px solid var(--devui-disabled-line, #dfe1e6);border-radius:var(--devui-border-radius, 2px)}.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}.devui-checkbox-button{display:inline-block;position:relative}.devui-checkbox-button__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox-button__content{font-size:14px;color:var(--devui-text, #252b3a);padding:10px 20px;cursor:pointer;border:1px solid var(--devui-line, #adb0b8);border-left:none;display:inline-block;line-height:1;user-select:none;box-shadow:-1px 0 #e5f0fb}.devui-checkbox-button__content.devui-checkbox-button--lg{font-size:14px;padding:12px 20px}.devui-checkbox-button__content.devui-checkbox-button--md{font-size:14px;padding:10px 20px}.devui-checkbox-button__content.devui-checkbox-button--sm{font-size:12px;padding:9px 15px}.devui-checkbox-button__content.devui-checkbox-button--xs{font-size:12px;padding:7px 15px}.devui-checkbox-button.active .devui-checkbox-button__content{color:#fff;background-color:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox-button.active.disabled .devui-checkbox-button__content{color:#fff;background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox-button.disabled .devui-checkbox-button__content{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8);background-color:#fff;border-color:var(--devui-disabled-line, #dfe1e6)}.devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-bottom-left-radius:var(--devui-border-radius, 2px);border-left:1px solid var(--devui-line, #adb0b8);box-shadow:none}.devui-checkbox-button:last-child .devui-checkbox-button__content{border-top-right-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}

package/date-picker/index.es.js

@@ -1,4 +1,19 @@
-import { inject, computed, ref, toRefs, defineComponent, watch, createVNode, mergeProps, createTextVNode, reactive, onMounted, onUnmounted } from "vue";
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { inject, computed, ref, toRefs, defineComponent, createVNode, resolveDynamicComponent, mergeProps, shallowRef, watch, createTextVNode, reactive, onMounted, onUnmounted } from "vue";
 const getDateTime = (d) => {
   const year = d.getFullYear();
   const month = d.getMonth() + 1;
@@ -216,6 +231,26 @@ const inputProps = {
   size: {
     type: String,
     default: "md"
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  prefix: {
+    type: String,
+    default: ""
+  },
+  suffix: {
+    type: String,
+    default: ""
+  },
+  showPassword: {
+    type: Boolean,
+    default: false
+  },
+  clearable: {
+    type: Boolean,
+    default: false
   }
 };
 const FORM_ITEM_TOKEN = Symbol("dFormItem");
@@ -229,8 +264,8 @@ function createBem(namespace, element, modifier) {
   }
   return cls;
 }
-function useNamespace(block) {
-  const namespace = `devui-${block}`;
+function useNamespace(block, needDot = false) {
+  const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
   const b = () => createBem(namespace);
   const e = (element) => element ? createBem(namespace, element) : "";
   const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
@@ -242,23 +277,36 @@ function useNamespace(block) {
     em
   };
 }
-function useInputRender(props) {
+function useInputRender(props, ctx) {
   const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
   const isValidateError = computed(() => (formItemContext == null ? void 0 : formItemContext.validateState) === "error");
   const ns = useNamespace("input");
+  const slotNs = useNamespace("input-slot");
   const isFocus = ref(false);
   const { error, size, disabled } = toRefs(props);
+  const slots = ctx.slots;
+  const _a = ctx.attrs, { style, class: customClass } = _a, otherAttrs = __objRest(_a, ["style", "class"]);
+  const customStyle = { style };
   const wrapClasses = computed(() => ({
-    [ns.b()]: true,
+    [ns.e("wrapper")]: 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
+    [ns.m("feedback")]: formItemContext == null ? void 0 : formItemContext.showFeedback
   }));
-  return { isFocus, wrapClasses };
+  const inputClasses = computed(() => [
+    {
+      [ns.b()]: true,
+      [ns.m(size.value)]: true,
+      [slotNs.b()]: slots.prepend || slots.append,
+      [ns.m("append")]: slots.append,
+      [ns.m("prepend")]: slots.prepend
+    },
+    customClass
+  ]);
+  return { isFocus, wrapClasses, inputClasses, customStyle, otherAttrs };
 }
-function useInputEvent(isFocus, ctx) {
+function useInputEvent(isFocus, props, ctx) {
   const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
   const onFocus = (e) => {
     isFocus.value = true;
@@ -267,7 +315,9 @@ function useInputEvent(isFocus, ctx) {
   const onBlur = (e) => {
     isFocus.value = false;
     ctx.emit("blur", e);
-    formItemContext == null ? void 0 : formItemContext.validate("blur").catch((err) => console.warn(err));
+    if (props.validateEvent) {
+      formItemContext == null ? void 0 : formItemContext.validate("blur").catch((err) => console.warn(err));
+    }
   };
   const onInput = (e) => {
     ctx.emit("update:modelValue", e.target.value);
@@ -278,50 +328,33 @@ function useInputEvent(isFocus, ctx) {
   const onKeydown = (e) => {
     ctx.emit("keydown", e);
   };
-  return { onFocus, onBlur, onInput, onChange, onKeydown };
+  const onClear = () => {
+    ctx.emit("update:modelValue", "");
+    ctx.emit("clear");
+  };
+  return { onFocus, onBlur, onInput, onChange, onKeydown, onClear };
+}
+function useInputFunction(input2) {
+  const refInput = computed(() => input2.value);
+  const select = () => {
+    var _a;
+    (_a = refInput.value) == null ? void 0 : _a.select();
+  };
+  const focus = () => {
+    var _a;
+    (_a = refInput.value) == null ? void 0 : _a.focus();
+  };
+  const blur = () => {
+    var _a;
+    (_a = refInput.value) == null ? void 0 : _a.blur();
+  };
+  return { select, focus, blur };
 }
 var input = "";
-var Input = defineComponent({
-  name: "DInput",
-  inheritAttrs: false,
-  props: inputProps,
-  emits: ["update:modelValue", "focus", "blur", "input", "change", "keydown"],
-  setup(props, ctx) {
-    const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
-    const {
-      modelValue,
-      disabled
-    } = toRefs(props);
-    const ns = useNamespace("input");
-    const {
-      isFocus,
-      wrapClasses
-    } = useInputRender(props);
-    const {
-      onFocus,
-      onBlur,
-      onInput,
-      onChange,
-      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)]);
-  }
-});
+function isUrl(value) {
+  return /^((http|https):)?\/\//.test(value);
+}
+const DEFAULT_PREFIX = "icon";
 const iconProps = {
   name: {
     type: String,
@@ -329,43 +362,211 @@ const iconProps = {
     required: true
   },
   size: {
-    type: String,
+    type: [Number, String],
     default: "inherit"
   },
   color: {
     type: String,
     default: "inherit"
   },
+  component: {
+    type: Object,
+    default: null
+  },
   classPrefix: {
     type: String,
-    default: "icon"
+    default: DEFAULT_PREFIX
   }
 };
+const svgIconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  size: {
+    type: [Number, String],
+    default: "inherit"
+  }
+};
+var icon = "";
+var svgIcon = defineComponent({
+  name: "DSvgIcon",
+  props: svgIconProps,
+  setup(props) {
+    const {
+      name,
+      color,
+      size
+    } = toRefs(props);
+    const ns = useNamespace("svg-icon");
+    const iconName = computed(() => `#icon-${name.value}`);
+    const iconSize = computed(() => {
+      return typeof size.value === "number" ? `${size.value}px` : size.value;
+    });
+    const styles = {
+      width: iconSize.value,
+      height: iconSize.value
+    };
+    return () => {
+      return createVNode("svg", {
+        "class": ns.b(),
+        "style": styles
+      }, [createVNode("use", {
+        "xlink:href": iconName.value,
+        "fill": color.value
+      }, null)]);
+    };
+  }
+});
 var Icon = defineComponent({
   name: "DIcon",
   props: iconProps,
-  setup(props) {
+  setup(props, {
+    attrs
+  }) {
     const {
+      component,
       name,
       size,
       color,
       classPrefix
     } = toRefs(props);
-    return () => {
-      return /^((https?):)?\/\//.test(name.value) ? createVNode("img", {
+    const IconComponent = component.value ? resolveDynamicComponent(component.value) : resolveDynamicComponent(svgIcon);
+    const iconSize = computed(() => {
+      return typeof size.value === "number" ? `${size.value}px` : size.value;
+    });
+    const svgIconDom = () => {
+      return createVNode(IconComponent, mergeProps({
+        "name": name.value,
+        "color": color.value,
+        "size": iconSize.value
+      }, attrs), null);
+    };
+    const imgIconDom = () => {
+      return createVNode("img", mergeProps({
         "src": name.value,
         "alt": name.value.split("/")[name.value.split("/").length - 1],
         "style": {
-          width: size.value,
-          verticalAlign: "text-bottom"
+          width: iconSize.value || ""
         }
-      }, null) : createVNode("i", {
-        "class": `${classPrefix.value} ${classPrefix.value}-${name.value}`,
+      }, attrs), null);
+    };
+    const fontIconDom = () => {
+      const fontIconClass = /^icon-/.test(name.value) ? name.value : `${classPrefix.value}-${name.value}`;
+      return createVNode("i", mergeProps({
+        "class": [classPrefix.value, fontIconClass],
         "style": {
-          fontSize: size.value,
+          fontSize: iconSize.value,
           color: color.value
         }
-      }, null);
+      }, attrs), null);
+    };
+    return () => {
+      return component.value ? svgIconDom() : isUrl(name.value) ? imgIconDom() : fontIconDom();
+    };
+  }
+});
+var Input = defineComponent({
+  name: "DInput",
+  inheritAttrs: false,
+  props: inputProps,
+  emits: ["update:modelValue", "focus", "blur", "input", "change", "keydown", "clear"],
+  setup(props, ctx) {
+    const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
+    const {
+      modelValue,
+      disabled
+    } = toRefs(props);
+    const ns = useNamespace("input");
+    const slotNs = useNamespace("input-slot");
+    const {
+      isFocus,
+      wrapClasses,
+      inputClasses,
+      customStyle,
+      otherAttrs
+    } = useInputRender(props, ctx);
+    const {
+      onFocus,
+      onBlur,
+      onInput,
+      onChange,
+      onKeydown,
+      onClear
+    } = useInputEvent(isFocus, props, ctx);
+    const input2 = shallowRef();
+    const {
+      select,
+      focus,
+      blur
+    } = useInputFunction(input2);
+    const passwordVisible = ref(false);
+    const clickPasswordIcon = () => {
+      passwordVisible.value = !passwordVisible.value;
+      focus();
+    };
+    const prefixVisiable = ctx.slots.prefix || props.prefix;
+    const suffixVisiable = ctx.slots.suffix || props.suffix || props.showPassword || props.clearable;
+    const showPwdVisible = computed(() => props.showPassword && !props.disabled);
+    const showClearable = computed(() => props.clearable && !props.disabled);
+    watch(() => props.modelValue, () => {
+      if (props.validateEvent) {
+        formItemContext == null ? void 0 : formItemContext.validate("change").catch((err) => console.warn(err));
+      }
+    });
+    ctx.expose({
+      select,
+      focus,
+      blur
+    });
+    return () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      return createVNode("div", mergeProps({
+        "class": inputClasses.value
+      }, customStyle), [ctx.slots.prepend && createVNode("div", {
+        "class": slotNs.e("prepend")
+      }, [(_b = (_a = ctx.slots).prepend) == null ? void 0 : _b.call(_a)]), createVNode("div", {
+        "class": wrapClasses.value
+      }, [prefixVisiable && createVNode("span", {
+        "class": slotNs.e("prefix")
+      }, [ctx.slots.prefix && createVNode("div", null, [(_d = (_c = ctx.slots).prefix) == null ? void 0 : _d.call(_c)]), props.prefix && createVNode(Icon, {
+        "size": props.size,
+        "name": props.prefix
+      }, null)]), createVNode("input", mergeProps({
+        "ref": input2,
+        "value": modelValue.value,
+        "disabled": disabled.value,
+        "class": ns.e("inner")
+      }, otherAttrs, {
+        "type": props.showPassword ? passwordVisible.value ? "text" : "password" : "text",
+        "onInput": onInput,
+        "onFocus": onFocus,
+        "onBlur": onBlur,
+        "onChange": onChange,
+        "onKeydown": onKeydown
+      }), null), suffixVisiable && createVNode("span", {
+        "class": slotNs.e("suffix")
+      }, [props.suffix && createVNode(Icon, {
+        "size": props.size,
+        "name": props.suffix
+      }, null), ctx.slots.suffix && createVNode("div", null, [(_f = (_e = ctx.slots).suffix) == null ? void 0 : _f.call(_e)]), showPwdVisible.value && createVNode(Icon, {
+        "size": props.size,
+        "class": ns.em("password", "icon"),
+        "name": passwordVisible.value ? "preview" : "preview-forbidden",
+        "onClick": clickPasswordIcon
+      }, null), showClearable.value && createVNode(Icon, {
+        "size": props.size,
+        "class": ns.em("clear", "icon"),
+        "name": "close",
+        "onClick": onClear
+      }, null)])]), ctx.slots.append && createVNode("div", {
+        "class": slotNs.e("append")
+      }, [(_h = (_g = ctx.slots).append) == null ? void 0 : _h.call(_g)])]);
     };
   }
 });

package/date-picker/index.umd.js

@@ -1 +1 @@
-(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"});
+var le=Object.getOwnPropertySymbols;var Ae=Object.prototype.hasOwnProperty,Le=Object.prototype.propertyIsEnumerable;var ce=(g,a)=>{var C={};for(var h in g)Ae.call(g,h)&&a.indexOf(h)<0&&(C[h]=g[h]);if(g!=null&&le)for(var h of le(g))a.indexOf(h)<0&&Le.call(g,h)&&(C[h]=g[h]);return C};(function(g,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(g=typeof globalThis!="undefined"?globalThis:g||self,a(g.index={},g.Vue))})(this,function(g,a){"use strict";const C=e=>{const n=e.getFullYear(),t=e.getMonth()+1,o=e.getDate(),s=e.getDay(),r=e.getHours(),c=e.getMinutes(),l=e.getSeconds(),i=e.getMilliseconds();return[n,t,o,s,r,c,l,i]},h=(e,n,t=2,o="0")=>(e+"").padStart(Math.min(n.length,t),o),F=(e,n)=>{const t=C(n);let o=e;return o=o.replace(/y+/g,s=>{const r=t[0]+"";return s.length===2?r.substring(2):r}),o=o.replace(/M+/g,s=>h(t[1],s)),o=o.replace(/d+/g,s=>h(t[2],s)),o=o.replace(/h+/g,s=>h(t[4],s)),o=o.replace(/m+/g,s=>h(t[5],s)),o=o.replace(/s+/g,s=>h(t[6],s)),o},ie=(e,n,t,o="-")=>{const s=[n,t];return n.getTime()>t.getTime()&&s.reverse(),`${F(e,s[0])} ${o} ${F(e,s[1])}`},W=(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)},de=e=>{const n=e.getFullYear(),t=e.getMonth()+1,o=e.getDate(),s=e.getDay(),r=e.getHours(),c=e.getMinutes(),l=e.getSeconds(),i=e.getMilliseconds();return{year:n,y:n,month:t,M:t,date:o,d:o,day:s,hour:r,H:r,h:r,minute:c,m:c,second:l,s:l,ms:i}},ue=(e,n)=>{const t=new Date(e,n-1,1),o=new Date(e,n,0),s=[];let r=t.getDay();for(;r>0;)r-=1,s.push({date:new Date(e,n-1,-r),current:-1});r=o.getDate()-t.getDate();for(let l=0;l<=r;l++){const i=new Date(t);i.setDate(l+1),s.push({date:i,current:0})}r=o.getDay();let c=o;for(let l=r;l<6;l++)c=new Date(e,n,l-r+1),s.push({date:c,current:1});if(s.length<42){r=c.getDate();for(let l=1;l<=7;l++)c=new Date(e,n,r+l),s.push({date:c,current:1})}return s},fe=(e=new Date)=>{e instanceof Date||(e=new Date);const{year:n,month:t}=de(e),o=ue(n,t),s=[];for(;o.length>0;)s.push(o.splice(0,7));return s},me=["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],S=(e,...n)=>{typeof e=="function"&&e(...n)},ge=(e,n)=>{const t=e.getFullYear()*12+e.getMonth(),o=n.getFullYear()*12+n.getMonth();return t-o},A=(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},N=(e,n,t,o)=>!e||!n?!0:t==="year"?n.getFullYear()-e.getFullYear()>o:ge(n,e)>o,L=e=>{if(!e||typeof e!="string")return null;const[n="",t=""]=e.split(/([ ]|T)+/);if(!n)return null;const[o,s,r]=n.split(/[^\d]+/),c=D(o),l=D(s),i=D(r)||1;if(!c||!l)return null;const y=he(t);return new Date(c,l-1,i,...y)},D=(e,n)=>{if(!e||typeof e!="string")return n;const t=parseInt(e);return isNaN(t)?n:t},he=e=>{const[n,t,o,s]=e.split(/[\:\.]+/);return[D(n,0),D(t,0),D(o,0),D(s,0)]},b=(e,n,t="d")=>{const o=G(e,t),s=G(n,t);return o<s?-1:o>s?1:0},G=(e,n)=>{switch(n){case"y":return e.getFullYear();case"m":return e.getFullYear()*12+e.getMonth()}return e.getTime()/864e5>>0},O=(e,n,t)=>!(n instanceof Date&&b(n,e,"d")>0||t instanceof Date&&b(e,t,"d")>0),ye={modelValue:{type:String,default:""},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},size:{type:String,default:"md"},validateEvent:{type:Boolean,default:!0},prefix:{type:String,default:""},suffix:{type:String,default:""},showPassword:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1}},H=Symbol("dFormItem");function Y(e,n,t){let o=e;return n&&(o+=`__${n}`),t&&(o+=`--${t}`),o}function P(e,n=!1){const t=n?`.devui-${e}`:`devui-${e}`;return{b:()=>Y(t),e:l=>l?Y(t,l):"",m:l=>l?Y(t,"",l):"",em:(l,i)=>l&&i?Y(t,l,i):""}}function Ne(e,n){const t=a.inject(H,void 0),o=a.computed(()=>(t==null?void 0:t.validateState)==="error"),s=P("input"),r=P("input-slot"),c=a.ref(!1),{error:l,size:i,disabled:y}=a.toRefs(e),f=n.slots,M=n.attrs,{style:d,class:w}=M,p=ce(M,["style","class"]),u={style:d},E=a.computed(()=>({[s.e("wrapper")]:!0,[s.m("focus")]:c.value,[s.m("disabled")]:y.value,[s.m("error")]:l.value||o.value,[s.m("feedback")]:t==null?void 0:t.showFeedback})),I=a.computed(()=>[{[s.b()]:!0,[s.m(i.value)]:!0,[r.b()]:f.prepend||f.append,[s.m("append")]:f.append,[s.m("prepend")]:f.prepend},w]);return{isFocus:c,wrapClasses:E,inputClasses:I,customStyle:u,otherAttrs:p}}function pe(e,n,t){const o=a.inject(H,void 0);return{onFocus:f=>{e.value=!0,t.emit("focus",f)},onBlur:f=>{e.value=!1,t.emit("blur",f),n.validateEvent&&(o==null||o.validate("blur").catch(d=>console.warn(d)))},onInput:f=>{t.emit("update:modelValue",f.target.value)},onChange:f=>{t.emit("change",f.target.value)},onKeydown:f=>{t.emit("keydown",f)},onClear:()=>{t.emit("update:modelValue",""),t.emit("clear")}}}function we(e){const n=a.computed(()=>e.value);return{select:()=>{var r;(r=n.value)==null||r.select()},focus:()=>{var r;(r=n.value)==null||r.focus()},blur:()=>{var r;(r=n.value)==null||r.blur()}}}var He="";function Ve(e){return/^((http|https):)?\/\//.test(e)}const De={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"}},Me={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};var je="",Se=a.defineComponent({name:"DSvgIcon",props:Me,setup(e){const{name:n,color:t,size:o}=a.toRefs(e),s=P("svg-icon"),r=a.computed(()=>`#icon-${n.value}`),c=a.computed(()=>typeof o.value=="number"?`${o.value}px`:o.value),l={width:c.value,height:c.value};return()=>a.createVNode("svg",{class:s.b(),style:l},[a.createVNode("use",{"xlink:href":r.value,fill:t.value},null)])}}),$=a.defineComponent({name:"DIcon",props:De,setup(e,{attrs:n}){const{component:t,name:o,size:s,color:r,classPrefix:c}=a.toRefs(e),l=t.value?a.resolveDynamicComponent(t.value):a.resolveDynamicComponent(Se),i=a.computed(()=>typeof s.value=="number"?`${s.value}px`:s.value),y=()=>a.createVNode(l,a.mergeProps({name:o.value,color:r.value,size:i.value},n),null),f=()=>a.createVNode("img",a.mergeProps({src:o.value,alt:o.value.split("/")[o.value.split("/").length-1],style:{width:i.value||""}},n),null),d=()=>{const w=/^icon-/.test(o.value)?o.value:`${c.value}-${o.value}`;return a.createVNode("i",a.mergeProps({class:[c.value,w],style:{fontSize:i.value,color:r.value}},n),null)};return()=>t.value?y():Ve(o.value)?f():d()}}),be=a.defineComponent({name:"DInput",inheritAttrs:!1,props:ye,emits:["update:modelValue","focus","blur","input","change","keydown","clear"],setup(e,n){const t=a.inject(H,void 0),{modelValue:o,disabled:s}=a.toRefs(e),r=P("input"),c=P("input-slot"),{isFocus:l,wrapClasses:i,inputClasses:y,customStyle:f,otherAttrs:d}=Ne(e,n),{onFocus:w,onBlur:p,onInput:u,onChange:E,onKeydown:I,onClear:M}=pe(l,e,n),m=a.shallowRef(),{select:V,focus:v,blur:Ye}=we(m),z=a.ref(!1),Te=()=>{z.value=!z.value,v()},Be=n.slots.prefix||e.prefix,_e=n.slots.suffix||e.suffix||e.showPassword||e.clearable,ze=a.computed(()=>e.showPassword&&!e.disabled),Re=a.computed(()=>e.clearable&&!e.disabled);return a.watch(()=>e.modelValue,()=>{e.validateEvent&&(t==null||t.validate("change").catch(R=>console.warn(R)))}),n.expose({select:V,focus:v,blur:Ye}),()=>{var R,ee,te,ne,ae,oe,re,se;return a.createVNode("div",a.mergeProps({class:y.value},f),[n.slots.prepend&&a.createVNode("div",{class:c.e("prepend")},[(ee=(R=n.slots).prepend)==null?void 0:ee.call(R)]),a.createVNode("div",{class:i.value},[Be&&a.createVNode("span",{class:c.e("prefix")},[n.slots.prefix&&a.createVNode("div",null,[(ne=(te=n.slots).prefix)==null?void 0:ne.call(te)]),e.prefix&&a.createVNode($,{size:e.size,name:e.prefix},null)]),a.createVNode("input",a.mergeProps({ref:m,value:o.value,disabled:s.value,class:r.e("inner")},d,{type:e.showPassword?z.value?"text":"password":"text",onInput:u,onFocus:w,onBlur:p,onChange:E,onKeydown:I}),null),_e&&a.createVNode("span",{class:c.e("suffix")},[e.suffix&&a.createVNode($,{size:e.size,name:e.suffix},null),n.slots.suffix&&a.createVNode("div",null,[(oe=(ae=n.slots).suffix)==null?void 0:oe.call(ae)]),ze.value&&a.createVNode($,{size:e.size,class:r.em("password","icon"),name:z.value?"preview":"preview-forbidden",onClick:Te},null),Re.value&&a.createVNode($,{size:e.size,class:r.em("clear","icon"),name:"close",onClick:M},null)])]),n.slots.append&&a.createVNode("div",{class:c.e("append")},[(se=(re=n.slots).append)==null?void 0:se.call(re)])])}}});const T=(e,n,t,o)=>{switch(n){case 0:const s=new Date(o);s.setFullYear(s.getFullYear()-1),t===0?e.current=s:e.next=s;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 c=new Date(o);c.setMonth(c.getMonth()+1),t===0?e.current=c:e.next=c;break;case 3:const l=new Date(o);l.setFullYear(l.getFullYear()+1),t===0?e.current=l:e.next=l;break}},K=(e,n)=>{const{format:t="y/MM/dd",range:o,rangeSpliter:s="-"}=n||{};if(o){if(e.start){if(!e.end)return F(t,e.start)}else return"";if(e.end<e.start){const r=e.end;e.end=e.start,e.start=r}return ie(t,e.start,e.end,s)}else return e.start?F(t,e.start):""},B=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(),xe=(e,n,t="cell")=>{if(O(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 s=e.dateEnd||e.dateHover;if(s){const r=s>e.dateStart?[e.dateStart,s]:[s,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},ve=(e,n)=>{!O(n.date,e.dateMin,e.dateMax)||(e.type==="range"?e.dateStart?e.dateEnd?S(e.onReset,n.date):A(e.dateStart,n.date)!==0&&(S(e.onSelectEnd,n.date),typeof e.onChange=="function"&&e.onChange(e.type,e)):S(e.onSelectStart,n.date):(S(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&&A(n.date,t)<0)&&!(o&&A(o,n.date)<0)&&e.type==="range"){const s=x(n.date);if(!e.dateStart||x(e.dateStart)===s||e.dateEnd)return;S(e.onSelecting,n.date)}},J=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)])])},Q=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 Ue="";const _=e=>{const{button:n,disabled:t=!1,rotate:o=0,date:s,pos:r}=e,c=t?"#cfd0d3":"#585d6b",l=`${t?"disabled":""}`,i=t?void 0:()=>S(e.cb,s,r);return a.createVNode("a",{class:l,onClick:i},[a.createVNode(n,{color:c,rotate:o},null)])},Pe=e=>{const{date:n}=e;return a.createVNode("a",{class:"title"},[`${n.getFullYear()}\u5E74${(n.getMonth()+1+"").padStart(2,"0")}\u6708`])},$e=e=>{const{type:n,current:t,compare:o,pos:s,dateMax:r,dateMin:c,onPreviousYear:l,onPreviousMonth:i,onNextMonth:y,onNextYear:f}=e,d=[!1,!1,!1,!1];return n==="range"?s===1?(d[0]=!N(o,t,"year",1),d[1]=!N(o,t,"month",1),d[2]=!N(t,r,"month",0),d[3]=!N(t,r,"year",0)):(d[0]=!N(c,t,"year",0),d[1]=!N(c,t,"month",0),d[2]=!N(t,o,"month",1),d[3]=!N(t,o,"year",1)):(d[0]=!N(c,t,"year",0),d[1]=!N(c,t,"month",0),d[2]=!N(t,r,"month",0),d[3]=!N(t,r,"year",0)),a.createVNode("div",{class:"devui-calendar-toolbar"},[a.createVNode(_,{disabled:d[0],date:t,pos:s,button:J,cb:l},null),a.createVNode(_,{disabled:d[1],date:t,pos:s,button:Q,rotate:-90,cb:i},null),a.createVNode(Pe,{date:t},null),a.createVNode(_,{disabled:d[2],date:t,pos:s,button:Q,rotate:90,cb:y},null),a.createVNode(_,{disabled:d[3],date:t,pos:s,button:J,rotate:180,cb:f},null)])},ke=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 Xe="";const j=e=>{const n=new Date;return a.createVNode("div",{class:"devui-calendar-panel"},[a.createVNode($e,{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"},[me.map(t=>a.createVNode("li",{class:"cell"},[t]))]),a.createVNode("ul",{class:"body"},[fe(e.current).map(t=>a.createVNode("li",{class:"row"},[t.map(o=>a.createVNode("span",{class:xe(e,o),onClick:()=>ve(e,o),onMouseenter:()=>Ce(e,o)},[o.date.getDate()]))]))]),e.type!=="range"?a.createVNode(ke,{disabled:!O(n,e.dateMin,e.dateMax),onSelected:t=>{typeof e.onToday=="function"&&e.onToday(t,0)}},null):null])};var qe="";const U=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:s="",itemClassNormal:r="",itemClassSelected:c="selected",onChange:l}=e||{};let i=0,y=0;const f=a.ref(),d=a.ref();let w=null,p=null;const u=a.reactive({selectedIndex:t,barOpacity:0,x:0,y:0,transition:"none"}),E=m=>{m.stopPropagation(),m.preventDefault(),w=[m.clientX,m.clientY],u.transition="none"},I=m=>{m.stopPropagation(),m.preventDefault(),!(!w||!p)&&(u.x=p[0]+m.clientX-w[0],u.y=Math.min(i,Math.max(y,p[1]+m.clientY-w[1])),u.selectedIndex=(i-u.y+o/2)/o>>0)},M=m=>{if(m.stopPropagation(),m.preventDefault(),w=null,u.y=i-u.selectedIndex*o,u.transition="transform 0.1s",p[0]=u.x,p[1]=u.y,typeof l=="function"){const V=u.selectedIndex,v=n[V];l(v,V)}};return a.onMounted(()=>{const{height:m}=f.value.getBoundingClientRect(),{height:V}=d.value.getBoundingClientRect();i=(m-o)/2,y=(m+o)/2-V,p=[0,i-u.selectedIndex*o],u.x=p[0],u.y=p[1],u.barOpacity=1,u.transition="transform 0.1s"}),()=>a.createVNode("div",{ref:f,class:`devui-vertical-slider ${s}`},[a.createVNode("div",{ref:d,class:"movable-bar",style:{opacity:u.barOpacity,transform:`translateY(${u.y}px)`,transition:u.transition}},[n.map((m,V)=>{const v=V===u.selectedIndex?c:r;return a.createVNode("span",{class:`slider-item ${v}`,style:{height:`${o}px`,lineHeight:`${o}px`}},[m])})]),a.createVNode("div",{class:"slider-mask",onMousedown:E,onMousemove:I,onMouseup:M,onMouseout:M},null)])}});var We="";const X=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,c)=>`${c}`.padStart(2,"0")),s=Array(60).fill(0).map((r,c)=>`${c}`.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(U,{items:o,selectedIndex:t.hour,onChange:(r,c)=>t.hour=c},null),a.createVNode(U,{items:s,selectedIndex:t.minute,onChange:(r,c)=>t.minute=c},null),a.createVNode(U,{items:s,selectedIndex:t.second,onChange:(r,c)=>t.second=c},null)])])}});var Ze="";const Ee=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(j,a.mergeProps(e,{pos:0,current:t,compare:o}),null),n?a.createVNode(X,{time:t},null):null,a.createVNode(j,a.mergeProps(e,{pos:1,current:o,compare:t}),null),n?a.createVNode(X,{time:o},null):null])}else return a.createVNode("div",{class:"devui-calendar-container"},[a.createVNode(j,a.mergeProps(e,{pos:0,current:t}),null),n?a.createVNode(X,{time:t},null):null])};var Ge="";const Ie=e=>{const[n,t]=[e.start,e.end].sort((o,s)=>o.getTime()-s.getTime());e.start=n,e.end=t,b(n,t,"m")!==0?(e.current=n,e.next=t):(b(n,e.current)<0&&(e.current=n),b(e.next,t)<0&&(e.next=t))};var k=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=L(e.dateMin)||new Date,s=new Date(o.getFullYear(),o.getMonth()+1,1),r=a.reactive({show:!1,value:"",placeholder:B(e),current:o,next:s});r.value=K(r,e),r.placeholder=B(e);const c=l=>{l.stopPropagation(),!(W(l.target,n.value)||W(l.target,t.value))&&(r.show=!1)};return a.onMounted(()=>{document.addEventListener("click",c)}),a.onUnmounted(()=>{document.removeEventListener("click",c)}),()=>a.createVNode("div",{class:"devui-datepicker-container"},[a.createVNode("div",{class:"input-container",ref:t},[a.createVNode(be,{ref:t,class:"datepicker-input",modelValue:r.value,placeholder:r.placeholder,onFocus:()=>r.show=!0},null),a.createVNode($,{size:"small",name:"calendar",class:"datepicker-input-icon"},null)]),a.createVNode("div",{class:"devui-datepicker-panel",ref:n},[r.show?a.createVNode(Ee,{type:e.range?"range":"select",showTime:e.showTime,current:r.current,next:r.next,dateMin:L(e.dateMin),dateMax:L(e.dateMax),dateStart:r.start,dateEnd:r.end,dateHover:r.hover,onReset:l=>{r.end=r.hover=void 0,r.start=l},onChange:()=>{r.value=K(r,e),r.placeholder=B(e),Z(e.selectedDateChange,r.value),e.autoClose&&(r.show=!1)},onToday:l=>{r.current=l,r.start=l,r.value=K(r,e),r.placeholder=B(e),Z(e.selectedDateChange,r.value),e.autoClose&&(r.show=!1)},onSelected:l=>{r.start=l,b(r.current,l)!==0&&(r.current=l)},onSelectStart:l=>r.start=l,onSelectEnd:l=>{r.end=l,Ie(r)},onSelecting:l=>r.hover=l,onPreviousYear:(l,i)=>T(r,0,i,l),onPreviousMonth:(l,i)=>T(r,1,i,l),onNextMonth:(l,i)=>T(r,2,i,l),onNextYear:(l,i)=>T(r,3,i,l)},null):null])])}}),Je="";const q=a.defineComponent({name:"DStickSlider",props:{},setup(){const e=a.reactive({showButtons:!1,selectedIndex:0}),n=()=>{e.showButtons=!1},t=s=>{s.stopPropagation(),e.showButtons=!0},o=s=>{s.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((s,r)=>a.createVNode("div",{class:`button ${r===e.selectedIndex?"selected":""}`,onMouseenter:()=>e.selectedIndex=r},[r]))]),a.createVNode("div",{class:"main-button"},null)])}});k.install=function(e){e.component(k.name,k),e.component(q.name,q)};var Fe={title:"DatePicker \u65E5\u671F\u9009\u62E9\u5668",category:"\u6570\u636E\u5F55\u5165",status:"50%",install(e){e.use(k)}};g.DatePicker=k,g.StickSlider=q,g.default=Fe,Object.defineProperty(g,"__esModule",{value:!0}),g[Symbol.toStringTag]="Module"});