@deot/vc 1.0.58 → 1.0.59

package/dist/index.umd.cjs

@@ -9083,31 +9083,38 @@
   const VARIABLES = {};
   const nil = void 0;
   const defaults$2 = {
-    UploadPicker: {
-      enhancer: nil
-    },
     Editor: {
       options: nil,
       enhancer: nil
     },
-    Theme: {
-      variables: VARIABLES
-    },
     Portal: {
       install: nil
     },
-    Upload: {
-      onRequest: nil,
-      onResponse: nil,
-      onMessage: nil
-    },
-    TableColumn: {
-      line: nil
+    RecycleList: {
+      renderRefresh: nil,
+      renderPlaceholder: nil,
+      renderLoading: nil,
+      renderComplete: nil,
+      renderEmpty: nil
     },
     Snapshot: {
       options: nil,
       source: nil,
       download: nil
+    },
+    TableColumn: {
+      line: nil
+    },
+    Theme: {
+      variables: VARIABLES
+    },
+    Upload: {
+      onRequest: nil,
+      onResponse: nil,
+      onMessage: nil
+    },
+    UploadPicker: {
+      enhancer: nil
     }
   };
   class Instance {
@@ -9134,16 +9141,16 @@
     }
   }
   const VcInstance = new Instance();
-  const props$1t = {
+  const props$1u = {
     tag: {
       type: String,
       default: "div"
     }
   };
-  const COMPONENT_NAME$29 = "vc-action-sheet";
+  const COMPONENT_NAME$2a = "vc-action-sheet";
   const ActionSheet = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$29,
-    props: props$1t,
+    name: COMPONENT_NAME$2a,
+    props: props$1u,
     setup(props2, {
       slots
     }) {
@@ -9155,7 +9162,7 @@
     }
   });
   const MActionSheet = ActionSheet;
