@deot/vc-components 1.0.58 → 1.0.59

package/dist/index.cjs

@@ -52,31 +52,38 @@ const VARIABLES = {};
 
 const nil = void 0;
 const defaults$2 = {
-  UploadPicker: {
-    enhancer: nil
-  },
   Editor: {
     options: nil,
     enhancer: nil
   },
-  Theme: {
-    variables: VARIABLES
-  },
   Portal: {
     install: nil
   },
-  Upload: {
-    onRequest: nil,
-    onResponse: nil,
-    onMessage: nil
-  },
-  TableColumn: {
-    line: nil
+  RecycleList: {
+    renderRefresh: nil,
+    renderPlaceholder: nil,
+    renderLoading: nil,
+    renderComplete: nil,
+    renderEmpty: nil
   },
   Snapshot: {
     options: nil,
     source: nil,
     download: nil
+  },
+  TableColumn: {
+    line: nil
+  },
+  Theme: {
+    variables: VARIABLES
+  },
+  Upload: {
+    onRequest: nil,
+    onResponse: nil,
+    onMessage: nil
+  },
+  UploadPicker: {
+    enhancer: nil
   }
 };
 
@@ -105,7 +112,7 @@ class Instance {
 }
 const VcInstance = new Instance();
 
-const props$1t = {
+const props$1u = {
   tag: {
     type: String,
     default: "div"
@@ -114,10 +121,10 @@ const props$1t = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$29 = 'vc-action-sheet';
+const COMPONENT_NAME$2a = 'vc-action-sheet';
 const ActionSheet = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$29,
-  props: props$1t,
+  name: COMPONENT_NAME$2a,
+  props: props$1u,
   setup(props, {
     slots
   }) {
@@ -131,7 +138,7 @@ const ActionSheet = /* @__PURE__ */ vue.defineComponent({
 
 const MActionSheet = ActionSheet;
 
-const props$1s = {
+const props$1t = {
   modelValue: {
     type: Boolean,
     default: false
@@ -193,11 +200,11 @@ const isWheel = (el) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$28 = 'vc-affix';
+const COMPONENT_NAME$29 = 'vc-affix';
 const Affix = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$28,
+  name: COMPONENT_NAME$29,
   emits: ['update:modelValue'],
-  props: props$1s,
+  props: props$1t,
   setup(props, {
     slots,
     expose,
@@ -363,7 +370,7 @@ const Affix = /* @__PURE__ */ vue.defineComponent({
 
 const MAffix = Affix;
 
-const props$1r = {
+const props$1s = {
   modelValue: {
     type: Boolean,
     default: true
@@ -390,7 +397,7 @@ const props$1r = {
   }
 };
 
-const props$1q = {
+const props$1r = {
   type: String,
   inherit: {
     type: Boolean,
@@ -527,10 +534,10 @@ const IconManager = new Manager();
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$27 = 'vc-icon';
+const COMPONENT_NAME$28 = 'vc-icon';
 const Icon = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$27,
-  props: props$1q,
+  name: COMPONENT_NAME$28,
+  props: props$1r,
   setup(props) {
     const viewBox = vue.ref('0 0 1024 1024');
     const path = vue.ref([]);
@@ -563,7 +570,7 @@ const Icon = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$1p = {
+const props$1q = {
   /**
    * 进入/离开持续时间
    * {enter: 300, leave: 300}
@@ -728,10 +735,10 @@ const useTransition = () => {
   };
 };
 
-const COMPONENT_NAME$26 = "vc-transition";
+const COMPONENT_NAME$27 = "vc-transition";
 const Transition = vue.defineComponent({
-  name: COMPONENT_NAME$26,
-  props: props$1p,
+  name: COMPONENT_NAME$27,
+  props: props$1q,
   // 当不声明emits的情况下，事件存在于attrs中
   inheritAttrs: false,
   setup(props, { slots, attrs }) {
@@ -751,10 +758,10 @@ const Transition = vue.defineComponent({
   }
 });
 
-const COMPONENT_NAME$25 = "vc-transition-collapse";
+const COMPONENT_NAME$26 = "vc-transition-collapse";
 const TransitionCollapse = vue.defineComponent({
-  name: COMPONENT_NAME$25,
-  props: props$1p,
+  name: COMPONENT_NAME$26,
+  props: props$1q,
   // 当不声明emits的情况下，事件存在于attrs中
   inheritAttrs: false,
   setup(props, { slots, attrs: _attrs }) {
@@ -868,11 +875,11 @@ const TransitionCollapse = vue.defineComponent({
   }
 });
 
-const COMPONENT_NAME$24 = "vc-transition-fade";
+const COMPONENT_NAME$25 = "vc-transition-fade";
 const TransitionFade = vue.defineComponent({
-  name: COMPONENT_NAME$24,
+  name: COMPONENT_NAME$25,
   props: {
-    ...props$1p,
+    ...props$1q,
     // inheritAttrs必须是false
     style: {
       type: Object,
@@ -905,11 +912,11 @@ const TransitionFade = vue.defineComponent({
   }
 });
 
-const COMPONENT_NAME$23 = "vc-transition-scale";
+const COMPONENT_NAME$24 = "vc-transition-scale";
 const TransitionScale = vue.defineComponent({
-  name: COMPONENT_NAME$23,
+  name: COMPONENT_NAME$24,
   props: {
-    ...props$1p,
+    ...props$1q,
     mode: {
       type: String,
       default: "both",
@@ -947,11 +954,11 @@ const TransitionScale = vue.defineComponent({
   }
 });
 
-const COMPONENT_NAME$22 = "vc-transition-slide";
+const COMPONENT_NAME$23 = "vc-transition-slide";
 const TransitionSlide = vue.defineComponent({
-  name: COMPONENT_NAME$22,
+  name: COMPONENT_NAME$23,
   props: {
-    ...props$1p,
+    ...props$1q,
     mode: {
       type: String,
       default: "left",
@@ -989,11 +996,11 @@ const TransitionSlide = vue.defineComponent({
   }
 });
 
-const COMPONENT_NAME$21 = "vc-transition-zoom";
+const COMPONENT_NAME$22 = "vc-transition-zoom";
 const TransitionZoom = vue.defineComponent({
-  name: COMPONENT_NAME$21,
+  name: COMPONENT_NAME$22,
   props: {
-    ...props$1p,
+    ...props$1q,
     mode: {
       type: String,
       default: "x",
@@ -1033,7 +1040,7 @@ const TransitionZoom = vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$20 = 'vc-alert';
+const COMPONENT_NAME$21 = 'vc-alert';
 
 // [color, borderColor, backgroundColor], -> CSS
 const THEME_MAP = {
@@ -1043,8 +1050,8 @@ const THEME_MAP = {
   warning: ['#ffbf00', '#ffe58f', '#fffbe6']
 };
 const Alert = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$20,
-  props: props$1r,
+  name: COMPONENT_NAME$21,
+  props: props$1s,
   setup(props, {
     slots,
     emit
@@ -1133,7 +1140,7 @@ const Alert = /* @__PURE__ */ vue.defineComponent({
 
 const MAlert = Alert;
 
-const props$1o = {
+const props$1p = {
   // canvas配置参数
   options: Object,
   width: {
@@ -1149,10 +1156,10 @@ const props$1o = {
 /** @jsxImportSource vue */
 
 const isTouch = typeof document !== 'undefined' && 'ontouchend' in document;
-const COMPONENT_NAME$1$ = 'vc-artboard';
+const COMPONENT_NAME$20 = 'vc-artboard';
 const Artboard = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1$,
-  props: props$1o,
+  name: COMPONENT_NAME$20,
+  props: props$1p,
   setup(props, {
     emit,
     expose
@@ -1355,7 +1362,7 @@ const Artboard = /* @__PURE__ */ vue.defineComponent({
 
 const MArtboard = Artboard;
 
-const props$1n = {
+const props$1o = {
   size: {
     type: Number,
     default: 28
@@ -1379,10 +1386,10 @@ const props$1n = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1_ = 'vc-spin';
+const COMPONENT_NAME$1$ = 'vc-spin';
 const Spin = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1_,
-  props: props$1n,
+  name: COMPONENT_NAME$1$,
+  props: props$1o,
   setup(props, {
     slots
   }) {
@@ -1416,7 +1423,7 @@ const Spin = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$1m = {
+const props$1n = {
   wait: {
     type: Number,
     default: 250
@@ -1432,10 +1439,10 @@ const props$1m = {
   exclude: RegExp
 };
 
-const COMPONENT_NAME$1Z = "vc-debounce";
+const COMPONENT_NAME$1_ = "vc-debounce";
 const Debounce = vue.defineComponent({
-  name: COMPONENT_NAME$1Z,
-  props: props$1m,
+  name: COMPONENT_NAME$1_,
+  props: props$1n,
   /**
    * 不声明emits使得事件被透传放入attrs中, 这样可以让所有的事件透传
    * 如事件onClick
@@ -1475,7 +1482,7 @@ const Debounce = vue.defineComponent({
   }
 });
 
-const props$1l = {
+const props$1m = {
   tag: {
     type: String,
     default: "button"
@@ -1507,11 +1514,11 @@ const props$1l = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1Y = 'vc-button';
+const COMPONENT_NAME$1Z = 'vc-button';
 const Button = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1Y,
+  name: COMPONENT_NAME$1Z,
   emits: ['click'],
-  props: props$1l,
+  props: props$1m,
   setup(props, {
     slots
   }) {
@@ -1572,7 +1579,7 @@ const Button = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$1k = {
+const props$1l = {
   vertical: {
     type: Boolean,
     default: false
@@ -1593,10 +1600,10 @@ const props$1k = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1X = 'vc-button-group';
+const COMPONENT_NAME$1Y = 'vc-button-group';
 const ButtonGroup = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1X,
-  props: props$1k,
+  name: COMPONENT_NAME$1Y,
+  props: props$1l,
   setup(props, {
     slots
   }) {
@@ -1620,7 +1627,7 @@ const ButtonGroup = /* @__PURE__ */ vue.defineComponent({
 const MButton = Button;
 const MButtonGroup = ButtonGroup;
 
-const props$1j = {
+const props$1k = {
   tag: {
     type: String,
     default: "div"
@@ -1629,10 +1636,10 @@ const props$1j = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1W = 'vc-calendar';
+const COMPONENT_NAME$1X = 'vc-calendar';
 const Calendar = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1W,
-  props: props$1j,
+  name: COMPONENT_NAME$1X,
+  props: props$1k,
   setup(props, {
     slots
   }) {
@@ -1646,7 +1653,7 @@ const Calendar = /* @__PURE__ */ vue.defineComponent({
 
 const MCalendar = Calendar;
 
-const props$1i = {
+const props$1j = {
   border: {
     type: Boolean,
     default: true
@@ -1669,10 +1676,10 @@ const props$1i = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1V = 'vc-card';
+const COMPONENT_NAME$1W = 'vc-card';
 const Card = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1V,
-  props: props$1i,
+  name: COMPONENT_NAME$1W,
+  props: props$1j,
   setup(props, {
     slots
   }) {
@@ -1698,7 +1705,7 @@ const Card = /* @__PURE__ */ vue.defineComponent({
 
 const MCard = Card;
 
-const props$1h = {
+const props$1i = {
   tag: {
     type: String,
     default: "div"
@@ -1707,10 +1714,10 @@ const props$1h = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1U = 'vc-carousel';
+const COMPONENT_NAME$1V = 'vc-carousel';
 const Carousel = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1U,
-  props: props$1h,
+  name: COMPONENT_NAME$1V,
+  props: props$1i,
   setup(props, {
     slots
   }) {
@@ -1751,7 +1758,7 @@ const getSelectedData = (value = [], source = []) => {
   });
 };
 
-const props$1g = {
+const props$1h = {
   // Array, 作为select等数组存放临时值
   modelValue: [String, Number, Array],
   disabled: {
@@ -2003,12 +2010,12 @@ const useNativeEmitter = (input, expose) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1T = 'vc-input';
+const COMPONENT_NAME$1U = 'vc-input';
 const Input = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1T,
+  name: COMPONENT_NAME$1U,
   inheritAttrs: false,
   props: {
-    ...props$1g,
+    ...props$1h,
     indicator: {
       type: [Boolean, Object],
       default: false
@@ -2110,8 +2117,8 @@ const Input = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$1f = {
-  ...props$1g,
+const props$1g = {
+  ...props$1h,
   min: {
     type: Number,
     default: 0
@@ -2340,10 +2347,10 @@ const useInputNumber = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1S = 'vc-input-number';
+const COMPONENT_NAME$1T = 'vc-input-number';
 const InputNumber = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1S,
-  props: props$1f,
+  name: COMPONENT_NAME$1T,
+  props: props$1g,
   inheritAttrs: false,
   setup(props, {
     slots,
@@ -2396,8 +2403,8 @@ const InputNumber = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$1e = {
-  ...props$1g,
+const props$1f = {
+  ...props$1h,
   enterText: {
     type: [Boolean, String],
     default: true
@@ -2406,10 +2413,10 @@ const props$1e = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1R = 'vc-input-search';
+const COMPONENT_NAME$1S = 'vc-input-search';
 const InputSearch = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1R,
-  props: props$1e,
+  name: COMPONENT_NAME$1S,
+  props: props$1f,
   inheritAttrs: false,
   setup(props, {
     emit,
@@ -2441,7 +2448,7 @@ const InputSearch = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$1d = {
+const props$1e = {
   modelValue: Boolean,
   animation: String,
   placement: {
@@ -2520,7 +2527,7 @@ const wrapperKeys = [
   "autoWidth",
   "always"
 ];
-const props$1c = {
+const props$1d = {
   trigger: {
     type: String,
     default: "hover",
@@ -2538,7 +2545,7 @@ const props$1c = {
     type: Boolean,
     default: true
   },
-  ...lodashEs.pick(props$1d, wrapperKeys)
+  ...lodashEs.pick(props$1e, wrapperKeys)
 };
 
 const EXTRA_DISTANCE = 4;
@@ -2794,17 +2801,17 @@ const usePos = () => {
   };
 };
 
-const props$1b = {
+const props$1c = {
   render: {
     type: Function,
     default: () => null
   }
 };
 
-const COMPONENT_NAME$1Q = "vc-customer";
+const COMPONENT_NAME$1R = "vc-customer";
 const Customer = vue.defineComponent({
-  name: COMPONENT_NAME$1Q,
-  props: props$1b,
+  name: COMPONENT_NAME$1R,
+  props: props$1c,
   setup(props, context) {
     return () => vue.h(() => {
       return props.render(context.attrs, context);
@@ -2879,7 +2886,7 @@ class PortalLeaf {
   }
 }
 
-const COMPONENT_NAME$1P = "vc-portal";
+const COMPONENT_NAME$1Q = "vc-portal";
 class Portal {
   /**
    * 清理Portals类型组件
@@ -2929,7 +2936,7 @@ class Portal {
     this.wrapper = wrapper;
     this.globalOptions = {
       ...options,
-      name: options?.name || wrapper.name || Utils__namespace.getUid(COMPONENT_NAME$1P)
+      name: options?.name || wrapper.name || Utils__namespace.getUid(COMPONENT_NAME$1Q)
     };
   }
   popup(propsData, options) {
@@ -3027,7 +3034,7 @@ class Portal {
       ...rest
     } = options;
     let useAllNodes = fragment;
-    const name = multiple ? `${name$}__${Utils__namespace.getUid(COMPONENT_NAME$1P)}` : name$;
+    const name = multiple ? `${name$}__${Utils__namespace.getUid(COMPONENT_NAME$1Q)}` : name$;
     const container = document.createElement(tag);
     const root = typeof el === "object" ? el : document.querySelector(el || "body");
     !alive && Portal.leafs.get(name)?.destroy();
@@ -3061,7 +3068,7 @@ class Portal {
     } else {
       const wrapper = this.wrapper;
       const app = vue.createApp({
-        name: COMPONENT_NAME$1P,
+        name: COMPONENT_NAME$1Q,
         parent,
         setup() {
           if (alive) {
@@ -3165,21 +3172,21 @@ class Portal {
   }
 }
 
-const props$1a = {
+const props$1b = {
   tag: {
     type: String,
     default: "div"
   }
 };
 
-const COMPONENT_NAME$1O = 'vc-portal-view';
+const COMPONENT_NAME$1P = 'vc-portal-view';
 
 /**
  * 写法不同，但与vue@2.x 保持一致
  */
 const PortalView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1O,
-  props: props$1a,
+  name: COMPONENT_NAME$1P,
+  props: props$1b,
   setup(props, {
     slots
   }) {
@@ -3198,10 +3205,10 @@ const PortalView = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1N = 'vc-popover-wrapper';
+const COMPONENT_NAME$1O = 'vc-popover-wrapper';
 const PopoverWrapper = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1N,
-  props: props$1d,
+  name: COMPONENT_NAME$1O,
+  props: props$1e,
   emits: ['portal-fulfilled', 'close'],
   setup(props, {
     emit,
@@ -3458,10 +3465,10 @@ const PopoverPortal = new Portal(PopoverWrapper, {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1M = 'vc-popover';
+const COMPONENT_NAME$1N = 'vc-popover';
 const Popover$1 = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1M,
-  props: props$1c,
+  name: COMPONENT_NAME$1N,
+  props: props$1d,
   emits: ['update:modelValue', 'visible-change', 'ready', 'close'],
   setup(props, {
     emit,
@@ -3604,9 +3611,9 @@ const Popover = Object.assign(Popover$1, {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1L = 'vc-cascader-column';
+const COMPONENT_NAME$1M = 'vc-cascader-column';
 const CascaderColumn = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1L,
+  name: COMPONENT_NAME$1M,
   emits: ['click', 'change'],
   props: {
     data: {
@@ -3724,9 +3731,9 @@ const popoverKeys$1 = [
   "portal",
   "portalClass"
 ];
-const props$19 = {
-  ...lodashEs.pick(props$1c, popoverKeys$1),
-  ...lodashEs.pick(props$1g, inputKeys$2),
+const props$1a = {
+  ...lodashEs.pick(props$1d, popoverKeys$1),
+  ...lodashEs.pick(props$1h, inputKeys$2),
   renderOption: [Function],
   renderOptionGroup: [Function],
   data: {
@@ -3792,8 +3799,8 @@ const props$19 = {
   label: String
 };
 
-const props$18 = {
-  ...props$19,
+const props$19 = {
+  ...props$1a,
   data: {
     type: Array,
     default: () => []
@@ -3814,11 +3821,11 @@ const props$18 = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1K = 'vc-cascader';
+const COMPONENT_NAME$1L = 'vc-cascader';
 const Cascader = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1K,
+  name: COMPONENT_NAME$1L,
   inheritAttrs: false,
-  props: props$18,
+  props: props$19,
   emits: ['update:modelValue', 'visible-change', 'ready', 'change', 'close'],
   setup(props, {
     emit,
@@ -4154,7 +4161,7 @@ const EVENTS = [
   "contextmenu"
 ];
 
-const props$17 = {
+const props$18 = {
   options: Object,
   pluginOptions: Object,
   theme: [String, Object],
@@ -4169,10 +4176,10 @@ const props$17 = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1J = 'vc-chart';
+const COMPONENT_NAME$1K = 'vc-chart';
 const Chart = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1J,
-  props: props$17,
+  name: COMPONENT_NAME$1K,
+  props: props$18,
   emits: [...EVENTS, 'ready'],
   setup(props, {
     emit,
@@ -4276,6 +4283,8 @@ const Chart = /* @__PURE__ */ vue.defineComponent({
         }
       });
     });
+
+    // 如果存在内存泄漏，chart.value.getOption() 获取配置项，查看series参数等情况
     expose({
       chart,
       refresh
@@ -4292,7 +4301,7 @@ const Chart = /* @__PURE__ */ vue.defineComponent({
 
 const MChart = Chart;
 
-const props$16 = {
+const props$17 = {
   disabled: {
     type: Boolean,
     default: false
@@ -4408,10 +4417,10 @@ const useCheckbox = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1I = 'vc-checkbox';
+const COMPONENT_NAME$1J = 'vc-checkbox';
 const Checkbox = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1I,
-  props: props$16,
+  name: COMPONENT_NAME$1J,
+  props: props$17,
   emits: ['update:modelValue', 'change'],
   setup(props, {
     slots
@@ -4448,7 +4457,7 @@ const Checkbox = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$15 = {
+const props$16 = {
   modelValue: {
     type: Array,
     default: () => []
@@ -4497,10 +4506,10 @@ const useCheckboxGroup = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1H = 'vc-checkbox-group';
+const COMPONENT_NAME$1I = 'vc-checkbox-group';
 const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1H,
-  props: props$15,
+  name: COMPONENT_NAME$1I,
+  props: props$16,
   emits: ['update:modelValue', 'change'],
   setup(props, {
     slots
@@ -4517,10 +4526,10 @@ const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1G = 'vcm-checkbox';
+const COMPONENT_NAME$1H = 'vcm-checkbox';
 const MCheckbox = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1G,
-  props: props$16,
+  name: COMPONENT_NAME$1H,
+  props: props$17,
   emits: ['update:modelValue', 'change'],
   setup(props, {
     slots
@@ -4559,10 +4568,10 @@ const MCheckbox = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1F = 'vcm-checkbox-group';
+const COMPONENT_NAME$1G = 'vcm-checkbox-group';
 const MCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1F,
-  props: props$15,
+  name: COMPONENT_NAME$1G,
+  props: props$16,
   emits: ['update:modelValue', 'change'],
   setup(props, {
     slots
@@ -4577,7 +4586,7 @@ const MCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$14 = {
+const props$15 = {
   content: [String, Function],
   mask: {
     type: Boolean,
@@ -4615,11 +4624,11 @@ const props$14 = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1E = 'vc-message';
+const COMPONENT_NAME$1F = 'vc-message';
 const MessageView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1E,
+  name: COMPONENT_NAME$1F,
   emits: ['before-close', 'close', 'portal-fulfilled'],
-  props: props$14,
+  props: props$15,
   setup(props, {
     emit,
     expose
@@ -4749,7 +4758,7 @@ const warning$3 = create$4({ mode: "warning" });
 const error$3 = create$4({ mode: "error" });
 const Message = Object.assign(MessageView, { destroy: destroy$5, info: info$3, success: success$3, loading: loading$1, warning: warning$3, error: error$3 });
 
-const props$13 = {
+const props$14 = {
   value: String,
   tag: {
     type: [String, Object, Function],
@@ -4866,10 +4875,10 @@ const useClipboard = (done) => {
   return () => vue.h(props.tag, { onClick: handleClick, class: "vc-clipboard" }, slots?.default?.());
 };
 
-const COMPONENT_NAME$1D = "vc-clipboard";
+const COMPONENT_NAME$1E = "vc-clipboard";
 const Clipboard$1 = vue.defineComponent({
-  name: COMPONENT_NAME$1D,
-  props: props$13,
+  name: COMPONENT_NAME$1E,
+  props: props$14,
   setup() {
     return useClipboard((content) => Message.success({ content }));
   }
@@ -4877,7 +4886,7 @@ const Clipboard$1 = vue.defineComponent({
 
 const Clipboard = Object.assign(Clipboard$1, group);
 
-const props$12 = {
+const props$13 = {
   content: [String, Function],
   maskClosable: {
     type: Boolean,
@@ -4908,11 +4917,11 @@ const MTransitionZoom = TransitionZoom;
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1C = 'vcm-toast';
+const COMPONENT_NAME$1D = 'vcm-toast';
 const MToastView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1C,
+  name: COMPONENT_NAME$1D,
   emits: ['close', 'portal-fulfilled'],
-  props: props$12,
+  props: props$13,
   setup(props, {
     emit,
     expose
@@ -5012,10 +5021,10 @@ const warning$2 = create$3({ mode: "warning" });
 const error$2 = create$3({ mode: "error" });
 const MToast = Object.assign(MToastView, { destroy: destroy$4, info: info$2, success: success$2, loading, warning: warning$2, error: error$2 });
 
-const COMPONENT_NAME$1B = "vcm-clipboard";
+const COMPONENT_NAME$1C = "vcm-clipboard";
 const MClipboard$1 = vue.defineComponent({
-  name: COMPONENT_NAME$1B,
-  props: props$13,
+  name: COMPONENT_NAME$1C,
+  props: props$14,
   setup() {
     return useClipboard((content) => MToast.info({ content }));
   }
@@ -5023,7 +5032,7 @@ const MClipboard$1 = vue.defineComponent({
 
 const MClipboard = Object.assign(MClipboard$1, group);
 
-const props$11 = {
+const props$12 = {
   tag: {
     type: String,
     default: "div"
@@ -5046,10 +5055,10 @@ const props$11 = {
   }
 };
 
-const COMPONENT_NAME$1A = "vc-collapse";
+const COMPONENT_NAME$1B = "vc-collapse";
 const Collapse = vue.defineComponent({
-  name: COMPONENT_NAME$1A,
-  props: props$11,
+  name: COMPONENT_NAME$1B,
+  props: props$12,
   emits: ["update:moodelValue", "change"],
   setup(props, { slots, emit }) {
     const instance = vue.getCurrentInstance();
@@ -5134,7 +5143,7 @@ const Collapse = vue.defineComponent({
   }
 });
 
-const props$10 = {
+const props$11 = {
   tag: {
     type: String,
     default: "div"
@@ -5144,7 +5153,7 @@ const props$10 = {
   }
 };
 
-const props$$ = {
+const props$10 = {
   tag: {
     type: String,
     default: "div"
@@ -5162,13 +5171,13 @@ const props$$ = {
 
 /** @jsxImportSource vue */
 
-function _isSlot$2(s) {
+function _isSlot$3(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-const COMPONENT_NAME$1z = 'vc-expand';
+const COMPONENT_NAME$1A = 'vc-expand';
 const Expand$1 = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1z,
-  props: props$$,
+  name: COMPONENT_NAME$1A,
+  props: props$10,
   setup(props, {
     slots
   }) {
@@ -5186,7 +5195,7 @@ const Expand$1 = /* @__PURE__ */ vue.defineComponent({
           enter: 200,
           leave: 200
         }
-      }, _isSlot$2(_slot = vue.withDirectives(vue.createVNode(Content, null, {
+      }, _isSlot$3(_slot = vue.withDirectives(vue.createVNode(Content, null, {
         default: () => [(props.alive || !props.alive && isActive.value) && slots.default?.()]
       }), [[vue.vShow, isActive.value]])) ? _slot : {
         default: () => [_slot]
@@ -5197,10 +5206,10 @@ const Expand$1 = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1y = 'vc-collapse-item';
+const COMPONENT_NAME$1z = 'vc-collapse-item';
 const CollapseItem = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1y,
-  props: props$10,
+  name: COMPONENT_NAME$1z,
+  props: props$11,
   setup(props, {
     slots,
     expose
@@ -5265,7 +5274,7 @@ const CollapseItem = /* @__PURE__ */ vue.defineComponent({
 const MCollapse = Collapse;
 const MCollapseItem = CollapseItem;
 
-const props$_ = {
+const props$$ = {
   tag: {
     type: String,
     default: "div"
@@ -5274,10 +5283,10 @@ const props$_ = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1x = 'vc-color-picker';
+const COMPONENT_NAME$1y = 'vc-color-picker';
 const ColorPicker = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1x,
-  props: props$_,
+  name: COMPONENT_NAME$1y,
+  props: props$$,
   setup(props, {
     slots
   }) {
@@ -5291,7 +5300,7 @@ const ColorPicker = /* @__PURE__ */ vue.defineComponent({
 
 const MColorPicker = ColorPicker;
 
-const props$Z = {
+const props$_ = {
   tag: {
     type: String,
     default: "span"
@@ -5336,14 +5345,14 @@ const formatter = (format, arr) => {
 
 /** @jsxImportSource vue */
 
-function _isSlot$1(s) {
+function _isSlot$2(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-const COMPONENT_NAME$1w = 'vc-countdown';
+const COMPONENT_NAME$1x = 'vc-countdown';
 const Countdown = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1w,
-  props: props$Z,
-  emits: ['change', 'finish', 'error'],
+  name: COMPONENT_NAME$1x,
+  props: props$_,
+  emits: ['change', 'complete', 'error'],
   setup(props, {
     emit,
     slots
@@ -5433,7 +5442,7 @@ const Countdown = /* @__PURE__ */ vue.defineComponent({
           second: '00',
           millisecond: '00'
         });
-        emit('finish');
+        emit('complete');
       } else {
         emit('change', {
           timestamp,
@@ -5471,7 +5480,7 @@ const Countdown = /* @__PURE__ */ vue.defineComponent({
         return (// @ts-ignore
           vue.createVNode(Content, {
             "class": "vc-countdown"
-          }, _isSlot$1(_slot = slots.default(binds.value)) ? _slot : {
+          }, _isSlot$2(_slot = slots.default(binds.value)) ? _slot : {
             default: () => [_slot]
           })
         );
@@ -5494,6 +5503,345 @@ const Countdown = /* @__PURE__ */ vue.defineComponent({
 
 const MCountdown = Countdown;
 
+const props$Z = {
+  tag: {
+    type: String,
+    default: "span"
+  },
+  value: [Number, String],
+  placeholder: String,
+  precision: {
+    type: Number,
+    default: 0
+  },
+  duration: {
+    type: Number,
+    default: 500
+  },
+  decimal: {
+    type: String,
+    default: "."
+  },
+  separator: {
+    type: String,
+    default: ","
+  },
+  numerals: {
+    type: Array,
+    default: () => []
+  },
+  smartEasingThreshold: {
+    type: Number,
+    default: 999
+  },
+  smartEasingAmount: {
+    type: Number,
+    default: 333
+  },
+  easing: {
+    type: [Function, Boolean],
+    default: true
+  },
+  // 10.90 -> 10.9
+  zeroless: {
+    type: Boolean,
+    default: false
+  },
+  // 为true时，自行管理start/update
+  controllable: {
+    type: Boolean,
+    default: false
+  },
+  render: Function
+};
+
+const separated2value = (value, options) => {
+  if (typeof value === "number" || typeof value !== "string") return value;
+  const escapeRegExp = (s) => s.replace(/([.,'  ])/g, "\\$1");
+  const sep = escapeRegExp(options.separator);
+  const dec = escapeRegExp(options.decimal);
+  const num = (value || "").replace(new RegExp(sep, "g"), "").replace(new RegExp(dec, "g"), ".");
+  return parseFloat(num);
+};
+const value2separated = (value, options) => {
+  const num = typeof value === "number" ? value : parseFloat(value);
+  if (value === "" || Number.isNaN(num)) {
+    return {
+      negative: "",
+      integer: "",
+      decimal: "",
+      separated: "",
+      float: "",
+      value: ""
+    };
+  }
+  const negative = num < 0 ? "-" : "";
+  let [integer, decimal = ""] = `${Math.abs(num)}`.split(".");
+  let separated = integer;
+  if (options.separator) {
+    let v = "";
+    let j = 0;
+    const factor = 3;
+    for (let i = 0, len = separated.length; i < len; ++i) {
+      if (i !== 0 && j % factor === 0) {
+        v = options.separator + v;
+      }
+      j++;
+      v = separated[len - i - 1] + v;
+    }
+    separated = v;
+  }
+  const precision$ = options.zeroless ? Math.min(options.precision, decimal.length) : options.precision;
+  if (precision$) {
+    decimal = decimal.slice(0, precision$).padEnd(precision$, "0");
+  } else {
+    decimal = "";
+  }
+  if (options?.numerals?.length) {
+    separated = separated.replace(/[0-9]/g, (w) => options.numerals[+w]);
+    decimal = decimal.replace(/[0-9]/g, (w) => options.numerals[+w]);
+  }
+  const _decimal = decimal ? options.decimal + decimal : "";
+  return {
+    negative,
+    integer,
+    decimal,
+    separated,
+    float: `${negative}${integer}${_decimal}`,
+    value: `${negative}${separated}${_decimal}`
+  };
+};
+
+/** @jsxImportSource vue */
+
+function _isSlot$1(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
+}
+const COMPONENT_NAME$1w = 'vc-counter';
+const Counter = /* @__PURE__ */ vue.defineComponent({
+  name: COMPONENT_NAME$1w,
+  props: props$Z,
+  emits: ['begin', 'complete', 'change'],
+  setup(props, {
+    emit,
+    expose,
+    slots
+  }) {
+    const startTime = vue.ref(null);
+    const duration = vue.ref(props.duration);
+    const remaining = vue.ref(duration.value);
+    const startVal = vue.ref(0);
+    const endVal = vue.ref(separated2value(props.value, props));
+    const frameVal = vue.ref(startVal.value);
+    const finalEndVal = vue.ref(null);
+    const useEasing = vue.ref(!!props.easing);
+    const isStart = vue.ref(false);
+    const isPaused = vue.ref(false);
+    const isComplete = vue.ref(false);
+    const countdown = vue.ref(false);
+    const rAF = vue.ref(null);
+    const prints = vue.reactive({
+      negative: '',
+      integer: '',
+      decimal: '',
+      separated: '',
+      float: '',
+      value: ''
+    });
+
+    // t: current time, b: beginning value, c: change in value, d: duration
+    const easing = vue.computed(() => {
+      return typeof props.easing === 'function' ? props.easing : (t, b, c, d) => c * (-Math.pow(2, -10 * t / d) + 1) * 1024 / 1023 + b;
+    });
+    const displayValue = vue.computed(() => {
+      if (props.value === '' || typeof props.value !== 'string' && typeof props.value !== 'number') {
+        return props.placeholder;
+      }
+      return prints.value;
+    });
+    const binds = vue.computed(() => {
+      return {
+        ...prints,
+        value: displayValue.value
+      };
+    });
+    const determineDirectionAndSmartEasing = () => {
+      const v = finalEndVal.value !== null ? finalEndVal.value : endVal.value;
+      countdown.value = startVal.value > v;
+      const animateAmount = v - startVal.value;
+      if (Math.abs(animateAmount) > props.smartEasingThreshold && props.easing) {
+        finalEndVal.value = v;
+        const up = countdown.value ? 1 : -1;
+        endVal.value = v + up * props.smartEasingAmount;
+        duration.value = duration.value / 2;
+      } else {
+        endVal.value = v;
+        finalEndVal.value = null;
+      }
+      if (finalEndVal.value !== null) {
+        useEasing.value = false;
+      } else {
+        useEasing.value = !!props.easing;
+      }
+    };
+    const run = () => {
+      const done = timestamp => {
+        if (!startTime.value) {
+          startTime.value = timestamp;
+        }
+        const progress = timestamp - startTime.value;
+        remaining.value = duration.value - progress;
+        if (useEasing.value) {
+          if (countdown.value) {
+            frameVal.value = startVal.value - easing.value(progress, 0, startVal.value - endVal.value, duration.value);
+          } else {
+            frameVal.value = easing.value(progress, startVal.value, endVal.value - startVal.value, duration.value);
+          }
+        } else {
+          frameVal.value = startVal.value + (endVal.value - startVal.value) * (progress / duration.value);
+        }
+        const wentPast = countdown.value ? frameVal.value < endVal.value : frameVal.value > endVal.value;
+        frameVal.value = wentPast ? endVal.value : frameVal.value;
+        print(frameVal.value);
+        if (progress < duration.value) {
+          rAF.value = requestAnimationFrame(done);
+        } else if (finalEndVal.value !== null) {
+          update(finalEndVal.value);
+        } else {
+          emit('complete');
+          isComplete.value = true;
+        }
+      };
+      determineDirectionAndSmartEasing();
+      rAF.value = requestAnimationFrame(done);
+    };
+    const print = num => {
+      Object.assign(prints, value2separated(num, props));
+      emit('change', prints);
+    };
+    const resetDuration = () => {
+      startTime.value = null;
+      duration.value = props.duration;
+      remaining.value = duration.value;
+    };
+    const cancel = () => {
+      if (rAF.value === null || typeof rAF.value === 'undefined') return;
+      cancelAnimationFrame(rAF.value);
+    };
+    const start = () => {
+      if (isComplete.value || isStart.value) return;
+      cancel();
+      resetDuration();
+      isPaused.value = false;
+      isComplete.value = false;
+      startVal.value = 0;
+      frameVal.value = 0;
+      isStart.value = true;
+      emit('begin');
+      if (duration.value > 0) {
+        run();
+      } else {
+        print(endVal.value);
+      }
+    };
+    const pause = () => {
+      if (isComplete.value) return;
+      if (!isPaused.value) {
+        cancel();
+      }
+      isPaused.value = true;
+    };
+    const resume = () => {
+      if (isComplete.value) return;
+      if (isPaused.value) {
+        startTime.value = null;
+        duration.value = remaining.value;
+        startVal.value = frameVal.value;
+        run();
+      }
+      isPaused.value = false;
+    };
+    const update = newEndVal => {
+      if (!isStart.value) return;
+      cancel();
+      startTime.value = null;
+      endVal.value = +newEndVal;
+      if (endVal.value === frameVal.value) {
+        return;
+      }
+      startVal.value = frameVal.value;
+      if (finalEndVal.value === null) {
+        resetDuration();
+      }
+      finalEndVal.value = null;
+      run();
+    };
+    const end = () => {
+      if (isComplete.value) return;
+      cancel();
+      resetDuration();
+      startVal.value = +props.value;
+      frameVal.value = startVal.value;
+      print(frameVal.value);
+      emit('complete');
+      isComplete.value = true;
+    };
+    const restart = () => {
+      isStart.value = false;
+      isComplete.value = false;
+      start();
+    };
+    vue.watch(() => props.value, () => {
+      if (props.controllable || !isStart.value) return;
+      update(props.value);
+    });
+    vue.watch(() => props.precision, () => {
+      if (props.controllable || !isStart.value || !isComplete.value) return;
+      print(+props.value);
+    });
+    expose({
+      start,
+      pause,
+      resume,
+      update,
+      end,
+      restart,
+      cancel,
+      print
+    });
+    vue.onMounted(() => !props.controllable && start());
+    vue.onBeforeUnmount(cancel);
+    const Content = props.tag;
+    return () => {
+      if (slots.default) {
+        let _slot;
+        return (// @ts-ignore
+          vue.createVNode(Content, {
+            "class": "vc-counter"
+          }, _isSlot$1(_slot = slots.default(binds.value)) ? _slot : {
+            default: () => [_slot]
+          })
+        );
+      }
+      if (props.render) {
+        return vue.createVNode(Customer, vue.mergeProps({
+          "class": "vc-counter",
+          "render": props.render
+        }, binds.value), null);
+      }
+      return (// @ts-ignore
+        vue.createVNode(Content, {
+          "class": "vc-counter"
+        }, {
+          default: () => [displayValue.value]
+        })
+      );
+    };
+  }
+});
+
+const MCounter = Counter;
+
 const props$Y = {
   type: {
     type: String,
@@ -5517,8 +5865,8 @@ const popoverKeys = [
   "portalClass"
 ];
 const props$X = {
-  ...lodashEs.pick(props$1c, popoverKeys),
-  ...lodashEs.pick(props$1g, inputKeys$1),
+  ...lodashEs.pick(props$1d, popoverKeys),
+  ...lodashEs.pick(props$1h, inputKeys$1),
   type: String,
   placeholder: String,
   clearable: {
@@ -12564,7 +12912,7 @@ const MInput = /* @__PURE__ */ vue.defineComponent({
   name: COMPONENT_NAME$V,
   inheritAttrs: false,
   props: {
-    ...props$1g,
+    ...props$1h,
     right: {
       type: Boolean,
       default: false
@@ -12653,7 +13001,7 @@ const MInput = /* @__PURE__ */ vue.defineComponent({
 const COMPONENT_NAME$U = 'vcm-input-number';
 const MInputNumber = /* @__PURE__ */ vue.defineComponent({
   name: COMPONENT_NAME$U,
-  props: props$1f,
+  props: props$1g,
   inheritAttrs: false,
   setup(props, {
     slots,
@@ -12705,7 +13053,7 @@ const COMPONENT_NAME$T = 'vcm-input-search';
 const MInputSearch = /* @__PURE__ */ vue.defineComponent({
   name: COMPONENT_NAME$T,
   props: {
-    ...props$1e,
+    ...props$1f,
     cancelText: {
       type: String,
       default: '取消'
@@ -14291,7 +14639,7 @@ const OptionGroup = /* @__PURE__ */ vue.defineComponent({
 const COMPONENT_NAME$H = 'vc-select';
 const Select = /* @__PURE__ */ vue.defineComponent({
   name: COMPONENT_NAME$H,
-  props: props$19,
+  props: props$1a,
   emits: ['ready', 'close', 'visible-change', 'clear', 'change', 'update:modelValue'],
   setup(props, {
     emit,
@@ -16002,7 +16350,7 @@ const props$j = {
   },
   scrollerOptions: Object,
   renderEmpty: Function,
-  renderFinish: Function,
+  renderComplete: Function,
   renderLoading: Function,
   renderPlaceholder: Function,
   renderRefresh: Function
@@ -16036,9 +16384,9 @@ const ScrollState = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(Spin, {
         "size": 20
       }, null)]))]), owner.isEnd.value && (owner.data.length ? vue.createVNode("div", {
-        "class": "vc-recycle-list__finish"
-      }, [slots.finish?.() || owner.renderer.value.finish ? vue.createVNode(Customer, {
-        "render": owner.renderer.value.finish
+        "class": "vc-recycle-list__complete"
+      }, [slots.complete?.() || owner.renderer.value.complete ? vue.createVNode(Customer, {
+        "render": owner.renderer.value.complete
       }, null) : vue.createVNode("div", {
         "class": "vc-recycle-list__center"
       }, [vue.createTextVNode("\u5DF2\u5168\u90E8\u52A0\u8F7D~")])]) : vue.createVNode("div", {
@@ -16334,7 +16682,7 @@ const RecycleList = /* @__PURE__ */ vue.defineComponent({
         refresh: props.renderRefresh || globalProps.renderRefresh,
         placeholder: props.renderPlaceholder || globalProps.renderPlaceholder,
         loading: props.renderLoading || globalProps.renderLoading,
-        finish: props.renderFinish || globalProps.renderFinish,
+        complete: props.renderComplete || globalProps.renderComplete,
         empty: props.renderEmpty || globalProps.renderEmpty
       };
     });
@@ -21370,7 +21718,7 @@ const inputKeys = [
   "controllable"
 ];
 const props$8 = {
-  ...lodashEs.pick(props$1g, inputKeys),
+  ...lodashEs.pick(props$1h, inputKeys),
   wrap: {
     type: String,
     validator: (v) => /(soft|hard)/.test(v),
@@ -22963,7 +23311,7 @@ const treeNodeContentKeys = [
   "allowDispatch"
 ];
 const props$2 = {
-  ...lodashEs.pick(props$19, selectKeys),
+  ...lodashEs.pick(props$1a, selectKeys),
   ...lodashEs.pick(props$3, treeNodeContentKeys),
   // 暂不支持，仅作为默认值
   max: {
@@ -23236,7 +23584,7 @@ const treeKeys = [
   "renderNodeLabel"
 ];
 const props$1 = {
-  ...props$19,
+  ...props$1a,
   ...lodashEs.pick(props$2, treeKeys)
 };
 
@@ -24045,6 +24393,7 @@ exports.Collapse = Collapse;
 exports.CollapseItem = CollapseItem;
 exports.ColorPicker = ColorPicker;
 exports.Countdown = Countdown;
+exports.Counter = Counter;
 exports.Customer = Customer;
 exports.DatePicker = DatePicker;
 exports.Debounce = Debounce;
@@ -24089,6 +24438,7 @@ exports.MCollapse = MCollapse;
 exports.MCollapseItem = MCollapseItem;
 exports.MColorPicker = MColorPicker;
 exports.MCountdown = MCountdown;
+exports.MCounter = MCounter;
 exports.MCustomer = MCustomer;
 exports.MDatePicker = MDatePicker;
 exports.MDebounce = Debounce;