@deot/vc-components 1.0.27 → 1.0.29

package/dist/index.cjs

@@ -103,9 +103,9 @@ const props$1q = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$20 = 'vc-action-sheet';
+const COMPONENT_NAME$22 = 'vc-action-sheet';
 const ActionSheet = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$20,
+  name: COMPONENT_NAME$22,
   props: props$1q,
   setup(props, {
     slots
@@ -292,9 +292,9 @@ const IconManager = new Manager();
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1$ = 'vc-icon';
+const COMPONENT_NAME$21 = 'vc-icon';
 const Icon = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1$,
+  name: COMPONENT_NAME$21,
   props: props$1o,
   setup(props) {
     const viewBox = vue.ref('0 0 1024 1024');
@@ -493,9 +493,9 @@ const useTransition = () => {
   };
 };
 
-const COMPONENT_NAME$1_ = "vc-transition";
+const COMPONENT_NAME$20 = "vc-transition";
 const Transition = vue.defineComponent({
-  name: COMPONENT_NAME$1_,
+  name: COMPONENT_NAME$20,
   props: props$1n,
   // 当不声明emits的情况下，事件存在于attrs中
   inheritAttrs: false,
@@ -516,9 +516,9 @@ const Transition = vue.defineComponent({
   }
 });
 
-const COMPONENT_NAME$1Z = "vc-transition-collapse";
+const COMPONENT_NAME$1$ = "vc-transition-collapse";
 const TransitionCollapse = vue.defineComponent({
-  name: COMPONENT_NAME$1Z,
+  name: COMPONENT_NAME$1$,
   props: props$1n,
   // 当不声明emits的情况下，事件存在于attrs中
   inheritAttrs: false,
@@ -637,9 +637,9 @@ const TransitionCollapse = vue.defineComponent({
   }
 });
 
-const COMPONENT_NAME$1Y = "vc-transition-fade";
+const COMPONENT_NAME$1_ = "vc-transition-fade";
 const TransitionFade = vue.defineComponent({
-  name: COMPONENT_NAME$1Y,
+  name: COMPONENT_NAME$1_,
   props: {
     ...props$1n,
     // inheritAttrs必须是false
@@ -674,9 +674,9 @@ const TransitionFade = vue.defineComponent({
   }
 });
 
-const COMPONENT_NAME$1X = "vc-transition-scale";
+const COMPONENT_NAME$1Z = "vc-transition-scale";
 const TransitionScale = vue.defineComponent({
-  name: COMPONENT_NAME$1X,
+  name: COMPONENT_NAME$1Z,
   props: {
     ...props$1n,
     mode: {
@@ -716,9 +716,9 @@ const TransitionScale = vue.defineComponent({
   }
 });
 
-const COMPONENT_NAME$1W = "vc-transition-slide";
+const COMPONENT_NAME$1Y = "vc-transition-slide";
 const TransitionSlide = vue.defineComponent({
-  name: COMPONENT_NAME$1W,
+  name: COMPONENT_NAME$1Y,
   props: {
     ...props$1n,
     mode: {
@@ -758,9 +758,9 @@ const TransitionSlide = vue.defineComponent({
   }
 });
 
-const COMPONENT_NAME$1V = "vc-transition-zoom";
+const COMPONENT_NAME$1X = "vc-transition-zoom";
 const TransitionZoom = vue.defineComponent({
-  name: COMPONENT_NAME$1V,
+  name: COMPONENT_NAME$1X,
   props: {
     ...props$1n,
     mode: {
@@ -802,7 +802,7 @@ const TransitionZoom = vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1U = 'vc-alert';
+const COMPONENT_NAME$1W = 'vc-alert';
 
 // [color, borderColor, backgroundColor], -> CSS
 const THEME_MAP = {
@@ -812,7 +812,7 @@ const THEME_MAP = {
   warning: ['#ffbf00', '#ffe58f', '#fffbe6']
 };
 const Alert = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1U,
+  name: COMPONENT_NAME$1W,
   props: props$1p,
   setup(props, {
     slots,
@@ -911,9 +911,9 @@ const props$1m = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1T = 'vc-artboard';
+const COMPONENT_NAME$1V = 'vc-artboard';
 const Artboard = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1T,
+  name: COMPONENT_NAME$1V,
   props: props$1m,
   setup(props, {
     slots
@@ -952,9 +952,9 @@ const props$1l = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1S = 'vc-spin';
+const COMPONENT_NAME$1U = 'vc-spin';
 const Spin = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1S,
+  name: COMPONENT_NAME$1U,
   props: props$1l,
   setup(props, {
     slots
@@ -1005,9 +1005,9 @@ const props$1k = {
   exclude: RegExp
 };
 
-const COMPONENT_NAME$1R = "vc-debounce";
+const COMPONENT_NAME$1T = "vc-debounce";
 const Debounce = vue.defineComponent({
-  name: COMPONENT_NAME$1R,
+  name: COMPONENT_NAME$1T,
   props: props$1k,
   /**
    * 不声明emits使得事件被透传放入attrs中, 这样可以让所有的事件透传
@@ -1079,9 +1079,9 @@ const props$1j = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1Q = 'vc-button';
+const COMPONENT_NAME$1S = 'vc-button';
 const Button = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1Q,
+  name: COMPONENT_NAME$1S,
   emits: ['click'],
   props: props$1j,
   setup(props, {
@@ -1163,9 +1163,9 @@ const props$1i = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1P = 'vc-button-group';
+const COMPONENT_NAME$1R = 'vc-button-group';
 const ButtonGroup = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1P,
+  name: COMPONENT_NAME$1R,
   props: props$1i,
   setup(props, {
     slots
@@ -1199,9 +1199,9 @@ const props$1h = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1O = 'vc-calendar';
+const COMPONENT_NAME$1Q = 'vc-calendar';
 const Calendar = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1O,
+  name: COMPONENT_NAME$1Q,
   props: props$1h,
   setup(props, {
     slots
@@ -1239,9 +1239,9 @@ const props$1g = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1N = 'vc-card';
+const COMPONENT_NAME$1P = 'vc-card';
 const Card = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1N,
+  name: COMPONENT_NAME$1P,
   props: props$1g,
   setup(props, {
     slots
@@ -1277,9 +1277,9 @@ const props$1f = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1M = 'vc-carousel';
+const COMPONENT_NAME$1O = 'vc-carousel';
 const Carousel = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1M,
+  name: COMPONENT_NAME$1O,
   props: props$1f,
   setup(props, {
     slots
@@ -1303,9 +1303,9 @@ const props$1e = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1L = 'vc-cascader';
+const COMPONENT_NAME$1N = 'vc-cascader';
 const Cascader = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1L,
+  name: COMPONENT_NAME$1N,
   props: props$1e,
   setup(props, {
     slots
@@ -1374,9 +1374,9 @@ const props$1d = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1K = 'vc-chart';
+const COMPONENT_NAME$1M = 'vc-chart';
 const Chart = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1K,
+  name: COMPONENT_NAME$1M,
   props: props$1d,
   emits: [...EVENTS, 'ready'],
   setup(props, {
@@ -1608,9 +1608,9 @@ const useCheckbox = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1J = 'vc-checkbox';
+const COMPONENT_NAME$1L = 'vc-checkbox';
 const Checkbox = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1J,
+  name: COMPONENT_NAME$1L,
   props: props$1c,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -1697,9 +1697,9 @@ const useCheckboxGroup = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1I = 'vc-checkbox-group';
+const COMPONENT_NAME$1K = 'vc-checkbox-group';
 const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1I,
+  name: COMPONENT_NAME$1K,
   props: props$1b,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -1717,9 +1717,9 @@ const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1H = 'vcm-checkbox';
+const COMPONENT_NAME$1J = 'vcm-checkbox';
 const MCheckbox = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1H,
+  name: COMPONENT_NAME$1J,
   props: props$1c,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -1759,9 +1759,9 @@ const MCheckbox = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1G = 'vcm-checkbox-group';
+const COMPONENT_NAME$1I = 'vcm-checkbox-group';
 const MCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1G,
+  name: COMPONENT_NAME$1I,
   props: props$1b,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -1820,9 +1820,9 @@ const props$19 = {
   }
 };
 
-const COMPONENT_NAME$1F = "vc-customer";
+const COMPONENT_NAME$1H = "vc-customer";
 const Customer = vue.defineComponent({
-  name: COMPONENT_NAME$1F,
+  name: COMPONENT_NAME$1H,
   props: props$19,
   setup(props, context) {
     return () => vue.h(() => {
@@ -1833,9 +1833,9 @@ const Customer = vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1E = 'vc-message';
+const COMPONENT_NAME$1G = 'vc-message';
 const MessageView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1E,
+  name: COMPONENT_NAME$1G,
   emits: ['before-close', 'close', 'portal-fulfilled'],
   props: props$1a,
   setup(props, {
@@ -1982,7 +1982,7 @@ class PortalLeaf {
   }
 }
 
-const COMPONENT_NAME$1D = "vc-portal";
+const COMPONENT_NAME$1F = "vc-portal";
 class Portal {
   /**
    * 清理Portals类型组件
@@ -2034,7 +2034,7 @@ class Portal {
     this.wrapper = wrapper;
     this.globalOptions = {
       ...options,
-      name: options?.name || wrapper.name || Utils__namespace.getUid(COMPONENT_NAME$1D)
+      name: options?.name || wrapper.name || Utils__namespace.getUid(COMPONENT_NAME$1F)
     };
   }
   popup(propsData, options) {
@@ -2133,7 +2133,7 @@ class Portal {
       ...rest
     } = options;
     let useAllNodes = fragment;
-    const name = multiple ? `${name$}__${Utils__namespace.getUid(COMPONENT_NAME$1D)}` : name$;
+    const name = multiple ? `${name$}__${Utils__namespace.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();
@@ -2167,7 +2167,7 @@ class Portal {
     } else {
       const wrapper = this.wrapper;
       const app = vue.createApp({
-        name: COMPONENT_NAME$1D,
+        name: COMPONENT_NAME$1F,
         parent,
         setup() {
           if (alive) {
@@ -2279,13 +2279,13 @@ const props$18 = {
   }
 };
 
-const COMPONENT_NAME$1C = 'vc-portal-view';
+const COMPONENT_NAME$1E = 'vc-portal-view';
 
 /**
  * 写法不同，但与vue@2.x 保持一致
  */
 const PortalView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1C,
+  name: COMPONENT_NAME$1E,
   props: props$18,
   setup(props, {
     slots
@@ -2456,9 +2456,9 @@ const useClipboard = (done) => {
   return () => vue.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 = vue.defineComponent({
-  name: COMPONENT_NAME$1B,
+  name: COMPONENT_NAME$1D,
   props: props$17,
   setup() {
     return useClipboard((content) => Message.success({ content }));
@@ -2498,9 +2498,9 @@ const MTransitionZoom = TransitionZoom;
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1A = 'vcm-toast';
+const COMPONENT_NAME$1C = 'vcm-toast';
 const MToastView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1A,
+  name: COMPONENT_NAME$1C,
   emits: ['close', 'portal-fulfilled'],
   props: props$16,
   setup(props, {
@@ -2602,9 +2602,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 = vue.defineComponent({
-  name: COMPONENT_NAME$1z,
+  name: COMPONENT_NAME$1B,
   props: props$17,
   setup() {
     return useClipboard((content) => MToast.info({ content }));
@@ -2636,9 +2636,9 @@ const props$15 = {
   }
 };
 
-const COMPONENT_NAME$1y = "vc-collapse";
+const COMPONENT_NAME$1A = "vc-collapse";
 const Collapse = vue.defineComponent({
-  name: COMPONENT_NAME$1y,
+  name: COMPONENT_NAME$1A,
   props: props$15,
   emits: ["update:moodelValue", "change"],
   setup(props, { slots, emit }) {
@@ -2752,12 +2752,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]' && !vue.isVNode(s);
 }
-const COMPONENT_NAME$1x = 'vc-expand';
+const COMPONENT_NAME$1z = 'vc-expand';
 const Expand$1 = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1x,
+  name: COMPONENT_NAME$1z,
   props: props$13,
   setup(props, {
     slots
@@ -2776,7 +2776,7 @@ const Expand$1 = /* @__PURE__ */ vue.defineComponent({
           enter: 200,
           leave: 200
         }
-      }, _isSlot$3(_slot = vue.withDirectives(vue.createVNode(Content, null, {
+      }, _isSlot$2(_slot = vue.withDirectives(vue.createVNode(Content, null, {
         default: () => [(props.alive || !props.alive && isActive.value) && slots.default?.()]
       }), [[vue.vShow, isActive.value]])) ? _slot : {
         default: () => [_slot]
@@ -2787,9 +2787,9 @@ const Expand$1 = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1w = 'vc-collapse-item';
+const COMPONENT_NAME$1y = 'vc-collapse-item';
 const CollapseItem = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1w,
+  name: COMPONENT_NAME$1y,
   props: props$14,
   setup(props, {
     slots,
@@ -2864,9 +2864,9 @@ const props$12 = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1v = 'vc-color-picker';
+const COMPONENT_NAME$1x = 'vc-color-picker';
 const ColorPicker = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1v,
+  name: COMPONENT_NAME$1x,
   props: props$12,
   setup(props, {
     slots
@@ -2890,9 +2890,9 @@ const props$11 = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1u = 'vc-countdown';
+const COMPONENT_NAME$1w = 'vc-countdown';
 const Countdown = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1u,
+  name: COMPONENT_NAME$1w,
   props: props$11,
   setup(props, {
     slots
@@ -3342,9 +3342,9 @@ const useNativeEmitter = (input, expose) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1t = 'vc-input';
+const COMPONENT_NAME$1v = 'vc-input';
 const Input = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1t,
+  name: COMPONENT_NAME$1v,
   inheritAttrs: false,
   props: {
     ...props$$,
@@ -3357,7 +3357,8 @@ const Input = /* @__PURE__ */ vue.defineComponent({
   emits: ['update:modelValue', 'input', 'change', 'focus', 'blur', 'clear', 'paste', 'keydown', 'keypress', 'keyup', 'enter', 'tip'],
   setup(props, {
     slots,
-    expose
+    expose,
+    attrs
   }) {
     const input = vue.ref();
     useNativeEmitter(input, expose);
@@ -3424,9 +3425,9 @@ const Input = /* @__PURE__ */ vue.defineComponent({
         }, classes.value]
       }, [slots.prepend?.() || props.prepend && vue.createVNode(Icon, {
         "type": props.prepend
-      }, null)]), vue.createVNode("div", {
+      }, null)]), vue.createVNode("div", vue.mergeProps({
         "class": ['vc-input__content', classes.value]
-      }, [slots.content?.() || renderInput(false)]), !props.disabled && props.clearable && vue.createVNode(TransitionFade, null, {
+      }, slots.content ? it.value.listeners : {}), [slots.content ? slots.content() : renderInput(false)]), !props.disabled && props.clearable && vue.createVNode(TransitionFade, null, {
         default: () => [vue.createVNode(Icon, {
           "class": "vc-input__icon-clear",
           "type": "clear",
@@ -3678,9 +3679,9 @@ const useInputNumber = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1s = 'vc-input-number';
+const COMPONENT_NAME$1u = 'vc-input-number';
 const InputNumber = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1s,
+  name: COMPONENT_NAME$1u,
   props: props$X,
   inheritAttrs: false,
   setup(props, {
@@ -3744,9 +3745,9 @@ const props$W = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1r = 'vc-input-search';
+const COMPONENT_NAME$1t = 'vc-input-search';
 const InputSearch = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1r,
+  name: COMPONENT_NAME$1t,
   props: props$W,
   inheritAttrs: false,
   setup(props, {
@@ -4034,12 +4035,9 @@ const usePos = () => {
 
 /** @jsxImportSource vue */
 
-function _isSlot$2(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
-const COMPONENT_NAME$1q = 'vc-popover-wrapper';
+const COMPONENT_NAME$1s = 'vc-popover-wrapper';
 const PopoverWrapper = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1q,
+  name: COMPONENT_NAME$1s,
   props: props$_,
   emits: ['portal-fulfilled', 'close'],
   setup(props, {
@@ -4101,7 +4099,12 @@ const PopoverWrapper = /* @__PURE__ */ vue.defineComponent({
         return container;
       }
     };
-    const setPopupStyle = () => {
+
+    /**
+     * 添加debounce解决连续setPopupStyle的情况
+     * 待排查
+     */
+    const setPopupStyle = lodashEs.debounce(() => {
       if (!vnode.el) return;
       const triggerEl = getHackContainer();
       const {
@@ -4131,13 +4134,15 @@ const PopoverWrapper = /* @__PURE__ */ vue.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 => {
@@ -4192,7 +4197,7 @@ const PopoverWrapper = /* @__PURE__ */ vue.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`
@@ -4252,7 +4257,6 @@ const PopoverWrapper = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return () => {
-      let _slot;
       return vue.createVNode(TransitionScale, {
         "mode": props.animation || 'part',
         "duration": {
@@ -4260,38 +4264,40 @@ const PopoverWrapper = /* @__PURE__ */ vue.defineComponent({
           leave: 150
         },
         "onAfterLeave": handleRemove
-      }, _isSlot$2(_slot = vue.withDirectives(vue.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
-        })
-      }, [vue.createVNode("div", {
-        "class": [themeClasses.value, 'vc-popover-wrapper__container']
-      }, [props.arrow && vue.createVNode("div", {
-        "style": arrowStyle.value,
-        "class": [themeClasses.value, posClasses.value, 'vc-popover-wrapper__arrow']
-      }, null), slots.content ? slots.content() : typeof props.content === 'function' ? vue.createVNode(Customer, {
-        "render": props.content
-      }, null) : vue.createVNode("div", {
-        "innerHTML": props.content
-      }, null)])]), [[vue.vShow, isActive.value]])) ? _slot : {
-        default: () => [_slot]
+      }, {
+        default: () => [vue.withDirectives(vue.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
+          })
+        }, [vue.createVNode("div", {
+          "class": [themeClasses.value, 'vc-popover-wrapper__container']
+        }, [props.arrow && vue.createVNode("div", {
+          "style": arrowStyle.value,
+          "class": [themeClasses.value, posClasses.value, 'vc-popover-wrapper__arrow']
+        }, null), slots.content ? slots.content() : typeof props.content === 'function' ? vue.createVNode(Customer, {
+          "render": props.content
+        }, null) : vue.createVNode("div", {
+          "innerHTML": props.content
+        }, null)])]), [[vue.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__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1p,
+  name: COMPONENT_NAME$1r,
   props: props$Z,
   emits: ['update:modelValue', 'visible-change', 'ready', 'close'],
   setup(props, {
@@ -5392,9 +5398,9 @@ const getTimeType = type => {
   }
   return view;
 };
-const COMPONENT_NAME$1o = 'vc-date-confirm';
+const COMPONENT_NAME$1q = 'vc-date-confirm';
 const Confirm = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1o,
+  name: COMPONENT_NAME$1q,
   props: {
     showTime: {
       type: Boolean,
@@ -5458,9 +5464,9 @@ const Confirm = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1n = 'vc-date-header';
+const COMPONENT_NAME$1p = 'vc-date-header';
 const DateHeader = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1n,
+  name: COMPONENT_NAME$1p,
   props: {
     panelDate: Date,
     showNext: {
@@ -5544,9 +5550,9 @@ const DateHeader = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1m = 'vc-date-table';
+const COMPONENT_NAME$1o = 'vc-date-table';
 const DateTable = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1m,
+  name: COMPONENT_NAME$1o,
   props: {
     value: Array,
     firstDayOfWeek: {
@@ -5755,9 +5761,9 @@ const DateTable = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1l = 'vc-month-table';
+const COMPONENT_NAME$1n = 'vc-month-table';
 const MonthTable = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1l,
+  name: COMPONENT_NAME$1n,
   props: {
     value: Array,
     panelDate: Date,
@@ -5889,7 +5895,7 @@ const MonthTable = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1k = 'vc-quarter-table';
+const COMPONENT_NAME$1m = 'vc-quarter-table';
 
 /**
  * 获取季度对应的月份范围
@@ -5923,7 +5929,7 @@ const getQuarterRangeByMonth = value => {
   }
 };
 const QuarterTable = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1k,
+  name: COMPONENT_NAME$1m,
   props: {
     value: Array,
     panelDate: Date,
@@ -6046,9 +6052,9 @@ const QuarterTable = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1j = 'vc-shortcuts-select';
+const COMPONENT_NAME$1l = 'vc-shortcuts-select';
 const ShortcutsSelect = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1j,
+  name: COMPONENT_NAME$1l,
   props: {
     panelDate: Date,
     config: Array,
@@ -6088,9 +6094,9 @@ const ShortcutsSelect = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1i = 'vc-time-select';
+const COMPONENT_NAME$1k = 'vc-time-select';
 const TimeSelect = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1i,
+  name: COMPONENT_NAME$1k,
   props: {
     hours: {
       type: [Number, String],
@@ -6369,9 +6375,9 @@ const TimeSelect = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1h = 'vc-year-table';
+const COMPONENT_NAME$1j = 'vc-year-table';
 const YearTable = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1h,
+  name: COMPONENT_NAME$1j,
   props: {
     value: Array,
     panelDate: Date,
@@ -6494,9 +6500,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__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1g,
+  name: COMPONENT_NAME$1i,
   props: {
     ...props$V,
     confirm: {
@@ -6875,9 +6881,9 @@ const DateRangePanel = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1f = 'vc-date-panel';
+const COMPONENT_NAME$1h = 'vc-date-panel';
 const DatePanel = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1f,
+  name: COMPONENT_NAME$1h,
   props: {
     ...props$V,
     type: String,
@@ -7085,9 +7091,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__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1e,
+  name: COMPONENT_NAME$1g,
   props: {
     ...props$V,
     confirm: {
@@ -7262,9 +7268,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__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1d,
+  name: COMPONENT_NAME$1f,
   props: {
     ...props$V,
     confirm: {
@@ -7503,9 +7509,9 @@ const getComparedDate = (leftDate, rightDate) => {
     seconds
   };
 };
-const COMPONENT_NAME$1c = 'vc-timerange-panel';
+const COMPONENT_NAME$1e = 'vc-timerange-panel';
 const TimeRangePanel = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1c,
+  name: COMPONENT_NAME$1e,
   props: props$U,
   emits: ['pick', 'clear', 'ok'],
   setup(props, {
@@ -7604,9 +7610,9 @@ const TimeRangePanel = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1b = 'vc-time-panel';
+const COMPONENT_NAME$1d = 'vc-time-panel';
 const TimePanel = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1b,
+  name: COMPONENT_NAME$1d,
   props: props$U,
   emits: ['pick', 'clear', 'ok'],
   setup(props, {
@@ -7661,7 +7667,7 @@ const TimePanel = /* @__PURE__ */ vue.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;
@@ -7672,7 +7678,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 = vue.getCurrentInstance().props;
   const icon = vue.ref('date');
   const panel = vue.shallowRef({});
@@ -7705,9 +7711,9 @@ const props$T = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$19 = 'vc-divider';
+const COMPONENT_NAME$1b = 'vc-divider';
 const Divider = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$19,
+  name: COMPONENT_NAME$1b,
   props: props$T,
   setup(props, {
     slots
@@ -7862,7 +7868,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',
@@ -7882,7 +7888,7 @@ const BAR_MAP = {
   }
 };
 const Track = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$18,
+  name: COMPONENT_NAME$1a,
   props: props$S,
   emits: ['change'],
   inheritAttrs: false,
@@ -8072,9 +8078,9 @@ const Track = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$17 = 'vc-scroller-bar';
+const COMPONENT_NAME$19 = 'vc-scroller-bar';
 const Bar = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$17,
+  name: COMPONENT_NAME$19,
   props: props$R,
   emits: ['change'],
   setup(props, {
@@ -8289,7 +8295,7 @@ const useScroller = (expose) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$16 = 'vc-scroller';
+const COMPONENT_NAME$18 = 'vc-scroller';
 
 /**
  * 作为备选方案,目前推荐使用ScrollerWheel
@@ -8300,7 +8306,7 @@ const COMPONENT_NAME$16 = 'vc-scroller';
  * 2. 增加了一层嵌套
  */
 const Scroller = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$16,
+  name: COMPONENT_NAME$18,
   props: props$Q,
   emits: ['scroll'],
   setup(props, {
@@ -8361,7 +8367,7 @@ const Scroller = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$15 = 'vc-scroller-wheel';
+const COMPONENT_NAME$17 = 'vc-scroller-wheel';
 
 /**
  * 为减少一层嵌套，为去除滚动bar的抖动，使用wheel模拟
@@ -8383,7 +8389,7 @@ const COMPONENT_NAME$15 = 'vc-scroller-wheel';
  * 设置scrollTop不会reflow和repaint，不需要考虑transfrom来改变content（transform也只在draw完成）
  */
 const ScrollerWheel = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$15,
+  name: COMPONENT_NAME$17,
   props: Object.assign(props$Q, {
     stopPropagation: {
       type: Boolean,
@@ -8572,9 +8578,9 @@ const props$P = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$14 = 'vc-drawer';
+const COMPONENT_NAME$16 = 'vc-drawer';
 const DrawerView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$14,
+  name: COMPONENT_NAME$16,
   props: props$P,
   emits: ['close', 'update:modelValue', 'visible-change'],
   setup(props, {
@@ -8742,30 +8748,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__ */ vue.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 = vcHooks.useAttrs({
+      merge: false
+    });
+    const isActive = vue.ref(false);
+    const dropdownId = vue.ref(Utils.getUid('dropdown'));
+    const inherit = vue.computed(() => {
+      return {
+        style: its.value.style,
+        class: its.value.class
+      };
+    });
+    const attrs = vue.computed(() => {
+      return its.value.attrs;
+    });
+    vue.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 vue.createVNode(Popover, vue.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__ */ vue.defineComponent({
+  name: COMPONENT_NAME$14,
+  setup(_, {
     slots
   }) {
     return () => {
-      return vue.createVNode("div", {
-        "class": "vc-dropdown"
+      return vue.createVNode("ul", {
+        "class": "vc-dropdown-menu"
       }, [slots?.default?.()]);
     };
   }
 });
 
+/** @jsxImportSource vue */
+
+const COMPONENT_NAME$13 = 'vc-dropdown-item';
+const DropdownItem = /* @__PURE__ */ vue.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 = vcHooks.getInstance('dropdown', 'dropdownId');
+    const currentValue = vue.computed(() => {
+      const v = typeof props.value === 'undefined' || props.value === '' ? props.label : props.value;
+      return v;
+    });
+    const classes = vue.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 vue.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: {
@@ -9051,6 +9205,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
     };
   });
@@ -10450,6 +10606,9 @@ const props$z = {
     type: Boolean,
     default: false
   },
+  // draggable为true时有效
+  x: Number,
+  y: Number,
   okText: {
     type: [String, Boolean],
     default: "确定"
@@ -10507,8 +10666,8 @@ const ModalView = /* @__PURE__ */ vue.defineComponent({
     const header = vue.shallowRef();
     const scroller = vue.shallowRef();
     const resizer = vue.shallowRef();
-    const x = vue.ref(0);
-    const y = vue.ref(0);
+    const x = vue.ref(props.x);
+    const y = vue.ref(props.y);
     const isActive = vue.ref(false);
 
     // 注: 服务端渲染为0, 在客服端激活前，展示端存在问题【高度不定】
@@ -10550,8 +10709,8 @@ const ModalView = /* @__PURE__ */ vue.defineComponent({
     });
     const draggableStyle = vue.computed(() => {
       if (vcShared.IS_SERVER || !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`
@@ -12148,10 +12307,49 @@ const Picker = /* @__PURE__ */ vue.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 */
@@ -12160,13 +12358,125 @@ const COMPONENT_NAME$C = 'vc-popconfirm';
 const Popconfirm = /* @__PURE__ */ vue.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 = vue.getCurrentInstance();
+    const its = vcHooks.useAttrs({
+      merge: false
+    });
+    const isActive = vue.ref(false);
+    const contentStyle = vue.computed(() => {
+      return props.content || !!slots.content ? {
+        marginBottom: '15px'
+      } : {};
+    });
+    const inherit = vue.computed(() => {
+      return {
+        style: its.value.style,
+        class: its.value.class
+      };
+    });
+    const attrs = vue.computed(() => {
+      return its.value.attrs;
+    });
+    vue.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 vue.createVNode("div", {
-        "class": "vc-popconfirm"
-      }, [slots?.default?.()]);
+      return vue.createVNode(Popover, vue.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 vue.createVNode("div", {
+            "style": [{
+              width: `${props.width}px`
+            }],
+            "class": "vc-popconfirm__wrapper"
+          }, [vue.createVNode("div", {
+            "class": "vc-popconfirm__title"
+          }, [slots.icon ? slots.icon() : vue.createVNode(Icon, {
+            "type": props.type,
+            "class": [`is-${props.type}`, 'vc-popconfirm__icon']
+          }, null), vue.createVNode("div", null, [slots.title ? slots.title() : typeof props.title === 'string' ? vue.createVNode("div", {
+            "innerHTML": props.title
+          }, null) : typeof props.title === 'function' ? vue.createVNode(Customer, {
+            "render": props.title
+          }, null) : null])]), vue.createVNode("div", {
+            "style": contentStyle.value,
+            "class": "vc-popconfirm__content"
+          }, [slots.content ? slots.content() : typeof props.content === 'string' ? vue.createVNode("div", {
+            "innerHTML": props.content
+          }, null) : typeof props.content === 'function' ? vue.createVNode(Customer, {
+            "render": props.content
+          }, null) : null]), vue.createVNode("div", {
+            "class": "vc-popconfirm__footer"
+          }, [vue.createVNode(Button, {
+            "type": props.cancelType,
+            "style": "margin-right: 8px;",
+            "size": "small",
+            "onClick": e => handleBefore(e, handleCancel)
+          }, {
+            default: () => [props.cancelText]
+          }), vue.createVNode(Button, {
+            "type": props.okType,
+            "size": "small",
+            "onClick": e => handleBefore(e, handleOk)
+          }, {
+            default: () => [props.okText]
+          })])]);
+        }
+      });
     };
   }
 });
@@ -13773,6 +14083,18 @@ const props$d = {
   uncheckedText: {
     type: String,
     default: ""
+  },
+  width: {
+    type: Number,
+    default: 36
+  },
+  height: {
+    type: Number,
+    default: 20
+  },
+  borderWidth: {
+    type: Number,
+    default: 1
   }
 };
 
@@ -13855,28 +14177,65 @@ const Switch = /* @__PURE__ */ vue.defineComponent({
     expose
   }) {
     const {
+      checked,
       classes,
       currentValue,
       isLoading,
       handleToggle
     } = useSwitch(expose);
+    const size = vue.computed(() => {
+      return props.height - props.borderWidth * 4;
+    });
+    const lefts = vue.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 = vue.computed(() => {
+      return Math.max(props.height / 2, size.value) + props.borderWidth * 2;
+    });
     return () => {
-      return vue.createVNode("span", {
-        "class": [classes.value, 'vc-switch'],
+      return vue.createVNode("div", {
+        "style": {
+          width: `${props.width}px`
+        },
+        "class": [classes.value, 'vc-switch']
+      }, [vue.createVNode("span", {
+        "style": {
+          height: `${props.height}px`,
+          borderWidth: `${props.borderWidth}px`
+        },
+        "class": "vc-switch__wrapper",
         "onClick": handleToggle
       }, [vue.createVNode("input", {
         "name": props.name,
         "value": currentValue.value,
         "type": "hidden"
       }, null), vue.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]), vue.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 && vue.createVNode(Spin, {
         "size": 14,
         "foreground": "#fff",
-        "class": "vc-switch__loading"
-      }, null)]);
+        "class": "vc-switch__loading",
+        "style": {
+          left: `${lefts.value.loading}px`
+        }
+      }, null)])]);
     };
   }
 });
@@ -15035,6 +15394,79 @@ const NormalList = /* @__PURE__ */ vue.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
+  } = vcShared.Utils.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__ */ vue.defineComponent({
   name: 'vc-table-body',
   props: {
@@ -15143,10 +15575,13 @@ const TableBody = /* @__PURE__ */ vue.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');
       }
@@ -15163,24 +15598,44 @@ const TableBody = /* @__PURE__ */ vue.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 = lodashEs.debounce(index => {
       table.store.setHoverRow(index);
@@ -15251,8 +15706,8 @@ const TableBody = /* @__PURE__ */ vue.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,
@@ -15308,7 +15763,11 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
         allowRender.value = true;
       }
     });
-    vue.onBeforeUnmount(() => (timer && clearTimeout(timer), allowRender.value = false));
+    vue.onBeforeUnmount(() => {
+      poper && poper.destroy();
+      timer && clearTimeout(timer);
+      allowRender.value = false;
+    });
     return () => {
       if (!allowRender.value) return;
       return vue.createVNode("div", {
@@ -15435,10 +15894,13 @@ const TableHeader = /* @__PURE__ */ vue.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');
       }
@@ -16373,210 +16835,19 @@ const Table = /* @__PURE__ */ vue.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
-  } = vcShared.Utils.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__ */ vue.defineComponent({
-  name: COMPONENT_NAME$h,
-  props: props$b,
-  setup(props, {
-    emit
-  }) {
-    const instance = vue.getCurrentInstance();
-    const isActive = vue.ref(false);
-    const endIndex = vue.ref(0);
-    const styles = vue.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 : lodashEs.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 => {
-      vue.watch(() => props[key], calcPosition);
-    });
-    vue.onMounted(() => {
-      props.resize !== false && helperResize.Resize.on(instance.vnode.el, handleResize); // 首次会执行一次
-    });
-    vue.onBeforeUnmount(() => {
-      props.resize !== false && helperResize.Resize.off(instance.vnode.el, handleResize);
-      poper?.destroy?.();
-    });
-    const Content = props.tag;
-    return () => {
-      return vue.createVNode(Content, {
-        "class": "vc-text",
-        "style": styles.value,
-        "onMouseover": handleMouseOver,
-        "onMouseout": handleMouseOut
-      }, {
-        default: () => [isActive.value ? vue.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,
@@ -16617,7 +16888,8 @@ const cellForced = {
       }, null), [[vue.vShow, store.states.expandSelectable || level === 0]]);
     },
     sortable: false,
-    resizable: false
+    resizable: false,
+    class: 'vc-table__selection-column'
   },
   index: {
     renderHeader(h, {
@@ -16667,7 +16939,7 @@ const cellForced = {
     },
     sortable: false,
     resizable: false,
-    className: 'vc-table__expand-column'
+    class: 'vc-table__expand-column'
   }
 };
 
@@ -16687,17 +16959,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 vue.createVNode(Text, {
-      "style": style,
-      "line": line,
-      "value": `${value}`
-    }, null);
+    return vue.createVNode("div", {
+      "class": "vc-table__text-line",
+      "style": style
+    }, [value]);
   }
   return value;
 };
@@ -16745,6 +17013,7 @@ const treeCellPrefix = ({
 
 const TableColumn = /* @__PURE__ */ vue.defineComponent({
   name: 'vc-table-column',
+  inheritAttrs: false,
   props: {
     type: {
       type: String,
@@ -16756,7 +17025,6 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
       default: 0
     },
     label: String,
-    customClass: String,
     labelClass: String,
     prop: String,
     width: Number,
@@ -16793,7 +17061,8 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
     tooltip: [String, Function]
   },
   setup(props, {
-    slots
+    slots,
+    attrs
   }) {
     const instance = vue.getCurrentInstance();
     const table = vue.inject('vc-table');
@@ -16843,7 +17112,7 @@ const TableColumn = /* @__PURE__ */ vue.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;
@@ -16913,7 +17182,7 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
           // 存在树形数组，且当前行无箭头图标且处于当前展开列，表格对齐
           if (!lodashEs.isEmpty(table.store.states.treeData) && !prefix && data.isExpandColumn) {
             prefix = vue.createVNode("span", {
-              "class": "vc-table-un-expand__indent"
+              "class": "vc-table__unexpand__indent"
             }, null);
           }
           const {
@@ -16929,6 +17198,8 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
       const defaults = {
         colspan: 1,
         rowspan: 1,
+        class: attrs.class,
+        style: attrs.style,
         ...cellStarts[props.type],
         id: columnId.value,
         realAlign,
@@ -17015,7 +17286,7 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
 const MTable = Table;
 const MTableColumn = TableColumn;
 
-const props$a = {
+const props$b = {
   type: {
     type: String,
     validator: (v) => /^(line|card)$/.test(v),
@@ -17174,10 +17445,10 @@ const useTabs = (options = {}) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$g = 'vc-tabs';
+const COMPONENT_NAME$h = 'vc-tabs';
 const Tabs = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$g,
-  props: props$a,
+  name: COMPONENT_NAME$h,
+  props: props$b,
   emits: ['update:modelValue', 'change', 'click'],
   setup(props, {
     slots
@@ -17342,7 +17613,7 @@ const Tabs = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$9 = {
+const props$a = {
   value: {
     type: [String, Number]
   },
@@ -17424,10 +17695,10 @@ const useTabsPane = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$f = 'vc-tabs-pane';
+const COMPONENT_NAME$g = 'vc-tabs-pane';
 const TabsPane = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$f,
-  props: props$9,
+  name: COMPONENT_NAME$g,
+  props: props$a,
   setup(_, {
     slots
   }) {
@@ -17442,8 +17713,8 @@ const TabsPane = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$8 = {
-  ...props$a,
+const props$9 = {
+  ...props$b,
   theme: {
     type: String,
     default: "light",
@@ -17481,10 +17752,10 @@ const props$8 = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$e = 'vcm-tabs';
+const COMPONENT_NAME$f = 'vcm-tabs';
 const MTabs = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$e,
-  props: props$8,
+  name: COMPONENT_NAME$f,
+  props: props$9,
   emits: ['update:modelValue', 'change', 'click'],
   setup(props, {
     slots
@@ -17748,10 +18019,10 @@ const MTabs = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$d = 'vcm-tabs-pane';
+const COMPONENT_NAME$e = 'vcm-tabs-pane';
 const MTabsPane = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$d,
-  props: props$9,
+  name: COMPONENT_NAME$e,
+  props: props$a,
   setup(_, {
     slots
   }) {
@@ -17768,6 +18039,134 @@ const MTabsPane = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
+  name: COMPONENT_NAME$d,
+  props: props$8,
+  setup(props, {
+    emit
+  }) {
+    const instance = vue.getCurrentInstance();
+    const isActive = vue.ref(false);
+    const endIndex = vue.ref(-1);
+    const styles = vue.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 : lodashEs.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 => {
+      vue.watch(() => props[key], calcPosition);
+    });
+    vue.onMounted(() => {
+      props.resize !== false && helperResize.Resize.on(instance.vnode.el, handleResize); // 首次会执行一次
+    });
+    vue.onBeforeUnmount(() => {
+      props.resize !== false && helperResize.Resize.off(instance.vnode.el, handleResize);
+      poper?.destroy?.();
+    });
+    const Content = props.tag;
+    return () => {
+      return vue.createVNode(Content, {
+        "class": "vc-text",
+        "style": styles.value,
+        "onMouseover": handleMouseOver,
+        "onMouseout": handleMouseOut
+      }, {
+        default: () => [isActive.value ? vue.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 = `
@@ -19447,6 +19846,8 @@ exports.Divider = Divider;
 exports.Drawer = Drawer;
 exports.DrawerView = DrawerView;
 exports.Dropdown = Dropdown;
+exports.DropdownItem = DropdownItem;
+exports.DropdownMenu = DropdownMenu;
 exports.Editor = Editor;
 exports.Expand = Expand$1;
 exports.Form = Form;
@@ -19488,6 +19889,8 @@ exports.MDivider = MDivider;
 exports.MDrawer = MDrawer;
 exports.MDrawerView = MDrawerView;
 exports.MDropdown = MDropdown;
+exports.MDropdownItem = MDropdownItem;
+exports.MDropdownMenu = MDropdownMenu;
 exports.MEditor = MEditor;
 exports.MExpand = MExpand;
 exports.MForm = MForm;