vue-devui 1.0.0-beta.18 → 1.0.0-beta.20220808

package/collapse/index.es.js

@@ -0,0 +1,195 @@
+import { defineComponent, provide, reactive, toRefs, createVNode, shallowRef, inject, computed, onMounted, Transition } from "vue";
+const SELECT_TOKEN = Symbol("dCollapse");
+const collapseProps = {
+  modelValue: {
+    type: [String, Number, Array],
+    default: "",
+    required: true
+  },
+  accordion: {
+    type: Boolean,
+    default: false
+  }
+};
+const collapseItemProps = {
+  name: {
+    type: [String, Number],
+    default: "",
+    required: true
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+};
+function createBem(namespace, element, modifier) {
+  let cls = namespace;
+  if (element) {
+    cls += `__${element}`;
+  }
+  if (modifier) {
+    cls += `--${modifier}`;
+  }
+  return cls;
+}
+function useNamespace(block, needDot = false) {
+  const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
+  const b = () => createBem(namespace);
+  const e = (element) => element ? createBem(namespace, element) : "";
+  const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
+  const em = (element, modifier) => element && modifier ? createBem(namespace, element, modifier) : "";
+  return {
+    b,
+    e,
+    m,
+    em
+  };
+}
+var collapse = "";
+var Collapse = defineComponent({
+  name: "DCollapse",
+  props: collapseProps,
+  emits: ["change", "update:modelValue"],
+  setup(props, ctx) {
+    const ns = useNamespace("collapse");
+    const scrollbarNs = useNamespace("scrollbar");
+    const getLists = (data) => {
+      if (!data && data !== 0) {
+        return [];
+      }
+      return Array.isArray(data) ? data : [data];
+    };
+    const collapseItemClick = (name) => {
+      const activeLists = [...getLists(props.modelValue)];
+      const itemIndex = activeLists.indexOf(name);
+      if (props.accordion) {
+        let activeName = name;
+        if ((activeLists[0] || activeLists[0] === 0) && activeLists[0] === name) {
+          activeName = "";
+        }
+        ctx.emit("update:modelValue", activeName);
+        ctx.emit("change", activeName);
+      } else {
+        if (itemIndex > -1) {
+          activeLists.splice(itemIndex, 1);
+        } else {
+          activeLists.push(name);
+        }
+        ctx.emit("update:modelValue", activeLists);
+        ctx.emit("change", activeLists);
+      }
+    };
+    provide(SELECT_TOKEN, reactive({
+      ...toRefs(props),
+      collapseItemClick
+    }));
+    return () => {
+      var _a, _b;
+      return createVNode("div", {
+        "class": [ns.b(), scrollbarNs.b()]
+      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
+    };
+  }
+});
+const OpenIcon = () => {
+  const svgProps = {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  };
+  return createVNode("svg", svgProps, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("path", {
+    "d": "M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088           7.84170876,10.8417088 7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124           3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6           L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824           12.2402148,6.7597852 12.1464466,6.85355339 Z",
+    "fill-rule": "nonzero"
+  }, null)])]);
+};
+var CollapseItem = defineComponent({
+  name: "DCollapseItem",
+  props: collapseItemProps,
+  setup(props, ctx) {
+    const ns = useNamespace("collapse");
+    const transitionNs = useNamespace("collapse-transition");
+    const collapseContent = shallowRef();
+    const collapse2 = inject(SELECT_TOKEN, null);
+    const isOpen = computed(() => {
+      if (props.disabled) {
+        return false;
+      }
+      if (Array.isArray(collapse2 == null ? void 0 : collapse2.modelValue)) {
+        return Boolean(collapse2 == null ? void 0 : collapse2.modelValue.length) && (collapse2 == null ? void 0 : collapse2.modelValue.includes(props.name));
+      } else {
+        return Boolean(collapse2 == null ? void 0 : collapse2.modelValue) && (collapse2 == null ? void 0 : collapse2.modelValue) === props.name;
+      }
+    });
+    const handlerTitleClick = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (!props.disabled) {
+        collapse2 == null ? void 0 : collapse2.collapseItemClick(props.name);
+      }
+    };
+    onMounted(() => {
+      if (collapseContent.value) {
+        const dom = collapseContent.value;
+        if (isOpen.value) {
+          dom.style.height = `${dom.offsetHeight}px`;
+        }
+      }
+    });
+    const enter = (element) => {
+      const el = element;
+      el.style.height = "";
+      const height = el.offsetHeight;
+      el.style.height = "0px";
+      el.offsetHeight;
+      el.style.height = `${height}px`;
+    };
+    const leave = (element) => {
+      const el = element;
+      el.style.height = "0px";
+    };
+    return () => {
+      return createVNode("div", {
+        "class": ns.e("item")
+      }, [createVNode("div", {
+        "class": [ns.e("item-title"), ns.m("overflow-ellipsis"), isOpen.value && ns.m("open"), props.disabled && ns.em("item", "disabled")],
+        "onClick": handlerTitleClick
+      }, [ctx.slots.title ? ctx.slots.title() : props.title, createVNode("span", {
+        "class": ns.e("open-icon")
+      }, [createVNode(OpenIcon, null, null)])]), createVNode(Transition, {
+        "name": transitionNs.b(),
+        "onEnter": enter,
+        "onLeave": leave
+      }, {
+        default: () => {
+          var _a, _b;
+          return [isOpen.value && createVNode("div", {
+            "ref": collapseContent,
+            "class": ns.e("item-content")
+          }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])];
+        }
+      })]);
+    };
+  }
+});
+var index = {
+  title: "Collapse \u6298\u53E0\u9762\u677F",
+  category: "\u6570\u636E\u5C55\u793A",
+  status: "100%",
+  install(app) {
+    app.component(Collapse.name, Collapse);
+    app.component(CollapseItem.name, CollapseItem);
+  }
+};
+export { Collapse, CollapseItem, collapseItemProps, collapseProps, index as default };

