@nutui/nutui 4.0.0 → 4.0.1-2.beta-1

package/dist/packages/_es/ConfigProvider.js

@@ -1,75 +1,57 @@
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { h } from "vue";
+import { c as g } from "./component-234624bc.js";
+import { h as m } from "vue";
 import "../locale/lang";
-const { componentName, create } = createComponent("config-provider");
-const _sfc_main = create({
+const { componentName: v, create: s } = g("config-provider"), $ = s({
   props: {
     theme: { type: String, default: "" },
-    themeVars: { type: Object, default: () => {
-    } },
+    themeVars: { type: Object, default: {} },
     tag: { type: String, default: "div" }
   },
-  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));
+  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;
           }
-          sColor = sColorNew;
-        }
-        var sColorChange = [];
-        for (var i = 1; i < 7; i += 2) {
-          sColorChange.push(parseInt("0x" + sColor.slice(i, i + 2)));
+          for (var l = [], a = 1; a < 7; a += 2)
+            l.push(parseInt("0x" + e.slice(a, a + 2)));
+          return l.join(",");
         }
-        return sColorChange.join(",");
+        return null;
       }
-      return null;
-    };
-    const mapThemeVarsToCSSVars = (themeVars) => {
-      var _a;
-      if (!themeVars)
+    }, u = (t) => {
+      var n;
+      if (!t)
         return;
-      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;
+      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;
     };
     return () => {
-      var _a;
-      return h(
-        props.tag,
+      var e;
+      const t = (e = c.default) == null ? void 0 : e.call(c);
+      return m(
+        o.tag,
         {
-          class: `nut-theme-${props.theme}`,
-          style: mapThemeVarsToCSSVars(props.themeVars)
+          class: `nut-theme-${o.theme}`,
+          style: u(o.themeVars)
         },
-        (_a = slots.default) == null ? void 0 : _a.call(slots)
+        t
       );
     };
   }
 });
 export {
-  _sfc_main as default
+  $ as default
 };

package/dist/packages/_es/Countdown.js

@@ -1,45 +1,50 @@
-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";
+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";
 import "../locale/lang";
-const getTimeStamp = (timeStr) => {
-  if (!timeStr)
+const q = (e) => {
+  if (!e)
     return Date.now();
-  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({
+  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({
   props: {
     modelValue: {
       type: Object,
-      default: () => {
-        return {};
-      }
+      default: () => ({})
     },
     paused: {
-      default: false,
+      default: !1,
       type: Boolean
     },
     startTime: {
       // 可以是服务器当前时间
       type: [Number, String],
-      validator(v) {
-        const dateStr = new Date(v).toString().toLowerCase();
-        return dateStr !== "invalid date";
+      validator(e) {
+        return new Date(e).toString().toLowerCase() !== "invalid date";
       }
     },
     endTime: {
       type: [Number, String],
-      validator(v) {
-        const dateStr = new Date(v).toString().toLowerCase();
-        return dateStr !== "invalid date";
+      validator(e) {
+        return new Date(e).toString().toLowerCase() !== "invalid date";
       }
     },
     // 是否开启毫秒
     millisecond: {
-      default: false,
+      default: !1,
       type: Boolean
     },
     // 时间格式化
@@ -49,7 +54,7 @@ const _sfc_main = create({
     },
     autoStart: {
       type: Boolean,
-      default: true
+      default: !0
     },
     // 倒计时时长，单位毫秒
     time: {
@@ -58,198 +63,99 @@ const _sfc_main = create({
     }
   },
   emits: ["input", "on-end", "on-restart", "on-paused", "update:modelValue"],
-  setup(props, { emit, slots }) {
-    const state = reactive({
+  setup(e, { emit: n, slots: r }) {
+    const t = A({
       restTime: 0,
       // 倒计时剩余时间时间
       timer: null,
-      counting: !props.paused && props.autoStart,
+      counting: !e.paused && e.autoStart,
       // 是否处于倒计时中
       handleEndTime: Date.now(),
       // 最终截止时间
       diffTime: 0
       // 设置了 startTime 时，与 date.now() 的差异
-    });
-    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 = {
+    }), 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 = {
         d: 0,
         h: 0,
         m: 0,
         s: 0,
         ms: 0
       };
-      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({ ...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;
-      }
+      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);
     };
-    onBeforeMount(() => {
-      if (props.autoStart) {
-        initTime();
-      } else {
-        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
     });
-    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 {
-      ...toRefs(props),
-      slots,
-      classes,
-      start,
-      pause,
-      renderTime,
-      translate,
-      reset
-    };
   }
-});
-const _hoisted_1 = ["innerHTML"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
+}), G = ["innerHTML"];
+function J(e, n, r, t, w, h) {
+  return M(), H("view", {
+    class: R(e.classes)
   }, [
-    _ctx.slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("view", {
+    e.slots.default ? V(e.$slots, "default", { key: 0 }) : (M(), H("view", {
       key: 1,
       class: "nut-countdown__content",
-      innerHTML: _ctx.renderTime
-    }, null, 8, _hoisted_1))
+      innerHTML: e.renderTime
+    }, null, 8, G))
   ], 2);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const ee = /* @__PURE__ */ j(Z, [["render", J]]);
 export {
-  index as default
+  ee as default
 };