greeks-live-ui 0.1.21 → 0.1.22

package/es/packages/components/checkbox/src/checkbox.mjs

@@ -1,8 +1,34 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { Checkbox as Checkbox$1 } from 'ant-design-vue/es';
+import { defineComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot } from 'vue';
+import '../../../hooks/index.mjs';
+import { checkboxProps, checkboxEmits } from './checkbox2.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const checkboxEmits = {};
-const checkboxProps = buildProps({});
+const __default__ = {
+  name: "GCheckbox"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: checkboxProps,
+  emits: checkboxEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("checkbox");
+    return (_ctx, _cache) => {
+      const _component_a_checkbox = Checkbox$1;
+      return openBlock(), createBlock(_component_a_checkbox, mergeProps({
+        class: [unref(ns).b()]
+      }, props, toHandlers(emits)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/checkbox/src/checkbox.vue"]]);
 
-export { checkboxEmits, checkboxProps };
+export { Checkbox as default };
 //# sourceMappingURL=checkbox.mjs.map

package/es/packages/components/checkbox/src/checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.mjs","sources":["../../../../../../../packages/components/checkbox/src/checkbox.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Checkbox from './checkbox.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const checkboxEmits = {}\nexport type CheckboxEmits = typeof checkboxEmits\nexport const checkboxProps = buildProps({})\nexport type CheckboxProps = ExtractPropTypes<typeof checkboxProps>\nexport type CheckboxInstance = InstanceType<typeof Checkbox>\n"],"names":[],"mappings":";;;AAIO,MAAM,gBAAgB,GAAC;AAEjB,MAAA,aAAA,GAAgB,UAAW,CAAA,EAAE;;;;"}
+{"version":3,"file":"checkbox.mjs","sources":["../../../../../../../packages/components/checkbox/src/checkbox.vue"],"sourcesContent":["<template>\n  <a-checkbox\n    :class=\"[ns.b()]\"\n    v-bind=\"props\"\n    v-on=\"emits\"\n  >\n    <slot></slot>\n  </a-checkbox>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { checkboxEmits, checkboxProps } from './checkbox'\ndefineOptions({\n  name: 'GCheckbox',\n})\nconst ns = useNamespace('checkbox')\nconst props = defineProps(checkboxProps)\nconst emits = defineEmits(checkboxEmits)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/checkbox/src/checkbox2.mjs

@@ -1,34 +1,8 @@
-import { Checkbox as Checkbox$1 } from 'ant-design-vue/es';
-import { defineComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot } from 'vue';
-import '../../../hooks/index.mjs';
-import { checkboxProps, checkboxEmits } from './checkbox.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = {
-  name: "GCheckbox"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: checkboxProps,
-  emits: checkboxEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("checkbox");
-    return (_ctx, _cache) => {
-      const _component_a_checkbox = Checkbox$1;
-      return openBlock(), createBlock(_component_a_checkbox, mergeProps({
-        class: [unref(ns).b()]
-      }, props, toHandlers(emits)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/checkbox/src/checkbox.vue"]]);
+const checkboxEmits = {};
+const checkboxProps = buildProps({});
 
-export { Checkbox as default };
+export { checkboxEmits, checkboxProps };
 //# sourceMappingURL=checkbox2.mjs.map

package/es/packages/components/checkbox/src/checkbox2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox2.mjs","sources":["../../../../../../../packages/components/checkbox/src/checkbox.vue"],"sourcesContent":["<template>\n  <a-checkbox\n    :class=\"[ns.b()]\"\n    v-bind=\"props\"\n    v-on=\"emits\"\n  >\n    <slot></slot>\n  </a-checkbox>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { checkboxEmits, checkboxProps } from './checkbox'\ndefineOptions({\n  name: 'GCheckbox',\n})\nconst ns = useNamespace('checkbox')\nconst props = defineProps(checkboxProps)\nconst emits = defineEmits(checkboxEmits)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"checkbox2.mjs","sources":["../../../../../../../packages/components/checkbox/src/checkbox.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Checkbox from './checkbox.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const checkboxEmits = {}\nexport type CheckboxEmits = typeof checkboxEmits\nexport const checkboxProps = buildProps({})\nexport type CheckboxProps = ExtractPropTypes<typeof checkboxProps>\nexport type CheckboxInstance = InstanceType<typeof Checkbox>\n"],"names":[],"mappings":";;;AAIO,MAAM,gBAAgB,GAAC;AAEjB,MAAA,aAAA,GAAgB,UAAW,CAAA,EAAE;;;;"}

package/es/packages/components/countdown/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Countdown from './src/countdown2.mjs';
-export { countdownEmits, countdownProps } from './src/countdown.mjs';
+import Countdown from './src/countdown.mjs';
+export { countdownEmits, countdownProps } from './src/countdown2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GCountdown = withInstall(Countdown);

package/es/packages/components/countdown/src/countdown.mjs

@@ -1,59 +1,169 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { Progress } from 'ant-design-vue/es';
+import { defineComponent, ref, computed, onMounted, onUnmounted, unref, openBlock, createElementBlock, normalizeClass, createVNode, createCommentVNode, toDisplayString } from 'vue';
+import '../../../hooks/index.mjs';
+import { countdownProps, countdownEmits } from './countdown2.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const countdownEmits = {
-  "onEnd": () => true
+const _hoisted_1 = ["title"];
+const __default__ = {
+  name: "GCountdown"
 };
-const countdownProps = buildProps({
-  startTs: {
-    type: Number,
-    default: void 0
-  },
-  endTs: {
-    type: Number,
-    required: false
-  },
-  time: {
-    type: Number,
-    default: void 0
-  },
-  showProgress: {
-    type: Boolean,
-    default: false
-  },
-  showText: {
-    type: Boolean,
-    default: true
-  },
-  format: {
-    type: String,
-    default: "colon"
-  },
-  progressSize: {
-    type: Number,
-    default: 14
-  },
-  updateInterval: {
-    type: Number,
-    default: 1e3
-  },
-  strokeColor: {
-    type: String,
-    default: "var(--theme-brand-500)"
-  },
-  strokeWidth: {
-    type: Number,
-    default: 8
-  },
-  endDisplay: {
-    type: [String, Boolean, null],
-    default: null
-  },
-  hoverFormat: {
-    type: String,
-    default: "colon"
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: countdownProps,
+  emits: countdownEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("countdown");
+    const currentDisplayValue = ref("");
+    const hoverValue = ref("");
+    const percent = ref(100);
+    const isLastMinute = ref(false);
+    const startTime = ref(0);
+    let timer = null;
+    const shouldShow = computed(() => {
+      return currentDisplayValue.value || props.showProgress;
+    });
+    const format = (_number) => {
+      return hoverValue.value;
+    };
+    const calcDisplayValue = (diff, format2) => {
+      const hours = Math.floor(diff / (1e3 * 60 * 60));
+      const minutes = Math.floor(diff % (1e3 * 60 * 60) / (1e3 * 60));
+      const seconds = Math.floor(diff % (1e3 * 60) / 1e3);
+      const displayHours = hours >= 10 ? `${hours}` : `0${hours}`;
+      const displayMinutes = minutes >= 10 ? `${minutes}` : `0${minutes}`;
+      let displaySeconds = `${seconds}`;
+      if (minutes > 0 || hours > 0) {
+        displaySeconds = seconds >= 10 ? `${seconds}` : `0${seconds}`;
+      }
+      switch (format2) {
+        case "unit":
+          if (hours > 0) {
+            return `${hours}h ${minutes}min ${seconds}s`;
+          } else if (minutes > 0) {
+            return `${minutes}min ${seconds}s`;
+          } else {
+            return `${seconds}s`;
+          }
+        case "compact":
+          if (hours > 0) {
+            return `${hours}:${displayMinutes}:${displaySeconds}`;
+          } else if (minutes > 0) {
+            return `${displayMinutes}:${displaySeconds}`;
+          } else {
+            return `${displaySeconds}s`;
+          }
+        case "colon":
+        default:
+          if (hours > 0) {
+            return `${displayHours}:${displayMinutes}:${displaySeconds}`;
+          } else if (minutes > 0) {
+            return `${displayMinutes}:${displaySeconds}`;
+          } else {
+            return `${displaySeconds}s`;
+          }
+      }
+    };
+    const calcTimeLeft = () => {
+      const now = Date.now();
+      let diff;
+      if (props.time) {
+        const elapsed = now - startTime.value;
+        diff = props.time - elapsed;
+      } else if (props.endTs) {
+        diff = props.endTs - now;
+      } else {
+        currentDisplayValue.value = "";
+        hoverValue.value = "";
+        return;
+      }
+      isLastMinute.value = diff <= 60 * 1e3 && diff > 0;
+      if (diff <= 0) {
+        if (props.endDisplay === null || props.endDisplay === false) {
+          currentDisplayValue.value = "";
+        } else if (props.endDisplay === "-") {
+          currentDisplayValue.value = "-";
+        } else {
+          currentDisplayValue.value = props.endDisplay;
+        }
+        hoverValue.value = "";
+        percent.value = 0;
+        clearInterval(timer);
+        emits("onEnd");
+        return;
+      }
+      if (props.time) {
+        percent.value = diff / props.time * 100;
+      } else if (props.startTs && props.endTs) {
+        const duration = props.endTs - props.startTs;
+        percent.value = diff / duration * 100;
+      }
+      currentDisplayValue.value = calcDisplayValue(diff, props.format);
+      hoverValue.value = calcDisplayValue(diff, props.hoverFormat);
+    };
+    const startCountdown = () => {
+      if (props.time) {
+        startTime.value = Date.now();
+      }
+      calcTimeLeft();
+      timer = setInterval(() => {
+        calcTimeLeft();
+      }, props.updateInterval);
+    };
+    const clearTimers = () => {
+      if (timer) {
+        clearInterval(timer);
+        timer = null;
+      }
+    };
+    onMounted(() => {
+      startCountdown();
+    });
+    onUnmounted(() => {
+      clearTimers();
+    });
+    return (_ctx, _cache) => {
+      const _component_a_progress = Progress;
+      return unref(shouldShow) ? (openBlock(), createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: normalizeClass([unref(ns).e("wrapper")])
+        },
+        [
+          _ctx.showProgress ? (openBlock(), createElementBlock(
+            "span",
+            {
+              key: 0,
+              class: normalizeClass([unref(ns).e("progress-wrapper")])
+            },
+            [
+              createVNode(_component_a_progress, {
+                type: "circle",
+                percent: percent.value,
+                size: _ctx.progressSize,
+                "stroke-color": props.strokeColor,
+                "stroke-width": props.strokeWidth,
+                format,
+                class: normalizeClass({ [unref(ns).e("is-last-minute")]: isLastMinute.value })
+              }, null, 8, ["percent", "size", "stroke-color", "stroke-width", "class"])
+            ],
+            2
+          )) : createCommentVNode("v-if", true),
+          _ctx.showText ? (openBlock(), createElementBlock("span", {
+            key: 1,
+            class: normalizeClass([unref(ns).e("text")]),
+            title: hoverValue.value
+          }, toDisplayString(currentDisplayValue.value), 11, _hoisted_1)) : createCommentVNode("v-if", true)
+        ],
+        2
+      )) : createCommentVNode("v-if", true);
+    };
   }
 });
+var Countdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/countdown/src/countdown.vue"]]);
 
-export { countdownEmits, countdownProps };
+export { Countdown as default };
 //# sourceMappingURL=countdown.mjs.map

package/es/packages/components/countdown/src/countdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"countdown.mjs","sources":["../../../../../../../packages/components/countdown/src/countdown.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Countdown from './countdown.vue'\nimport type { ExtractPropTypes, PropType } from 'vue'\n\nexport const countdownEmits = {\n  'onEnd': () => true,\n}\nexport type CountdownEmits = typeof countdownEmits\n\nexport const countdownProps = buildProps({\n  startTs: {\n    type: Number,\n    default: undefined,\n  },\n  endTs: {\n    type: Number,\n    required: false,\n  },\n  time: {\n    type: Number,\n    default: undefined,\n  },\n  showProgress: {\n    type: Boolean,\n    default: false,\n  },\n  showText: {\n    type: Boolean,\n    default: true,\n  },\n  format: {\n    type: String as PropType<'colon' | 'unit' | 'compact'>,\n    default: 'colon',\n  },\n  progressSize: {\n    type: Number,\n    default: 14,\n  },\n  updateInterval: {\n    type: Number,\n    default: 1000,\n  },\n  strokeColor: {\n    type: String,\n    default: 'var(--theme-brand-500)',\n  },\n  strokeWidth: {\n    type: Number,\n    default: 8,\n  },\n  endDisplay: {\n    type: [String, Boolean, null] as PropType<string | boolean | null>,\n    default: null,\n  },\n  hoverFormat: {\n    type: String as PropType<'colon' | 'unit' | 'compact'>,\n    default: 'colon',\n  },\n})\n\nexport type CountdownProps = ExtractPropTypes<typeof countdownProps>\nexport type CountdownInstance = InstanceType<typeof Countdown>\n"],"names":[],"mappings":";;;AAIO,MAAM,cAAiB,GAAA;AAAA,EAC5B,SAAS,MAAM,IAAA;AACjB,EAAA;AAGO,MAAM,iBAAiB,UAAW,CAAA;AAAA,EACvC,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,wBAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,CAAC,MAAQ,EAAA,OAAA,EAAS,IAAI,CAAA;AAAA,IAC5B,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAC;;;;"}
+{"version":3,"file":"countdown.mjs","sources":["../../../../../../../packages/components/countdown/src/countdown.vue"],"sourcesContent":["<template>\n  <div v-if=\"shouldShow\" :class=\"[ns.e('wrapper')]\">\n    <span v-if=\"showProgress\" :class=\"[ns.e('progress-wrapper')]\">\n      <a-progress\n        type=\"circle\"\n        :percent=\"percent\"\n        :size=\"progressSize\"\n        :stroke-color=\"props.strokeColor\"\n        :stroke-width=\"props.strokeWidth\"\n        :format=\"format\"\n        :class=\"{ [ns.e('is-last-minute')]: isLastMinute }\"\n      />\n    </span>\n    <span v-if=\"showText\" :class=\"[ns.e('text')]\" :title=\"hoverValue\">{{ currentDisplayValue }}</span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, onMounted, onUnmounted } from 'vue'\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { countdownEmits, countdownProps } from './countdown'\n\ndefineOptions({\n  name: 'GCountdown',\n})\n\nconst ns = useNamespace('countdown')\nconst props = defineProps(countdownProps)\nconst emits = defineEmits(countdownEmits)\n\n// 响应式数据\nconst currentDisplayValue = ref('')\nconst hoverValue = ref('')\nconst percent = ref(100)\nconst isLastMinute = ref(false)\nconst startTime = ref(0)\n\nlet timer: any = null\n\n// 计算是否应该显示组件\nconst shouldShow = computed(() => {\n  return currentDisplayValue.value || props.showProgress\n})\n\nconst format = (_number: number) => {\n  return hoverValue.value;\n}\n\n// 计算显示值\nconst calcDisplayValue = (diff: number, format: 'colon' | 'unit' | 'compact') => {\n  const hours = Math.floor(diff / (1000 * 60 * 60))\n  const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60))\n  const seconds = Math.floor((diff % (1000 * 60)) / 1000)\n  \n  const displayHours = hours >= 10 ? `${hours}` : `0${hours}`\n  const displayMinutes = minutes >= 10 ? `${minutes}` : `0${minutes}`\n  let displaySeconds = `${seconds}`\n  if (minutes > 0 || hours > 0) {\n    displaySeconds = seconds >= 10 ? `${seconds}` : `0${seconds}`\n  }\n\n  switch (format) {\n    case 'unit':\n      if (hours > 0) {\n        return `${hours}h ${minutes}min ${seconds}s`\n      } else if (minutes > 0) {\n        return `${minutes}min ${seconds}s`\n      } else {\n        return `${seconds}s`\n      }\n    case 'compact':\n      if (hours > 0) {\n        return `${hours}:${displayMinutes}:${displaySeconds}`\n      } else if (minutes > 0) {\n        return `${displayMinutes}:${displaySeconds}`\n      } else {\n        return `${displaySeconds}s`\n      }\n    case 'colon':\n    default:\n      if (hours > 0) {\n        return `${displayHours}:${displayMinutes}:${displaySeconds}`\n      } else if (minutes > 0) {\n        return `${displayMinutes}:${displaySeconds}`\n      } else {\n        return `${displaySeconds}s`\n      }\n  }\n}\n\n// 主要倒计时逻辑\nconst calcTimeLeft = () => {\n  const now = Date.now()\n  let diff: number\n\n  if (props.time) {\n    // 使用time属性进行倒计时\n    const elapsed = now - startTime.value\n    diff = props.time - elapsed\n  } else if (props.endTs) {\n    // 使用endTs属性进行倒计时\n    diff = props.endTs - now\n  } else {\n    // 如果没有提供time或endTs，不显示倒计时\n    currentDisplayValue.value = ''\n    hoverValue.value = ''\n    return\n  }\n\n  isLastMinute.value = diff <= 60 * 1000 && diff > 0\n\n  if (diff <= 0) {\n    // 处理倒计时结束时的显示\n    if (props.endDisplay === null || props.endDisplay === false) {\n      currentDisplayValue.value = ''\n    } else if (props.endDisplay === '-') {\n      currentDisplayValue.value = '-'\n    } else {\n      currentDisplayValue.value = props.endDisplay as string\n    }\n    hoverValue.value = ''\n    percent.value = 0\n    clearInterval(timer)\n    emits('onEnd')\n    return\n  }\n\n  // 计算进度百分比\n  if (props.time) {\n    // 使用time属性计算进度\n    percent.value = (diff / props.time) * 100\n  } else if (props.startTs && props.endTs) {\n    // 使用startTs和endTs计算进度\n    const duration = props.endTs - props.startTs\n    percent.value = (diff / duration) * 100\n  }\n\n  // 始终计算当前显示值（使用format属性）\n  currentDisplayValue.value = calcDisplayValue(diff, props.format)\n  \n  // 计算hover时显示的值（使用hoverFormat属性）\n  hoverValue.value = calcDisplayValue(diff, props.hoverFormat)\n}\n\n// 启动倒计时\nconst startCountdown = () => {\n  // 如果使用time属性，记录开始时间\n  if (props.time) {\n    startTime.value = Date.now()\n  }\n  \n  calcTimeLeft()\n  timer = setInterval(() => {\n    calcTimeLeft()\n  }, props.updateInterval)\n}\n\n// 清理定时器\nconst clearTimers = () => {\n  if (timer) {\n    clearInterval(timer)\n    timer = null\n  }\n}\n\n// 生命周期\nonMounted(() => {\n  startCountdown()\n})\n\nonUnmounted(() => {\n  clearTimers()\n})\n</script>\n"],"names":["format"],"mappings":"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"}

package/es/packages/components/countdown/src/countdown2.mjs

@@ -1,169 +1,59 @@
-import { Progress } from 'ant-design-vue/es';
-import { defineComponent, ref, computed, onMounted, onUnmounted, unref, openBlock, createElementBlock, normalizeClass, createVNode, createCommentVNode, toDisplayString } from 'vue';
-import '../../../hooks/index.mjs';
-import { countdownProps, countdownEmits } from './countdown.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const _hoisted_1 = ["title"];
-const __default__ = {
-  name: "GCountdown"
+const countdownEmits = {
+  "onEnd": () => true
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: countdownProps,
-  emits: countdownEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("countdown");
-    const currentDisplayValue = ref("");
-    const hoverValue = ref("");
-    const percent = ref(100);
-    const isLastMinute = ref(false);
-    const startTime = ref(0);
-    let timer = null;
-    const shouldShow = computed(() => {
-      return currentDisplayValue.value || props.showProgress;
-    });
-    const format = (_number) => {
-      return hoverValue.value;
-    };
-    const calcDisplayValue = (diff, format2) => {
-      const hours = Math.floor(diff / (1e3 * 60 * 60));
-      const minutes = Math.floor(diff % (1e3 * 60 * 60) / (1e3 * 60));
-      const seconds = Math.floor(diff % (1e3 * 60) / 1e3);
-      const displayHours = hours >= 10 ? `${hours}` : `0${hours}`;
-      const displayMinutes = minutes >= 10 ? `${minutes}` : `0${minutes}`;
-      let displaySeconds = `${seconds}`;
-      if (minutes > 0 || hours > 0) {
-        displaySeconds = seconds >= 10 ? `${seconds}` : `0${seconds}`;
-      }
-      switch (format2) {
-        case "unit":
-          if (hours > 0) {
-            return `${hours}h ${minutes}min ${seconds}s`;
-          } else if (minutes > 0) {
-            return `${minutes}min ${seconds}s`;
-          } else {
-            return `${seconds}s`;
-          }
-        case "compact":
-          if (hours > 0) {
-            return `${hours}:${displayMinutes}:${displaySeconds}`;
-          } else if (minutes > 0) {
-            return `${displayMinutes}:${displaySeconds}`;
-          } else {
-            return `${displaySeconds}s`;
-          }
-        case "colon":
-        default:
-          if (hours > 0) {
-            return `${displayHours}:${displayMinutes}:${displaySeconds}`;
-          } else if (minutes > 0) {
-            return `${displayMinutes}:${displaySeconds}`;
-          } else {
-            return `${displaySeconds}s`;
-          }
-      }
-    };
-    const calcTimeLeft = () => {
-      const now = Date.now();
-      let diff;
-      if (props.time) {
-        const elapsed = now - startTime.value;
-        diff = props.time - elapsed;
-      } else if (props.endTs) {
-        diff = props.endTs - now;
-      } else {
-        currentDisplayValue.value = "";
-        hoverValue.value = "";
-        return;
-      }
-      isLastMinute.value = diff <= 60 * 1e3 && diff > 0;
-      if (diff <= 0) {
-        if (props.endDisplay === null || props.endDisplay === false) {
-          currentDisplayValue.value = "";
-        } else if (props.endDisplay === "-") {
-          currentDisplayValue.value = "-";
-        } else {
-          currentDisplayValue.value = props.endDisplay;
-        }
-        hoverValue.value = "";
-        percent.value = 0;
-        clearInterval(timer);
-        emits("onEnd");
-        return;
-      }
-      if (props.time) {
-        percent.value = diff / props.time * 100;
-      } else if (props.startTs && props.endTs) {
-        const duration = props.endTs - props.startTs;
-        percent.value = diff / duration * 100;
-      }
-      currentDisplayValue.value = calcDisplayValue(diff, props.format);
-      hoverValue.value = calcDisplayValue(diff, props.hoverFormat);
-    };
-    const startCountdown = () => {
-      if (props.time) {
-        startTime.value = Date.now();
-      }
-      calcTimeLeft();
-      timer = setInterval(() => {
-        calcTimeLeft();
-      }, props.updateInterval);
-    };
-    const clearTimers = () => {
-      if (timer) {
-        clearInterval(timer);
-        timer = null;
-      }
-    };
-    onMounted(() => {
-      startCountdown();
-    });
-    onUnmounted(() => {
-      clearTimers();
-    });
-    return (_ctx, _cache) => {
-      const _component_a_progress = Progress;
-      return unref(shouldShow) ? (openBlock(), createElementBlock(
-        "div",
-        {
-          key: 0,
-          class: normalizeClass([unref(ns).e("wrapper")])
-        },
-        [
-          _ctx.showProgress ? (openBlock(), createElementBlock(
-            "span",
-            {
-              key: 0,
-              class: normalizeClass([unref(ns).e("progress-wrapper")])
-            },
-            [
-              createVNode(_component_a_progress, {
-                type: "circle",
-                percent: percent.value,
-                size: _ctx.progressSize,
-                "stroke-color": props.strokeColor,
-                "stroke-width": props.strokeWidth,
-                format,
-                class: normalizeClass({ [unref(ns).e("is-last-minute")]: isLastMinute.value })
-              }, null, 8, ["percent", "size", "stroke-color", "stroke-width", "class"])
-            ],
-            2
-          )) : createCommentVNode("v-if", true),
-          _ctx.showText ? (openBlock(), createElementBlock("span", {
-            key: 1,
-            class: normalizeClass([unref(ns).e("text")]),
-            title: hoverValue.value
-          }, toDisplayString(currentDisplayValue.value), 11, _hoisted_1)) : createCommentVNode("v-if", true)
-        ],
-        2
-      )) : createCommentVNode("v-if", true);
-    };
+const countdownProps = buildProps({
+  startTs: {
+    type: Number,
+    default: void 0
+  },
+  endTs: {
+    type: Number,
+    required: false
+  },
+  time: {
+    type: Number,
+    default: void 0
+  },
+  showProgress: {
+    type: Boolean,
+    default: false
+  },
+  showText: {
+    type: Boolean,
+    default: true
+  },
+  format: {
+    type: String,
+    default: "colon"
+  },
+  progressSize: {
+    type: Number,
+    default: 14
+  },
+  updateInterval: {
+    type: Number,
+    default: 1e3
+  },
+  strokeColor: {
+    type: String,
+    default: "var(--theme-brand-500)"
+  },
+  strokeWidth: {
+    type: Number,
+    default: 8
+  },
+  endDisplay: {
+    type: [String, Boolean, null],
+    default: null
+  },
+  hoverFormat: {
+    type: String,
+    default: "colon"
   }
 });
-var Countdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/countdown/src/countdown.vue"]]);
 
-export { Countdown as default };
+export { countdownEmits, countdownProps };
 //# sourceMappingURL=countdown2.mjs.map