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

package/checkbox/index.es.js

@@ -18,13 +18,12 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, inject, computed, createVNode, mergeProps, toRef, provide } from "vue";
-var checkbox = "";
 const commonProps = {
   name: {
     type: String,
     default: void 0
   },
-  halfchecked: {
+  halfChecked: {
     type: Boolean,
     default: false
   },
@@ -53,10 +52,6 @@ const commonProps = {
   }
 };
 const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
-  halfchecked: {
-    type: Boolean,
-    default: false
-  },
   checked: {
     type: Boolean,
     default: false
@@ -68,10 +63,6 @@ const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
     type: String,
     default: void 0
   },
-  title: {
-    type: String,
-    default: void 0
-  },
   "onUpdate:checked": {
     type: Function,
     default: void 0
@@ -114,12 +105,37 @@ const checkboxGroupProps = __spreadProps(__spreadValues({}, commonProps), {
   }
 });
 const checkboxGroupInjectionKey = Symbol("d-checkbox-group");
+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
+  };
+}
+var checkbox = "";
 var Checkbox = defineComponent({
   name: "DCheckbox",
   props: checkboxProps,
   emits: ["change", "update:checked", "update:modelValue"],
   setup(props, ctx) {
     const checkboxGroupConf = inject(checkboxGroupInjectionKey, null);
+    const ns = useNamespace("checkbox");
     const isChecked = computed(() => props.checked || props.modelValue);
     const mergedDisabled = computed(() => {
       return (checkboxGroupConf == null ? void 0 : checkboxGroupConf.disabled.value) || props.disabled;
@@ -175,7 +191,8 @@ var Checkbox = defineComponent({
       mergedIsShowTitle,
       mergedChecked,
       mergedShowAnimation,
-      handleClick
+      handleClick,
+      ns
     };
   },
   render() {
@@ -187,44 +204,45 @@ var Checkbox = defineComponent({
       mergedDisabled,
       mergedIsShowTitle,
       mergedShowAnimation,
-      halfchecked,
+      halfChecked,
       title,
       label,
       handleClick,
       name,
       value,
       mergedColor,
+      ns,
       $slots
     } = this;
     const wrapperCls = {
-      "devui-checkbox-column-margin": direction === "column",
-      "devui-checkbox-wrap": typeof itemWidth !== "undefined"
+      [ns.e("column-margin")]: direction === "column",
+      [ns.e("wrap")]: typeof itemWidth !== "undefined"
     };
     const wrapperStyle = itemWidth ? [`width: ${itemWidth}px`] : [];
     const checkboxCls = {
-      "devui-checkbox": true,
+      [ns.b()]: true,
       active: mergedChecked,
-      halfchecked,
+      "half-checked": halfChecked,
       disabled: mergedDisabled,
       unchecked: !mergedChecked
     };
     const labelTitle = mergedIsShowTitle ? title || label : "";
-    const bgImgStyle = mergedColor && halfchecked || mergedColor ? `linear-gradient(${mergedColor}, ${mergedColor})` : "";
-    const spanStyle = [`border-color:${(mergedChecked || halfchecked) && mergedColor ? mergedColor : ""}`, `background-image:${bgImgStyle}`, `background-color:${mergedColor && halfchecked ? mergedColor : ""}`];
+    const bgImgStyle = mergedColor && halfChecked || mergedColor ? `linear-gradient(${mergedColor}, ${mergedColor})` : "";
+    const spanStyle = [`border-color:${(mergedChecked || halfChecked) && mergedColor ? mergedColor : ""}`, `background-image:${bgImgStyle}`, `background-color:${mergedColor && halfChecked ? mergedColor : ""}`];
     const spanCls = {
-      "devui-checkbox-material": true,
+      [ns.e("material")]: true,
       "custom-color": mergedColor,
-      "devui-checkbox-no-label": !label && !$slots.default,
-      "devui-no-animation": !mergedShowAnimation,
-      "devui-checkbox-default-background": !halfchecked
+      [ns.m("no-label")]: !label && !$slots.default,
+      [ns.m("no-animation")]: !mergedShowAnimation,
+      [ns.e("default-background")]: !halfChecked
     };
     const polygonCls = {
-      "devui-tick": true,
-      "devui-no-animation": !mergedShowAnimation
+      [ns.e("tick")]: true,
+      [ns.m("no-animation")]: !mergedShowAnimation
     };
     const stopPropagation = ($event) => $event.stopPropagation();
     const inputProps = {
-      indeterminate: halfchecked
+      indeterminate: halfChecked
     };
     return createVNode("div", {
       "class": wrapperCls,
@@ -236,7 +254,7 @@ var Checkbox = defineComponent({
       "onClick": handleClick
     }, [createVNode("input", mergeProps({
       "name": name || value,
-      "class": "devui-checkbox-input",
+      "class": ns.e("input"),
       "type": "checkbox"
     }, inputProps, {
       "checked": mergedChecked,
@@ -247,12 +265,12 @@ var Checkbox = defineComponent({
       "style": spanStyle,
       "class": spanCls
     }, [createVNode("span", {
-      "class": "devui-checkbox-halfchecked-bg"
+      "class": ns.e("halfchecked-bg")
     }, null), createVNode("svg", {
       "viewBox": "0 0 16 16",
       "version": "1.1",
       "xmlns": "http://www.w3.org/2000/svg",
-      "class": "devui-checkbox-tick"
+      "class": ns.e("tick-wrap")
     }, [createVNode("g", {
       "stroke": "none",
       "stroke-width": "1",
@@ -275,7 +293,7 @@ var CheckboxGroup = defineComponent({
     const defaultOpt = {
       checked: false,
       isShowTitle: true,
-      halfchecked: false,
+      halfChecked: false,
       showAnimation: true,
       disabled: false
     };
@@ -368,4 +386,4 @@ var index = {
     app.component(CheckboxGroup.name, CheckboxGroup);
   }
 };
-export { Checkbox, checkboxGroupInjectionKey, checkboxGroupProps, checkboxProps, index as default };
+export { Checkbox, CheckboxGroup, checkboxGroupInjectionKey, checkboxGroupProps, checkboxProps, index as default };

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=(o,t,u)=>t in o?q(o,t,{enumerable:!0,configurable:!0,writable:!0,value:u}):o[t]=u,S=(o,t)=>{for(var u in t||(t={}))_.call(t,u)&&F(o,u,t[u]);if(x)for(var u of x(t))z.call(t,u)&&F(o,u,t[u]);return o},C=(o,t)=>K(o,M(t));(function(o,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(o=typeof globalThis!="undefined"?globalThis:o||self,t(o.index={},o.Vue))})(this,function(o,t){"use strict";var u="";const P={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}},T=C(S({},P),{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}}),j=C(S({},P),{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:T,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}),l=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:l,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:l,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:l,disabled:c,unchecked:!e},V=m?d||r:"",v=s&&l||s?`linear-gradient(${s}, ${s})`:"",R=[`border-color:${(e||l)&&s?s:""}`,`background-image:${v}`,`background-color:${s&&l?s:""}`],W={"devui-checkbox-material":!0,"custom-color":s,"devui-checkbox-no-label":!r&&!p.default,"devui-no-animation":!h,"devui-checkbox-default-background":!l},D={"devui-tick":!0,"devui-no-animation":!h},I=U=>U.stopPropagation(),$={indeterminate:l};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="",A=t.defineComponent({name:"DCheckboxGroup",props:j,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=l=>{let d=-1;if(typeof e.value[0]=="string"?d=e.value.findIndex(r=>r===l):typeof e.value[0]=="object"&&(d=e.value.findIndex(r=>r.value===l)),d===-1){if(typeof n.options[0]=="object"){const b=n.options.find(y=>y.value===l),f=[...e.value,b];a.emit("update:modelValue",f),a.emit("change",f);return}const r=[...e.value,l];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=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(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(l=>{let d=null;return typeof l=="string"?d=Object.assign({},e,{label:l,value:l}):typeof l=="object"&&(d=Object.assign({},e,C(S({},l),{label:l.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(A.name,A)}};o.Checkbox=k,o.checkboxGroupInjectionKey=N,o.checkboxGroupProps=j,o.checkboxProps=T,o.default=O,Object.defineProperty(o,"__esModule",{value:!0}),o[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,179 +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 = "";
-const formItemInjectionKey = Symbol("dFormItem");
-const dFormItemEvents = {
-  blur: "d.form.blur",
-  change: "d.form.change",
-  input: "d.form.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 formItem = inject(formItemInjectionKey, {});
-    const hasFormItem = Object.keys(formItem).length > 0;
-    const sizeCls = computed(() => `devui-input-${props.size}`);
-    const showPwdIcon = ref(false);
-    const inputType = ref("text");
-    const inputCls = computed(() => {
-      return {
-        error: props.error,
-        [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
-    });
-    const onInput = ($event) => {
-      ctx.emit("update:modelValue", $event.target.value);
-      hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.input);
-    }, onFocus = () => {
-      ctx.emit("focus");
-    }, onBlur = () => {
-      ctx.emit("blur");
-      hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.blur);
-    }, onChange = ($event) => {
-      ctx.emit("change", $event.target.value);
-      hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.change);
-    }, 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(h,o){typeof exports=="object"&&typeof module!="undefined"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(h=typeof globalThis!="undefined"?globalThis:h||self,o(h.index={},h.Vue))})(this,function(h,o){"use strict";const X=e=>{const n=e.getFullYear(),t=e.getMonth()+1,a=e.getDate(),l=e.getDay(),r=e.getHours(),c=e.getMinutes(),s=e.getSeconds(),i=e.getMilliseconds();return[n,t,a,l,r,c,s,i]},C=(e,n,t=2,a="0")=>(e+"").padStart(Math.min(n.length,t),a),I=(e,n)=>{const t=X(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=>C(t[1],l)),a=a.replace(/d+/g,l=>C(t[2],l)),a=a.replace(/h+/g,l=>C(t[4],l)),a=a.replace(/m+/g,l=>C(t[5],l)),a=a.replace(/s+/g,l=>C(t[6],l)),a},q=(e,n,t,a="-")=>{const l=[n,t];return n.getTime()>t.getTime()&&l.reverse(),`${I(e,l[0])} ${a} ${I(e,l[1])}`},R=(e,n)=>{if(!n)return!1;for(;e;){if(e===n)return!0;e=e.parentNode}return!1},H=(e,...n)=>{typeof e=="function"&&e(...n)},W=e=>{const n=e.getFullYear(),t=e.getMonth()+1,a=e.getDate(),l=e.getDay(),r=e.getHours(),c=e.getMinutes(),s=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:c,m:c,second:s,s,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 s=0;s<=r;s++){const i=new Date(t);i.setDate(s+1),l.push({date:i,current:0})}r=a.getDay();let c=a;for(let s=r;s<6;s++)c=new Date(e,n,s-r+1),l.push({date:c,current:1});if(l.length<42){r=c.getDate();for(let s=1;s<=7;s++)c=new Date(e,n,r+s),l.push({date:c,current:1})}return l},Z=(e=new Date)=>{e instanceof Date||(e=new Date);const{year:n,month:t}=W(e),a=G(n,t),l=[];for(;a.length>0;)l.push(a.splice(0,7));return l},J=["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],D=(e,...n)=>{typeof e=="function"&&e(...n)},Q=(e,n)=>{const t=e.getFullYear()*12+e.getMonth(),a=n.getFullYear()*12+n.getMonth();return t-a},P=(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},m=(e,n,t,a)=>!e||!n?!0:t==="year"?n.getFullYear()-e.getFullYear()>a:Q(n,e)>a,$=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]+/),c=N(a),s=N(l),i=N(r)||1;if(!c||!s)return null;const y=ee(t);return new Date(c,s-1,i,...y)},N=(e,n)=>{if(!e||typeof e!="string")return n;const t=parseInt(e);return isNaN(t)?n:t},ee=e=>{const[n,t,a,l]=e.split(/[\:\.]+/);return[N(n,0),N(t,0),N(a,0),N(l,0)]},x=(e,n,t="d")=>{const a=K(e,t),l=K(n,t);return a<l?-1:a>l?1:0},K=(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&&x(n,e,"d")>0||t instanceof Date&&x(e,t,"d")>0),te={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}};var we="";const ne=Symbol("dFormItem"),Y={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var ae=o.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,n){n.value&&e.focus()}}},props:te,emits:["update:modelValue","focus","blur","change","keydown"],setup(e,n){const t=o.inject(ne,{}),a=Object.keys(t).length>0,l=o.computed(()=>`devui-input-${e.size}`),r=o.ref(!1),c=o.ref("text"),s=o.computed(()=>({error:e.error,[e.cssClass]:!0,"devui-input-restore":r.value,[l.value]:e.size!==""})),i=o.computed(()=>c.value==="password");return o.watch(()=>e.showPassword,w=>{c.value=w?"password":"text",r.value=e.showPassword},{immediate:!0}),{inputCls:s,inputType:c,showPreviewIcon:i,showPwdIcon:r,onInput:w=>{n.emit("update:modelValue",w.target.value),a&&t.formItemMitt.emit(Y.input)},onFocus:()=>{n.emit("focus")},onBlur:()=>{n.emit("blur"),a&&t.formItemMitt.emit(Y.blur)},onChange:w=>{n.emit("change",w.target.value),a&&t.formItemMitt.emit(Y.change)},onKeydown:w=>{n.emit("keydown",w)},onChangeInputType:()=>{c.value=c.value==="password"?"text":"password"}}},render(){const{modelValue:e,showPreviewIcon:n,showPwdIcon:t,inputCls:a,inputType:l,maxLength:r,autoFocus:c,placeholder:s,disabled:i,onInput:y,onFocus:p,onBlur:u,onChange:M,onKeydown:g,onChangeInputType:d}=this;return o.createVNode("div",{class:"devui-input__wrap"},[o.withDirectives(o.createVNode("input",o.mergeProps({dinput:!0},{value:e,disabled:i,type:l,maxlength:r,placeholder:s,class:a,onInput:y,onFocus:p,onBlur:u,onChange:M,onKeydown:g}),null),[[o.resolveDirective("focus"),c]]),t&&o.createVNode("div",{class:"devui-input__preview",onClick:d},[n?o.createVNode(o.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:1},null):o.createVNode(o.resolveComponent("d-icon"),{name:"preview",size:"12px",key:2},null)])])}});const oe={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var re=o.defineComponent({name:"DIcon",props:oe,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 c=new Date(a);c.setMonth(c.getMonth()+1),t===0?e.current=c:e.next=c;break;case 3:const s=new Date(a);s.setFullYear(s.getFullYear()+1),t===0?e.current=s:e.next=s;break}},E=(e,n)=>{const{format:t="y/MM/dd",range:a,rangeSpliter:l="-"}=n||{};if(a){if(e.start){if(!e.end)return I(t,e.start)}else return"";if(e.end<e.start){const r=e.end;e.end=e.start,e.start=r}return q(t,e.start,e.end,l)}else return e.start?I(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(),le=(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},se=(e,n)=>{!T(n.date,e.dateMin,e.dateMax)||(e.type==="range"?e.dateStart?e.dateEnd?D(e.onReset,n.date):P(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:a}=e;if(!(t&&P(n.date,t)<0)&&!(a&&P(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)}},O=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)])])},j=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 Me="";const F=e=>{const{button:n,disabled:t=!1,rotate:a=0,date:l,pos:r}=e,c=t?"#cfd0d3":"#585d6b",s=`${t?"disabled":""}`,i=t?void 0:()=>D(e.cb,l,r);return o.createVNode("a",{class:s,onClick:i},[o.createVNode(n,{color:c,rotate:a},null)])},ie=e=>{const{date:n}=e;return o.createVNode("a",{class:"title"},[`${n.getFullYear()}\u5E74${(n.getMonth()+1+"").padStart(2,"0")}\u6708`])},de=e=>{const{type:n,current:t,compare:a,pos:l,dateMax:r,dateMin:c,onPreviousYear:s,onPreviousMonth:i,onNextMonth:y,onNextYear:p}=e,u=[!1,!1,!1,!1];return n==="range"?l===1?(u[0]=!m(a,t,"year",1),u[1]=!m(a,t,"month",1),u[2]=!m(t,r,"month",0),u[3]=!m(t,r,"year",0)):(u[0]=!m(c,t,"year",0),u[1]=!m(c,t,"month",0),u[2]=!m(t,a,"month",1),u[3]=!m(t,a,"year",1)):(u[0]=!m(c,t,"year",0),u[1]=!m(c,t,"month",0),u[2]=!m(t,r,"month",0),u[3]=!m(t,r,"year",0)),o.createVNode("div",{class:"devui-calendar-toolbar"},[o.createVNode(F,{disabled:u[0],date:t,pos:l,button:O,cb:s},null),o.createVNode(F,{disabled:u[1],date:t,pos:l,button:j,rotate:-90,cb:i},null),o.createVNode(ie,{date:t},null),o.createVNode(F,{disabled:u[2],date:t,pos:l,button:j,rotate:90,cb:y},null),o.createVNode(F,{disabled:u[3],date:t,pos:l,button:O,rotate:180,cb:p},null)])},ue=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 Ne="";const B=e=>{const n=new Date;return o.createVNode("div",{class:"devui-calendar-panel"},[o.createVNode(de,{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"},[J.map(t=>o.createVNode("li",{class:"cell"},[t]))]),o.createVNode("ul",{class:"body"},[Z(e.current).map(t=>o.createVNode("li",{class:"row"},[t.map(a=>o.createVNode("span",{class:le(e,a),onClick:()=>se(e,a),onMouseenter:()=>ce(e,a)},[a.date.getDate()]))]))]),e.type!=="range"?o.createVNode(ue,{disabled:!T(n,e.dateMin,e.dateMax),onSelected:t=>{typeof e.onToday=="function"&&e.onToday(t,0)}},null):null])};var pe="";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:c="selected",onChange:s}=e||{};let i=0,y=0;const p=o.ref(),u=o.ref();let M=null,g=null;const d=o.reactive({selectedIndex:t,barOpacity:0,x:0,y:0,transition:"none"}),w=f=>{f.stopPropagation(),f.preventDefault(),M=[f.clientX,f.clientY],d.transition="none"},he=f=>{f.stopPropagation(),f.preventDefault(),!(!M||!g)&&(d.x=g[0]+f.clientX-M[0],d.y=Math.min(i,Math.max(y,g[1]+f.clientY-M[1])),d.selectedIndex=(i-d.y+a/2)/a>>0)},U=f=>{if(f.stopPropagation(),f.preventDefault(),M=null,d.y=i-d.selectedIndex*a,d.transition="transform 0.1s",g[0]=d.x,g[1]=d.y,typeof s=="function"){const V=d.selectedIndex,L=n[V];s(L,V)}};return o.onMounted(()=>{const{height:f}=p.value.getBoundingClientRect(),{height:V}=u.value.getBoundingClientRect();i=(f-a)/2,y=(f+a)/2-V,g=[0,i-d.selectedIndex*a],d.x=g[0],d.y=g[1],d.barOpacity=1,d.transition="transform 0.1s"}),()=>o.createVNode("div",{ref:p,class:`devui-vertical-slider ${l}`},[o.createVNode("div",{ref:u,class:"movable-bar",style:{opacity:d.barOpacity,transform:`translateY(${d.y}px)`,transition:d.transition}},[n.map((f,V)=>{const L=V===d.selectedIndex?c:r;return o.createVNode("span",{class:`slider-item ${L}`,style:{height:`${a}px`,lineHeight:`${a}px`}},[f])})]),o.createVNode("div",{class:"slider-mask",onMousedown:w,onMousemove:he,onMouseup:U,onMouseout:U},null)])}});var De="";const z=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,c)=>`${c}`.padStart(2,"0")),l=Array(60).fill(0).map((r,c)=>`${c}`.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,c)=>t.hour=c},null),o.createVNode(_,{items:l,selectedIndex:t.minute,onChange:(r,c)=>t.minute=c},null),o.createVNode(_,{items:l,selectedIndex:t.second,onChange:(r,c)=>t.second=c},null)])])}});var xe="";const fe=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(z,{time:t},null):null,o.createVNode(B,o.mergeProps(e,{pos:1,current:a,compare:t}),null),n?o.createVNode(z,{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(z,{time:t},null):null])};var Se="";const me=e=>{const[n,t]=[e.start,e.end].sort((a,l)=>a.getTime()-l.getTime());e.start=n,e.end=t,x(n,t,"m")!==0?(e.current=n,e.next=t):(x(n,e.current)<0&&(e.current=n),x(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=$(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=E(r,e),r.placeholder=v(e);const c=s=>{s.stopPropagation(),!(R(s.target,n.value)||R(s.target,t.value))&&(r.show=!1)};return o.onMounted(()=>{document.addEventListener("click",c)}),o.onUnmounted(()=>{document.removeEventListener("click",c)}),()=>o.createVNode("div",{class:"devui-datepicker-container"},[o.createVNode("div",{class:"input-container",ref:t},[o.createVNode(ae,{ref:t,class:"datepicker-input",modelValue:r.value,placeholder:r.placeholder,onFocus:()=>r.show=!0},null),o.createVNode(re,{size:"small",name:"calendar",class:"datepicker-input-icon"},null)]),o.createVNode("div",{class:"devui-datepicker-panel",ref:n},[r.show?o.createVNode(fe,{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:s=>{r.end=r.hover=void 0,r.start=s},onChange:()=>{r.value=E(r,e),r.placeholder=v(e),H(e.selectedDateChange,r.value),e.autoClose&&(r.show=!1)},onToday:s=>{r.current=s,r.start=s,r.value=E(r,e),r.placeholder=v(e),H(e.selectedDateChange,r.value),e.autoClose&&(r.show=!1)},onSelected:s=>{r.start=s,x(r.current,s)!==0&&(r.current=s)},onSelectStart:s=>r.start=s,onSelectEnd:s=>{r.end=s,me(r)},onSelecting:s=>r.hover=s,onPreviousYear:(s,i)=>k(r,0,i,s),onPreviousMonth:(s,i)=>k(r,1,i,s),onNextMonth:(s,i)=>k(r,2,i,s),onNextYear:(s,i)=>k(r,3,i,s)},null):null])])}}),Ve="";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 ge={title:"DatePicker \u65E5\u671F\u9009\u62E9\u5668",category:"\u6570\u636E\u5F55\u5165",status:"50%",install(e){e.use(b)}};h.DatePicker=b,h.StickSlider=A,h.default=ge,Object.defineProperty(h,"__esModule",{value:!0}),h[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"});