@deot/vc 1.0.57 → 1.0.59

package/dist/index.iife.js

@@ -117,7 +117,6 @@ var Vc = (function (exports, vue) {
     const instance = vue.getCurrentInstance();
     const regex = new RegExp(`${componentName}$`);
     let parent = instance.parent;
-    /* istanbul ignore next -- @preserve */
     while (parent && !(parent?.type?.name && regex.test(parent.type.name)) && (!privateKey || !parent?.[privateKey] || !parent?.proxy?.[privateKey])) {
       parent = parent.parent || parent?.type?.parent;
     }
@@ -9076,37 +9075,43 @@ var Vc = (function (exports, vue) {
       if (!message || !target) return;
       message = `[@deot/vc - ${target}]: ${message}`;
       this.message = message;
-      /* istanbul ignore next -- @preserve */
     }
   }
   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 {
@@ -9133,16 +9138,16 @@ var Vc = (function (exports, vue) {
     }
   }
   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
     }) {
@@ -9154,7 +9159,7 @@ var Vc = (function (exports, vue) {
     }
   });
   const MActionSheet = ActionSheet;
-  const props$1s = {
+  const props$1t = {
     modelValue: {
       type: Boolean,
       default: false
@@ -9212,11 +9217,11 @@ var Vc = (function (exports, vue) {
   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,
@@ -9376,7 +9381,7 @@ var Vc = (function (exports, vue) {
     }
   });
   const MAffix = Affix;
-  const props$1r = {
+  const props$1s = {
     modelValue: {
       type: Boolean,
       default: true
@@ -9402,7 +9407,7 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const props$1q = {
+  const props$1r = {
     type: String,
     inherit: {
       type: Boolean,
@@ -9439,7 +9444,6 @@ var Vc = (function (exports, vue) {
             const key = `${prefix}${url}`;
             const cache = window.localStorage.getItem(key);
             let icons = JSON.parse(cache || '""');
-            /* istanbul ignore next -- @preserve */
             if (!icons) {
               const data = await new Promise((resolve$) => {
                 const request = new XMLHttpRequest();
@@ -9474,7 +9478,6 @@ var Vc = (function (exports, vue) {
             });
             resolve();
           } catch (e) {
-            /* istanbul ignore next -- @preserve */
             reject(new VcError("icon", e));
           }
         })();
@@ -9486,7 +9489,6 @@ var Vc = (function (exports, vue) {
         const icons = {};
         setTimeout(() => {
           try {
-            /* istanbul ignore next -- @preserve */
             IS_DEV && console.time(url);
             svgStr.replace(svgReg, "$1")?.match(symbolReg)?.forEach(
               (i) => i.replace(basicReg, (_, ...args) => {
@@ -9501,23 +9503,19 @@ var Vc = (function (exports, vue) {
                 return "";
               })
             );
-            /* istanbul ignore next -- @preserve */
             IS_DEV && console.timeEnd(url);
             resolve(icons);
           } catch (e) {
-            /* istanbul ignore next -- @preserve */
             reject(new VcError("icon", e));
           }
         }, 0);
       });
     }
     on(type, fn) {
-      /* istanbul ignore next -- @preserve */
       if (typeof type !== "string" || typeof fn !== "function") return this;
       this.events[type] = this.events[type] || [];
       if (this.events[type].length >= 100) {
         delete this.events[type];
-        /* istanbul ignore else -- @preserve */
         if (!IS_SERVER) {
           throw new VcError("icon", `${type} nonexistent`);
         }
@@ -9526,7 +9524,6 @@ var Vc = (function (exports, vue) {
       return this;
     }
     off(type, fn) {
-      /* istanbul ignore next -- @preserve */
       if (typeof type !== "string" || typeof fn !== "function") return this;
       this.events[type] = this.events[type]?.filter((i) => i != fn);
       return this;
@@ -9543,10 +9540,10 @@ var Vc = (function (exports, vue) {
     }
   }
   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([]);
@@ -9578,7 +9575,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$1p = {
+  const props$1q = {
     /**
      * 进入/离开持续时间
      * {enter: 300, leave: 300}
@@ -9741,10 +9738,10 @@ var Vc = (function (exports, vue) {
       }
     };
   };
-  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 }) {
@@ -9763,10 +9760,10 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  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 }) {
@@ -9783,7 +9780,6 @@ var Vc = (function (exports, vue) {
       const handleBeforeEnter = (el2) => {
         const duration = props2.duration.enter || props2.duration;
         el2.style.transition = getTransitionStyle(duration);
-        /* istanbul ignore next -- @preserve */
         if (!el2.dataset) {
           el2.dataset = {};
         }
@@ -9800,7 +9796,6 @@ var Vc = (function (exports, vue) {
         const next = createNext(done, duration);
         try {
           el2.dataset.oldOverflow = el2.style.overflow;
-          /* istanbul ignore next -- @preserve */
           if (el2.scrollHeight !== 0) {
             el2.style.height = el2.scrollHeight + "px";
             el2.style.paddingTop = el2.dataset.oldPaddingTop + "px";
@@ -9823,7 +9818,6 @@ var Vc = (function (exports, vue) {
         attrs.onAfterEnter?.(el2);
       };
       const handleBeforeLeave = (el2) => {
-        /* istanbul ignore next -- @preserve */
         if (!el2.dataset) {
           el2.dataset = {};
         }
@@ -9840,7 +9834,6 @@ var Vc = (function (exports, vue) {
         const next = createNext(done, duration);
         try {
           const leaveDuration = props2.duration.leave || props2.duration;
-          /* istanbul ignore next -- @preserve */
           if (el2.scrollHeight !== 0) {
             el2.style.transition = getTransitionStyle(leaveDuration);
             el2.style.height = "0px";
@@ -9883,11 +9876,11 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  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,
@@ -9919,11 +9912,11 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  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",
@@ -9960,11 +9953,11 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  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",
@@ -10001,11 +9994,11 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  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",
@@ -10042,7 +10035,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$20 = "vc-alert";
+  const COMPONENT_NAME$21 = "vc-alert";
   const THEME_MAP = {
     info: ["#456CF6", "#91d5ff", "#e6f7ff"],
     success: ["#52c41a", "#b7eb8f", "#f6ffed"],
@@ -10050,8 +10043,8 @@ var Vc = (function (exports, vue) {
     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
@@ -10137,7 +10130,7 @@ var Vc = (function (exports, vue) {
     }
   });
   const MAlert = Alert;
-  const props$1o = {
+  const props$1p = {
     // canvas配置参数
     options: Object,
     width: {
@@ -10150,10 +10143,10 @@ var Vc = (function (exports, vue) {
     }
   };
   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
@@ -10328,7 +10321,7 @@ var Vc = (function (exports, vue) {
     }
   });
   const MArtboard = Artboard;
-  const props$1n = {
+  const props$1o = {
     size: {
       type: Number,
       default: 28
@@ -10349,10 +10342,10 @@ var Vc = (function (exports, vue) {
       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
     }) {
@@ -10385,7 +10378,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$1m = {
+  const props$1n = {
     wait: {
       type: Number,
       default: 250
@@ -10400,10 +10393,10 @@ var Vc = (function (exports, vue) {
     },
     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
@@ -10418,7 +10411,6 @@ var Vc = (function (exports, vue) {
         () => {
           const { wait, exclude, include } = props2;
           const ons = Object.entries(attrs).reduce((pre, [key, callback]) => {
-            /* istanbul ignore else -- @preserve */
             if ((!exclude || !exclude.test(key)) && (!include || include.test(key)) && typeof callback === "function") {
               pre[key] = debounce(callback, wait, {
                 leading: true,
@@ -10443,7 +10435,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$1l = {
+  const props$1m = {
     tag: {
       type: String,
       default: "button"
@@ -10472,11 +10464,11 @@ var Vc = (function (exports, vue) {
       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
     }) {
@@ -10536,7 +10528,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$1k = {
+  const props$1l = {
     vertical: {
       type: Boolean,
       default: false
@@ -10554,10 +10546,10 @@ var Vc = (function (exports, vue) {
       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
     }) {
@@ -10579,16 +10571,16 @@ var Vc = (function (exports, vue) {
   });
   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
     }) {
@@ -10600,7 +10592,7 @@ var Vc = (function (exports, vue) {
     }
   });
   const MCalendar = Calendar$1;
-  const props$1i = {
+  const props$1j = {
     border: {
       type: Boolean,
       default: true
@@ -10620,10 +10612,10 @@ var Vc = (function (exports, vue) {
       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
     }) {
@@ -10647,16 +10639,16 @@ var Vc = (function (exports, vue) {
     }
   });
   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
     }) {
@@ -10694,7 +10686,7 @@ var Vc = (function (exports, vue) {
       data
     });
   };
-  const props$1g = {
+  const props$1h = {
     // Array, 作为select等数组存放临时值
     modelValue: [String, Number, Array],
     disabled: {
@@ -10940,12 +10932,12 @@ var Vc = (function (exports, vue) {
     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
@@ -11047,8 +11039,8 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$1f = {
-    ...props$1g,
+  const props$1g = {
+    ...props$1h,
     min: {
       type: Number,
       default: 0
@@ -11273,10 +11265,10 @@ var Vc = (function (exports, vue) {
       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,
@@ -11328,17 +11320,17 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  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,
@@ -11369,7 +11361,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$1d = {
+  const props$1e = {
     modelValue: Boolean,
     animation: String,
     placement: {
@@ -11447,7 +11439,7 @@ var Vc = (function (exports, vue) {
     "autoWidth",
     "always"
   ];
-  const props$1c = {
+  const props$1d = {
     trigger: {
       type: String,
       default: "hover",
@@ -11465,7 +11457,7 @@ var Vc = (function (exports, vue) {
       type: Boolean,
       default: true
     },
-    ...pick(props$1d, wrapperKeys)
+    ...pick(props$1e, wrapperKeys)
   };
   const EXTRA_DISTANCE = 4;
   const HALF_ARROW = 12.73 / 2;
@@ -11719,16 +11711,16 @@ var Vc = (function (exports, vue) {
       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);
@@ -11800,7 +11792,7 @@ var Vc = (function (exports, vue) {
       return this.target.finally(callback);
     }
   }
-  const COMPONENT_NAME$1P = "vc-portal";
+  const COMPONENT_NAME$1Q = "vc-portal";
   class Portal {
     /**
      * 清理Portals类型组件
@@ -11830,7 +11822,6 @@ var Vc = (function (exports, vue) {
           }
         }
       } catch (e) {
-        /* istanbul ignore next -- @preserve */
         throw new VcError("instance", e);
       }
     }
@@ -11841,7 +11832,6 @@ var Vc = (function (exports, vue) {
       try {
         Portal.leafs.forEach((leaf) => leaf.destroy());
       } catch (e) {
-        /* istanbul ignore next -- @preserve */
         throw new VcError("instance", e);
       }
     }
@@ -11852,7 +11842,7 @@ var Vc = (function (exports, vue) {
       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) {
@@ -11914,7 +11904,6 @@ var Vc = (function (exports, vue) {
       return (...args) => {
         const done = () => {
           const leaf = getLeaf();
-          /* istanbul ignore next -- @preserve */
           if (!leaf) {
             throw new VcError("portal", "实例不存在或已卸载");
           }
@@ -11951,7 +11940,7 @@ var Vc = (function (exports, vue) {
         ...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();
@@ -11965,7 +11954,6 @@ var Vc = (function (exports, vue) {
         if (isDestroyed()) return;
         onDestroyed?.(...args);
         leaf.app?.unmount();
-        /* istanbul ignore else -- @preserve */
         if (useAllNodes) {
           root?.contains(container) && root.removeChild(container);
         } else if (container && container._children) {
@@ -11986,23 +11974,20 @@ var Vc = (function (exports, vue) {
       } else {
         const wrapper = this.wrapper;
         const app = vue.createApp({
-          name: COMPONENT_NAME$1P,
+          name: COMPONENT_NAME$1Q,
           parent,
           setup() {
             if (alive) {
               const handleExtra = (e) => {
                 try {
                   const path = e.path || composedPath(e);
-                  /* istanbul ignore else -- @preserve */
                   if (container && e.target && !container.contains(e.target) && !path?.some((item) => utils.eleInRegExp(item, aliveRegExp))) {
-                    /* istanbul ignore else -- @preserve */
                     if (leaf.wrapper && leaf.wrapper?.[aliveVisibleKey]) {
                       typeof leaf.wrapper[aliveVisibleKey] === "function" ? leaf.wrapper[aliveVisibleKey](false) : leaf.wrapper[aliveVisibleKey] = false;
                     }
                     leaveDelay ? setTimeout($onDestroyed, leaveDelay) : $onDestroyed();
                   }
                 } catch (error2) {
-                  /* istanbul ignore next -- @preserve */
                   throw new VcError("portal", error2);
                 }
               };
@@ -12092,16 +12077,16 @@ var Vc = (function (exports, vue) {
       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
     }) {
@@ -12114,10 +12099,10 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  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,
@@ -12338,10 +12323,10 @@ var Vc = (function (exports, vue) {
   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,
@@ -12468,9 +12453,9 @@ var Vc = (function (exports, vue) {
   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: {
@@ -12587,9 +12572,9 @@ var Vc = (function (exports, vue) {
     "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: {
@@ -12654,8 +12639,8 @@ var Vc = (function (exports, vue) {
     },
     label: String
   };
-  const props$18 = {
-    ...props$19,
+  const props$19 = {
+    ...props$1a,
     data: {
       type: Array,
       default: () => []
@@ -12673,11 +12658,11 @@ var Vc = (function (exports, vue) {
       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,
@@ -12952,7 +12937,7 @@ var Vc = (function (exports, vue) {
     "globalout",
     "contextmenu"
   ];
-  const props$17 = {
+  const props$18 = {
     options: Object,
     pluginOptions: Object,
     theme: [String, Object],
@@ -12964,14 +12949,15 @@ var Vc = (function (exports, vue) {
     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,
-      slots
+      slots,
+      expose
     }) {
       const instance = vue.getCurrentInstance();
       const chart = vue.shallowRef(null);
@@ -13066,6 +13052,10 @@ var Vc = (function (exports, vue) {
           }
         });
       });
+      expose({
+        chart,
+        refresh
+      });
       vue.onUnmounted(destroy2);
       return () => {
         return vue.createVNode("div", {
@@ -13076,7 +13066,7 @@ var Vc = (function (exports, vue) {
     }
   });
   const MChart = Chart;
-  const props$16 = {
+  const props$17 = {
     disabled: {
       type: Boolean,
       default: false
@@ -13188,10 +13178,10 @@ var Vc = (function (exports, vue) {
       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
@@ -13227,7 +13217,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$15 = {
+  const props$16 = {
     modelValue: {
       type: Array,
       default: () => []
@@ -13272,10 +13262,10 @@ var Vc = (function (exports, vue) {
       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
@@ -13289,10 +13279,10 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  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
@@ -13328,10 +13318,10 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  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
@@ -13345,7 +13335,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$14 = {
+  const props$15 = {
     content: [String, Function],
     mask: {
       type: Boolean,
@@ -13380,11 +13370,11 @@ var Vc = (function (exports, vue) {
     // 这个相当于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
@@ -13511,7 +13501,7 @@ var Vc = (function (exports, vue) {
   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],
@@ -13625,16 +13615,16 @@ var Vc = (function (exports, vue) {
     };
     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,
@@ -13659,11 +13649,11 @@ var Vc = (function (exports, vue) {
   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
@@ -13760,16 +13750,16 @@ var Vc = (function (exports, vue) {
   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"
@@ -13791,10 +13781,10 @@ var Vc = (function (exports, vue) {
       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();
@@ -13878,7 +13868,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$10 = {
+  const props$11 = {
     tag: {
       type: String,
       default: "div"
@@ -13887,7 +13877,7 @@ var Vc = (function (exports, vue) {
       type: [String, Number]
     }
   };
-  const props$$ = {
+  const props$10 = {
     tag: {
       type: String,
       default: "div"
@@ -13902,13 +13892,13 @@ var Vc = (function (exports, vue) {
       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
     }) {
@@ -13926,7 +13916,7 @@ var Vc = (function (exports, vue) {
             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]
@@ -13934,10 +13924,10 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  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
@@ -14000,16 +13990,16 @@ var Vc = (function (exports, vue) {
   });
   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
     }) {
@@ -14021,7 +14011,7 @@ var Vc = (function (exports, vue) {
     }
   });
   const MColorPicker = ColorPicker$1;
-  const props$Z = {
+  const props$_ = {
     tag: {
       type: String,
       default: "span"
@@ -14062,14 +14052,14 @@ var Vc = (function (exports, vue) {
   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
@@ -14152,7 +14142,7 @@ var Vc = (function (exports, vue) {
             second: "00",
             millisecond: "00"
           });
-          emit("finish");
+          emit("complete");
         } else {
           emit("change", {
             timestamp,
@@ -14191,7 +14181,7 @@ var Vc = (function (exports, vue) {
             // @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]
             })
           );
@@ -14213,6 +14203,339 @@ var Vc = (function (exports, vue) {
     }
   });
   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,
@@ -14235,8 +14558,8 @@ var Vc = (function (exports, vue) {
     "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: {
@@ -18541,7 +18864,7 @@ var Vc = (function (exports, vue) {
     }) {
       const owner = getInstance$1("dropdown", "dropdownId");
       const currentValue = vue.computed(() => {
-        const v = typeof props2.value === "undefined" || props2.value === "" ? props2.label : props2.value;
+        const v = typeof props2.value === "undefined" ? props2.label : props2.value;
         return v;
       });
       const classes = vue.computed(() => {
@@ -20976,7 +21299,7 @@ var Vc = (function (exports, vue) {
     name: COMPONENT_NAME$V,
     inheritAttrs: false,
     props: {
-      ...props$1g,
+      ...props$1h,
       right: {
         type: Boolean,
         default: false
@@ -21063,7 +21386,7 @@ var Vc = (function (exports, vue) {
   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,
@@ -21112,7 +21435,7 @@ var Vc = (function (exports, vue) {
   const MInputSearch = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$T,
     props: {
-      ...props$1e,
+      ...props$1f,
       cancelText: {
         type: String,
         default: "取消"
@@ -21385,7 +21708,7 @@ var Vc = (function (exports, vue) {
       default: "div"
     },
     fill: {
-      type: Boolean,
+      type: [Boolean, Array],
       default: true
     }
   };
@@ -21398,6 +21721,13 @@ var Vc = (function (exports, vue) {
       const width = vue.ref(0);
       const height = vue.ref(0);
       const current = vue.ref();
+      const classes = vue.computed(() => {
+        const v = Array.isArray(props2.fill) ? props2.fill : [props2.fill, props2.fill];
+        return {
+          "is-fill-width": v[0],
+          "is-fill-height": v[1]
+        };
+      });
       const currentExposed = vue.computed(() => {
         return {
           height: height.value,
@@ -21448,7 +21778,7 @@ var Vc = (function (exports, vue) {
           props2.tag,
           {
             ref: current,
-            class: ["vc-resizer", { "is-fill": props2.fill }]
+            class: ["vc-resizer", classes.value]
           },
           slots.default?.(currentExposed.value)
         );
@@ -22571,7 +22901,7 @@ var Vc = (function (exports, vue) {
   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,
@@ -24184,7 +24514,7 @@ var Vc = (function (exports, vue) {
     },
     scrollerOptions: Object,
     renderEmpty: Function,
-    renderFinish: Function,
+    renderComplete: Function,
     renderLoading: Function,
     renderPlaceholder: Function,
     renderRefresh: Function
@@ -24215,9 +24545,9 @@ var Vc = (function (exports, vue) {
         }, [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", {
@@ -24486,7 +24816,7 @@ var Vc = (function (exports, vue) {
           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
         };
       });
@@ -24544,19 +24874,17 @@ var Vc = (function (exports, vue) {
       const refreshItemSize = (index) => {
         const current = props2.inverted ? rebuildData.value[rebuildDataIndexMap.value[index]] : rebuildData.value[index];
         if (!current) return;
-        const oldSize = current.size;
+        const original = Object.assign({}, current);
         const dom = preloads.value[index] || curloads.value[props2.inverted ? index : index - firstItemIndex.value];
         if (dom) {
           current.size = dom[K.offsetSize] || placeholderSize.value;
         } else if (current) {
           current.size = placeholderSize.value;
         }
-        if (oldSize !== current.size) {
-          emit("row-resize", {
-            index: current.id,
-            size: current.size
-          });
-        }
+        return {
+          original,
+          changed: current
+        };
       };
       const refreshItemPosition = () => {
         const sizes = Array.from({
@@ -24623,18 +24951,24 @@ var Vc = (function (exports, vue) {
       const refreshLayout = async (start, end) => {
         isRefreshLayout = 1;
         const promiseTasks = [];
+        const resizeChanges = [];
         let item;
         for (let i = start; i < end; i++) {
           item = props2.inverted ? rebuildData.value[rebuildDataIndexMap.value[i]] : rebuildData.value[i];
-          if (item && item.loaded) {
-            continue;
-          }
+          if (item && item.loaded) continue;
           setItemData(i, originalData[i]);
-          promiseTasks.push(vue.nextTick(() => refreshItemSize(i)));
+          promiseTasks.push(vue.nextTick(() => {
+            const e = refreshItemSize(i);
+            e && resizeChanges.push(e.changed);
+          }));
         }
         await Promise.all(promiseTasks);
         refreshItemPosition();
         setFirstItemIndex();
+        resizeChanges.length > 0 && emit("row-resize", resizeChanges.map((i) => ({
+          size: i.size,
+          index: i.id
+        })));
         interrupter.next();
         isRefreshLayout = 0;
       };
@@ -26288,11 +26622,19 @@ var Vc = (function (exports, vue) {
       emit,
       slots
     }) {
+      let resizeChanges = [];
+      const emitChanges = () => {
+        if (resizeChanges.length > 0) {
+          emit("row-resize", resizeChanges);
+          resizeChanges = [];
+        }
+      };
       const handleResize = (e, index) => {
-        emit("row-resize", {
+        resizeChanges.push({
           index,
           size: e.height
         });
+        vue.nextTick(emitChanges);
       };
       return () => {
         return props2.data.map((mergeData, index) => {
@@ -26648,22 +26990,24 @@ var Vc = (function (exports, vue) {
           return renderRow(row, row.index);
         })]);
       };
-      const handleMergeRowResize = (v) => {
+      const handleMergeRowResize = (changes) => {
         if (table.props.rowHeight) return;
-        states.list[v.index].rows.forEach((row) => {
-          const old = row.heightMap[props2.fixed || "main"];
-          if (old === v.size) return;
-          row.heightMap[props2.fixed || "main"] = v.size;
-          const heights = [row.heightMap.main];
-          if (states.leftFixedCount) {
-            heights.push(row.heightMap.left);
-          }
-          if (states.rightFixedCount) {
-            heights.push(row.heightMap.right);
-          }
-          if (heights.every((i) => !!i)) {
-            row.height = Math.max(row.heightMap.left, row.heightMap.main, row.heightMap.right) || "";
-          }
+        changes.forEach((v) => {
+          states.list[v.index].rows.forEach((row) => {
+            const old = row.heightMap[props2.fixed || "main"];
+            if (old === v.size) return;
+            row.heightMap[props2.fixed || "main"] = v.size;
+            const heights = [row.heightMap.main];
+            if (states.leftFixedCount) {
+              heights.push(row.heightMap.left);
+            }
+            if (states.rightFixedCount) {
+              heights.push(row.heightMap.right);
+            }
+            if (heights.every((i) => !!i)) {
+              row.height = Math.max(row.heightMap.left, row.heightMap.main, row.heightMap.right) || "";
+            }
+          });
         });
       };
       expose({
@@ -29272,7 +29616,7 @@ var Vc = (function (exports, vue) {
     "controllable"
   ];
   const props$8 = {
-    ...pick(props$1g, inputKeys),
+    ...pick(props$1h, inputKeys),
     wrap: {
       type: String,
       validator: (v) => /(soft|hard)/.test(v),
@@ -29435,7 +29779,6 @@ var Vc = (function (exports, vue) {
     setup(props2, { slots }) {
       const themeId = getUid("vc-theme");
       const setVar = (name) => {
-        /* istanbul ignore next -- @preserve */
         if (!name) return "";
         const globals = VcInstance.options.Theme?.variables;
         return props2.variables?.[name] || globals?.[name] || `var(--${name})`;
@@ -29471,7 +29814,6 @@ var Vc = (function (exports, vue) {
         }
       });
       const setCss = (attrs) => {
-        /* istanbul ignore next -- @preserve */
         if (!attrs || typeof attrs === "string") return attrs;
         let content = "";
         Object.entries(attrs).forEach(([key, val]) => {
@@ -29480,7 +29822,6 @@ var Vc = (function (exports, vue) {
         return content;
       };
       const resetPseudo = () => {
-        /* istanbul ignore next -- @preserve */
         if (typeof document === "undefined") return;
         const { pseudo } = props2;
         if (!pseudo) return removeStyle(themeId);
@@ -30830,7 +31171,7 @@ var Vc = (function (exports, vue) {
     "allowDispatch"
   ];
   const props$2 = {
-    ...pick(props$19, selectKeys),
+    ...pick(props$1a, selectKeys),
     ...pick(props$3, treeNodeContentKeys),
     // 暂不支持，仅作为默认值
     max: {
@@ -31099,7 +31440,7 @@ var Vc = (function (exports, vue) {
     "renderNodeLabel"
   ];
   const props$1 = {
-    ...props$19,
+    ...props$1a,
     ...pick(props$2, treeKeys)
   };
   const COMPONENT_NAME$2 = "vc-tree-select";
@@ -31902,6 +32243,8 @@ var Vc = (function (exports, vue) {
     // MColorPickerView,
     Countdown,
     MCountdown,
+    Counter,
+    MCounter,
     Customer,
     MCustomer,
     DatePicker,
@@ -136451,6 +136794,7 @@ ${imported}
   exports.ColorPicker = ColorPicker$1;
   exports.Components = Components;
   exports.Countdown = Countdown;
+  exports.Counter = Counter;
   exports.Customer = Customer;
   exports.DatePicker = DatePicker;
   exports.Debounce = Debounce;
@@ -136495,6 +136839,7 @@ ${imported}
   exports.MCollapseItem = MCollapseItem;
   exports.MColorPicker = MColorPicker;
   exports.MCountdown = MCountdown;
+  exports.MCounter = MCounter;
   exports.MCustomer = MCustomer;
   exports.MDatePicker = MDatePicker;
   exports.MDebounce = Debounce;