@deot/vc-components 1.0.57 → 1.0.59

package/dist/index.umd.cjs

@@ -10,7 +10,6 @@
 	    if (!message || !target) return;
 	    message = `[@deot/vc - ${target}]: ${message}`;
 	    this.message = message;
-	    /* istanbul ignore next -- @preserve */
 	  }
 	}
 
@@ -18,31 +17,38 @@
 
 	const nil = void 0;
 	const defaults$3 = {
-	  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
 	  }
 	};
 
@@ -71,7 +77,7 @@
 	}
 	const VcInstance = new Instance();
 
-	const props$1t = {
+	const props$1u = {
 	  tag: {
 	    type: String,
 	    default: "div"
@@ -80,10 +86,10 @@
 
 	/** @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
 	  }) {
@@ -97,7 +103,7 @@
 
 	const MActionSheet = ActionSheet;
 
-	const props$1s = {
+	const props$1t = {
 	  modelValue: {
 	    type: Boolean,
 	    default: false
@@ -375,11 +381,11 @@
 
 	/** @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,
@@ -545,7 +551,7 @@
 
 	const MAffix = Affix;
 
-	const props$1r = {
+	const props$1s = {
 	  modelValue: {
 	    type: Boolean,
 	    default: true
@@ -572,7 +578,7 @@
 	  }
 	};
 
-	const props$1q = {
+	const props$1r = {
 	  type: String,
 	  inherit: {
 	    type: Boolean,
@@ -610,7 +616,6 @@
 	          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();
@@ -645,7 +650,6 @@
 	          });
 	          resolve();
 	        } catch (e) {
-	          /* istanbul ignore next -- @preserve */
 	          reject(new VcError("icon", e));
 	        }
 	      })();
@@ -657,7 +661,6 @@
 	      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) => {
@@ -672,23 +675,19 @@
 	              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$2) {
 	        throw new VcError("icon", `${type} nonexistent`);
 	      }
@@ -697,7 +696,6 @@
 	    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;
@@ -717,10 +715,10 @@
 
 	/** @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([]);
@@ -753,7 +751,7 @@
 	  }
 	});
 
-	const props$1p = {
+	const props$1q = {
 	  /**
 	   * 进入/离开持续时间
 	   * {enter: 300, leave: 300}
@@ -918,10 +916,10 @@
 	  };
 	};
 
-	const COMPONENT_NAME$26 = "vc-transition";
+	const COMPONENT_NAME$27 = "vc-transition";
 	const Transition = vue.defineComponent({
-	  name: COMPONENT_NAME$26,
-	  props: props$1p,
+	  name: COMPONENT_NAME$27,
+	  props: props$1q,
 	  // 当不声明emits的情况下，事件存在于attrs中
 	  inheritAttrs: false,
 	  setup(props, { slots, attrs }) {
@@ -941,10 +939,10 @@
 	  }
 	});
 
-	const COMPONENT_NAME$25 = "vc-transition-collapse";
+	const COMPONENT_NAME$26 = "vc-transition-collapse";
 	const TransitionCollapse = vue.defineComponent({
-	  name: COMPONENT_NAME$25,
-	  props: props$1p,
+	  name: COMPONENT_NAME$26,
+	  props: props$1q,
 	  // 当不声明emits的情况下，事件存在于attrs中
 	  inheritAttrs: false,
 	  setup(props, { slots, attrs: _attrs }) {
@@ -961,7 +959,6 @@
 	    const handleBeforeEnter = (el) => {
 	      const duration = props.duration.enter || props.duration;
 	      el.style.transition = getTransitionStyle(duration);
-	      /* istanbul ignore next -- @preserve */
 	      if (!el.dataset) {
 	        el.dataset = {};
 	      }
@@ -978,7 +975,6 @@
 	      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";
