@deot/vc-components 1.0.57 → 1.0.59

package/dist/index.js

@@ -22,7 +22,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);
   }
 }
@@ -31,31 +30,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
   }
 };
 
@@ -84,7 +90,7 @@ class Instance {
 }
 const VcInstance = new Instance();
 
-const props$1t = {
+const props$1u = {
   tag: {
     type: String,
     default: "div"
@@ -93,10 +99,10 @@ const props$1t = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$29 = 'vc-action-sheet';
+const COMPONENT_NAME$2a = 'vc-action-sheet';
 const ActionSheet = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$29,
-  props: props$1t,
+  name: COMPONENT_NAME$2a,
+  props: props$1u,
   setup(props, {
     slots
   }) {
@@ -110,7 +116,7 @@ const ActionSheet = /* @__PURE__ */ defineComponent({
 
 const MActionSheet = ActionSheet;
 
-const props$1s = {
+const props$1t = {
   modelValue: {
     type: Boolean,
     default: false
@@ -172,11 +178,11 @@ const isWheel = (el) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$28 = 'vc-affix';
+const COMPONENT_NAME$29 = 'vc-affix';
 const Affix = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$28,
+  name: COMPONENT_NAME$29,
   emits: ['update:modelValue'],
-  props: props$1s,
+  props: props$1t,
   setup(props, {
     slots,
     expose,
@@ -342,7 +348,7 @@ const Affix = /* @__PURE__ */ defineComponent({
 
 const MAffix = Affix;
 
-const props$1r = {
+const props$1s = {
   modelValue: {
     type: Boolean,
     default: true
@@ -369,7 +375,7 @@ const props$1r = {
   }
 };
 
-const props$1q = {
+const props$1r = {
   type: String,
   inherit: {
     type: Boolean,
@@ -407,7 +413,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();
@@ -442,7 +447,6 @@ class Manager {
           });
           resolve();
         } catch (e) {
-          /* istanbul ignore next -- @preserve */
           reject(new VcError("icon", e));
         }
       })();
@@ -454,7 +458,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) => {
@@ -469,23 +472,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`);
       }
@@ -494,7 +493,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;
@@ -514,10 +512,10 @@ const IconManager = new Manager();
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$27 = 'vc-icon';
+const COMPONENT_NAME$28 = 'vc-icon';
 const Icon = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$27,
-  props: props$1q,
+  name: COMPONENT_NAME$28,
+  props: props$1r,
   setup(props) {
     const viewBox = ref('0 0 1024 1024');
     const path = ref([]);
@@ -550,7 +548,7 @@ const Icon = /* @__PURE__ */ defineComponent({
   }
 });
 
-const props$1p = {
+const props$1q = {
   /**
    * 进入/离开持续时间
    * {enter: 300, leave: 300}
@@ -715,10 +713,10 @@ const useTransition = () => {
   };
 };
 
-const COMPONENT_NAME$26 = "vc-transition";
+const COMPONENT_NAME$27 = "vc-transition";
 const Transition = defineComponent({
-  name: COMPONENT_NAME$26,
-  props: props$1p,
+  name: COMPONENT_NAME$27,
+  props: props$1q,
   // 当不声明emits的情况下，事件存在于attrs中
   inheritAttrs: false,
   setup(props, { slots, attrs }) {
@@ -738,10 +736,10 @@ const Transition = defineComponent({
   }
 });
 
-const COMPONENT_NAME$25 = "vc-transition-collapse";
+const COMPONENT_NAME$26 = "vc-transition-collapse";
 const TransitionCollapse = defineComponent({
-  name: COMPONENT_NAME$25,
-  props: props$1p,
+  name: COMPONENT_NAME$26,
+  props: props$1q,
   // 当不声明emits的情况下，事件存在于attrs中
   inheritAttrs: false,
   setup(props, { slots, attrs: _attrs }) {
@@ -758,7 +756,6 @@ const TransitionCollapse = 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 = {};
       }
@@ -775,7 +772,6 @@ const TransitionCollapse = 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";
@@ -798,7 +794,6 @@ const TransitionCollapse = defineComponent({
       attrs.onAfterEnter?.(el);
     };
     const handleBeforeLeave = (el) => {
-      /* istanbul ignore next -- @preserve */
       if (!el.dataset) {
         el.dataset = {};
       }
@@ -815,7 +810,6 @@ const TransitionCollapse = 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";
@@ -859,11 +853,11 @@ const TransitionCollapse = defineComponent({
   }
 });
 
-const COMPONENT_NAME$24 = "vc-transition-fade";
+const COMPONENT_NAME$25 = "vc-transition-fade";
 const TransitionFade = defineComponent({
-  name: COMPONENT_NAME$24,
+  name: COMPONENT_NAME$25,
   props: {
-    ...props$1p,
+    ...props$1q,
     // inheritAttrs必须是false
     style: {
       type: Object,
@@ -896,11 +890,11 @@ const TransitionFade = defineComponent({
   }
 });
 
-const COMPONENT_NAME$23 = "vc-transition-scale";
+const COMPONENT_NAME$24 = "vc-transition-scale";
 const TransitionScale = defineComponent({
-  name: COMPONENT_NAME$23,
+  name: COMPONENT_NAME$24,
   props: {
-    ...props$1p,
+    ...props$1q,
     mode: {
       type: String,
       default: "both",
@@ -938,11 +932,11 @@ const TransitionScale = defineComponent({
   }
 });
 
-const COMPONENT_NAME$22 = "vc-transition-slide";
+const COMPONENT_NAME$23 = "vc-transition-slide";
 const TransitionSlide = defineComponent({
-  name: COMPONENT_NAME$22,
+  name: COMPONENT_NAME$23,
   props: {
-    ...props$1p,
+    ...props$1q,
     mode: {
       type: String,
       default: "left",
@@ -980,11 +974,11 @@ const TransitionSlide = defineComponent({
   }
 });
 
-const COMPONENT_NAME$21 = "vc-transition-zoom";
+const COMPONENT_NAME$22 = "vc-transition-zoom";
 const TransitionZoom = defineComponent({
-  name: COMPONENT_NAME$21,
+  name: COMPONENT_NAME$22,
   props: {
-    ...props$1p,
+    ...props$1q,
     mode: {
       type: String,
       default: "x",
@@ -1024,7 +1018,7 @@ const TransitionZoom = defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$20 = 'vc-alert';
+const COMPONENT_NAME$21 = 'vc-alert';
 
 // [color, borderColor, backgroundColor], -> CSS
 const THEME_MAP = {
@@ -1034,8 +1028,8 @@ const THEME_MAP = {
   warning: ['#ffbf00', '#ffe58f', '#fffbe6']
 };
 const Alert = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$20,
-  props: props$1r,
+  name: COMPONENT_NAME$21,
+  props: props$1s,
   setup(props, {
     slots,
     emit
@@ -1124,7 +1118,7 @@ const Alert = /* @__PURE__ */ defineComponent({
 
 const MAlert = Alert;
 
-const props$1o = {
+const props$1p = {
   // canvas配置参数
   options: Object,
   width: {
@@ -1140,10 +1134,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__ */ defineComponent({
-  name: COMPONENT_NAME$1$,
-  props: props$1o,
+  name: COMPONENT_NAME$20,
+  props: props$1p,
   setup(props, {
     emit,
     expose
@@ -1346,7 +1340,7 @@ const Artboard = /* @__PURE__ */ defineComponent({
 
 const MArtboard = Artboard;
 
-const props$1n = {
+const props$1o = {
   size: {
     type: Number,
     default: 28
@@ -1370,10 +1364,10 @@ const props$1n = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1_ = 'vc-spin';
+const COMPONENT_NAME$1$ = 'vc-spin';
 const Spin = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1_,
-  props: props$1n,
+  name: COMPONENT_NAME$1$,
+  props: props$1o,
   setup(props, {
     slots
   }) {
@@ -1407,7 +1401,7 @@ const Spin = /* @__PURE__ */ defineComponent({
   }
 });
 
-const props$1m = {
+const props$1n = {
   wait: {
     type: Number,
     default: 250
@@ -1423,10 +1417,10 @@ const props$1m = {
   exclude: RegExp
 };
 
-const COMPONENT_NAME$1Z = "vc-debounce";
+const COMPONENT_NAME$1_ = "vc-debounce";
 const Debounce = defineComponent({
-  name: COMPONENT_NAME$1Z,
-  props: props$1m,
+  name: COMPONENT_NAME$1_,
+  props: props$1n,
   /**
    * 不声明emits使得事件被透传放入attrs中, 这样可以让所有的事件透传
    * 如事件onClick
@@ -1441,7 +1435,6 @@ const Debounce = 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] = debounce(callback, wait, {
               leading: true,
@@ -1467,7 +1460,7 @@ const Debounce = defineComponent({
   }
 });
 
-const props$1l = {
+const props$1m = {
   tag: {
     type: String,
     default: "button"
@@ -1499,11 +1492,11 @@ const props$1l = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1Y = 'vc-button';
+const COMPONENT_NAME$1Z = 'vc-button';
 const Button = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1Y,
+  name: COMPONENT_NAME$1Z,
   emits: ['click'],
-  props: props$1l,
+  props: props$1m,
   setup(props, {
     slots
   }) {
@@ -1564,7 +1557,7 @@ const Button = /* @__PURE__ */ defineComponent({
   }
 });
 
-const props$1k = {
+const props$1l = {
   vertical: {
     type: Boolean,
     default: false
@@ -1585,10 +1578,10 @@ const props$1k = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1X = 'vc-button-group';
+const COMPONENT_NAME$1Y = 'vc-button-group';
 const ButtonGroup = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1X,
-  props: props$1k,
+  name: COMPONENT_NAME$1Y,
+  props: props$1l,
   setup(props, {
     slots
   }) {
@@ -1612,7 +1605,7 @@ const ButtonGroup = /* @__PURE__ */ defineComponent({
 const MButton = Button;
 const MButtonGroup = ButtonGroup;
 
-const props$1j = {
+const props$1k = {
   tag: {
     type: String,
     default: "div"
@@ -1621,10 +1614,10 @@ const props$1j = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1W = 'vc-calendar';
+const COMPONENT_NAME$1X = 'vc-calendar';
 const Calendar = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1W,
-  props: props$1j,
+  name: COMPONENT_NAME$1X,
+  props: props$1k,
   setup(props, {
     slots
   }) {
@@ -1638,7 +1631,7 @@ const Calendar = /* @__PURE__ */ defineComponent({
 
 const MCalendar = Calendar;
 
-const props$1i = {
+const props$1j = {
   border: {
     type: Boolean,
     default: true
@@ -1661,10 +1654,10 @@ const props$1i = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1V = 'vc-card';
+const COMPONENT_NAME$1W = 'vc-card';
 const Card = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1V,
-  props: props$1i,
+  name: COMPONENT_NAME$1W,
+  props: props$1j,
   setup(props, {
     slots
   }) {
@@ -1690,7 +1683,7 @@ const Card = /* @__PURE__ */ defineComponent({
 
 const MCard = Card;
 
-const props$1h = {
+const props$1i = {
   tag: {
     type: String,
     default: "div"
@@ -1699,10 +1692,10 @@ const props$1h = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1U = 'vc-carousel';
+const COMPONENT_NAME$1V = 'vc-carousel';
 const Carousel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1U,
-  props: props$1h,
+  name: COMPONENT_NAME$1V,
+  props: props$1i,
   setup(props, {
     slots
   }) {
@@ -1743,7 +1736,7 @@ const getSelectedData = (value = [], source = []) => {
   });
 };
 
-const props$1g = {
+const props$1h = {
   // Array, 作为select等数组存放临时值
   modelValue: [String, Number, Array],
   disabled: {
@@ -1995,12 +1988,12 @@ const useNativeEmitter = (input, expose) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1T = 'vc-input';
+const COMPONENT_NAME$1U = 'vc-input';
 const Input = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1T,
+  name: COMPONENT_NAME$1U,
   inheritAttrs: false,
   props: {
-    ...props$1g,
+    ...props$1h,
     indicator: {
       type: [Boolean, Object],
       default: false
@@ -2102,8 +2095,8 @@ const Input = /* @__PURE__ */ defineComponent({
   }
 });
 
-const props$1f = {
-  ...props$1g,
+const props$1g = {
+  ...props$1h,
   min: {
     type: Number,
     default: 0
@@ -2332,10 +2325,10 @@ const useInputNumber = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1S = 'vc-input-number';
+const COMPONENT_NAME$1T = 'vc-input-number';
 const InputNumber = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1S,
-  props: props$1f,
+  name: COMPONENT_NAME$1T,
+  props: props$1g,
   inheritAttrs: false,
   setup(props, {
     slots,
@@ -2388,8 +2381,8 @@ const InputNumber = /* @__PURE__ */ defineComponent({
   }
 });
 
-const props$1e = {
-  ...props$1g,
+const props$1f = {
+  ...props$1h,
   enterText: {
     type: [Boolean, String],
     default: true
@@ -2398,10 +2391,10 @@ const props$1e = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1R = 'vc-input-search';
+const COMPONENT_NAME$1S = 'vc-input-search';
 const InputSearch = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1R,
-  props: props$1e,
+  name: COMPONENT_NAME$1S,
+  props: props$1f,
   inheritAttrs: false,
   setup(props, {
     emit,
@@ -2433,7 +2426,7 @@ const InputSearch = /* @__PURE__ */ defineComponent({
   }
 });
 
-const props$1d = {
+const props$1e = {
   modelValue: Boolean,
   animation: String,
   placement: {
@@ -2512,7 +2505,7 @@ const wrapperKeys = [
   "autoWidth",
   "always"
 ];
-const props$1c = {
+const props$1d = {
   trigger: {
     type: String,
     default: "hover",
@@ -2530,7 +2523,7 @@ const props$1c = {
     type: Boolean,
     default: true
   },
-  ...pick(props$1d, wrapperKeys)
+  ...pick(props$1e, wrapperKeys)
 };
 
 const EXTRA_DISTANCE = 4;
@@ -2786,17 +2779,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 = defineComponent({
-  name: COMPONENT_NAME$1Q,
-  props: props$1b,
+  name: COMPONENT_NAME$1R,
+  props: props$1c,
   setup(props, context) {
     return () => h(() => {
       return props.render(context.attrs, context);
@@ -2871,7 +2864,7 @@ class PortalLeaf {
   }
 }
 
-const COMPONENT_NAME$1P = "vc-portal";
+const COMPONENT_NAME$1Q = "vc-portal";
 class Portal {
   /**
    * 清理Portals类型组件
@@ -2901,7 +2894,6 @@ class Portal {
         }
       }
     } catch (e) {
-      /* istanbul ignore next -- @preserve */
       throw new VcError("instance", e);
     }
   }
@@ -2912,7 +2904,6 @@ class Portal {
     try {
       Portal.leafs.forEach((leaf) => leaf.destroy());
     } catch (e) {
-      /* istanbul ignore next -- @preserve */
       throw new VcError("instance", e);
     }
   }
@@ -2923,7 +2914,7 @@ class Portal {
     this.wrapper = wrapper;
     this.globalOptions = {
       ...options,
-      name: options?.name || wrapper.name || Utils.getUid(COMPONENT_NAME$1P)
+      name: options?.name || wrapper.name || Utils.getUid(COMPONENT_NAME$1Q)
     };
   }
   popup(propsData, options) {
@@ -2985,7 +2976,6 @@ class Portal {
     return (...args) => {
       const done = () => {
         const leaf = getLeaf();
-        /* istanbul ignore next -- @preserve */
         if (!leaf) {
           throw new VcError("portal", "实例不存在或已卸载");
         }
@@ -3022,7 +3012,7 @@ class Portal {
       ...rest
     } = options;
     let useAllNodes = fragment;
-    const name = multiple ? `${name$}__${Utils.getUid(COMPONENT_NAME$1P)}` : name$;
+    const name = multiple ? `${name$}__${Utils.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();
@@ -3036,7 +3026,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) {
@@ -3057,23 +3046,20 @@ class Portal {
     } else {
       const wrapper = this.wrapper;
       const app = 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$1.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);
               }
             };
@@ -3164,21 +3150,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__ */ defineComponent({
-  name: COMPONENT_NAME$1O,
-  props: props$1a,
+  name: COMPONENT_NAME$1P,
+  props: props$1b,
   setup(props, {
     slots
   }) {
@@ -3197,10 +3183,10 @@ const PortalView = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1N = 'vc-popover-wrapper';
+const COMPONENT_NAME$1O = 'vc-popover-wrapper';
 const PopoverWrapper = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1N,
-  props: props$1d,
+  name: COMPONENT_NAME$1O,
+  props: props$1e,
   emits: ['portal-fulfilled', 'close'],
   setup(props, {
     emit,
@@ -3457,10 +3443,10 @@ const PopoverPortal = new Portal(PopoverWrapper, {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1M = 'vc-popover';
+const COMPONENT_NAME$1N = 'vc-popover';
 const Popover$1 = /* @__PURE__ */ 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,
@@ -3603,9 +3589,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__ */ defineComponent({
-  name: COMPONENT_NAME$1L,
+  name: COMPONENT_NAME$1M,
   emits: ['click', 'change'],
   props: {
     data: {
@@ -3723,9 +3709,9 @@ const popoverKeys$1 = [
   "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: {
@@ -3791,8 +3777,8 @@ const props$19 = {
   label: String
 };
 
-const props$18 = {
-  ...props$19,
+const props$19 = {
+  ...props$1a,
   data: {
     type: Array,
     default: () => []
@@ -3813,11 +3799,11 @@ const props$18 = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1K = 'vc-cascader';
+const COMPONENT_NAME$1L = 'vc-cascader';
 const Cascader = /* @__PURE__ */ 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,
@@ -4153,7 +4139,7 @@ const EVENTS = [
   "contextmenu"
 ];
 
-const props$17 = {
+const props$18 = {
   options: Object,
   pluginOptions: Object,
   theme: [String, Object],
@@ -4168,14 +4154,15 @@ const props$17 = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1J = 'vc-chart';
+const COMPONENT_NAME$1K = 'vc-chart';
 const Chart = /* @__PURE__ */ 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 = getCurrentInstance();
     const chart = shallowRef(null);
@@ -4274,6 +4261,12 @@ const Chart = /* @__PURE__ */ defineComponent({
         }
       });
     });
+
+    // 如果存在内存泄漏，chart.value.getOption() 获取配置项，查看series参数等情况
+    expose({
+      chart,
+      refresh
+    });
     onUnmounted(destroy);
     return () => {
       return createVNode("div", {
@@ -4286,7 +4279,7 @@ const Chart = /* @__PURE__ */ defineComponent({
 
 const MChart = Chart;
 
-const props$16 = {
+const props$17 = {
   disabled: {
     type: Boolean,
     default: false
@@ -4402,10 +4395,10 @@ const useCheckbox = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1I = 'vc-checkbox';
+const COMPONENT_NAME$1J = 'vc-checkbox';
 const Checkbox = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1I,
-  props: props$16,
+  name: COMPONENT_NAME$1J,
+  props: props$17,
   emits: ['update:modelValue', 'change'],
   setup(props, {
     slots
@@ -4442,7 +4435,7 @@ const Checkbox = /* @__PURE__ */ defineComponent({
   }
 });
 
-const props$15 = {
+const props$16 = {
   modelValue: {
     type: Array,
     default: () => []
@@ -4491,10 +4484,10 @@ const useCheckboxGroup = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1H = 'vc-checkbox-group';
+const COMPONENT_NAME$1I = 'vc-checkbox-group';
 const CheckboxGroup = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1H,
-  props: props$15,
+  name: COMPONENT_NAME$1I,
+  props: props$16,
   emits: ['update:modelValue', 'change'],
   setup(props, {
     slots
@@ -4511,10 +4504,10 @@ const CheckboxGroup = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1G = 'vcm-checkbox';
+const COMPONENT_NAME$1H = 'vcm-checkbox';
 const MCheckbox = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1G,
-  props: props$16,
+  name: COMPONENT_NAME$1H,
+  props: props$17,
   emits: ['update:modelValue', 'change'],
   setup(props, {
     slots
@@ -4553,10 +4546,10 @@ const MCheckbox = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1F = 'vcm-checkbox-group';
+const COMPONENT_NAME$1G = 'vcm-checkbox-group';
 const MCheckboxGroup = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1F,
-  props: props$15,
+  name: COMPONENT_NAME$1G,
+  props: props$16,
   emits: ['update:modelValue', 'change'],
   setup(props, {
     slots
@@ -4571,7 +4564,7 @@ const MCheckboxGroup = /* @__PURE__ */ defineComponent({
   }
 });
 
-const props$14 = {
+const props$15 = {
   content: [String, Function],
   mask: {
     type: Boolean,
@@ -4609,11 +4602,11 @@ const props$14 = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1E = 'vc-message';
+const COMPONENT_NAME$1F = 'vc-message';
 const MessageView = /* @__PURE__ */ 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
@@ -4743,7 +4736,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],
@@ -4860,10 +4853,10 @@ const useClipboard = (done) => {
   return () => 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 = defineComponent({
-  name: COMPONENT_NAME$1D,
-  props: props$13,
+  name: COMPONENT_NAME$1E,
+  props: props$14,
   setup() {
     return useClipboard((content) => Message.success({ content }));
   }
@@ -4871,7 +4864,7 @@ const Clipboard$1 = defineComponent({
 
 const Clipboard = Object.assign(Clipboard$1, group);
 
-const props$12 = {
+const props$13 = {
   content: [String, Function],
   maskClosable: {
     type: Boolean,
@@ -4902,11 +4895,11 @@ const MTransitionZoom = TransitionZoom;
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1C = 'vcm-toast';
+const COMPONENT_NAME$1D = 'vcm-toast';
 const MToastView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1C,
+  name: COMPONENT_NAME$1D,
   emits: ['close', 'portal-fulfilled'],
-  props: props$12,
+  props: props$13,
   setup(props, {
     emit,
     expose
@@ -5006,10 +4999,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 = defineComponent({
-  name: COMPONENT_NAME$1B,
-  props: props$13,
+  name: COMPONENT_NAME$1C,
+  props: props$14,
   setup() {
     return useClipboard((content) => MToast.info({ content }));
   }
@@ -5017,7 +5010,7 @@ const MClipboard$1 = defineComponent({
 
 const MClipboard = Object.assign(MClipboard$1, group);
 
-const props$11 = {
+const props$12 = {
   tag: {
     type: String,
     default: "div"
@@ -5040,10 +5033,10 @@ const props$11 = {
   }
 };
 
-const COMPONENT_NAME$1A = "vc-collapse";
+const COMPONENT_NAME$1B = "vc-collapse";
 const Collapse = 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 = getCurrentInstance();
@@ -5128,7 +5121,7 @@ const Collapse = defineComponent({
   }
 });
 
-const props$10 = {
+const props$11 = {
   tag: {
     type: String,
     default: "div"
@@ -5138,7 +5131,7 @@ const props$10 = {
   }
 };
 
-const props$$ = {
+const props$10 = {
   tag: {
     type: String,
     default: "div"
@@ -5156,13 +5149,13 @@ const props$$ = {
 
 /** @jsxImportSource vue */
 
-function _isSlot$2(s) {
+function _isSlot$3(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
-const COMPONENT_NAME$1z = 'vc-expand';
+const COMPONENT_NAME$1A = 'vc-expand';
 const Expand$1 = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1z,
-  props: props$$,
+  name: COMPONENT_NAME$1A,
+  props: props$10,
   setup(props, {
     slots
   }) {
@@ -5180,7 +5173,7 @@ const Expand$1 = /* @__PURE__ */ defineComponent({
           enter: 200,
           leave: 200
         }
-      }, _isSlot$2(_slot = withDirectives(createVNode(Content, null, {
+      }, _isSlot$3(_slot = withDirectives(createVNode(Content, null, {
         default: () => [(props.alive || !props.alive && isActive.value) && slots.default?.()]
       }), [[vShow, isActive.value]])) ? _slot : {
         default: () => [_slot]
@@ -5191,10 +5184,10 @@ const Expand$1 = /* @__PURE__ */ defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1y = 'vc-collapse-item';
+const COMPONENT_NAME$1z = 'vc-collapse-item';
 const CollapseItem = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1y,
-  props: props$10,
+  name: COMPONENT_NAME$1z,
+  props: props$11,
   setup(props, {
     slots,
     expose
@@ -5259,7 +5252,7 @@ const CollapseItem = /* @__PURE__ */ defineComponent({
 const MCollapse = Collapse;
 const MCollapseItem = CollapseItem;
 
-const props$_ = {
+const props$$ = {
   tag: {
     type: String,
     default: "div"
@@ -5268,10 +5261,10 @@ const props$_ = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1x = 'vc-color-picker';
+const COMPONENT_NAME$1y = 'vc-color-picker';
 const ColorPicker = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1x,
-  props: props$_,
+  name: COMPONENT_NAME$1y,
+  props: props$$,
   setup(props, {
     slots
   }) {
@@ -5285,7 +5278,7 @@ const ColorPicker = /* @__PURE__ */ defineComponent({
 
 const MColorPicker = ColorPicker;
 
-const props$Z = {
+const props$_ = {
   tag: {
     type: String,
     default: "span"
@@ -5330,14 +5323,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]' && !isVNode(s);
 }
-const COMPONENT_NAME$1w = 'vc-countdown';
+const COMPONENT_NAME$1x = 'vc-countdown';
 const Countdown = /* @__PURE__ */ 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
@@ -5427,7 +5420,7 @@ const Countdown = /* @__PURE__ */ defineComponent({
           second: '00',
           millisecond: '00'
         });
-        emit('finish');
+        emit('complete');
       } else {
         emit('change', {
           timestamp,
@@ -5465,7 +5458,7 @@ const Countdown = /* @__PURE__ */ defineComponent({
         return (// @ts-ignore
           createVNode(Content, {
             "class": "vc-countdown"
-          }, _isSlot$1(_slot = slots.default(binds.value)) ? _slot : {
+          }, _isSlot$2(_slot = slots.default(binds.value)) ? _slot : {
             default: () => [_slot]
           })
         );
@@ -5488,6 +5481,345 @@ const Countdown = /* @__PURE__ */ 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]' && !isVNode(s);
+}
+const COMPONENT_NAME$1w = 'vc-counter';
+const Counter = /* @__PURE__ */ defineComponent({
+  name: COMPONENT_NAME$1w,
+  props: props$Z,
+  emits: ['begin', 'complete', 'change'],
+  setup(props, {
+    emit,
+    expose,
+    slots
+  }) {
+    const startTime = ref(null);
+    const duration = ref(props.duration);
+    const remaining = ref(duration.value);
+    const startVal = ref(0);
+    const endVal = ref(separated2value(props.value, props));
+    const frameVal = ref(startVal.value);
+    const finalEndVal = ref(null);
+    const useEasing = ref(!!props.easing);
+    const isStart = ref(false);
+    const isPaused = ref(false);
+    const isComplete = ref(false);
+    const countdown = ref(false);
+    const rAF = ref(null);
+    const prints = reactive({
+      negative: '',
+      integer: '',
+      decimal: '',
+      separated: '',
+      float: '',
+      value: ''
+    });
+
+    // t: current time, b: beginning value, c: change in value, d: duration
+    const easing = 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 = computed(() => {
+      if (props.value === '' || typeof props.value !== 'string' && typeof props.value !== 'number') {
+        return props.placeholder;
+      }
+      return prints.value;
+    });
+    const binds = 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();
+    };
+    watch(() => props.value, () => {
+      if (props.controllable || !isStart.value) return;
+      update(props.value);
+    });
+    watch(() => props.precision, () => {
+      if (props.controllable || !isStart.value || !isComplete.value) return;
+      print(+props.value);
+    });
+    expose({
+      start,
+      pause,
+      resume,
+      update,
+      end,
+      restart,
+      cancel,
+      print
+    });
+    onMounted(() => !props.controllable && start());
+    onBeforeUnmount(cancel);
+    const Content = props.tag;
+    return () => {
+      if (slots.default) {
+        let _slot;
+        return (// @ts-ignore
+          createVNode(Content, {
+            "class": "vc-counter"
+          }, _isSlot$1(_slot = slots.default(binds.value)) ? _slot : {
+            default: () => [_slot]
+          })
+        );
+      }
+      if (props.render) {
+        return createVNode(Customer, mergeProps({
+          "class": "vc-counter",
+          "render": props.render
+        }, binds.value), null);
+      }
+      return (// @ts-ignore
+        createVNode(Content, {
+          "class": "vc-counter"
+        }, {
+          default: () => [displayValue.value]
+        })
+      );
+    };
+  }
+});
+
+const MCounter = Counter;
+
 const props$Y = {
   type: {
     type: String,
@@ -5511,8 +5843,8 @@ const popoverKeys = [
   "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: {
@@ -10034,7 +10366,7 @@ const DropdownItem = /* @__PURE__ */ defineComponent({
   }) {
     const owner = getInstance('dropdown', 'dropdownId');
     const currentValue = 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 = computed(() => {
@@ -12558,7 +12890,7 @@ const MInput = /* @__PURE__ */ defineComponent({
   name: COMPONENT_NAME$V,
   inheritAttrs: false,
   props: {
-    ...props$1g,
+    ...props$1h,
     right: {
       type: Boolean,
       default: false
@@ -12647,7 +12979,7 @@ const MInput = /* @__PURE__ */ defineComponent({
 const COMPONENT_NAME$U = 'vcm-input-number';
 const MInputNumber = /* @__PURE__ */ defineComponent({
   name: COMPONENT_NAME$U,
-  props: props$1f,
+  props: props$1g,
   inheritAttrs: false,
   setup(props, {
     slots,
@@ -12699,7 +13031,7 @@ const COMPONENT_NAME$T = 'vcm-input-search';
 const MInputSearch = /* @__PURE__ */ defineComponent({
   name: COMPONENT_NAME$T,
   props: {
-    ...props$1e,
+    ...props$1f,
     cancelText: {
       type: String,
       default: '取消'
@@ -12995,7 +13327,7 @@ const props$A = {
     default: "div"
   },
   fill: {
-    type: Boolean,
+    type: [Boolean, Array],
     default: true
   }
 };
@@ -13009,6 +13341,13 @@ const Resizer = defineComponent({
     const width = ref(0);
     const height = ref(0);
     const current = ref();
+    const classes = 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 = computed(() => {
       return {
         height: height.value,
@@ -13059,7 +13398,7 @@ const Resizer = defineComponent({
         props.tag,
         {
           ref: current,
-          class: ["vc-resizer", { "is-fill": props.fill }]
+          class: ["vc-resizer", classes.value]
         },
         slots.default?.(currentExposed.value)
       );
@@ -14278,7 +14617,7 @@ const OptionGroup = /* @__PURE__ */ defineComponent({
 const COMPONENT_NAME$H = 'vc-select';
 const Select = /* @__PURE__ */ defineComponent({
   name: COMPONENT_NAME$H,
-  props: props$19,
+  props: props$1a,
   emits: ['ready', 'close', 'visible-change', 'clear', 'change', 'update:modelValue'],
   setup(props, {
     emit,
@@ -15989,7 +16328,7 @@ const props$j = {
   },
   scrollerOptions: Object,
   renderEmpty: Function,
-  renderFinish: Function,
+  renderComplete: Function,
   renderLoading: Function,
   renderPlaceholder: Function,
   renderRefresh: Function
@@ -16023,9 +16362,9 @@ const ScrollState = /* @__PURE__ */ defineComponent({
       }, [createVNode(Spin, {
         "size": 20
       }, null)]))]), owner.isEnd.value && (owner.data.length ? createVNode("div", {
-        "class": "vc-recycle-list__finish"
-      }, [slots.finish?.() || owner.renderer.value.finish ? createVNode(Customer, {
-        "render": owner.renderer.value.finish
+        "class": "vc-recycle-list__complete"
+      }, [slots.complete?.() || owner.renderer.value.complete ? createVNode(Customer, {
+        "render": owner.renderer.value.complete
       }, null) : createVNode("div", {
         "class": "vc-recycle-list__center"
       }, [createTextVNode("\u5DF2\u5168\u90E8\u52A0\u8F7D~")])]) : createVNode("div", {
@@ -16321,7 +16660,7 @@ const RecycleList = /* @__PURE__ */ 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
       };
     });
@@ -16376,26 +16715,22 @@ const RecycleList = /* @__PURE__ */ 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({
@@ -16465,18 +16800,24 @@ const RecycleList = /* @__PURE__ */ 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(nextTick(() => refreshItemSize(i)));
+        promiseTasks.push(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;
     };
@@ -18191,11 +18532,19 @@ const NormalList = /* @__PURE__ */ 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
       });
+      nextTick(emitChanges);
     };
     return () => {
       return props.data.map((mergeData, index) => {
@@ -18554,22 +18903,25 @@ const TableBody = /* @__PURE__ */ 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({
@@ -21344,7 +21696,7 @@ const inputKeys = [
   "controllable"
 ];
 const props$8 = {
-  ...pick(props$1g, inputKeys),
+  ...pick(props$1h, inputKeys),
   wrap: {
     type: String,
     validator: (v) => /(soft|hard)/.test(v),
@@ -21515,7 +21867,6 @@ const Theme = defineComponent({
   setup(props, { slots }) {
     const themeId = Utils.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})`;
@@ -21551,7 +21902,6 @@ const Theme = defineComponent({
       }
     });
     const setCss = (attrs) => {
-      /* istanbul ignore next -- @preserve */
       if (!attrs || typeof attrs === "string") return attrs;
       let content = "";
       Object.entries(attrs).forEach(([key, val]) => {
@@ -21560,7 +21910,6 @@ const Theme = defineComponent({
       return content;
     };
     const resetPseudo = () => {
-      /* istanbul ignore next -- @preserve */
       if (typeof document === "undefined") return;
       const { pseudo } = props;
       if (!pseudo) return Load.removeStyle(themeId);
@@ -22940,7 +23289,7 @@ const treeNodeContentKeys = [
   "allowDispatch"
 ];
 const props$2 = {
-  ...pick(props$19, selectKeys),
+  ...pick(props$1a, selectKeys),
   ...pick(props$3, treeNodeContentKeys),
   // 暂不支持，仅作为默认值
   max: {
@@ -23213,7 +23562,7 @@ const treeKeys = [
   "renderNodeLabel"
 ];
 const props$1 = {
-  ...props$19,
+  ...props$1a,
   ...pick(props$2, treeKeys)
 };
 
@@ -24004,4 +24353,4 @@ const UploadPicker = /* @__PURE__ */ defineComponent({
 
 const MUploadPicker = UploadPicker;
 
-export { ActionSheet, Affix, Alert, Artboard, Button, ButtonGroup, Calendar, Card, Carousel, Cascader, Chart, Checkbox, CheckboxGroup, Clipboard, Collapse, CollapseItem, ColorPicker, Countdown, Customer, DatePicker, Debounce, Divider, Drawer, DrawerView, Dropdown, DropdownItem, DropdownMenu, Editor, EditorView, Expand$1 as Expand, Form, FormItem, Fragment, Icon, IconManager, Image$1 as Image, ImageCrop, ImagePreview, ImageProcessing, Input, InputNumber, InputSearch, MList as List, MListItem as ListItem, MActionSheet, MAffix, MAlert, MArtboard, MButton, MButtonGroup, MCalendar, MCard, MCarousel, MCascader, MChart, MCheckbox, MCheckboxGroup, MClipboard, MCollapse, MCollapseItem, MColorPicker, MCountdown, MCustomer, MDatePicker, Debounce as MDebounce, MDivider, MDrawer, MDrawerView, MDropdown, MDropdownItem, MDropdownMenu, MEditor, MEditorView, MExpand, MForm, MFormItem, MFragment, MIcon, MImage, MImageCrop, MImagePreview, MImageProcessing, MInput, MInputNumber, MInputSearch, MList, MListItem, MMarquee, MMessage, modal as MModal, MModalView, MNotice, MOption, MPagination, MPicker, MPopconfirm, MPopover, MPopup, MPortal, MPrint, MProgress, MRadio, MRadioButton, MRadioGroup, MRate, MRecycleList, MResizer, MScroller, MSelect, MSlider, MSnapshot, MSortList, MSpin, MSteps, MSwitch, MTable, MTableColumn, MTabs, MTabsPane, MTag, MText, MTextarea, MTimePicker, MTimeline, MToast, MToastView, MTouch, MTransition, MTransitionCollapse, MTransitionFade, MTransitionScale, MTransitionSlide, MTransitionZoom, MTree, MTreeSelect, MUpload, MUploadPicker, Marquee, Message, MessageView, Modal, ModalView, Notice, NoticeView, Option$1 as Option, Pagination, Picker, Popconfirm, Popover, Popup, Portal, PortalView, Print, Progress, Radio, RadioButton, RadioGroup, Rate, RecycleList, Resizer, Scroller, ScrollerWheel, Select, Slider, Snapshot, SortList, Spin, Steps, Switch, Table, TableColumn, Tabs, TabsPane, Tag, Text, Textarea, Theme, ThemeImage, ThemeText, ThemeView, TimePicker, Timeline, Toast, ToastView, Touch, Transition, TransitionCollapse, TransitionFade, TransitionScale, TransitionSlide, TransitionZoom, Tree, TreeSelect, Upload, UploadPicker, VcError, VcInstance };
+export { ActionSheet, Affix, Alert, Artboard, Button, ButtonGroup, Calendar, Card, Carousel, Cascader, Chart, Checkbox, CheckboxGroup, Clipboard, Collapse, CollapseItem, ColorPicker, Countdown, Counter, Customer, DatePicker, Debounce, Divider, Drawer, DrawerView, Dropdown, DropdownItem, DropdownMenu, Editor, EditorView, Expand$1 as Expand, Form, FormItem, Fragment, Icon, IconManager, Image$1 as Image, ImageCrop, ImagePreview, ImageProcessing, Input, InputNumber, InputSearch, MList as List, MListItem as ListItem, MActionSheet, MAffix, MAlert, MArtboard, MButton, MButtonGroup, MCalendar, MCard, MCarousel, MCascader, MChart, MCheckbox, MCheckboxGroup, MClipboard, MCollapse, MCollapseItem, MColorPicker, MCountdown, MCounter, MCustomer, MDatePicker, Debounce as MDebounce, MDivider, MDrawer, MDrawerView, MDropdown, MDropdownItem, MDropdownMenu, MEditor, MEditorView, MExpand, MForm, MFormItem, MFragment, MIcon, MImage, MImageCrop, MImagePreview, MImageProcessing, MInput, MInputNumber, MInputSearch, MList, MListItem, MMarquee, MMessage, modal as MModal, MModalView, MNotice, MOption, MPagination, MPicker, MPopconfirm, MPopover, MPopup, MPortal, MPrint, MProgress, MRadio, MRadioButton, MRadioGroup, MRate, MRecycleList, MResizer, MScroller, MSelect, MSlider, MSnapshot, MSortList, MSpin, MSteps, MSwitch, MTable, MTableColumn, MTabs, MTabsPane, MTag, MText, MTextarea, MTimePicker, MTimeline, MToast, MToastView, MTouch, MTransition, MTransitionCollapse, MTransitionFade, MTransitionScale, MTransitionSlide, MTransitionZoom, MTree, MTreeSelect, MUpload, MUploadPicker, Marquee, Message, MessageView, Modal, ModalView, Notice, NoticeView, Option$1 as Option, Pagination, Picker, Popconfirm, Popover, Popup, Portal, PortalView, Print, Progress, Radio, RadioButton, RadioGroup, Rate, RecycleList, Resizer, Scroller, ScrollerWheel, Select, Slider, Snapshot, SortList, Spin, Steps, Switch, Table, TableColumn, Tabs, TabsPane, Tag, Text, Textarea, Theme, ThemeImage, ThemeText, ThemeView, TimePicker, Timeline, Toast, ToastView, Touch, Transition, TransitionCollapse, TransitionFade, TransitionScale, TransitionSlide, TransitionZoom, Tree, TreeSelect, Upload, UploadPicker, VcError, VcInstance };