-  const props$1s = {
+  const props$1t = {
     modelValue: {
       type: Boolean,
       default: false
@@ -9213,11 +9220,11 @@
   const isWheel = (el2) => {
     return SCROLLER_WHEEL_REG.test(el2?.className || "");
   };
-  const COMPONENT_NAME$28 = "vc-affix";
+  const COMPONENT_NAME$29 = "vc-affix";
   const Affix = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$28,
+    name: COMPONENT_NAME$29,
     emits: ["update:modelValue"],
-    props: props$1s,
+    props: props$1t,
     setup(props2, {
       slots,
       expose,
@@ -9377,7 +9384,7 @@
     }
   });
   const MAffix = Affix;
-  const props$1r = {
+  const props$1s = {
     modelValue: {
       type: Boolean,
       default: true
@@ -9403,7 +9410,7 @@
       default: false
     }
   };
-  const props$1q = {
+  const props$1r = {
     type: String,
     inherit: {
       type: Boolean,
@@ -9536,10 +9543,10 @@
     }
   }
   const IconManager = new Manager();
-  const COMPONENT_NAME$27 = "vc-icon";
+  const COMPONENT_NAME$28 = "vc-icon";
   const Icon = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$27,
-    props: props$1q,
+    name: COMPONENT_NAME$28,
+    props: props$1r,
     setup(props2) {
       const viewBox = vue.ref("0 0 1024 1024");
       const path = vue.ref([]);
@@ -9571,7 +9578,7 @@
       };
     }
   });
-  const props$1p = {
+  const props$1q = {
     /**
      * 进入/离开持续时间
      * {enter: 300, leave: 300}
@@ -9734,10 +9741,10 @@
       }
     };
   };
-  const COMPONENT_NAME$26 = "vc-transition";
+  const COMPONENT_NAME$27 = "vc-transition";
   const Transition = vue.defineComponent({
-    name: COMPONENT_NAME$26,
-    props: props$1p,
+    name: COMPONENT_NAME$27,
+    props: props$1q,
     // 当不声明emits的情况下，事件存在于attrs中
     inheritAttrs: false,
     setup(props2, { slots, attrs }) {
@@ -9756,10 +9763,10 @@
       };
     }
   });
-  const COMPONENT_NAME$25 = "vc-transition-collapse";
+  const COMPONENT_NAME$26 = "vc-transition-collapse";
   const TransitionCollapse = vue.defineComponent({
-    name: COMPONENT_NAME$25,
-    props: props$1p,
+    name: COMPONENT_NAME$26,
+    props: props$1q,
     // 当不声明emits的情况下，事件存在于attrs中
     inheritAttrs: false,
     setup(props2, { slots, attrs: _attrs }) {
@@ -9872,11 +9879,11 @@
       };
     }
   });
-  const COMPONENT_NAME$24 = "vc-transition-fade";
+  const COMPONENT_NAME$25 = "vc-transition-fade";
   const TransitionFade = vue.defineComponent({
-    name: COMPONENT_NAME$24,
+    name: COMPONENT_NAME$25,
     props: {
-      ...props$1p,
+      ...props$1q,
       // inheritAttrs必须是false
       style: {
         type: Object,
@@ -9908,11 +9915,11 @@
       };
     }
   });
-  const COMPONENT_NAME$23 = "vc-transition-scale";
+  const COMPONENT_NAME$24 = "vc-transition-scale";
   const TransitionScale = vue.defineComponent({
-    name: COMPONENT_NAME$23,
+    name: COMPONENT_NAME$24,
     props: {
-      ...props$1p,
+      ...props$1q,
       mode: {
         type: String,
         default: "both",
@@ -9949,11 +9956,11 @@
       };
     }
   });
-  const COMPONENT_NAME$22 = "vc-transition-slide";
+  const COMPONENT_NAME$23 = "vc-transition-slide";
   const TransitionSlide = vue.defineComponent({
-    name: COMPONENT_NAME$22,
+    name: COMPONENT_NAME$23,
     props: {
-      ...props$1p,
+      ...props$1q,
       mode: {
         type: String,
         default: "left",
@@ -9990,11 +9997,11 @@
       };
     }
   });
-  const COMPONENT_NAME$21 = "vc-transition-zoom";
+  const COMPONENT_NAME$22 = "vc-transition-zoom";
   const TransitionZoom = vue.defineComponent({
-    name: COMPONENT_NAME$21,
+    name: COMPONENT_NAME$22,
     props: {
-      ...props$1p,
+      ...props$1q,
       mode: {
         type: String,
         default: "x",
@@ -10031,7 +10038,7 @@
       };
     }
   });
-  const COMPONENT_NAME$20 = "vc-alert";
+  const COMPONENT_NAME$21 = "vc-alert";
   const THEME_MAP = {
     info: ["#456CF6", "#91d5ff", "#e6f7ff"],
     success: ["#52c41a", "#b7eb8f", "#f6ffed"],
@@ -10039,8 +10046,8 @@
     warning: ["#ffbf00", "#ffe58f", "#fffbe6"]
   };
   const Alert = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$20,
-    props: props$1r,
+    name: COMPONENT_NAME$21,
+    props: props$1s,
     setup(props2, {
       slots,
       emit
@@ -10126,7 +10133,7 @@
     }
   });
   const MAlert = Alert;
-  const props$1o = {
+  const props$1p = {
     // canvas配置参数
     options: Object,
     width: {
@@ -10139,10 +10146,10 @@
     }
   };
   const isTouch = typeof document !== "undefined" && "ontouchend" in document;
-  const COMPONENT_NAME$1$ = "vc-artboard";
+  const COMPONENT_NAME$20 = "vc-artboard";
   const Artboard = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1$,
-    props: props$1o,
+    name: COMPONENT_NAME$20,
+    props: props$1p,
     setup(props2, {
       emit,
       expose
@@ -10317,7 +10324,7 @@
     }
   });
   const MArtboard = Artboard;
-  const props$1n = {
+  const props$1o = {
     size: {
       type: Number,
       default: 28
@@ -10338,10 +10345,10 @@
       default: false
     }
   };
-  const COMPONENT_NAME$1_ = "vc-spin";
+  const COMPONENT_NAME$1$ = "vc-spin";
   const Spin = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1_,
-    props: props$1n,
+    name: COMPONENT_NAME$1$,
+    props: props$1o,
     setup(props2, {
       slots
     }) {
@@ -10374,7 +10381,7 @@
       };
     }
   });
-  const props$1m = {
+  const props$1n = {
     wait: {
       type: Number,
       default: 250
@@ -10389,10 +10396,10 @@
     },
     exclude: RegExp
   };
-  const COMPONENT_NAME$1Z = "vc-debounce";
+  const COMPONENT_NAME$1_ = "vc-debounce";
   const Debounce = vue.defineComponent({
-    name: COMPONENT_NAME$1Z,
-    props: props$1m,
+    name: COMPONENT_NAME$1_,
+    props: props$1n,
     /**
      * 不声明emits使得事件被透传放入attrs中, 这样可以让所有的事件透传
      * 如事件onClick
@@ -10431,7 +10438,7 @@
       };
     }
   });
-  const props$1l = {
+  const props$1m = {
     tag: {
       type: String,
       default: "button"
@@ -10460,11 +10467,11 @@
       default: "button"
     }
   };
-  const COMPONENT_NAME$1Y = "vc-button";
+  const COMPONENT_NAME$1Z = "vc-button";
   const Button = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1Y,
+    name: COMPONENT_NAME$1Z,
     emits: ["click"],
-    props: props$1l,
+    props: props$1m,
     setup(props2, {
       slots
     }) {
@@ -10524,7 +10531,7 @@
       };
     }
   });
-  const props$1k = {
+  const props$1l = {
     vertical: {
       type: Boolean,
       default: false
@@ -10542,10 +10549,10 @@
       default: false
     }
   };
-  const COMPONENT_NAME$1X = "vc-button-group";
+  const COMPONENT_NAME$1Y = "vc-button-group";
   const ButtonGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1X,
-    props: props$1k,
+    name: COMPONENT_NAME$1Y,
+    props: props$1l,
     setup(props2, {
       slots
     }) {
@@ -10567,16 +10574,16 @@
   });
   const MButton = Button;
   const MButtonGroup = ButtonGroup;
-  const props$1j = {
+  const props$1k = {
     tag: {
       type: String,
       default: "div"
     }
   };
-  const COMPONENT_NAME$1W = "vc-calendar";
+  const COMPONENT_NAME$1X = "vc-calendar";
   const Calendar$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1W,
-    props: props$1j,
+    name: COMPONENT_NAME$1X,
+    props: props$1k,
     setup(props2, {
       slots
     }) {
@@ -10588,7 +10595,7 @@
     }
   });
   const MCalendar = Calendar$1;
-  const props$1i = {
+  const props$1j = {
     border: {
       type: Boolean,
       default: true
@@ -10608,10 +10615,10 @@
       type: String
     }
   };
-  const COMPONENT_NAME$1V = "vc-card";
+  const COMPONENT_NAME$1W = "vc-card";
   const Card = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1V,
-    props: props$1i,
+    name: COMPONENT_NAME$1W,
+    props: props$1j,
     setup(props2, {
       slots
     }) {
@@ -10635,16 +10642,16 @@
     }
   });
   const MCard = Card;
-  const props$1h = {
+  const props$1i = {
     tag: {
       type: String,
       default: "div"
     }
   };
-  const COMPONENT_NAME$1U = "vc-carousel";
+  const COMPONENT_NAME$1V = "vc-carousel";
   const Carousel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1U,
-    props: props$1h,
+    name: COMPONENT_NAME$1V,
+    props: props$1i,
     setup(props2, {
       slots
     }) {
@@ -10682,7 +10689,7 @@
       data
     });
   };
-  const props$1g = {
+  const props$1h = {
     // Array, 作为select等数组存放临时值
     modelValue: [String, Number, Array],
     disabled: {
@@ -10928,12 +10935,12 @@
     expose?.(exposed);
     return exposed;
   };
-  const COMPONENT_NAME$1T = "vc-input";
+  const COMPONENT_NAME$1U = "vc-input";
   const Input$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1T,
+    name: COMPONENT_NAME$1U,
     inheritAttrs: false,
     props: {
-      ...props$1g,
+      ...props$1h,
       indicator: {
         type: [Boolean, Object],
         default: false
@@ -11035,8 +11042,8 @@
       };
     }
   });
-  const props$1f = {
-    ...props$1g,
+  const props$1g = {
+    ...props$1h,
     min: {
       type: Number,
       default: 0
@@ -11261,10 +11268,10 @@
       handleStepper
     };
   };
-  const COMPONENT_NAME$1S = "vc-input-number";
+  const COMPONENT_NAME$1T = "vc-input-number";
   const InputNumber = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1S,
-    props: props$1f,
+    name: COMPONENT_NAME$1T,
+    props: props$1g,
     inheritAttrs: false,
     setup(props2, {
       slots,
@@ -11316,17 +11323,17 @@
       };
     }
   });
-  const props$1e = {
-    ...props$1g,
+  const props$1f = {
+    ...props$1h,
     enterText: {
       type: [Boolean, String],
       default: true
     }
   };
-  const COMPONENT_NAME$1R = "vc-input-search";
+  const COMPONENT_NAME$1S = "vc-input-search";
   const InputSearch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1R,
-    props: props$1e,
+    name: COMPONENT_NAME$1S,
+    props: props$1f,
     inheritAttrs: false,
     setup(props2, {
       emit,
@@ -11357,7 +11364,7 @@
       };
     }
   });
-  const props$1d = {
+  const props$1e = {
     modelValue: Boolean,
     animation: String,
     placement: {
@@ -11435,7 +11442,7 @@
     "autoWidth",
     "always"
   ];
-  const props$1c = {
+  const props$1d = {
     trigger: {
       type: String,
       default: "hover",
@@ -11453,7 +11460,7 @@
       type: Boolean,
       default: true
     },
-    ...pick(props$1d, wrapperKeys)
+    ...pick(props$1e, wrapperKeys)
   };
   const EXTRA_DISTANCE = 4;
   const HALF_ARROW = 12.73 / 2;
@@ -11707,16 +11714,16 @@
       getRect
     };
   };
-  const props$1b = {
+  const props$1c = {
     render: {
       type: Function,
       default: () => null
     }
   };
-  const COMPONENT_NAME$1Q = "vc-customer";
+  const COMPONENT_NAME$1R = "vc-customer";
   const Customer = vue.defineComponent({
-    name: COMPONENT_NAME$1Q,
-    props: props$1b,
+    name: COMPONENT_NAME$1R,
+    props: props$1c,
     setup(props2, context) {
       return () => vue.h(() => {
         return props2.render(context.attrs, context);
@@ -11788,7 +11795,7 @@
       return this.target.finally(callback);
     }
   }
-  const COMPONENT_NAME$1P = "vc-portal";
+  const COMPONENT_NAME$1Q = "vc-portal";
   class Portal {
     /**
      * 清理Portals类型组件
@@ -11838,7 +11845,7 @@
       this.wrapper = wrapper;
       this.globalOptions = {
         ...options,
-        name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1P)
+        name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1Q)
       };
     }
     popup(propsData, options) {
@@ -11936,7 +11943,7 @@
         ...rest
       } = options;
       let useAllNodes = fragment;
-      const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1P)}` : name$;
+      const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1Q)}` : name$;
       const container = document.createElement(tag);
       const root = typeof el2 === "object" ? el2 : document.querySelector(el2 || "body");
       !alive && Portal.leafs.get(name)?.destroy();
@@ -11970,7 +11977,7 @@
       } else {
         const wrapper = this.wrapper;
         const app = vue.createApp({
-          name: COMPONENT_NAME$1P,
+          name: COMPONENT_NAME$1Q,
           parent,
           setup() {
             if (alive) {
@@ -12073,16 +12080,16 @@
       return leaf;
     }
   }
-  const props$1a = {
+  const props$1b = {
     tag: {
       type: String,
       default: "div"
     }
   };
-  const COMPONENT_NAME$1O = "vc-portal-view";
+  const COMPONENT_NAME$1P = "vc-portal-view";
   const PortalView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1O,
-    props: props$1a,
+    name: COMPONENT_NAME$1P,
+    props: props$1b,
     setup(props2, {
       slots
     }) {
@@ -12095,10 +12102,10 @@
       };
     }
   });
-  const COMPONENT_NAME$1N = "vc-popover-wrapper";
+  const COMPONENT_NAME$1O = "vc-popover-wrapper";
   const PopoverWrapper = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1N,
-    props: props$1d,
+    name: COMPONENT_NAME$1O,
+    props: props$1e,
     emits: ["portal-fulfilled", "close"],
     setup(props2, {
       emit,
@@ -12319,10 +12326,10 @@
   const PopoverPortal = new Portal(PopoverWrapper, {
     leaveDelay: 0
   });
-  const COMPONENT_NAME$1M = "vc-popover";
+  const COMPONENT_NAME$1N = "vc-popover";
   const Popover$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1M,
-    props: props$1c,
+    name: COMPONENT_NAME$1N,
+    props: props$1d,
     emits: ["update:modelValue", "visible-change", "ready", "close"],
     setup(props2, {
       emit,
@@ -12449,9 +12456,9 @@
   const Popover = Object.assign(Popover$1, {
     open: PopoverPortal.popup.bind(PopoverPortal)
   });
-  const COMPONENT_NAME$1L = "vc-cascader-column";
+  const COMPONENT_NAME$1M = "vc-cascader-column";
   const CascaderColumn = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1L,
+    name: COMPONENT_NAME$1M,
     emits: ["click", "change"],
     props: {
       data: {
@@ -12568,9 +12575,9 @@
     "portal",
     "portalClass"
   ];
-  const props$19 = {
-    ...pick(props$1c, popoverKeys$1),
-    ...pick(props$1g, inputKeys$2),
+  const props$1a = {
+    ...pick(props$1d, popoverKeys$1),
+    ...pick(props$1h, inputKeys$2),
     renderOption: [Function],
     renderOptionGroup: [Function],
     data: {
@@ -12635,8 +12642,8 @@
     },
     label: String
   };
-  const props$18 = {
-    ...props$19,
+  const props$19 = {
+    ...props$1a,
     data: {
       type: Array,
       default: () => []
@@ -12654,11 +12661,11 @@
       default: true
     }
   };
-  const COMPONENT_NAME$1K = "vc-cascader";
+  const COMPONENT_NAME$1L = "vc-cascader";
   const Cascader = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1K,
+    name: COMPONENT_NAME$1L,
     inheritAttrs: false,
-    props: props$18,
+    props: props$19,
     emits: ["update:modelValue", "visible-change", "ready", "change", "close"],
     setup(props2, {
       emit,
@@ -12933,7 +12940,7 @@
     "globalout",
     "contextmenu"
   ];
-  const props$17 = {
+  const props$18 = {
     options: Object,
     pluginOptions: Object,
     theme: [String, Object],
@@ -12945,10 +12952,10 @@
     watchShallow: Boolean,
     manualUpdate: Boolean
   };
-  const COMPONENT_NAME$1J = "vc-chart";
+  const COMPONENT_NAME$1K = "vc-chart";
   const Chart = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1J,
-    props: props$17,
+    name: COMPONENT_NAME$1K,
+    props: props$18,
     emits: [...EVENTS$1, "ready"],
     setup(props2, {
       emit,
@@ -13062,7 +13069,7 @@
     }
   });
   const MChart = Chart;
-  const props$16 = {
+  const props$17 = {
     disabled: {
       type: Boolean,
       default: false
@@ -13174,10 +13181,10 @@
       computedLabel
     };
   };
-  const COMPONENT_NAME$1I = "vc-checkbox";
+  const COMPONENT_NAME$1J = "vc-checkbox";
   const Checkbox = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1I,
-    props: props$16,
+    name: COMPONENT_NAME$1J,
+    props: props$17,
     emits: ["update:modelValue", "change"],
     setup(props2, {
       slots
@@ -13213,7 +13220,7 @@
       };
     }
   });
-  const props$15 = {
+  const props$16 = {
     modelValue: {
       type: Array,
       default: () => []
@@ -13258,10 +13265,10 @@
       reset
     };
   };
-  const COMPONENT_NAME$1H = "vc-checkbox-group";
+  const COMPONENT_NAME$1I = "vc-checkbox-group";
   const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1H,
-    props: props$15,
+    name: COMPONENT_NAME$1I,
+    props: props$16,
     emits: ["update:modelValue", "change"],
     setup(props2, {
       slots
@@ -13275,10 +13282,10 @@
       };
     }
   });
-  const COMPONENT_NAME$1G = "vcm-checkbox";
+  const COMPONENT_NAME$1H = "vcm-checkbox";
   const MCheckbox = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1G,
-    props: props$16,
+    name: COMPONENT_NAME$1H,
+    props: props$17,
     emits: ["update:modelValue", "change"],
     setup(props2, {
       slots
@@ -13314,10 +13321,10 @@
       };
     }
   });
-  const COMPONENT_NAME$1F = "vcm-checkbox-group";
+  const COMPONENT_NAME$1G = "vcm-checkbox-group";
   const MCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1F,
-    props: props$15,
+    name: COMPONENT_NAME$1G,
+    props: props$16,
     emits: ["update:modelValue", "change"],
     setup(props2, {
       slots
@@ -13331,7 +13338,7 @@
       };
     }
   });
-  const props$14 = {
+  const props$15 = {
     content: [String, Function],
     mask: {
       type: Boolean,
@@ -13366,11 +13373,11 @@
     // 这个相当于Modal中的onCancel，支持Promise
     onBeforeClose: Function
   };
-  const COMPONENT_NAME$1E = "vc-message";
+  const COMPONENT_NAME$1F = "vc-message";
   const MessageView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1E,
+    name: COMPONENT_NAME$1F,
     emits: ["before-close", "close", "portal-fulfilled"],
-    props: props$14,
+    props: props$15,
     setup(props2, {
       emit,
       expose
@@ -13497,7 +13504,7 @@
   const warning$3 = create$4({ mode: "warning" });
   const error$3 = create$4({ mode: "error" });
   const Message = Object.assign(MessageView, { destroy: destroy$5, info: info$3, success: success$3, loading: loading$1, warning: warning$3, error: error$3 });
-  const props$13 = {
+  const props$14 = {
     value: String,
     tag: {
       type: [String, Object, Function],
@@ -13611,16 +13618,16 @@
     };
     return () => vue.h(props2.tag, { onClick: handleClick, class: "vc-clipboard" }, slots?.default?.());
   };
-  const COMPONENT_NAME$1D = "vc-clipboard";
+  const COMPONENT_NAME$1E = "vc-clipboard";
   const Clipboard$1 = vue.defineComponent({
-    name: COMPONENT_NAME$1D,
-    props: props$13,
+    name: COMPONENT_NAME$1E,
+    props: props$14,
     setup() {
       return useClipboard((content) => Message.success({ content }));
     }
   });
   const Clipboard$2 = Object.assign(Clipboard$1, group);
-  const props$12 = {
+  const props$13 = {
     content: [String, Function],
     maskClosable: {
       type: Boolean,
@@ -13645,11 +13652,11 @@
   const MTransitionScale = TransitionScale;
   const MTransitionSlide = TransitionSlide;
   const MTransitionZoom = TransitionZoom;
-  const COMPONENT_NAME$1C = "vcm-toast";
+  const COMPONENT_NAME$1D = "vcm-toast";
   const MToastView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1C,
+    name: COMPONENT_NAME$1D,
     emits: ["close", "portal-fulfilled"],
-    props: props$12,
+    props: props$13,
     setup(props2, {
       emit,
       expose
@@ -13746,16 +13753,16 @@
   const warning$2 = create$3({ mode: "warning" });
   const error$2 = create$3({ mode: "error" });
   const MToast = Object.assign(MToastView, { destroy: destroy$4, info: info$2, success: success$2, loading, warning: warning$2, error: error$2 });
-  const COMPONENT_NAME$1B = "vcm-clipboard";
+  const COMPONENT_NAME$1C = "vcm-clipboard";
   const MClipboard$1 = vue.defineComponent({
-    name: COMPONENT_NAME$1B,
-    props: props$13,
+    name: COMPONENT_NAME$1C,
+    props: props$14,
     setup() {
       return useClipboard((content) => MToast.info({ content }));
     }
   });
   const MClipboard = Object.assign(MClipboard$1, group);
-  const props$11 = {
+  const props$12 = {
     tag: {
       type: String,
       default: "div"
@@ -13777,10 +13784,10 @@
       default: false
     }
   };
-  const COMPONENT_NAME$1A = "vc-collapse";
+  const COMPONENT_NAME$1B = "vc-collapse";
   const Collapse = vue.defineComponent({
-    name: COMPONENT_NAME$1A,
-    props: props$11,
+    name: COMPONENT_NAME$1B,
+    props: props$12,
     emits: ["update:moodelValue", "change"],
     setup(props2, { slots, emit }) {
       const instance = vue.getCurrentInstance();
@@ -13864,7 +13871,7 @@
       };
     }
   });
-  const props$10 = {
+  const props$11 = {
     tag: {
       type: String,
       default: "div"
@@ -13873,7 +13880,7 @@
       type: [String, Number]
     }
   };
-  const props$$ = {
+  const props$10 = {
     tag: {
       type: String,
       default: "div"
@@ -13888,13 +13895,13 @@
       default: true
     }
   };
-  function _isSlot$2(s) {
+  function _isSlot$3(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$1z = "vc-expand";
+  const COMPONENT_NAME$1A = "vc-expand";
   const Expand$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1z,
-    props: props$$,
+    name: COMPONENT_NAME$1A,
+    props: props$10,
     setup(props2, {
       slots
     }) {
@@ -13912,7 +13919,7 @@
             enter: 200,
             leave: 200
           }
-        }, _isSlot$2(_slot = vue.withDirectives(vue.createVNode(Content, null, {
+        }, _isSlot$3(_slot = vue.withDirectives(vue.createVNode(Content, null, {
           default: () => [(props2.alive || !props2.alive && isActive.value) && slots.default?.()]
         }), [[vue.vShow, isActive.value]])) ? _slot : {
           default: () => [_slot]
@@ -13920,10 +13927,10 @@
       };
     }
   });
-  const COMPONENT_NAME$1y = "vc-collapse-item";
+  const COMPONENT_NAME$1z = "vc-collapse-item";
   const CollapseItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1y,
-    props: props$10,
+    name: COMPONENT_NAME$1z,
+    props: props$11,
     setup(props2, {
       slots,
       expose
@@ -13986,16 +13993,16 @@
   });
   const MCollapse = Collapse;
   const MCollapseItem = CollapseItem;
-  const props$_ = {
+  const props$$ = {
     tag: {
       type: String,
       default: "div"
     }
   };
-  const COMPONENT_NAME$1x = "vc-color-picker";
+  const COMPONENT_NAME$1y = "vc-color-picker";
   const ColorPicker$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1x,
-    props: props$_,
+    name: COMPONENT_NAME$1y,
+    props: props$$,
     setup(props2, {
       slots
     }) {
@@ -14007,7 +14014,7 @@
     }
   });
   const MColorPicker = ColorPicker$1;
-  const props$Z = {
+  const props$_ = {
     tag: {
       type: String,
       default: "span"
@@ -14048,14 +14055,14 @@
   const formatter = (format, arr) => {
     return format.replace("DD", arr[0]).replace("HH", arr[1]).replace("mm", arr[2]).replace("ss", arr[3]).replace("SSS", arr[4]);
   };
-  function _isSlot$1(s) {
+  function _isSlot$2(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$1w = "vc-countdown";
+  const COMPONENT_NAME$1x = "vc-countdown";
   const Countdown = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1w,
-    props: props$Z,
-    emits: ["change", "finish", "error"],
+    name: COMPONENT_NAME$1x,
+    props: props$_,
+    emits: ["change", "complete", "error"],
     setup(props2, {
       emit,
       slots
@@ -14138,7 +14145,7 @@
             second: "00",
             millisecond: "00"
           });
-          emit("finish");
+          emit("complete");
         } else {
           emit("change", {
             timestamp,
@@ -14177,7 +14184,7 @@
             // @ts-ignore
             vue.createVNode(Content, {
               "class": "vc-countdown"
-            }, _isSlot$1(_slot = slots.default(binds.value)) ? _slot : {
+            }, _isSlot$2(_slot = slots.default(binds.value)) ? _slot : {
               default: () => [_slot]
             })
           );
@@ -14199,6 +14206,339 @@
     }
   });
   const MCountdown = Countdown;
+  const props$Z = {
+    tag: {
+      type: String,
+      default: "span"
+    },
+    value: [Number, String],
+    placeholder: String,
+    precision: {
+      type: Number,
+      default: 0
+    },
+    duration: {
+      type: Number,
+      default: 500
+    },
+    decimal: {
+      type: String,
+      default: "."
+    },
+    separator: {
+      type: String,
+      default: ","
+    },
+    numerals: {
+      type: Array,
+      default: () => []
+    },
+    smartEasingThreshold: {
+      type: Number,
+      default: 999
+    },
+    smartEasingAmount: {
+      type: Number,
+      default: 333
+    },
+    easing: {
+      type: [Function, Boolean],
+      default: true
+    },
+    // 10.90 -> 10.9
+    zeroless: {
+      type: Boolean,
+      default: false
+    },
+    // 为true时，自行管理start/update
+    controllable: {
+      type: Boolean,
+      default: false
+    },
+    render: Function
+  };
+  const separated2value = (value, options) => {
+    if (typeof value === "number" || typeof value !== "string") return value;
+    const escapeRegExp = (s) => s.replace(/([.,'  ])/g, "\\$1");
+    const sep = escapeRegExp(options.separator);
+    const dec = escapeRegExp(options.decimal);
+    const num = (value || "").replace(new RegExp(sep, "g"), "").replace(new RegExp(dec, "g"), ".");
+    return parseFloat(num);
+  };
+  const value2separated = (value, options) => {
+    const num = typeof value === "number" ? value : parseFloat(value);
+    if (value === "" || Number.isNaN(num)) {
+      return {
+        negative: "",
+        integer: "",
+        decimal: "",
+        separated: "",
+        float: "",
+        value: ""
+      };
+    }
+    const negative = num < 0 ? "-" : "";
+    let [integer, decimal = ""] = `${Math.abs(num)}`.split(".");
+    let separated = integer;
+    if (options.separator) {
+      let v = "";
+      let j = 0;
+      const factor = 3;
+      for (let i = 0, len = separated.length; i < len; ++i) {
+        if (i !== 0 && j % factor === 0) {
+          v = options.separator + v;
+        }
+        j++;
+        v = separated[len - i - 1] + v;
+      }
+      separated = v;
+    }
+    const precision$ = options.zeroless ? Math.min(options.precision, decimal.length) : options.precision;
+    if (precision$) {
+      decimal = decimal.slice(0, precision$).padEnd(precision$, "0");
+    } else {
+      decimal = "";
+    }
+    if (options?.numerals?.length) {
+      separated = separated.replace(/[0-9]/g, (w) => options.numerals[+w]);
+      decimal = decimal.replace(/[0-9]/g, (w) => options.numerals[+w]);
+    }
+    const _decimal = decimal ? options.decimal + decimal : "";
+    return {
+      negative,
+      integer,
+      decimal,
+      separated,
+      float: `${negative}${integer}${_decimal}`,
+      value: `${negative}${separated}${_decimal}`
+    };
+  };
+  function _isSlot$1(s) {
+    return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+  }
+  const COMPONENT_NAME$1w = "vc-counter";
+  const Counter = /* @__PURE__ */ vue.defineComponent({
+    name: COMPONENT_NAME$1w,
+    props: props$Z,
+    emits: ["begin", "complete", "change"],
+    setup(props2, {
+      emit,
+      expose,
+      slots
+    }) {
+      const startTime = vue.ref(null);
+      const duration = vue.ref(props2.duration);
+      const remaining = vue.ref(duration.value);
+      const startVal = vue.ref(0);
+      const endVal = vue.ref(separated2value(props2.value, props2));
+      const frameVal = vue.ref(startVal.value);
+      const finalEndVal = vue.ref(null);
+      const useEasing = vue.ref(!!props2.easing);
+      const isStart = vue.ref(false);
+      const isPaused = vue.ref(false);
+      const isComplete = vue.ref(false);
+      const countdown = vue.ref(false);
+      const rAF = vue.ref(null);
+      const prints = vue.reactive({
+        negative: "",
+        integer: "",
+        decimal: "",
+        separated: "",
+        float: "",
+        value: ""
+      });
+      const easing = vue.computed(() => {
+        return typeof props2.easing === "function" ? props2.easing : (t, b, c, d) => c * (-Math.pow(2, -10 * t / d) + 1) * 1024 / 1023 + b;
+      });
+      const displayValue = vue.computed(() => {
+        if (props2.value === "" || typeof props2.value !== "string" && typeof props2.value !== "number") {
+          return props2.placeholder;
+        }
+        return prints.value;
+      });
+      const binds = vue.computed(() => {
+        return {
+          ...prints,
+          value: displayValue.value
+        };
+      });
+      const determineDirectionAndSmartEasing = () => {
+        const v = finalEndVal.value !== null ? finalEndVal.value : endVal.value;
+        countdown.value = startVal.value > v;
+        const animateAmount = v - startVal.value;
+        if (Math.abs(animateAmount) > props2.smartEasingThreshold && props2.easing) {
+          finalEndVal.value = v;
+          const up = countdown.value ? 1 : -1;
+          endVal.value = v + up * props2.smartEasingAmount;
+          duration.value = duration.value / 2;
+        } else {
+          endVal.value = v;
+          finalEndVal.value = null;
+        }
+        if (finalEndVal.value !== null) {
+          useEasing.value = false;
+        } else {
+          useEasing.value = !!props2.easing;
+        }
+      };
+      const run = () => {
+        const done = (timestamp) => {
+          if (!startTime.value) {
+            startTime.value = timestamp;
+          }
+          const progress = timestamp - startTime.value;
+          remaining.value = duration.value - progress;
+          if (useEasing.value) {
+            if (countdown.value) {
+              frameVal.value = startVal.value - easing.value(progress, 0, startVal.value - endVal.value, duration.value);
+            } else {
+              frameVal.value = easing.value(progress, startVal.value, endVal.value - startVal.value, duration.value);
+            }
+          } else {
+            frameVal.value = startVal.value + (endVal.value - startVal.value) * (progress / duration.value);
+          }
+          const wentPast = countdown.value ? frameVal.value < endVal.value : frameVal.value > endVal.value;
+          frameVal.value = wentPast ? endVal.value : frameVal.value;
+          print(frameVal.value);
+          if (progress < duration.value) {
+            rAF.value = requestAnimationFrame(done);
+          } else if (finalEndVal.value !== null) {
+            update(finalEndVal.value);
+          } else {
+            emit("complete");
+            isComplete.value = true;
+          }
+        };
+        determineDirectionAndSmartEasing();
+        rAF.value = requestAnimationFrame(done);
+      };
+      const print = (num) => {
+        Object.assign(prints, value2separated(num, props2));
+        emit("change", prints);
+      };
+      const resetDuration = () => {
+        startTime.value = null;
+        duration.value = props2.duration;
+        remaining.value = duration.value;
+      };
+      const cancel = () => {
+        if (rAF.value === null || typeof rAF.value === "undefined") return;
+        cancelAnimationFrame(rAF.value);
+      };
+      const start = () => {
+        if (isComplete.value || isStart.value) return;
+        cancel();
+        resetDuration();
+        isPaused.value = false;
+        isComplete.value = false;
+        startVal.value = 0;
+        frameVal.value = 0;
+        isStart.value = true;
+        emit("begin");
+        if (duration.value > 0) {
+          run();
+        } else {
+          print(endVal.value);
+        }
+      };
+      const pause = () => {
+        if (isComplete.value) return;
+        if (!isPaused.value) {
+          cancel();
+        }
+        isPaused.value = true;
+      };
+      const resume = () => {
+        if (isComplete.value) return;
+        if (isPaused.value) {
+          startTime.value = null;
+          duration.value = remaining.value;
+          startVal.value = frameVal.value;
+          run();
+        }
+        isPaused.value = false;
+      };
+      const update = (newEndVal) => {
+        if (!isStart.value) return;
+        cancel();
+        startTime.value = null;
+        endVal.value = +newEndVal;
+        if (endVal.value === frameVal.value) {
+          return;
+        }
+        startVal.value = frameVal.value;
+        if (finalEndVal.value === null) {
+          resetDuration();
+        }
+        finalEndVal.value = null;
+        run();
+      };
+      const end = () => {
+        if (isComplete.value) return;
+        cancel();
+        resetDuration();
+        startVal.value = +props2.value;
+        frameVal.value = startVal.value;
+        print(frameVal.value);
+        emit("complete");
+        isComplete.value = true;
+      };
+      const restart = () => {
+        isStart.value = false;
+        isComplete.value = false;
+        start();
+      };
+      vue.watch(() => props2.value, () => {
+        if (props2.controllable || !isStart.value) return;
+        update(props2.value);
+      });
+      vue.watch(() => props2.precision, () => {
+        if (props2.controllable || !isStart.value || !isComplete.value) return;
+        print(+props2.value);
+      });
+      expose({
+        start,
+        pause,
+        resume,
+        update,
+        end,
+        restart,
+        cancel,
+        print
+      });
+      vue.onMounted(() => !props2.controllable && start());
+      vue.onBeforeUnmount(cancel);
+      const Content = props2.tag;
+      return () => {
+        if (slots.default) {
+          let _slot;
+          return (
+            // @ts-ignore
+            vue.createVNode(Content, {
+              "class": "vc-counter"
+            }, _isSlot$1(_slot = slots.default(binds.value)) ? _slot : {
+              default: () => [_slot]
+            })
+          );
+        }
+        if (props2.render) {
+          return vue.createVNode(Customer, vue.mergeProps({
+            "class": "vc-counter",
+            "render": props2.render
+          }, binds.value), null);
+        }
+        return (
+          // @ts-ignore
+          vue.createVNode(Content, {
+            "class": "vc-counter"
+          }, {
+            default: () => [displayValue.value]
+          })
+        );
+      };
+    }
+  });
+  const MCounter = Counter;
   const props$Y = {
     type: {
       type: String,
@@ -14221,8 +14561,8 @@
     "portalClass"
   ];
   const props$X = {
-    ...pick(props$1c, popoverKeys),
-    ...pick(props$1g, inputKeys$1),
+    ...pick(props$1d, popoverKeys),
+    ...pick(props$1h, inputKeys$1),
     type: String,
     placeholder: String,
     clearable: {
@@ -20962,7 +21302,7 @@
     name: COMPONENT_NAME$V,
     inheritAttrs: false,
     props: {
-      ...props$1g,
+      ...props$1h,
       right: {
         type: Boolean,
         default: false
@@ -21049,7 +21389,7 @@
   const COMPONENT_NAME$U = "vcm-input-number";
   const MInputNumber = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$U,
-    props: props$1f,
+    props: props$1g,
     inheritAttrs: false,
     setup(props2, {
       slots,
@@ -21098,7 +21438,7 @@
   const MInputSearch = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$T,
     props: {
-      ...props$1e,
+      ...props$1f,
       cancelText: {
         type: String,
         default: "取消"
@@ -22564,7 +22904,7 @@
   const COMPONENT_NAME$H = "vc-select";
   const Select = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$H,
-    props: props$19,
+    props: props$1a,
     emits: ["ready", "close", "visible-change", "clear", "change", "update:modelValue"],
     setup(props2, {
       emit,
@@ -24177,7 +24517,7 @@
     },
     scrollerOptions: Object,
     renderEmpty: Function,
-    renderFinish: Function,
+    renderComplete: Function,
     renderLoading: Function,
     renderPlaceholder: Function,
     renderRefresh: Function
@@ -24208,9 +24548,9 @@
         }, [vue.createVNode(Spin, {
           "size": 20
         }, null)]))]), owner.isEnd.value && (owner.data.length ? vue.createVNode("div", {
-          "class": "vc-recycle-list__finish"
-        }, [slots.finish?.() || owner.renderer.value.finish ? vue.createVNode(Customer, {
-          "render": owner.renderer.value.finish
+          "class": "vc-recycle-list__complete"
+        }, [slots.complete?.() || owner.renderer.value.complete ? vue.createVNode(Customer, {
+          "render": owner.renderer.value.complete
         }, null) : vue.createVNode("div", {
           "class": "vc-recycle-list__center"
         }, [vue.createTextVNode("已全部加载~")])]) : vue.createVNode("div", {
@@ -24479,7 +24819,7 @@
           refresh: props2.renderRefresh || globalProps.renderRefresh,
           placeholder: props2.renderPlaceholder || globalProps.renderPlaceholder,
           loading: props2.renderLoading || globalProps.renderLoading,
-          finish: props2.renderFinish || globalProps.renderFinish,
+          complete: props2.renderComplete || globalProps.renderComplete,
           empty: props2.renderEmpty || globalProps.renderEmpty
         };
       });
@@ -29279,7 +29619,7 @@
     "controllable"
   ];
   const props$8 = {
-    ...pick(props$1g, inputKeys),
+    ...pick(props$1h, inputKeys),
     wrap: {
       type: String,
       validator: (v) => /(soft|hard)/.test(v),
@@ -30834,7 +31174,7 @@
     "allowDispatch"
   ];
   const props$2 = {
-    ...pick(props$19, selectKeys),
+    ...pick(props$1a, selectKeys),
     ...pick(props$3, treeNodeContentKeys),
     // 暂不支持，仅作为默认值
     max: {
@@ -31103,7 +31443,7 @@
     "renderNodeLabel"
   ];
   const props$1 = {
-    ...props$19,
+    ...props$1a,
     ...pick(props$2, treeKeys)
   };
   const COMPONENT_NAME$2 = "vc-tree-select";
@@ -31906,6 +32246,8 @@
     // MColorPickerView,
     Countdown,
     MCountdown,
+    Counter,
+    MCounter,
     Customer,
     MCustomer,
     DatePicker,
@@ -136455,6 +136797,7 @@ ${imported}
   exports.ColorPicker = ColorPicker$1;
   exports.Components = Components;
   exports.Countdown = Countdown;
+  exports.Counter = Counter;
   exports.Customer = Customer;
   exports.DatePicker = DatePicker;
   exports.Debounce = Debounce;
@@ -136499,6 +136842,7 @@ ${imported}
   exports.MCollapseItem = MCollapseItem;
   exports.MColorPicker = MColorPicker;
   exports.MCountdown = MCountdown;
+  exports.MCounter = MCounter;
   exports.MCustomer = MCustomer;
   exports.MDatePicker = MDatePicker;
   exports.MDebounce = Debounce;