@@ -1001,7 +997,6 @@
 	      attrs.onAfterEnter?.(el);
 	    };
 	    const handleBeforeLeave = (el) => {
-	      /* istanbul ignore next -- @preserve */
 	      if (!el.dataset) {
 	        el.dataset = {};
 	      }
@@ -1018,7 +1013,6 @@
 	      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";
@@ -1062,11 +1056,11 @@
 	  }
 	});
 
-	const COMPONENT_NAME$24 = "vc-transition-fade";
+	const COMPONENT_NAME$25 = "vc-transition-fade";
 	const TransitionFade = vue.defineComponent({
-	  name: COMPONENT_NAME$24,
+	  name: COMPONENT_NAME$25,
 	  props: {
-	    ...props$1p,
+	    ...props$1q,
 	    // inheritAttrs必须是false
 	    style: {
 	      type: Object,
@@ -1099,11 +1093,11 @@
 	  }
 	});
 
-	const COMPONENT_NAME$23 = "vc-transition-scale";
+	const COMPONENT_NAME$24 = "vc-transition-scale";
 	const TransitionScale = vue.defineComponent({
-	  name: COMPONENT_NAME$23,
+	  name: COMPONENT_NAME$24,
 	  props: {
-	    ...props$1p,
+	    ...props$1q,
 	    mode: {
 	      type: String,
 	      default: "both",
@@ -1141,11 +1135,11 @@
 	  }
 	});
 
-	const COMPONENT_NAME$22 = "vc-transition-slide";
+	const COMPONENT_NAME$23 = "vc-transition-slide";
 	const TransitionSlide = vue.defineComponent({
-	  name: COMPONENT_NAME$22,
+	  name: COMPONENT_NAME$23,
 	  props: {
-	    ...props$1p,
+	    ...props$1q,
 	    mode: {
 	      type: String,
 	      default: "left",
@@ -1183,11 +1177,11 @@
 	  }
 	});
 
-	const COMPONENT_NAME$21 = "vc-transition-zoom";
+	const COMPONENT_NAME$22 = "vc-transition-zoom";
 	const TransitionZoom = vue.defineComponent({
-	  name: COMPONENT_NAME$21,
+	  name: COMPONENT_NAME$22,
 	  props: {
-	    ...props$1p,
+	    ...props$1q,
 	    mode: {
 	      type: String,
 	      default: "x",
@@ -1227,7 +1221,7 @@
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$20 = 'vc-alert';
+	const COMPONENT_NAME$21 = 'vc-alert';
 
 	// [color, borderColor, backgroundColor], -> CSS
 	const THEME_MAP = {
@@ -1237,8 +1231,8 @@
 	  warning: ['#ffbf00', '#ffe58f', '#fffbe6']
 	};
 	const Alert = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$20,
-	  props: props$1r,
+	  name: COMPONENT_NAME$21,
+	  props: props$1s,
 	  setup(props, {
 	    slots,
 	    emit
@@ -1453,7 +1447,7 @@
 	  return flatten$1(value, JSON.parse);
 	};
 
-	const props$1o = {
+	const props$1p = {
 	  // canvas配置参数
 	  options: Object,
 	  width: {
@@ -1469,10 +1463,10 @@
 	/** @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
@@ -1675,7 +1669,7 @@
 
 	const MArtboard = Artboard;
 
-	const props$1n = {
+	const props$1o = {
 	  size: {
 	    type: Number,
 	    default: 28
@@ -1699,10 +1693,10 @@
 
 	/** @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
 	  }) {
@@ -6774,7 +6768,7 @@
 	  });
 	}
 
-	const props$1m = {
+	const props$1n = {
 	  wait: {
 	    type: Number,
 	    default: 250
@@ -6790,10 +6784,10 @@
 	  exclude: RegExp
 	};
 
-	const COMPONENT_NAME$1Z = "vc-debounce";
+	const COMPONENT_NAME$1_ = "vc-debounce";
 	const Debounce = vue.defineComponent({
-	  name: COMPONENT_NAME$1Z,
-	  props: props$1m,
+	  name: COMPONENT_NAME$1_,
+	  props: props$1n,
 	  /**
 	   * 不声明emits使得事件被透传放入attrs中, 这样可以让所有的事件透传
 	   * 如事件onClick
@@ -6808,7 +6802,6 @@
 	      () => {
 	        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,
@@ -6834,7 +6827,7 @@
 	  }
 	});
 
-	const props$1l = {
+	const props$1m = {
 	  tag: {
 	    type: String,
 	    default: "button"
@@ -6866,11 +6859,11 @@
 
 	/** @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
 	  }) {
@@ -6931,7 +6924,7 @@
 	  }
 	});
 
-	const props$1k = {
+	const props$1l = {
 	  vertical: {
 	    type: Boolean,
 	    default: false
@@ -6952,10 +6945,10 @@
 
 	/** @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
 	  }) {
@@ -6979,7 +6972,7 @@
 	const MButton = Button;
 	const MButtonGroup = ButtonGroup;
 
-	const props$1j = {
+	const props$1k = {
 	  tag: {
 	    type: String,
 	    default: "div"
@@ -6988,10 +6981,10 @@
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1W = 'vc-calendar';
+	const COMPONENT_NAME$1X = 'vc-calendar';
 	const Calendar$1 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1W,
-	  props: props$1j,
+	  name: COMPONENT_NAME$1X,
+	  props: props$1k,
 	  setup(props, {
 	    slots
 	  }) {
@@ -7005,7 +6998,7 @@
 
 	const MCalendar = Calendar$1;
 
-	const props$1i = {
+	const props$1j = {
 	  border: {
 	    type: Boolean,
 	    default: true
@@ -7028,10 +7021,10 @@
 
 	/** @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
 	  }) {
@@ -7057,7 +7050,7 @@
 
 	const MCard = Card;
 
-	const props$1h = {
+	const props$1i = {
 	  tag: {
 	    type: String,
 	    default: "div"
@@ -7066,10 +7059,10 @@
 
 	/** @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
 	  }) {
@@ -7140,7 +7133,6 @@
 	  const instance = vue.getCurrentInstance();
 	  const regex = new RegExp(`${componentName}$`);
 	  let parent = instance.parent;
-	  /* istanbul ignore next -- @preserve */
 	  while (parent && !(parent?.type?.name && regex.test(parent.type.name)) && (!privateKey || !parent?.[privateKey] || !parent?.proxy?.[privateKey])) {
 	    parent = parent.parent || parent?.type?.parent;
 	  }
@@ -7174,7 +7166,7 @@
 	  });
 	};
 
-	const props$1g = {
+	const props$1h = {
 	  // Array, 作为select等数组存放临时值
 	  modelValue: [String, Number, Array],
 	  disabled: {
@@ -7426,12 +7418,12 @@
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1T = 'vc-input';
+	const COMPONENT_NAME$1U = 'vc-input';
 	const Input$1 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1T,
+	  name: COMPONENT_NAME$1U,
 	  inheritAttrs: false,
 	  props: {
-	    ...props$1g,
+	    ...props$1h,
 	    indicator: {
 	      type: [Boolean, Object],
 	      default: false
@@ -7533,8 +7525,8 @@
 	  }
 	});
 
-	const props$1f = {
-	  ...props$1g,
+	const props$1g = {
+	  ...props$1h,
 	  min: {
 	    type: Number,
 	    default: 0
@@ -7763,10 +7755,10 @@
 
 	/** @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,
@@ -7819,8 +7811,8 @@
 	  }
 	});
 
-	const props$1e = {
-	  ...props$1g,
+	const props$1f = {
+	  ...props$1h,
 	  enterText: {
 	    type: [Boolean, String],
 	    default: true
@@ -7829,10 +7821,10 @@
 
 	/** @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,
@@ -7864,7 +7856,7 @@
 	  }
 	});
 
-	const props$1d = {
+	const props$1e = {
 	  modelValue: Boolean,
 	  animation: String,
 	  placement: {
@@ -7943,7 +7935,7 @@
 	  "autoWidth",
 	  "always"
 	];
-	const props$1c = {
+	const props$1d = {
 	  trigger: {
 	    type: String,
 	    default: "hover",
@@ -7961,7 +7953,7 @@
 	    type: Boolean,
 	    default: true
 	  },
-	  ...pick(props$1d, wrapperKeys)
+	  ...pick(props$1e, wrapperKeys)
 	};
 
 	class Resize {
@@ -8280,17 +8272,17 @@
 	  };
 	};
 
-	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);
@@ -8424,7 +8416,7 @@
 	  }
 	}
 
-	const COMPONENT_NAME$1P = "vc-portal";
+	const COMPONENT_NAME$1Q = "vc-portal";
 	class Portal {
 	  /**
 	   * 清理Portals类型组件
@@ -8454,7 +8446,6 @@
 	        }
 	      }
 	    } catch (e) {
-	      /* istanbul ignore next -- @preserve */
 	      throw new VcError("instance", e);
 	    }
 	  }
@@ -8465,7 +8456,6 @@
 	    try {
 	      Portal.leafs.forEach((leaf) => leaf.destroy());
 	    } catch (e) {
-	      /* istanbul ignore next -- @preserve */
 	      throw new VcError("instance", e);
 	    }
 	  }
@@ -8476,7 +8466,7 @@
 	    this.wrapper = wrapper;
 	    this.globalOptions = {
 	      ...options,
-	      name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1P)
+	      name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1Q)
 	    };
 	  }
 	  popup(propsData, options) {
@@ -8538,7 +8528,6 @@
 	    return (...args) => {
 	      const done = () => {
 	        const leaf = getLeaf();
-	        /* istanbul ignore next -- @preserve */
 	        if (!leaf) {
 	          throw new VcError("portal", "实例不存在或已卸载");
 	        }
@@ -8575,7 +8564,7 @@
 	      ...rest
 	    } = options;
 	    let useAllNodes = fragment;
-	    const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1P)}` : name$;
+	    const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1Q)}` : name$;
 	    const container = document.createElement(tag);
 	    const root = typeof el === "object" ? el : document.querySelector(el || "body");
 	    !alive && Portal.leafs.get(name)?.destroy();
@@ -8589,7 +8578,6 @@
 	      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) {
@@ -8610,23 +8598,20 @@
 	    } else {
 	      const wrapper = this.wrapper;
 	      const app = vue.createApp({
-	        name: COMPONENT_NAME$1P,
+	        name: COMPONENT_NAME$1Q,
 	        parent,
 	        setup() {
 	          if (alive) {
 	            const handleExtra = (e) => {
 	              try {
 	                const path = e.path || composedPath(e);
-	                /* istanbul ignore else -- @preserve */
 	                if (container && e.target && !container.contains(e.target) && !path?.some((item) => utils.eleInRegExp(item, aliveRegExp))) {
-	                  /* istanbul ignore else -- @preserve */
 	                  if (leaf.wrapper && leaf.wrapper?.[aliveVisibleKey]) {
 	                    typeof leaf.wrapper[aliveVisibleKey] === "function" ? leaf.wrapper[aliveVisibleKey](false) : leaf.wrapper[aliveVisibleKey] = false;
 	                  }
 	                  leaveDelay ? setTimeout($onDestroyed, leaveDelay) : $onDestroyed();
 	                }
 	              } catch (error) {
-	                /* istanbul ignore next -- @preserve */
 	                throw new VcError("portal", error);
 	              }
 	            };
@@ -8717,21 +8702,21 @@
 	  }
 	}
 
-	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
 	  }) {
@@ -8750,10 +8735,10 @@
 
 	/** @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,
@@ -9010,10 +8995,10 @@
 
 	/** @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,
@@ -9156,9 +9141,9 @@
 
 	/** @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: {
@@ -9276,9 +9261,9 @@
 	  "portal",
 	  "portalClass"
 	];
-	const props$19 = {
-	  ...pick(props$1c, popoverKeys$1),
-	  ...pick(props$1g, inputKeys$2),
+	const props$1a = {
+	  ...pick(props$1d, popoverKeys$1),
+	  ...pick(props$1h, inputKeys$2),
 	  renderOption: [Function],
 	  renderOptionGroup: [Function],
 	  data: {
@@ -9344,8 +9329,8 @@
 	  label: String
 	};
 
-	const props$18 = {
-	  ...props$19,
+	const props$19 = {
+	  ...props$1a,
 	  data: {
 	    type: Array,
 	    default: () => []
@@ -9366,11 +9351,11 @@
 
 	/** @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,
@@ -9706,7 +9691,7 @@
 	  "contextmenu"
 	];
 
-	const props$17 = {
+	const props$18 = {
 	  options: Object,
 	  pluginOptions: Object,
 	  theme: [String, Object],
@@ -9721,14 +9706,15 @@
 
 	/** @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$1, 'ready'],
 	  setup(props, {
 	    emit,
-	    slots
+	    slots,
+	    expose
 	  }) {
 	    const instance = vue.getCurrentInstance();
 	    const chart = vue.shallowRef(null);
@@ -9827,6 +9813,12 @@
 	        }
 	      });
 	    });
+
+	    // 如果存在内存泄漏，chart.value.getOption() 获取配置项，查看series参数等情况
+	    expose({
+	      chart,
+	      refresh
+	    });
 	    vue.onUnmounted(destroy);
 	    return () => {
 	      return vue.createVNode("div", {
@@ -9839,7 +9831,7 @@
 
 	const MChart = Chart;
 
-	const props$16 = {
+	const props$17 = {
 	  disabled: {
 	    type: Boolean,
 	    default: false
@@ -9955,10 +9947,10 @@
 
 	/** @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
@@ -9995,7 +9987,7 @@
 	  }
 	});
 
-	const props$15 = {
+	const props$16 = {
 	  modelValue: {
 	    type: Array,
 	    default: () => []
@@ -10044,10 +10036,10 @@
 
 	/** @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
@@ -10064,10 +10056,10 @@
 
 	/** @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
@@ -10106,10 +10098,10 @@
 
 	/** @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
@@ -10124,7 +10116,7 @@
 	  }
 	});
 
-	const props$14 = {
+	const props$15 = {
 	  content: [String, Function],
 	  mask: {
 	    type: Boolean,
@@ -10162,11 +10154,11 @@
 
 	/** @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
@@ -10296,7 +10288,7 @@
 	const error$3 = create$7({ 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],
@@ -10413,10 +10405,10 @@
 	  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$2 = vue.defineComponent({
-	  name: COMPONENT_NAME$1D,
-	  props: props$13,
+	  name: COMPONENT_NAME$1E,
+	  props: props$14,
 	  setup() {
 	    return useClipboard((content) => Message.success({ content }));
 	  }
@@ -10424,7 +10416,7 @@
 
 	const Clipboard$1 = Object.assign(Clipboard$2, group);
 
-	const props$12 = {
+	const props$13 = {
 	  content: [String, Function],
 	  maskClosable: {
 	    type: Boolean,
@@ -10455,11 +10447,11 @@
 
 	/** @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
@@ -10559,10 +10551,10 @@
 	const error$2 = create$6({ 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 }));
 	  }
@@ -10570,7 +10562,7 @@
 
 	const MClipboard = Object.assign(MClipboard$1, group);
 
-	const props$11 = {
+	const props$12 = {
 	  tag: {
 	    type: String,
 	    default: "div"
@@ -10593,10 +10585,10 @@
 	  }
 	};
 
-	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();
@@ -10681,7 +10673,7 @@
 	  }
 	});
 
-	const props$10 = {
+	const props$11 = {
 	  tag: {
 	    type: String,
 	    default: "div"
@@ -10691,7 +10683,7 @@
 	  }
 	};
 
-	const props$$ = {
+	const props$10 = {
 	  tag: {
 	    type: String,
 	    default: "div"
@@ -10709,13 +10701,13 @@
 
 	/** @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
 	  }) {
@@ -10733,7 +10725,7 @@
 	          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]
@@ -10744,10 +10736,10 @@
 
 	/** @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
@@ -10812,7 +10804,7 @@
 	const MCollapse = Collapse;
 	const MCollapseItem = CollapseItem;
 
-	const props$_ = {
+	const props$$ = {
 	  tag: {
 	    type: String,
 	    default: "div"
@@ -10821,10 +10813,10 @@
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1x = 'vc-color-picker';
+	const COMPONENT_NAME$1y = 'vc-color-picker';
 	const ColorPicker$1 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1x,
-	  props: props$_,
+	  name: COMPONENT_NAME$1y,
+	  props: props$$,
 	  setup(props, {
 	    slots
 	  }) {
@@ -10838,7 +10830,7 @@
 
 	const MColorPicker = ColorPicker$1;
 
-	const props$Z = {
+	const props$_ = {
 	  tag: {
 	    type: String,
 	    default: "span"
@@ -10883,14 +10875,14 @@
 
 	/** @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
@@ -10980,7 +10972,7 @@
 	          second: '00',
 	          millisecond: '00'
 	        });
-	        emit('finish');
+	        emit('complete');
 	      } else {
 	        emit('change', {
 	          timestamp,
@@ -11018,7 +11010,7 @@
 	        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]
 	          })
 	        );
@@ -11041,6 +11033,345 @@
 
 	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,
@@ -11064,8 +11395,8 @@
 	  "portalClass"
 	];
 	const props$X = {
-	  ...pick(props$1c, popoverKeys),
-	  ...pick(props$1g, inputKeys$1),
+	  ...pick(props$1d, popoverKeys),
+	  ...pick(props$1h, inputKeys$1),
 	  type: String,
 	  placeholder: String,
 	  clearable: {
@@ -16473,7 +16804,7 @@
 	  }) {
 	    const owner = getInstance$1('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(() => {
@@ -21500,7 +21831,7 @@
 	  name: COMPONENT_NAME$V,
 	  inheritAttrs: false,
 	  props: {
-	    ...props$1g,
+	    ...props$1h,
 	    right: {
 	      type: Boolean,
 	      default: false
@@ -21589,7 +21920,7 @@
 	const COMPONENT_NAME$U = 'vcm-input-number';
 	const MInputNumber = /* @__PURE__ */ vue.defineComponent({
 	  name: COMPONENT_NAME$U,
-	  props: props$1f,
+	  props: props$1g,
 	  inheritAttrs: false,
 	  setup(props, {
 	    slots,
@@ -21641,7 +21972,7 @@
 	const MInputSearch = /* @__PURE__ */ vue.defineComponent({
 	  name: COMPONENT_NAME$T,
 	  props: {
-	    ...props$1e,
+	    ...props$1f,
 	    cancelText: {
 	      type: String,
 	      default: '取消'
@@ -21937,7 +22268,7 @@
 	    default: "div"
 	  },
 	  fill: {
-	    type: Boolean,
+	    type: [Boolean, Array],
 	    default: true
 	  }
 	};
@@ -21951,6 +22282,13 @@
 	    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,
@@ -22001,7 +22339,7 @@
 	        props.tag,
 	        {
 	          ref: current,
-	          class: ["vc-resizer", { "is-fill": props.fill }]
+	          class: ["vc-resizer", classes.value]
 	        },
 	        slots.default?.(currentExposed.value)
 	      );
@@ -23220,7 +23558,7 @@
 	const COMPONENT_NAME$H = 'vc-select';
 	const Select = /* @__PURE__ */ vue.defineComponent({
 	  name: COMPONENT_NAME$H,
-	  props: props$19,
+	  props: props$1a,
 	  emits: ['ready', 'close', 'visible-change', 'clear', 'change', 'update:modelValue'],
 	  setup(props, {
 	    emit,
@@ -25045,7 +25383,7 @@
 	  },
 	  scrollerOptions: Object,
 	  renderEmpty: Function,
-	  renderFinish: Function,
+	  renderComplete: Function,
 	  renderLoading: Function,
 	  renderPlaceholder: Function,
 	  renderRefresh: Function
@@ -25079,9 +25417,9 @@
 	      }, [vue.createVNode(Spin, {
 	        "size": 20
 	      }, null)]))]), owner.isEnd.value && (owner.data.length ? vue.createVNode("div", {
-	        "class": "vc-recycle-list__finish"
-	      }, [slots.finish?.() || owner.renderer.value.finish ? vue.createVNode(Customer, {
-	        "render": owner.renderer.value.finish
+	        "class": "vc-recycle-list__complete"
+	      }, [slots.complete?.() || owner.renderer.value.complete ? vue.createVNode(Customer, {
+	        "render": owner.renderer.value.complete
 	      }, null) : vue.createVNode("div", {
 	        "class": "vc-recycle-list__center"
 	      }, [vue.createTextVNode("\u5DF2\u5168\u90E8\u52A0\u8F7D~")])]) : vue.createVNode("div", {
@@ -25377,7 +25715,7 @@
 	        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
 	      };
 	    });
@@ -25432,26 +25770,22 @@
 	      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({
@@ -25521,18 +25855,24 @@
 	    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;
 	    };
@@ -27247,11 +27587,19 @@
 	    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) => {
@@ -27610,22 +27958,25 @@
 	        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({
@@ -30400,7 +30751,7 @@
 	  "controllable"
 	];
 	const props$8 = {
-	  ...pick(props$1g, inputKeys),
+	  ...pick(props$1h, inputKeys),
 	  wrap: {
 	    type: String,
 	    validator: (v) => /(soft|hard)/.test(v),
@@ -30571,7 +30922,6 @@
 	  setup(props, { slots }) {
 	    const themeId = 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})`;
@@ -30607,7 +30957,6 @@
 	      }
 	    });
 	    const setCss = (attrs) => {
-	      /* istanbul ignore next -- @preserve */
 	      if (!attrs || typeof attrs === "string") return attrs;
 	      let content = "";
 	      Object.entries(attrs).forEach(([key, val]) => {
@@ -30616,7 +30965,6 @@
 	      return content;
 	    };
 	    const resetPseudo = () => {
-	      /* istanbul ignore next -- @preserve */
 	      if (typeof document === "undefined") return;
 	      const { pseudo } = props;
 	      if (!pseudo) return removeStyle(themeId);
@@ -31996,7 +32344,7 @@
 	  "allowDispatch"
 	];
 	const props$2 = {
-	  ...pick(props$19, selectKeys),
+	  ...pick(props$1a, selectKeys),
 	  ...pick(props$3, treeNodeContentKeys),
 	  // 暂不支持，仅作为默认值
 	  max: {
@@ -32269,7 +32617,7 @@
 	  "renderNodeLabel"
 	];
 	const props$1 = {
-	  ...props$19,
+	  ...props$1a,
 	  ...pick(props$2, treeKeys)
 	};
 
@@ -137441,6 +137789,7 @@ ${imported}
 	exports.CollapseItem = CollapseItem;
 	exports.ColorPicker = ColorPicker$1;
 	exports.Countdown = Countdown;
+	exports.Counter = Counter;
 	exports.Customer = Customer;
 	exports.DatePicker = DatePicker;
 	exports.Debounce = Debounce;
@@ -137485,6 +137834,7 @@ ${imported}
 	exports.MCollapseItem = MCollapseItem;
 	exports.MColorPicker = MColorPicker;
 	exports.MCountdown = MCountdown;
+	exports.MCounter = MCounter;
 	exports.MCustomer = MCustomer;
 	exports.MDatePicker = MDatePicker;
 	exports.MDebounce = Debounce;