package/collapse/index.umd.js

@@ -0,0 +1 @@
+(function(r,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis!="undefined"?globalThis:r||self,e(r.index={},r.Vue))})(this,function(r,e){"use strict";const V=Symbol("dCollapse"),y={modelValue:{type:[String,Number,Array],default:"",required:!0},accordion:{type:Boolean,default:!1}},N={name:{type:[String,Number],default:"",required:!0},title:{type:String,default:""},disabled:{type:Boolean,default:!1}};function p(n,i,s){let c=n;return i&&(c+=`__${i}`),s&&(c+=`--${s}`),c}function h(n,i=!1){const s=i?`.devui-${n}`:`devui-${n}`;return{b:()=>p(s),e:t=>t?p(s,t):"",m:t=>t?p(s,"",t):"",em:(t,u)=>t&&u?p(s,t,u):""}}var I="",g=e.defineComponent({name:"DCollapse",props:y,emits:["change","update:modelValue"],setup(n,i){const s=h("collapse"),c=h("scrollbar"),m=o=>!o&&o!==0?[]:Array.isArray(o)?o:[o],l=o=>{const t=[...m(n.modelValue)],u=t.indexOf(o);if(n.accordion){let f=o;(t[0]||t[0]===0)&&t[0]===o&&(f=""),i.emit("update:modelValue",f),i.emit("change",f)}else u>-1?t.splice(u,1):t.push(o),i.emit("update:modelValue",t),i.emit("change",t)};return e.provide(V,e.reactive({...e.toRefs(n),collapseItemClick:l})),()=>{var o,t;return e.createVNode("div",{class:[s.b(),c.b()]},[(t=(o=i.slots).default)==null?void 0:t.call(o)])}}});const b=()=>{const n={width:"1em",height:"1em",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"};return e.createVNode("svg",n,[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{d:"M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088           7.84170876,10.8417088 7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124           3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6           L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824           12.2402148,6.7597852 12.1464466,6.85355339 Z","fill-rule":"nonzero"},null)])])};var C=e.defineComponent({name:"DCollapseItem",props:N,setup(n,i){const s=h("collapse"),c=h("collapse-transition"),m=e.shallowRef(),l=e.inject(V,null),o=e.computed(()=>n.disabled?!1:Array.isArray(l==null?void 0:l.modelValue)?Boolean(l==null?void 0:l.modelValue.length)&&(l==null?void 0:l.modelValue.includes(n.name)):Boolean(l==null?void 0:l.modelValue)&&(l==null?void 0:l.modelValue)===n.name),t=a=>{a.preventDefault(),a.stopPropagation(),n.disabled||l==null||l.collapseItemClick(n.name)};e.onMounted(()=>{if(m.value){const a=m.value;o.value&&(a.style.height=`${a.offsetHeight}px`)}});const u=a=>{const d=a;d.style.height="";const w=d.offsetHeight;d.style.height="0px",d.offsetHeight,d.style.height=`${w}px`},f=a=>{const d=a;d.style.height="0px"};return()=>e.createVNode("div",{class:s.e("item")},[e.createVNode("div",{class:[s.e("item-title"),s.m("overflow-ellipsis"),o.value&&s.m("open"),n.disabled&&s.em("item","disabled")],onClick:t},[i.slots.title?i.slots.title():n.title,e.createVNode("span",{class:s.e("open-icon")},[e.createVNode(b,null,null)])]),e.createVNode(e.Transition,{name:c.b(),onEnter:u,onLeave:f},{default:()=>{var a,d;return[o.value&&e.createVNode("div",{ref:m,class:s.e("item-content")},[(d=(a=i.slots).default)==null?void 0:d.call(a)])]}})])}}),v={title:"Collapse \u6298\u53E0\u9762\u677F",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(n){n.component(g.name,g),n.component(C.name,C)}};r.Collapse=g,r.CollapseItem=C,r.collapseItemProps=N,r.collapseProps=y,r.default=v,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/{back-top → collapse}/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "back-top",
+  "name": "collapse",
   "version": "0.0.0",
   "main": "index.umd.js",
   "module": "index.es.js",

package/collapse/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";.devui-collapse{font-size:var(--devui-font-size, 14px);background:var(--devui-base-bg, #ffffff);width:100%;overflow-y:auto;box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-shadow, rgba(37, 43, 58, .2))}:host{display:block}.devui-collapse__item .devui-collapse--overflow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-collapse__item-title{display:block;height:45px;width:100%;padding:0 28px 0 20px;font-weight:400;line-height:45px;color:var(--devui-text, #252b3a);background-color:var(--devui-base-bg, #ffffff);cursor:pointer}.devui-collapse__item-title.devui-collapse__item--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-collapse__item-title:not(.devui-collapse__item--disabled):hover{background:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-collapse__item>.devui-collapse__item-title{position:relative}.devui-collapse__item>.devui-collapse__item-title>.devui-collapse__open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:14px;width:16px;height:16px;line-height:16px;transition:transform ease-out .4s}.devui-collapse__item>.devui-collapse__item-title>.devui-collapse__open-icon svg{width:16px;height:16px}.devui-collapse__item>.devui-collapse__item-title>.devui-collapse__open-icon svg path{fill:var(--devui-text-weak, #575d6c)}.devui-collapse__item>.devui-collapse__item-title.devui-collapse--open>.devui-collapse__open-icon{transform:rotate(180deg);transform-origin:center}.devui-collapse__item-content{padding:0 12px 0 20px;line-height:1.5;color:var(--devui-text-weak, #575d6c)}.devui-collapse-transition-leave-active{transition:all .4s ease-in-out;animation:panelUpOut .4s ease-in-out;animation-fill-mode:both}.devui-collapse-transition-enter-active{transition:all .4s ease-in-out;animation:panelUpIn .4s ease-in-out;animation-fill-mode:both}@keyframes panelUpOut{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(0);transform-origin:0% 0%;opacity:0}}@keyframes panelUpIn{0%{transform:scaleY(0);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}

package/countdown/index.es.js

@@ -23,9 +23,16 @@ const countdownProps = {
     }
   }
 };
-var countdown = "";
 const getFormatTime = (leftTime) => {
-  const timeformat = /* @__PURE__ */ new Map([["Y", 0], ["M", 0], ["D", 0], ["H", 0], ["m", 0], ["s", 0], ["S", 0]]);
+  const timeformat = /* @__PURE__ */ new Map([
+    ["Y", 0],
+    ["M", 0],
+    ["D", 0],
+    ["H", 0],
+    ["m", 0],
+    ["s", 0],
+    ["S", 0]
+  ]);
   const year = Math.floor(leftTime / (365 * 24 * 60 * 60 * 1e3));
   const month = Math.floor(leftTime / (30 * 24 * 60 * 60 * 1e3) % 12);
   const day = Math.floor(leftTime / (24 * 60 * 60 * 1e3) % 30);
@@ -43,19 +50,35 @@ const getFormatTime = (leftTime) => {
   return timeformat;
 };
 const getLegalTime = (s, timeformat) => {
-  const dateValue = /* @__PURE__ */ new Map([["Y", 0], ["M", 0], ["D", 0], ["H", 0], ["m", 0], ["s", 0], ["S", 0]]);
-  const m = /* @__PURE__ */ new Map([["Y", 12], ["M", 30], ["D", 24], ["H", 60], ["m", 60], ["s", 1e3], ["S", 1]]);
+  const dateValue = /* @__PURE__ */ new Map([
+    ["Y", 0],
+    ["M", 0],
+    ["D", 0],
+    ["H", 0],
+    ["m", 0],
+    ["s", 0],
+    ["S", 0]
+  ]);
+  const m = /* @__PURE__ */ new Map([
+    ["Y", 12],
+    ["M", 30],
+    ["D", 24],
+    ["H", 60],
+    ["m", 60],
+    ["s", 1e3],
+    ["S", 1]
+  ]);
   let storage = 0;
   for (const k of dateValue.keys()) {
     if (s.has(k)) {
-      dateValue.set(k, timeformat.get(k) + storage);
+      dateValue.set(k, (timeformat.get(k) || 0) + storage);
       storage = 0;
     } else {
-      storage += timeformat.get(k) * m.get(k);
+      storage += (timeformat.get(k) || 0) * (m.get(k) || 0);
     }
   }
-  if (!s.has("S") && timeformat.get("S") > 500) {
-    dateValue.set("s", dateValue.get("s") + 1);
+  if (!s.has("S") && (timeformat.get("S") || 0) > 500) {
+    dateValue.set("s", (dateValue.get("s") || 0) + 1);
   }
   return dateValue;
 };
@@ -96,12 +119,29 @@ const numFormat = (n, len) => {
     return str + n;
   }
 };
+const intervalTimer = (callback, interval = 0) => {
+  let counter = 1;
+  let timeoutId;
+  const startTime = Date.now();
+  function main() {
+    const nowTime = Date.now();
+    const nextTime = startTime + counter * interval;
+    timeoutId = setTimeout(main, interval - (nowTime - nextTime));
+    counter += 1;
+    callback();
+  }
+  timeoutId = setTimeout(main, interval);
+  return () => {
+    clearTimeout(timeoutId);
+  };
+};
+var countdown = "";
 var Countdown = defineComponent({
   name: "DCountdown",
   props: countdownProps,
   emits: ["onChange", "onFinish"],
   setup(props, ctx) {
-    const countdown2 = ref();
+    const timerCleaner = ref();
     const s = getDeduplication(props.format);
     const timeFormat = getTimeSplit(props.format);
     const timeStr = ref("");
@@ -109,7 +149,7 @@ var Countdown = defineComponent({
       const fomatMap = /* @__PURE__ */ new Set(["Y", "M", "D", "H", "m", "s", "S"]);
       const t = timeFormat.reduce((pre, cur) => {
         if (fomatMap.has(cur.k)) {
-          return pre + numFormat(legalTime.get(cur.k), cur.n);
+          return pre + numFormat(legalTime.get(cur.k) || 0, cur.n);
         }
         return pre + cur.k;
       }, "");
@@ -130,13 +170,16 @@ var Countdown = defineComponent({
     };
     const startTime = () => {
       getTime();
-      if (countdown2.value)
+      if (timerCleaner.value) {
         return;
-      countdown2.value = setInterval(() => {
+      }
+      timerCleaner.value = intervalTimer(() => {
+        var _a;
         const t = getTime();
         if (t === 0) {
           ctx.emit("onFinish");
-          clearInterval(countdown2.value);
+          (_a = timerCleaner.value) == null ? void 0 : _a.call(timerCleaner);
+          timerCleaner.value = null;
         }
       }, s.has("S") ? 100 : 1e3);
     };
@@ -144,7 +187,8 @@ var Countdown = defineComponent({
       startTime();
     });
     onUnmounted(() => {
-      clearInterval(countdown2.value);
+      var _a;
+      (_a = timerCleaner.value) == null ? void 0 : _a.call(timerCleaner);
     });
     return () => {
       return createVNode("div", {
@@ -162,15 +206,12 @@ var Countdown = defineComponent({
     };
   }
 });
-Countdown.install = function(app) {
-  app.component(Countdown.name, Countdown);
-};
 var index = {
   title: "Countdown \u5012\u8BA1\u65F6",
   category: "\u6570\u636E\u5C55\u793A",
   status: "100%",
   install(app) {
-    app.use(Countdown);
+    app.component(Countdown.name, Countdown);
   }
 };
-export { Countdown, index as default };
+export { Countdown, countdownProps, index as default };

package/countdown/index.umd.js

@@ -1 +1 @@
-(function(r,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(r=typeof globalThis!="undefined"?globalThis:r||self,a(r.index={},r.Vue))})(this,function(r,a){"use strict";const w={value:{type:Number,required:!0},format:{type:String,default:"HH:mm:ss"},prefix:{type:String,default:""},suffix:{type:String,default:""},valueStyle:{type:Object,default:()=>({})}};var T="";const M=e=>{const t=new Map([["Y",0],["M",0],["D",0],["H",0],["m",0],["s",0],["S",0]]),n=Math.floor(e/(365*24*60*60*1e3)),s=Math.floor(e/(30*24*60*60*1e3)%12),o=Math.floor(e/(24*60*60*1e3)%30),u=Math.floor(e/(60*60*1e3)%24),h=Math.floor(e/(60*1e3)%60),f=Math.floor(e/1e3%60),S=e%1e3;return t.set("Y",n),t.set("M",s),t.set("D",o),t.set("H",u),t.set("m",h),t.set("s",f),t.set("S",S),t},p=(e,t)=>{const n=new Map([["Y",0],["M",0],["D",0],["H",0],["m",0],["s",0],["S",0]]),s=new Map([["Y",12],["M",30],["D",24],["H",60],["m",60],["s",1e3],["S",1]]);let o=0;for(const u of n.keys())e.has(u)?(n.set(u,t.get(u)+o),o=0):o+=t.get(u)*s.get(u);return!e.has("S")&&t.get("S")>500&&n.set("s",n.get("s")+1),n},y=e=>{const t=new Set(["Y","M","D","H","m","s","S"]),n=[];for(let s=0;s<e.length;s++){const o=e[s];n.length===0||n[n.length-1].k!==o||!t.has(o)?n.push({k:o,n:1}):n[n.length-1].n++}return n},v=e=>{const t=new Set(["Y","M","D","H","m","s","S"]),n=new Set;for(let s=0;s<e.length;s++){const o=e[s];t.has(o)&&n.add(o)}return n},D=(e,t)=>{const n=10**t-1;if(e>=n)return e;{const s=t-e.toString().length;let o="";for(let u=0;u<s;u++)o+="0";return o+e}};var l=a.defineComponent({name:"DCountdown",props:w,emits:["onChange","onFinish"],setup(e,t){const n=a.ref(),s=v(e.format),o=y(e.format),u=a.ref(""),h=c=>{const i=new Set(["Y","M","D","H","m","s","S"]),m=o.reduce((d,g)=>i.has(g.k)?d+D(c.get(g.k),g.n):d+g.k,"");u.value=m},f=()=>{const c=new Date(e.value).getTime(),i=c>new Date().getTime()?c-new Date().getTime():0,m=M(i),d=p(s,m);return!t.slots.default&&h(d),t.emit("onChange",{leftTime:i,formatTime:m,legalTime:d}),i},S=()=>{f(),!n.value&&(n.value=setInterval(()=>{f()===0&&(t.emit("onFinish"),clearInterval(n.value))},s.has("S")?100:1e3))};return a.onMounted(()=>{S()}),a.onUnmounted(()=>{clearInterval(n.value)}),()=>a.createVNode("div",{class:"devui-countdown"},[t.slots.default?t.slots.default():a.createVNode("div",{class:"countdown-content",style:e.valueStyle},[a.createVNode("span",{class:"countdown-prefix"},[e.prefix]),a.createVNode("span",{class:"countdown-value"},[u.value]),a.createVNode("span",{class:"countdown-suffix"},[e.suffix])])])}});l.install=function(e){e.component(l.name,l)};var H={title:"Countdown \u5012\u8BA1\u65F6",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(e){e.use(l)}};r.Countdown=l,r.default=H,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});
+(function(i,u){typeof exports=="object"&&typeof module!="undefined"?u(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],u):(i=typeof globalThis!="undefined"?globalThis:i||self,u(i.index={},i.Vue))})(this,function(i,u){"use strict";const S={value:{type:Number,required:!0},format:{type:String,default:"HH:mm:ss"},prefix:{type:String,default:""},suffix:{type:String,default:""},valueStyle:{type:Object,default:()=>({})}},M=e=>{const n=new Map([["Y",0],["M",0],["D",0],["H",0],["m",0],["s",0],["S",0]]),t=Math.floor(e/(365*24*60*60*1e3)),o=Math.floor(e/(30*24*60*60*1e3)%12),s=Math.floor(e/(24*60*60*1e3)%30),a=Math.floor(e/(60*60*1e3)%24),d=Math.floor(e/(60*1e3)%60),l=Math.floor(e/1e3%60),w=e%1e3;return n.set("Y",t),n.set("M",o),n.set("D",s),n.set("H",a),n.set("m",d),n.set("s",l),n.set("S",w),n},p=(e,n)=>{const t=new Map([["Y",0],["M",0],["D",0],["H",0],["m",0],["s",0],["S",0]]),o=new Map([["Y",12],["M",30],["D",24],["H",60],["m",60],["s",1e3],["S",1]]);let s=0;for(const a of t.keys())e.has(a)?(t.set(a,(n.get(a)||0)+s),s=0):s+=(n.get(a)||0)*(o.get(a)||0);return!e.has("S")&&(n.get("S")||0)>500&&t.set("s",(t.get("s")||0)+1),t},y=e=>{const n=new Set(["Y","M","D","H","m","s","S"]),t=[];for(let o=0;o<e.length;o++){const s=e[o];t.length===0||t[t.length-1].k!==s||!n.has(s)?t.push({k:s,n:1}):t[t.length-1].n++}return t},T=e=>{const n=new Set(["Y","M","D","H","m","s","S"]),t=new Set;for(let o=0;o<e.length;o++){const s=e[o];n.has(s)&&t.add(s)}return t},D=(e,n)=>{const t=10**n-1;if(e>=t)return e;{const o=n-e.toString().length;let s="";for(let a=0;a<o;a++)s+="0";return s+e}},v=(e,n=0)=>{let t=1,o;const s=Date.now();function a(){const d=Date.now(),l=s+t*n;o=setTimeout(a,n-(d-l)),t+=1,e()}return o=setTimeout(a,n),()=>{clearTimeout(o)}};var k="",h=u.defineComponent({name:"DCountdown",props:S,emits:["onChange","onFinish"],setup(e,n){const t=u.ref(),o=T(e.format),s=y(e.format),a=u.ref(""),d=c=>{const r=new Set(["Y","M","D","H","m","s","S"]),m=s.reduce((f,g)=>r.has(g.k)?f+D(c.get(g.k)||0,g.n):f+g.k,"");a.value=m},l=()=>{const c=new Date(e.value).getTime(),r=c>new Date().getTime()?c-new Date().getTime():0,m=M(r),f=p(o,m);return!n.slots.default&&d(f),n.emit("onChange",{leftTime:r,formatTime:m,legalTime:f}),r},w=()=>{l(),!t.value&&(t.value=v(()=>{var r;l()===0&&(n.emit("onFinish"),(r=t.value)==null||r.call(t),t.value=null)},o.has("S")?100:1e3))};return u.onMounted(()=>{w()}),u.onUnmounted(()=>{var c;(c=t.value)==null||c.call(t)}),()=>u.createVNode("div",{class:"devui-countdown"},[n.slots.default?n.slots.default():u.createVNode("div",{class:"countdown-content",style:e.valueStyle},[u.createVNode("span",{class:"countdown-prefix"},[e.prefix]),u.createVNode("span",{class:"countdown-value"},[a.value]),u.createVNode("span",{class:"countdown-suffix"},[e.suffix])])])}}),H={title:"Countdown \u5012\u8BA1\u65F6",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(e){e.component(h.name,h)}};i.Countdown=h,i.countdownProps=S,i.default=H,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});