npm - @deot/vc-components - Versions diffs - 1.0.27 → 1.0.29 - Mend

@deot/vc-components 1.0.27 → 1.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { Utils as Utils$1, IS_SERVER as IS_SERVER$1 } from '@deot/vc-shared';
 import * as Utils from '@deot/helper-utils';
 import { getUid, preZero, raf, getPropByPath, throttle as throttle$1, hasOwn } from '@deot/helper-utils';
 import * as $ from '@deot/helper-dom';
-import { composedPath, scrollIntoView, prefixStyle, removeClass, addClass, hasClass, getStyle } from '@deot/helper-dom';
+import { composedPath, scrollIntoView, prefixStyle, getStyle, removeClass, addClass, hasClass } from '@deot/helper-dom';
 import { useAttrs, useScrollbar, getInstance } from '@deot/vc-hooks';
 import { Wheel } from '@deot/helper-wheel';
 import { Validator } from '@deot/helper-validator';
@@ -81,9 +81,9 @@ const props$1q = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$20 = 'vc-action-sheet';
+const COMPONENT_NAME$22 = 'vc-action-sheet';
 const ActionSheet = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$20,
+  name: COMPONENT_NAME$22,
   props: props$1q,
   setup(props, {
     slots
@@ -270,9 +270,9 @@ const IconManager = new Manager();
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1$ = 'vc-icon';
+const COMPONENT_NAME$21 = 'vc-icon';
 const Icon = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1$,
+  name: COMPONENT_NAME$21,
   props: props$1o,
   setup(props) {
     const viewBox = ref('0 0 1024 1024');
@@ -471,9 +471,9 @@ const useTransition = () => {
   };
 };
-const COMPONENT_NAME$1_ = "vc-transition";
+const COMPONENT_NAME$20 = "vc-transition";
 const Transition = defineComponent({
-  name: COMPONENT_NAME$1_,
+  name: COMPONENT_NAME$20,
   props: props$1n,
   // 当不声明emits的情况下，事件存在于attrs中
   inheritAttrs: false,
@@ -494,9 +494,9 @@ const Transition = defineComponent({
   }
 });
-const COMPONENT_NAME$1Z = "vc-transition-collapse";
+const COMPONENT_NAME$1$ = "vc-transition-collapse";
 const TransitionCollapse = defineComponent({
-  name: COMPONENT_NAME$1Z,
+  name: COMPONENT_NAME$1$,
   props: props$1n,
   // 当不声明emits的情况下，事件存在于attrs中
   inheritAttrs: false,
@@ -615,9 +615,9 @@ const TransitionCollapse = defineComponent({
   }
 });
-const COMPONENT_NAME$1Y = "vc-transition-fade";
+const COMPONENT_NAME$1_ = "vc-transition-fade";
 const TransitionFade = defineComponent({
-  name: COMPONENT_NAME$1Y,
+  name: COMPONENT_NAME$1_,
   props: {
     ...props$1n,
     // inheritAttrs必须是false
@@ -652,9 +652,9 @@ const TransitionFade = defineComponent({
   }
 });
-const COMPONENT_NAME$1X = "vc-transition-scale";
+const COMPONENT_NAME$1Z = "vc-transition-scale";
 const TransitionScale = defineComponent({
-  name: COMPONENT_NAME$1X,
+  name: COMPONENT_NAME$1Z,
   props: {
     ...props$1n,
     mode: {
@@ -694,9 +694,9 @@ const TransitionScale = defineComponent({
   }
 });
-const COMPONENT_NAME$1W = "vc-transition-slide";
+const COMPONENT_NAME$1Y = "vc-transition-slide";
 const TransitionSlide = defineComponent({
-  name: COMPONENT_NAME$1W,
+  name: COMPONENT_NAME$1Y,
   props: {
     ...props$1n,
     mode: {
@@ -736,9 +736,9 @@ const TransitionSlide = defineComponent({
   }
 });
-const COMPONENT_NAME$1V = "vc-transition-zoom";
+const COMPONENT_NAME$1X = "vc-transition-zoom";
 const TransitionZoom = defineComponent({
-  name: COMPONENT_NAME$1V,
+  name: COMPONENT_NAME$1X,
   props: {
     ...props$1n,
     mode: {
@@ -780,7 +780,7 @@ const TransitionZoom = defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1U = 'vc-alert';
+const COMPONENT_NAME$1W = 'vc-alert';
 // [color, borderColor, backgroundColor], -> CSS
 const THEME_MAP = {
@@ -790,7 +790,7 @@ const THEME_MAP = {
   warning: ['#ffbf00', '#ffe58f', '#fffbe6']
 };
 const Alert = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1U,
+  name: COMPONENT_NAME$1W,
   props: props$1p,
   setup(props, {
     slots,
@@ -889,9 +889,9 @@ const props$1m = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1T = 'vc-artboard';
+const COMPONENT_NAME$1V = 'vc-artboard';
 const Artboard = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1T,
+  name: COMPONENT_NAME$1V,
   props: props$1m,
   setup(props, {
     slots
@@ -930,9 +930,9 @@ const props$1l = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1S = 'vc-spin';
+const COMPONENT_NAME$1U = 'vc-spin';
 const Spin = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1S,
+  name: COMPONENT_NAME$1U,
   props: props$1l,
   setup(props, {
     slots
@@ -983,9 +983,9 @@ const props$1k = {
   exclude: RegExp
 };
-const COMPONENT_NAME$1R = "vc-debounce";
+const COMPONENT_NAME$1T = "vc-debounce";
 const Debounce = defineComponent({
-  name: COMPONENT_NAME$1R,
+  name: COMPONENT_NAME$1T,
   props: props$1k,
   /**
    * 不声明emits使得事件被透传放入attrs中, 这样可以让所有的事件透传
@@ -1057,9 +1057,9 @@ const props$1j = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1Q = 'vc-button';
+const COMPONENT_NAME$1S = 'vc-button';
 const Button = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1Q,
+  name: COMPONENT_NAME$1S,
   emits: ['click'],
   props: props$1j,
   setup(props, {
@@ -1141,9 +1141,9 @@ const props$1i = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1P = 'vc-button-group';
+const COMPONENT_NAME$1R = 'vc-button-group';
 const ButtonGroup = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1P,
+  name: COMPONENT_NAME$1R,
   props: props$1i,
   setup(props, {
     slots
@@ -1177,9 +1177,9 @@ const props$1h = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1O = 'vc-calendar';
+const COMPONENT_NAME$1Q = 'vc-calendar';
 const Calendar = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1O,
+  name: COMPONENT_NAME$1Q,
   props: props$1h,
   setup(props, {
     slots
@@ -1217,9 +1217,9 @@ const props$1g = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1N = 'vc-card';
+const COMPONENT_NAME$1P = 'vc-card';
 const Card = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1N,
+  name: COMPONENT_NAME$1P,
   props: props$1g,
   setup(props, {
     slots
@@ -1255,9 +1255,9 @@ const props$1f = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1M = 'vc-carousel';
+const COMPONENT_NAME$1O = 'vc-carousel';
 const Carousel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1M,
+  name: COMPONENT_NAME$1O,
   props: props$1f,
   setup(props, {
     slots
@@ -1281,9 +1281,9 @@ const props$1e = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1L = 'vc-cascader';
+const COMPONENT_NAME$1N = 'vc-cascader';
 const Cascader = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1L,
+  name: COMPONENT_NAME$1N,
   props: props$1e,
   setup(props, {
     slots
@@ -1352,9 +1352,9 @@ const props$1d = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1K = 'vc-chart';
+const COMPONENT_NAME$1M = 'vc-chart';
 const Chart = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1K,
+  name: COMPONENT_NAME$1M,
   props: props$1d,
   emits: [...EVENTS, 'ready'],
   setup(props, {
@@ -1586,9 +1586,9 @@ const useCheckbox = () => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1J = 'vc-checkbox';
+const COMPONENT_NAME$1L = 'vc-checkbox';
 const Checkbox = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1J,
+  name: COMPONENT_NAME$1L,
   props: props$1c,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -1675,9 +1675,9 @@ const useCheckboxGroup = () => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1I = 'vc-checkbox-group';
+const COMPONENT_NAME$1K = 'vc-checkbox-group';
 const CheckboxGroup = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1I,
+  name: COMPONENT_NAME$1K,
   props: props$1b,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -1695,9 +1695,9 @@ const CheckboxGroup = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1H = 'vcm-checkbox';
+const COMPONENT_NAME$1J = 'vcm-checkbox';
 const MCheckbox = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1H,
+  name: COMPONENT_NAME$1J,
   props: props$1c,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -1737,9 +1737,9 @@ const MCheckbox = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1G = 'vcm-checkbox-group';
+const COMPONENT_NAME$1I = 'vcm-checkbox-group';
 const MCheckboxGroup = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1G,
+  name: COMPONENT_NAME$1I,
   props: props$1b,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -1798,9 +1798,9 @@ const props$19 = {
   }
 };
-const COMPONENT_NAME$1F = "vc-customer";
+const COMPONENT_NAME$1H = "vc-customer";
 const Customer = defineComponent({
-  name: COMPONENT_NAME$1F,
+  name: COMPONENT_NAME$1H,
   props: props$19,
   setup(props, context) {
     return () => h(() => {
@@ -1811,9 +1811,9 @@ const Customer = defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1E = 'vc-message';
+const COMPONENT_NAME$1G = 'vc-message';
 const MessageView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1E,
+  name: COMPONENT_NAME$1G,
   emits: ['before-close', 'close', 'portal-fulfilled'],
   props: props$1a,
   setup(props, {
@@ -1960,7 +1960,7 @@ class PortalLeaf {
   }
 }
-const COMPONENT_NAME$1D = "vc-portal";
+const COMPONENT_NAME$1F = "vc-portal";
 class Portal {
   /**
    * 清理Portals类型组件
@@ -2012,7 +2012,7 @@ class Portal {
     this.wrapper = wrapper;
     this.globalOptions = {
       ...options,
-      name: options?.name || wrapper.name || Utils.getUid(COMPONENT_NAME$1D)
+      name: options?.name || wrapper.name || Utils.getUid(COMPONENT_NAME$1F)
     };
   }
   popup(propsData, options) {
@@ -2111,7 +2111,7 @@ class Portal {
       ...rest
     } = options;
     let useAllNodes = fragment;
-    const name = multiple ? `${name$}__${Utils.getUid(COMPONENT_NAME$1D)}` : name$;
+    const name = multiple ? `${name$}__${Utils.getUid(COMPONENT_NAME$1F)}` : name$;
     const container = document.createElement(tag);
     const root = typeof el === "object" ? el : document.querySelector(el || "body");
     !alive && Portal.leafs.get(name)?.destroy();
@@ -2145,7 +2145,7 @@ class Portal {
     } else {
       const wrapper = this.wrapper;
       const app = createApp({
-        name: COMPONENT_NAME$1D,
+        name: COMPONENT_NAME$1F,
         parent,
         setup() {
           if (alive) {
@@ -2257,13 +2257,13 @@ const props$18 = {
   }
 };
-const COMPONENT_NAME$1C = 'vc-portal-view';
+const COMPONENT_NAME$1E = 'vc-portal-view';
 /**
  * 写法不同，但与vue@2.x 保持一致
  */
 const PortalView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1C,
+  name: COMPONENT_NAME$1E,
   props: props$18,
   setup(props, {
     slots
@@ -2434,9 +2434,9 @@ const useClipboard = (done) => {
   return () => h(props.tag, { onClick: handleClick, class: "vc-clipboard" }, slots?.default?.());
 };
-const COMPONENT_NAME$1B = "vc-clipboard";
+const COMPONENT_NAME$1D = "vc-clipboard";
 const Clipboard$1 = defineComponent({
-  name: COMPONENT_NAME$1B,
+  name: COMPONENT_NAME$1D,
   props: props$17,
   setup() {
     return useClipboard((content) => Message.success({ content }));
@@ -2476,9 +2476,9 @@ const MTransitionZoom = TransitionZoom;
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1A = 'vcm-toast';
+const COMPONENT_NAME$1C = 'vcm-toast';
 const MToastView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1A,
+  name: COMPONENT_NAME$1C,
   emits: ['close', 'portal-fulfilled'],
   props: props$16,
   setup(props, {
@@ -2580,9 +2580,9 @@ 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$1z = "vcm-clipboard";
+const COMPONENT_NAME$1B = "vcm-clipboard";
 const MClipboard$1 = defineComponent({
-  name: COMPONENT_NAME$1z,
+  name: COMPONENT_NAME$1B,
   props: props$17,
   setup() {
     return useClipboard((content) => MToast.info({ content }));
@@ -2614,9 +2614,9 @@ const props$15 = {
   }
 };
-const COMPONENT_NAME$1y = "vc-collapse";
+const COMPONENT_NAME$1A = "vc-collapse";
 const Collapse = defineComponent({
-  name: COMPONENT_NAME$1y,
+  name: COMPONENT_NAME$1A,
   props: props$15,
   emits: ["update:moodelValue", "change"],
   setup(props, { slots, emit }) {
@@ -2730,12 +2730,12 @@ const props$13 = {
 /** @jsxImportSource vue */
-function _isSlot$3(s) {
+function _isSlot$2(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
-const COMPONENT_NAME$1x = 'vc-expand';
+const COMPONENT_NAME$1z = 'vc-expand';
 const Expand$1 = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1x,
+  name: COMPONENT_NAME$1z,
   props: props$13,
   setup(props, {
     slots
@@ -2754,7 +2754,7 @@ const Expand$1 = /* @__PURE__ */ defineComponent({
           enter: 200,
           leave: 200
         }
-      }, _isSlot$3(_slot = withDirectives(createVNode(Content, null, {
+      }, _isSlot$2(_slot = withDirectives(createVNode(Content, null, {
         default: () => [(props.alive || !props.alive && isActive.value) && slots.default?.()]
       }), [[vShow, isActive.value]])) ? _slot : {
         default: () => [_slot]
@@ -2765,9 +2765,9 @@ const Expand$1 = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1w = 'vc-collapse-item';
+const COMPONENT_NAME$1y = 'vc-collapse-item';
 const CollapseItem = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1w,
+  name: COMPONENT_NAME$1y,
   props: props$14,
   setup(props, {
     slots,
@@ -2842,9 +2842,9 @@ const props$12 = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1v = 'vc-color-picker';
+const COMPONENT_NAME$1x = 'vc-color-picker';
 const ColorPicker = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1v,
+  name: COMPONENT_NAME$1x,
   props: props$12,
   setup(props, {
     slots
@@ -2868,9 +2868,9 @@ const props$11 = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1u = 'vc-countdown';
+const COMPONENT_NAME$1w = 'vc-countdown';
 const Countdown = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1u,
+  name: COMPONENT_NAME$1w,
   props: props$11,
   setup(props, {
     slots
@@ -3320,9 +3320,9 @@ const useNativeEmitter = (input, expose) => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1t = 'vc-input';
+const COMPONENT_NAME$1v = 'vc-input';
 const Input = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1t,
+  name: COMPONENT_NAME$1v,
   inheritAttrs: false,
   props: {
     ...props$$,
@@ -3335,7 +3335,8 @@ const Input = /* @__PURE__ */ defineComponent({
   emits: ['update:modelValue', 'input', 'change', 'focus', 'blur', 'clear', 'paste', 'keydown', 'keypress', 'keyup', 'enter', 'tip'],
   setup(props, {
     slots,
-    expose
+    expose,
+    attrs
   }) {
     const input = ref();
     useNativeEmitter(input, expose);
@@ -3402,9 +3403,9 @@ const Input = /* @__PURE__ */ defineComponent({
         }, classes.value]
       }, [slots.prepend?.() || props.prepend && createVNode(Icon, {
         "type": props.prepend
-      }, null)]), createVNode("div", {
+      }, null)]), createVNode("div", mergeProps({
         "class": ['vc-input__content', classes.value]
-      }, [slots.content?.() || renderInput(false)]), !props.disabled && props.clearable && createVNode(TransitionFade, null, {
+      }, slots.content ? it.value.listeners : {}), [slots.content ? slots.content() : renderInput(false)]), !props.disabled && props.clearable && createVNode(TransitionFade, null, {
         default: () => [createVNode(Icon, {
           "class": "vc-input__icon-clear",
           "type": "clear",
@@ -3656,9 +3657,9 @@ const useInputNumber = () => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1s = 'vc-input-number';
+const COMPONENT_NAME$1u = 'vc-input-number';
 const InputNumber = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1s,
+  name: COMPONENT_NAME$1u,
   props: props$X,
   inheritAttrs: false,
   setup(props, {
@@ -3722,9 +3723,9 @@ const props$W = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1r = 'vc-input-search';
+const COMPONENT_NAME$1t = 'vc-input-search';
 const InputSearch = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1r,
+  name: COMPONENT_NAME$1t,
   props: props$W,
   inheritAttrs: false,
   setup(props, {
@@ -4012,12 +4013,9 @@ const usePos = () => {
 /** @jsxImportSource vue */
-function _isSlot$2(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
-}
-const COMPONENT_NAME$1q = 'vc-popover-wrapper';
+const COMPONENT_NAME$1s = 'vc-popover-wrapper';
 const PopoverWrapper = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1q,
+  name: COMPONENT_NAME$1s,
   props: props$_,
   emits: ['portal-fulfilled', 'close'],
   setup(props, {
@@ -4079,7 +4077,12 @@ const PopoverWrapper = /* @__PURE__ */ defineComponent({
         return container;
       }
     };
-    const setPopupStyle = () => {
+    /**
+     * 添加debounce解决连续setPopupStyle的情况
+     * 待排查
+     */
+    const setPopupStyle = debounce(() => {
       if (!vnode.el) return;
       const triggerEl = getHackContainer();
       const {
@@ -4109,13 +4112,15 @@ const PopoverWrapper = /* @__PURE__ */ defineComponent({
       fitPos.value = result;
       wrapperStyle.value = $wrapperStyle;
       arrowStyle.value = $arrowStyle;
       // 自适应高度
       if (props.autoWidth) return;
       wrapperW.value = {
         width: `${triggerEl.getBoundingClientRect().width}px`
       };
-    };
+    }, 50, {
+      leading: true,
+      trailing: false
+    });
     let timer;
     let isPressMouse = false;
     const handleTriggerChange = e => {
@@ -4170,7 +4175,7 @@ const PopoverWrapper = /* @__PURE__ */ defineComponent({
       switch (direction[0]) {
         case 'top':
         case 'bottom':
-          if (left + vnode.el.offsetWidth >= window.innerWidth) {
+          if (left + vnode.el.offsetWidth > window.innerWidth) {
             wrapperStyle.value = {
               ...wrapperStyle.value,
               left: `${window.innerWidth - vnode.el.offsetWidth}px`
@@ -4230,7 +4235,6 @@ const PopoverWrapper = /* @__PURE__ */ defineComponent({
       }
     });
     return () => {
-      let _slot;
       return createVNode(TransitionScale, {
         "mode": props.animation || 'part',
         "duration": {
@@ -4238,38 +4242,40 @@ const PopoverWrapper = /* @__PURE__ */ defineComponent({
           leave: 150
         },
         "onAfterLeave": handleRemove
-      }, _isSlot$2(_slot = withDirectives(createVNode("div", {
-        "style": [wrapperStyle.value, wrapperW.value, props.portalStyle],
-        "class": [wrapperClasses.value, props.portalClass, 'vc-popover-wrapper'],
-        "onMousedown": () => !props.hover && handleMouseDown(),
-        "onMouseenter": e => props.hover && handleChange(e, {
-          visible: true
-        }),
-        "onMouseleave": e => props.hover && handleChange(e, {
-          visible: false
-        })
-      }, [createVNode("div", {
-        "class": [themeClasses.value, 'vc-popover-wrapper__container']
-      }, [props.arrow && createVNode("div", {
-        "style": arrowStyle.value,
-        "class": [themeClasses.value, posClasses.value, 'vc-popover-wrapper__arrow']
-      }, null), slots.content ? slots.content() : typeof props.content === 'function' ? createVNode(Customer, {
-        "render": props.content
-      }, null) : createVNode("div", {
-        "innerHTML": props.content
-      }, null)])]), [[vShow, isActive.value]])) ? _slot : {
-        default: () => [_slot]
+      }, {
+        default: () => [withDirectives(createVNode("div", {
+          "style": [wrapperStyle.value, wrapperW.value, props.portalStyle],
+          "class": [wrapperClasses.value, props.portalClass, 'vc-popover-wrapper'],
+          "onMousedown": () => !props.hover && handleMouseDown(),
+          "onMouseenter": e => props.hover && handleChange(e, {
+            visible: true
+          }),
+          "onMouseleave": e => props.hover && handleChange(e, {
+            visible: false
+          })
+        }, [createVNode("div", {
+          "class": [themeClasses.value, 'vc-popover-wrapper__container']
+        }, [props.arrow && createVNode("div", {
+          "style": arrowStyle.value,
+          "class": [themeClasses.value, posClasses.value, 'vc-popover-wrapper__arrow']
+        }, null), slots.content ? slots.content() : typeof props.content === 'function' ? createVNode(Customer, {
+          "render": props.content
+        }, null) : createVNode("div", {
+          "innerHTML": props.content
+        }, null)])]), [[vShow, isActive.value]])]
       });
     };
   }
 });
-const PopoverPortal = new Portal(PopoverWrapper);
+const PopoverPortal = new Portal(PopoverWrapper, {
+  leaveDelay: 0
+});
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1p = 'vc-popover';
+const COMPONENT_NAME$1r = 'vc-popover';
 const Popover$1 = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1p,
+  name: COMPONENT_NAME$1r,
   props: props$Z,
   emits: ['update:modelValue', 'visible-change', 'ready', 'close'],
   setup(props, {
@@ -5370,9 +5376,9 @@ const getTimeType = type => {
   }
   return view;
 };
-const COMPONENT_NAME$1o = 'vc-date-confirm';
+const COMPONENT_NAME$1q = 'vc-date-confirm';
 const Confirm = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1o,
+  name: COMPONENT_NAME$1q,
   props: {
     showTime: {
       type: Boolean,
@@ -5436,9 +5442,9 @@ const Confirm = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1n = 'vc-date-header';
+const COMPONENT_NAME$1p = 'vc-date-header';
 const DateHeader = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1n,
+  name: COMPONENT_NAME$1p,
   props: {
     panelDate: Date,
     showNext: {
@@ -5522,9 +5528,9 @@ const DateHeader = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1m = 'vc-date-table';
+const COMPONENT_NAME$1o = 'vc-date-table';
 const DateTable = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1m,
+  name: COMPONENT_NAME$1o,
   props: {
     value: Array,
     firstDayOfWeek: {
@@ -5733,9 +5739,9 @@ const DateTable = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1l = 'vc-month-table';
+const COMPONENT_NAME$1n = 'vc-month-table';
 const MonthTable = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1l,
+  name: COMPONENT_NAME$1n,
   props: {
     value: Array,
     panelDate: Date,
@@ -5867,7 +5873,7 @@ const MonthTable = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1k = 'vc-quarter-table';
+const COMPONENT_NAME$1m = 'vc-quarter-table';
 /**
  * 获取季度对应的月份范围
@@ -5901,7 +5907,7 @@ const getQuarterRangeByMonth = value => {
   }
 };
 const QuarterTable = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1k,
+  name: COMPONENT_NAME$1m,
   props: {
     value: Array,
     panelDate: Date,
@@ -6024,9 +6030,9 @@ const QuarterTable = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1j = 'vc-shortcuts-select';
+const COMPONENT_NAME$1l = 'vc-shortcuts-select';
 const ShortcutsSelect = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1j,
+  name: COMPONENT_NAME$1l,
   props: {
     panelDate: Date,
     config: Array,
@@ -6066,9 +6072,9 @@ const ShortcutsSelect = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1i = 'vc-time-select';
+const COMPONENT_NAME$1k = 'vc-time-select';
 const TimeSelect = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1i,
+  name: COMPONENT_NAME$1k,
   props: {
     hours: {
       type: [Number, String],
@@ -6347,9 +6353,9 @@ const TimeSelect = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1h = 'vc-year-table';
+const COMPONENT_NAME$1j = 'vc-year-table';
 const YearTable = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1h,
+  name: COMPONENT_NAME$1j,
   props: {
     value: Array,
     panelDate: Date,
@@ -6472,9 +6478,9 @@ const getDateIsInRange = (value, type, leftPanelDate, rightPanelDate) => {
   }
   return true;
 };
-const COMPONENT_NAME$1g = 'vc-date-range-panel';
+const COMPONENT_NAME$1i = 'vc-date-range-panel';
 const DateRangePanel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1g,
+  name: COMPONENT_NAME$1i,
   props: {
     ...props$V,
     confirm: {
@@ -6853,9 +6859,9 @@ const DateRangePanel = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1f = 'vc-date-panel';
+const COMPONENT_NAME$1h = 'vc-date-panel';
 const DatePanel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1f,
+  name: COMPONENT_NAME$1h,
   props: {
     ...props$V,
     type: String,
@@ -7063,9 +7069,9 @@ const isEqualYear$1 = value => {
   const endYear = value[1].getFullYear();
   return startYear === endYear;
 };
-const COMPONENT_NAME$1e = 'vc-monthrange-panel';
+const COMPONENT_NAME$1g = 'vc-monthrange-panel';
 const MonthRangePanel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1e,
+  name: COMPONENT_NAME$1g,
   props: {
     ...props$V,
     confirm: {
@@ -7240,9 +7246,9 @@ const isEqualYear = value => {
   const endYear = value[1].getFullYear();
   return startYear === endYear;
 };
-const COMPONENT_NAME$1d = 'vc-quarterrange-panel';
+const COMPONENT_NAME$1f = 'vc-quarterrange-panel';
 const QuarterRangePanel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1d,
+  name: COMPONENT_NAME$1f,
   props: {
     ...props$V,
     confirm: {
@@ -7481,9 +7487,9 @@ const getComparedDate = (leftDate, rightDate) => {
     seconds
   };
 };
-const COMPONENT_NAME$1c = 'vc-timerange-panel';
+const COMPONENT_NAME$1e = 'vc-timerange-panel';
 const TimeRangePanel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1c,
+  name: COMPONENT_NAME$1e,
   props: props$U,
   emits: ['pick', 'clear', 'ok'],
   setup(props, {
@@ -7582,9 +7588,9 @@ const TimeRangePanel = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1b = 'vc-time-panel';
+const COMPONENT_NAME$1d = 'vc-time-panel';
 const TimePanel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1b,
+  name: COMPONENT_NAME$1d,
   props: props$U,
   emits: ['pick', 'clear', 'ok'],
   setup(props, {
@@ -7639,7 +7645,7 @@ const TimePanel = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1a = 'vc-date-picker';
+const COMPONENT_NAME$1c = 'vc-date-picker';
 const getPanel$1 = type => {
   if (['daterange', 'datetimerange'].includes(type)) {
     return DateRangePanel;
@@ -7650,7 +7656,7 @@ const getPanel$1 = type => {
   }
   return DatePanel;
 };
-const DatePicker = createPicker(COMPONENT_NAME$1a, props$10, () => {
+const DatePicker = createPicker(COMPONENT_NAME$1c, props$10, () => {
   const props = getCurrentInstance().props;
   const icon = ref('date');
   const panel = shallowRef({});
@@ -7683,9 +7689,9 @@ const props$T = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$19 = 'vc-divider';
+const COMPONENT_NAME$1b = 'vc-divider';
 const Divider = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$19,
+  name: COMPONENT_NAME$1b,
   props: props$T,
   setup(props, {
     slots
@@ -7840,7 +7846,7 @@ const props$Q = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$18 = 'vc-scroller-track';
+const COMPONENT_NAME$1a = 'vc-scroller-track';
 const BAR_MAP = {
   vertical: {
     scroll: 'scrollTop',
@@ -7860,7 +7866,7 @@ const BAR_MAP = {
   }
 };
 const Track = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$18,
+  name: COMPONENT_NAME$1a,
   props: props$S,
   emits: ['change'],
   inheritAttrs: false,
@@ -8050,9 +8056,9 @@ const Track = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$17 = 'vc-scroller-bar';
+const COMPONENT_NAME$19 = 'vc-scroller-bar';
 const Bar = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$17,
+  name: COMPONENT_NAME$19,
   props: props$R,
   emits: ['change'],
   setup(props, {
@@ -8267,7 +8273,7 @@ const useScroller = (expose) => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$16 = 'vc-scroller';
+const COMPONENT_NAME$18 = 'vc-scroller';
 /**
  * 作为备选方案,目前推荐使用ScrollerWheel
@@ -8278,7 +8284,7 @@ const COMPONENT_NAME$16 = 'vc-scroller';
  * 2. 增加了一层嵌套
  */
 const Scroller = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$16,
+  name: COMPONENT_NAME$18,
   props: props$Q,
   emits: ['scroll'],
   setup(props, {
@@ -8339,7 +8345,7 @@ const Scroller = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$15 = 'vc-scroller-wheel';
+const COMPONENT_NAME$17 = 'vc-scroller-wheel';
 /**
  * 为减少一层嵌套，为去除滚动bar的抖动，使用wheel模拟
@@ -8361,7 +8367,7 @@ const COMPONENT_NAME$15 = 'vc-scroller-wheel';
  * 设置scrollTop不会reflow和repaint，不需要考虑transfrom来改变content（transform也只在draw完成）
  */
 const ScrollerWheel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$15,
+  name: COMPONENT_NAME$17,
   props: Object.assign(props$Q, {
     stopPropagation: {
       type: Boolean,
@@ -8550,9 +8556,9 @@ const props$P = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$14 = 'vc-drawer';
+const COMPONENT_NAME$16 = 'vc-drawer';
 const DrawerView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$14,
+  name: COMPONENT_NAME$16,
   props: props$P,
   emits: ['close', 'update:modelValue', 'visible-change'],
   setup(props, {
@@ -8720,30 +8726,178 @@ const MDrawer = Drawer;
 const MDrawerView = DrawerView;
 const props$O = {
-  tag: {
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  portalClass: [String, Object],
+  placement: {
     type: String,
-    default: "div"
+    default: "bottom"
+  },
+  trigger: {
+    type: String,
+    default: "hover"
+  },
+  arrow: {
+    type: Boolean,
+    default: false
   }
 };
 /** @jsxImportSource vue */
-const COMPONENT_NAME$13 = 'vc-dropdown';
+const COMPONENT_NAME$15 = 'vc-dropdown';
 const Dropdown = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$13,
+  name: COMPONENT_NAME$15,
   props: props$O,
+  inheritAttrs: false,
+  emits: ['update:modelValue', 'ready', 'close', 'visible-change', 'click'],
   setup(props, {
+    slots,
+    emit,
+    expose
+  }) {
+    const its = useAttrs({
+      merge: false
+    });
+    const isActive = ref(false);
+    const dropdownId = ref(getUid('dropdown'));
+    const inherit = computed(() => {
+      return {
+        style: its.value.style,
+        class: its.value.class
+      };
+    });
+    const attrs = computed(() => {
+      return its.value.attrs;
+    });
+    watch(() => props.modelValue, v => {
+      isActive.value = v;
+    }, {
+      immediate: true
+    });
+    /**
+     * v-model 同步, 外部的数据改变时不会触发
+     */
+    const sync = () => {
+      emit('update:modelValue', isActive.value);
+      emit('visible-change', isActive.value);
+    };
+    const handleChange = v => {
+      isActive.value = v;
+      sync();
+    };
+    const close = () => {
+      isActive.value = false;
+      sync();
+    };
+    expose({
+      close,
+      dropdownId
+    });
+    return () => {
+      return createVNode(Popover, mergeProps(attrs.value, {
+        "modelValue": isActive.value,
+        "placement": props.placement,
+        "trigger": props.trigger,
+        "arrow": props.arrow,
+        "portalClass": ['is-padding-none', 'vc-dropdown-wrapper', props.portalClass],
+        "class": ['vc-dropdown', inherit.value.class],
+        "style": inherit.value.style,
+        "onReady": () => emit('ready'),
+        "onClose": () => emit('close'),
+        "onVisibleChange": handleChange
+      }), {
+        default: () => slots?.default?.(),
+        content: () => slots?.content?.()
+      });
+    };
+  }
+});
+/** @jsxImportSource vue */
+const COMPONENT_NAME$14 = 'vc-dropdown-menu';
+const DropdownMenu = /* @__PURE__ */ defineComponent({
+  name: COMPONENT_NAME$14,
+  setup(_, {
     slots
   }) {
     return () => {
-      return createVNode("div", {
-        "class": "vc-dropdown"
+      return createVNode("ul", {
+        "class": "vc-dropdown-menu"
       }, [slots?.default?.()]);
     };
   }
 });
+/** @jsxImportSource vue */
+const COMPONENT_NAME$13 = 'vc-dropdown-item';
+const DropdownItem = /* @__PURE__ */ defineComponent({
+  name: COMPONENT_NAME$13,
+  props: {
+    value: {
+      type: [String, Number],
+      value: undefined
+    },
+    label: {
+      type: [String, Number],
+      value: undefined
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    selected: {
+      type: Boolean,
+      default: false
+    },
+    divided: {
+      type: Boolean,
+      default: false
+    },
+    closable: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const owner = getInstance('dropdown', 'dropdownId');
+    const currentValue = computed(() => {
+      const v = typeof props.value === 'undefined' || props.value === '' ? props.label : props.value;
+      return v;
+    });
+    const classes = computed(() => {
+      return {
+        'is-selected': props.selected,
+        'is-divided': props.divided,
+        'is-disabled': props.disabled
+      };
+    });
+    const handleClick = e => {
+      if (props.disabled) return;
+      emit('click', currentValue.value, e);
+      owner.emit('click', currentValue.value, e);
+      props.closable && owner.exposed?.close();
+    };
+    return () => {
+      return createVNode("li", {
+        "class": [classes.value, 'vc-dropdown-item'],
+        "onClick": handleClick
+      }, [slots.default ? slots.default?.() : props.label]);
+    };
+  }
+});
 const MDropdown = Dropdown;
+const MDropdownMenu = DropdownMenu;
+const MDropdownItem = DropdownItem;
 const props$N = {
   tag: {
@@ -9029,6 +9183,8 @@ const useFormItem = (expose) => {
       "is-validating": validateState.value === "validating",
       "is-inline": form.props.inline,
       "is-nest": isNest.value,
+      "is-alone": !props.showMessage,
+      // 用于单独去除form-item的默认margin_bottom
       [`is-${labelPosition.value}`]: true
     };
   });
@@ -10428,6 +10584,9 @@ const props$z = {
     type: Boolean,
     default: false
   },
+  // draggable为true时有效
+  x: Number,
+  y: Number,
   okText: {
     type: [String, Boolean],
     default: "确定"
@@ -10485,8 +10644,8 @@ const ModalView = /* @__PURE__ */ defineComponent({
     const header = shallowRef();
     const scroller = shallowRef();
     const resizer = shallowRef();
-    const x = ref(0);
-    const y = ref(0);
+    const x = ref(props.x);
+    const y = ref(props.y);
     const isActive = ref(false);
     // 注: 服务端渲染为0, 在客服端激活前，展示端存在问题【高度不定】
@@ -10528,8 +10687,8 @@ const ModalView = /* @__PURE__ */ defineComponent({
     });
     const draggableStyle = computed(() => {
       if (IS_SERVER$1 || !props.draggable) return {};
-      const left = x.value || window.innerWidth / 2 - defaultSize.value.width / 2;
-      const top = y.value || window.innerHeight / 2 - defaultSize.value.height / 2;
+      const left = typeof x.value === 'undefined' ? window.innerWidth / 2 - defaultSize.value.width / 2 : x.value;
+      const top = typeof y.value === 'undefined' ? window.innerHeight / 2 - defaultSize.value.height / 2 : y.value;
       return {
         left: `${left}px`,
         top: `${top}px`
@@ -12126,10 +12285,49 @@ const Picker = /* @__PURE__ */ defineComponent({
 const MPicker = Picker;
 const props$p = {
-  tag: {
+  title: {
+    type: [String, Function],
+    default: ""
+  },
+  content: {
+    type: [String, Function],
+    default: ""
+  },
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  placement: {
     type: String,
-    default: "div"
-  }
+    default: "top"
+  },
+  trigger: {
+    type: String,
+    default: "click"
+  },
+  okText: {
+    type: String,
+    default: "确定"
+  },
+  cancelText: {
+    type: String,
+    default: "取消"
+  },
+  okType: {
+    type: String,
+    default: "primary"
+  },
+  cancelType: {
+    type: String,
+    default: "default"
+  },
+  type: {
+    type: String,
+    default: "warning",
+    validator: (v) => /(warning|info|success|error)/.test(v)
+  },
+  width: [String, Number],
+  portalClass: [String, Object]
 };
 /** @jsxImportSource vue */
@@ -12138,13 +12336,125 @@ const COMPONENT_NAME$C = 'vc-popconfirm';
 const Popconfirm = /* @__PURE__ */ defineComponent({
   name: COMPONENT_NAME$C,
   props: props$p,
+  inheritAttrs: false,
+  emits: ['update:modelValue', 'visible-change', 'ready', 'close', 'cancel', 'ok'],
   setup(props, {
-    slots
+    slots,
+    emit
   }) {
+    const instance = getCurrentInstance();
+    const its = useAttrs({
+      merge: false
+    });
+    const isActive = ref(false);
+    const contentStyle = computed(() => {
+      return props.content || !!slots.content ? {
+        marginBottom: '15px'
+      } : {};
+    });
+    const inherit = computed(() => {
+      return {
+        style: its.value.style,
+        class: its.value.class
+      };
+    });
+    const attrs = computed(() => {
+      return its.value.attrs;
+    });
+    watch(() => props.modelValue, v => {
+      isActive.value = v;
+    }, {
+      immediate: true
+    });
+    /**
+     * v-model 同步, 外部的数据改变时不会触发
+     */
+    const sync = () => {
+      emit('update:modelValue', isActive.value);
+      emit('visible-change', isActive.value);
+    };
+    const handleBefore = (e, hook) => {
+      e.stopPropagation();
+      e.preventDefault();
+      if (!isActive.value) return;
+      const fn = hook && hook(e);
+      if (fn && fn.then) {
+        return fn.then(res => {
+          isActive.value = false;
+          sync();
+          return res;
+        });
+      } else if (!fn || fn === true) {
+        isActive.value = false;
+        sync();
+      }
+    };
+    const handleOk = (...rest) => {
+      const ok = instance.vnode.props?.onOk || (() => {});
+      return ok(...rest);
+    };
+    const handleCancel = (...rest) => {
+      const cancel = instance.vnode.props?.onCancel || (() => {});
+      return cancel(...rest);
+    };
+    const handleChange = v => {
+      isActive.value = v;
+      sync();
+    };
     return () => {
-      return createVNode("div", {
-        "class": "vc-popconfirm"
-      }, [slots?.default?.()]);
+      return createVNode(Popover, mergeProps(attrs.value, {
+        "modelValue": isActive.value,
+        "placement": props.placement,
+        "trigger": props.trigger,
+        "portalClass": ['is-padding-none', 'vc-popconfirm-wrapper', props.portalClass],
+        "class": ['vc-popconfirm', inherit.value.class],
+        "style": inherit.value.style,
+        "onReady": () => emit('ready'),
+        "onClose": () => emit('close'),
+        "onVisibleChange": handleChange
+      }), {
+        default: () => slots?.default?.(),
+        content: () => {
+          return createVNode("div", {
+            "style": [{
+              width: `${props.width}px`
+            }],
+            "class": "vc-popconfirm__wrapper"
+          }, [createVNode("div", {
+            "class": "vc-popconfirm__title"
+          }, [slots.icon ? slots.icon() : createVNode(Icon, {
+            "type": props.type,
+            "class": [`is-${props.type}`, 'vc-popconfirm__icon']
+          }, null), createVNode("div", null, [slots.title ? slots.title() : typeof props.title === 'string' ? createVNode("div", {
+            "innerHTML": props.title
+          }, null) : typeof props.title === 'function' ? createVNode(Customer, {
+            "render": props.title
+          }, null) : null])]), createVNode("div", {
+            "style": contentStyle.value,
+            "class": "vc-popconfirm__content"
+          }, [slots.content ? slots.content() : typeof props.content === 'string' ? createVNode("div", {
+            "innerHTML": props.content
+          }, null) : typeof props.content === 'function' ? createVNode(Customer, {
+            "render": props.content
+          }, null) : null]), createVNode("div", {
+            "class": "vc-popconfirm__footer"
+          }, [createVNode(Button, {
+            "type": props.cancelType,
+            "style": "margin-right: 8px;",
+            "size": "small",
+            "onClick": e => handleBefore(e, handleCancel)
+          }, {
+            default: () => [props.cancelText]
+          }), createVNode(Button, {
+            "type": props.okType,
+            "size": "small",
+            "onClick": e => handleBefore(e, handleOk)
+          }, {
+            default: () => [props.okText]
+          })])]);
+        }
+      });
     };
   }
 });
@@ -13751,6 +14061,18 @@ const props$d = {
   uncheckedText: {
     type: String,
     default: ""
+  },
+  width: {
+    type: Number,
+    default: 36
+  },
+  height: {
+    type: Number,
+    default: 20
+  },
+  borderWidth: {
+    type: Number,
+    default: 1
   }
 };
@@ -13833,28 +14155,65 @@ const Switch = /* @__PURE__ */ defineComponent({
     expose
   }) {
     const {
+      checked,
       classes,
       currentValue,
       isLoading,
       handleToggle
     } = useSwitch(expose);
+    const size = computed(() => {
+      return props.height - props.borderWidth * 4;
+    });
+    const lefts = computed(() => {
+      return {
+        inner: checked.value ? props.width - props.borderWidth * 3 - size.value : props.borderWidth,
+        loading: checked.value ? props.height - props.borderWidth * 2 : props.borderWidth * 2
+      };
+    });
+    const contentOffset = computed(() => {
+      return Math.max(props.height / 2, size.value) + props.borderWidth * 2;
+    });
     return () => {
-      return createVNode("span", {
-        "class": [classes.value, 'vc-switch'],
+      return createVNode("div", {
+        "style": {
+          width: `${props.width}px`
+        },
+        "class": [classes.value, 'vc-switch']
+      }, [createVNode("span", {
+        "style": {
+          height: `${props.height}px`,
+          borderWidth: `${props.borderWidth}px`
+        },
+        "class": "vc-switch__wrapper",
         "onClick": handleToggle
       }, [createVNode("input", {
         "name": props.name,
         "value": currentValue.value,
         "type": "hidden"
       }, null), createVNode("span", {
-        "class": "vc-switch__content"
+        "class": "vc-switch__content",
+        "style": {
+          left: `${checked.value ? props.height / 4 : contentOffset.value}px`,
+          right: `${checked.value ? contentOffset.value : props.height / 4}px`,
+          top: 0,
+          bottom: 0
+        }
       }, [currentValue.value === props.checkedValue ? slots.checked ? slots.checked() : props.checkedText : null, currentValue.value === props.uncheckedValue ? slots.unchecked ? slots.unchecked() : props.uncheckedText : null]), createVNode("span", {
-        "class": "vc-switch__inner"
+        "class": "vc-switch__inner",
+        "style": {
+          width: `${size.value}px`,
+          height: `${size.value}px`,
+          left: `${lefts.value.inner}px`,
+          top: `${props.borderWidth}px`
+        }
       }, null), isLoading.value && createVNode(Spin, {
         "size": 14,
         "foreground": "#fff",
-        "class": "vc-switch__loading"
-      }, null)]);
+        "class": "vc-switch__loading",
+        "style": {
+          left: `${lefts.value.loading}px`
+        }
+      }, null)])]);
     };
   }
 });
@@ -15013,6 +15372,79 @@ const NormalList = /* @__PURE__ */ defineComponent({
   }
 });
+const HIDDEN_TEXT_STYLE = `
+	position: absolute!important;
+	word-break: break-all!important;
+	overflow: auto!important;
+	opacity: 1!important;
+	z-index: -1000!important;
+	top: 0!important;
+	right: 100px!important;
+`;
+const SIZING_STYLE$1 = [
+  "letter-spacing",
+  "line-height",
+  "padding-top",
+  "padding-bottom",
+  "font-family",
+  "font-weight",
+  "font-size",
+  "text-rendering",
+  "text-transform",
+  "width",
+  // 'text-indent', // 需要额外计算
+  "padding-left",
+  "padding-right",
+  "border-width",
+  "box-sizing"
+];
+let hiddenEl$1;
+const getFitIndex = (options = {}) => {
+  const { el, line, value, suffix, indent = 0 } = options;
+  let lineHeight = parseInt(getStyle(el, "line-height"), 10);
+  if (!hiddenEl$1) {
+    hiddenEl$1 = document.createElement("div");
+    document.body.appendChild(hiddenEl$1);
+  }
+  el.getAttribute("wrap") ? hiddenEl$1.setAttribute("wrap", el.getAttribute("wrap")) : hiddenEl$1.removeAttribute("wrap");
+  const {
+    paddingSize,
+    borderSize,
+    boxSizing,
+    sizingStyle
+  } = Utils$1.getComputedStyle(el, SIZING_STYLE$1);
+  const textIndent = `text-indent: ${parseInt(getStyle(el, "text-indent"), 10) + indent}px;`;
+  hiddenEl$1.setAttribute("style", `${sizingStyle};${textIndent};${HIDDEN_TEXT_STYLE}`);
+  let sideHeight = paddingSize || 0;
+  boxSizing === "border-box" && (sideHeight += borderSize);
+  if (Number.isNaN(lineHeight)) {
+    hiddenEl$1.innerText = ".";
+    lineHeight = hiddenEl$1.clientHeight - sideHeight;
+  }
+  let endIndex = -1;
+  const strs = (typeof value === "number" ? `${value}` : value || "").split("");
+  let innerText = "";
+  for (let i = 0; i < strs.length; i++) {
+    innerText += strs[i];
+    hiddenEl$1.innerText = innerText;
+    if (endIndex === -1 && hiddenEl$1.clientHeight - sideHeight > lineHeight * line) {
+      endIndex = i;
+      break;
+    }
+  }
+  if (endIndex >= 0 && endIndex <= strs.length - 1) {
+    for (let i = endIndex - 1; i >= 0; i--) {
+      innerText = innerText.substring(0, i);
+      hiddenEl$1.innerText = innerText + suffix;
+      if (hiddenEl$1.clientHeight - sideHeight <= lineHeight * line) {
+        endIndex = i;
+        break;
+      }
+    }
+  }
+  return endIndex;
+};
 const TableBody = /* @__PURE__ */ defineComponent({
   name: 'vc-table-body',
   props: {
@@ -15121,10 +15553,13 @@ const TableBody = /* @__PURE__ */ defineComponent({
           column
         });
       }
-      return cellStyle;
+      return {
+        ...cellStyle,
+        ...column.style
+      };
     };
     const getCellClass = (rowIndex, columnIndex, row, column) => {
-      const classes = [column.realAlign, column.className];
+      const classes = [column.realAlign, column.class];
       if (isColumnHidden(columnIndex)) {
         classes.push('is-hidden');
       }
@@ -15141,24 +15576,44 @@ const TableBody = /* @__PURE__ */ defineComponent({
       }
       return classes.join(' ');
     };
-    const handleCellMouseEnter = (e, row) => {
+    let poper;
+    const handleCellMouseEnter = (e, row, column) => {
       const cell = getCell(e);
+      const hoverState = {
+        cell,
+        column,
+        row
+      };
       if (cell) {
-        const column = getColumnByCell(states.columns, cell);
-        const hoverState = {
-          cell,
-          column,
-          row
-        };
         table.hoverState.value = hoverState;
         table.emit('cell-mouse-enter', hoverState.row, hoverState.column, hoverState.cell, e);
       }
+      // 判断是否text-overflow, 如果是就显示tooltip
+      const el = e.target.querySelector('.vc-table__text-line');
+      if (!el) return;
+      const value = `${row[column.prop]}`;
+      const endIndex = getFitIndex({
+        el,
+        value,
+        line: column.line,
+        suffix: '...'
+      });
+      if (endIndex > 0 && endIndex < value.length - 1) {
+        poper && poper.destroy();
+        poper = Popover.open({
+          el: document.body,
+          triggerEl: el,
+          hover: true,
+          alone: true,
+          autoWidth: true,
+          content: value
+        });
+      }
     };
-    const handleCellMouseLeave = e => {
+    const handleCellMouseLeave = (e, row, column) => {
       const cell = getCell(e);
       if (!cell) return;
-      const oldHoverState = table.hoverState.value || {};
-      table.emit('cell-mouse-leave', oldHoverState.row, oldHoverState.column, oldHoverState.cell, e);
+      table.emit('cell-mouse-leave', row, column, cell, e);
     };
     const handleMouseEnter = debounce(index => {
       table.store.setHoverRow(index);
@@ -15229,8 +15684,8 @@ const TableBody = /* @__PURE__ */ defineComponent({
           "key": column.id,
           "style": [getCellStyle(rowIndex, columnIndex, row, column), sizeStyle],
           "class": [getCellClass(rowIndex, columnIndex, row, column), 'vc-table__td'],
-          "onMouseenter": e => handleCellMouseEnter(e, row),
-          "onMouseleave": e => handleCellMouseLeave(e)
+          "onMouseenter": e => handleCellMouseEnter(e, row, column),
+          "onMouseleave": e => handleCellMouseLeave(e, row, column)
         }, [renderCell({
           row,
           column,
@@ -15286,7 +15741,11 @@ const TableBody = /* @__PURE__ */ defineComponent({
         allowRender.value = true;
       }
     });
-    onBeforeUnmount(() => (timer && clearTimeout(timer), allowRender.value = false));
+    onBeforeUnmount(() => {
+      poper && poper.destroy();
+      timer && clearTimeout(timer);
+      allowRender.value = false;
+    });
     return () => {
       if (!allowRender.value) return;
       return createVNode("div", {
@@ -15413,10 +15872,13 @@ const TableHeader = /* @__PURE__ */ defineComponent({
           column
         });
       }
-      return headerCellStyle;
+      return {
+        ...headerCellStyle,
+        ...column.style
+      };
     };
     const getHeaderCellClass = (rowIndex, columnIndex, row, column) => {
-      const classes = [column.id, column.order, column.realHeaderAlign, column.className, column.labelClass];
+      const classes = [column.id, column.order, column.realHeaderAlign, column.class, column.labelClass];
       if (rowIndex === 0 && columnsHidden.value[columnIndex]) {
         classes.push('is-hidden');
       }
@@ -16351,210 +16813,19 @@ const Table = /* @__PURE__ */ defineComponent({
   }
 });
-const props$b = {
-  tag: {
-    type: String,
-    default: "div"
-  },
-  value: {
-    type: String,
-    default: ""
-  },
-  line: {
-    type: Number,
-    default: 0
-  },
-  // TODO: 是否改为tail-indent来表示尾部缩进
-  indent: {
-    type: Number,
-    default: 0
+const cellStarts = {
+  default: {
+    order: ''
   },
-  resize: {
-    type: [Boolean, Number],
-    default: 100
+  selection: {
+    width: 60,
+    minWidth: 60,
+    order: ''
   },
-  suffix: {
-    type: String,
-    default: "..."
-  },
-  placement: {
-    type: String,
-    default: "top"
-  },
-  portalClass: [Object, String, Array],
-  portalStyle: [Object, String, Array],
-  renderRow: {
-    type: Function,
-    default: (props$) => {
-      return props$.value;
-    }
-  }
-};
-const HIDDEN_TEXT_STYLE = `
-	position: absolute!important;
-	word-break: break-all!important;
-	overflow: auto!important;
-	opacity: 0!important;
-	z-index: -1000!important;
-	top: 0!important;
-	right: 0!important;
-`;
-const SIZING_STYLE$1 = [
-  "letter-spacing",
-  "line-height",
-  "padding-top",
-  "padding-bottom",
-  "font-family",
-  "font-weight",
-  "font-size",
-  "text-rendering",
-  "text-transform",
-  "width",
-  // 'text-indent', // 需要额外计算
-  "padding-left",
-  "padding-right",
-  "border-width",
-  "box-sizing"
-];
-let hiddenEl$1;
-const getFitIndex = (options = {}) => {
-  const { el, line, value, suffix, indent } = options;
-  let lineHeight = parseInt(getStyle(el, "line-height"), 10);
-  if (!hiddenEl$1) {
-    hiddenEl$1 = document.createElement("div");
-    document.body.appendChild(hiddenEl$1);
-  }
-  el.getAttribute("wrap") ? hiddenEl$1.setAttribute("wrap", el.getAttribute("wrap")) : hiddenEl$1.removeAttribute("wrap");
-  const {
-    paddingSize,
-    borderSize,
-    boxSizing,
-    sizingStyle
-  } = Utils$1.getComputedStyle(el, SIZING_STYLE$1);
-  const textIndent = `text-indent: ${parseInt(getStyle(el, "text-indent"), 10) + indent}px;`;
-  hiddenEl$1.setAttribute("style", `${sizingStyle};${textIndent};${HIDDEN_TEXT_STYLE}`);
-  let sideHeight = paddingSize || 0;
-  boxSizing === "border-box" && (sideHeight += borderSize);
-  if (Number.isNaN(lineHeight)) {
-    hiddenEl$1.innerText = ".";
-    lineHeight = hiddenEl$1.clientHeight - sideHeight;
-  }
-  let endIndex = 0;
-  hiddenEl$1.innerText = suffix;
-  (value || "").split("").forEach((item, i) => {
-    let old = hiddenEl$1.innerText;
-    old = old.substring(0, old.length - suffix.length);
-    hiddenEl$1.innerText = old + item + suffix;
-    if (hiddenEl$1.clientHeight - sideHeight > lineHeight * line && endIndex === 0) {
-      endIndex = i;
-    }
-  });
-  return endIndex;
-};
-/** @jsxImportSource vue */
-const COMPONENT_NAME$h = 'vc-text';
-const Text = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$h,
-  props: props$b,
-  setup(props, {
-    emit
-  }) {
-    const instance = getCurrentInstance();
-    const isActive = ref(false);
-    const endIndex = ref(0);
-    const styles = computed(() => {
-      return {
-        cursor: endIndex.value === 0 ? 'unset' : 'pointer'
-      };
-    });
-    const calcPosition = () => {
-      const {
-        suffix,
-        line,
-        value,
-        indent
-      } = props;
-      if (line === 0) {
-        endIndex.value = 0;
-        isActive.value = true;
-      } else {
-        endIndex.value = getFitIndex({
-          el: instance.vnode.el,
-          line,
-          value,
-          suffix,
-          indent
-        });
-        isActive.value = true;
-      }
-      emit('clip', endIndex.value);
-    };
-    const handleResize = props.resize === true || props.resize === 0 ? calcPosition : debounce(calcPosition, props.resize || 0);
-    let poper;
-    const handleMouseOver = e => {
-      if (endIndex.value > 0) {
-        poper = Popover.open({
-          el: document.body,
-          name: 'vc-text-popover',
-          // 确保不重复创建
-          triggerEl: e.target,
-          hover: true,
-          theme: 'dark',
-          placement: props.placement,
-          portalClass: props.portalClass,
-          portalStyle: [props.portalStyle || `width: ${e.target.clientWidth}px`, 'word-break: break-all'],
-          content: props.value
-        });
-      }
-    };
-    const handleMouseOut = () => {
-      // Do.
-    };
-    ['value', 'indent', 'line'].forEach(key => {
-      watch(() => props[key], calcPosition);
-    });
-    onMounted(() => {
-      props.resize !== false && Resize.on(instance.vnode.el, handleResize); // 首次会执行一次
-    });
-    onBeforeUnmount(() => {
-      props.resize !== false && Resize.off(instance.vnode.el, handleResize);
-      poper?.destroy?.();
-    });
-    const Content = props.tag;
-    return () => {
-      return createVNode(Content, {
-        "class": "vc-text",
-        "style": styles.value,
-        "onMouseover": handleMouseOver,
-        "onMouseout": handleMouseOut
-      }, {
-        default: () => [isActive.value ? createVNode(Customer, {
-          "value": endIndex.value > 0 ? `${props.value.slice(0, endIndex.value)}${props.suffix}` : props.value,
-          "index": endIndex.value,
-          "render": props.renderRow
-        }, null) : null]
-      });
-    };
-  }
-});
-const cellStarts = {
-  default: {
-    order: ''
-  },
-  selection: {
-    width: 60,
-    minWidth: 60,
-    order: '',
-    className: 'vc-table-column--selection'
-  },
-  expand: {
-    width: 60,
-    minWidth: 60,
-    order: ''
+  expand: {
+    width: 60,
+    minWidth: 60,
+    order: ''
   },
   index: {
     width: 60,
@@ -16595,7 +16866,8 @@ const cellForced = {
       }, null), [[vShow, store.states.expandSelectable || level === 0]]);
     },
     sortable: false,
-    resizable: false
+    resizable: false,
+    class: 'vc-table__selection-column'
   },
   index: {
     renderHeader(h, {
@@ -16645,7 +16917,7 @@ const cellForced = {
     },
     sortable: false,
     resizable: false,
-    className: 'vc-table__expand-column'
+    class: 'vc-table__expand-column'
   }
 };
@@ -16665,17 +16937,13 @@ const defaultRenderCell = (rowData = {}) => {
   }
   const line = column.line || VcInstance.options.TableColumn?.line;
   if (line && value) {
-    const base = rowData.isHead || rowData.isTail ? 36 : 24; // 目前gap是12
     const style = {
-      // 目前左右pading为10
-      // TODO: 含有border还要-1
-      width: (column.realWidth || column.width) - base + 'px'
+      '-webkit-line-clamp': line
     };
-    return createVNode(Text, {
-      "style": style,
-      "line": line,
-      "value": `${value}`
-    }, null);
+    return createVNode("div", {
+      "class": "vc-table__text-line",
+      "style": style
+    }, [value]);
   }
   return value;
 };
@@ -16723,6 +16991,7 @@ const treeCellPrefix = ({
 const TableColumn = /* @__PURE__ */ defineComponent({
   name: 'vc-table-column',
+  inheritAttrs: false,
   props: {
     type: {
       type: String,
@@ -16734,7 +17003,6 @@ const TableColumn = /* @__PURE__ */ defineComponent({
       default: 0
     },
     label: String,
-    customClass: String,
     labelClass: String,
     prop: String,
     width: Number,
@@ -16771,7 +17039,8 @@ const TableColumn = /* @__PURE__ */ defineComponent({
     tooltip: [String, Function]
   },
   setup(props, {
-    slots
+    slots,
+    attrs
   }) {
     const instance = getCurrentInstance();
     const table = inject('vc-table');
@@ -16821,7 +17090,7 @@ const TableColumn = /* @__PURE__ */ defineComponent({
       Object.keys(source).forEach(prop => {
         const value = source[prop];
         if (value !== undefined) {
-          column[prop] = prop === 'customClass' ? `${column[prop]} ${value}` : value;
+          column[prop] = prop === 'class' ? `${column[prop] ? `${column[prop]} ` : ''}${value}` : value;
         }
       });
       return column;
@@ -16891,7 +17160,7 @@ const TableColumn = /* @__PURE__ */ defineComponent({
           // 存在树形数组，且当前行无箭头图标且处于当前展开列，表格对齐
           if (!isEmpty$1(table.store.states.treeData) && !prefix && data.isExpandColumn) {
             prefix = createVNode("span", {
-              "class": "vc-table-un-expand__indent"
+              "class": "vc-table__unexpand__indent"
             }, null);
           }
           const {
@@ -16907,6 +17176,8 @@ const TableColumn = /* @__PURE__ */ defineComponent({
       const defaults = {
         colspan: 1,
         rowspan: 1,
+        class: attrs.class,
+        style: attrs.style,
         ...cellStarts[props.type],
         id: columnId.value,
         realAlign,
@@ -16993,7 +17264,7 @@ const TableColumn = /* @__PURE__ */ defineComponent({
 const MTable = Table;
 const MTableColumn = TableColumn;
-const props$a = {
+const props$b = {
   type: {
     type: String,
     validator: (v) => /^(line|card)$/.test(v),
@@ -17152,10 +17423,10 @@ const useTabs = (options = {}) => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$g = 'vc-tabs';
+const COMPONENT_NAME$h = 'vc-tabs';
 const Tabs = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$g,
-  props: props$a,
+  name: COMPONENT_NAME$h,
+  props: props$b,
   emits: ['update:modelValue', 'change', 'click'],
   setup(props, {
     slots
@@ -17320,7 +17591,7 @@ const Tabs = /* @__PURE__ */ defineComponent({
   }
 });
-const props$9 = {
+const props$a = {
   value: {
     type: [String, Number]
   },
@@ -17402,10 +17673,10 @@ const useTabsPane = () => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$f = 'vc-tabs-pane';
+const COMPONENT_NAME$g = 'vc-tabs-pane';
 const TabsPane = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$f,
-  props: props$9,
+  name: COMPONENT_NAME$g,
+  props: props$a,
   setup(_, {
     slots
   }) {
@@ -17420,8 +17691,8 @@ const TabsPane = /* @__PURE__ */ defineComponent({
   }
 });
-const props$8 = {
-  ...props$a,
+const props$9 = {
+  ...props$b,
   theme: {
     type: String,
     default: "light",
@@ -17459,10 +17730,10 @@ const props$8 = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$e = 'vcm-tabs';
+const COMPONENT_NAME$f = 'vcm-tabs';
 const MTabs = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$e,
-  props: props$8,
+  name: COMPONENT_NAME$f,
+  props: props$9,
   emits: ['update:modelValue', 'change', 'click'],
   setup(props, {
     slots
@@ -17726,10 +17997,10 @@ const MTabs = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$d = 'vcm-tabs-pane';
+const COMPONENT_NAME$e = 'vcm-tabs-pane';
 const MTabsPane = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$d,
-  props: props$9,
+  name: COMPONENT_NAME$e,
+  props: props$a,
   setup(_, {
     slots
   }) {
@@ -17746,6 +18017,134 @@ const MTabsPane = /* @__PURE__ */ defineComponent({
 const MTag = Tag;
+const props$8 = {
+  tag: {
+    type: String,
+    default: "div"
+  },
+  value: {
+    type: String,
+    default: ""
+  },
+  line: {
+    type: Number,
+    default: 0
+  },
+  // TODO: 是否改为tail-indent来表示尾部缩进
+  indent: {
+    type: Number,
+    default: 0
+  },
+  resize: {
+    type: [Boolean, Number],
+    default: 100
+  },
+  suffix: {
+    type: String,
+    default: "..."
+  },
+  placement: {
+    type: String,
+    default: "top"
+  },
+  portalClass: [Object, String, Array],
+  portalStyle: [Object, String, Array],
+  renderRow: {
+    type: Function,
+    default: (props$) => {
+      return props$.value;
+    }
+  }
+};
+/** @jsxImportSource vue */
+const COMPONENT_NAME$d = 'vc-text';
+const Text = /* @__PURE__ */ defineComponent({
+  name: COMPONENT_NAME$d,
+  props: props$8,
+  setup(props, {
+    emit
+  }) {
+    const instance = getCurrentInstance();
+    const isActive = ref(false);
+    const endIndex = ref(-1);
+    const styles = computed(() => {
+      return {
+        cursor: endIndex.value <= 0 ? 'unset' : 'pointer'
+      };
+    });
+    const calcPosition = () => {
+      const {
+        suffix,
+        line,
+        value,
+        indent
+      } = props;
+      if (line === 0) {
+        endIndex.value = -1;
+        isActive.value = true;
+      } else {
+        endIndex.value = getFitIndex({
+          el: instance.vnode.el,
+          line,
+          value,
+          suffix,
+          indent
+        });
+        isActive.value = true;
+      }
+      emit('clip', endIndex.value);
+    };
+    const handleResize = props.resize === true || props.resize === 0 ? calcPosition : debounce(calcPosition, props.resize || 0);
+    let poper;
+    const handleMouseOver = e => {
+      if (endIndex.value > 0) {
+        poper = Popover.open({
+          el: document.body,
+          name: 'vc-text-popover',
+          // 确保不重复创建
+          triggerEl: e.target,
+          hover: true,
+          theme: 'dark',
+          placement: props.placement,
+          portalClass: props.portalClass,
+          portalStyle: [props.portalStyle || `width: ${e.target.clientWidth}px`, 'word-break: break-all'],
+          content: props.value
+        });
+      }
+    };
+    const handleMouseOut = () => {
+      // Do.
+    };
+    ['value', 'indent', 'line'].forEach(key => {
+      watch(() => props[key], calcPosition);
+    });
+    onMounted(() => {
+      props.resize !== false && Resize.on(instance.vnode.el, handleResize); // 首次会执行一次
+    });
+    onBeforeUnmount(() => {
+      props.resize !== false && Resize.off(instance.vnode.el, handleResize);
+      poper?.destroy?.();
+    });
+    const Content = props.tag;
+    return () => {
+      return createVNode(Content, {
+        "class": "vc-text",
+        "style": styles.value,
+        "onMouseover": handleMouseOver,
+        "onMouseout": handleMouseOut
+      }, {
+        default: () => [isActive.value ? createVNode(Customer, {
+          "value": endIndex.value > 0 ? `${props.value.slice(0, endIndex.value)}${props.suffix}` : props.value,
+          "index": endIndex.value,
+          "render": props.renderRow
+        }, null) : null]
+      });
+    };
+  }
+});
 const MText = Text;
 const HIDDEN_TEXTAREA_STYLE = `
@@ -19401,4 +19800,4 @@ const UploadPicker = /* @__PURE__ */ defineComponent({
 const MUploadPicker = UploadPicker;
-export { ActionSheet, Alert, Artboard, Button, ButtonGroup, Calendar, Card, Carousel, Cascader, Chart, Checkbox, CheckboxGroup, Clipboard, Collapse, CollapseItem, ColorPicker, Countdown, Customer, DatePicker, Debounce, Divider, Drawer, DrawerView, Dropdown, Editor, Expand$1 as Expand, Form, FormItem, Fragment, HTMLToImage, Icon, IconManager, Image$1 as Image, ImageCrop, ImagePreview, ImageProcessing, Input, InputNumber, InputSearch, MList as List, MListItem as ListItem, MActionSheet, MAlert, MArtboard, MButton, MButtonGroup, MCalendar, MCard, MCarousel, MCascader, MChart, MCheckbox, MCheckboxGroup, MClipboard, MCollapse, MCollapseItem, MColorPicker, MCountdown, MCustomer, MDatePicker, Debounce as MDebounce, MDivider, MDrawer, MDrawerView, MDropdown, MEditor, MExpand, MForm, MFormItem, MFragment, MHTMLToImage, MIcon, MImage, MImageCrop, MImagePreview, MImageProcessing, MInput, MInputNumber, MInputSearch, MList, MListItem, MMarquee, MMessage, modal as MModal, MModalView, MNotice, MOption, MPagination, MPicker, MPopconfirm, MPopover, MPopup, MPortal, MPrint, MProgress, MRadio, MRadioGroup, MRate, MRecycleList, MResizer, MScroller, MSelect, MSlider, MSortList, MSpin, MSteps, MSwitch, MTable, MTableColumn, MTabs, MTabsPane, MTag, MText, MTextarea, MTimePicker, MTimeline, MToast, MToastView, MTouch, MTransition, MTransitionCollapse, MTransitionFade, MTransitionScale, MTransitionSlide, MTransitionZoom, MTree, MUpload, MUploadPicker, Marquee, Message, MessageView, Modal, ModalView, Notice, NoticeView, Option$1 as Option, Pagination, Picker, Popconfirm, Popover, Popup, Portal, PortalView, Print, Progress, Radio, RadioGroup, Rate, RecycleList, Resizer, Scroller, ScrollerWheel, Select, Slider, SortList, Spin, Steps, Switch, Table, TableColumn, Tabs, TabsPane, Tag, Text, Textarea, Theme, ThemeImage, ThemeText, ThemeView, TimePicker, Timeline, Toast, ToastView, Touch, Transition, TransitionCollapse, TransitionFade, TransitionScale, TransitionSlide, TransitionZoom, Tree, Upload, UploadPicker, VcError, VcInstance };
+export { ActionSheet, Alert, Artboard, Button, ButtonGroup, Calendar, Card, Carousel, Cascader, Chart, Checkbox, CheckboxGroup, Clipboard, Collapse, CollapseItem, ColorPicker, Countdown, Customer, DatePicker, Debounce, Divider, Drawer, DrawerView, Dropdown, DropdownItem, DropdownMenu, Editor, Expand$1 as Expand, Form, FormItem, Fragment, HTMLToImage, Icon, IconManager, Image$1 as Image, ImageCrop, ImagePreview, ImageProcessing, Input, InputNumber, InputSearch, MList as List, MListItem as ListItem, MActionSheet, MAlert, MArtboard, MButton, MButtonGroup, MCalendar, MCard, MCarousel, MCascader, MChart, MCheckbox, MCheckboxGroup, MClipboard, MCollapse, MCollapseItem, MColorPicker, MCountdown, MCustomer, MDatePicker, Debounce as MDebounce, MDivider, MDrawer, MDrawerView, MDropdown, MDropdownItem, MDropdownMenu, MEditor, MExpand, MForm, MFormItem, MFragment, MHTMLToImage, MIcon, MImage, MImageCrop, MImagePreview, MImageProcessing, MInput, MInputNumber, MInputSearch, MList, MListItem, MMarquee, MMessage, modal as MModal, MModalView, MNotice, MOption, MPagination, MPicker, MPopconfirm, MPopover, MPopup, MPortal, MPrint, MProgress, MRadio, MRadioGroup, MRate, MRecycleList, MResizer, MScroller, MSelect, MSlider, MSortList, MSpin, MSteps, MSwitch, MTable, MTableColumn, MTabs, MTabsPane, MTag, MText, MTextarea, MTimePicker, MTimeline, MToast, MToastView, MTouch, MTransition, MTransitionCollapse, MTransitionFade, MTransitionScale, MTransitionSlide, MTransitionZoom, MTree, MUpload, MUploadPicker, Marquee, Message, MessageView, Modal, ModalView, Notice, NoticeView, Option$1 as Option, Pagination, Picker, Popconfirm, Popover, Popup, Portal, PortalView, Print, Progress, Radio, RadioGroup, Rate, RecycleList, Resizer, Scroller, ScrollerWheel, Select, Slider, SortList, Spin, Steps, Switch, Table, TableColumn, Tabs, TabsPane, Tag, Text, Textarea, Theme, ThemeImage, ThemeText, ThemeView, TimePicker, Timeline, Toast, ToastView, Touch, Transition, TransitionCollapse, TransitionFade, TransitionScale, TransitionSlide, TransitionZoom, Tree, Upload, UploadPicker, VcError, VcInstance };