@deot/vc-components 1.0.15 → 1.0.17

package/dist/index.cjs

@@ -54,6 +54,17 @@ const VARIABLES = {};
 const defaults$1 = {
   Theme: {
     variables: VARIABLES
+  },
+  Portal: {
+    install: void 0
+  },
+  Upload: {
+    onRequest: void 0,
+    onResponse: void 0,
+    onMessage: void 0
+  },
+  TableColumn: {
+    line: void 0
   }
 };
 
@@ -91,9 +102,9 @@ const props$1q = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -280,9 +291,9 @@ const IconManager = new Manager();
 
 /** @jsxImportSource vue */
 
-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(props) {
     const viewBox = vue.ref('0 0 1024 1024');
@@ -481,9 +492,9 @@ const useTransition = () => {
   };
 };
 
-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,
@@ -504,9 +515,9 @@ const Transition = vue.defineComponent({
   }
 });
 
-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,
@@ -625,9 +636,9 @@ const TransitionCollapse = vue.defineComponent({
   }
 });
 
-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
@@ -662,9 +673,9 @@ const TransitionFade = vue.defineComponent({
   }
 });
 
-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: {
@@ -704,9 +715,9 @@ const TransitionScale = vue.defineComponent({
   }
 });
 
-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: {
@@ -746,9 +757,9 @@ const TransitionSlide = vue.defineComponent({
   }
 });
 
