@deot/vc-components 1.0.58 → 1.0.59

package/dist/index.umd.cjs

@@ -17,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
 	  }
 	};
 
@@ -70,7 +77,7 @@
 	}
 	const VcInstance = new Instance();
 
-	const props$1t = {
+	const props$1u = {
 	  tag: {
 	    type: String,
 	    default: "div"
@@ -79,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
 	  }) {
@@ -96,7 +103,7 @@
 
 	const MActionSheet = ActionSheet;
 
-	const props$1s = {
+	const props$1t = {
 	  modelValue: {
 	    type: Boolean,
 	    default: false
@@ -374,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,
@@ -544,7 +551,7 @@
 
 	const MAffix = Affix;
 
-	const props$1r = {
+	const props$1s = {
 	  modelValue: {
 	    type: Boolean,
 	    default: true
@@ -571,7 +578,7 @@
 	  }
 	};
 
-	const props$1q = {
+	const props$1r = {
 	  type: String,
 	  inherit: {
 	    type: Boolean,
@@ -708,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([]);
@@ -744,7 +751,7 @@
 	  }
 	});
 
-	const props$1p = {
+	const props$1q = {
 	  /**
 	   * 进入/离开持续时间
 	   * {enter: 300, leave: 300}
@@ -909,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 }) {
@@ -932,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 }) {
@@ -1049,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,
@@ -1086,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",
@@ -1128,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",
@@ -1170,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",
@@ -1214,7 +1221,7 @@
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$20 = 'vc-alert';
+	const COMPONENT_NAME$21 = 'vc-alert';
 
 	// [color, borderColor, backgroundColor], -> CSS
 	const THEME_MAP = {
@@ -1224,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
@@ -1440,7 +1447,7 @@
 	  return flatten$1(value, JSON.parse);
 	};
 
-	const props$1o = {
+	const props$1p = {
 	  // canvas配置参数
 	  options: Object,
 	  width: {
@@ -1456,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
@@ -1662,7 +1669,7 @@
 
 	const MArtboard = Artboard;
 
-	const props$1n = {
+	const props$1o = {
 	  size: {
 	    type: Number,
 	    default: 28
@@ -1686,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
 	  }) {
@@ -6761,7 +6768,7 @@
 	  });
 	}
 
-	const props$1m = {
+	const props$1n = {
 	  wait: {
 	    type: Number,
 	    default: 250
@@ -6777,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
@@ -6820,7 +6827,7 @@
 	  }
 	});
 
-	const props$1l = {
+	const props$1m = {
 	  tag: {
 	    type: String,
 	    default: "button"
@@ -6852,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
 	  }) {
@@ -6917,7 +6924,7 @@
 	  }
 	});
 
-	const props$1k = {
+	const props$1l = {
 	  vertical: {
 	    type: Boolean,
 	    default: false
@@ -6938,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
 	  }) {
@@ -6965,7 +6972,7 @@
 	const MButton = Button;
 	const MButtonGroup = ButtonGroup;
 
-	const props$1j = {
+	const props$1k = {
 	  tag: {
 	    type: String,
 	    default: "div"
@@ -6974,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
 	  }) {
@@ -6991,7 +6998,7 @@
 
 	const MCalendar = Calendar$1;
 
-	const props$1i = {
+	const props$1j = {
 	  border: {
 	    type: Boolean,
 	    default: true
@@ -7014,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
 	  }) {
@@ -7043,7 +7050,7 @@
 
 	const MCard = Card;
 
-	const props$1h = {
+	const props$1i = {
 	  tag: {
 	    type: String,
 	    default: "div"
@@ -7052,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
 	  }) {
@@ -7159,7 +7166,7 @@
 	  });
 	};
 
-	const props$1g = {
+	const props$1h = {
 	  // Array, 作为select等数组存放临时值
 	  modelValue: [String, Number, Array],
 	  disabled: {
@@ -7411,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
@@ -7518,8 +7525,8 @@
 	  }
 	});
 
-	const props$1f = {
-	  ...props$1g,
+	const props$1g = {
+	  ...props$1h,
 	  min: {
 	    type: Number,
 	    default: 0
@@ -7748,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,
@@ -7804,8 +7811,8 @@
 	  }
 	});
 
-	const props$1e = {
-	  ...props$1g,
+	const props$1f = {
+	  ...props$1h,
 	  enterText: {
 	    type: [Boolean, String],
 	    default: true
@@ -7814,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,
@@ -7849,7 +7856,7 @@
 	  }
 	});
 
-	const props$1d = {
+	const props$1e = {
 	  modelValue: Boolean,
 	  animation: String,
 	  placement: {
@@ -7928,7 +7935,7 @@
 	  "autoWidth",
 	  "always"
 	];
-	const props$1c = {
+	const props$1d = {
 	  trigger: {
 	    type: String,
 	    default: "hover",
@@ -7946,7 +7953,7 @@
 	    type: Boolean,
 	    default: true
 	  },
-	  ...pick(props$1d, wrapperKeys)
+	  ...pick(props$1e, wrapperKeys)
 	};
 
 	class Resize {
@@ -8265,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);
@@ -8409,7 +8416,7 @@
 	  }
 	}
 
-	const COMPONENT_NAME$1P = "vc-portal";
+	const COMPONENT_NAME$1Q = "vc-portal";
 	class Portal {
 	  /**
 	   * 清理Portals类型组件
@@ -8459,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) {
@@ -8557,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();
@@ -8591,7 +8598,7 @@
 	    } else {
 	      const wrapper = this.wrapper;
 	      const app = vue.createApp({
-	        name: COMPONENT_NAME$1P,
+	        name: COMPONENT_NAME$1Q,
 	        parent,
 	        setup() {
 	          if (alive) {
@@ -8695,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
 	  }) {
@@ -8728,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,
@@ -8988,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,
@@ -9134,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: {
@@ -9254,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: {
@@ -9322,8 +9329,8 @@
 	  label: String
 	};
 
-	const props$18 = {
-	  ...props$19,
+	const props$19 = {
+	  ...props$1a,
 	  data: {
 	    type: Array,
 	    default: () => []
@@ -9344,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,
@@ -9684,7 +9691,7 @@
 	  "contextmenu"
 	];
 
-	const props$17 = {
+	const props$18 = {
 	  options: Object,
 	  pluginOptions: Object,
 	  theme: [String, Object],
@@ -9699,10 +9706,10 @@
 
 	/** @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,
@@ -9806,6 +9813,8 @@
 	        }
 	      });
 	    });
+
+	    // 如果存在内存泄漏，chart.value.getOption() 获取配置项，查看series参数等情况
 	    expose({
 	      chart,
 	      refresh
@@ -9822,7 +9831,7 @@
 
 	const MChart = Chart;
 
-	const props$16 = {
+	const props$17 = {
 	  disabled: {
 	    type: Boolean,
 	    default: false
@@ -9938,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
@@ -9978,7 +9987,7 @@
 	  }
 	});
 
-	const props$15 = {
+	const props$16 = {
 	  modelValue: {
 	    type: Array,
 	    default: () => []
@@ -10027,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
@@ -10047,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
@@ -10089,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
@@ -10107,7 +10116,7 @@
 	  }
 	});
 
-	const props$14 = {
+	const props$15 = {
 	  content: [String, Function],
 	  mask: {
 	    type: Boolean,
@@ -10145,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
@@ -10279,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],
@@ -10396,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 }));
 	  }
@@ -10407,7 +10416,7 @@
 
 	const Clipboard$1 = Object.assign(Clipboard$2, group);
 
-	const props$12 = {
+	const props$13 = {
 	  content: [String, Function],
 	  maskClosable: {
 	    type: Boolean,
@@ -10438,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
@@ -10542,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 }));
 	  }
@@ -10553,7 +10562,7 @@
 
 	const MClipboard = Object.assign(MClipboard$1, group);
 
-	const props$11 = {
+	const props$12 = {
 	  tag: {
 	    type: String,
 	    default: "div"
@@ -10576,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();
@@ -10664,7 +10673,7 @@
 	  }
 	});
 
-	const props$10 = {
+	const props$11 = {
 	  tag: {
 	    type: String,
 	    default: "div"
@@ -10674,7 +10683,7 @@
 	  }
 	};
 
-	const props$$ = {
+	const props$10 = {
 	  tag: {
 	    type: String,
 	    default: "div"
@@ -10692,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
 	  }) {
@@ -10716,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]
@@ -10727,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
@@ -10795,7 +10804,7 @@
 	const MCollapse = Collapse;
 	const MCollapseItem = CollapseItem;
 
-	const props$_ = {
+	const props$$ = {
 	  tag: {
 	    type: String,
 	    default: "div"
@@ -10804,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
 	  }) {
@@ -10821,7 +10830,7 @@
 
 	const MColorPicker = ColorPicker$1;
 
-	const props$Z = {
+	const props$_ = {
 	  tag: {
 	    type: String,
 	    default: "span"
@@ -10866,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
@@ -10963,7 +10972,7 @@
 	          second: '00',
 	          millisecond: '00'
 	        });
-	        emit('finish');
+	        emit('complete');
 	      } else {
 	        emit('change', {
 	          timestamp,
@@ -11001,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]
 	          })
 	        );
@@ -11024,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,
@@ -11047,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: {
@@ -21483,7 +21831,7 @@
 	  name: COMPONENT_NAME$V,
 	  inheritAttrs: false,
 	  props: {
-	    ...props$1g,
+	    ...props$1h,
 	    right: {
 	      type: Boolean,
 	      default: false
@@ -21572,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,
@@ -21624,7 +21972,7 @@
 	const MInputSearch = /* @__PURE__ */ vue.defineComponent({
 	  name: COMPONENT_NAME$T,
 	  props: {
-	    ...props$1e,
+	    ...props$1f,
 	    cancelText: {
 	      type: String,
 	      default: '取消'
@@ -23210,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,
@@ -25035,7 +25383,7 @@
 	  },
 	  scrollerOptions: Object,
 	  renderEmpty: Function,
-	  renderFinish: Function,
+	  renderComplete: Function,
 	  renderLoading: Function,
 	  renderPlaceholder: Function,
 	  renderRefresh: Function
@@ -25069,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", {
@@ -25367,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
 	      };
 	    });
@@ -30403,7 +30751,7 @@
 	  "controllable"
 	];
 	const props$8 = {
-	  ...pick(props$1g, inputKeys),
+	  ...pick(props$1h, inputKeys),
 	  wrap: {
 	    type: String,
 	    validator: (v) => /(soft|hard)/.test(v),
@@ -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;