@deot/vc-components 1.0.57 → 1.0.59

package/dist/index.cjs

@@ -44,7 +44,6 @@ class VcError {
     if (!message || !target) return;
     message = `[@deot/vc - ${target}]: ${message}`;
     this.message = message;
-    /* istanbul ignore next -- @preserve */
     process.env.NODE_ENV === "development" && console.error(message);
   }
 }
@@ -53,31 +52,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
   }
 };
 
@@ -106,7 +112,7 @@ class Instance {
 }
 const VcInstance = new Instance();
 
-const props$1t = {
+const props$1u = {
   tag: {
     type: String,
     default: "div"
@@ -115,10 +121,10 @@ const props$1t = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
   }) {
@@ -132,7 +138,7 @@ const ActionSheet = /* @__PURE__ */ vue.defineComponent({
 
 const MActionSheet = ActionSheet;
 
-const props$1s = {
+const props$1t = {
   modelValue: {
     type: Boolean,
     default: false
@@ -194,11 +200,11 @@ const isWheel = (el) => {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots,
     expose,
@@ -364,7 +370,7 @@ const Affix = /* @__PURE__ */ vue.defineComponent({
 
 const MAffix = Affix;
 
-const props$1r = {
+const props$1s = {
   modelValue: {
     type: Boolean,
     default: true
@@ -391,7 +397,7 @@ const props$1r = {
   }
 };
 
-const props$1q = {
+const props$1r = {
   type: String,
   inherit: {
     type: Boolean,
@@ -429,7 +435,6 @@ class Manager {
           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();
@@ -464,7 +469,6 @@ class Manager {
           });
           resolve();
         } catch (e) {
-          /* istanbul ignore next -- @preserve */
           reject(new VcError("icon", e));
         }
       })();
@@ -476,7 +480,6 @@ class Manager {
       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) => {
@@ -491,23 +494,19 @@ class Manager {
               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`);
       }
@@ -516,7 +515,6 @@ class Manager {
     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;
@@ -536,10 +534,10 @@ const IconManager = new Manager();
 
 /** @jsxImportSource vue */
 
-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(props) {
     const viewBox = vue.ref('0 0 1024 1024');
     const path = vue.ref([]);
@@ -572,7 +570,7 @@ const Icon = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$1p = {
+const props$1q = {
   /**
    * 进入/离开持续时间
    * {enter: 300, leave: 300}
@@ -737,10 +735,10 @@ const useTransition = () => {
   };
 };
 
-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(props, { slots, attrs }) {
@@ -760,10 +758,10 @@ const Transition = vue.defineComponent({
   }
 });
 
-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(props, { slots, attrs: _attrs }) {
@@ -780,7 +778,6 @@ const TransitionCollapse = vue.defineComponent({
     const handleBeforeEnter = (el) => {
       const duration = props.duration.enter || props.duration;
       el.style.transition = getTransitionStyle(duration);
-      /* istanbul ignore next -- @preserve */
       if (!el.dataset) {
         el.dataset = {};
       }
@@ -797,7 +794,6 @@ const TransitionCollapse = vue.defineComponent({
       const next = createNext(done, duration);
       try {
         el.dataset.oldOverflow = el.style.overflow;
-        /* istanbul ignore next -- @preserve */
         if (el.scrollHeight !== 0) {
           el.style.height = el.scrollHeight + "px";
           el.style.paddingTop = el.dataset.oldPaddingTop + "px";
@@ -820,7 +816,6 @@ const TransitionCollapse = vue.defineComponent({
       attrs.onAfterEnter?.(el);
     };
     const handleBeforeLeave = (el) => {
-      /* istanbul ignore next -- @preserve */
       if (!el.dataset) {
         el.dataset = {};
       }
@@ -837,7 +832,6 @@ const TransitionCollapse = vue.defineComponent({
       const next = createNext(done, duration);
       try {
         const leaveDuration = props.duration.leave || props.duration;
-        /* istanbul ignore next -- @preserve */
         if (el.scrollHeight !== 0) {
           el.style.transition = getTransitionStyle(leaveDuration);
           el.style.height = "0px";
@@ -881,11 +875,11 @@ const TransitionCollapse = vue.defineComponent({
   }
 });
 
-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,
@@ -918,11 +912,11 @@ const TransitionFade = vue.defineComponent({
   }
 });
 
-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",
@@ -960,11 +954,11 @@ const TransitionScale = vue.defineComponent({
   }
 });
 
-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",
@@ -1002,11 +996,11 @@ const TransitionSlide = vue.defineComponent({
   }
 });
 
-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",
@@ -1046,7 +1040,7 @@ const TransitionZoom = vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$20 = 'vc-alert';
+const COMPONENT_NAME$21 = 'vc-alert';
 
 // [color, borderColor, backgroundColor], -> CSS
 const THEME_MAP = {
@@ -1056,8 +1050,8 @@ const THEME_MAP = {
   warning: ['#ffbf00', '#ffe58f', '#fffbe6']
 };
 const Alert = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$20,
-  props: props$1r,
+  name: COMPONENT_NAME$21,
+  props: props$1s,
   setup(props, {
     slots,
     emit
@@ -1146,7 +1140,7 @@ const Alert = /* @__PURE__ */ vue.defineComponent({
 
 const MAlert = Alert;
 
-const props$1o = {
+const props$1p = {
   // canvas配置参数
   options: Object,
   width: {
@@ -1162,10 +1156,10 @@ const props$1o = {
 /** @jsxImportSource 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(props, {
     emit,
     expose
@@ -1368,7 +1362,7 @@ const Artboard = /* @__PURE__ */ vue.defineComponent({
 
 const MArtboard = Artboard;
 
-const props$1n = {
+const props$1o = {
   size: {
     type: Number,
     default: 28
@@ -1392,10 +1386,10 @@ const props$1n = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
   }) {
@@ -1429,7 +1423,7 @@ const Spin = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$1m = {
+const props$1n = {
   wait: {
     type: Number,
     default: 250
@@ -1445,10 +1439,10 @@ const props$1m = {
   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
@@ -1463,7 +1457,6 @@ const Debounce = vue.defineComponent({
       () => {
         const { wait, exclude, include } = props;
         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] = lodashEs.debounce(callback, wait, {
               leading: true,
@@ -1489,7 +1482,7 @@ const Debounce = vue.defineComponent({
   }
 });
 
-const props$1l = {
+const props$1m = {
   tag: {
     type: String,
     default: "button"
@@ -1521,11 +1514,11 @@ const props$1l = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
   }) {
@@ -1586,7 +1579,7 @@ const Button = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$1k = {
+const props$1l = {
   vertical: {
     type: Boolean,
     default: false
@@ -1607,10 +1600,10 @@ const props$1k = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
   }) {
@@ -1634,7 +1627,7 @@ const ButtonGroup = /* @__PURE__ */ vue.defineComponent({
 const MButton = Button;
 const MButtonGroup = ButtonGroup;
 
-const props$1j = {
+const props$1k = {
   tag: {
     type: String,
     default: "div"
@@ -1643,10 +1636,10 @@ const props$1j = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1W = 'vc-calendar';
+const COMPONENT_NAME$1X = 'vc-calendar';
 const Calendar = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1W,
-  props: props$1j,
+  name: COMPONENT_NAME$1X,
+  props: props$1k,
   setup(props, {
     slots
   }) {
@@ -1660,7 +1653,7 @@ const Calendar = /* @__PURE__ */ vue.defineComponent({
 
 const MCalendar = Calendar;
 
-const props$1i = {
+const props$1j = {
   border: {
     type: Boolean,
     default: true
@@ -1683,10 +1676,10 @@ const props$1i = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
   }) {
@@ -1712,7 +1705,7 @@ const Card = /* @__PURE__ */ vue.defineComponent({
 
 const MCard = Card;
 
-const props$1h = {
+const props$1i = {
   tag: {
     type: String,
     default: "div"
@@ -1721,10 +1714,10 @@ const props$1h = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
   }) {
@@ -1765,7 +1758,7 @@ const getSelectedData = (value = [], source = []) => {
   });
 };
 
-const props$1g = {
+const props$1h = {
   // Array, 作为select等数组存放临时值
   modelValue: [String, Number, Array],
   disabled: {
@@ -2017,12 +2010,12 @@ const useNativeEmitter = (input, expose) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1T = 'vc-input';
+const COMPONENT_NAME$1U = 'vc-input';
 const Input = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1T,
+  name: COMPONENT_NAME$1U,
   inheritAttrs: false,
   props: {
-    ...props$1g,
+    ...props$1h,
     indicator: {
       type: [Boolean, Object],
       default: false
@@ -2124,8 +2117,8 @@ const Input = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$1f = {
-  ...props$1g,
+const props$1g = {
+  ...props$1h,
   min: {
     type: Number,
     default: 0
@@ -2354,10 +2347,10 @@ const useInputNumber = () => {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots,
@@ -2410,8 +2403,8 @@ const InputNumber = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$1e = {
-  ...props$1g,
+const props$1f = {
+  ...props$1h,
   enterText: {
     type: [Boolean, String],
     default: true
@@ -2420,10 +2413,10 @@ const props$1e = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     emit,
@@ -2455,7 +2448,7 @@ const InputSearch = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$1d = {
+const props$1e = {
   modelValue: Boolean,
   animation: String,
   placement: {
@@ -2534,7 +2527,7 @@ const wrapperKeys = [
   "autoWidth",
   "always"
 ];
-const props$1c = {
+const props$1d = {
   trigger: {
     type: String,
     default: "hover",
@@ -2552,7 +2545,7 @@ const props$1c = {
     type: Boolean,
     default: true
   },
-  ...lodashEs.pick(props$1d, wrapperKeys)
+  ...lodashEs.pick(props$1e, wrapperKeys)
 };
 
 const EXTRA_DISTANCE = 4;
@@ -2808,17 +2801,17 @@ const usePos = () => {
   };
 };
 
-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(props, context) {
     return () => vue.h(() => {
       return props.render(context.attrs, context);
@@ -2893,7 +2886,7 @@ class PortalLeaf {
   }
 }
 
-const COMPONENT_NAME$1P = "vc-portal";
+const COMPONENT_NAME$1Q = "vc-portal";
 class Portal {
   /**
    * 清理Portals类型组件
@@ -2923,7 +2916,6 @@ class Portal {
         }
       }
     } catch (e) {
-      /* istanbul ignore next -- @preserve */
       throw new VcError("instance", e);
     }
   }
@@ -2934,7 +2926,6 @@ class Portal {
     try {
       Portal.leafs.forEach((leaf) => leaf.destroy());
     } catch (e) {
-      /* istanbul ignore next -- @preserve */
       throw new VcError("instance", e);
     }
   }
@@ -2945,7 +2936,7 @@ class Portal {
     this.wrapper = wrapper;
     this.globalOptions = {
       ...options,
-      name: options?.name || wrapper.name || Utils__namespace.getUid(COMPONENT_NAME$1P)
+      name: options?.name || wrapper.name || Utils__namespace.getUid(COMPONENT_NAME$1Q)
     };
   }
   popup(propsData, options) {
@@ -3007,7 +2998,6 @@ class Portal {
     return (...args) => {
       const done = () => {
         const leaf = getLeaf();
-        /* istanbul ignore next -- @preserve */
         if (!leaf) {
           throw new VcError("portal", "实例不存在或已卸载");
         }
@@ -3044,7 +3034,7 @@ class Portal {
       ...rest
     } = options;
     let useAllNodes = fragment;
-    const name = multiple ? `${name$}__${Utils__namespace.getUid(COMPONENT_NAME$1P)}` : name$;
+    const name = multiple ? `${name$}__${Utils__namespace.getUid(COMPONENT_NAME$1Q)}` : name$;
     const container = document.createElement(tag);
     const root = typeof el === "object" ? el : document.querySelector(el || "body");
     !alive && Portal.leafs.get(name)?.destroy();
@@ -3058,7 +3048,6 @@ class Portal {
       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) {
@@ -3079,23 +3068,20 @@ class Portal {
     } 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 || $__namespace.composedPath(e);
-                /* istanbul ignore else -- @preserve */
                 if (container && e.target && !container.contains(e.target) && !path?.some((item) => vcShared.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 (error) {
-                /* istanbul ignore next -- @preserve */
                 throw new VcError("portal", error);
               }
             };
@@ -3186,21 +3172,21 @@ class Portal {
   }
 }
 
-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';
 
 /**
  * 写法不同，但与vue@2.x 保持一致
  */
 const PortalView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1O,
-  props: props$1a,
+  name: COMPONENT_NAME$1P,
+  props: props$1b,
   setup(props, {
     slots
   }) {
@@ -3219,10 +3205,10 @@ const PortalView = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
     emit,
@@ -3479,10 +3465,10 @@ const PopoverPortal = new Portal(PopoverWrapper, {
 
 /** @jsxImportSource vue */
 
-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(props, {
     emit,
@@ -3625,9 +3611,9 @@ const Popover = Object.assign(Popover$1, {
 
 /** @jsxImportSource vue */
 
-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: {
@@ -3745,9 +3731,9 @@ const popoverKeys$1 = [
   "portal",
   "portalClass"
 ];
-const props$19 = {
-  ...lodashEs.pick(props$1c, popoverKeys$1),
-  ...lodashEs.pick(props$1g, inputKeys$2),
+const props$1a = {
+  ...lodashEs.pick(props$1d, popoverKeys$1),
+  ...lodashEs.pick(props$1h, inputKeys$2),
   renderOption: [Function],
   renderOptionGroup: [Function],
   data: {
@@ -3813,8 +3799,8 @@ const props$19 = {
   label: String
 };
 
-const props$18 = {
-  ...props$19,
+const props$19 = {
+  ...props$1a,
   data: {
     type: Array,
     default: () => []
@@ -3835,11 +3821,11 @@ const props$18 = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     emit,
@@ -4175,7 +4161,7 @@ const EVENTS = [
   "contextmenu"
 ];
 
-const props$17 = {
+const props$18 = {
   options: Object,
   pluginOptions: Object,
   theme: [String, Object],
@@ -4190,14 +4176,15 @@ const props$17 = {
 
 /** @jsxImportSource vue */
 
-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, 'ready'],
   setup(props, {
     emit,
-    slots
+    slots,
+    expose
   }) {
     const instance = vue.getCurrentInstance();
     const chart = vue.shallowRef(null);
@@ -4296,6 +4283,12 @@ const Chart = /* @__PURE__ */ vue.defineComponent({
         }
       });
     });
+
+    // 如果存在内存泄漏，chart.value.getOption() 获取配置项，查看series参数等情况
+    expose({
+      chart,
+      refresh
+    });
     vue.onUnmounted(destroy);
     return () => {
       return vue.createVNode("div", {
@@ -4308,7 +4301,7 @@ const Chart = /* @__PURE__ */ vue.defineComponent({
 
 const MChart = Chart;
 
-const props$16 = {
+const props$17 = {
   disabled: {
     type: Boolean,
     default: false
@@ -4424,10 +4417,10 @@ const useCheckbox = () => {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -4464,7 +4457,7 @@ const Checkbox = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$15 = {
+const props$16 = {
   modelValue: {
     type: Array,
     default: () => []
@@ -4513,10 +4506,10 @@ const useCheckboxGroup = () => {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -4533,10 +4526,10 @@ const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
     slots
@@ -4575,10 +4568,10 @@ const MCheckbox = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
     slots
@@ -4593,7 +4586,7 @@ const MCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$14 = {
+const props$15 = {
   content: [String, Function],
   mask: {
     type: Boolean,
@@ -4631,11 +4624,11 @@ const props$14 = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     emit,
     expose
@@ -4765,7 +4758,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],
@@ -4882,10 +4875,10 @@ const useClipboard = (done) => {
   return () => vue.h(props.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 }));
   }
@@ -4893,7 +4886,7 @@ const Clipboard$1 = vue.defineComponent({
 
 const Clipboard = Object.assign(Clipboard$1, group);
 
-const props$12 = {
+const props$13 = {
   content: [String, Function],
   maskClosable: {
     type: Boolean,
@@ -4924,11 +4917,11 @@ const MTransitionZoom = TransitionZoom;
 
 /** @jsxImportSource vue */
 
-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(props, {
     emit,
     expose
@@ -5028,10 +5021,10 @@ 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 }));
   }
@@ -5039,7 +5032,7 @@ const MClipboard$1 = vue.defineComponent({
 
 const MClipboard = Object.assign(MClipboard$1, group);
 
-const props$11 = {
+const props$12 = {
   tag: {
     type: String,
     default: "div"
@@ -5062,10 +5055,10 @@ const props$11 = {
   }
 };
 
-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(props, { slots, emit }) {
     const instance = vue.getCurrentInstance();
@@ -5150,7 +5143,7 @@ const Collapse = vue.defineComponent({
   }
 });
 
-const props$10 = {
+const props$11 = {
   tag: {
     type: String,
     default: "div"
@@ -5160,7 +5153,7 @@ const props$10 = {
   }
 };
 
-const props$$ = {
+const props$10 = {
   tag: {
     type: String,
     default: "div"
@@ -5178,13 +5171,13 @@ const props$$ = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
   }) {
@@ -5202,7 +5195,7 @@ const Expand$1 = /* @__PURE__ */ vue.defineComponent({
           enter: 200,
           leave: 200
         }
-      }, _isSlot$2(_slot = vue.withDirectives(vue.createVNode(Content, null, {
+      }, _isSlot$3(_slot = vue.withDirectives(vue.createVNode(Content, null, {
         default: () => [(props.alive || !props.alive && isActive.value) && slots.default?.()]
       }), [[vue.vShow, isActive.value]])) ? _slot : {
         default: () => [_slot]
@@ -5213,10 +5206,10 @@ const Expand$1 = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
     slots,
     expose
@@ -5281,7 +5274,7 @@ const CollapseItem = /* @__PURE__ */ vue.defineComponent({
 const MCollapse = Collapse;
 const MCollapseItem = CollapseItem;
 
-const props$_ = {
+const props$$ = {
   tag: {
     type: String,
     default: "div"
@@ -5290,10 +5283,10 @@ const props$_ = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1x = 'vc-color-picker';
+const COMPONENT_NAME$1y = 'vc-color-picker';
 const ColorPicker = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1x,
-  props: props$_,
+  name: COMPONENT_NAME$1y,
+  props: props$$,
   setup(props, {
     slots
   }) {
@@ -5307,7 +5300,7 @@ const ColorPicker = /* @__PURE__ */ vue.defineComponent({
 
 const MColorPicker = ColorPicker;
 
-const props$Z = {
+const props$_ = {
   tag: {
     type: String,
     default: "span"
@@ -5352,14 +5345,14 @@ const formatter = (format, arr) => {
 
 /** @jsxImportSource vue */
 
-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(props, {
     emit,
     slots
@@ -5449,7 +5442,7 @@ const Countdown = /* @__PURE__ */ vue.defineComponent({
           second: '00',
           millisecond: '00'
         });
-        emit('finish');
+        emit('complete');
       } else {
         emit('change', {
           timestamp,
@@ -5487,7 +5480,7 @@ const Countdown = /* @__PURE__ */ vue.defineComponent({
         return (// @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]
           })
         );
@@ -5510,6 +5503,345 @@ const Countdown = /* @__PURE__ */ vue.defineComponent({
 
 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}`
+  };
+};
+
+/** @jsxImportSource vue */
+
+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(props, {
+    emit,
+    expose,
+    slots
+  }) {
+    const startTime = vue.ref(null);
+    const duration = vue.ref(props.duration);
+    const remaining = vue.ref(duration.value);
+    const startVal = vue.ref(0);
+    const endVal = vue.ref(separated2value(props.value, props));
+    const frameVal = vue.ref(startVal.value);
+    const finalEndVal = vue.ref(null);
+    const useEasing = vue.ref(!!props.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: ''
+    });
+
+    // t: current time, b: beginning value, c: change in value, d: duration
+    const easing = vue.computed(() => {
+      return typeof props.easing === 'function' ? props.easing : (t, b, c, d) => c * (-Math.pow(2, -10 * t / d) + 1) * 1024 / 1023 + b;
+    });
+    const displayValue = vue.computed(() => {
+      if (props.value === '' || typeof props.value !== 'string' && typeof props.value !== 'number') {
+        return props.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) > props.smartEasingThreshold && props.easing) {
+        finalEndVal.value = v;
+        const up = countdown.value ? 1 : -1;
+        endVal.value = v + up * props.smartEasingAmount;
+        duration.value = duration.value / 2;
+      } else {
+        endVal.value = v;
+        finalEndVal.value = null;
+      }
+      if (finalEndVal.value !== null) {
+        useEasing.value = false;
+      } else {
+        useEasing.value = !!props.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, props));
+      emit('change', prints);
+    };
+    const resetDuration = () => {
+      startTime.value = null;
+      duration.value = props.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 = +props.value;
+      frameVal.value = startVal.value;
+      print(frameVal.value);
+      emit('complete');
+      isComplete.value = true;
+    };
+    const restart = () => {
+      isStart.value = false;
+      isComplete.value = false;
+      start();
+    };
+    vue.watch(() => props.value, () => {
+      if (props.controllable || !isStart.value) return;
+      update(props.value);
+    });
+    vue.watch(() => props.precision, () => {
+      if (props.controllable || !isStart.value || !isComplete.value) return;
+      print(+props.value);
+    });
+    expose({
+      start,
+      pause,
+      resume,
+      update,
+      end,
+      restart,
+      cancel,
+      print
+    });
+    vue.onMounted(() => !props.controllable && start());
+    vue.onBeforeUnmount(cancel);
+    const Content = props.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 (props.render) {
+        return vue.createVNode(Customer, vue.mergeProps({
+          "class": "vc-counter",
+          "render": props.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,
@@ -5533,8 +5865,8 @@ const popoverKeys = [
   "portalClass"
 ];
 const props$X = {
-  ...lodashEs.pick(props$1c, popoverKeys),
-  ...lodashEs.pick(props$1g, inputKeys$1),
+  ...lodashEs.pick(props$1d, popoverKeys),
+  ...lodashEs.pick(props$1h, inputKeys$1),
   type: String,
   placeholder: String,
   clearable: {
@@ -10056,7 +10388,7 @@ const DropdownItem = /* @__PURE__ */ vue.defineComponent({
   }) {
     const owner = vcHooks.getInstance('dropdown', 'dropdownId');
     const currentValue = vue.computed(() => {
-      const v = typeof props.value === 'undefined' || props.value === '' ? props.label : props.value;
+      const v = typeof props.value === 'undefined' ? props.label : props.value;
       return v;
     });
     const classes = vue.computed(() => {
@@ -12580,7 +12912,7 @@ const MInput = /* @__PURE__ */ vue.defineComponent({
   name: COMPONENT_NAME$V,
   inheritAttrs: false,
   props: {
-    ...props$1g,
+    ...props$1h,
     right: {
       type: Boolean,
       default: false
@@ -12669,7 +13001,7 @@ const MInput = /* @__PURE__ */ vue.defineComponent({
 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(props, {
     slots,
@@ -12721,7 +13053,7 @@ const COMPONENT_NAME$T = 'vcm-input-search';
 const MInputSearch = /* @__PURE__ */ vue.defineComponent({
   name: COMPONENT_NAME$T,
   props: {
-    ...props$1e,
+    ...props$1f,
     cancelText: {
       type: String,
       default: '取消'
@@ -13017,7 +13349,7 @@ const props$A = {
     default: "div"
   },
   fill: {
-    type: Boolean,
+    type: [Boolean, Array],
     default: true
   }
 };
@@ -13031,6 +13363,13 @@ const Resizer = vue.defineComponent({
     const width = vue.ref(0);
     const height = vue.ref(0);
     const current = vue.ref();
+    const classes = vue.computed(() => {
+      const v = Array.isArray(props.fill) ? props.fill : [props.fill, props.fill];
+      return {
+        "is-fill-width": v[0],
+        "is-fill-height": v[1]
+      };
+    });
     const currentExposed = vue.computed(() => {
       return {
         height: height.value,
@@ -13081,7 +13420,7 @@ const Resizer = vue.defineComponent({
         props.tag,
         {
           ref: current,
-          class: ["vc-resizer", { "is-fill": props.fill }]
+          class: ["vc-resizer", classes.value]
         },
         slots.default?.(currentExposed.value)
       );
@@ -14300,7 +14639,7 @@ const OptionGroup = /* @__PURE__ */ vue.defineComponent({
 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(props, {
     emit,
@@ -16011,7 +16350,7 @@ const props$j = {
   },
   scrollerOptions: Object,
   renderEmpty: Function,
-  renderFinish: Function,
+  renderComplete: Function,
   renderLoading: Function,
   renderPlaceholder: Function,
   renderRefresh: Function
@@ -16045,9 +16384,9 @@ const ScrollState = /* @__PURE__ */ vue.defineComponent({
       }, [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("\u5DF2\u5168\u90E8\u52A0\u8F7D~")])]) : vue.createVNode("div", {
@@ -16343,7 +16682,7 @@ const RecycleList = /* @__PURE__ */ vue.defineComponent({
         refresh: props.renderRefresh || globalProps.renderRefresh,
         placeholder: props.renderPlaceholder || globalProps.renderPlaceholder,
         loading: props.renderLoading || globalProps.renderLoading,
-        finish: props.renderFinish || globalProps.renderFinish,
+        complete: props.renderComplete || globalProps.renderComplete,
         empty: props.renderEmpty || globalProps.renderEmpty
       };
     });
@@ -16398,26 +16737,22 @@ const RecycleList = /* @__PURE__ */ vue.defineComponent({
       const index$ = rebuildDataIndexMap.value[index];
       typeof index$ === 'undefined' ? rebuildData.value.unshift(node) : rebuildData.value[index$] = node;
     };
-    // 更新item.size
     const refreshItemSize = index => {
       const current = props.inverted ? rebuildData.value[rebuildDataIndexMap.value[index]] : rebuildData.value[index];
-      if (!current) return; // 受到`removeUnusedPlaceholders`影响，无效的会被回收
 
-      const oldSize = current.size;
+      // 受到`removeUnusedPlaceholders`影响,无效的会被回收
+      if (!current) return;
+      const original = Object.assign({}, current);
       const dom = preloads.value[index] || curloads.value[props.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({
@@ -16487,18 +16822,24 @@ const RecycleList = /* @__PURE__ */ vue.defineComponent({
     const refreshLayout = async (start, end) => {
       isRefreshLayout = 1;
       const promiseTasks = [];
+      const resizeChanges = [];
       let item;
       for (let i = start; i < end; i++) {
         item = props.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;
     };
@@ -18213,11 +18554,19 @@ const NormalList = /* @__PURE__ */ vue.defineComponent({
     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 props.data.map((mergeData, index) => {
@@ -18576,22 +18925,25 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
         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[props.fixed || 'main'];
-        if (old === v.size) return;
-        row.heightMap[props.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[props.fixed || 'main'];
+          if (old === v.size) return;
+          row.heightMap[props.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({
@@ -21366,7 +21718,7 @@ const inputKeys = [
   "controllable"
 ];
 const props$8 = {
-  ...lodashEs.pick(props$1g, inputKeys),
+  ...lodashEs.pick(props$1h, inputKeys),
   wrap: {
     type: String,
     validator: (v) => /(soft|hard)/.test(v),
@@ -21537,7 +21889,6 @@ const Theme = vue.defineComponent({
   setup(props, { slots }) {
     const themeId = Utils__namespace.getUid("vc-theme");
     const setVar = (name) => {
-      /* istanbul ignore next -- @preserve */
       if (!name) return "";
       const globals = VcInstance.options.Theme?.variables;
       return props.variables?.[name] || globals?.[name] || `var(--${name})`;
@@ -21573,7 +21924,6 @@ const Theme = vue.defineComponent({
       }
     });
     const setCss = (attrs) => {
-      /* istanbul ignore next -- @preserve */
       if (!attrs || typeof attrs === "string") return attrs;
       let content = "";
       Object.entries(attrs).forEach(([key, val]) => {
@@ -21582,7 +21932,6 @@ const Theme = vue.defineComponent({
       return content;
     };
     const resetPseudo = () => {
-      /* istanbul ignore next -- @preserve */
       if (typeof document === "undefined") return;
       const { pseudo } = props;
       if (!pseudo) return Load__namespace.removeStyle(themeId);
@@ -22962,7 +23311,7 @@ const treeNodeContentKeys = [
   "allowDispatch"
 ];
 const props$2 = {
-  ...lodashEs.pick(props$19, selectKeys),
+  ...lodashEs.pick(props$1a, selectKeys),
   ...lodashEs.pick(props$3, treeNodeContentKeys),
   // 暂不支持，仅作为默认值
   max: {
@@ -23235,7 +23584,7 @@ const treeKeys = [
   "renderNodeLabel"
 ];
 const props$1 = {
-  ...props$19,
+  ...props$1a,
   ...lodashEs.pick(props$2, treeKeys)
 };
 
@@ -24044,6 +24393,7 @@ exports.Collapse = Collapse;
 exports.CollapseItem = CollapseItem;
 exports.ColorPicker = ColorPicker;
 exports.Countdown = Countdown;
+exports.Counter = Counter;
 exports.Customer = Customer;
 exports.DatePicker = DatePicker;
 exports.Debounce = Debounce;
@@ -24088,6 +24438,7 @@ exports.MCollapse = MCollapse;
 exports.MCollapseItem = MCollapseItem;
 exports.MColorPicker = MColorPicker;
 exports.MCountdown = MCountdown;
+exports.MCounter = MCounter;
 exports.MCustomer = MCustomer;
 exports.MDatePicker = MDatePicker;
 exports.MDebounce = Debounce;