@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/ConfigProvider.js

@@ -1,57 +1,75 @@
-import { c as g } from "./component-234624bc.js";
-import { h as m } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { h } from "vue";
 import "../locale/lang";
-const { componentName: v, create: s } = g("config-provider"), $ = s({
+const { componentName, create } = createComponent("config-provider");
+const _sfc_main = create({
   props: {
     theme: { type: String, default: "" },
     themeVars: { type: Object, default: {} },
     tag: { type: String, default: "div" }
   },
-  setup(o, { slots: c }) {
-    const f = (t) => (t = t.replace(t.charAt(0), t.charAt(0).toLocaleLowerCase()), t.replace(/([a-z])([A-Z])/g, (e, r, n) => r + "-" + n.toLowerCase())), i = (t) => {
-      if (t) {
-        var e = t.toLowerCase(), r = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
-        if (e && r.test(e)) {
-          if (e.length === 4) {
-            for (var n = "#", a = 1; a < 4; a += 1)
-              n += e.slice(a, a + 1).concat(e.slice(a, a + 1));
-            e = n;
+  setup(props, { slots }) {
+    const kebabCase = (str) => {
+      str = str.replace(str.charAt(0), str.charAt(0).toLocaleLowerCase());
+      return str.replace(/([a-z])([A-Z])/g, (_, p1, p2) => p1 + "-" + p2.toLowerCase());
+    };
+    const colorRgb = (str) => {
+      if (!str)
+        return;
+      var sColor = str.toLowerCase();
+      var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
+      if (sColor && reg.test(sColor)) {
+        if (sColor.length === 4) {
+          var sColorNew = "#";
+          for (var i = 1; i < 4; i += 1) {
+            sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1));
           }
-          for (var l = [], a = 1; a < 7; a += 2)
-            l.push(parseInt("0x" + e.slice(a, a + 2)));
-          return l.join(",");
+          sColor = sColorNew;
+        }
+        var sColorChange = [];
+        for (var i = 1; i < 7; i += 2) {
+          sColorChange.push(parseInt("0x" + sColor.slice(i, i + 2)));
         }
-        return null;
+        return sColorChange.join(",");
       }
-    }, u = (t) => {
-      var n;
-      if (!t)
+      return null;
+    };
+    const mapThemeVarsToCSSVars = (themeVars) => {
+      var _a;
+      if (!themeVars)
         return;
-      const e = {}, r = (n = o == null ? void 0 : o.themeVars) == null ? void 0 : n.primaryColor;
-      return r && (e["--nut-address-region-tab-line"] = `linear-gradient(90deg, ${r} 0%, rgba(${i(
-        r
-      )},0.15) 100%) `, e["--nut-tabs-horizontal-tab-line-color"] = `linear-gradient(90deg, ${r} 0%, rgba(${i(
-        r
-      )},0.15)100%)`, e["--nut-tabs-vertical-tab-line-color"] = `linear-gradient(180deg, ${r} 0%, rgba(${i(
-        r
-      )},0.15) 100%) `), Object.keys(t).forEach((a) => {
-        e[`--nut-${f(a)}`] = t[a];
-      }), e;
+      const cssVars = {};
+      const primaryColor = (_a = props == null ? void 0 : props.themeVars) == null ? void 0 : _a.primaryColor;
+      if (primaryColor) {
+        cssVars[`--nut-address-region-tab-line`] = `linear-gradient(90deg, ${primaryColor} 0%, rgba(${colorRgb(
+          primaryColor
+        )},0.15) 100%) `;
+        cssVars[`--nut-tabs-horizontal-tab-line-color`] = `linear-gradient(90deg, ${primaryColor} 0%, rgba(${colorRgb(
+          primaryColor
+        )},0.15)100%)`;
+        cssVars[`--nut-tabs-vertical-tab-line-color`] = `linear-gradient(180deg, ${primaryColor} 0%, rgba(${colorRgb(
+          primaryColor
+        )},0.15) 100%) `;
+      }
+      Object.keys(themeVars).forEach((key) => {
+        cssVars[`--nut-${kebabCase(key)}`] = themeVars[key];
+      });
+      return cssVars;
     };
     return () => {
-      var e;
-      const t = (e = c.default) == null ? void 0 : e.call(c);
-      return m(
-        o.tag,
+      var _a;
+      const defaultSlots = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      return h(
+        props.tag,
         {
-          class: `nut-theme-${o.theme}`,
-          style: u(o.themeVars)
+          class: `nut-theme-${props.theme}`,
+          style: mapThemeVarsToCSSVars(props.themeVars)
         },
-        t
+        defaultSlots
       );
     };
   }
 });
 export {
-  $ as default
+  _sfc_main as default
 };

package/dist/packages/_es/Countdown.js

@@ -1,50 +1,64 @@
-var B = Object.defineProperty, k = Object.defineProperties;
-var $ = Object.getOwnPropertyDescriptors;
-var N = Object.getOwnPropertySymbols;
-var L = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
-var v = (e, n, r) => n in e ? B(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r, g = (e, n) => {
-  for (var r in n || (n = {}))
-    L.call(n, r) && v(e, r, n[r]);
-  if (N)
-    for (var r of N(n))
-      x.call(n, r) && v(e, r, n[r]);
-  return e;
-}, b = (e, n) => k(e, $(n));
-import { reactive as A, computed as y, onBeforeMount as F, watch as S, toRefs as O, openBlock as M, createElementBlock as H, normalizeClass as R, renderSlot as V } from "vue";
-import { p as d, c as U } from "./component-234624bc.js";
-import { _ as j } from "./_plugin-vue_export-helper-dad06003.js";
+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;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { reactive, computed, onBeforeMount, watch, toRefs, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { p as padZero, c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const q = (e) => {
-  if (!e)
+const getTimeStamp = (timeStr) => {
+  if (!timeStr)
     return Date.now();
-  let n = e;
-  return n = n > 0 ? +n : n.toString().replace(/\-/g, "/"), new Date(n).getTime();
-}, { componentName: z, create: I, translate: Y } = U("countdown"), Z = I({
+  let t = timeStr;
+  t = t > 0 ? +t : t.toString().replace(/\-/g, "/");
+  return new Date(t).getTime();
+};
+const { componentName, create, translate } = createComponent("countdown");
+const _sfc_main = create({
   props: {
     modelValue: {
       type: Object,
-      default: () => ({})
+      default: () => {
+        return {};
+      }
     },
     paused: {
-      default: !1,
+      default: false,
       type: Boolean
     },
     startTime: {
       // 可以是服务器当前时间
       type: [Number, String],
-      validator(e) {
-        return new Date(e).toString().toLowerCase() !== "invalid date";
+      validator(v) {
+        const dateStr = new Date(v).toString().toLowerCase();
+        return dateStr !== "invalid date";
       }
     },
     endTime: {
       type: [Number, String],
-      validator(e) {
-        return new Date(e).toString().toLowerCase() !== "invalid date";
+      validator(v) {
+        const dateStr = new Date(v).toString().toLowerCase();
+        return dateStr !== "invalid date";
       }
     },
     // 是否开启毫秒
     millisecond: {
-      default: !1,
+      default: false,
       type: Boolean
     },
     // 时间格式化
@@ -54,7 +68,7 @@ const q = (e) => {
     },
     autoStart: {
       type: Boolean,
-      default: !0
+      default: true
     },
     // 倒计时时长，单位毫秒
     time: {
@@ -63,99 +77,197 @@ const q = (e) => {
     }
   },
   emits: ["input", "on-end", "on-restart", "on-paused", "update:modelValue"],
-  setup(e, { emit: n, slots: r }) {
-    const t = A({
+  setup(props, { emit, slots }) {
+    const state = reactive({
       restTime: 0,
       // 倒计时剩余时间时间
       timer: null,
-      counting: !e.paused && e.autoStart,
+      counting: !props.paused && props.autoStart,
       // 是否处于倒计时中
       handleEndTime: Date.now(),
       // 最终截止时间
       diffTime: 0
       // 设置了 startTime 时，与 date.now() 的差异
-    }), w = y(() => ({
-      [z]: !0
-    })), h = y(() => D(t.restTime)), p = () => {
-      t.handleEndTime = e.endTime, t.diffTime = Date.now() - q(e.startTime), t.counting || (t.counting = !0), f();
-    }, f = () => {
-      window !== void 0 && (t.timer = requestAnimationFrame(() => {
-        if (t.counting) {
-          const o = Date.now() - t.diffTime, i = Math.max(t.handleEndTime - o, 0);
-          t.restTime = i, i || (t.counting = !1, T(), n("on-end")), i > 0 && f();
-        }
-      }));
-    }, D = (o, i) => {
-      const s = o;
-      let l = {
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const renderTime = computed(() => {
+      return formatRemainTime(state.restTime);
+    });
+    const initTime = () => {
+      state.handleEndTime = props.endTime;
+      state.diffTime = Date.now() - getTimeStamp(props.startTime);
+      if (!state.counting)
+        state.counting = true;
+      tick();
+    };
+    const tick = () => {
+      if (window !== void 0) {
+        state.timer = requestAnimationFrame(() => {
+          if (state.counting) {
+            const currentTime = Date.now() - state.diffTime;
+            const remainTime = Math.max(state.handleEndTime - currentTime, 0);
+            state.restTime = remainTime;
+            if (!remainTime) {
+              state.counting = false;
+              pause();
+              emit("on-end");
+            }
+            if (remainTime > 0) {
+              tick();
+            }
+          }
+        });
+      }
+    };
+    const formatRemainTime = (t, type) => {
+      const ts = t;
+      let rest = {
         d: 0,
         h: 0,
         m: 0,
         s: 0,
         ms: 0
       };
-      const m = 1e3, u = 60 * m, a = 60 * u, c = 24 * a;
-      return s > 0 && (l.d = s >= m ? Math.floor(s / c) : 0, l.h = Math.floor(s % c / a), l.m = Math.floor(s % a / u), l.s = Math.floor(s % u / m), l.ms = Math.floor(s % m)), i == "custom" ? l : _(g({}, l));
-    }, _ = (o) => {
-      let { d: i, h: s, m: l, s: m, ms: u } = o, a = e.format;
-      if (a.includes("DD") ? a = a.replace("DD", d(i)) : s += Number(i) * 24, a.includes("HH") ? a = a.replace("HH", d(s)) : l += Number(s) * 60, a.includes("mm") ? a = a.replace("mm", d(l)) : m += Number(l) * 60, a.includes("ss") ? a = a.replace("ss", d(m)) : u += Number(m) * 1e3, a.includes("S")) {
-        const c = d(u, 3).toString();
-        a.includes("SSS") ? a = a.replace("SSS", c) : a.includes("SS") ? a = a.replace("SS", c.slice(0, 2)) : a.includes("S") && (a = a.replace("SS", c.slice(0, 1)));
-      }
-      return a;
-    }, C = () => {
-      !t.counting && !e.autoStart && (t.counting = !0, t.handleEndTime = Date.now() + Number(t.restTime), f(), n("on-restart", t.restTime));
-    }, T = () => {
-      cancelAnimationFrame(t.timer), t.counting = !1, n("on-paused", t.restTime);
-    }, E = () => {
-      e.autoStart || (T(), t.restTime = e.time);
+      const SECOND = 1e3;
+      const MINUTE = 60 * SECOND;
+      const HOUR = 60 * MINUTE;
+      const DAY = 24 * HOUR;
+      if (ts > 0) {
+        rest.d = ts >= SECOND ? Math.floor(ts / DAY) : 0;
+        rest.h = Math.floor(ts % DAY / HOUR);
+        rest.m = Math.floor(ts % HOUR / MINUTE);
+        rest.s = Math.floor(ts % MINUTE / SECOND);
+        rest.ms = Math.floor(ts % SECOND);
+      }
+      return type == "custom" ? rest : parseFormat(__spreadValues({}, rest));
+    };
+    const parseFormat = (time) => {
+      let { d, h, m, s, ms } = time;
+      let format = props.format;
+      if (format.includes("DD")) {
+        format = format.replace("DD", padZero(d));
+      } else {
+        h += Number(d) * 24;
+      }
+      if (format.includes("HH")) {
+        format = format.replace("HH", padZero(h));
+      } else {
+        m += Number(h) * 60;
+      }
+      if (format.includes("mm")) {
+        format = format.replace("mm", padZero(m));
+      } else {
+        s += Number(m) * 60;
+      }
+      if (format.includes("ss")) {
+        format = format.replace("ss", padZero(s));
+      } else {
+        ms += Number(s) * 1e3;
+      }
+      if (format.includes("S")) {
+        const msC = padZero(ms, 3).toString();
+        if (format.includes("SSS")) {
+          format = format.replace("SSS", msC);
+        } else if (format.includes("SS")) {
+          format = format.replace("SS", msC.slice(0, 2));
+        } else if (format.includes("S")) {
+          format = format.replace("SS", msC.slice(0, 1));
+        }
+      }
+      return format;
+    };
+    const start = () => {
+      if (!state.counting && !props.autoStart) {
+        state.counting = true;
+        state.handleEndTime = Date.now() + Number(state.restTime);
+        tick();
+        emit("on-restart", state.restTime);
+      }
+    };
+    const pause = () => {
+      cancelAnimationFrame(state.timer);
+      state.counting = false;
+      emit("on-paused", state.restTime);
+    };
+    const reset = () => {
+      if (!props.autoStart) {
+        pause();
+        state.restTime = props.time;
+      }
     };
-    return F(() => {
-      e.autoStart ? p() : t.restTime = e.time;
-    }), S(
-      () => t.restTime,
-      (o) => {
-        let i = D(o, "custom");
-        n("update:modelValue", i), n("input", i);
-      }
-    ), S(
-      () => e.paused,
-      (o, i) => {
-        i ? (t.counting || (t.counting = !0, t.handleEndTime = Date.now() + Number(t.restTime), f()), n("on-restart", t.restTime)) : t.counting && T();
-      }
-    ), S(
-      () => e.endTime,
-      (o) => {
-        p();
-      }
-    ), S(
-      () => e.startTime,
-      (o) => {
-        p();
-      }
-    ), b(g({}, O(e)), {
-      slots: r,
-      classes: w,
-      start: C,
-      pause: T,
-      renderTime: h,
-      translate: Y,
-      reset: E
+    onBeforeMount(() => {
+      if (props.autoStart) {
+        initTime();
+      } else {
+        state.restTime = props.time;
+      }
+    });
+    watch(
+      () => state.restTime,
+      (value) => {
+        let tranTime = formatRemainTime(value, "custom");
+        emit("update:modelValue", tranTime);
+        emit("input", tranTime);
+      }
+    );
+    watch(
+      () => props.paused,
+      (v, ov) => {
+        if (!ov) {
+          if (state.counting) {
+            pause();
+          }
+        } else {
+          if (!state.counting) {
+            state.counting = true;
+            state.handleEndTime = Date.now() + Number(state.restTime);
+            tick();
+          }
+          emit("on-restart", state.restTime);
+        }
+      }
+    );
+    watch(
+      () => props.endTime,
+      (value) => {
+        initTime();
+      }
+    );
+    watch(
+      () => props.startTime,
+      (value) => {
+        initTime();
+      }
+    );
+    return __spreadProps(__spreadValues({}, toRefs(props)), {
+      slots,
+      classes,
+      start,
+      pause,
+      renderTime,
+      translate,
+      reset
     });
   }
-}), G = ["innerHTML"];
-function J(e, n, r, t, w, h) {
-  return M(), H("view", {
-    class: R(e.classes)
+});
+const _hoisted_1 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
   }, [
-    e.slots.default ? V(e.$slots, "default", { key: 0 }) : (M(), H("view", {
+    _ctx.slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("view", {
       key: 1,
       class: "nut-countdown__content",
-      innerHTML: e.renderTime
-    }, null, 8, G))
+      innerHTML: _ctx.renderTime
+    }, null, 8, _hoisted_1))
   ], 2);
 }
-const ee = /* @__PURE__ */ j(Z, [["render", J]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  ee as default
+  index as default
 };