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

package/back-top/index.es.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,7 +16,8 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { defineComponent, createVNode } from "vue";
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { ref, onMounted, computed, defineComponent, createVNode } from "vue";
 const backTopProps = {
   bottom: {
     type: String,
@@ -23,16 +26,64 @@ const backTopProps = {
   right: {
     type: String,
     default: "30px"
+  },
+  target: {
+    type: String,
+    default: "window"
+  },
+  visibleHeight: {
+    type: Number,
+    default: 300
   }
 };
 function usePosition(props) {
   const { bottom, right } = props;
   return {
-    position: "fixed",
     bottom,
     right
   };
 }
+function useTarget(props, backTopRef) {
+  const target = props.target;
+  const getTargetEl = () => {
+    const targetEl = document.querySelector(target);
+    if (!targetEl)
+      throw new Error(`props ${target} is not existed`);
+    targetEl.parentElement.style.position = "relative";
+    backTopRef.value.style.position = "absolute";
+    return targetEl;
+  };
+  const currTarget = target === "window" ? window || document.documentElement || document.body : getTargetEl();
+  return currTarget;
+}
+function useVisibility(props, backTopRef) {
+  const visibleHeight = props.visibleHeight;
+  const currScrollTop = ref(0);
+  const ThrottleCBFn = function() {
+    currScrollTop.value = currTarget === window ? window.pageYOffset : currTarget.scrollTop;
+  };
+  let currTarget = null;
+  onMounted(() => {
+    currTarget = useTarget(props, backTopRef);
+    useEventListener(currTarget, "scroll", useThrottle(ThrottleCBFn, 150));
+  });
+  const isVisible = computed(() => currScrollTop.value >= visibleHeight);
+  return isVisible;
+}
+function useEventListener(target, event, cb) {
+  if (target)
+    target.addEventListener(event, cb);
+}
+function useThrottle(fn, delay) {
+  let last = null;
+  return (...args) => {
+    const now = +Date.now();
+    if (now - last > delay) {
+      last = now;
+      return fn.apply(this, args);
+    }
+  };
+}
 var backTop = "";
 var IconTop = "data:image/svg+xml;base64,PHN2ZyB0PSIxNjM2MjU2NTI0MjUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0NTciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTAgMGgxMDI0djEwMjRIMHoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMCIgcC1pZD0iMzQ1OCI+PC9wYXRoPjxwYXRoIGQ9Ik04NzguOTMzMzMzIDY1OC40MTA2NjdhNDEuNjg1MzMzIDQxLjY4NTMzMyAwIDAgMS01OC45NDQgMC4zMmwtMzA3Ljk2OC0zMDQuNjRMMjA0LjAxMDY2NyA2NTguNzczMzMzYTQxLjY4NTMzMyA0MS42ODUzMzMgMCAwIDEtNTguNTYgMC4wNjQgNDAuNjE4NjY3IDQwLjYxODY2NyAwIDAgMS0wLjA2NC01Ny44MTMzMzNsMzM1LjQyNC0zMzEuNzMzMzMzYTQxLjU3ODY2NyA0MS41Nzg2NjcgMCAwIDEgMzEuMDQtMTIuMDEwNjY3IDQxLjQ5MzMzMyA0MS40OTMzMzMgMCAwIDEgMzEuMzYgMTEuOTg5MzMzbDMzNS40MDI2NjYgMzMxLjczMzMzNGMxNS45MzYgMTUuNzg2NjY3IDE2LjA4NTMzMyA0MS40OTMzMzMgMC4zMiA1Ny40MjkzMzN6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIzNDU5Ij48L3BhdGg+PHBhdGggZD0iTTU1NC42NjY2NjcgMzYyLjY2NjY2N3Y1MzMuMzMzMzMzYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDEtODUuMzMzMzM0IDBWMzYyLjY2NjY2N2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDg1LjMzMzMzNCAwek0xMjggODUuMzMzMzMzaDc2OGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAgODUuMzMzMzM0SDEyOGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAtODUuMzMzMzM0eiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iMzQ2MCI+PC9wYXRoPjwvc3ZnPg==";
 var BackTop = defineComponent({
@@ -40,8 +91,10 @@ var BackTop = defineComponent({
   props: backTopProps,
   emits: [],
   setup(props, ctx) {
-    const position = usePosition(props);
     const slots = ctx.slots;
+    const backTopRef = ref(null);
+    const position = usePosition(props);
+    let isVisible = useVisibility(props, backTopRef);
     const scrollToTop = () => {
       window && window.scrollTo({
         top: 0,
@@ -51,7 +104,10 @@ var BackTop = defineComponent({
     };
     return () => createVNode("div", {
       "class": "devui-back-top",
-      "style": __spreadValues({}, position),
+      "ref": backTopRef,
+      "style": __spreadProps(__spreadValues({}, position), {
+        display: isVisible.value ? "block" : "none"
+      }),
       "onClick": scrollToTop
     }, [createVNode("div", {
       "class": ["devui-back-top-base", slots.default ? "devui-backtop-custom" : "devui-back-top-content"]
@@ -64,7 +120,7 @@ BackTop.install = function(app) {
 var index = {
   title: "BackTop \u56DE\u5230\u9876\u90E8",
   category: "\u5BFC\u822A",
-  status: "10%",
+  status: "60%",
   install(app) {
     app.use(BackTop);
   }

package/back-top/index.umd.js

@@ -1 +1 @@
-var s=Object.defineProperty;var u=Object.getOwnPropertySymbols;var a=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var g=(z,M,e)=>M in z?s(z,M,{enumerable:!0,configurable:!0,writable:!0,value:e}):z[M]=e,I=(z,M)=>{for(var e in M||(M={}))a.call(M,e)&&g(z,e,M[e]);if(u)for(var e of u(M))Y.call(M,e)&&g(z,e,M[e]);return z};(function(z,M){typeof exports=="object"&&typeof module!="undefined"?M(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],M):(z=typeof globalThis!="undefined"?globalThis:z||self,M(z.index={},z.Vue))})(this,function(z,M){"use strict";const e={bottom:{type:String,default:"50px"},right:{type:String,default:"30px"}};function c(t){const{bottom:i,right:o}=t;return{position:"fixed",bottom:i,right:o}}var T="",n="data:image/svg+xml;base64,PHN2ZyB0PSIxNjM2MjU2NTI0MjUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0NTciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTAgMGgxMDI0djEwMjRIMHoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMCIgcC1pZD0iMzQ1OCI+PC9wYXRoPjxwYXRoIGQ9Ik04NzguOTMzMzMzIDY1OC40MTA2NjdhNDEuNjg1MzMzIDQxLjY4NTMzMyAwIDAgMS01OC45NDQgMC4zMmwtMzA3Ljk2OC0zMDQuNjRMMjA0LjAxMDY2NyA2NTguNzczMzMzYTQxLjY4NTMzMyA0MS42ODUzMzMgMCAwIDEtNTguNTYgMC4wNjQgNDAuNjE4NjY3IDQwLjYxODY2NyAwIDAgMS0wLjA2NC01Ny44MTMzMzNsMzM1LjQyNC0zMzEuNzMzMzMzYTQxLjU3ODY2NyA0MS41Nzg2NjcgMCAwIDEgMzEuMDQtMTIuMDEwNjY3IDQxLjQ5MzMzMyA0MS40OTMzMzMgMCAwIDEgMzEuMzYgMTEuOTg5MzMzbDMzNS40MDI2NjYgMzMxLjczMzMzNGMxNS45MzYgMTUuNzg2NjY3IDE2LjA4NTMzMyA0MS40OTMzMzMgMC4zMiA1Ny40MjkzMzN6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIzNDU5Ij48L3BhdGg+PHBhdGggZD0iTTU1NC42NjY2NjcgMzYyLjY2NjY2N3Y1MzMuMzMzMzMzYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDEtODUuMzMzMzM0IDBWMzYyLjY2NjY2N2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDg1LjMzMzMzNCAwek0xMjggODUuMzMzMzMzaDc2OGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAgODUuMzMzMzM0SDEyOGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAtODUuMzMzMzM0eiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iMzQ2MCI+PC9wYXRoPjwvc3ZnPg==",N=M.defineComponent({name:"DBackTop",props:e,emits:[],setup(t,i){const o=c(t),j=i.slots,d=()=>{window&&window.scrollTo({top:0,left:0,behavior:"smooth"})};return()=>M.createVNode("div",{class:"devui-back-top",style:I({},o),onClick:d},[M.createVNode("div",{class:["devui-back-top-base",j.default?"devui-backtop-custom":"devui-back-top-content"]},[j.default?j.default():M.createVNode(n,null,null)])])}});N.install=function(t){t.component(N.name,N)};var D={title:"BackTop \u56DE\u5230\u9876\u90E8",category:"\u5BFC\u822A",status:"10%",install(t){t.use(N)}};z.BackTop=N,z.default=D,Object.defineProperty(z,"__esModule",{value:!0}),z[Symbol.toStringTag]="Module"});
+var m=Object.defineProperty,w=Object.defineProperties;var f=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var g=(e,t,o)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,r=(e,t)=>{for(var o in t||(t={}))y.call(t,o)&&g(e,o,t[o]);if(N)for(var o of N(t))A.call(t,o)&&g(e,o,t[o]);return e},a=(e,t)=>w(e,f(t));(function(e,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(e=typeof globalThis!="undefined"?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){"use strict";const o={bottom:{type:String,default:"50px"},right:{type:String,default:"30px"},target:{type:String,default:"window"},visibleHeight:{type:Number,default:300}};function d(M){const{bottom:n,right:i}=M;return{bottom:n,right:i}}function j(M,n){const i=M.target;return i==="window"?window||document.documentElement||document.body:(()=>{const u=document.querySelector(i);if(!u)throw new Error(`props ${i} is not existed`);return u.parentElement.style.position="relative",n.value.style.position="absolute",u})()}function I(M,n){const i=M.visibleHeight,c=t.ref(0),l=function(){c.value=u===window?window.pageYOffset:u.scrollTop};let u=null;return t.onMounted(()=>{u=j(M,n),D(u,"scroll",T(l,150))}),t.computed(()=>c.value>=i)}function D(M,n,i){M&&M.addEventListener(n,i)}function T(M,n){let i=null;return(...c)=>{const l=+Date.now();if(l-i>n)return i=l,M.apply(this,c)}}var b="",p="data:image/svg+xml;base64,PHN2ZyB0PSIxNjM2MjU2NTI0MjUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0NTciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTAgMGgxMDI0djEwMjRIMHoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMCIgcC1pZD0iMzQ1OCI+PC9wYXRoPjxwYXRoIGQ9Ik04NzguOTMzMzMzIDY1OC40MTA2NjdhNDEuNjg1MzMzIDQxLjY4NTMzMyAwIDAgMS01OC45NDQgMC4zMmwtMzA3Ljk2OC0zMDQuNjRMMjA0LjAxMDY2NyA2NTguNzczMzMzYTQxLjY4NTMzMyA0MS42ODUzMzMgMCAwIDEtNTguNTYgMC4wNjQgNDAuNjE4NjY3IDQwLjYxODY2NyAwIDAgMS0wLjA2NC01Ny44MTMzMzNsMzM1LjQyNC0zMzEuNzMzMzMzYTQxLjU3ODY2NyA0MS41Nzg2NjcgMCAwIDEgMzEuMDQtMTIuMDEwNjY3IDQxLjQ5MzMzMyA0MS40OTMzMzMgMCAwIDEgMzEuMzYgMTEuOTg5MzMzbDMzNS40MDI2NjYgMzMxLjczMzMzNGMxNS45MzYgMTUuNzg2NjY3IDE2LjA4NTMzMyA0MS40OTMzMzMgMC4zMiA1Ny40MjkzMzN6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIzNDU5Ij48L3BhdGg+PHBhdGggZD0iTTU1NC42NjY2NjcgMzYyLjY2NjY2N3Y1MzMuMzMzMzMzYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDEtODUuMzMzMzM0IDBWMzYyLjY2NjY2N2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDg1LjMzMzMzNCAwek0xMjggODUuMzMzMzMzaDc2OGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAgODUuMzMzMzM0SDEyOGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAtODUuMzMzMzM0eiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iMzQ2MCI+PC9wYXRoPjwvc3ZnPg==",s=t.defineComponent({name:"DBackTop",props:o,emits:[],setup(M,n){const i=n.slots,c=t.ref(null),l=d(M);let u=I(M,c);const z=()=>{window&&window.scrollTo({top:0,left:0,behavior:"smooth"})};return()=>t.createVNode("div",{class:"devui-back-top",ref:c,style:a(r({},l),{display:u.value?"block":"none"}),onClick:z},[t.createVNode("div",{class:["devui-back-top-base",i.default?"devui-backtop-custom":"devui-back-top-content"]},[i.default?i.default():t.createVNode(p,null,null)])])}});s.install=function(M){M.component(s.name,s)};var Y={title:"BackTop \u56DE\u5230\u9876\u90E8",category:"\u5BFC\u822A",status:"60%",install(M){M.use(s)}};e.BackTop=s,e.default=Y,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"});

package/back-top/style.css

@@ -1 +1 @@
-.devui-back-top{width:40px;height:40px;cursor:pointer;z-index:9}.devui-back-top .devui-back-top-base{width:40px;height:40px;box-shadow:0 0 8px #0003;border-radius:50%;display:flex;align-items:center;justify-content:center}.devui-back-top .devui-back-top-base:hover{opacity:1}.devui-back-top .devui-back-top-content{opacity:.4;background-color:var(--devui-text-weak, #575d6c)}.devui-back-top .devui-backtop-custom{background-color:#fff}
+.devui-back-top{position:fixed;width:40px;height:40px;cursor:pointer;z-index:9}.devui-back-top .devui-back-top-base{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.devui-back-top .devui-back-top-base:hover{opacity:1}.devui-back-top .devui-back-top-content{opacity:.4;background-color:var(--devui-text-weak, #575d6c);box-shadow:0 0 8px #0003}.devui-back-top .devui-backtop-custom{background-color:#fff}

package/button/index.es.js

@@ -14,7 +14,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { defineComponent, createVNode, Fragment, ref, computed, mergeProps } from "vue";
+import { defineComponent, createVNode, ref, computed, mergeProps } from "vue";
 var Icon = defineComponent({
   name: "DIcon",
   props: {
@@ -45,7 +45,7 @@ var Icon = defineComponent({
       color,
       classPrefix
     } = this;
-    return createVNode(Fragment, null, [/^((https?):)?\/\//.test(name) ? createVNode("img", {
+    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
       "src": name,
       "alt": name.split("/")[name.split("/").length - 1],
       "style": {
@@ -57,7 +57,7 @@ var Icon = defineComponent({
         fontSize: size,
         color
       }
-    }, null)]);
+    }, null);
   }
 });
 Icon.install = function(app) {

package/button/index.umd.js

@@ -1 +1 @@
-var w=Object.defineProperty;var g=Object.getOwnPropertySymbols;var N=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var h=(n,t,o)=>t in n?w(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o,S=(n,t)=>{for(var o in t||(t={}))N.call(t,o)&&h(n,o,t[o]);if(g)for(var o of g(t))P.call(t,o)&&h(n,o,t[o]);return n};(function(n,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(n=typeof globalThis!="undefined"?globalThis:n||self,t(n.index={},n.Vue))})(this,function(n,t){"use strict";var o=t.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(e){return S({},e)},render(){const{name:e,size:l,color:f,classPrefix:r}=this;return t.createVNode(t.Fragment,null,[/^((https?):)?\/\//.test(e)?t.createVNode("img",{src:e,alt:e.split("/")[e.split("/").length-1],style:{width:l}},null):t.createVNode("i",{class:`${r} ${r}-${e}`,style:{fontSize:l,color:f}},null)])}});o.install=function(e){e.component(o.name,o)};const y={type:{type:String,default:"button"},btnStyle:{type:String,default:"primary"},size:{type:String,default:"md"},position:{type:String,default:"default"},bordered:{type:Boolean,default:!1},icon:{type:String,default:""},showLoading:{type:Boolean,default:!1},width:{type:String},disabled:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},onClick:{type:Function}};var z="",s=t.defineComponent({name:"DButton",props:y,setup(e,l){const f=t.ref(null),r=i=>{var a;e.showLoading||(a=e.onClick)==null||a.call(e,i)},b=t.computed(()=>l.slots.default),$=t.computed(()=>{const{btnStyle:i,size:a,position:p,bordered:m,icon:d}=e,u=`devui-btn devui-btn-${i} devui-btn-${a} devui-btn-${p}`,c=m?"bordered":"",V=!!d&&!b.value&&i!=="primary"?"d-btn-icon":"";return`${u} ${c} ${V} ${d?"d-btn-icon-wrap":""}`}),B=t.computed(()=>{if(!e.icon)return;const i="devui-icon-fix icon";return b.value?`${i} clear-right-5`:i});return()=>{var u,c;const{icon:i,type:a,disabled:p,showLoading:m,width:d}=e;return t.createVNode("div",t.mergeProps({class:"devui-btn-host"},l.attrs),[t.createVNode("button",{class:$.value,type:a,disabled:p,style:{width:d},onClick:r},[i?t.createVNode(o,{name:e.icon,class:B.value},null):null,t.createVNode("span",{class:"button-content",ref:f},[(c=(u=l.slots).default)==null?void 0:c.call(u)])])])}}});s.install=function(e){e.component(s.name,s)};var C={title:"Button \u6309\u94AE",category:"\u901A\u7528",status:"\u5DF2\u5B8C\u6210",install(e){e.use(s)}};n.Button=s,n.buttonProps=y,n.default=C,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});
+var V=Object.defineProperty;var g=Object.getOwnPropertySymbols;var v=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var h=(n,t,o)=>t in n?V(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o,S=(n,t)=>{for(var o in t||(t={}))v.call(t,o)&&h(n,o,t[o]);if(g)for(var o of g(t))N.call(t,o)&&h(n,o,t[o]);return n};(function(n,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(n=typeof globalThis!="undefined"?globalThis:n||self,t(n.index={},n.Vue))})(this,function(n,t){"use strict";var o=t.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(e){return S({},e)},render(){const{name:e,size:l,color:f,classPrefix:u}=this;return/^((https?):)?\/\//.test(e)?t.createVNode("img",{src:e,alt:e.split("/")[e.split("/").length-1],style:{width:l}},null):t.createVNode("i",{class:`${u} ${u}-${e}`,style:{fontSize:l,color:f}},null)}});o.install=function(e){e.component(o.name,o)};const y={type:{type:String,default:"button"},btnStyle:{type:String,default:"primary"},size:{type:String,default:"md"},position:{type:String,default:"default"},bordered:{type:Boolean,default:!1},icon:{type:String,default:""},showLoading:{type:Boolean,default:!1},width:{type:String},disabled:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},onClick:{type:Function}};var P="",a=t.defineComponent({name:"DButton",props:y,setup(e,l){const f=t.ref(null),u=i=>{var s;e.showLoading||(s=e.onClick)==null||s.call(e,i)},b=t.computed(()=>l.slots.default),$=t.computed(()=>{const{btnStyle:i,size:s,position:p,bordered:m,icon:r}=e,d=`devui-btn devui-btn-${i} devui-btn-${s} devui-btn-${p}`,c=m?"bordered":"",w=!!r&&!b.value&&i!=="primary"?"d-btn-icon":"";return`${d} ${c} ${w} ${r?"d-btn-icon-wrap":""}`}),B=t.computed(()=>{if(!e.icon)return;const i="devui-icon-fix icon";return b.value?`${i} clear-right-5`:i});return()=>{var d,c;const{icon:i,type:s,disabled:p,showLoading:m,width:r}=e;return t.createVNode("div",t.mergeProps({class:"devui-btn-host"},l.attrs),[t.createVNode("button",{class:$.value,type:s,disabled:p,style:{width:r},onClick:u},[i?t.createVNode(o,{name:e.icon,class:B.value},null):null,t.createVNode("span",{class:"button-content",ref:f},[(c=(d=l.slots).default)==null?void 0:c.call(d)])])])}}});a.install=function(e){e.component(a.name,a)};var C={title:"Button \u6309\u94AE",category:"\u901A\u7528",status:"\u5DF2\u5B8C\u6210",install(e){e.use(a)}};n.Button=a,n.buttonProps=y,n.default=C,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/carousel/index.es.js

@@ -14,7 +14,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { defineComponent, createVNode, Fragment, ref, watch, onMounted, onBeforeUnmount, Comment } from "vue";
+import { defineComponent, createVNode, ref, watch, onMounted, onBeforeUnmount, Fragment, Comment } from "vue";
 const carouselProps = {
   arrowTrigger: {
     type: String,
@@ -82,7 +82,7 @@ var Icon = defineComponent({
       color,
       classPrefix
     } = this;
-    return createVNode(Fragment, null, [/^((https?):)?\/\//.test(name) ? createVNode("img", {
+    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
       "src": name,
       "alt": name.split("/")[name.split("/").length - 1],
       "style": {
@@ -94,7 +94,7 @@ var Icon = defineComponent({
         fontSize: size,
         color
       }
-    }, null)]);
+    }, null);
   }
 });
 var carousel = "";

package/carousel/index.umd.js

@@ -1 +1 @@
-var z=Object.defineProperty;var R=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var $=(a,e,s)=>e in a?z(a,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[e]=s,k=(a,e)=>{for(var s in e||(e={}))_.call(e,s)&&$(a,s,e[s]);if(R)for(var s of R(e))q.call(e,s)&&$(a,s,e[s]);return a};(function(a,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis!="undefined"?globalThis:a||self,e(a.index={},a.Vue))})(this,function(a,e){"use strict";const s={arrowTrigger:{type:String,default:"hover"},autoplay:{type:Boolean,default:!1},autoplaySpeed:{type:Number,default:3e3},height:{type:String,default:"100%"},showDots:{type:Boolean,default:!0},dotTrigger:{type:String,default:"click"},dotPosition:{type:String,default:"bottom"},activeIndex:{type:Number,default:0},activeIndexChange:{type:Function}};var b=e.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(t){return k({},t)},render(){const{name:t,size:d,color:i,classPrefix:g}=this;return e.createVNode(e.Fragment,null,[/^((https?):)?\/\//.test(t)?e.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:d}},null):e.createVNode("i",{class:`${g} ${g}-${t}`,style:{fontSize:d,color:i}},null)])}}),O="",w=e.defineComponent({name:"DCarousel",props:s,emits:["update:activeIndex"],setup(t,{emit:d}){const{arrowTrigger:i,autoplay:g,autoplaySpeed:I,dotTrigger:M,activeIndex:T,activeIndexChange:C}=t,S=500,o=e.ref(0),y=e.ref(!1),u=e.ref(0),f=e.ref(null),r=e.ref(null),c=e.ref(null);e.watch(()=>i,()=>{y.value=i==="always"},{immediate:!0}),e.watch(()=>T,()=>{u.value=T},{immediate:!0});const m=n=>{r.value&&(r.value.style.left=`${-n*100}%`)},N=n=>{setTimeout(()=>{r.value&&(r.value.style.transition=""),n.style.transform="",m(u.value)},S)},h=(n,l)=>{if(f.value){const v=f.value.getBoundingClientRect();n.style.transform=`translateX(${(l?-o.value:o.value)*v.width}px)`}},p=n=>{if(n===u.value||!f.value||!r.value)return;r.value.style.transition=`left ${S}ms ease`;let l=u.value;if(n<0&&u.value===0){l=o.value-1;const v=r.value.children[l];h(v,!0),m(-1),N(v)}else if(n>=o.value&&u.value===o.value-1){l=0;const v=r.value.children[l];h(v,!1),m(o.value),N(v)}else l=n<0?0:n>o.value-1?o.value-1:n,m(l);u.value=l,d("update:activeIndex",l),C==null||C(l),P()},j=()=>{p(u.value-1)},x=()=>{p(u.value+1)},A=n=>{i==="hover"&&(y.value=n==="enter")},B=(n,l)=>{l===M&&p(n)},D=()=>{c.value&&(clearTimeout(c.value),c.value=null)},P=()=>{D(),g&&I&&(c.value=setTimeout(()=>{x()},I))},F=n=>{o.value=n,P()};return e.onMounted(()=>{r.value&&(r.value.style.transition=`left ${S}ms ease`,r.value.style.left="0%"),P()}),e.onBeforeUnmount(()=>{D()}),{wrapperRef:f,containerRef:r,showArrow:y,currentIndex:u,itemCount:o,changeItemCount:F,goto:p,prev:j,next:x,arrowMouseEvent:A,switchStep:B}},render(){var m,N;const{showArrow:t,currentIndex:d,itemCount:i,arrowTrigger:g,height:I,showDots:M,dotPosition:T,prev:C,next:S,arrowMouseEvent:o,switchStep:y,changeItemCount:u,$slots:f}=this,r=(N=(m=f.default)==null?void 0:m.call(f))!=null?N:[];let c=r;return c.length===1&&c[0].type===e.Fragment&&(c=(c[0].children||[]).filter(h=>(h==null?void 0:h.type)!==e.Comment)),c.length!==i&&u(c.length),e.createVNode("div",{class:"devui-carousel-container",style:{height:I},onMouseenter:()=>o("enter"),onMouseleave:()=>o("leave")},[g!=="never"&&t?e.createVNode("div",{class:"devui-carousel-arrow"},[e.createVNode("button",{class:"arrow-left",onClick:()=>C()},[e.createVNode(b,{name:"arrow-left"},null)]),e.createVNode("button",{class:"arrow-right",onClick:()=>S()},[e.createVNode(b,{name:"arrow-right"},null)])]):null,e.createVNode("div",{class:"devui-carousel-item-wrapper",ref:"wrapperRef"},[e.createVNode("div",{class:"devui-carousel-item-container",style:{width:`${i*100}%`},ref:"containerRef"},[r])]),i>0&&M?e.createVNode("ul",{class:["devui-carousel-dots",T]},[c.map((h,p)=>e.createVNode("li",{class:{"dot-item":!0,active:d===p},onClick:()=>y(p,"click"),onMouseenter:()=>y(p,"hover")},null))]):null])}}),V=e.defineComponent({name:"DCarouselItem",render(){var i;const{$slots:t}=this,d=(i=t.default)==null?void 0:i.call(t);return e.createVNode("div",{class:"d-carousel-item "},[d])}});w.install=function(t){t.component(w.name,w)},V.install=function(t){t.component(V.name,V)};var E={title:"Carousel \u8D70\u9A6C\u706F",category:"\u6570\u636E\u5C55\u793A",status:"80%",install(t){t.use(w),t.use(V)}};a.Carousel=w,a.default=E,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});
+var F=Object.defineProperty;var R=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var $=(a,e,s)=>e in a?F(a,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[e]=s,k=(a,e)=>{for(var s in e||(e={}))_.call(e,s)&&$(a,s,e[s]);if(R)for(var s of R(e))q.call(e,s)&&$(a,s,e[s]);return a};(function(a,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis!="undefined"?globalThis:a||self,e(a.index={},a.Vue))})(this,function(a,e){"use strict";const s={arrowTrigger:{type:String,default:"hover"},autoplay:{type:Boolean,default:!1},autoplaySpeed:{type:Number,default:3e3},height:{type:String,default:"100%"},showDots:{type:Boolean,default:!0},dotTrigger:{type:String,default:"click"},dotPosition:{type:String,default:"bottom"},activeIndex:{type:Number,default:0},activeIndexChange:{type:Function}};var b=e.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(t){return k({},t)},render(){const{name:t,size:d,color:i,classPrefix:g}=this;return/^((https?):)?\/\//.test(t)?e.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:d}},null):e.createVNode("i",{class:`${g} ${g}-${t}`,style:{fontSize:d,color:i}},null)}}),O="",w=e.defineComponent({name:"DCarousel",props:s,emits:["update:activeIndex"],setup(t,{emit:d}){const{arrowTrigger:i,autoplay:g,autoplaySpeed:T,dotTrigger:M,activeIndex:V,activeIndexChange:C}=t,S=500,o=e.ref(0),y=e.ref(!1),u=e.ref(0),f=e.ref(null),r=e.ref(null),c=e.ref(null);e.watch(()=>i,()=>{y.value=i==="always"},{immediate:!0}),e.watch(()=>V,()=>{u.value=V},{immediate:!0});const m=n=>{r.value&&(r.value.style.left=`${-n*100}%`)},N=n=>{setTimeout(()=>{r.value&&(r.value.style.transition=""),n.style.transform="",m(u.value)},S)},v=(n,l)=>{if(f.value){const h=f.value.getBoundingClientRect();n.style.transform=`translateX(${(l?-o.value:o.value)*h.width}px)`}},p=n=>{if(n===u.value||!f.value||!r.value)return;r.value.style.transition=`left ${S}ms ease`;let l=u.value;if(n<0&&u.value===0){l=o.value-1;const h=r.value.children[l];v(h,!0),m(-1),N(h)}else if(n>=o.value&&u.value===o.value-1){l=0;const h=r.value.children[l];v(h,!1),m(o.value),N(h)}else l=n<0?0:n>o.value-1?o.value-1:n,m(l);u.value=l,d("update:activeIndex",l),C==null||C(l),P()},j=()=>{p(u.value-1)},x=()=>{p(u.value+1)},A=n=>{i==="hover"&&(y.value=n==="enter")},B=(n,l)=>{l===M&&p(n)},D=()=>{c.value&&(clearTimeout(c.value),c.value=null)},P=()=>{D(),g&&T&&(c.value=setTimeout(()=>{x()},T))},z=n=>{o.value=n,P()};return e.onMounted(()=>{r.value&&(r.value.style.transition=`left ${S}ms ease`,r.value.style.left="0%"),P()}),e.onBeforeUnmount(()=>{D()}),{wrapperRef:f,containerRef:r,showArrow:y,currentIndex:u,itemCount:o,changeItemCount:z,goto:p,prev:j,next:x,arrowMouseEvent:A,switchStep:B}},render(){var m,N;const{showArrow:t,currentIndex:d,itemCount:i,arrowTrigger:g,height:T,showDots:M,dotPosition:V,prev:C,next:S,arrowMouseEvent:o,switchStep:y,changeItemCount:u,$slots:f}=this,r=(N=(m=f.default)==null?void 0:m.call(f))!=null?N:[];let c=r;return c.length===1&&c[0].type===e.Fragment&&(c=(c[0].children||[]).filter(v=>(v==null?void 0:v.type)!==e.Comment)),c.length!==i&&u(c.length),e.createVNode("div",{class:"devui-carousel-container",style:{height:T},onMouseenter:()=>o("enter"),onMouseleave:()=>o("leave")},[g!=="never"&&t?e.createVNode("div",{class:"devui-carousel-arrow"},[e.createVNode("button",{class:"arrow-left",onClick:()=>C()},[e.createVNode(b,{name:"arrow-left"},null)]),e.createVNode("button",{class:"arrow-right",onClick:()=>S()},[e.createVNode(b,{name:"arrow-right"},null)])]):null,e.createVNode("div",{class:"devui-carousel-item-wrapper",ref:"wrapperRef"},[e.createVNode("div",{class:"devui-carousel-item-container",style:{width:`${i*100}%`},ref:"containerRef"},[r])]),i>0&&M?e.createVNode("ul",{class:["devui-carousel-dots",V]},[c.map((v,p)=>e.createVNode("li",{class:{"dot-item":!0,active:d===p},onClick:()=>y(p,"click"),onMouseenter:()=>y(p,"hover")},null))]):null])}}),I=e.defineComponent({name:"DCarouselItem",render(){var i;const{$slots:t}=this,d=(i=t.default)==null?void 0:i.call(t);return e.createVNode("div",{class:"d-carousel-item "},[d])}});w.install=function(t){t.component(w.name,w)},I.install=function(t){t.component(I.name,I)};var E={title:"Carousel \u8D70\u9A6C\u706F",category:"\u6570\u636E\u5C55\u793A",status:"80%",install(t){t.use(w),t.use(I)}};a.Carousel=w,a.default=E,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});

package/comment/index.d.ts

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

package/comment/index.es.js

@@ -0,0 +1,57 @@
+import { defineComponent, createVNode } from "vue";
+const commentProps = {
+  actions: {},
+  author: {},
+  avatar: {},
+  content: {},
+  prefixCls: {},
+  datetime: {}
+};
+var comment = "";
+var Comment = defineComponent({
+  name: "DComment",
+  props: commentProps,
+  emits: [],
+  slots: ["actions", "author", "avatar", "content", "datetime"],
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+      const actions = (_b = props.actions) != null ? _b : (_a = slots.actions) == null ? void 0 : _a.call(slots);
+      const author = (_d = props.author) != null ? _d : (_c = slots.author) == null ? void 0 : _c.call(slots);
+      const avatar = (_f = props.avatar) != null ? _f : (_e = slots.avatar) == null ? void 0 : _e.call(slots);
+      const content = (_h = props.content) != null ? _h : (_g = slots.content) == null ? void 0 : _g.call(slots);
+      const datetime = (_j = props.datetime) != null ? _j : (_i = slots.datetime) == null ? void 0 : _i.call(slots);
+      return createVNode("div", {
+        "class": "devui-comment"
+      }, [createVNode("div", {
+        "class": "devui-comment-avatar"
+      }, [avatar]), createVNode("div", {
+        "class": "devui-comment-right"
+      }, [createVNode("div", {
+        "class": "devui-comment-head"
+      }, [createVNode("div", {
+        "class": "devui-comment-author"
+      }, [author]), createVNode("div", {
+        "class": "devui-comment-datetime"
+      }, [datetime])]), createVNode("div", {
+        "class": "devui-comment-content"
+      }, [content]), createVNode("div", {
+        "class": "devui-comment-actions"
+      }, [actions])])]);
+    };
+  }
+});
+Comment.install = function(app) {
+  app.component(Comment.name, Comment);
+};
+var index = {
+  title: "Comment \u8BC4\u8BBA",
+  category: "\u6570\u636E\u5C55\u793A",
+  status: "50%",
+  install(app) {
+    app.use(Comment);
+  }
+};
+export { Comment, index as default };

package/comment/index.umd.js

@@ -0,0 +1 @@
+(function(n,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(n=typeof globalThis!="undefined"?globalThis:n||self,t(n.index={},n.Vue))})(this,function(n,t){"use strict";const C={actions:{},author:{},avatar:{},content:{},prefixCls:{},datetime:{}};var T="",i=t.defineComponent({name:"DComment",props:C,emits:[],slots:["actions","author","avatar","content","datetime"],setup(a,{slots:e}){return()=>{var c,d,m,o,u,r,v,f,h,V;const y=(d=a.actions)!=null?d:(c=e.actions)==null?void 0:c.call(e),p=(o=a.author)!=null?o:(m=e.author)==null?void 0:m.call(e),g=(r=a.avatar)!=null?r:(u=e.avatar)==null?void 0:u.call(e),x=(f=a.content)!=null?f:(v=e.content)==null?void 0:v.call(e),B=(V=a.datetime)!=null?V:(h=e.datetime)==null?void 0:h.call(e);return t.createVNode("div",{class:"devui-comment"},[t.createVNode("div",{class:"devui-comment-avatar"},[g]),t.createVNode("div",{class:"devui-comment-right"},[t.createVNode("div",{class:"devui-comment-head"},[t.createVNode("div",{class:"devui-comment-author"},[p]),t.createVNode("div",{class:"devui-comment-datetime"},[B])]),t.createVNode("div",{class:"devui-comment-content"},[x]),t.createVNode("div",{class:"devui-comment-actions"},[y])])])}}});i.install=function(a){a.component(i.name,i)};var N={title:"Comment \u8BC4\u8BBA",category:"\u6570\u636E\u5C55\u793A",status:"50%",install(a){a.use(i)}};n.Comment=i,n.default=N,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/comment/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "comment",
+  "version": "0.0.0",
+  "main": "index.umd.js",
+  "module": "index.es.js",
+  "style": "style.css"
+}

package/comment/style.css

@@ -0,0 +1 @@
+.devui-comment{display:flex;align-items:flex-start}.devui-comment-avatar{margin:0 16px 0 0}.devui-comment-head{display:flex;align-items:center}.devui-comment-author{padding:0 8px 0 0;font-size:var(--devui-font-size, 12px);color:var(--devui-text-weak, #575d6c)}.devui-comment-datetime{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #8a8e99)}.devui-comment-content{font-size:var(--devui-text, #252b3a)}.devui-comment-actions{margin:12px 0 0}

package/date-picker/index.es.js

@@ -14,7 +14,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { defineComponent, inject, computed, ref, watch, createVNode, withDirectives, mergeProps, resolveDirective, resolveComponent, Fragment, createTextVNode, reactive, onMounted, onUnmounted } from "vue";
+import { defineComponent, inject, computed, ref, watch, createVNode, withDirectives, mergeProps, resolveDirective, resolveComponent, createTextVNode, reactive, onMounted, onUnmounted } from "vue";
 const getDateTime = (d) => {
   const year = d.getFullYear();
   const month = d.getMonth() + 1;
@@ -249,27 +249,27 @@ const inputProps = {
     type: Boolean,
     default: false
   },
-  value: {
+  modelValue: {
     type: String,
     default: ""
   },
-  "onUpdate:value": {
+  "update:modelValue": {
     type: Function,
     default: void 0
   },
-  "onChange": {
+  onChange: {
     type: Function,
     default: void 0
   },
-  "onKeydown": {
+  onKeydown: {
     type: Function,
     default: void 0
   },
-  "onFocus": {
+  onFocus: {
     type: Function,
     default: void 0
   },
-  "onBlur": {
+  onBlur: {
     type: Function,
     default: void 0
   }
@@ -293,7 +293,7 @@ var Input = defineComponent({
     }
   },
   props: inputProps,
-  emits: ["update:value", "focus", "blur", "change", "keydown"],
+  emits: ["update:modelValue", "focus", "blur", "change", "keydown"],
   setup(props, ctx) {
     const formItem = inject(formItemInjectionKey, {});
     const hasFormItem = Object.keys(formItem).length > 0;
@@ -313,11 +313,11 @@ var Input = defineComponent({
     }, {
       immediate: true
     });
-    watch(() => props.value, (value) => {
+    watch(() => props.modelValue, (value) => {
       value && value.length > 0 && showPreviewIcon.value ? showPwdIcon.value = true : showPwdIcon.value = false;
     });
     const onInput = ($event) => {
-      ctx.emit("update:value", $event.target.value);
+      ctx.emit("update:modelValue", $event.target.value);
       hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.input);
     }, onFocus = () => {
       ctx.emit("focus");
@@ -347,7 +347,7 @@ var Input = defineComponent({
   },
   render() {
     const {
-      value,
+      modelValue,
       showPreviewIcon,
       showPwdIcon,
       inputCls,
@@ -368,7 +368,7 @@ var Input = defineComponent({
     }, [withDirectives(createVNode("input", mergeProps({
       dinput: true
     }, {
-      "value": value,
+      "value": modelValue,
       "disabled": disabled,
       "type": inputType,
       "maxlength": maxLength,
@@ -426,7 +426,7 @@ var Icon = defineComponent({
       color,
       classPrefix
     } = this;
-    return createVNode(Fragment, null, [/^((https?):)?\/\//.test(name) ? createVNode("img", {
+    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
       "src": name,
       "alt": name.split("/")[name.split("/").length - 1],
       "style": {
@@ -438,7 +438,7 @@ var Icon = defineComponent({
         fontSize: size,
         color
       }
-    }, null)]);
+    }, null);
   }
 });
 Icon.install = function(app) {

package/date-picker/index.umd.js

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

package/editable-select/index.es.js

@@ -14,7 +14,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { defineComponent, createVNode, Fragment, ref, computed, withDirectives, Transition, renderSlot, vShow, resolveDirective } from "vue";
+import { defineComponent, createVNode, ref, computed, withDirectives, Transition, renderSlot, vShow, resolveDirective } from "vue";
 const editableSelectProps = {
   modelValue: {
     type: [String, Number]
@@ -88,7 +88,7 @@ var Icon = defineComponent({
       color,
       classPrefix
     } = this;
-    return createVNode(Fragment, null, [/^((https?):)?\/\//.test(name) ? createVNode("img", {
+    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
       "src": name,
       "alt": name.split("/")[name.split("/").length - 1],
       "style": {
@@ -100,7 +100,7 @@ var Icon = defineComponent({
         fontSize: size,
         color
       }
-    }, null)]);
+    }, null);
   }
 });
 Icon.install = function(app) {