@deot/vc 1.0.16 → 1.0.18

package/dist/index.iife.js

@@ -24126,6 +24126,17 @@ var Vc = (function (exports, vue) {
   const defaults$1 = {
     Theme: {
       variables: VARIABLES
+    },
+    Portal: {
+      install: void 0
+    },
+    Upload: {
+      onRequest: void 0,
+      onResponse: void 0,
+      onMessage: void 0
+    },
+    TableColumn: {
+      line: void 0
     }
   };
   class Instance {
@@ -24158,9 +24169,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1_ = "vc-action-sheet";
+  const COMPONENT_NAME$1$ = "vc-action-sheet";
   const ActionSheet = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1_,
+    name: COMPONENT_NAME$1$,
     props: props$1q,
     setup(props2, {
       slots
@@ -24340,9 +24351,9 @@ var Vc = (function (exports, vue) {
     }
   }
   const IconManager = new Manager();
-  const COMPONENT_NAME$1Z = "vc-icon";
+  const COMPONENT_NAME$1_ = "vc-icon";
   const Icon = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1Z,
+    name: COMPONENT_NAME$1_,
     props: props$1o,
     setup(props2) {
       const viewBox = vue.ref("0 0 1024 1024");
@@ -24538,9 +24549,9 @@ var Vc = (function (exports, vue) {
       }
     };
   };
-  const COMPONENT_NAME$1Y = "vc-transition";
+  const COMPONENT_NAME$1Z = "vc-transition";
   const Transition = vue.defineComponent({
-    name: COMPONENT_NAME$1Y,
+    name: COMPONENT_NAME$1Z,
     props: props$1n,
     // 当不声明emits的情况下，事件存在于attrs中
     inheritAttrs: false,
@@ -24560,9 +24571,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1X = "vc-transition-collapse";
+  const COMPONENT_NAME$1Y = "vc-transition-collapse";
   const TransitionCollapse = vue.defineComponent({
-    name: COMPONENT_NAME$1X,
+    name: COMPONENT_NAME$1Y,
     props: props$1n,
     // 当不声明emits的情况下，事件存在于attrs中
     inheritAttrs: false,
@@ -24680,9 +24691,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1W = "vc-transition-fade";
+  const COMPONENT_NAME$1X = "vc-transition-fade";
   const TransitionFade = vue.defineComponent({
-    name: COMPONENT_NAME$1W,
+    name: COMPONENT_NAME$1X,
     props: {
       ...props$1n,
       // inheritAttrs必须是false
@@ -24716,9 +24727,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1V = "vc-transition-scale";
+  const COMPONENT_NAME$1W = "vc-transition-scale";
   const TransitionScale = vue.defineComponent({
-    name: COMPONENT_NAME$1V,
+    name: COMPONENT_NAME$1W,
     props: {
       ...props$1n,
       mode: {
@@ -24757,9 +24768,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1U = "vc-transition-slide";
+  const COMPONENT_NAME$1V = "vc-transition-slide";
   const TransitionSlide = vue.defineComponent({
-    name: COMPONENT_NAME$1U,
+    name: COMPONENT_NAME$1V,
     props: {
       ...props$1n,
       mode: {
@@ -24798,9 +24809,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1T = "vc-transition-zoom";
+  const COMPONENT_NAME$1U = "vc-transition-zoom";
   const TransitionZoom = vue.defineComponent({
-    name: COMPONENT_NAME$1T,
+    name: COMPONENT_NAME$1U,
     props: {
       ...props$1n,
       mode: {
@@ -24839,7 +24850,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1S = "vc-alert";
+  const COMPONENT_NAME$1T = "vc-alert";
   const THEME_MAP = {
     info: ["#2B72FD", "#91d5ff", "#e6f7ff"],
     success: ["#52c41a", "#b7eb8f", "#f6ffed"],
@@ -24847,7 +24858,7 @@ var Vc = (function (exports, vue) {
     warning: ["#ffbf00", "#ffe58f", "#fffbe6"]
   };
   const Alert = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1S,
+    name: COMPONENT_NAME$1T,
     props: props$1p,
     setup(props2, {
       slots,
@@ -24940,9 +24951,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1R = "vc-artboard";
+  const COMPONENT_NAME$1S = "vc-artboard";
   const Artboard = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1R,
+    name: COMPONENT_NAME$1S,
     props: props$1m,
     setup(props2, {
       slots
@@ -24976,9 +24987,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$1Q = "vc-spin";
+  const COMPONENT_NAME$1R = "vc-spin";
   const Spin = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1Q,
+    name: COMPONENT_NAME$1R,
     props: props$1l,
     setup(props2, {
       slots
@@ -25027,9 +25038,9 @@ var Vc = (function (exports, vue) {
     },
     exclude: RegExp
   };
-  const COMPONENT_NAME$1P = "vc-debounce";
+  const COMPONENT_NAME$1Q = "vc-debounce";
   const Debounce = vue.defineComponent({
-    name: COMPONENT_NAME$1P,
+    name: COMPONENT_NAME$1Q,
     props: props$1k,
     /**
      * 不声明emits使得事件被透传放入attrs中, 这样可以让所有的事件透传
@@ -25097,9 +25108,9 @@ var Vc = (function (exports, vue) {
       default: "button"
     }
   };
-  const COMPONENT_NAME$1O = "vc-button";
+  const COMPONENT_NAME$1P = "vc-button";
   const Button = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1O,
+    name: COMPONENT_NAME$1P,
     emits: ["click"],
     props: props$1j,
     setup(props2, {
@@ -25175,9 +25186,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$1N = "vc-button-group";
+  const COMPONENT_NAME$1O = "vc-button-group";
   const ButtonGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1N,
+    name: COMPONENT_NAME$1O,
     props: props$1i,
     setup(props2, {
       slots
@@ -25206,9 +25217,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1M = "vc-calendar";
+  const COMPONENT_NAME$1N = "vc-calendar";
   const Calendar$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1M,
+    name: COMPONENT_NAME$1N,
     props: props$1h,
     setup(props2, {
       slots
@@ -25241,9 +25252,9 @@ var Vc = (function (exports, vue) {
       type: String
     }
   };
-  const COMPONENT_NAME$1L = "vc-card";
+  const COMPONENT_NAME$1M = "vc-card";
   const Card = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1L,
+    name: COMPONENT_NAME$1M,
     props: props$1g,
     setup(props2, {
       slots
@@ -25274,9 +25285,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1K = "vc-carousel";
+  const COMPONENT_NAME$1L = "vc-carousel";
   const Carousel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1K,
+    name: COMPONENT_NAME$1L,
     props: props$1f,
     setup(props2, {
       slots
@@ -25295,9 +25306,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1J = "vc-cascader";
+  const COMPONENT_NAME$1K = "vc-cascader";
   const Cascader = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1J,
+    name: COMPONENT_NAME$1K,
     props: props$1e,
     setup(props2, {
       slots
@@ -25360,9 +25371,9 @@ var Vc = (function (exports, vue) {
     watchShallow: Boolean,
     manualUpdate: Boolean
   };
-  const COMPONENT_NAME$1I = "vc-chart";
+  const COMPONENT_NAME$1J = "vc-chart";
   const Chart = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1I,
+    name: COMPONENT_NAME$1J,
     props: props$1d,
     emits: [...EVENTS, "ready"],
     setup(props2, {
@@ -25583,9 +25594,9 @@ var Vc = (function (exports, vue) {
       computedLabel
     };
   };
-  const COMPONENT_NAME$1H = "vc-checkbox";
+  const COMPONENT_NAME$1I = "vc-checkbox";
   const Checkbox = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1H,
+    name: COMPONENT_NAME$1I,
     props: props$1c,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -25667,9 +25678,9 @@ var Vc = (function (exports, vue) {
       reset
     };
   };
-  const COMPONENT_NAME$1G = "vc-checkbox-group";
+  const COMPONENT_NAME$1H = "vc-checkbox-group";
   const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1G,
+    name: COMPONENT_NAME$1H,
     props: props$1b,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -25684,9 +25695,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1F = "vcm-checkbox";
+  const COMPONENT_NAME$1G = "vcm-checkbox";
   const MCheckbox = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1F,
+    name: COMPONENT_NAME$1G,
     props: props$1c,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -25723,9 +25734,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1E = "vcm-checkbox-group";
+  const COMPONENT_NAME$1F = "vcm-checkbox-group";
   const MCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1E,
+    name: COMPONENT_NAME$1F,
     props: props$1b,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -25781,9 +25792,9 @@ var Vc = (function (exports, vue) {
       default: () => null
     }
   };
-  const COMPONENT_NAME$1D = "vc-customer";
+  const COMPONENT_NAME$1E = "vc-customer";
   const Customer = vue.defineComponent({
-    name: COMPONENT_NAME$1D,
+    name: COMPONENT_NAME$1E,
     props: props$19,
     setup(props2, context) {
       return () => vue.h(() => {
@@ -25791,9 +25802,9 @@ var Vc = (function (exports, vue) {
       });
     }
   });
-  const COMPONENT_NAME$1C = "vc-message";
+  const COMPONENT_NAME$1D = "vc-message";
   const MessageView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1C,
+    name: COMPONENT_NAME$1D,
     emits: ["before-close", "close", "portal-fulfilled"],
     props: props$1a,
     setup(props2, {
@@ -25936,7 +25947,7 @@ var Vc = (function (exports, vue) {
       return this.target.finally(callback);
     }
   }
-  const COMPONENT_NAME$1B = "vc-portal";
+  const COMPONENT_NAME$1C = "vc-portal";
   class Portal {
     /**
      * 清理Portals类型组件
@@ -25988,7 +25999,7 @@ var Vc = (function (exports, vue) {
       this.wrapper = wrapper;
       this.globalOptions = {
         ...options,
-        name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1B)
+        name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1C)
       };
     }
     popup(propsData, options) {
@@ -26087,7 +26098,7 @@ var Vc = (function (exports, vue) {
         ...rest
       } = options;
       let useAllNodes = fragment;
-      const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1B)}` : name$;
+      const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1C)}` : name$;
       const container = document.createElement(tag);
       const root = typeof el2 === "object" ? el2 : document.querySelector(el2 || "body");
       !alive && Portal.leafs.get(name)?.destroy();
@@ -26121,7 +26132,7 @@ var Vc = (function (exports, vue) {
       } else {
         const wrapper = this.wrapper;
         const app = vue.createApp({
-          name: COMPONENT_NAME$1B,
+          name: COMPONENT_NAME$1C,
           parent,
           setup() {
             if (alive) {
@@ -26231,9 +26242,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1A = "vc-portal-view";
+  const COMPONENT_NAME$1B = "vc-portal-view";
   const PortalView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1A,
+    name: COMPONENT_NAME$1B,
     props: props$18,
     setup(props2, {
       slots
@@ -26396,9 +26407,9 @@ var Vc = (function (exports, vue) {
     };
     return () => vue.h(props2.tag, { onClick: handleClick, class: "vc-clipboard" }, slots?.default?.());
   };
-  const COMPONENT_NAME$1z = "vc-clipboard";
+  const COMPONENT_NAME$1A = "vc-clipboard";
   const Clipboard$1 = vue.defineComponent({
-    name: COMPONENT_NAME$1z,
+    name: COMPONENT_NAME$1A,
     props: props$17,
     setup() {
       return useClipboard((content) => Message.success({ content }));
@@ -26430,9 +26441,9 @@ var Vc = (function (exports, vue) {
   const MTransitionScale = TransitionScale;
   const MTransitionSlide = TransitionSlide;
   const MTransitionZoom = TransitionZoom;
-  const COMPONENT_NAME$1y = "vcm-toast";
+  const COMPONENT_NAME$1z = "vcm-toast";
   const MToastView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1y,
+    name: COMPONENT_NAME$1z,
     emits: ["close", "portal-fulfilled"],
     props: props$16,
     setup(props2, {
@@ -26531,9 +26542,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$1x = "vcm-clipboard";
+  const COMPONENT_NAME$1y = "vcm-clipboard";
   const MClipboard$1 = vue.defineComponent({
-    name: COMPONENT_NAME$1x,
+    name: COMPONENT_NAME$1y,
     props: props$17,
     setup() {
       return useClipboard((content) => MToast.info({ content }));
@@ -26562,9 +26573,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$1w = "vc-collapse";
+  const COMPONENT_NAME$1x = "vc-collapse";
   const Collapse = vue.defineComponent({
-    name: COMPONENT_NAME$1w,
+    name: COMPONENT_NAME$1x,
     props: props$15,
     emits: ["update:moodelValue", "change"],
     setup(props2, { slots, emit }) {
@@ -26676,9 +26687,9 @@ var Vc = (function (exports, vue) {
   function _isSlot$3(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$1v = "vc-expand";
+  const COMPONENT_NAME$1w = "vc-expand";
   const Expand$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1v,
+    name: COMPONENT_NAME$1w,
     props: props$13,
     setup(props2, {
       slots
@@ -26705,9 +26716,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1u = "vc-collapse-item";
+  const COMPONENT_NAME$1v = "vc-collapse-item";
   const CollapseItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1u,
+    name: COMPONENT_NAME$1v,
     props: props$14,
     setup(props2, {
       slots,
@@ -26777,9 +26788,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1t = "vc-color-picker";
+  const COMPONENT_NAME$1u = "vc-color-picker";
   const ColorPicker = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1t,
+    name: COMPONENT_NAME$1u,
     props: props$12,
     setup(props2, {
       slots
@@ -26798,9 +26809,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1s = "vc-countdown";
+  const COMPONENT_NAME$1t = "vc-countdown";
   const Countdown = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1s,
+    name: COMPONENT_NAME$1t,
     props: props$11,
     setup(props2, {
       slots
@@ -26949,7 +26960,7 @@ var Vc = (function (exports, vue) {
     hover: Boolean,
     always: Boolean,
     portalClass: [Object, String, Array],
-    portalStyle: Object
+    portalStyle: [Object, String]
   };
   const wrapperKeys = [
     "modelValue",
@@ -26985,7 +26996,7 @@ var Vc = (function (exports, vue) {
     },
     ...pick(props$_, wrapperKeys)
   };
-  const inputKeys$1 = [
+  const inputKeys$2 = [
     "id",
     "disabled"
   ];
@@ -26995,7 +27006,7 @@ var Vc = (function (exports, vue) {
   ];
   const props$Y = {
     ...pick(props$Z, popoverKeys$1),
-    ...pick(props$$, inputKeys$1),
+    ...pick(props$$, inputKeys$2),
     type: String,
     placeholder: String,
     clearable: {
@@ -27237,9 +27248,9 @@ var Vc = (function (exports, vue) {
     expose?.(exposed);
     return exposed;
   };
-  const COMPONENT_NAME$1r = "vc-input";
+  const COMPONENT_NAME$1s = "vc-input";
   const Input = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1r,
+    name: COMPONENT_NAME$1s,
     inheritAttrs: false,
     props: {
       ...props$$,
@@ -27569,9 +27580,9 @@ var Vc = (function (exports, vue) {
       handleStepper
     };
   };
-  const COMPONENT_NAME$1q = "vc-input-number";
+  const COMPONENT_NAME$1r = "vc-input-number";
   const InputNumber = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1q,
+    name: COMPONENT_NAME$1r,
     props: props$X,
     inheritAttrs: false,
     setup(props2, {
@@ -27631,9 +27642,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$1p = "vc-input-search";
+  const COMPONENT_NAME$1q = "vc-input-search";
   const InputSearch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1p,
+    name: COMPONENT_NAME$1q,
     props: props$W,
     inheritAttrs: false,
     setup(props2, {
@@ -27920,9 +27931,9 @@ var Vc = (function (exports, vue) {
   function _isSlot$2(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$1o = "vc-popover-wrapper";
+  const COMPONENT_NAME$1p = "vc-popover-wrapper";
   const PopoverWrapper = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1o,
+    name: COMPONENT_NAME$1p,
     props: props$_,
     emits: ["portal-fulfilled", "close"],
     setup(props2, {
@@ -28140,9 +28151,9 @@ var Vc = (function (exports, vue) {
     }
   });
   const PopoverPortal = new Portal(PopoverWrapper);
-  const COMPONENT_NAME$1n = "vc-popover";
+  const COMPONENT_NAME$1o = "vc-popover";
   const Popover$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1n,
+    name: COMPONENT_NAME$1o,
     props: props$Z,
     emits: ["update:modelValue", "visible-change", "ready", "close"],
     setup(props2, {
@@ -29218,9 +29229,9 @@ var Vc = (function (exports, vue) {
     }
     return view;
   };
-  const COMPONENT_NAME$1m = "vc-date-confirm";
+  const COMPONENT_NAME$1n = "vc-date-confirm";
   const Confirm = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1m,
+    name: COMPONENT_NAME$1n,
     props: {
       showTime: {
         type: Boolean,
@@ -29281,9 +29292,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1l = "vc-date-header";
+  const COMPONENT_NAME$1m = "vc-date-header";
   const DateHeader = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1l,
+    name: COMPONENT_NAME$1m,
     props: {
       panelDate: Date,
       showNext: {
@@ -29364,9 +29375,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1k = "vc-date-table";
+  const COMPONENT_NAME$1l = "vc-date-table";
   const DateTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1k,
+    name: COMPONENT_NAME$1l,
     props: {
       value: Array,
       firstDayOfWeek: {
@@ -29566,9 +29577,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1j = "vc-month-table";
+  const COMPONENT_NAME$1k = "vc-month-table";
   const MonthTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1j,
+    name: COMPONENT_NAME$1k,
     props: {
       value: Array,
       panelDate: Date,
@@ -29694,7 +29705,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1i = "vc-quarter-table";
+  const COMPONENT_NAME$1j = "vc-quarter-table";
   const getMonthRange = (panelDate, quarter) => {
     const year = panelDate.getFullYear();
     const [startMonth, endMonth] = [quarter * 3, quarter * 3 + 2];
@@ -29721,7 +29732,7 @@ var Vc = (function (exports, vue) {
     }
   };
   const QuarterTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1i,
+    name: COMPONENT_NAME$1j,
     props: {
       value: Array,
       panelDate: Date,
@@ -29839,9 +29850,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1h = "vc-shortcuts-select";
+  const COMPONENT_NAME$1i = "vc-shortcuts-select";
   const ShortcutsSelect = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1h,
+    name: COMPONENT_NAME$1i,
     props: {
       panelDate: Date,
       config: Array,
@@ -29878,9 +29889,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1g = "vc-time-select";
+  const COMPONENT_NAME$1h = "vc-time-select";
   const TimeSelect = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1g,
+    name: COMPONENT_NAME$1h,
     props: {
       hours: {
         type: [Number, String],
@@ -30155,9 +30166,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1f = "vc-year-table";
+  const COMPONENT_NAME$1g = "vc-year-table";
   const YearTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1f,
+    name: COMPONENT_NAME$1g,
     props: {
       value: Array,
       panelDate: Date,
@@ -30273,9 +30284,9 @@ var Vc = (function (exports, vue) {
     }
     return true;
   };
-  const COMPONENT_NAME$1e = "vc-date-range-panel";
+  const COMPONENT_NAME$1f = "vc-date-range-panel";
   const DateRangePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1e,
+    name: COMPONENT_NAME$1f,
     props: {
       ...props$V,
       confirm: {
@@ -30636,9 +30647,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1d = "vc-date-panel";
+  const COMPONENT_NAME$1e = "vc-date-panel";
   const DatePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1d,
+    name: COMPONENT_NAME$1e,
     props: {
       ...props$V,
       type: String,
@@ -30837,9 +30848,9 @@ var Vc = (function (exports, vue) {
     const endYear = value[1].getFullYear();
     return startYear === endYear;
   };
-  const COMPONENT_NAME$1c = "vc-monthrange-panel";
+  const COMPONENT_NAME$1d = "vc-monthrange-panel";
   const MonthRangePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1c,
+    name: COMPONENT_NAME$1d,
     props: {
       ...props$V,
       confirm: {
@@ -31009,9 +31020,9 @@ var Vc = (function (exports, vue) {
     const endYear = value[1].getFullYear();
     return startYear === endYear;
   };
-  const COMPONENT_NAME$1b = "vc-quarterrange-panel";
+  const COMPONENT_NAME$1c = "vc-quarterrange-panel";
   const QuarterRangePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1b,
+    name: COMPONENT_NAME$1c,
     props: {
       ...props$V,
       confirm: {
@@ -31242,9 +31253,9 @@ var Vc = (function (exports, vue) {
       seconds
     };
   };
-  const COMPONENT_NAME$1a = "vc-timerange-panel";
+  const COMPONENT_NAME$1b = "vc-timerange-panel";
   const TimeRangePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1a,
+    name: COMPONENT_NAME$1b,
     props: props$U,
     emits: ["pick", "clear", "ok"],
     setup(props2, {
@@ -31340,9 +31351,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$19 = "vc-time-panel";
+  const COMPONENT_NAME$1a = "vc-time-panel";
   const TimePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$19,
+    name: COMPONENT_NAME$1a,
     props: props$U,
     emits: ["pick", "clear", "ok"],
     setup(props2, {
@@ -31393,7 +31404,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$18 = "vc-date-picker";
+  const COMPONENT_NAME$19 = "vc-date-picker";
   const getPanel$1 = (type) => {
     if (["daterange", "datetimerange"].includes(type)) {
       return DateRangePanel;
@@ -31404,7 +31415,7 @@ var Vc = (function (exports, vue) {
     }
     return DatePanel;
   };
-  const DatePicker = createPicker(COMPONENT_NAME$18, props$10, () => {
+  const DatePicker = createPicker(COMPONENT_NAME$19, props$10, () => {
     const props2 = vue.getCurrentInstance().props;
     const icon = vue.ref("date");
     const panel = vue.shallowRef({});
@@ -31432,9 +31443,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$17 = "vc-divider";
+  const COMPONENT_NAME$18 = "vc-divider";
   const Divider = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$17,
+    name: COMPONENT_NAME$18,
     props: props$T,
     setup(props2, {
       slots
@@ -31581,7 +31592,7 @@ var Vc = (function (exports, vue) {
     barTo: props$R.to,
     ...pick(props$R, barKeys)
   };
-  const COMPONENT_NAME$16 = "vc-scroller-track";
+  const COMPONENT_NAME$17 = "vc-scroller-track";
   const BAR_MAP = {
     vertical: {
       scroll: "scrollTop",
@@ -31601,7 +31612,7 @@ var Vc = (function (exports, vue) {
     }
   };
   const Track$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$16,
+    name: COMPONENT_NAME$17,
     props: props$S,
     emits: ["change"],
     inheritAttrs: false,
@@ -31763,9 +31774,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$15 = "vc-scroller-bar";
+  const COMPONENT_NAME$16 = "vc-scroller-bar";
   const Bar = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$15,
+    name: COMPONENT_NAME$16,
     props: props$R,
     emits: ["change"],
     setup(props2, {
@@ -31976,9 +31987,9 @@ var Vc = (function (exports, vue) {
       refreshPosition
     };
   };
-  const COMPONENT_NAME$14 = "vc-scroller";
+  const COMPONENT_NAME$15 = "vc-scroller";
   const Scroller = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$14,
+    name: COMPONENT_NAME$15,
     props: props$Q,
     emits: ["scroll"],
     setup(props2, {
@@ -32036,9 +32047,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$13 = "vc-scroller-wheel";
+  const COMPONENT_NAME$14 = "vc-scroller-wheel";
   const ScrollerWheel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$13,
+    name: COMPONENT_NAME$14,
     props: Object.assign(props$Q, {
       stopPropagation: {
         type: Boolean,
@@ -32209,9 +32220,9 @@ var Vc = (function (exports, vue) {
       type: Function
     }
   };
-  const COMPONENT_NAME$12 = "vc-drawer";
+  const COMPONENT_NAME$13 = "vc-drawer";
   const DrawerView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$12,
+    name: COMPONENT_NAME$13,
     props: props$P,
     emits: ["close", "update:modelValue", "visible-change"],
     setup(props2, {
@@ -32367,9 +32378,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$11 = "vc-dropdown";
+  const COMPONENT_NAME$12 = "vc-dropdown";
   const Dropdown = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$11,
+    name: COMPONENT_NAME$12,
     props: props$O,
     setup(props2, {
       slots
@@ -32388,9 +32399,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$10 = "vc-editor";
+  const COMPONENT_NAME$11 = "vc-editor";
   const Editor = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$10,
+    name: COMPONENT_NAME$11,
     props: props$N,
     setup(props2, {
       slots
@@ -32529,9 +32540,9 @@ var Vc = (function (exports, vue) {
       validateField
     });
   };
-  const COMPONENT_NAME$$ = "vc-form";
+  const COMPONENT_NAME$10 = "vc-form";
   const Form = vue.defineComponent({
-    name: COMPONENT_NAME$$,
+    name: COMPONENT_NAME$10,
     props: props$M,
     setup(props2, { slots, expose }) {
       useForm(expose);
@@ -32846,9 +32857,9 @@ var Vc = (function (exports, vue) {
       labelPosition
     };
   };
-  const COMPONENT_NAME$_ = "vc-form-item";
+  const COMPONENT_NAME$$ = "vc-form-item";
   const FormItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$_,
+    name: COMPONENT_NAME$$,
     props: props$L,
     setup(props2, {
       slots,
@@ -32911,9 +32922,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$Z = "vcm-form";
+  const COMPONENT_NAME$_ = "vcm-form";
   const MForm = vue.defineComponent({
-    name: COMPONENT_NAME$Z,
+    name: COMPONENT_NAME$_,
     props: props$K,
     setup(props2, { slots, expose }) {
       useForm(expose, {
@@ -32940,9 +32951,9 @@ var Vc = (function (exports, vue) {
       default: 12
     }
   };
-  const COMPONENT_NAME$Y = "vcm-form-item";
+  const COMPONENT_NAME$Z = "vcm-form-item";
   const MFormItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$Y,
+    name: COMPONENT_NAME$Z,
     props: props$J,
     setup(props2, {
       slots,
@@ -32995,9 +33006,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$X = "vc-fragment";
+  const COMPONENT_NAME$Y = "vc-fragment";
   const Fragment = vue.defineComponent({
-    name: COMPONENT_NAME$X,
+    name: COMPONENT_NAME$Y,
     setup(_, { slots }) {
       return () => vue.h(vue.Fragment, slots.default?.());
     }
@@ -33009,9 +33020,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$W = "vc-html-to-image";
+  const COMPONENT_NAME$X = "vc-html-to-image";
   const HTMLToImage = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$W,
+    name: COMPONENT_NAME$X,
     props: props$I,
     setup(props2, {
       slots
@@ -33080,7 +33091,7 @@ var Vc = (function (exports, vue) {
     }
   }
   const IMGStore$1 = new IMGStore();
-  const COMPONENT_NAME$V = "vc-image";
+  const COMPONENT_NAME$W = "vc-image";
   let isSupportObjectFit = false;
   window.addEventListener("DOMContentLoaded", () => {
     isSupportObjectFit = !IS_SERVER$3 && document.documentElement.style.objectFit !== void 0;
@@ -33093,7 +33104,7 @@ var Vc = (function (exports, vue) {
     SCALE_DOWN: "scale-down"
   };
   const Image$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$V,
+    name: COMPONENT_NAME$W,
     inheritAttrs: false,
     props: props$H,
     setup(props2, {
@@ -33288,9 +33299,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$U = "vc-image-crop";
+  const COMPONENT_NAME$V = "vc-image-crop";
   const ImageCrop = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$U,
+    name: COMPONENT_NAME$V,
     props: props$G,
     setup(props2, {
       slots
@@ -33309,9 +33320,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$T = "vc-image-preview";
+  const COMPONENT_NAME$U = "vc-image-preview";
   const ImagePreview = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$T,
+    name: COMPONENT_NAME$U,
     props: props$F,
     setup(props2, {
       slots
@@ -33330,9 +33341,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$S = "vc-image-processing";
+  const COMPONENT_NAME$T = "vc-image-processing";
   const ImageProcessing = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$S,
+    name: COMPONENT_NAME$T,
     props: props$E,
     setup(props2, {
       slots
@@ -33345,9 +33356,9 @@ var Vc = (function (exports, vue) {
     }
   });
   const MImageProcessing = ImageProcessing;
-  const COMPONENT_NAME$R = "vcm-input";
+  const COMPONENT_NAME$S = "vcm-input";
   const MInput = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$R,
+    name: COMPONENT_NAME$S,
     inheritAttrs: false,
     props: {
       ...props$$,
@@ -33434,9 +33445,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$Q = "vcm-input-number";
+  const COMPONENT_NAME$R = "vcm-input-number";
   const MInputNumber = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$Q,
+    name: COMPONENT_NAME$R,
     props: props$X,
     inheritAttrs: false,
     setup(props2, {
@@ -33482,9 +33493,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$P = "vcm-input-search";
+  const COMPONENT_NAME$Q = "vcm-input-search";
   const MInputSearch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$P,
+    name: COMPONENT_NAME$Q,
     props: {
       ...props$W,
       cancelText: {
@@ -33558,9 +33569,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$O = "vcm-list";
+  const COMPONENT_NAME$P = "vcm-list";
   const MList = vue.defineComponent({
-    name: COMPONENT_NAME$O,
+    name: COMPONENT_NAME$P,
     props: props$D,
     setup(props2, { slots }) {
       vue.provide("vc-list", { props: props2 });
@@ -33611,10 +33622,10 @@ var Vc = (function (exports, vue) {
     // MListItem是否独立存在
     alone: Boolean
   };
-  const COMPONENT_NAME$N = "vcm-list-item";
+  const COMPONENT_NAME$O = "vcm-list-item";
   const HTTP_REGEX = /[a-zA-z]+:\/\/[^\s]*/;
   const MListItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$N,
+    name: COMPONENT_NAME$O,
     props: props$C,
     emits: ["click"],
     setup(props2, {
@@ -33698,11 +33709,11 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$M = "vc-marquee";
+  const COMPONENT_NAME$N = "vc-marquee";
   const ANIMATION = prefixStyle("animation").camel;
   const TRANSFORM_KEBAB = prefixStyle("transform").kebab;
   const Marquee = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$M,
+    name: COMPONENT_NAME$N,
     props: props$B,
     setup(props2, {
       slots
@@ -33763,9 +33774,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$L = "vc-resizer";
+  const COMPONENT_NAME$M = "vc-resizer";
   const Resizer = vue.defineComponent({
-    name: COMPONENT_NAME$L,
+    name: COMPONENT_NAME$M,
     props: props$A,
     emit: ["resize", "change"],
     setup(props2, { emit, slots, expose }) {
@@ -33908,10 +33919,10 @@ var Vc = (function (exports, vue) {
       type: Function
     }
   };
-  const COMPONENT_NAME$K = "vc-modal";
+  const COMPONENT_NAME$L = "vc-modal";
   let zIndexNumber = 1002;
   const ModalView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$K,
+    name: COMPONENT_NAME$L,
     emits: ["update:modelValue", "close", "portal-fulfilled", "visible-change", "ok", "cancel"],
     props: props$z,
     setup(props2, {
@@ -34291,9 +34302,9 @@ var Vc = (function (exports, vue) {
       type: Function
     }
   };
-  const COMPONENT_NAME$J = "vc-modal";
+  const COMPONENT_NAME$K = "vc-modal";
   const MModalView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$J,
+    name: COMPONENT_NAME$K,
     emits: ["update:modelValue", "portal-fulfilled", "close", "ok", "cancel"],
     props: props$y,
     setup(props2, {
@@ -34488,9 +34499,9 @@ var Vc = (function (exports, vue) {
     // 这个相当于Modal中的onCancel，支持Promise
     onBeforeClose: Function
   };
-  const COMPONENT_NAME$I = "vc-notice";
+  const COMPONENT_NAME$J = "vc-notice";
   const NoticeView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$I,
+    name: COMPONENT_NAME$J,
     props: props$x,
     emits: ["portal-fulfilled", "close", "before-close"],
     setup(props2, {
@@ -34656,9 +34667,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$H = "vc-option";
+  const COMPONENT_NAME$I = "vc-option";
   const Option$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$H,
+    name: COMPONENT_NAME$I,
     props: props$w,
     setup(props2, {
       slots
@@ -34764,9 +34775,9 @@ var Vc = (function (exports, vue) {
       type: [String, Number]
     }
   };
-  const COMPONENT_NAME$G = "vc-tag";
+  const COMPONENT_NAME$H = "vc-tag";
   const Tag = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$G,
+    name: COMPONENT_NAME$H,
     props: props$u,
     emits: ["close", "change"],
     setup(props2, {
@@ -34831,9 +34842,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$F = "vc-select-option";
+  const COMPONENT_NAME$G = "vc-select-option";
   const Option = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$F,
+    name: COMPONENT_NAME$G,
     props: props$t,
     setup(props2, {
       slots
@@ -34900,9 +34911,9 @@ var Vc = (function (exports, vue) {
       type: [String, Number]
     }
   };
-  const COMPONENT_NAME$E = "vc-select-option-group";
+  const COMPONENT_NAME$F = "vc-select-option-group";
   const OptionGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$E,
+    name: COMPONENT_NAME$F,
     props: props$s,
     setup(props2, {
       slots
@@ -34920,7 +34931,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const inputKeys = [
+  const inputKeys$1 = [
     "id",
     "disabled",
     "modelValue",
@@ -34932,7 +34943,7 @@ var Vc = (function (exports, vue) {
   ];
   const props$r = {
     ...pick(props$Z, popoverKeys),
-    ...pick(props$$, inputKeys),
+    ...pick(props$$, inputKeys$1),
     data: {
       type: Array,
       default: () => []
@@ -34996,9 +35007,9 @@ var Vc = (function (exports, vue) {
   function _isSlot$1(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$D = "vc-select";
+  const COMPONENT_NAME$E = "vc-select";
   const Select = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$D,
+    name: COMPONENT_NAME$E,
     props: props$r,
     emits: ["ready", "close", "visible-change", "clear", "change", "update:modelValue"],
     setup(props2, {
@@ -35228,9 +35239,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$C = "vc-pagination";
+  const COMPONENT_NAME$D = "vc-pagination";
   const Pagination = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$C,
+    name: COMPONENT_NAME$D,
     props: props$v,
     emits: ["update:current", "change", "page-size-change"],
     setup(props2, {
@@ -35421,9 +35432,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$B = "vc-picker";
+  const COMPONENT_NAME$C = "vc-picker";
   const Picker = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$B,
+    name: COMPONENT_NAME$C,
     props: props$q,
     setup(props2, {
       slots
@@ -35442,9 +35453,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$A = "vc-popconfirm";
+  const COMPONENT_NAME$B = "vc-popconfirm";
   const Popconfirm = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$A,
+    name: COMPONENT_NAME$B,
     props: props$p,
     setup(props2, {
       slots
@@ -35464,9 +35475,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$z = "vc-popup";
+  const COMPONENT_NAME$A = "vc-popup";
   const Popup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$z,
+    name: COMPONENT_NAME$A,
     props: props$o,
     setup(props2, {
       slots
@@ -35487,9 +35498,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$y = "vc-print";
+  const COMPONENT_NAME$z = "vc-print";
   const Print = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$y,
+    name: COMPONENT_NAME$z,
     props: props$n,
     setup(props2, {
       expose,
@@ -35579,9 +35590,9 @@ var Vc = (function (exports, vue) {
       })
     }
   };
-  const COMPONENT_NAME$x = "vc-progress-circle";
+  const COMPONENT_NAME$y = "vc-progress-circle";
   const Circle$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$x,
+    name: COMPONENT_NAME$y,
     props: props$m,
     setup(props2, {
       slots
@@ -35638,9 +35649,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$w = "vc-progress-line";
+  const COMPONENT_NAME$x = "vc-progress-line";
   const Line$2 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$w,
+    name: COMPONENT_NAME$x,
     props: props$m,
     setup(props2) {
       const colorStyle = vue.computed(() => {
@@ -35684,9 +35695,9 @@ var Vc = (function (exports, vue) {
   function _isSlot(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$v = "vc-progress";
+  const COMPONENT_NAME$w = "vc-progress";
   const Progress = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$v,
+    name: COMPONENT_NAME$w,
     props: props$m,
     setup(props2, {
       slots
@@ -35832,9 +35843,9 @@ var Vc = (function (exports, vue) {
       computedLabel
     };
   };
-  const COMPONENT_NAME$u = "vc-radio";
+  const COMPONENT_NAME$v = "vc-radio";
   const Radio = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$u,
+    name: COMPONENT_NAME$v,
     props: props$l,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -35940,9 +35951,9 @@ var Vc = (function (exports, vue) {
       reset
     };
   };
-  const COMPONENT_NAME$t = "vc-radio-group";
+  const COMPONENT_NAME$u = "vc-radio-group";
   const RadioGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$t,
+    name: COMPONENT_NAME$u,
     props: props$k,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -35961,9 +35972,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$s = "vcm-radio";
+  const COMPONENT_NAME$t = "vcm-radio";
   const MRadio = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$s,
+    name: COMPONENT_NAME$t,
     props: props$l,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -36001,9 +36012,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$r = "vcm-radio-group";
+  const COMPONENT_NAME$s = "vcm-radio-group";
   const MRadioGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$r,
+    name: COMPONENT_NAME$s,
     props: props$k,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -36028,9 +36039,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$q = "vc-rate";
+  const COMPONENT_NAME$r = "vc-rate";
   const Rate = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$q,
+    name: COMPONENT_NAME$r,
     props: props$j,
     setup(props2, {
       slots
@@ -36093,9 +36104,9 @@ var Vc = (function (exports, vue) {
     renderPlaceholder: Function,
     renderRefresh: Function
   };
-  const COMPONENT_NAME$p = "vc-recycle-list-scroll-state";
+  const COMPONENT_NAME$q = "vc-recycle-list-scroll-state";
   const ScrollState = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$p,
+    name: COMPONENT_NAME$q,
     setup(_, {
       slots
     }) {
@@ -36219,10 +36230,10 @@ var Vc = (function (exports, vue) {
     );
     return keys;
   };
-  const COMPONENT_NAME$o = "vc-recycle-list-container";
+  const COMPONENT_NAME$p = "vc-recycle-list-container";
   const transformKey = prefixStyle("transform").camel;
   const Container = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$o,
+    name: COMPONENT_NAME$p,
     props: props$h,
     emits: ["refresh"],
     setup(props2, {
@@ -36315,9 +36326,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$n = "vc-recycle-list";
+  const COMPONENT_NAME$o = "vc-recycle-list";
   const RecycleList = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$n,
+    name: COMPONENT_NAME$o,
     props: props$i,
     emits: ["scroll", "row-resize"],
     setup(props2, {
@@ -36448,19 +36459,12 @@ var Vc = (function (exports, vue) {
       const refreshItemSize = (index) => {
         const current = props2.inverted ? rebuildData.value[rebuildDataIndexMap.value[index]] : rebuildData.value[index];
         if (!current) return;
-        const oldSize = current.size;
         const dom = preloads.value[index] || curloads.value[props2.inverted ? index : index - firstItemIndex.value];
         if (dom) {
           current.size = dom[K.offsetSize] || placeholderSize.value;
         } else if (current) {
           current.size = placeholderSize.value;
         }
-        if (oldSize !== current.size) {
-          emit("row-resize", {
-            index: current.id,
-            size: current.size
-          });
-        }
       };
       const refreshItemPosition = () => {
         const sizes = Array.from({
@@ -36669,6 +36673,13 @@ var Vc = (function (exports, vue) {
         leading: false,
         trailing: true
       });
+      const handleRowChange = (e, row) => {
+        emit("row-resize", {
+          index: row.id,
+          height: e.height,
+          width: e.width
+        });
+      };
       const setDataSource = async (v, oldV) => {
         if (!Array.isArray(v) || oldV === v) return;
         if (props2.data.length % props2.pageSize > 0) {
@@ -36795,7 +36806,8 @@ var Vc = (function (exports, vue) {
               "data-column": item.column,
               "data-size": item.size,
               "data-position": item.position,
-              "onResize": handleResize
+              "onResize": handleResize,
+              "onChange": (e) => handleRowChange(e, item)
             }, {
               default: () => [slots.default?.({
                 row: item.data || {},
@@ -36838,9 +36850,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$m = "vc-slider";
+  const COMPONENT_NAME$n = "vc-slider";
   const Slider = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$m,
+    name: COMPONENT_NAME$n,
     props: props$g,
     setup(props2, {
       slots
@@ -36859,9 +36871,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$l = "vc-sort-list";
+  const COMPONENT_NAME$m = "vc-sort-list";
   const SortList = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$l,
+    name: COMPONENT_NAME$m,
     props: props$f,
     setup(props2, {
       slots
@@ -36880,9 +36892,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$k = "vc-steps";
+  const COMPONENT_NAME$l = "vc-steps";
   const Steps = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$k,
+    name: COMPONENT_NAME$l,
     props: props$e,
     setup(props2, {
       slots
@@ -36989,9 +37001,9 @@ var Vc = (function (exports, vue) {
       reset
     };
   };
-  const COMPONENT_NAME$j = "vc-switch";
+  const COMPONENT_NAME$k = "vc-switch";
   const Switch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$j,
+    name: COMPONENT_NAME$k,
     props: props$d,
     // click -> onClick要被拦截，此处不能放置
     emits: ["update:modelValue", "change", "click"],
@@ -37025,9 +37037,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$i = "vcm-switch";
+  const COMPONENT_NAME$j = "vcm-switch";
   const MSwitch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$i,
+    name: COMPONENT_NAME$j,
     props: props$d,
     // click -> onClick要被拦截，此处不能放置
     emits: ["update:modelValue", "change", "click"],
@@ -37791,6 +37803,7 @@ var Vc = (function (exports, vue) {
       });
     }
     setData(data) {
+      const { primaryKey } = this.table.props;
       const dataInstanceChanged = this.states._data !== data;
       this.states._data = data;
       this.states.data = data;
@@ -37802,19 +37815,22 @@ var Vc = (function (exports, vue) {
       });
       this.states.list = data.reduce((pre, row, index) => {
         const cache = caches.get(row) || { heightMap: {} };
-        pre.push({
-          rows: [
-            {
-              index,
-              data: row,
-              height: cache.height || "",
-              heightMap: {
-                left: cache.heightMap.left || "",
-                main: cache.heightMap.main || "",
-                right: cache.heightMap.right || ""
-              }
+        const rows = [
+          {
+            index,
+            data: row,
+            height: cache.height || "",
+            heightMap: {
+              left: cache.heightMap.left || "",
+              main: cache.heightMap.main || "",
+              right: cache.heightMap.right || ""
             }
-          ],
+          }
+        ];
+        const id = primaryKey ? rows.map((rowData) => getRowValue(rowData.data, primaryKey)).join(",") : index;
+        pre.push({
+          id: typeof id === "undefined" ? index : id,
+          rows,
           expand: false
         });
         return pre;
@@ -38124,9 +38140,9 @@ var Vc = (function (exports, vue) {
     });
     return states;
   };
-  const COMPONENT_NAME$h = "vc-table-normal-list";
+  const COMPONENT_NAME$i = "vc-table-normal-list";
   const NormalList = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$h,
+    name: COMPONENT_NAME$i,
     props: {
       data: {
         type: Array,
@@ -38141,17 +38157,19 @@ var Vc = (function (exports, vue) {
       const handleResize = (e, index) => {
         emit("row-resize", {
           index,
-          size: e.height
+          height: e.height,
+          width: e.width
         });
       };
       return () => {
-        return props2.data.map((row, index) => {
+        return props2.data.map((mergeData, index) => {
           return vue.createVNode(Resizer, {
+            "key": mergeData.id,
             "fill": false,
             "onChange": (e) => handleResize(e, index)
           }, {
             default: () => [slots.default?.({
-              row,
+              row: mergeData,
               index
             })]
           });
@@ -38299,28 +38317,6 @@ var Vc = (function (exports, vue) {
           table.hoverState.value = hoverState;
           table.emit("cell-mouse-enter", hoverState.row, hoverState.column, hoverState.cell, e);
         }
-        const cellChild = e.target.querySelector(".vc-table__cell");
-        if (!(hasClass(cellChild, "vc-popover") && cellChild.childNodes.length)) {
-          return;
-        }
-        const range = document.createRange();
-        range.setStart(cellChild, 0);
-        range.setEnd(cellChild, cellChild.childNodes.length);
-        const rangeWidth = range.getBoundingClientRect().width;
-        const padding = (parseInt(cellChild.style.paddingLeft, 10) || 0) + (parseInt(cellChild.style.paddingRight, 10) || 0);
-        if (rangeWidth + padding > cellChild.offsetWidth || cellChild.scrollWidth > cellChild.offsetWidth) {
-          Popover.open({
-            el: document.body,
-            name: "vc-table-popover",
-            // 确保不重复创建
-            triggerEl: cell,
-            hover: true,
-            theme: "dark",
-            placement: "top",
-            content: cell.innerText || cell.textContent,
-            alone: true
-          });
-        }
       };
       const handleCellMouseLeave = (e) => {
         const cell = getCell(e);
@@ -38408,13 +38404,14 @@ var Vc = (function (exports, vue) {
           })]);
         })]);
       };
-      const renderMergeRow = (mergeData, mergeIndex) => {
+      const renderMergeRow = (mergeData) => {
         const {
-          rows
+          rows,
+          id
         } = mergeData;
         return vue.createVNode("div", {
           "class": "vc-table__merge-row",
-          "key": mergeIndex
+          "key": id
         }, [rows.map((row) => {
           return renderRow(row, row.index);
         })]);
@@ -38422,7 +38419,7 @@ var Vc = (function (exports, vue) {
       const handleMergeRowResize = (v) => {
         if (table.props.rowHeight) return;
         states.list[v.index].rows.forEach((row) => {
-          row.heightMap[props2.fixed || "main"] = v.size;
+          row.heightMap[props2.fixed || "main"] = v.height;
           const heights = [row.heightMap.main];
           if (states.leftFixedCount) {
             heights.push(row.heightMap.left);
@@ -38478,17 +38475,15 @@ var Vc = (function (exports, vue) {
           "style": props2.heightStyle
         }, {
           default: ({
-            row,
-            index
-          }) => renderMergeRow(row, index)
+            row
+          }) => renderMergeRow(row)
         }) : vue.createVNode(NormalList, {
           "data": states.list,
           "onRowResize": handleMergeRowResize
         }, {
           default: ({
-            row,
-            index
-          }) => renderMergeRow(row, index)
+            row
+          }) => renderMergeRow(row)
         })]);
       };
     }
@@ -38975,9 +38970,9 @@ var Vc = (function (exports, vue) {
     // 用于延迟渲染，用于计算高度
     delay: Number
   };
-  const COMPONENT_NAME$g = "vc-table";
+  const COMPONENT_NAME$h = "vc-table";
   const Table = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$g,
+    name: COMPONENT_NAME$h,
     props: props$c,
     emits: ["select", "select-all", "selection-change", "cell-mouse-enter", "cell-mouse-leave", "cell-click", "cell-dblclick", "row-click", "row-contextmenu", "row-dblclick", "header-click", "header-contextmenu", "current-change", "header-dragend ", "expand-change", "sort-change"],
     setup(props2, {
@@ -39483,10 +39478,192 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const cellStarts = {
-    default: {
-      order: ""
-    },
+  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$g = "vc-text";
+  const Text = /* @__PURE__ */ vue.defineComponent({
+    name: COMPONENT_NAME$g,
+    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);
+      const handleMouseOver = (e) => {
+        if (endIndex.value > 0) {
+          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);
+      });
+      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: ""
+    },
     selection: {
       width: 60,
       minWidth: 60,
@@ -39588,26 +39765,31 @@ var Vc = (function (exports, vue) {
       className: "vc-table__expand-column"
     }
   };
-  const defaultRenderCell = ({
-    row,
-    column = {},
-    rowIndex
-  }) => {
+  const defaultRenderCell = (rowData = {}) => {
+    const column = rowData.column;
     const {
       prop,
       formatter
     } = column;
     let value;
     if (prop) {
-      value = getPropByPath(row, prop).v;
+      value = getPropByPath(rowData.row, prop).v;
     }
     if (formatter) {
-      return column.formatter({
-        row,
-        column,
-        value,
-        rowIndex
-      });
+      return column.formatter(rowData);
+    }
+    const line = column.line || VcInstance.options.TableColumn?.line;
+    if (line) {
+      const style2 = {
+        // 目前左右pading为10
+        // TODO: 含有border还要-1
+        width: (column.realWidth || column.width) - 20 + "px"
+      };
+      return vue.createVNode(Text, {
+        "style": style2,
+        "line": line,
+        "value": value
+      }, null);
     }
     return value;
   };
@@ -39657,6 +39839,11 @@ var Vc = (function (exports, vue) {
         type: String,
         default: "default"
       },
+      // 默认只展示一行
+      line: {
+        type: Number,
+        default: 0
+      },
       label: String,
       customClass: String,
       labelClass: String,
@@ -39671,7 +39858,6 @@ var Vc = (function (exports, vue) {
       columnKey: String,
       align: String,
       headerAlign: String,
-      showPopover: Boolean,
       fixed: [Boolean, String],
       formatter: Function,
       selectable: Function,
@@ -39781,12 +39967,6 @@ var Vc = (function (exports, vue) {
                 "class": "vc-table-un-expand__indent"
               }, null);
             }
-            if (data.column.showPopover) {
-              $props.class += " vc-popover";
-              $props.style = {
-                width: (data.column.realWidth || data.column.width) - 1 + "px"
-              };
-            }
             const {
               placeholder
             } = table.props;
@@ -39871,7 +40051,7 @@ var Vc = (function (exports, vue) {
   });
   const MTable = Table;
   const MTableColumn = TableColumn;
-  const props$b = {
+  const props$a = {
     type: {
       type: String,
       validator: (v) => /^(line|card)$/.test(v),
@@ -40025,7 +40205,7 @@ var Vc = (function (exports, vue) {
   const COMPONENT_NAME$f = "vc-tabs";
   const Tabs = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$f,
-    props: props$b,
+    props: props$a,
     emits: ["update:modelValue", "change", "click"],
     setup(props2, {
       slots
@@ -40170,7 +40350,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$a = {
+  const props$9 = {
     value: {
       type: [String, Number]
     },
@@ -40251,7 +40431,7 @@ var Vc = (function (exports, vue) {
   const COMPONENT_NAME$e = "vc-tabs-pane";
   const TabsPane = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$e,
-    props: props$a,
+    props: props$9,
     setup(_, {
       slots
     }) {
@@ -40265,8 +40445,8 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const props$9 = {
-    ...props$b,
+  const props$8 = {
+    ...props$a,
     theme: {
       type: String,
       default: "light",
@@ -40304,7 +40484,7 @@ var Vc = (function (exports, vue) {
   const COMPONENT_NAME$d = "vcm-tabs";
   const MTabs = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$d,
-    props: props$9,
+    props: props$8,
     emits: ["update:modelValue", "change", "click"],
     setup(props2, {
       slots
@@ -40534,7 +40714,7 @@ var Vc = (function (exports, vue) {
   const COMPONENT_NAME$c = "vcm-tabs-pane";
   const MTabsPane = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$c,
-    props: props$a,
+    props: props$9,
     setup(_, {
       slots
     }) {
@@ -40549,55 +40729,17 @@ 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"
-    },
-    portalClassName: [Object, String, Array],
-    portalStyle: [Object, String, Array],
-    renderRow: {
-      type: Function,
-      // 函数式可以用于高亮显示
-      default: (props$) => {
-        const { value } = props$;
-        return vue.h("span", {}, 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 MText = Text;
+  const HIDDEN_TEXTAREA_STYLE = `
+	min-height:0 !important;
+	max-height:none !important;
+	height:0 !important;
+	visibility:hidden !important;
+	overflow:hidden !important;
+	position:absolute !important;
+	z-index:-1000 !important;
+	top:0 !important;
+	right:0 !important
 `;
   const SIZING_STYLE = [
     "letter-spacing",
@@ -40610,18 +40752,18 @@ var Vc = (function (exports, vue) {
     "text-rendering",
     "text-transform",
     "width",
-    // 'text-indent', // 需要额外计算
+    "text-indent",
     "padding-left",
     "padding-right",
     "border-width",
     "box-sizing"
   ];
   let hiddenEl;
-  const getFitIndex = (options = {}) => {
-    const { el: el2, line, value, suffix, indent } = options;
-    let lineHeight = parseInt(getStyle$1(el2, "line-height"), 10);
+  const getComputedHeight = (options = {}) => {
+    if (IS_SERVER$3) return {};
+    const { el: el2, minRows = null, maxRows = null } = options;
     if (!hiddenEl) {
-      hiddenEl = document.createElement("div");
+      hiddenEl = document.createElement("textarea");
       document.body.appendChild(hiddenEl);
     }
     el2.getAttribute("wrap") ? hiddenEl.setAttribute("wrap", el2.getAttribute("wrap")) : hiddenEl.removeAttribute("wrap");
@@ -40631,130 +40773,334 @@ var Vc = (function (exports, vue) {
       boxSizing,
       sizingStyle
     } = utils.getComputedStyle(el2, SIZING_STYLE);
-    const textIndent = `text-indent: ${parseInt(getStyle$1(el2, "text-indent"), 10) + indent}px;`;
-    hiddenEl.setAttribute("style", `${sizingStyle};${textIndent};${HIDDEN_TEXT_STYLE}`);
-    let sideHeight = paddingSize || 0;
-    boxSizing === "border-box" && (sideHeight += borderSize);
-    if (Number.isNaN(lineHeight)) {
-      hiddenEl.innerText = ".";
-      lineHeight = hiddenEl.clientHeight - sideHeight;
+    hiddenEl.setAttribute("style", `${sizingStyle};${HIDDEN_TEXTAREA_STYLE}`);
+    hiddenEl.value = el2.value || el2.placeholder || "";
+    let minHeight = Number.MIN_SAFE_INTEGER;
+    let maxHeight = Number.MAX_SAFE_INTEGER;
+    let height = hiddenEl.scrollHeight;
+    let overflowY;
+    if (boxSizing === "border-box") {
+      height += borderSize;
+    } else if (boxSizing === "content-box") {
+      height -= paddingSize;
+    }
+    if (minRows !== null || maxRows !== null) {
+      hiddenEl.value = " ";
+      const singleRowHeight = hiddenEl.scrollHeight - paddingSize;
+      if (minRows !== null) {
+        minHeight = singleRowHeight * minRows;
+        if (boxSizing === "border-box") {
+          minHeight = minHeight + paddingSize + borderSize;
+        }
+        height = Math.max(minHeight, height);
+      }
+      if (maxRows !== null) {
+        maxHeight = singleRowHeight * maxRows;
+        if (boxSizing === "border-box") {
+          maxHeight = maxHeight + paddingSize + borderSize;
+        }
+        overflowY = height > maxHeight ? "" : "hidden";
+        height = Math.min(maxHeight, height);
+      }
+    }
+    if (!maxRows) {
+      overflowY = "hidden";
     }
-    let endIndex = 0;
-    hiddenEl.innerText = suffix;
-    value.split("").forEach((item, i) => {
-      let old = hiddenEl.innerText;
-      old = old.substring(0, old.length - suffix.length);
-      hiddenEl.innerText = old + item + suffix;
-      if (hiddenEl.clientHeight - sideHeight > lineHeight * line && endIndex === 0) {
-        endIndex = i;
-      }
-    });
-    return endIndex;
+    return {
+      height: `${height}px`,
+      minHeight: `${minHeight}px`,
+      maxHeight: `${maxHeight}px`,
+      overflowY
+    };
   };
-  const COMPONENT_NAME$b = "vc-text";
-  const Text = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$b,
-    props: props$8,
-    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 useTextarea = (textarea, expose) => {
+    const attrs = vue.useAttrs();
+    const instance = vue.getCurrentInstance();
+    const props2 = instance.props;
+    const { emit } = instance;
+    const formItem = vue.inject("vc-form-item", {});
+    const currentValue = vue.ref(null);
+    const isOnComposition = vue.ref(false);
+    const isFocus = vue.ref(false);
+    const calcTextareaStyle = vue.ref({});
+    const contentStyle = vue.ref({});
+    const currentMaxlength = vue.computed(() => {
+      const value = currentValue.value;
+      const { maxlength, bytes } = props2;
+      return Array.isArray(value) || !maxlength || !bytes ? maxlength : getFitMaxLength(value, maxlength);
+    });
+    const sync = (v, e, force) => {
+      if (!force && v === currentValue.value) return;
+      if (!props2.controllable) {
+        currentValue.value = v;
+      }
+      emit("update:modelValue", v, e);
+      emit("input", v, e);
+      emit("change", v, e);
+      props2.allowDispatch && formItem?.change?.(v);
+    };
+    const forceUpdate = () => {
+      instance.proxy?.$forceUpdate?.();
+    };
+    const refresh = () => {
+      if (!props2.autosize) return;
+      const { minRows, maxRows } = props2.autosize;
+      vue.nextTick(() => {
+        calcTextareaStyle.value = getComputedHeight({
+          el: textarea.value,
+          minRows,
+          maxRows
+        });
       });
-      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;
+    };
+    const handleKeydown = (e) => {
+      emit("keydown", e);
+    };
+    const handleKeypress = (e) => {
+      emit("keypress", e);
+    };
+    const handleKeyup = (e) => {
+      if (e.keyCode == 13) {
+        emit("enter", e);
+      }
+      emit("keyup", e);
+    };
+    const handleFocus = (e) => {
+      isFocus.value = true;
+      emit("focus", e);
+    };
+    const handleBlur = (e) => {
+      isFocus.value = false;
+      emit("blur", e);
+      props2.allowDispatch && formItem?.blur?.(currentValue.value);
+    };
+    const handleChange = (e) => {
+      emit("change", e);
+    };
+    const handleInput = (e) => {
+      if (isOnComposition.value) return;
+      let value = textarea.value.value;
+      if (typeof props2.maxlength !== "undefined" && props2.bytes && e.inputType !== "deleteContentBackward") {
+        const fitValue = getFitValue(value, props2.maxlength);
+        if (value !== fitValue) {
+          value = fitValue;
         }
-        emit("clip", endIndex.value);
+      }
+      sync(value, e, e.inputType === "insertFromPaste");
+      forceUpdate();
+    };
+    const handleComposition = (e) => {
+      if (e.type === "compositionstart") {
+        isOnComposition.value = true;
+      }
+      if (e.type === "compositionend") {
+        isOnComposition.value = false;
+        handleInput(e);
+      }
+    };
+    const handleResize = (e) => {
+      contentStyle.value = {
+        height: `${textarea.value ? textarea.value.offsetHeight : 0}px`
       };
-      const handleResize = props2.resize === true || props2.resize === 0 ? calcPosition : debounce$1(calcPosition, props2.resize || 0);
-      const handleMouseOver = (e) => {
-        if (endIndex.value > 0) {
-          Popover.open({
-            el: document.body,
-            name: "vc-text-popover",
-            // 确保不重复创建
-            triggerEl: e.target,
-            hover: true,
-            theme: "dark",
-            placement: props2.placement,
-            portalClassName: props2.portalClassName,
-            portalStyle: props2.portalStyle || `width: ${e.target.clientWidth}px`,
-            content: props2.value
-          });
-        }
+      emit("resize", e);
+    };
+    const handlePaste = (e) => {
+      emit("paste", e, e.clipboardData.getData("text"));
+    };
+    const classes = vue.computed(() => {
+      return {
+        "is-focus": isFocus.value,
+        "is-disabled": props2.disabled
       };
-      const handleMouseOut = () => {
+    });
+    const listeners = vue.computed(() => {
+      return {
+        onKeyup: handleKeyup,
+        onKeypress: handleKeypress,
+        onKeydown: handleKeydown,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onCompositionstart: handleComposition,
+        onCompositionupdate: handleComposition,
+        onCompositionend: handleComposition,
+        onInput: handleInput,
+        onChange: handleChange,
+        onPaste: handlePaste
       };
-      ["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);
-      });
-      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 binds = vue.computed(() => {
+      return {
+        id: props2.id,
+        autocomplete: attrs.autocomplete,
+        spellcheck: attrs.spellcheck,
+        placeholder: attrs.placeholder,
+        readonly: attrs.readonly,
+        name: attrs.name,
+        autofocus: attrs.autofocus,
+        disabled: props2.disabled,
+        maxlength: props2.maxlength,
+        rows: props2.rows,
+        wrap: props2.wrap
       };
-    }
-  });
-  const MText = Text;
+    });
+    vue.watch(
+      () => props2.modelValue,
+      (v) => {
+        if (props2.controllable || v !== currentValue.value) {
+          currentValue.value = v;
+          refresh();
+        }
+      },
+      { immediate: true }
+    );
+    vue.onMounted(() => {
+      Resize.on(textarea.value, handleResize);
+      refresh();
+    });
+    vue.onBeforeUnmount(() => {
+      Resize.off(textarea.value, handleResize);
+    });
+    const exposed = useNativeEmitter(textarea);
+    expose?.({
+      ...exposed,
+      refresh
+    });
+    return {
+      currentValue,
+      isOnComposition,
+      isFocus,
+      calcTextareaStyle,
+      contentStyle,
+      classes,
+      listeners,
+      binds,
+      currentMaxlength
+    };
+  };
+  const inputKeys = [
+    "id",
+    "disabled",
+    "maxlength",
+    "allowDispatch",
+    "modelValue",
+    "bytes",
+    "controllable"
+  ];
   const props$7 = {
-    tag: {
+    ...pick(props$$, inputKeys),
+    wrap: {
       type: String,
-      default: "div"
+      validator: (v) => /(soft|hard)/.test(v),
+      default: "soft"
+    },
+    rows: {
+      type: Number,
+      default: 2
+    },
+    autosize: {
+      type: [Boolean, Object],
+      default: false
+    },
+    textareaStyle: {
+      type: [Object, Array]
     }
   };
-  const COMPONENT_NAME$a = "vc-textarea";
+  const COMPONENT_NAME$b = "vc-textarea";
   const Textarea = /* @__PURE__ */ vue.defineComponent({
+    name: COMPONENT_NAME$b,
+    props: Object.assign(props$7, {
+      indicator: {
+        type: [Boolean, Object],
+        default: false
+      },
+      indicateClass: String
+    }),
+    emits: ["update:modelValue", "input", "change", "focus", "blur", "clear", "paste", "keydown", "keypress", "keyup", "enter", "cancel", "resize"],
+    setup(props2, {
+      expose
+    }) {
+      const textarea = vue.ref();
+      const {
+        currentValue,
+        classes,
+        contentStyle,
+        listeners,
+        binds,
+        calcTextareaStyle,
+        currentMaxlength
+      } = useTextarea(textarea, expose);
+      const indicatorNum = vue.computed(() => {
+        const currentLength = (String(props2.modelValue) || "").length;
+        const extraLength = props2.bytes ? getBytesSize(props2.modelValue) || 0 : 0;
+        const length = props2.indicator && props2.indicator.inverted ? props2.maxlength + extraLength - currentLength : currentLength - extraLength;
+        return `${length}/${props2.maxlength}`;
+      });
+      const indicateInline = vue.computed(() => {
+        return props2.indicator && props2.indicator.inline;
+      });
+      return () => {
+        return vue.createVNode("div", {
+          "class": [classes.value, "vc-textarea"]
+        }, [vue.createVNode("div", {
+          "class": "vc-textarea__wrapper"
+        }, [vue.createVNode("div", {
+          "style": contentStyle.value,
+          "class": ["vc-textarea__content"]
+        }, [vue.createVNode("textarea", vue.mergeProps({
+          "ref": textarea
+        }, binds.value, listeners.value, {
+          "value": currentValue.value,
+          "maxlength": currentMaxlength.value,
+          "style": [props2.textareaStyle, calcTextareaStyle.value]
+        }), null)]), props2.indicator && vue.createVNode("div", {
+          "class": [props2.indicateClass, {
+            "is-inline": indicateInline.value
+          }, "vc-textarea__indicator"]
+        }, [indicatorNum.value])])]);
+      };
+    }
+  });
+  const COMPONENT_NAME$a = "vcm-textarea";
+  const MTextarea = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$a,
-    props: props$7,
+    props: Object.assign(props$7, {
+      align: {
+        type: String,
+        default: "left"
+      }
+    }),
+    emits: ["update:modelValue", "input", "change", "focus", "blur", "clear", "paste", "keydown", "keypress", "keyup", "enter", "cancel", "resize"],
     setup(props2, {
-      slots
+      expose
     }) {
+      const textarea = vue.ref();
+      const {
+        currentValue,
+        classes,
+        contentStyle,
+        listeners,
+        binds,
+        calcTextareaStyle,
+        currentMaxlength
+      } = useTextarea(textarea, expose);
       return () => {
         return vue.createVNode("div", {
-          "class": "vc-textarea"
-        }, [slots?.default?.()]);
+          "class": [classes.value, "vcm-textarea"]
+        }, [vue.createVNode("div", {
+          "class": "vcm-textarea__wrapper"
+        }, [vue.createVNode("div", {
+          "style": contentStyle.value,
+          "class": ["vcm-textarea__content"]
+        }, [vue.createVNode("textarea", vue.mergeProps({
+          "ref": textarea
+        }, binds.value, listeners.value, {
+          "value": currentValue.value,
+          "maxlength": currentMaxlength.value,
+          "style": [props2.textareaStyle, calcTextareaStyle.value]
+        }), null)])])]);
       };
     }
   });
-  const MTextarea = Textarea;
   const props$6 = {
     tag: {
       type: String,