vue-devui 1.0.0-alpha.5 → 1.0.0-beta.11

package/countdown/index.es.js

@@ -0,0 +1,176 @@
+import { defineComponent, ref, onMounted, onUnmounted, createVNode } from "vue";
+const countdownProps = {
+  value: {
+    type: Number,
+    required: true
+  },
+  format: {
+    type: String,
+    default: "HH:mm:ss"
+  },
+  prefix: {
+    type: String,
+    default: ""
+  },
+  suffix: {
+    type: String,
+    default: ""
+  },
+  valueStyle: {
+    type: Object,
+    default: () => {
+      return {};
+    }
+  }
+};
+var countdown = "";
+const getFormatTime = (leftTime) => {
+  const timeformat = 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);
+  const hour = Math.floor(leftTime / (60 * 60 * 1e3) % 24);
+  const minute = Math.floor(leftTime / (60 * 1e3) % 60);
+  const second = Math.floor(leftTime / 1e3 % 60);
+  const millsecond = leftTime % 1e3;
+  timeformat.set("Y", year);
+  timeformat.set("M", month);
+  timeformat.set("D", day);
+  timeformat.set("H", hour);
+  timeformat.set("m", minute);
+  timeformat.set("s", second);
+  timeformat.set("S", millsecond);
+  return timeformat;
+};
+const getLegalTime = (s, timeformat) => {
+  const dateValue = new Map([["Y", 0], ["M", 0], ["D", 0], ["H", 0], ["m", 0], ["s", 0], ["S", 0]]);
+  const m = 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);
+      storage = 0;
+    } else {
+      storage += timeformat.get(k) * m.get(k);
+    }
+  }
+  if (!s.has("S") && timeformat.get("S") > 500) {
+    dateValue.set("s", dateValue.get("s") + 1);
+  }
+  return dateValue;
+};
+const getTimeSplit = (format) => {
+  const fomatMap = new Set(["Y", "M", "D", "H", "m", "s", "S"]);
+  const m = [];
+  for (let i = 0; i < format.length; i++) {
+    const k = format[i];
+    if (m.length === 0 || m[m.length - 1].k !== k || !fomatMap.has(k)) {
+      m.push({ k, n: 1 });
+    } else {
+      m[m.length - 1].n++;
+    }
+  }
+  return m;
+};
+const getDeduplication = (format) => {
+  const fomatMap = new Set(["Y", "M", "D", "H", "m", "s", "S"]);
+  const s = new Set();
+  for (let i = 0; i < format.length; i++) {
+    const k = format[i];
+    if (fomatMap.has(k)) {
+      s.add(k);
+    }
+  }
+  return s;
+};
+const numFormat = (n, len) => {
+  const maxNum = 10 ** len - 1;
+  if (n >= maxNum) {
+    return n;
+  } else {
+    const carryLen = len - n.toString().length;
+    let str = "";
+    for (let i = 0; i < carryLen; i++) {
+      str += "0";
+    }
+    return str + n;
+  }
+};
+var Countdown = defineComponent({
+  name: "DCountdown",
+  props: countdownProps,
+  emits: ["onChange", "onFinish"],
+  setup(props, ctx) {
+    const countdown2 = ref();
+    const s = getDeduplication(props.format);
+    const timeFormat = getTimeSplit(props.format);
+    const timeStr = ref("");
+    const getTimeStr = (legalTime) => {
+      const fomatMap = 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 + cur.k;
+      }, "");
+      timeStr.value = t;
+    };
+    const getTime = () => {
+      const value = new Date(props.value).getTime();
+      const leftTime = value > new Date().getTime() ? value - new Date().getTime() : 0;
+      const formatTime = getFormatTime(leftTime);
+      const legalTime = getLegalTime(s, formatTime);
+      !ctx.slots.default && getTimeStr(legalTime);
+      ctx.emit("onChange", {
+        leftTime,
+        formatTime,
+        legalTime
+      });
+      return leftTime;
+    };
+    const startTime = () => {
+      getTime();
+      if (countdown2.value)
+        return;
+      countdown2.value = setInterval(() => {
+        const t = getTime();
+        if (t === 0) {
+          ctx.emit("onFinish");
+          clearInterval(countdown2.value);
+        }
+      }, s.has("S") ? 100 : 1e3);
+    };
+    onMounted(() => {
+      startTime();
+    });
+    onUnmounted(() => {
+      clearInterval(countdown2.value);
+    });
+    return () => {
+      return createVNode("div", {
+        "class": "devui-countdown"
+      }, [ctx.slots.default ? ctx.slots.default() : createVNode("div", {
+        "class": "countdown-content",
+        "style": props.valueStyle
+      }, [createVNode("span", {
+        "class": "countdown-prefix"
+      }, [props.prefix]), createVNode("span", {
+        "class": "countdown-value"
+      }, [timeStr.value]), createVNode("span", {
+        "class": "countdown-suffix"
+      }, [props.suffix])])]);
+    };
+  }
+});
+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);
+  }
+};
+export { Countdown, index as default };

package/countdown/index.umd.js

@@ -0,0 +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"});

package/countdown/package.json

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

package/countdown/style.css

@@ -0,0 +1 @@
+.devui-countdown .countdown-content{font-size:24px;color:var(--devui-text, #252b3a)}.devui-countdown .countdown-content span{display:inline-block}.devui-countdown .countdown-content .countdown-prefix{margin-right:4px}.devui-countdown .countdown-content .countdown-suffix{margin-left:4px}

package/date-picker/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;