@deot/vc 1.0.28 → 1.0.29

package/dist/index.iife.js

@@ -26127,9 +26127,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -26309,9 +26309,9 @@ var Vc = (function (exports, vue) {
     }
   }
   const IconManager = new Manager();
-  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(props2) {
       const viewBox = vue.ref("0 0 1024 1024");
@@ -26507,9 +26507,9 @@ var Vc = (function (exports, vue) {
       }
     };
   };
-  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,
@@ -26529,9 +26529,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  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,
@@ -26649,9 +26649,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  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
@@ -26685,9 +26685,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  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: {
@@ -26726,9 +26726,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  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: {
@@ -26767,9 +26767,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  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: {
@@ -26808,7 +26808,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1U = "vc-alert";
+  const COMPONENT_NAME$1W = "vc-alert";
   const THEME_MAP = {
     info: ["#2B72FD", "#91d5ff", "#e6f7ff"],
     success: ["#52c41a", "#b7eb8f", "#f6ffed"],
@@ -26816,7 +26816,7 @@ var Vc = (function (exports, vue) {
     warning: ["#ffbf00", "#ffe58f", "#fffbe6"]
   };
   const Alert = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1U,
+    name: COMPONENT_NAME$1W,
     props: props$1p,
     setup(props2, {
       slots,
@@ -26909,9 +26909,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -26945,9 +26945,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  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(props2, {
       slots
@@ -26996,9 +26996,9 @@ var Vc = (function (exports, vue) {
     },
     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中, 这样可以让所有的事件透传
@@ -27066,9 +27066,9 @@ var Vc = (function (exports, vue) {
       default: "button"
     }
   };
-  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(props2, {
@@ -27146,9 +27146,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  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(props2, {
       slots
@@ -27177,9 +27177,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1O = "vc-calendar";
+  const COMPONENT_NAME$1Q = "vc-calendar";
   const Calendar$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1O,
+    name: COMPONENT_NAME$1Q,
     props: props$1h,
     setup(props2, {
       slots
@@ -27212,9 +27212,9 @@ var Vc = (function (exports, vue) {
       type: String
     }
   };
-  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(props2, {
       slots
@@ -27245,9 +27245,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -27266,9 +27266,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -27331,9 +27331,9 @@ var Vc = (function (exports, vue) {
     watchShallow: Boolean,
     manualUpdate: Boolean
   };
-  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(props2, {
@@ -27555,9 +27555,9 @@ var Vc = (function (exports, vue) {
       computedLabel
     };
   };
-  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(props2, {
@@ -27639,9 +27639,9 @@ var Vc = (function (exports, vue) {
       reset
     };
   };
-  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(props2, {
@@ -27656,9 +27656,9 @@ var Vc = (function (exports, 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(props2, {
@@ -27695,9 +27695,9 @@ var Vc = (function (exports, 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(props2, {
@@ -27753,9 +27753,9 @@ var Vc = (function (exports, vue) {
       default: () => null
     }
   };
-  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(props2, context) {
       return () => vue.h(() => {
@@ -27763,9 +27763,9 @@ var Vc = (function (exports, 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(props2, {
@@ -27908,7 +27908,7 @@ var Vc = (function (exports, vue) {
       return this.target.finally(callback);
     }
   }
-  const COMPONENT_NAME$1D = "vc-portal";
+  const COMPONENT_NAME$1F = "vc-portal";
   class Portal {
     /**
      * 清理Portals类型组件
@@ -27960,7 +27960,7 @@ var Vc = (function (exports, vue) {
       this.wrapper = wrapper;
       this.globalOptions = {
         ...options,
-        name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1D)
+        name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1F)
       };
     }
     popup(propsData, options) {
@@ -28059,7 +28059,7 @@ var Vc = (function (exports, vue) {
         ...rest
       } = options;
       let useAllNodes = fragment;
-      const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1D)}` : name$;
+      const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1F)}` : name$;
       const container = document.createElement(tag);
       const root = typeof el2 === "object" ? el2 : document.querySelector(el2 || "body");
       !alive && Portal.leafs.get(name)?.destroy();
@@ -28093,7 +28093,7 @@ var Vc = (function (exports, vue) {
       } else {
         const wrapper = this.wrapper;
         const app = vue.createApp({
-          name: COMPONENT_NAME$1D,
+          name: COMPONENT_NAME$1F,
           parent,
           setup() {
             if (alive) {
@@ -28203,9 +28203,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1C = "vc-portal-view";
+  const COMPONENT_NAME$1E = "vc-portal-view";
   const PortalView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1C,
+    name: COMPONENT_NAME$1E,
     props: props$18,
     setup(props2, {
       slots
@@ -28368,9 +28368,9 @@ var Vc = (function (exports, vue) {
     };
     return () => vue.h(props2.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 }));
@@ -28402,9 +28402,9 @@ var Vc = (function (exports, vue) {
   const MTransitionScale = TransitionScale;
   const MTransitionSlide = TransitionSlide;
   const MTransitionZoom = TransitionZoom;
-  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(props2, {
@@ -28503,9 +28503,9 @@ var Vc = (function (exports, vue) {
   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 }));
@@ -28534,9 +28534,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  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(props2, { slots, emit }) {
@@ -28645,12 +28645,12 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  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(props2, {
       slots
@@ -28669,7 +28669,7 @@ var Vc = (function (exports, vue) {
             enter: 200,
             leave: 200
           }
-        }, _isSlot$3(_slot = vue.withDirectives(vue.createVNode(Content, null, {
+        }, _isSlot$2(_slot = vue.withDirectives(vue.createVNode(Content, null, {
           default: () => [(props2.alive || !props2.alive && isActive.value) && slots.default?.()]
         }), [[vue.vShow, isActive.value]])) ? _slot : {
           default: () => [_slot]
@@ -28677,9 +28677,9 @@ var Vc = (function (exports, 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(props2, {
       slots,
@@ -28749,9 +28749,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -28770,9 +28770,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -29210,9 +29210,9 @@ var Vc = (function (exports, vue) {
     expose?.(exposed);
     return exposed;
   };
-  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$$,
@@ -29225,7 +29225,8 @@ var Vc = (function (exports, vue) {
     emits: ["update:modelValue", "input", "change", "focus", "blur", "clear", "paste", "keydown", "keypress", "keyup", "enter", "tip"],
     setup(props2, {
       slots,
-      expose
+      expose,
+      attrs
     }) {
       const input = vue.ref();
       useNativeEmitter(input, expose);
@@ -29293,9 +29294,9 @@ var Vc = (function (exports, vue) {
           }, classes.value]
         }, [slots.prepend?.() || props2.prepend && vue.createVNode(Icon, {
           "type": props2.prepend
-        }, null)]), vue.createVNode("div", {
+        }, null)]), vue.createVNode("div", vue.mergeProps({
           "class": ["vc-input__content", classes.value]
-        }, [slots.content?.() || renderInput(false)]), !props2.disabled && props2.clearable && vue.createVNode(TransitionFade, null, {
+        }, slots.content ? it.value.listeners : {}), [slots.content ? slots.content() : renderInput(false)]), !props2.disabled && props2.clearable && vue.createVNode(TransitionFade, null, {
           default: () => [vue.createVNode(Icon, {
             "class": "vc-input__icon-clear",
             "type": "clear",
@@ -29542,9 +29543,9 @@ var Vc = (function (exports, vue) {
       handleStepper
     };
   };
-  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(props2, {
@@ -29604,9 +29605,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  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(props2, {
@@ -29890,12 +29891,9 @@ var Vc = (function (exports, vue) {
       getRect
     };
   };
-  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(props2, {
@@ -29955,7 +29953,7 @@ var Vc = (function (exports, vue) {
           return container;
         }
       };
-      const setPopupStyle = () => {
+      const setPopupStyle = debounce$1(() => {
         if (!vnode.el) return;
         const triggerEl = getHackContainer();
         const {
@@ -29989,7 +29987,10 @@ var Vc = (function (exports, vue) {
         wrapperW.value = {
           width: `${triggerEl.getBoundingClientRect().width}px`
         };
-      };
+      }, 50, {
+        leading: true,
+        trailing: false
+      });
       let timer;
       let isPressMouse = false;
       const handleTriggerChange = (e) => {
@@ -30033,7 +30034,7 @@ var Vc = (function (exports, vue) {
         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`
@@ -30079,7 +30080,6 @@ var Vc = (function (exports, vue) {
         }
       });
       return () => {
-        let _slot;
         return vue.createVNode(TransitionScale, {
           "mode": props2.animation || "part",
           "duration": {
@@ -30087,35 +30087,37 @@ var Vc = (function (exports, vue) {
             leave: 150
           },
           "onAfterLeave": handleRemove
-        }, _isSlot$2(_slot = vue.withDirectives(vue.createVNode("div", {
-          "style": [wrapperStyle.value, wrapperW.value, props2.portalStyle],
-          "class": [wrapperClasses.value, props2.portalClass, "vc-popover-wrapper"],
-          "onMousedown": () => !props2.hover && handleMouseDown(),
-          "onMouseenter": (e) => props2.hover && handleChange(e, {
-            visible: true
-          }),
-          "onMouseleave": (e) => props2.hover && handleChange(e, {
-            visible: false
-          })
-        }, [vue.createVNode("div", {
-          "class": [themeClasses.value, "vc-popover-wrapper__container"]
-        }, [props2.arrow && vue.createVNode("div", {
-          "style": arrowStyle.value,
-          "class": [themeClasses.value, posClasses.value, "vc-popover-wrapper__arrow"]
-        }, null), slots.content ? slots.content() : typeof props2.content === "function" ? vue.createVNode(Customer, {
-          "render": props2.content
-        }, null) : vue.createVNode("div", {
-          "innerHTML": props2.content
-        }, null)])]), [[vue.vShow, isActive.value]])) ? _slot : {
-          default: () => [_slot]
+        }, {
+          default: () => [vue.withDirectives(vue.createVNode("div", {
+            "style": [wrapperStyle.value, wrapperW.value, props2.portalStyle],
+            "class": [wrapperClasses.value, props2.portalClass, "vc-popover-wrapper"],
+            "onMousedown": () => !props2.hover && handleMouseDown(),
+            "onMouseenter": (e) => props2.hover && handleChange(e, {
+              visible: true
+            }),
+            "onMouseleave": (e) => props2.hover && handleChange(e, {
+              visible: false
+            })
+          }, [vue.createVNode("div", {
+            "class": [themeClasses.value, "vc-popover-wrapper__container"]
+          }, [props2.arrow && vue.createVNode("div", {
+            "style": arrowStyle.value,
+            "class": [themeClasses.value, posClasses.value, "vc-popover-wrapper__arrow"]
+          }, null), slots.content ? slots.content() : typeof props2.content === "function" ? vue.createVNode(Customer, {
+            "render": props2.content
+          }, null) : vue.createVNode("div", {
+            "innerHTML": props2.content
+          }, null)])]), [[vue.vShow, isActive.value]])]
         });
       };
     }
   });
-  const PopoverPortal = new Portal(PopoverWrapper);
-  const COMPONENT_NAME$1p = "vc-popover";
+  const PopoverPortal = new Portal(PopoverWrapper, {
+    leaveDelay: 0
+  });
+  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(props2, {
@@ -31191,9 +31193,9 @@ var Vc = (function (exports, vue) {
     }
     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,
@@ -31254,9 +31256,9 @@ var Vc = (function (exports, 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: {
@@ -31337,9 +31339,9 @@ var Vc = (function (exports, 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: {
@@ -31539,9 +31541,9 @@ var Vc = (function (exports, 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,
@@ -31667,7 +31669,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1k = "vc-quarter-table";
+  const COMPONENT_NAME$1m = "vc-quarter-table";
   const getMonthRange = (panelDate, quarter) => {
     const year = panelDate.getFullYear();
     const [startMonth, endMonth] = [quarter * 3, quarter * 3 + 2];
@@ -31694,7 +31696,7 @@ var Vc = (function (exports, vue) {
     }
   };
   const QuarterTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1k,
+    name: COMPONENT_NAME$1m,
     props: {
       value: Array,
       panelDate: Date,
@@ -31812,9 +31814,9 @@ var Vc = (function (exports, 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,
@@ -31851,9 +31853,9 @@ var Vc = (function (exports, 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],
@@ -32128,9 +32130,9 @@ var Vc = (function (exports, 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,
@@ -32246,9 +32248,9 @@ var Vc = (function (exports, vue) {
     }
     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: {
@@ -32609,9 +32611,9 @@ var Vc = (function (exports, 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,
@@ -32810,9 +32812,9 @@ var Vc = (function (exports, vue) {
     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: {
@@ -32982,9 +32984,9 @@ var Vc = (function (exports, vue) {
     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: {
@@ -33215,9 +33217,9 @@ var Vc = (function (exports, vue) {
       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(props2, {
@@ -33313,9 +33315,9 @@ var Vc = (function (exports, 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(props2, {
@@ -33366,7 +33368,7 @@ var Vc = (function (exports, 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;
@@ -33377,7 +33379,7 @@ var Vc = (function (exports, vue) {
     }
     return DatePanel;
   };
-  const DatePicker = createPicker(COMPONENT_NAME$1a, props$10, () => {
+  const DatePicker = createPicker(COMPONENT_NAME$1c, props$10, () => {
     const props2 = vue.getCurrentInstance().props;
     const icon = vue.ref("date");
     const panel = vue.shallowRef({});
@@ -33405,9 +33407,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -33554,7 +33556,7 @@ var Vc = (function (exports, vue) {
     barTo: props$R.to,
     ...pick(props$R, barKeys)
   };
-  const COMPONENT_NAME$18 = "vc-scroller-track";
+  const COMPONENT_NAME$1a = "vc-scroller-track";
   const BAR_MAP = {
     vertical: {
       scroll: "scrollTop",
@@ -33574,7 +33576,7 @@ var Vc = (function (exports, vue) {
     }
   };
   const Track$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$18,
+    name: COMPONENT_NAME$1a,
     props: props$S,
     emits: ["change"],
     inheritAttrs: false,
@@ -33736,9 +33738,9 @@ var Vc = (function (exports, 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(props2, {
@@ -33949,9 +33951,9 @@ var Vc = (function (exports, vue) {
       refreshPosition
     };
   };
-  const COMPONENT_NAME$16 = "vc-scroller";
+  const COMPONENT_NAME$18 = "vc-scroller";
   const Scroller = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$16,
+    name: COMPONENT_NAME$18,
     props: props$Q,
     emits: ["scroll"],
     setup(props2, {
@@ -34009,9 +34011,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$15 = "vc-scroller-wheel";
+  const COMPONENT_NAME$17 = "vc-scroller-wheel";
   const ScrollerWheel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$15,
+    name: COMPONENT_NAME$17,
     props: Object.assign(props$Q, {
       stopPropagation: {
         type: Boolean,
@@ -34192,9 +34194,9 @@ var Vc = (function (exports, vue) {
       type: Function
     }
   };
-  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(props2, {
@@ -34348,26 +34350,164 @@ var Vc = (function (exports, vue) {
   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
     }
   };
-  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(props2, {
+      slots,
+      emit,
+      expose
+    }) {
+      const its = useAttrs({
+        merge: false
+      });
+      const isActive = vue.ref(false);
+      const dropdownId = vue.ref(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(() => props2.modelValue, (v) => {
+        isActive.value = v;
+      }, {
+        immediate: true
+      });
+      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": props2.placement,
+          "trigger": props2.trigger,
+          "arrow": props2.arrow,
+          "portalClass": ["is-padding-none", "vc-dropdown-wrapper", props2.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?.()
+        });
+      };
+    }
+  });
+  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?.()]);
       };
     }
   });
+  const COMPONENT_NAME$13 = "vc-dropdown-item";
+  const DropdownItem = /* @__PURE__ */ vue.defineComponent({
+    name: COMPONENT_NAME$13,
+    props: {
+      value: {
+        type: [String, Number],
+        value: void 0
+      },
+      label: {
+        type: [String, Number],
+        value: void 0
+      },
+      disabled: {
+        type: Boolean,
+        default: false
+      },
+      selected: {
+        type: Boolean,
+        default: false
+      },
+      divided: {
+        type: Boolean,
+        default: false
+      },
+      closable: {
+        type: Boolean,
+        default: true
+      }
+    },
+    setup(props2, {
+      slots,
+      emit
+    }) {
+      const owner = getInstance$1("dropdown", "dropdownId");
+      const currentValue = vue.computed(() => {
+        const v = typeof props2.value === "undefined" || props2.value === "" ? props2.label : props2.value;
+        return v;
+      });
+      const classes = vue.computed(() => {
+        return {
+          "is-selected": props2.selected,
+          "is-divided": props2.divided,
+          "is-disabled": props2.disabled
+        };
+      });
+      const handleClick = (e) => {
+        if (props2.disabled) return;
+        emit("click", currentValue.value, e);
+        owner.emit("click", currentValue.value, e);
+        props2.closable && owner.exposed?.close();
+      };
+      return () => {
+        return vue.createVNode("li", {
+          "class": [classes.value, "vc-dropdown-item"],
+          "onClick": handleClick
+        }, [slots.default ? slots.default?.() : props2.label]);
+      };
+    }
+  });
   const MDropdown = Dropdown;
+  const MDropdownMenu = DropdownMenu;
+  const MDropdownItem = DropdownItem;
   const props$N = {
     tag: {
       type: String,
@@ -35966,6 +36106,9 @@ var Vc = (function (exports, vue) {
       type: Boolean,
       default: false
     },
+    // draggable为true时有效
+    x: Number,
+    y: Number,
     okText: {
       type: [String, Boolean],
       default: "确定"
@@ -36019,8 +36162,8 @@ var Vc = (function (exports, vue) {
       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(props2.x);
+      const y = vue.ref(props2.y);
       const isActive = vue.ref(false);
       const MAX_HEIGHT2 = IS_SERVER$3 ? 0 : window.innerHeight - 20;
       const MAX_WIDTH2 = IS_SERVER$3 ? 0 : window.innerWidth - 20;
@@ -36060,8 +36203,8 @@ var Vc = (function (exports, vue) {
       });
       const draggableStyle = vue.computed(() => {
         if (IS_SERVER$3 || !props2.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`
@@ -37544,22 +37687,171 @@ var Vc = (function (exports, vue) {
   });
   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]
   };
   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(props2, {
-      slots
+      slots,
+      emit
     }) {
+      const instance = vue.getCurrentInstance();
+      const its = useAttrs({
+        merge: false
+      });
+      const isActive = vue.ref(false);
+      const contentStyle = vue.computed(() => {
+        return props2.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(() => props2.modelValue, (v) => {
+        isActive.value = v;
+      }, {
+        immediate: true
+      });
+      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": props2.placement,
+          "trigger": props2.trigger,
+          "portalClass": ["is-padding-none", "vc-popconfirm-wrapper", props2.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: `${props2.width}px`
+              }],
+              "class": "vc-popconfirm__wrapper"
+            }, [vue.createVNode("div", {
+              "class": "vc-popconfirm__title"
+            }, [slots.icon ? slots.icon() : vue.createVNode(Icon, {
+              "type": props2.type,
+              "class": [`is-${props2.type}`, "vc-popconfirm__icon"]
+            }, null), vue.createVNode("div", null, [slots.title ? slots.title() : typeof props2.title === "string" ? vue.createVNode("div", {
+              "innerHTML": props2.title
+            }, null) : typeof props2.title === "function" ? vue.createVNode(Customer, {
+              "render": props2.title
+            }, null) : null])]), vue.createVNode("div", {
+              "style": contentStyle.value,
+              "class": "vc-popconfirm__content"
+            }, [slots.content ? slots.content() : typeof props2.content === "string" ? vue.createVNode("div", {
+              "innerHTML": props2.content
+            }, null) : typeof props2.content === "function" ? vue.createVNode(Customer, {
+              "render": props2.content
+            }, null) : null]), vue.createVNode("div", {
+              "class": "vc-popconfirm__footer"
+            }, [vue.createVNode(Button, {
+              "type": props2.cancelType,
+              "style": "margin-right: 8px;",
+              "size": "small",
+              "onClick": (e) => handleBefore(e, handleCancel)
+            }, {
+              default: () => [props2.cancelText]
+            }), vue.createVNode(Button, {
+              "type": props2.okType,
+              "size": "small",
+              "onClick": (e) => handleBefore(e, handleOk)
+            }, {
+              default: () => [props2.okText]
+            })])]);
+          }
+        });
       };
     }
   });
@@ -40325,6 +40617,78 @@ var Vc = (function (exports, vue) {
       };
     }
   });
+  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: el2, line, value, suffix, indent = 0 } = options;
+    let lineHeight = parseInt(getStyle$1(el2, "line-height"), 10);
+    if (!hiddenEl$1) {
+      hiddenEl$1 = document.createElement("div");
+      document.body.appendChild(hiddenEl$1);
+    }
+    el2.getAttribute("wrap") ? hiddenEl$1.setAttribute("wrap", el2.getAttribute("wrap")) : hiddenEl$1.removeAttribute("wrap");
+    const {
+      paddingSize,
+      borderSize,
+      boxSizing,
+      sizingStyle
+    } = utils.getComputedStyle(el2, SIZING_STYLE$1);
+    const textIndent = `text-indent: ${parseInt(getStyle$1(el2, "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: {
@@ -40433,10 +40797,13 @@ var Vc = (function (exports, vue) {
             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");
         }
@@ -40453,24 +40820,43 @@ var Vc = (function (exports, vue) {
         }
         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);
         }
+        const el2 = e.target.querySelector(".vc-table__text-line");
+        if (!el2) return;
+        const value = `${row[column.prop]}`;
+        const endIndex = getFitIndex({
+          el: el2,
+          value,
+          line: column.line,
+          suffix: "..."
+        });
+        if (endIndex > 0 && endIndex < value.length - 1) {
+          poper && poper.destroy();
+          poper = Popover.open({
+            el: document.body,
+            triggerEl: el2,
+            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$1((index) => {
         table.store.setHoverRow(index);
@@ -40541,8 +40927,8 @@ var Vc = (function (exports, vue) {
             "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,
@@ -40598,7 +40984,11 @@ var Vc = (function (exports, vue) {
           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", {
@@ -40725,10 +41115,13 @@ var Vc = (function (exports, vue) {
             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");
         }
@@ -41636,190 +42029,6 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  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
-    },
-    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;
-      }
-    }
-  };
-  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: el2, line, value, suffix, indent } = options;
-    let lineHeight = parseInt(getStyle$1(el2, "line-height"), 10);
-    if (!hiddenEl$1) {
-      hiddenEl$1 = document.createElement("div");
-      document.body.appendChild(hiddenEl$1);
-    }
-    el2.getAttribute("wrap") ? hiddenEl$1.setAttribute("wrap", el2.getAttribute("wrap")) : hiddenEl$1.removeAttribute("wrap");
-    const {
-      paddingSize,
-      borderSize,
-      boxSizing,
-      sizingStyle
-    } = utils.getComputedStyle(el2, SIZING_STYLE$1);
-    const textIndent = `text-indent: ${parseInt(getStyle$1(el2, "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;
-  };
-  const COMPONENT_NAME$h = "vc-text";
-  const Text = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$h,
-    props: props$b,
-    setup(props2, {
-      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
-        } = props2;
-        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 = props2.resize === true || props2.resize === 0 ? calcPosition : debounce$1(calcPosition, props2.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: props2.placement,
-            portalClass: props2.portalClass,
-            portalStyle: [props2.portalStyle || `width: ${e.target.clientWidth}px`, "word-break: break-all"],
-            content: props2.value
-          });
-        }
-      };
-      const handleMouseOut = () => {
-      };
-      ["value", "indent", "line"].forEach((key) => {
-        vue.watch(() => props2[key], calcPosition);
-      });
-      vue.onMounted(() => {
-        props2.resize !== false && Resize.on(instance.vnode.el, handleResize);
-      });
-      vue.onBeforeUnmount(() => {
-        props2.resize !== false && Resize.off(instance.vnode.el, handleResize);
-        poper?.destroy?.();
-      });
-      const Content = props2.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 ? `${props2.value.slice(0, endIndex.value)}${props2.suffix}` : props2.value,
-            "index": endIndex.value,
-            "render": props2.renderRow
-          }, null) : null]
-        });
-      };
-    }
-  });
   const cellStarts = {
     default: {
       order: ""
@@ -41827,8 +42036,7 @@ var Vc = (function (exports, vue) {
     selection: {
       width: 60,
       minWidth: 60,
-      order: "",
-      className: "vc-table-column--selection"
+      order: ""
     },
     expand: {
       width: 60,
@@ -41872,7 +42080,8 @@ var Vc = (function (exports, vue) {
         }, null), [[vue.vShow, store.states.expandSelectable || level === 0]]);
       },
       sortable: false,
-      resizable: false
+      resizable: false,
+      class: "vc-table__selection-column"
     },
     index: {
       renderHeader(h2, {
@@ -41922,7 +42131,7 @@ var Vc = (function (exports, vue) {
       },
       sortable: false,
       resizable: false,
-      className: "vc-table__expand-column"
+      class: "vc-table__expand-column"
     }
   };
   const defaultRenderCell = (rowData = {}) => {
@@ -41940,17 +42149,13 @@ var Vc = (function (exports, vue) {
     }
     const line = column.line || VcInstance.options.TableColumn?.line;
     if (line && value) {
-      const base = rowData.isHead || rowData.isTail ? 36 : 24;
       const style2 = {
-        // 目前左右pading为10
-        // TODO: 含有border还要-1
-        width: (column.realWidth || column.width) - base + "px"
+        "-webkit-line-clamp": line
       };
-      return vue.createVNode(Text, {
-        "style": style2,
-        "line": line,
-        "value": `${value}`
-      }, null);
+      return vue.createVNode("div", {
+        "class": "vc-table__text-line",
+        "style": style2
+      }, [value]);
     }
     return value;
   };
@@ -41995,6 +42200,7 @@ var Vc = (function (exports, vue) {
   };
   const TableColumn = /* @__PURE__ */ vue.defineComponent({
     name: "vc-table-column",
+    inheritAttrs: false,
     props: {
       type: {
         type: String,
@@ -42006,7 +42212,6 @@ var Vc = (function (exports, vue) {
         default: 0
       },
       label: String,
-      customClass: String,
       labelClass: String,
       prop: String,
       width: Number,
@@ -42043,7 +42248,8 @@ var Vc = (function (exports, vue) {
       tooltip: [String, Function]
     },
     setup(props2, {
-      slots
+      slots,
+      attrs
     }) {
       const instance = vue.getCurrentInstance();
       const table = vue.inject("vc-table");
@@ -42080,7 +42286,7 @@ var Vc = (function (exports, vue) {
         Object.keys(source).forEach((prop) => {
           const value = source[prop];
           if (value !== void 0) {
-            column[prop] = prop === "customClass" ? `${column[prop]} ${value}` : value;
+            column[prop] = prop === "class" ? `${column[prop] ? `${column[prop]} ` : ""}${value}` : value;
           }
         });
         return column;
@@ -42125,7 +42331,7 @@ var Vc = (function (exports, vue) {
             };
             if (!isEmpty$1(table.store.states.treeData) && !prefix2 && data.isExpandColumn) {
               prefix2 = vue.createVNode("span", {
-                "class": "vc-table-un-expand__indent"
+                "class": "vc-table__unexpand__indent"
               }, null);
             }
             const {
@@ -42141,6 +42347,8 @@ var Vc = (function (exports, vue) {
         const defaults2 = {
           colspan: 1,
           rowspan: 1,
+          class: attrs.class,
+          style: attrs.style,
           ...cellStarts[props2.type],
           id: columnId.value,
           realAlign,
@@ -42212,7 +42420,7 @@ var Vc = (function (exports, vue) {
   });
   const MTable = Table;
   const MTableColumn = TableColumn;
-  const props$a = {
+  const props$b = {
     type: {
       type: String,
       validator: (v) => /^(line|card)$/.test(v),
@@ -42367,10 +42575,10 @@ var Vc = (function (exports, vue) {
       handleChange
     };
   };
-  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(props2, {
       slots
@@ -42515,7 +42723,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$9 = {
+  const props$a = {
     value: {
       type: [String, Number]
     },
@@ -42593,10 +42801,10 @@ var Vc = (function (exports, vue) {
       currentValue
     };
   };
-  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
     }) {
@@ -42610,8 +42818,8 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$8 = {
-    ...props$a,
+  const props$9 = {
+    ...props$b,
     theme: {
       type: String,
       default: "light",
@@ -42646,10 +42854,10 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  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(props2, {
       slots
@@ -42876,10 +43084,10 @@ var Vc = (function (exports, 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
     }) {
@@ -42894,6 +43102,129 @@ var Vc = (function (exports, vue) {
     }
   });
   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;
+      }
+    }
+  };
+  const COMPONENT_NAME$d = "vc-text";
+  const Text = /* @__PURE__ */ vue.defineComponent({
+    name: COMPONENT_NAME$d,
+    props: props$8,
+    setup(props2, {
+      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
+        } = props2;
+        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 = props2.resize === true || props2.resize === 0 ? calcPosition : debounce$1(calcPosition, props2.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: props2.placement,
+            portalClass: props2.portalClass,
+            portalStyle: [props2.portalStyle || `width: ${e.target.clientWidth}px`, "word-break: break-all"],
+            content: props2.value
+          });
+        }
+      };
+      const handleMouseOut = () => {
+      };
+      ["value", "indent", "line"].forEach((key) => {
+        vue.watch(() => props2[key], calcPosition);
+      });
+      vue.onMounted(() => {
+        props2.resize !== false && Resize.on(instance.vnode.el, handleResize);
+      });
+      vue.onBeforeUnmount(() => {
+        props2.resize !== false && Resize.off(instance.vnode.el, handleResize);
+        poper?.destroy?.();
+      });
+      const Content = props2.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 ? `${props2.value.slice(0, endIndex.value)}${props2.suffix}` : props2.value,
+            "index": endIndex.value,
+            "render": props2.renderRow
+          }, null) : null]
+        });
+      };
+    }
+  });
   const MText = Text;
   const HIDDEN_TEXTAREA_STYLE = `
 	min-height:0 !important;
@@ -44549,10 +44880,10 @@ var Vc = (function (exports, vue) {
     MDrawerView,
     Dropdown,
     MDropdown,
-    // DropdownItem,
-    // MDropdownItem,
-    // DropdownMenu,
-    // MDropdownMenu,
+    DropdownItem,
+    MDropdownItem,
+    DropdownMenu,
+    MDropdownMenu,
     Editor,
     MEditor,
     // EditorView,
@@ -131921,6 +132252,8 @@ var Vc = (function (exports, vue) {
   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;
@@ -131962,6 +132295,8 @@ var Vc = (function (exports, vue) {
   exports.MDrawer = MDrawer;
   exports.MDrawerView = MDrawerView;
   exports.MDropdown = MDropdown;
+  exports.MDropdownItem = MDropdownItem;
+  exports.MDropdownMenu = MDropdownMenu;
   exports.MEditor = MEditor;
   exports.MExpand = MExpand;
   exports.MForm = MForm;