@nutui/nutui 3.1.21-beta.0 → 3.1.21-beta.3

package/dist/packages/_es/Comment.js

@@ -0,0 +1,440 @@
+/*!
+* @nutui/nutui v3.1.21-beta.3 Wed May 18 2022 18:19:57 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, renderSlot, createVNode, ref, watch, onMounted, Fragment, renderList, computed, withCtx, normalizeStyle, createTextVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
+const { componentName: componentName$3, create: create$3 } = createComponent("comment-header");
+const _sfc_main$3 = create$3({
+  props: {
+    type: {
+      type: String,
+      default: "default"
+    },
+    info: {
+      type: Object,
+      default: () => {
+      }
+    },
+    labels: {
+      type: Function,
+      default: () => ""
+    }
+  },
+  components: {},
+  emits: ["handleClick"],
+  setup(props, { emit }) {
+    const handleClick = () => {
+      emit("handleClick");
+    };
+    return { handleClick };
+  }
+});
+const _hoisted_1$3 = { class: "nut-comment-header__user" };
+const _hoisted_2$3 = { class: "nut-comment-header__user-avter" };
+const _hoisted_3$3 = ["src"];
+const _hoisted_4$3 = { class: "nut-comment-header__user-score" };
+const _hoisted_5$1 = {
+  key: 0,
+  class: "nut-comment-header__time"
+};
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_rate = resolveComponent("nut-rate");
+  return openBlock(), createElementBlock("view", null, [
+    _ctx.info ? (openBlock(), createElementBlock("view", {
+      key: 0,
+      class: "nut-comment-header",
+      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    }, [
+      createElementVNode("view", _hoisted_1$3, [
+        createElementVNode("view", _hoisted_2$3, [
+          _ctx.info.avatar ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            src: _ctx.info.avatar
+          }, null, 8, _hoisted_3$3)) : createCommentVNode("", true)
+        ]),
+        _ctx.type == "default" ? (openBlock(), createElementBlock("view", {
+          key: 0,
+          class: normalizeClass([`nut-comment-header__user-${_ctx.type}`])
+        }, [
+          createElementVNode("view", {
+            class: normalizeClass([`nut-comment-header__user-${_ctx.type}-name`])
+          }, [
+            createElementVNode("span", null, toDisplayString(_ctx.info.nickName), 1),
+            renderSlot(_ctx.$slots, "labels")
+          ], 2),
+          createElementVNode("view", _hoisted_4$3, [
+            createVNode(_component_nut_rate, {
+              modelValue: _ctx.info.score,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.info.score = $event),
+              "icon-size": "10",
+              spacing: "5",
+              readOnly: "",
+              onChange: _ctx.handleClick
+            }, null, 8, ["modelValue", "onChange"])
+          ])
+        ], 2)) : (openBlock(), createElementBlock("view", {
+          key: 1,
+          class: normalizeClass([`nut-comment-header__user-${_ctx.type}`])
+        }, [
+          createElementVNode("span", {
+            class: normalizeClass([`nut-comment-header__user-${_ctx.type}-name`])
+          }, toDisplayString(_ctx.info.nickName), 3),
+          renderSlot(_ctx.$slots, "labels")
+        ], 2))
+      ]),
+      _ctx.info.time ? (openBlock(), createElementBlock("view", _hoisted_5$1, toDisplayString(_ctx.info.time), 1)) : createCommentVNode("", true)
+    ])) : createCommentVNode("", true),
+    _ctx.type == "complex" ? (openBlock(), createElementBlock("view", {
+      key: 1,
+      class: normalizeClass([`nut-comment-header__${_ctx.type}-score`])
+    }, [
+      createVNode(_component_nut_rate, {
+        modelValue: _ctx.info.score,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.info.score = $event),
+        "icon-size": "12",
+        spacing: "3"
+      }, null, 8, ["modelValue"]),
+      createElementVNode("i", {
+        class: normalizeClass([`nut-comment-header__${_ctx.type}-score-i`])
+      }, null, 2),
+      createElementVNode("view", {
+        class: normalizeClass([`nut-comment-header__${_ctx.type}-score-size`])
+      }, toDisplayString(_ctx.info.size), 3)
+    ], 2)) : createCommentVNode("", true)
+  ]);
+}
+var CommentHeader = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
+const { componentName: componentName$2, create: create$2 } = createComponent("comment-images");
+const _sfc_main$2 = create$2({
+  props: {
+    type: {
+      type: String,
+      default: "one"
+    },
+    videos: {
+      type: Array,
+      default: () => []
+    },
+    images: {
+      type: Array,
+      default: () => []
+    }
+  },
+  components: {},
+  emits: ["click", "clickImages"],
+  setup(props, { emit }) {
+    const isShowImage = ref(false);
+    const initIndex = ref(1);
+    const totalImages = ref([]);
+    watch(() => [props.videos, props.images], (value) => {
+      if (value[0].length > 0) {
+        value[0].forEach((el) => {
+          el.type = "video";
+        });
+      }
+      totalImages.value = value[0].concat(value[1]);
+    }, { deep: true });
+    onMounted(() => {
+      if (props.videos.length > 0) {
+        props.videos.forEach((el) => {
+          el.type = "video";
+        });
+      }
+      totalImages.value = props.videos.concat(props.images);
+    });
+    const showImages = (type, index2) => {
+      const { videos, images } = props;
+      const i = type == "img" ? index2 - videos.length : index2;
+      emit("clickImages", {
+        type,
+        index: i,
+        value: type == "img" ? images[i] : videos[i]
+      });
+    };
+    return { isShowImage, initIndex, showImages, totalImages };
+  }
+});
+const _hoisted_1$2 = ["onClick"];
+const _hoisted_2$2 = ["src"];
+const _hoisted_3$2 = /* @__PURE__ */ createElementVNode("view", { class: "nut-comment-images__play" }, null, -1);
+const _hoisted_4$2 = ["onClick"];
+const _hoisted_5 = ["src"];
+const _hoisted_6 = {
+  key: 0,
+  class: "nut-comment-images__mask"
+};
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(`nut-comment-images nut-comment-images--${_ctx.type}`)
+  }, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.videos, (itV, index2) => {
+      return openBlock(), createElementBlock("view", {
+        class: "nut-comment-images__item nut-comment-images__item--video",
+        key: itV.id,
+        onClick: ($event) => _ctx.showImages("video", index2, index2)
+      }, [
+        createElementVNode("img", {
+          src: itV.mainUrl
+        }, null, 8, _hoisted_2$2),
+        _hoisted_3$2
+      ], 8, _hoisted_1$2);
+    }), 128)),
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.images, (itI, index2) => {
+      return openBlock(), createElementBlock(Fragment, {
+        key: itI.id
+      }, [
+        _ctx.type == "multi" && _ctx.videos.length + index2 < 9 || _ctx.type != "multi" ? (openBlock(), createElementBlock("view", {
+          key: 0,
+          class: "nut-comment-images__item nut-comment-images__item--imgbox",
+          onClick: ($event) => _ctx.showImages("img", index2 + _ctx.videos.length)
+        }, [
+          createElementVNode("img", {
+            src: itI.smallImgUrl ? itI.smallImgUrl : itI.imgUrl
+          }, null, 8, _hoisted_5),
+          _ctx.type == "multi" && _ctx.totalImages.length > 9 && _ctx.videos.length + index2 > 7 ? (openBlock(), createElementBlock("view", _hoisted_6, [
+            createElementVNode("span", null, "\u5171 " + toDisplayString(_ctx.totalImages.length) + " \u5F20", 1),
+            createVNode(_component_nut_icon, {
+              name: "right",
+              size: "12"
+            })
+          ])) : createCommentVNode("", true)
+        ], 8, _hoisted_4$2)) : createCommentVNode("", true)
+      ], 64);
+    }), 128))
+  ], 2);
+}
+var CommentImages = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
+const { componentName: componentName$1, create: create$1, translate: translate$1 } = createComponent("comment-bottom");
+const _sfc_main$1 = create$1({
+  props: {
+    type: {
+      type: String,
+      default: "base"
+    },
+    info: {
+      type: Object,
+      default: () => {
+      }
+    },
+    operation: {
+      type: Array,
+      default: ["replay", "like", "more"]
+    }
+  },
+  components: {},
+  emits: ["clickOperate", "handleClick"],
+  setup(props, { emit }) {
+    const showPopver = ref(false);
+    const mergeOp = ref([]);
+    onMounted(() => {
+      const deOp = ["replay", "like", "more"];
+      if (props.operation) {
+        props.operation.forEach((name) => {
+          if (deOp.includes(name)) {
+            mergeOp.value.push(name);
+          }
+        });
+      }
+    });
+    const operate = (type) => {
+      if (type == "more") {
+        showPopver.value = !showPopver.value;
+      }
+      emit("clickOperate", type);
+    };
+    const handleClick = () => {
+      emit("handleClick");
+    };
+    return { showPopver, operate, mergeOp, handleClick, translate: translate$1 };
+  }
+});
+const _hoisted_1$1 = { class: "nut-comment-bottom" };
+const _hoisted_2$1 = { key: 0 };
+const _hoisted_3$1 = { class: "nut-comment-bottom__cpx" };
+const _hoisted_4$1 = ["onClick"];
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", _hoisted_1$1, [
+    createElementVNode("view", {
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
+      class: "nut-comment-bottom__lable"
+    }, [
+      _ctx.type != "complex" ? (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(_ctx.info.size), 1)) : createCommentVNode("", true)
+    ]),
+    createElementVNode("view", _hoisted_3$1, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.mergeOp, (name, i) => {
+        return openBlock(), createElementBlock("view", {
+          key: i,
+          class: normalizeClass(["nut-comment-bottom__cpx-item", `nut-comment-bottom__cpx-item--${name}`]),
+          onClick: ($event) => _ctx.operate(name)
+        }, [
+          name != "more" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createElementVNode("span", null, toDisplayString(_ctx.info[name]), 1),
+            createVNode(_component_nut_icon, {
+              name: name == "like" ? "fabulous" : "comment"
+            }, null, 8, ["name"])
+          ], 64)) : createCommentVNode("", true),
+          name == "more" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createVNode(_component_nut_icon, { name: "more-x" }),
+            _ctx.showPopver ? (openBlock(), createElementBlock("view", {
+              key: 0,
+              class: "nut-comment-bottom__cpx-item-popover",
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.operate("popover"))
+            }, toDisplayString(_ctx.translate("complaintsText")), 1)) : createCommentVNode("", true)
+          ], 64)) : createCommentVNode("", true)
+        ], 10, _hoisted_4$1);
+      }), 128))
+    ])
+  ]);
+}
+var CommentBottom = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+const { componentName, create, translate } = createComponent("comment");
+const _sfc_main = create({
+  props: {
+    headerType: {
+      type: String,
+      default: "default"
+    },
+    imagesRows: {
+      type: String,
+      default: "one"
+    },
+    ellipsis: {
+      type: [String, Number, Boolean],
+      default: false
+    },
+    videos: {
+      type: Array,
+      default: () => []
+    },
+    images: {
+      type: Array,
+      default: () => []
+    },
+    info: {
+      type: Object,
+      default: () => {
+      }
+    },
+    follow: {
+      type: Object,
+      default: () => {
+      }
+    },
+    labels: {
+      type: Function,
+      default: () => ""
+    },
+    operation: {
+      type: Array,
+      default: ["replay", "like", "more"]
+    }
+  },
+  components: {
+    CommentHeader,
+    CommentImages,
+    CommentBottom
+  },
+  emits: ["click", "clickImages", "clickOperate"],
+  setup(props, { emit }) {
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const conEllipsis = computed(() => {
+      if (props.ellipsis)
+        return props.ellipsis;
+      return props.headerType == "complex" ? 6 : 2;
+    });
+    const clickOperate = (t) => {
+      emit("clickOperate", t);
+    };
+    const handleClick = () => {
+      emit("click", props.info);
+    };
+    const clickImages = (value) => {
+      emit("clickImages", value);
+    };
+    return { classes, conEllipsis, clickOperate, handleClick, clickImages, translate };
+  }
+});
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = { class: "nut-comment__follow-title" };
+const _hoisted_3 = { class: "nut-comment__follow-com" };
+const _hoisted_4 = {
+  key: 0,
+  class: "nut-comment__follow-img"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_comment_header = resolveComponent("comment-header");
+  const _component_comment_images = resolveComponent("comment-images");
+  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_comment_bottom = resolveComponent("comment-bottom");
+  return _ctx.info && Object.keys(_ctx.info) ? (openBlock(), createElementBlock("view", {
+    key: 0,
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createVNode(_component_comment_header, {
+      type: _ctx.headerType,
+      info: _ctx.info,
+      labels: _ctx.labels,
+      onHandleClick: _ctx.handleClick
+    }, {
+      labels: withCtx(() => [
+        renderSlot(_ctx.$slots, "comment-labels")
+      ]),
+      _: 3
+    }, 8, ["type", "info", "labels", "onHandleClick"]),
+    renderSlot(_ctx.$slots, "feature"),
+    createElementVNode("view", {
+      class: "nut-comment__main",
+      style: normalizeStyle(`-webkit-line-clamp:${_ctx.conEllipsis}`),
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
+      innerHTML: _ctx.info.content.replace(/\n/g, "<br>")
+    }, null, 12, _hoisted_1),
+    createVNode(_component_comment_images, {
+      images: _ctx.images,
+      videos: _ctx.videos,
+      type: _ctx.imagesRows,
+      onClickImages: _ctx.clickImages
+    }, null, 8, ["images", "videos", "type", "onClickImages"]),
+    _ctx.follow && _ctx.follow.days > 0 ? (openBlock(), createElementBlock("view", {
+      key: 0,
+      class: "nut-comment__follow",
+      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    }, [
+      createElementVNode("view", _hoisted_2, [
+        createVNode(_component_nut_icon, {
+          size: "14",
+          name: "joy-smile"
+        }),
+        createTextVNode(toDisplayString(_ctx.translate("additionalReview", _ctx.follow.days)), 1)
+      ]),
+      createElementVNode("view", _hoisted_3, toDisplayString(_ctx.follow.content), 1),
+      _ctx.follow.images && _ctx.follow.images.length > 0 ? (openBlock(), createElementBlock("view", _hoisted_4, [
+        createTextVNode(toDisplayString(_ctx.translate("additionalImages", _ctx.follow.images.length)) + " ", 1),
+        createVNode(_component_nut_icon, {
+          size: "12",
+          name: "right"
+        })
+      ])) : createCommentVNode("", true)
+    ])) : createCommentVNode("", true),
+    createVNode(_component_comment_bottom, {
+      type: _ctx.headerType,
+      info: _ctx.info,
+      operation: _ctx.operation,
+      onClickOperate: _ctx.clickOperate,
+      onHandleClick: _ctx.handleClick
+    }, null, 8, ["type", "info", "operation", "onClickOperate", "onHandleClick"]),
+    renderSlot(_ctx.$slots, "comment-shop-reply")
+  ], 2)) : createCommentVNode("", true);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/CountDown.js

@@ -0,0 +1,264 @@
+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));
+/*!
+* @nutui/nutui v3.1.21-beta.3 Wed May 18 2022 18:19:57 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { reactive, computed, onBeforeMount, watch, toRefs, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
+const padZero = (num, length = 2) => {
+  num += "";
+  while (num.length < length) {
+    num = "0" + num;
+  }
+  return num.toString();
+};
+const getTimeStamp = (timeStr) => {
+  if (!timeStr)
+    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({
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    paused: {
+      default: false,
+      type: Boolean
+    },
+    startTime: {
+      type: [Number, String],
+      validator(v) {
+        const dateStr = new Date(v).toString().toLowerCase();
+        return dateStr !== "invalid date";
+      }
+    },
+    endTime: {
+      type: [Number, String],
+      validator(v) {
+        const dateStr = new Date(v).toString().toLowerCase();
+        return dateStr !== "invalid date";
+      }
+    },
+    millisecond: {
+      default: false,
+      type: Boolean
+    },
+    format: {
+      type: String,
+      default: "HH:mm:ss"
+    },
+    autoStart: {
+      type: Boolean,
+      default: true
+    },
+    time: {
+      type: [Number, String],
+      default: 0
+    }
+  },
+  emits: ["input", "on-end", "on-restart", "on-paused", "update:modelValue"],
+  setup(props, { emit, slots }) {
+    const state = reactive({
+      restTime: 0,
+      timer: null,
+      counting: !props.paused && props.autoStart,
+      handleEndTime: Date.now(),
+      diffTime: 0
+    });
+    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 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;
+      }
+    };
+    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,
+      getTimeStamp,
+      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)
+  }, [
+    _ctx.slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("view", {
+      key: 1,
+      class: "nut-cd-block",
+      innerHTML: _ctx.renderTime
+    }, null, 8, _hoisted_1))
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };