@deot/vc-components 1.0.16 → 1.0.18

package/dist/index.umd.cjs

@@ -19,6 +19,17 @@
 	const defaults$2 = {
 	  Theme: {
 	    variables: VARIABLES
+	  },
+	  Portal: {
+	    install: void 0
+	  },
+	  Upload: {
+	    onRequest: void 0,
+	    onResponse: void 0,
+	    onMessage: void 0
+	  },
+	  TableColumn: {
+	    line: void 0
 	  }
 	};
 
@@ -56,9 +67,9 @@
 
 	/** @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
@@ -245,9 +256,9 @@
 
 	/** @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');
@@ -446,9 +457,9 @@
 	  };
 	};
 
-	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,
@@ -469,9 +480,9 @@
 	  }
 	});
 
-	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,
@@ -590,9 +601,9 @@
 	  }
 	});
 
-	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
@@ -627,9 +638,9 @@
 	  }
 	});
 
-	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: {
@@ -669,9 +680,9 @@
 	  }
 	});
 
-	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: {
@@ -711,9 +722,9 @@
 	  }
 	});
 
-	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: {
@@ -755,7 +766,7 @@
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1S = 'vc-alert';
+	const COMPONENT_NAME$1T = 'vc-alert';
 
 	// [color, borderColor, backgroundColor], -> CSS
 	const THEME_MAP = {
@@ -765,7 +776,7 @@
 	  warning: ['#ffbf00', '#ffe58f', '#fffbe6']
 	};
 	const Alert = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1S,
+	  name: COMPONENT_NAME$1T,
 	  props: props$1p,
 	  setup(props, {
 	    slots,
@@ -864,9 +875,9 @@
 
 	/** @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
@@ -905,9 +916,9 @@
 
 	/** @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
@@ -5763,9 +5774,9 @@
 	  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中, 这样可以让所有的事件透传
@@ -5837,9 +5848,9 @@
 
 	/** @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, {
@@ -5919,9 +5930,9 @@
 
 	/** @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
@@ -5955,9 +5966,9 @@
 
 	/** @jsxImportSource vue */
 
-	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(props, {
 	    slots
@@ -5995,9 +6006,9 @@
 
 	/** @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
@@ -6033,9 +6044,9 @@
 
 	/** @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
@@ -6059,9 +6070,9 @@
 
 	/** @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
@@ -6193,9 +6204,9 @@
 
 	/** @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, {
@@ -6426,9 +6437,9 @@
 
 	/** @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, {
@@ -6515,9 +6526,9 @@
 
 	/** @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, {
@@ -6535,9 +6546,9 @@
 
 	/** @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, {
@@ -6577,9 +6588,9 @@
 
 	/** @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, {
@@ -6638,9 +6649,9 @@
 	  }
 	};
 
-	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(() => {
@@ -6651,9 +6662,9 @@
 
 	/** @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, {
@@ -7213,7 +7224,7 @@
 	  }
 	}
 
-	const COMPONENT_NAME$1B = "vc-portal";
+	const COMPONENT_NAME$1C = "vc-portal";
 	class Portal {
 	  /**
 	   * 清理Portals类型组件
@@ -7265,7 +7276,7 @@
 	    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) {
@@ -7364,7 +7375,7 @@
 	      ...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 el === "object" ? el : document.querySelector(el || "body");
 	    !alive && Portal.leafs.get(name)?.destroy();
@@ -7398,7 +7409,7 @@
 	    } else {
 	      const wrapper = this.wrapper;
 	      const app = vue.createApp({
-	        name: COMPONENT_NAME$1B,
+	        name: COMPONENT_NAME$1C,
 	        parent,
 	        setup() {
 	          if (alive) {
@@ -7510,13 +7521,13 @@
 	  }
 	};
 
-	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
@@ -7687,9 +7698,9 @@
 	  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 }));
@@ -7729,9 +7740,9 @@
 
 	/** @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, {
@@ -7833,9 +7844,9 @@
 	const error$2 = create$6({ 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 }));
@@ -7867,9 +7878,9 @@
 	  }
 	};
 
-	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 }) {
@@ -7986,9 +7997,9 @@
 	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
@@ -8018,9 +8029,9 @@
 
 	/** @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,
@@ -8095,9 +8106,9 @@
 
 	/** @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
@@ -8121,9 +8132,9 @@
 
 	/** @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
@@ -8276,7 +8287,7 @@
 	  hover: Boolean,
 	  always: Boolean,
 	  portalClass: [Object, String, Array],
-	  portalStyle: Object
+	  portalStyle: [Object, String]
 	};
 
 	const wrapperKeys = [
@@ -8314,7 +8325,7 @@
 	  ...pick(props$_, wrapperKeys)
 	};
 
-	const inputKeys$1 = [
+	const inputKeys$2 = [
 	  "id",
 	  "disabled"
 	];
@@ -8324,7 +8335,7 @@
 	];
 	const props$Y = {
 	  ...pick(props$Z, popoverKeys$1),
-	  ...pick(props$$, inputKeys$1),
+	  ...pick(props$$, inputKeys$2),
 	  type: String,
 	  placeholder: String,
 	  clearable: {
@@ -8636,9 +8647,9 @@
 
 	/** @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$$,
@@ -8972,9 +8983,9 @@
 
 	/** @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, {
@@ -9038,9 +9049,9 @@
 
 	/** @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, {
@@ -9331,9 +9342,9 @@
 	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, {
@@ -9585,9 +9596,9 @@
 
 	/** @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, {
@@ -10688,9 +10699,9 @@
 	  }
 	  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,
@@ -10754,9 +10765,9 @@
 
 	/** @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: {
@@ -10840,9 +10851,9 @@
 
 	/** @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: {
@@ -11051,9 +11062,9 @@
 
 	/** @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,
@@ -11185,7 +11196,7 @@
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1i = 'vc-quarter-table';
+	const COMPONENT_NAME$1j = 'vc-quarter-table';
 
 	/**
 	 * 获取季度对应的月份范围
@@ -11219,7 +11230,7 @@
 	  }
 	};
 	const QuarterTable = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1i,
+	  name: COMPONENT_NAME$1j,
 	  props: {
 	    value: Array,
 	    panelDate: Date,
@@ -11342,9 +11353,9 @@
 
 	/** @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,
@@ -11384,9 +11395,9 @@
 
 	/** @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],
@@ -11665,9 +11676,9 @@
 
 	/** @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,
@@ -11790,9 +11801,9 @@
 	  }
 	  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: {
@@ -12171,9 +12182,9 @@
 
 	/** @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,
@@ -12381,9 +12392,9 @@
 	  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: {
@@ -12558,9 +12569,9 @@
 	  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: {
@@ -12799,9 +12810,9 @@
 	    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, {
@@ -12900,9 +12911,9 @@
 
 	/** @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, {
@@ -12957,7 +12968,7 @@
 
 	/** @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;
@@ -12968,7 +12979,7 @@
 	  }
 	  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({});
@@ -13001,9 +13012,9 @@
 
 	/** @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
@@ -13158,7 +13169,7 @@
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$16 = 'vc-scroller-track';
+	const COMPONENT_NAME$17 = 'vc-scroller-track';
 	const BAR_MAP = {
 	  vertical: {
 	    scroll: 'scrollTop',
@@ -13178,7 +13189,7 @@
 	  }
 	};
 	const Track$1 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$16,
+	  name: COMPONENT_NAME$17,
 	  props: props$S,
 	  emits: ['change'],
 	  inheritAttrs: false,
@@ -13368,9 +13379,9 @@
 
 	/** @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, {
@@ -13585,7 +13596,7 @@
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$14 = 'vc-scroller';
+	const COMPONENT_NAME$15 = 'vc-scroller';
 
 	/**
 	 * 作为备选方案,目前推荐使用ScrollerWheel
@@ -13596,7 +13607,7 @@
 	 * 2. 增加了一层嵌套
 	 */
 	const Scroller = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$14,
+	  name: COMPONENT_NAME$15,
 	  props: props$Q,
 	  emits: ['scroll'],
 	  setup(props, {
@@ -14546,7 +14557,7 @@
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$13 = 'vc-scroller-wheel';
+	const COMPONENT_NAME$14 = 'vc-scroller-wheel';
 
 	/**
 	 * 为减少一层嵌套，为去除滚动bar的抖动，使用wheel模拟
@@ -14568,7 +14579,7 @@
 	 * 设置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,
@@ -14747,9 +14758,9 @@
 
 	/** @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, {
@@ -14922,9 +14933,9 @@
 
 	/** @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
@@ -14948,9 +14959,9 @@
 
 	/** @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
@@ -15094,9 +15105,9 @@
 	  });
 	};
 
-	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);
@@ -15548,9 +15559,9 @@
 
 	/** @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,
@@ -15615,9 +15626,9 @@
 	  }
 	};
 
-	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, {
@@ -15648,9 +15659,9 @@
 
 	/** @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,
@@ -15704,9 +15715,9 @@
 	  }
 	});
 
-	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?.());
 	  }
@@ -15723,9 +15734,9 @@
 
 	/** @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
@@ -16183,7 +16194,7 @@
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$V = 'vc-image';
+	const COMPONENT_NAME$W = 'vc-image';
 	let isSupportObjectFit = false;
 	window.addEventListener('DOMContentLoaded', () => {
 	  isSupportObjectFit = !IS_SERVER$2 && document.documentElement.style.objectFit !== undefined;
@@ -16196,7 +16207,7 @@
 	  SCALE_DOWN: 'scale-down'
 	};
 	const Image$1 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$V,
+	  name: COMPONENT_NAME$W,
 	  inheritAttrs: false,
 	  props: props$H,
 	  setup(props, {
@@ -16401,9 +16412,9 @@
 
 	/** @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
@@ -16427,9 +16438,9 @@
 
 	/** @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
@@ -16453,9 +16464,9 @@
 
 	/** @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
@@ -16472,9 +16483,9 @@
 
 	/** @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$$,
@@ -16563,9 +16574,9 @@
 
 	/** @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, {
@@ -16614,9 +16625,9 @@
 
 	/** @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: {
@@ -16693,9 +16704,9 @@
 	  }
 	};
 
-	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 });
@@ -16750,10 +16761,10 @@
 
 	/** @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, {
@@ -16886,11 +16897,11 @@
 
 	/** @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
@@ -16958,9 +16969,9 @@
 	  }
 	};
 
-	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 }) {
@@ -17107,10 +17118,10 @@
 
 	/** @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, {
@@ -17537,9 +17548,9 @@
 
 	/** @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, {
@@ -17751,9 +17762,9 @@
 
 	/** @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, {
@@ -17926,9 +17937,9 @@
 
 	/** @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
@@ -18041,9 +18052,9 @@
 
 	/** @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, {
@@ -18112,9 +18123,9 @@
 
 	/** @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
@@ -18187,9 +18198,9 @@
 
 	/** @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
@@ -18208,7 +18219,7 @@
 	  }
 	});
 
-	const inputKeys = [
+	const inputKeys$1 = [
 	  "id",
 	  "disabled",
 	  "modelValue",
@@ -18220,7 +18231,7 @@
 	];
 	const props$r = {
 	  ...pick(props$Z, popoverKeys),
-	  ...pick(props$$, inputKeys),
+	  ...pick(props$$, inputKeys$1),
 	  data: {
 	    type: Array,
 	    default: () => []
@@ -18287,9 +18298,9 @@
 	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, {
@@ -18533,9 +18544,9 @@
 
 	/** @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, {
@@ -18733,9 +18744,9 @@
 
 	/** @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
@@ -18759,9 +18770,9 @@
 
 	/** @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
@@ -18787,9 +18798,9 @@
 
 	/** @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
@@ -18816,9 +18827,9 @@
 
 	/** @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,
@@ -18920,9 +18931,9 @@
 
 	/** @jsxImportSource 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(props, {
 	    slots
@@ -18982,9 +18993,9 @@
 
 	/** @jsxImportSource 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(props) {
 	    const colorStyle = vue.computed(() => {
@@ -19031,9 +19042,9 @@
 	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
@@ -19185,9 +19196,9 @@
 
 	/** @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, {
@@ -19298,9 +19309,9 @@
 
 	/** @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, {
@@ -19322,9 +19333,9 @@
 
 	/** @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, {
@@ -19365,9 +19376,9 @@
 
 	/** @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, {
@@ -19396,9 +19407,9 @@
 
 	/** @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
@@ -19580,9 +19591,9 @@
 
 	/** @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
 	  }) {
@@ -19712,12 +19723,12 @@
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$o = 'vc-recycle-list-container';
+	const COMPONENT_NAME$p = 'vc-recycle-list-container';
 
 	// TODO: 抽离
 	const transformKey = prefixStyle('transform').camel;
 	const Container = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$o,
+	  name: COMPONENT_NAME$p,
 	  props: props$h,
 	  emits: ['refresh'],
 	  setup(props, {
@@ -19815,9 +19826,9 @@
 
 	/** @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, {
@@ -19964,21 +19975,12 @@
 	      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({
@@ -20208,6 +20210,13 @@
 	      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) => {
@@ -20338,7 +20347,8 @@
 	            "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 || {},
@@ -20389,9 +20399,9 @@
 
 	/** @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
@@ -20415,9 +20425,9 @@
 
 	/** @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
@@ -20441,9 +20451,9 @@
 
 	/** @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
@@ -20556,9 +20566,9 @@
 
 	/** @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'],
@@ -20595,9 +20605,9 @@
 
 	/** @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'],
@@ -38580,6 +38590,7 @@
 	    });
 	  }
 	  setData(data) {
+	    const { primaryKey } = this.table.props;
 	    const dataInstanceChanged = this.states._data !== data;
 	    this.states._data = data;
 	    this.states.data = data;
@@ -38591,19 +38602,22 @@
 	    });
 	    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;
@@ -38917,9 +38931,9 @@
 
 	/** @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,
@@ -38934,17 +38948,19 @@
 	    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
 	          })]
 	        });
@@ -39093,32 +39109,6 @@
 	        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);
@@ -39206,13 +39196,14 @@
 	        })]);
 	      })]);
 	    };
-	    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);
 	      })]);
@@ -39220,7 +39211,7 @@
 	    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);
@@ -39272,17 +39263,15 @@
 	        "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)
 	      })]);
 	    };
 	  }
@@ -39776,9 +39765,9 @@
 
 	/** @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, {
@@ -40308,6 +40297,194 @@
 	  }
 	});
 
+	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, line, value, suffix, indent } = options;
+	  let lineHeight = parseInt(getStyle$1(el, "line-height"), 10);
+	  if (!hiddenEl$1) {
+	    hiddenEl$1 = document.createElement("div");
+	    document.body.appendChild(hiddenEl$1);
+	  }
+	  el.getAttribute("wrap") ? hiddenEl$1.setAttribute("wrap", el.getAttribute("wrap")) : hiddenEl$1.removeAttribute("wrap");
+	  const {
+	    paddingSize,
+	    borderSize,
+	    boxSizing,
+	    sizingStyle
+	  } = utils.getComputedStyle(el, SIZING_STYLE$1);
+	  const textIndent = `text-indent: ${parseInt(getStyle$1(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 : debounce$1(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,
+	          portalClass: props.portalClass,
+	          portalStyle: [props.portalStyle || `width: ${e.target.clientWidth}px`, 'word-break: break-all'],
+	          content: props.value
+	        });
+	      }
+	    };
+	    const handleMouseOut = () => {
+	      // Do.
+	    };
+	    ['value', 'indent', 'line'].forEach(key => {
+	      vue.watch(() => props[key], calcPosition);
+	    });
+	    vue.onMounted(() => {
+	      props.resize !== false && Resize.on(instance.vnode.el, handleResize); // 首次会执行一次
+	    });
+	    vue.onBeforeUnmount(() => {
+	      props.resize !== false && 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: ''
@@ -40417,26 +40594,31 @@
 	};
 
 	// Cell默认渲染value 或 formatter
-	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 style = {
+	      // 目前左右pading为10
+	      // TODO: 含有border还要-1
+	      width: (column.realWidth || column.width) - 20 + 'px'
+	    };
+	    return vue.createVNode(Text, {
+	      "style": style,
+	      "line": line,
+	      "value": value
+	    }, null);
 	  }
 	  return value;
 	};
@@ -40489,6 +40671,11 @@
 	      type: String,
 	      default: 'default'
 	    },
+	    // 默认只展示一行
+	    line: {
+	      type: Number,
+	      default: 0
+	    },
 	    label: String,
 	    customClass: String,
 	    labelClass: String,
@@ -40503,7 +40690,6 @@
 	    columnKey: String,
 	    align: String,
 	    headerAlign: String,
-	    showPopover: Boolean,
 	    fixed: [Boolean, String],
 	    formatter: Function,
 	    selectable: Function,
@@ -40651,12 +40837,6 @@
 	              "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;
@@ -40756,7 +40936,7 @@
 	const MTable = Table;
 	const MTableColumn = TableColumn;
 
-	const props$b = {
+	const props$a = {
 	  type: {
 	    type: String,
 	    validator: (v) => /^(line|card)$/.test(v),
@@ -40914,7 +41094,7 @@
 	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
@@ -41079,7 +41259,7 @@
 	  }
 	});
 
-	const props$a = {
+	const props$9 = {
 	  value: {
 	    type: [String, Number]
 	  },
@@ -41164,7 +41344,7 @@
 	const COMPONENT_NAME$e = 'vc-tabs-pane';
 	const TabsPane = /* @__PURE__ */ vue.defineComponent({
 	  name: COMPONENT_NAME$e,
-	  props: props$a,
+	  props: props$9,
 	  setup(_, {
 	    slots
 	  }) {
@@ -41179,8 +41359,8 @@
 	  }
 	});
 
-	const props$9 = {
-	  ...props$b,
+	const props$8 = {
+	  ...props$a,
 	  theme: {
 	    type: String,
 	    default: "light",
@@ -41221,7 +41401,7 @@
 	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
@@ -41488,7 +41668,7 @@
 	const COMPONENT_NAME$c = 'vcm-tabs-pane';
 	const MTabsPane = /* @__PURE__ */ vue.defineComponent({
 	  name: COMPONENT_NAME$c,
-	  props: props$a,
+	  props: props$9,
 	  setup(_, {
 	    slots
 	  }) {
@@ -41505,56 +41685,18 @@
 
 	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",
@@ -41567,18 +41709,18 @@
 	  "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$1(el, "line-height"), 10);
+	const getComputedHeight = (options = {}) => {
+	  if (IS_SERVER$2) 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");
@@ -41588,141 +41730,343 @@
 	    boxSizing,
 	    sizingStyle
 	  } = utils.getComputedStyle(el, SIZING_STYLE);
-	  const textIndent = `text-indent: ${parseInt(getStyle$1(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);
+	    }
+	  }
+	  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 {
+	    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(() => {
+	    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 = {
+	  ...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 : debounce$1(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 && 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 && 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,