-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: {
@@ -790,7 +801,7 @@ const TransitionZoom = vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1S = 'vc-alert';
+const COMPONENT_NAME$1T = 'vc-alert';
 
 // [color, borderColor, backgroundColor], -> CSS
 const THEME_MAP = {
@@ -800,7 +811,7 @@ const THEME_MAP = {
   warning: ['#ffbf00', '#ffe58f', '#fffbe6']
 };
 const Alert = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1S,
+  name: COMPONENT_NAME$1T,
   props: props$1p,
   setup(props, {
     slots,
@@ -899,9 +910,9 @@ const props$1m = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -940,9 +951,9 @@ const props$1l = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -993,9 +1004,9 @@ const props$1k = {
   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中, 这样可以让所有的事件透传
@@ -1067,9 +1078,9 @@ const props$1j = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -1149,9 +1160,9 @@ const props$1i = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -1185,9 +1196,9 @@ const props$1h = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1M = 'vc-calendar';
+const COMPONENT_NAME$1N = 'vc-calendar';
 const Calendar = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1M,
+  name: COMPONENT_NAME$1N,
   props: props$1h,
   setup(props, {
     slots
@@ -1225,9 +1236,9 @@ const props$1g = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -1263,9 +1274,9 @@ const props$1f = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -1289,9 +1300,9 @@ const props$1e = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -1360,9 +1371,9 @@ const props$1d = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -1593,9 +1604,9 @@ const useCheckbox = () => {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -1682,9 +1693,9 @@ const useCheckboxGroup = () => {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -1702,9 +1713,9 @@ const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -1744,9 +1755,9 @@ const MCheckbox = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -1805,9 +1816,9 @@ const props$19 = {
   }
 };
 
-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(props, context) {
     return () => vue.h(() => {
@@ -1818,9 +1829,9 @@ const Customer = vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -1967,7 +1978,7 @@ class PortalLeaf {
   }
 }
 
-const COMPONENT_NAME$1B = "vc-portal";
+const COMPONENT_NAME$1C = "vc-portal";
 class Portal {
   /**
    * 清理Portals类型组件
@@ -2019,7 +2030,7 @@ class Portal {
     this.wrapper = wrapper;
     this.globalOptions = {
       ...options,
-      name: options?.name || wrapper.name || Utils__namespace.getUid(COMPONENT_NAME$1B)
+      name: options?.name || wrapper.name || Utils__namespace.getUid(COMPONENT_NAME$1C)
     };
   }
   popup(propsData, options) {
@@ -2118,7 +2129,7 @@ class Portal {
       ...rest
     } = options;
     let useAllNodes = fragment;
-    const name = multiple ? `${name$}__${Utils__namespace.getUid(COMPONENT_NAME$1B)}` : name$;
+    const name = multiple ? `${name$}__${Utils__namespace.getUid(COMPONENT_NAME$1C)}` : name$;
     const container = document.createElement(tag);
     const root = typeof el === "object" ? el : document.querySelector(el || "body");
     !alive && Portal.leafs.get(name)?.destroy();
@@ -2152,7 +2163,7 @@ class Portal {
     } else {
       const wrapper = this.wrapper;
       const app = vue.createApp({
-        name: COMPONENT_NAME$1B,
+        name: COMPONENT_NAME$1C,
         parent,
         setup() {
           if (alive) {
@@ -2264,13 +2275,13 @@ const props$18 = {
   }
 };
 
-const COMPONENT_NAME$1A = 'vc-portal-view';
+const COMPONENT_NAME$1B = 'vc-portal-view';
 
 /**
  * 写法不同，但与vue@2.x 保持一致
  */
 const PortalView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1A,
+  name: COMPONENT_NAME$1B,
   props: props$18,
   setup(props, {
     slots
@@ -2441,9 +2452,9 @@ const useClipboard = (done) => {
   return () => vue.h(props.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 }));
@@ -2483,9 +2494,9 @@ const MTransitionZoom = TransitionZoom;
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -2587,9 +2598,9 @@ const warning$2 = create$3({ mode: "warning" });
 const error$2 = create$3({ mode: "error" });
 const MToast = Object.assign(MToastView, { destroy: destroy$4, info: info$2, success: success$2, loading, warning: warning$2, error: error$2 });
 
-const COMPONENT_NAME$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 }));
@@ -2621,9 +2632,9 @@ const props$15 = {
   }
 };
 
-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(props, { slots, emit }) {
@@ -2740,9 +2751,9 @@ const props$13 = {
 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(props, {
     slots
@@ -2772,9 +2783,9 @@ const Expand$1 = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
     slots,
@@ -2849,9 +2860,9 @@ const props$12 = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -2875,9 +2886,9 @@ const props$11 = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -3030,7 +3041,7 @@ const props$_ = {
   hover: Boolean,
   always: Boolean,
   portalClass: [Object, String, Array],
-  portalStyle: Object
+  portalStyle: [Object, String]
 };
 
 const wrapperKeys = [
@@ -3068,7 +3079,7 @@ const props$Z = {
   ...lodashEs.pick(props$_, wrapperKeys)
 };
 
-const inputKeys$1 = [
+const inputKeys$2 = [
   "id",
   "disabled"
 ];
@@ -3078,7 +3089,7 @@ const popoverKeys$1 = [
 ];
 const props$Y = {
   ...lodashEs.pick(props$Z, popoverKeys$1),
-  ...lodashEs.pick(props$$, inputKeys$1),
+  ...lodashEs.pick(props$$, inputKeys$2),
   type: String,
   placeholder: String,
   clearable: {
@@ -3326,9 +3337,9 @@ const useNativeEmitter = (input, expose) => {
 
 /** @jsxImportSource vue */
 
-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$$,
@@ -3662,9 +3673,9 @@ const useInputNumber = () => {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -3728,9 +3739,9 @@ const props$W = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -4021,9 +4032,9 @@ const usePos = () => {
 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(props, {
@@ -4275,9 +4286,9 @@ const PopoverPortal = new Portal(PopoverWrapper);
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -5378,9 +5389,9 @@ const getTimeType = type => {
   }
   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,
@@ -5444,9 +5455,9 @@ const Confirm = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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: {
@@ -5530,9 +5541,9 @@ const DateHeader = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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: {
@@ -5741,9 +5752,9 @@ const DateTable = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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,
@@ -5875,7 +5886,7 @@ const MonthTable = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1i = 'vc-quarter-table';
+const COMPONENT_NAME$1j = 'vc-quarter-table';
 
 /**
  * 获取季度对应的月份范围
@@ -5909,7 +5920,7 @@ const getQuarterRangeByMonth = value => {
   }
 };
 const QuarterTable = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1i,
+  name: COMPONENT_NAME$1j,
   props: {
     value: Array,
     panelDate: Date,
@@ -6032,9 +6043,9 @@ const QuarterTable = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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,
@@ -6074,9 +6085,9 @@ const ShortcutsSelect = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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],
@@ -6355,9 +6366,9 @@ const TimeSelect = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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,
@@ -6480,9 +6491,9 @@ const getDateIsInRange = (value, type, leftPanelDate, rightPanelDate) => {
   }
   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: {
@@ -6861,9 +6872,9 @@ const DateRangePanel = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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,
@@ -7071,9 +7082,9 @@ const isEqualYear$1 = value => {
   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: {
@@ -7248,9 +7259,9 @@ const isEqualYear = value => {
   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: {
@@ -7489,9 +7500,9 @@ const getComparedDate = (leftDate, rightDate) => {
     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(props, {
@@ -7590,9 +7601,9 @@ const TimeRangePanel = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -7647,7 +7658,7 @@ const TimePanel = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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;
@@ -7658,7 +7669,7 @@ const getPanel$1 = type => {
   }
   return DatePanel;
 };
-const DatePicker = createPicker(COMPONENT_NAME$18, props$10, () => {
+const DatePicker = createPicker(COMPONENT_NAME$19, props$10, () => {
   const props = vue.getCurrentInstance().props;
   const icon = vue.ref('date');
   const panel = vue.shallowRef({});
@@ -7691,9 +7702,9 @@ const props$T = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -7848,7 +7859,7 @@ const props$Q = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$16 = 'vc-scroller-track';
+const COMPONENT_NAME$17 = 'vc-scroller-track';
 const BAR_MAP = {
   vertical: {
     scroll: 'scrollTop',
@@ -7868,7 +7879,7 @@ const BAR_MAP = {
   }
 };
 const Track = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$16,
+  name: COMPONENT_NAME$17,
   props: props$S,
   emits: ['change'],
   inheritAttrs: false,
@@ -8058,9 +8069,9 @@ const Track = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -8275,7 +8286,7 @@ const useScroller = (expose) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$14 = 'vc-scroller';
+const COMPONENT_NAME$15 = 'vc-scroller';
 
 /**
  * 作为备选方案,目前推荐使用ScrollerWheel
@@ -8286,7 +8297,7 @@ const COMPONENT_NAME$14 = 'vc-scroller';
  * 2. 增加了一层嵌套
  */
 const Scroller = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$14,
+  name: COMPONENT_NAME$15,
   props: props$Q,
   emits: ['scroll'],
   setup(props, {
@@ -8347,7 +8358,7 @@ const Scroller = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$13 = 'vc-scroller-wheel';
+const COMPONENT_NAME$14 = 'vc-scroller-wheel';
 
 /**
  * 为减少一层嵌套，为去除滚动bar的抖动，使用wheel模拟
@@ -8369,7 +8380,7 @@ const COMPONENT_NAME$13 = 'vc-scroller-wheel';
  * 设置scrollTop不会reflow和repaint，不需要考虑transfrom来改变content（transform也只在draw完成）
  */
 const ScrollerWheel = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$13,
+  name: COMPONENT_NAME$14,
   props: Object.assign(props$Q, {
     stopPropagation: {
       type: Boolean,
@@ -8548,9 +8559,9 @@ const props$P = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -8723,9 +8734,9 @@ const props$O = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -8749,9 +8760,9 @@ const props$N = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -8895,9 +8906,9 @@ const useForm = (expose, options = {}) => {
   });
 };
 
-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(props, { slots, expose }) {
     useForm(expose);
@@ -9217,9 +9228,9 @@ const useFormItem = (expose) => {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots,
@@ -9284,9 +9295,9 @@ const props$K = {
   }
 };
 
-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(props, { slots, expose }) {
     useForm(expose, {
@@ -9317,9 +9328,9 @@ const props$J = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots,
@@ -9373,9 +9384,9 @@ const MFormItem = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-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?.());
   }
@@ -9392,9 +9403,9 @@ const props$I = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -9470,7 +9481,7 @@ const IMGStore$1 = new IMGStore();
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$V = 'vc-image';
+const COMPONENT_NAME$W = 'vc-image';
 let isSupportObjectFit = false;
 window.addEventListener('DOMContentLoaded', () => {
   isSupportObjectFit = !vcShared.IS_SERVER && document.documentElement.style.objectFit !== undefined;
@@ -9483,7 +9494,7 @@ const ObjectFit = {
   SCALE_DOWN: 'scale-down'
 };
 const Image = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$V,
+  name: COMPONENT_NAME$W,
   inheritAttrs: false,
   props: props$H,
   setup(props, {
@@ -9688,9 +9699,9 @@ const props$G = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -9714,9 +9725,9 @@ const props$F = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -9740,9 +9751,9 @@ const props$E = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -9759,9 +9770,9 @@ const MImageProcessing = ImageProcessing;
 
 /** @jsxImportSource vue */
 
-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$$,
@@ -9850,9 +9861,9 @@ const MInput = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -9901,9 +9912,9 @@ const MInputNumber = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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: {
@@ -9980,9 +9991,9 @@ const props$D = {
   }
 };
 
-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(props, { slots }) {
     vue.provide("vc-list", { props });
@@ -10037,10 +10048,10 @@ const props$C = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -10134,11 +10145,11 @@ const props$B = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -10206,9 +10217,9 @@ const props$A = {
   }
 };
 
-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(props, { emit, slots, expose }) {
@@ -10355,10 +10366,10 @@ const props$z = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -10785,9 +10796,9 @@ const props$y = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -10999,9 +11010,9 @@ const props$x = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -11174,9 +11185,9 @@ const props$w = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -11289,9 +11300,9 @@ const props$u = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -11360,9 +11371,9 @@ const props$t = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -11435,9 +11446,9 @@ const props$s = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -11456,7 +11467,7 @@ const OptionGroup = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const inputKeys = [
+const inputKeys$1 = [
   "id",
   "disabled",
   "modelValue",
@@ -11468,7 +11479,7 @@ const popoverKeys = [
 ];
 const props$r = {
   ...lodashEs.pick(props$Z, popoverKeys),
-  ...lodashEs.pick(props$$, inputKeys),
+  ...lodashEs.pick(props$$, inputKeys$1),
   data: {
     type: Array,
     default: () => []
@@ -11535,9 +11546,9 @@ const props$r = {
 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(props, {
@@ -11781,9 +11792,9 @@ const Select = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -11981,9 +11992,9 @@ const props$q = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -12007,9 +12018,9 @@ const props$p = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -12035,9 +12046,9 @@ const props$o = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -12064,9 +12075,9 @@ const props$n = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     expose,
@@ -12168,9 +12179,9 @@ const props$m = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$x = 'vc-progress-circle';
+const COMPONENT_NAME$y = 'vc-progress-circle';
 const Circle = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$x,
+  name: COMPONENT_NAME$y,
   props: props$m,
   setup(props, {
     slots
@@ -12230,9 +12241,9 @@ const Circle = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$w = 'vc-progress-line';
+const COMPONENT_NAME$x = 'vc-progress-line';
 const Line = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$w,
+  name: COMPONENT_NAME$x,
   props: props$m,
   setup(props) {
     const colorStyle = vue.computed(() => {
@@ -12279,9 +12290,9 @@ const Line = /* @__PURE__ */ vue.defineComponent({
 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(props, {
     slots
@@ -12433,9 +12444,9 @@ const useRadio = () => {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -12546,9 +12557,9 @@ const useRadioGroup = () => {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -12570,9 +12581,9 @@ const RadioGroup = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -12613,9 +12624,9 @@ const MRadio = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -12644,9 +12655,9 @@ const props$j = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -12714,9 +12725,9 @@ const props$i = {
 
 /** @jsxImportSource vue */
 
-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
   }) {
@@ -12846,12 +12857,12 @@ const useDirectionKeys = () => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$o = 'vc-recycle-list-container';
+const COMPONENT_NAME$p = 'vc-recycle-list-container';
 
 // TODO: 抽离
 const transformKey = $__namespace.prefixStyle('transform').camel;
 const Container = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$o,
+  name: COMPONENT_NAME$p,
   props: props$h,
   emits: ['refresh'],
   setup(props, {
@@ -12949,9 +12960,9 @@ const Container = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -13098,21 +13109,12 @@ const RecycleList = /* @__PURE__ */ vue.defineComponent({
       const current = props.inverted ? rebuildData.value[rebuildDataIndexMap.value[index]] : rebuildData.value[index];
       if (!current) return; // 受到`removeUnusedPlaceholders`影响，无效的会被回收
 
-      const oldSize = current.size;
       const dom = preloads.value[index] || curloads.value[props.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({
@@ -13342,6 +13344,13 @@ const RecycleList = /* @__PURE__ */ vue.defineComponent({
       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) => {
@@ -13472,7 +13481,8 @@ const RecycleList = /* @__PURE__ */ vue.defineComponent({
             "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 || {},
@@ -13523,9 +13533,9 @@ const props$g = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -13549,9 +13559,9 @@ const props$f = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -13575,9 +13585,9 @@ const props$e = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -13690,9 +13700,9 @@ const useSwitch = (expose) => {
 
 /** @jsxImportSource vue */
 
-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'],
@@ -13729,9 +13739,9 @@ const Switch = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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'],
@@ -14503,6 +14513,7 @@ class Store extends BaseWatcher {
     });
   }
   setData(data) {
+    const { primaryKey } = this.table.props;
     const dataInstanceChanged = this.states._data !== data;
     this.states._data = data;
     this.states.data = data;
@@ -14514,19 +14525,22 @@ class Store extends BaseWatcher {
     });
     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;
@@ -14840,9 +14854,9 @@ const useStates = (mapper, $store) => {
 
 /** @jsxImportSource vue */
 
-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,
@@ -14857,17 +14871,19 @@ const NormalList = /* @__PURE__ */ vue.defineComponent({
     const handleResize = (e, index) => {
       emit('row-resize', {
         index,
-        size: e.height
+        height: e.height,
+        width: e.width
       });
     };
     return () => {
-      return props.data.map((row, index) => {
+      return props.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
           })]
         });
@@ -15016,32 +15032,6 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
         table.hoverState.value = hoverState;
         table.emit('cell-mouse-enter', hoverState.row, hoverState.column, hoverState.cell, e);
       }
-
-      // 判断是否text-overflow, 如果是就显示tooltip
-      const cellChild = e.target.querySelector('.vc-table__cell');
-      if (!($.hasClass(cellChild, 'vc-popover') && cellChild.childNodes.length)) {
-        return;
-      }
-      // 使用范围宽度而不是滚动宽度来确定文本是否溢出，以解决潜在的FireFox bug
-      // https://bugzilla.mozilla.org/show_bug.cgi?id=1074543#c3
-      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);
@@ -15129,13 +15119,14 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
         })]);
       })]);
     };
-    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);
       })]);
@@ -15143,7 +15134,7 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
     const handleMergeRowResize = v => {
       if (table.props.rowHeight) return;
       states.list[v.index].rows.forEach(row => {
-        row.heightMap[props.fixed || 'main'] = v.size;
+        row.heightMap[props.fixed || 'main'] = v.height;
         const heights = [row.heightMap.main];
         if (states.leftFixedCount) {
           heights.push(row.heightMap.left);
@@ -15195,17 +15186,15 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
         "style": props.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)
       })]);
     };
   }
@@ -15699,9 +15688,9 @@ const props$c = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -16231,8 +16220,198 @@ const Table = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const cellStarts = {
-  default: {
+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"
+  },
+  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 SIZING_STYLE$1 = [
+  "letter-spacing",
+  "line-height",
+  "padding-top",
+  "padding-bottom",
+  "font-family",
+  "font-weight",
+  "font-size",
+  "text-rendering",
+  "text-transform",
+  "width",
+  // 'text-indent', // 需要额外计算
+  "padding-left",
+  "padding-right",
+  "border-width",
+  "box-sizing"
+];
+let hiddenEl$1;
+const getFitIndex = (options = {}) => {
+  const { el, line, value, suffix, indent } = options;
+  let lineHeight = parseInt($.getStyle(el, "line-height"), 10);
+  if (!hiddenEl$1) {
+    hiddenEl$1 = document.createElement("div");
+    document.body.appendChild(hiddenEl$1);
+  }
+  el.getAttribute("wrap") ? hiddenEl$1.setAttribute("wrap", el.getAttribute("wrap")) : hiddenEl$1.removeAttribute("wrap");
+  const {
+    paddingSize,
+    borderSize,
+    boxSizing,
+    sizingStyle
+  } = vcShared.Utils.getComputedStyle(el, SIZING_STYLE$1);
+  const textIndent = `text-indent: ${parseInt($.getStyle(el, "text-indent"), 10) + indent}px;`;
+  hiddenEl$1.setAttribute("style", `${sizingStyle};${textIndent};${HIDDEN_TEXT_STYLE}`);
+  let sideHeight = paddingSize || 0;
+  boxSizing === "border-box" && (sideHeight += borderSize);
+  if (Number.isNaN(lineHeight)) {
+    hiddenEl$1.innerText = ".";
+    lineHeight = hiddenEl$1.clientHeight - sideHeight;
+  }
+  let endIndex = 0;
+  hiddenEl$1.innerText = suffix;
+  value.split("").forEach((item, i) => {
+    let old = hiddenEl$1.innerText;
+    old = old.substring(0, old.length - suffix.length);
+    hiddenEl$1.innerText = old + item + suffix;
+    if (hiddenEl$1.clientHeight - sideHeight > lineHeight * line && endIndex === 0) {
+      endIndex = i;
+    }
+  });
+  return endIndex;
+};
+
+/** @jsxImportSource vue */
+
+const COMPONENT_NAME$g = 'vc-text';
+const Text = /* @__PURE__ */ vue.defineComponent({
+  name: COMPONENT_NAME$g,
+  props: props$b,
+  setup(props, {
+    emit
+  }) {
+    const instance = vue.getCurrentInstance();
+    const isActive = vue.ref(false);
+    const endIndex = vue.ref(0);
+    const styles = vue.computed(() => {
+      return {
+        cursor: endIndex.value === 0 ? 'unset' : 'pointer'
+      };
+    });
+    const calcPosition = () => {
+      const {
+        suffix,
+        line,
+        value,
+        indent
+      } = props;
+      if (line === 0) {
+        endIndex.value = 0;
+        isActive.value = true;
+      } else {
+        endIndex.value = getFitIndex({
+          el: instance.vnode.el,
+          line,
+          value,
+          suffix,
+          indent
+        });
+        isActive.value = true;
+      }
+      emit('clip', endIndex.value);
+    };
+    const handleResize = props.resize === true || props.resize === 0 ? calcPosition : lodashEs.debounce(calcPosition, props.resize || 0);
+    const handleMouseOver = e => {
+      if (endIndex.value > 0) {
+        Popover.open({
+          el: document.body,
+          name: 'vc-text-popover',
+          // 确保不重复创建
+          triggerEl: e.target,
+          hover: true,
+          theme: 'dark',
+          placement: props.placement,
+          portalClassName: props.portalClassName,
+          portalStyle: props.portalStyle || `width: ${e.target.clientWidth}px`,
+          content: props.value
+        });
+      }
+    };
+    const handleMouseOut = () => {
+      // Do.
+    };
+    ['value', 'indent', 'line'].forEach(key => {
+      vue.watch(() => props[key], calcPosition);
+    });
+    vue.onMounted(() => {
+      props.resize !== false && helperResize.Resize.on(instance.vnode.el, handleResize); // 首次会执行一次
+    });
+    vue.onBeforeUnmount(() => {
+      props.resize !== false && helperResize.Resize.off(instance.vnode.el, handleResize);
+    });
+    const Content = props.tag;
+    return () => {
+      return vue.createVNode(Content, {
+        "class": "vc-text",
+        "style": styles.value,
+        "onMouseover": handleMouseOver,
+        "onMouseout": handleMouseOut
+      }, {
+        default: () => [isActive.value ? vue.createVNode(Customer, {
+          "value": endIndex.value > 0 ? `${props.value.slice(0, endIndex.value)}${props.suffix}` : props.value,
+          "index": endIndex.value,
+          "render": props.renderRow
+        }, null) : null]
+      });
+    };
+  }
+});
+
+const cellStarts = {
+  default: {
     order: ''
   },
   selection: {
@@ -16340,26 +16519,29 @@ const cellForced = {
 };
 
 // Cell默认渲染value 或 formatter
-const defaultRenderCell = ({
-  row,
-  column = {},
-  rowIndex
-}) => {
+const defaultRenderCell = (rowData = {}) => {
+  const column = rowData.column;
   const {
     prop,
     formatter
   } = column;
   let value;
   if (prop) {
-    value = Utils.getPropByPath(row, prop).v;
+    value = Utils.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 style = {
+      width: (column.realWidth || column.width) - 20 + 'px'
+    };
+    return vue.createVNode(Text, {
+      "style": style,
+      "line": line,
+      "value": value
+    }, null);
   }
   return value;
 };
@@ -16412,6 +16594,11 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
       type: String,
       default: 'default'
     },
+    // 默认只展示一行
+    line: {
+      type: Number,
+      default: 0
+    },
     label: String,
     customClass: String,
     labelClass: String,
@@ -16426,7 +16613,6 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
     columnKey: String,
     align: String,
     headerAlign: String,
-    showPopover: Boolean,
     fixed: [Boolean, String],
     formatter: Function,
     selectable: Function,
@@ -16574,12 +16760,6 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
               "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;
@@ -16679,7 +16859,7 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
 const MTable = Table;
 const MTableColumn = TableColumn;
 
-const props$b = {
+const props$a = {
   type: {
     type: String,
     validator: (v) => /^(line|card)$/.test(v),
@@ -16837,7 +17017,7 @@ const useTabs = (options = {}) => {
 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(props, {
     slots
@@ -17002,7 +17182,7 @@ const Tabs = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$a = {
+const props$9 = {
   value: {
     type: [String, Number]
   },
@@ -17087,7 +17267,7 @@ const useTabsPane = () => {
 const COMPONENT_NAME$e = 'vc-tabs-pane';
 const TabsPane = /* @__PURE__ */ vue.defineComponent({
   name: COMPONENT_NAME$e,
-  props: props$a,
+  props: props$9,
   setup(_, {
     slots
   }) {
@@ -17102,8 +17282,8 @@ const TabsPane = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-const props$9 = {
-  ...props$b,
+const props$8 = {
+  ...props$a,
   theme: {
     type: String,
     default: "light",
@@ -17144,7 +17324,7 @@ const props$9 = {
 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(props, {
     slots
@@ -17411,7 +17591,7 @@ const MTabs = /* @__PURE__ */ vue.defineComponent({
 const COMPONENT_NAME$c = 'vcm-tabs-pane';
 const MTabsPane = /* @__PURE__ */ vue.defineComponent({
   name: COMPONENT_NAME$c,
-  props: props$a,
+  props: props$9,
   setup(_, {
     slots
   }) {
@@ -17428,56 +17608,18 @@ const MTabsPane = /* @__PURE__ */ vue.defineComponent({
 
 const MTag = Tag;
 
-const props$8 = {
-  tag: {
-    type: String,
-    default: "div"
-  },
-  value: {
-    type: String,
-    default: ""
-  },
-  line: {
-    type: Number,
-    default: 0
-  },
-  // TODO: 是否改为tail-indent来表示尾部缩进
-  indent: {
-    type: Number,
-    default: 0
-  },
-  resize: {
-    type: [Boolean, Number],
-    default: 100
-  },
-  suffix: {
-    type: String,
-    default: "..."
-  },
-  placement: {
-    type: String,
-    default: "top"
-  },
-  portalClassName: [Object, String, Array],
-  portalStyle: [Object, String, Array],
-  renderRow: {
-    type: Function,
-    // 函数式可以用于高亮显示
-    default: (props$) => {
-      const { value } = props$;
-      return vue.h("span", {}, value);
-    }
-  }
-};
+const MText = Text;
 
-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 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",
@@ -17490,18 +17632,18 @@ const SIZING_STYLE = [
   "text-rendering",
   "text-transform",
   "width",
-  // 'text-indent', // 需要额外计算
+  "text-indent",
   "padding-left",
   "padding-right",
   "border-width",
   "box-sizing"
 ];
 let hiddenEl;
-const getFitIndex = (options = {}) => {
-  const { el, line, value, suffix, indent } = options;
-  let lineHeight = parseInt($.getStyle(el, "line-height"), 10);
+const getComputedHeight = (options = {}) => {
+  if (vcShared.IS_SERVER) return {};
+  const { el, minRows = null, maxRows = null } = options;
   if (!hiddenEl) {
-    hiddenEl = document.createElement("div");
+    hiddenEl = document.createElement("textarea");
     document.body.appendChild(hiddenEl);
   }
   el.getAttribute("wrap") ? hiddenEl.setAttribute("wrap", el.getAttribute("wrap")) : hiddenEl.removeAttribute("wrap");
@@ -17511,141 +17653,343 @@ const getFitIndex = (options = {}) => {
     boxSizing,
     sizingStyle
   } = vcShared.Utils.getComputedStyle(el, SIZING_STYLE);
-  const textIndent = `text-indent: ${parseInt($.getStyle(el, "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 = el.value || el.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);
+    }
   }
-  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;
+  if (!maxRows) {
+    overflowY = "hidden";
+  }
+  return {
+    height: `${height}px`,
+    minHeight: `${minHeight}px`,
+    maxHeight: `${maxHeight}px`,
+    overflowY
+  };
+};
+
+const useTextarea = (textarea, expose) => {
+  const attrs = vue.useAttrs();
+  const instance = vue.getCurrentInstance();
+  const props = 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 } = props;
+    return Array.isArray(value) || !maxlength || !bytes ? maxlength : getFitMaxLength(value, maxlength);
+  });
+  const sync = (v, e, force) => {
+    if (!force && v === currentValue.value) return;
+    if (!props.controllable) {
+      currentValue.value = v;
+    }
+    emit("update:modelValue", v, e);
+    emit("input", v, e);
+    emit("change", v, e);
+    props.allowDispatch && formItem?.change?.(v);
+  };
+  const forceUpdate = () => {
+    instance.proxy?.$forceUpdate?.();
+  };
+  const refresh = () => {
+    if (!props.autosize) return;
+    const { minRows, maxRows } = props.autosize;
+    vue.nextTick(() => {
+      calcTextareaStyle.value = getComputedHeight({
+        el: textarea.value,
+        minRows,
+        maxRows
+      });
+    });
+  };
+  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);
+    props.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 props.maxlength !== "undefined" && props.bytes && e.inputType !== "deleteContentBackward") {
+      const fitValue = getFitValue(value, props.maxlength);
+      if (value !== fitValue) {
+        value = fitValue;
+      }
+    }
+    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`
+    };
+    emit("resize", e);
+  };
+  const handlePaste = (e) => {
+    emit("paste", e, e.clipboardData.getData("text"));
+  };
+  const classes = vue.computed(() => {
+    return {
+      "is-focus": isFocus.value,
+      "is-disabled": props.disabled
+    };
   });
-  return endIndex;
+  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
+    };
+  });
+  const binds = vue.computed(() => {
+    return {
+      id: props.id,
+      autocomplete: attrs.autocomplete,
+      spellcheck: attrs.spellcheck,
+      placeholder: attrs.placeholder,
+      readonly: attrs.readonly,
+      name: attrs.name,
+      autofocus: attrs.autofocus,
+      disabled: props.disabled,
+      maxlength: props.maxlength,
+      rows: props.rows,
+      wrap: props.wrap
+    };
+  });
+  vue.watch(
+    () => props.modelValue,
+    (v) => {
+      if (props.controllable || v !== currentValue.value) {
+        currentValue.value = v;
+        refresh();
+      }
+    },
+    { immediate: true }
+  );
+  vue.onMounted(() => {
+    helperResize.Resize.on(textarea.value, handleResize);
+    refresh();
+  });
+  vue.onBeforeUnmount(() => {
+    helperResize.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 = {
+  ...lodashEs.pick(props$$, inputKeys),
+  wrap: {
+    type: String,
+    validator: (v) => /(soft|hard)/.test(v),
+    default: "soft"
+  },
+  rows: {
+    type: Number,
+    default: 2
+  },
+  autosize: {
+    type: [Boolean, Object],
+    default: false
+  },
+  textareaStyle: {
+    type: [Object, Array]
+  }
 };
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$b = 'vc-text';
-const Text = /* @__PURE__ */ vue.defineComponent({
+const COMPONENT_NAME$b = 'vc-textarea';
+const Textarea = /* @__PURE__ */ vue.defineComponent({
   name: COMPONENT_NAME$b,
-  props: props$8,
+  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(props, {
-    emit
+    expose
   }) {
-    const instance = vue.getCurrentInstance();
-    const isActive = vue.ref(false);
-    const endIndex = vue.ref(0);
-    const styles = vue.computed(() => {
-      return {
-        cursor: endIndex.value === 0 ? 'unset' : 'pointer'
-      };
-    });
-    const calcPosition = () => {
-      const {
-        suffix,
-        line,
-        value,
-        indent
-      } = props;
-      if (line === 0) {
-        endIndex.value = 0;
-        isActive.value = true;
-      } else {
-        endIndex.value = getFitIndex({
-          el: instance.vnode.el,
-          line,
-          value,
-          suffix,
-          indent
-        });
-        isActive.value = true;
-      }
-      emit('clip', endIndex.value);
-    };
-    const handleResize = props.resize === true || props.resize === 0 ? calcPosition : lodashEs.debounce(calcPosition, props.resize || 0);
-    const handleMouseOver = e => {
-      if (endIndex.value > 0) {
-        Popover.open({
-          el: document.body,
-          name: 'vc-text-popover',
-          // 确保不重复创建
-          triggerEl: e.target,
-          hover: true,
-          theme: 'dark',
-          placement: props.placement,
-          portalClassName: props.portalClassName,
-          portalStyle: props.portalStyle || `width: ${e.target.clientWidth}px`,
-          content: props.value
-        });
-      }
-    };
-    const handleMouseOut = () => {
-      // Do.
-    };
-    ['value', 'indent', 'line'].forEach(key => {
-      vue.watch(() => props[key], calcPosition);
-    });
-    vue.onMounted(() => {
-      props.resize !== false && helperResize.Resize.on(instance.vnode.el, handleResize); // 首次会执行一次
+    const textarea = vue.ref();
+    const {
+      currentValue,
+      classes,
+      contentStyle,
+      listeners,
+      binds,
+      calcTextareaStyle,
+      currentMaxlength
+    } = useTextarea(textarea, expose);
+    const indicatorNum = vue.computed(() => {
+      const currentLength = (String(props.modelValue) || '').length;
+      const extraLength = props.bytes ? getBytesSize(props.modelValue) || 0 : 0;
+      const length = props.indicator && props.indicator.inverted ? props.maxlength + extraLength - currentLength : currentLength - extraLength;
+      return `${length}/${props.maxlength}`;
     });
-    vue.onBeforeUnmount(() => {
-      props.resize !== false && helperResize.Resize.off(instance.vnode.el, handleResize);
+    const indicateInline = vue.computed(() => {
+      return props.indicator && props.indicator.inline;
     });
-    const Content = props.tag;
     return () => {
-      return vue.createVNode(Content, {
-        "class": "vc-text",
-        "style": styles.value,
-        "onMouseover": handleMouseOver,
-        "onMouseout": handleMouseOut
-      }, {
-        default: () => [isActive.value ? vue.createVNode(Customer, {
-          "value": endIndex.value > 0 ? `${props.value.slice(0, endIndex.value)}${props.suffix}` : props.value,
-          "index": endIndex.value,
-          "render": props.renderRow
-        }, null) : null]
-      });
+      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": [props.textareaStyle, calcTextareaStyle.value]
+      }), null)]), props.indicator && vue.createVNode("div", {
+        "class": [props.indicateClass, {
+          'is-inline': indicateInline.value
+        }, 'vc-textarea__indicator']
+      }, [indicatorNum.value])])]);
     };
   }
 });
 
-const MText = Text;
-
-const props$7 = {
-  tag: {
-    type: String,
-    default: "div"
-  }
-};
-
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$a = 'vc-textarea';
-const Textarea = /* @__PURE__ */ vue.defineComponent({
+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(props, {
-    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": [props.textareaStyle, calcTextareaStyle.value]
+      }), null)])])]);
     };
   }
 });
 
-const MTextarea = Textarea;
-
 const props$6 = {
   tag: {
     type: String,