@deot/vc-components 1.0.13 → 1.0.15

package/dist/index.iife.js

@@ -53,9 +53,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @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
@@ -242,9 +242,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1_ = 'vc-icon';
+	const COMPONENT_NAME$1Z = 'vc-icon';
 	const Icon = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1_,
+	  name: COMPONENT_NAME$1Z,
 	  props: props$1o,
 	  setup(props) {
 	    const viewBox = vue.ref('0 0 1024 1024');
@@ -443,9 +443,9 @@ var VcComponents = (function (exports, vue) {
 	  };
 	};
 
-	const COMPONENT_NAME$1Z = "vc-transition";
+	const COMPONENT_NAME$1Y = "vc-transition";
 	const Transition = vue.defineComponent({
-	  name: COMPONENT_NAME$1Z,
+	  name: COMPONENT_NAME$1Y,
 	  props: props$1n,
 	  // 当不声明emits的情况下，事件存在于attrs中
 	  inheritAttrs: false,
@@ -466,9 +466,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	});
 
-	const COMPONENT_NAME$1Y = "vc-transition-collapse";
+	const COMPONENT_NAME$1X = "vc-transition-collapse";
 	const TransitionCollapse = vue.defineComponent({
-	  name: COMPONENT_NAME$1Y,
+	  name: COMPONENT_NAME$1X,
 	  props: props$1n,
 	  // 当不声明emits的情况下，事件存在于attrs中
 	  inheritAttrs: false,
@@ -587,9 +587,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	});
 
-	const COMPONENT_NAME$1X = "vc-transition-fade";
+	const COMPONENT_NAME$1W = "vc-transition-fade";
 	const TransitionFade = vue.defineComponent({
-	  name: COMPONENT_NAME$1X,
+	  name: COMPONENT_NAME$1W,
 	  props: {
 	    ...props$1n,
 	    // inheritAttrs必须是false
@@ -624,9 +624,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	});
 
-	const COMPONENT_NAME$1W = "vc-transition-scale";
+	const COMPONENT_NAME$1V = "vc-transition-scale";
 	const TransitionScale = vue.defineComponent({
-	  name: COMPONENT_NAME$1W,
+	  name: COMPONENT_NAME$1V,
 	  props: {
 	    ...props$1n,
 	    mode: {
@@ -666,9 +666,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	});
 
-	const COMPONENT_NAME$1V = "vc-transition-slide";
+	const COMPONENT_NAME$1U = "vc-transition-slide";
 	const TransitionSlide = vue.defineComponent({
-	  name: COMPONENT_NAME$1V,
+	  name: COMPONENT_NAME$1U,
 	  props: {
 	    ...props$1n,
 	    mode: {
@@ -708,9 +708,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	});
 
-	const COMPONENT_NAME$1U = "vc-transition-zoom";
+	const COMPONENT_NAME$1T = "vc-transition-zoom";
 	const TransitionZoom = vue.defineComponent({
-	  name: COMPONENT_NAME$1U,
+	  name: COMPONENT_NAME$1T,
 	  props: {
 	    ...props$1n,
 	    mode: {
@@ -752,7 +752,7 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1T = 'vc-alert';
+	const COMPONENT_NAME$1S = 'vc-alert';
 
 	// [color, borderColor, backgroundColor], -> CSS
 	const THEME_MAP = {
@@ -762,7 +762,7 @@ var VcComponents = (function (exports, vue) {
 	  warning: ['#ffbf00', '#ffe58f', '#fffbe6']
 	};
 	const Alert = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1T,
+	  name: COMPONENT_NAME$1S,
 	  props: props$1p,
 	  setup(props, {
 	    slots,
@@ -861,9 +861,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1S = 'vc-artboard';
+	const COMPONENT_NAME$1R = 'vc-artboard';
 	const Artboard = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1S,
+	  name: COMPONENT_NAME$1R,
 	  props: props$1m,
 	  setup(props, {
 	    slots
@@ -902,9 +902,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1R = 'vc-spin';
+	const COMPONENT_NAME$1Q = 'vc-spin';
 	const Spin = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1R,
+	  name: COMPONENT_NAME$1Q,
 	  props: props$1l,
 	  setup(props, {
 	    slots
@@ -5760,9 +5760,9 @@ var VcComponents = (function (exports, vue) {
 	  exclude: RegExp
 	};
 
-	const COMPONENT_NAME$1Q = "vc-debounce";
+	const COMPONENT_NAME$1P = "vc-debounce";
 	const Debounce = vue.defineComponent({
-	  name: COMPONENT_NAME$1Q,
+	  name: COMPONENT_NAME$1P,
 	  props: props$1k,
 	  /**
 	   * 不声明emits使得事件被透传放入attrs中, 这样可以让所有的事件透传
@@ -5834,9 +5834,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1P = 'vc-button';
+	const COMPONENT_NAME$1O = 'vc-button';
 	const Button = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1P,
+	  name: COMPONENT_NAME$1O,
 	  emits: ['click'],
 	  props: props$1j,
 	  setup(props, {
@@ -5916,9 +5916,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1O = 'vc-button-group';
+	const COMPONENT_NAME$1N = 'vc-button-group';
 	const ButtonGroup = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1O,
+	  name: COMPONENT_NAME$1N,
 	  props: props$1i,
 	  setup(props, {
 	    slots
@@ -5952,9 +5952,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1N = 'vc-calendar';
+	const COMPONENT_NAME$1M = 'vc-calendar';
 	const Calendar$1 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1N,
+	  name: COMPONENT_NAME$1M,
 	  props: props$1h,
 	  setup(props, {
 	    slots
@@ -5992,9 +5992,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1M = 'vc-card';
+	const COMPONENT_NAME$1L = 'vc-card';
 	const Card = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1M,
+	  name: COMPONENT_NAME$1L,
 	  props: props$1g,
 	  setup(props, {
 	    slots
@@ -6030,9 +6030,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1L = 'vc-carousel';
+	const COMPONENT_NAME$1K = 'vc-carousel';
 	const Carousel = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1L,
+	  name: COMPONENT_NAME$1K,
 	  props: props$1f,
 	  setup(props, {
 	    slots
@@ -6056,9 +6056,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1K = 'vc-cascader';
+	const COMPONENT_NAME$1J = 'vc-cascader';
 	const Cascader = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1K,
+	  name: COMPONENT_NAME$1J,
 	  props: props$1e,
 	  setup(props, {
 	    slots
@@ -6190,9 +6190,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1J = 'vc-chart';
+	const COMPONENT_NAME$1I = 'vc-chart';
 	const Chart = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1J,
+	  name: COMPONENT_NAME$1I,
 	  props: props$1d,
 	  emits: [...EVENTS, 'ready'],
 	  setup(props, {
@@ -6423,9 +6423,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1I = 'vc-checkbox';
+	const COMPONENT_NAME$1H = 'vc-checkbox';
 	const Checkbox = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1I,
+	  name: COMPONENT_NAME$1H,
 	  props: props$1c,
 	  emits: ['update:modelValue', 'change'],
 	  setup(props, {
@@ -6512,9 +6512,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1H = 'vc-checkbox-group';
+	const COMPONENT_NAME$1G = 'vc-checkbox-group';
 	const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1H,
+	  name: COMPONENT_NAME$1G,
 	  props: props$1b,
 	  emits: ['update:modelValue', 'change'],
 	  setup(props, {
@@ -6532,9 +6532,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1G = 'vcm-checkbox';
+	const COMPONENT_NAME$1F = 'vcm-checkbox';
 	const MCheckbox = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1G,
+	  name: COMPONENT_NAME$1F,
 	  props: props$1c,
 	  emits: ['update:modelValue', 'change'],
 	  setup(props, {
@@ -6574,9 +6574,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1F = 'vcm-checkbox-group';
+	const COMPONENT_NAME$1E = 'vcm-checkbox-group';
 	const MCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1F,
+	  name: COMPONENT_NAME$1E,
 	  props: props$1b,
 	  emits: ['update:modelValue', 'change'],
 	  setup(props, {
@@ -6635,9 +6635,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	};
 
-	const COMPONENT_NAME$1E = "vc-customer";
+	const COMPONENT_NAME$1D = "vc-customer";
 	const Customer = vue.defineComponent({
-	  name: COMPONENT_NAME$1E,
+	  name: COMPONENT_NAME$1D,
 	  props: props$19,
 	  setup(props, context) {
 	    return () => vue.h(() => {
@@ -6648,9 +6648,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1D = 'vc-message';
+	const COMPONENT_NAME$1C = 'vc-message';
 	const MessageView = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1D,
+	  name: COMPONENT_NAME$1C,
 	  emits: ['before-close', 'close', 'portal-fulfilled'],
 	  props: props$1a,
 	  setup(props, {
@@ -7210,7 +7210,7 @@ var VcComponents = (function (exports, vue) {
 	  }
 	}
 
-	const COMPONENT_NAME$1C = "vc-portal";
+	const COMPONENT_NAME$1B = "vc-portal";
 	class Portal {
 	  /**
 	   * 清理Portals类型组件
@@ -7262,7 +7262,7 @@ var VcComponents = (function (exports, vue) {
 	    this.wrapper = wrapper;
 	    this.globalOptions = {
 	      ...options,
-	      name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1C)
+	      name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1B)
 	    };
 	  }
 	  popup(propsData, options) {
@@ -7361,7 +7361,7 @@ var VcComponents = (function (exports, vue) {
 	      ...rest
 	    } = options;
 	    let useAllNodes = fragment;
-	    const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1C)}` : name$;
+	    const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1B)}` : name$;
 	    const container = document.createElement(tag);
 	    const root = typeof el === "object" ? el : document.querySelector(el || "body");
 	    !alive && Portal.leafs.get(name)?.destroy();
@@ -7395,7 +7395,7 @@ var VcComponents = (function (exports, vue) {
 	    } else {
 	      const wrapper = this.wrapper;
 	      const app = vue.createApp({
-	        name: COMPONENT_NAME$1C,
+	        name: COMPONENT_NAME$1B,
 	        parent,
 	        setup() {
 	          if (alive) {
@@ -7507,13 +7507,13 @@ var VcComponents = (function (exports, vue) {
 	  }
 	};
 
-	const COMPONENT_NAME$1B = 'vc-portal-view';
+	const COMPONENT_NAME$1A = 'vc-portal-view';
 
 	/**
 	 * 写法不同，但与vue@2.x 保持一致
 	 */
 	const PortalView = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1B,
+	  name: COMPONENT_NAME$1A,
 	  props: props$18,
 	  setup(props, {
 	    slots
@@ -7684,9 +7684,9 @@ var VcComponents = (function (exports, vue) {
 	  return () => vue.h(props.tag, { onClick: handleClick, class: "vc-clipboard" }, slots?.default?.());
 	};
 
-	const COMPONENT_NAME$1A = "vc-clipboard";
+	const COMPONENT_NAME$1z = "vc-clipboard";
 	const Clipboard$1 = vue.defineComponent({
-	  name: COMPONENT_NAME$1A,
+	  name: COMPONENT_NAME$1z,
 	  props: props$17,
 	  setup() {
 	    return useClipboard((content) => Message.success({ content }));
@@ -7726,9 +7726,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1z = 'vcm-toast';
+	const COMPONENT_NAME$1y = 'vcm-toast';
 	const MToastView = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1z,
+	  name: COMPONENT_NAME$1y,
 	  emits: ['close', 'portal-fulfilled'],
 	  props: props$16,
 	  setup(props, {
@@ -7830,9 +7830,9 @@ var VcComponents = (function (exports, vue) {
 	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$1y = "vcm-clipboard";
+	const COMPONENT_NAME$1x = "vcm-clipboard";
 	const MClipboard$1 = vue.defineComponent({
-	  name: COMPONENT_NAME$1y,
+	  name: COMPONENT_NAME$1x,
 	  props: props$17,
 	  setup() {
 	    return useClipboard((content) => MToast.info({ content }));
@@ -7864,9 +7864,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	};
 
-	const COMPONENT_NAME$1x = "vc-collapse";
+	const COMPONENT_NAME$1w = "vc-collapse";
 	const Collapse = vue.defineComponent({
-	  name: COMPONENT_NAME$1x,
+	  name: COMPONENT_NAME$1w,
 	  props: props$15,
 	  emits: ["update:moodelValue", "change"],
 	  setup(props, { slots, emit }) {
@@ -7983,9 +7983,9 @@ var VcComponents = (function (exports, vue) {
 	function _isSlot$3(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 	}
-	const COMPONENT_NAME$1w = 'vc-expand';
+	const COMPONENT_NAME$1v = 'vc-expand';
 	const Expand$1 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1w,
+	  name: COMPONENT_NAME$1v,
 	  props: props$13,
 	  setup(props, {
 	    slots
@@ -8015,9 +8015,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1v = 'vc-collapse-item';
+	const COMPONENT_NAME$1u = 'vc-collapse-item';
 	const CollapseItem = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1v,
+	  name: COMPONENT_NAME$1u,
 	  props: props$14,
 	  setup(props, {
 	    slots,
@@ -8092,9 +8092,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1u = 'vc-color-picker';
+	const COMPONENT_NAME$1t = 'vc-color-picker';
 	const ColorPicker = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1u,
+	  name: COMPONENT_NAME$1t,
 	  props: props$12,
 	  setup(props, {
 	    slots
@@ -8118,9 +8118,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1t = 'vc-countdown';
+	const COMPONENT_NAME$1s = 'vc-countdown';
 	const Countdown = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1t,
+	  name: COMPONENT_NAME$1s,
 	  props: props$11,
 	  setup(props, {
 	    slots
@@ -8633,9 +8633,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1s = 'vc-input';
+	const COMPONENT_NAME$1r = 'vc-input';
 	const Input = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1s,
+	  name: COMPONENT_NAME$1r,
 	  inheritAttrs: false,
 	  props: {
 	    ...props$$,
@@ -8969,9 +8969,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1r = 'vc-input-number';
+	const COMPONENT_NAME$1q = 'vc-input-number';
 	const InputNumber = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1r,
+	  name: COMPONENT_NAME$1q,
 	  props: props$X,
 	  inheritAttrs: false,
 	  setup(props, {
@@ -9035,9 +9035,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1q = 'vc-input-search';
+	const COMPONENT_NAME$1p = 'vc-input-search';
 	const InputSearch = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1q,
+	  name: COMPONENT_NAME$1p,
 	  props: props$W,
 	  inheritAttrs: false,
 	  setup(props, {
@@ -9328,9 +9328,9 @@ var VcComponents = (function (exports, vue) {
 	function _isSlot$2(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 	}
-	const COMPONENT_NAME$1p = 'vc-popover-wrapper';
+	const COMPONENT_NAME$1o = 'vc-popover-wrapper';
 	const PopoverWrapper = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1p,
+	  name: COMPONENT_NAME$1o,
 	  props: props$_,
 	  emits: ['portal-fulfilled', 'close'],
 	  setup(props, {
@@ -9582,9 +9582,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1o = 'vc-popover';
+	const COMPONENT_NAME$1n = 'vc-popover';
 	const Popover$1 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1o,
+	  name: COMPONENT_NAME$1n,
 	  props: props$Z,
 	  emits: ['update:modelValue', 'visible-change', 'ready', 'close'],
 	  setup(props, {
@@ -10685,9 +10685,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	  return view;
 	};
-	const COMPONENT_NAME$1n = 'vc-date-confirm';
+	const COMPONENT_NAME$1m = 'vc-date-confirm';
 	const Confirm = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1n,
+	  name: COMPONENT_NAME$1m,
 	  props: {
 	    showTime: {
 	      type: Boolean,
@@ -10751,9 +10751,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1m = 'vc-date-header';
+	const COMPONENT_NAME$1l = 'vc-date-header';
 	const DateHeader = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1m,
+	  name: COMPONENT_NAME$1l,
 	  props: {
 	    panelDate: Date,
 	    showNext: {
@@ -10837,9 +10837,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1l = 'vc-date-table';
+	const COMPONENT_NAME$1k = 'vc-date-table';
 	const DateTable = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1l,
+	  name: COMPONENT_NAME$1k,
 	  props: {
 	    value: Array,
 	    firstDayOfWeek: {
@@ -11048,9 +11048,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1k = 'vc-month-table';
+	const COMPONENT_NAME$1j = 'vc-month-table';
 	const MonthTable = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1k,
+	  name: COMPONENT_NAME$1j,
 	  props: {
 	    value: Array,
 	    panelDate: Date,
@@ -11182,7 +11182,7 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1j = 'vc-quarter-table';
+	const COMPONENT_NAME$1i = 'vc-quarter-table';
 
 	/**
 	 * 获取季度对应的月份范围
@@ -11216,7 +11216,7 @@ var VcComponents = (function (exports, vue) {
 	  }
 	};
 	const QuarterTable = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1j,
+	  name: COMPONENT_NAME$1i,
 	  props: {
 	    value: Array,
 	    panelDate: Date,
@@ -11339,9 +11339,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1i = 'vc-shortcuts-select';
+	const COMPONENT_NAME$1h = 'vc-shortcuts-select';
 	const ShortcutsSelect = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1i,
+	  name: COMPONENT_NAME$1h,
 	  props: {
 	    panelDate: Date,
 	    config: Array,
@@ -11381,9 +11381,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1h = 'vc-time-select';
+	const COMPONENT_NAME$1g = 'vc-time-select';
 	const TimeSelect = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1h,
+	  name: COMPONENT_NAME$1g,
 	  props: {
 	    hours: {
 	      type: [Number, String],
@@ -11662,9 +11662,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1g = 'vc-year-table';
+	const COMPONENT_NAME$1f = 'vc-year-table';
 	const YearTable = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1g,
+	  name: COMPONENT_NAME$1f,
 	  props: {
 	    value: Array,
 	    panelDate: Date,
@@ -11787,9 +11787,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	  return true;
 	};
-	const COMPONENT_NAME$1f = 'vc-date-range-panel';
+	const COMPONENT_NAME$1e = 'vc-date-range-panel';
 	const DateRangePanel = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1f,
+	  name: COMPONENT_NAME$1e,
 	  props: {
 	    ...props$V,
 	    confirm: {
@@ -12168,9 +12168,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1e = 'vc-date-panel';
+	const COMPONENT_NAME$1d = 'vc-date-panel';
 	const DatePanel = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1e,
+	  name: COMPONENT_NAME$1d,
 	  props: {
 	    ...props$V,
 	    type: String,
@@ -12378,9 +12378,9 @@ var VcComponents = (function (exports, vue) {
 	  const endYear = value[1].getFullYear();
 	  return startYear === endYear;
 	};
-	const COMPONENT_NAME$1d = 'vc-monthrange-panel';
+	const COMPONENT_NAME$1c = 'vc-monthrange-panel';
 	const MonthRangePanel = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1d,
+	  name: COMPONENT_NAME$1c,
 	  props: {
 	    ...props$V,
 	    confirm: {
@@ -12555,9 +12555,9 @@ var VcComponents = (function (exports, vue) {
 	  const endYear = value[1].getFullYear();
 	  return startYear === endYear;
 	};
-	const COMPONENT_NAME$1c = 'vc-quarterrange-panel';
+	const COMPONENT_NAME$1b = 'vc-quarterrange-panel';
 	const QuarterRangePanel = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1c,
+	  name: COMPONENT_NAME$1b,
 	  props: {
 	    ...props$V,
 	    confirm: {
@@ -12796,9 +12796,9 @@ var VcComponents = (function (exports, vue) {
 	    seconds
 	  };
 	};
-	const COMPONENT_NAME$1b = 'vc-timerange-panel';
+	const COMPONENT_NAME$1a = 'vc-timerange-panel';
 	const TimeRangePanel = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1b,
+	  name: COMPONENT_NAME$1a,
 	  props: props$U,
 	  emits: ['pick', 'clear', 'ok'],
 	  setup(props, {
@@ -12897,9 +12897,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$1a = 'vc-time-panel';
+	const COMPONENT_NAME$19 = 'vc-time-panel';
 	const TimePanel = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$1a,
+	  name: COMPONENT_NAME$19,
 	  props: props$U,
 	  emits: ['pick', 'clear', 'ok'],
 	  setup(props, {
@@ -12954,7 +12954,7 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$19 = 'vc-date-picker';
+	const COMPONENT_NAME$18 = 'vc-date-picker';
 	const getPanel$1 = type => {
 	  if (['daterange', 'datetimerange'].includes(type)) {
 	    return DateRangePanel;
@@ -12965,7 +12965,7 @@ var VcComponents = (function (exports, vue) {
 	  }
 	  return DatePanel;
 	};
-	const DatePicker = createPicker(COMPONENT_NAME$19, props$10, () => {
+	const DatePicker = createPicker(COMPONENT_NAME$18, props$10, () => {
 	  const props = vue.getCurrentInstance().props;
 	  const icon = vue.ref('date');
 	  const panel = vue.shallowRef({});
@@ -12998,9 +12998,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$18 = 'vc-divider';
+	const COMPONENT_NAME$17 = 'vc-divider';
 	const Divider = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$18,
+	  name: COMPONENT_NAME$17,
 	  props: props$T,
 	  setup(props, {
 	    slots
@@ -13155,7 +13155,7 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$17 = 'vc-scroller-track';
+	const COMPONENT_NAME$16 = 'vc-scroller-track';
 	const BAR_MAP = {
 	  vertical: {
 	    scroll: 'scrollTop',
@@ -13175,7 +13175,7 @@ var VcComponents = (function (exports, vue) {
 	  }
 	};
 	const Track$1 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$17,
+	  name: COMPONENT_NAME$16,
 	  props: props$S,
 	  emits: ['change'],
 	  inheritAttrs: false,
@@ -13365,9 +13365,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$16 = 'vc-scroller-bar';
+	const COMPONENT_NAME$15 = 'vc-scroller-bar';
 	const Bar = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$16,
+	  name: COMPONENT_NAME$15,
 	  props: props$R,
 	  emits: ['change'],
 	  setup(props, {
@@ -13582,7 +13582,7 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$15 = 'vc-scroller';
+	const COMPONENT_NAME$14 = 'vc-scroller';
 
 	/**
 	 * 作为备选方案,目前推荐使用ScrollerWheel
@@ -13593,7 +13593,7 @@ var VcComponents = (function (exports, vue) {
 	 * 2. 增加了一层嵌套
 	 */
 	const Scroller = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$15,
+	  name: COMPONENT_NAME$14,
 	  props: props$Q,
 	  emits: ['scroll'],
 	  setup(props, {
@@ -14543,7 +14543,7 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$14 = 'vc-scroller-wheel';
+	const COMPONENT_NAME$13 = 'vc-scroller-wheel';
 
 	/**
 	 * 为减少一层嵌套，为去除滚动bar的抖动，使用wheel模拟
@@ -14565,7 +14565,7 @@ var VcComponents = (function (exports, vue) {
 	 * 设置scrollTop不会reflow和repaint，不需要考虑transfrom来改变content（transform也只在draw完成）
 	 */
 	const ScrollerWheel = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$14,
+	  name: COMPONENT_NAME$13,
 	  props: Object.assign(props$Q, {
 	    stopPropagation: {
 	      type: Boolean,
@@ -14744,9 +14744,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$13 = 'vc-drawer';
+	const COMPONENT_NAME$12 = 'vc-drawer';
 	const DrawerView = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$13,
+	  name: COMPONENT_NAME$12,
 	  props: props$P,
 	  emits: ['close', 'update:modelValue', 'visible-change'],
 	  setup(props, {
@@ -14919,9 +14919,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$12 = 'vc-dropdown';
+	const COMPONENT_NAME$11 = 'vc-dropdown';
 	const Dropdown = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$12,
+	  name: COMPONENT_NAME$11,
 	  props: props$O,
 	  setup(props, {
 	    slots
@@ -14945,9 +14945,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$11 = 'vc-editor';
+	const COMPONENT_NAME$10 = 'vc-editor';
 	const Editor = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$11,
+	  name: COMPONENT_NAME$10,
 	  props: props$N,
 	  setup(props, {
 	    slots
@@ -15091,9 +15091,9 @@ var VcComponents = (function (exports, vue) {
 	  });
 	};
 
-	const COMPONENT_NAME$10 = "vc-form";
+	const COMPONENT_NAME$$ = "vc-form";
 	const Form = vue.defineComponent({
-	  name: COMPONENT_NAME$10,
+	  name: COMPONENT_NAME$$,
 	  props: props$M,
 	  setup(props, { slots, expose }) {
 	    useForm(expose);
@@ -15545,9 +15545,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @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,
@@ -15612,9 +15612,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	};
 
-	const COMPONENT_NAME$_ = "vcm-form";
+	const COMPONENT_NAME$Z = "vcm-form";
 	const MForm = vue.defineComponent({
-	  name: COMPONENT_NAME$_,
+	  name: COMPONENT_NAME$Z,
 	  props: props$K,
 	  setup(props, { slots, expose }) {
 	    useForm(expose, {
@@ -15645,9 +15645,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$Z = 'vcm-form-item';
+	const COMPONENT_NAME$Y = 'vcm-form-item';
 	const MFormItem = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$Z,
+	  name: COMPONENT_NAME$Y,
 	  props: props$J,
 	  setup(props, {
 	    slots,
@@ -15701,9 +15701,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	});
 
-	const COMPONENT_NAME$Y = "vc-fragment";
+	const COMPONENT_NAME$X = "vc-fragment";
 	const Fragment = vue.defineComponent({
-	  name: COMPONENT_NAME$Y,
+	  name: COMPONENT_NAME$X,
 	  setup(_, { slots }) {
 	    return () => vue.h(vue.Fragment, slots.default?.());
 	  }
@@ -15720,9 +15720,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$X = 'vc-html-to-image';
+	const COMPONENT_NAME$W = 'vc-html-to-image';
 	const HTMLToImage = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$X,
+	  name: COMPONENT_NAME$W,
 	  props: props$I,
 	  setup(props, {
 	    slots
@@ -16180,7 +16180,7 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$W = 'vc-image';
+	const COMPONENT_NAME$V = 'vc-image';
 	let isSupportObjectFit = false;
 	window.addEventListener('DOMContentLoaded', () => {
 	  isSupportObjectFit = !IS_SERVER$2 && document.documentElement.style.objectFit !== undefined;
@@ -16193,7 +16193,7 @@ var VcComponents = (function (exports, vue) {
 	  SCALE_DOWN: 'scale-down'
 	};
 	const Image$1 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$W,
+	  name: COMPONENT_NAME$V,
 	  inheritAttrs: false,
 	  props: props$H,
 	  setup(props, {
@@ -16398,9 +16398,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$V = 'vc-image-crop';
+	const COMPONENT_NAME$U = 'vc-image-crop';
 	const ImageCrop = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$V,
+	  name: COMPONENT_NAME$U,
 	  props: props$G,
 	  setup(props, {
 	    slots
@@ -16424,9 +16424,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$U = 'vc-image-preview';
+	const COMPONENT_NAME$T = 'vc-image-preview';
 	const ImagePreview = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$U,
+	  name: COMPONENT_NAME$T,
 	  props: props$F,
 	  setup(props, {
 	    slots
@@ -16450,9 +16450,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$T = 'vc-image-processing';
+	const COMPONENT_NAME$S = 'vc-image-processing';
 	const ImageProcessing = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$T,
+	  name: COMPONENT_NAME$S,
 	  props: props$E,
 	  setup(props, {
 	    slots
@@ -16469,9 +16469,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$S = 'vcm-input';
+	const COMPONENT_NAME$R = 'vcm-input';
 	const MInput = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$S,
+	  name: COMPONENT_NAME$R,
 	  inheritAttrs: false,
 	  props: {
 	    ...props$$,
@@ -16560,9 +16560,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$R = 'vcm-input-number';
+	const COMPONENT_NAME$Q = 'vcm-input-number';
 	const MInputNumber = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$R,
+	  name: COMPONENT_NAME$Q,
 	  props: props$X,
 	  inheritAttrs: false,
 	  setup(props, {
@@ -16611,9 +16611,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$Q = 'vcm-input-search';
+	const COMPONENT_NAME$P = 'vcm-input-search';
 	const MInputSearch = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$Q,
+	  name: COMPONENT_NAME$P,
 	  props: {
 	    ...props$W,
 	    cancelText: {
@@ -16690,9 +16690,9 @@ var VcComponents = (function (exports, vue) {
 	  }
 	};
 
-	const COMPONENT_NAME$P = "vcm-list";
+	const COMPONENT_NAME$O = "vcm-list";
 	const MList = vue.defineComponent({
-	  name: COMPONENT_NAME$P,
+	  name: COMPONENT_NAME$O,
 	  props: props$D,
 	  setup(props, { slots }) {
 	    vue.provide("vc-list", { props });
@@ -16747,10 +16747,10 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$O = 'vcm-list-item';
+	const COMPONENT_NAME$N = 'vcm-list-item';
 	const HTTP_REGEX = /[a-zA-z]+:\/\/[^\s]*/;
 	const MListItem = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$O,
+	  name: COMPONENT_NAME$N,
 	  props: props$C,
 	  emits: ['click'],
 	  setup(props, {
@@ -16883,11 +16883,11 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$N = 'vc-marquee';
+	const COMPONENT_NAME$M = 'vc-marquee';
 	const ANIMATION = prefixStyle('animation').camel;
 	const TRANSFORM_KEBAB = prefixStyle('transform').kebab;
 	const Marquee = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$N,
+	  name: COMPONENT_NAME$M,
 	  props: props$B,
 	  setup(props, {
 	    slots
@@ -16948,12 +16948,16 @@ var VcComponents = (function (exports, vue) {
 	  tag: {
 	    type: String,
 	    default: "div"
+	  },
+	  fill: {
+	    type: Boolean,
+	    default: true
 	  }
 	};
 
-	const COMPONENT_NAME$M = "vc-resizer";
+	const COMPONENT_NAME$L = "vc-resizer";
 	const Resizer = vue.defineComponent({
-	  name: COMPONENT_NAME$M,
+	  name: COMPONENT_NAME$L,
 	  props: props$A,
 	  emit: ["resize", "change"],
 	  setup(props, { emit, slots, expose }) {
@@ -17002,13 +17006,13 @@ var VcComponents = (function (exports, vue) {
 	      Resize.off(current.value, handleResize);
 	      timer && clearTimeout(timer);
 	    });
-	    expose({ refresh });
+	    expose({ refresh, offsetHeight: height, offsetWidth: width });
 	    return () => {
 	      return vue.h(
 	        props.tag,
 	        {
 	          ref: current,
-	          class: "vc-resizer"
+	          class: ["vc-resizer", { "is-fill": props.fill }]
 	        },
 	        slots.default?.(currentExposed.value)
 	      );
@@ -17034,7 +17038,7 @@ var VcComponents = (function (exports, vue) {
 	    validator: (v) => /(small|medium|large)/.test(v),
 	    default: "small"
 	  },
-	  portalClass: [Object, String],
+	  contentClass: [Object, String],
 	  width: {
 	    type: Number
 	  },
@@ -17083,6 +17087,10 @@ var VcComponents = (function (exports, vue) {
 	    type: Boolean,
 	    default: true
 	  },
+	  border: {
+	    type: Boolean,
+	    default: false
+	  },
 	  /**
 	   * 兼容portal设计, 实现Promise方式
 	   */
@@ -17096,10 +17104,10 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$L = 'vc-modal';
+	const COMPONENT_NAME$K = 'vc-modal';
 	let zIndexNumber = 1002;
 	const ModalView = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$L,
+	  name: COMPONENT_NAME$K,
 	  emits: ['update:modelValue', 'close', 'portal-fulfilled', 'visible-change', 'ok', 'cancel'],
 	  props: props$z,
 	  setup(props, {
@@ -17380,7 +17388,8 @@ var VcComponents = (function (exports, vue) {
 	          "class": [{
 	            'is-drag': props.draggable,
 	            'is-large': props.size === 'large' || props.size === 'medium',
-	            'is-no-footer': !props.footer || !props.cancelText && !props.okText
+	            'has-footer': props.footer && (props.cancelText || props.okText),
+	            'has-border': props.border
 	          }, 'vc-modal__container'],
 	          "style": [basicStyle.value, draggableStyle.value]
 	        }, [vue.createVNode("div", {
@@ -17412,7 +17421,7 @@ var VcComponents = (function (exports, vue) {
 	              "height": isTransitionEnd.value ? row.height : void 0,
 	              "contentClass": [{
 	                'is-confirm': props.mode
-	              }, props.portalClass, 'vc-modal__content']
+	              }, props.contentClass, 'vc-modal__content']
 	            }, {
 	              default: () => [typeof props.content === 'string' ? vue.createVNode("div", {
 	                "innerHTML": props.content
@@ -17525,9 +17534,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$K = 'vc-modal';
+	const COMPONENT_NAME$J = 'vc-modal';
 	const MModalView = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$K,
+	  name: COMPONENT_NAME$J,
 	  emits: ['update:modelValue', 'portal-fulfilled', 'close', 'ok', 'cancel'],
 	  props: props$y,
 	  setup(props, {
@@ -17739,9 +17748,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$J = 'vc-notice';
+	const COMPONENT_NAME$I = 'vc-notice';
 	const NoticeView = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$J,
+	  name: COMPONENT_NAME$I,
 	  props: props$x,
 	  emits: ['portal-fulfilled', 'close', 'before-close'],
 	  setup(props, {
@@ -17914,9 +17923,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$I = 'vc-option';
+	const COMPONENT_NAME$H = 'vc-option';
 	const Option$1 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$I,
+	  name: COMPONENT_NAME$H,
 	  props: props$w,
 	  setup(props, {
 	    slots
@@ -18029,9 +18038,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$H = 'vc-tag';
+	const COMPONENT_NAME$G = 'vc-tag';
 	const Tag = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$H,
+	  name: COMPONENT_NAME$G,
 	  props: props$u,
 	  emits: ['close', 'change'],
 	  setup(props, {
@@ -18100,9 +18109,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$G = 'vc-select-option';
+	const COMPONENT_NAME$F = 'vc-select-option';
 	const Option = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$G,
+	  name: COMPONENT_NAME$F,
 	  props: props$t,
 	  setup(props, {
 	    slots
@@ -18175,9 +18184,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$F = 'vc-select-option-group';
+	const COMPONENT_NAME$E = 'vc-select-option-group';
 	const OptionGroup = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$F,
+	  name: COMPONENT_NAME$E,
 	  props: props$s,
 	  setup(props, {
 	    slots
@@ -18275,9 +18284,9 @@ var VcComponents = (function (exports, vue) {
 	function _isSlot$1(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 	}
-	const COMPONENT_NAME$E = 'vc-select';
+	const COMPONENT_NAME$D = 'vc-select';
 	const Select = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$E,
+	  name: COMPONENT_NAME$D,
 	  props: props$r,
 	  emits: ['ready', 'close', 'visible-change', 'clear', 'change', 'update:modelValue'],
 	  setup(props, {
@@ -18521,9 +18530,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$D = 'vc-pagination';
+	const COMPONENT_NAME$C = 'vc-pagination';
 	const Pagination = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$D,
+	  name: COMPONENT_NAME$C,
 	  props: props$v,
 	  emits: ['update:current', 'change', 'page-size-change'],
 	  setup(props, {
@@ -18721,9 +18730,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$C = 'vc-picker';
+	const COMPONENT_NAME$B = 'vc-picker';
 	const Picker = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$C,
+	  name: COMPONENT_NAME$B,
 	  props: props$q,
 	  setup(props, {
 	    slots
@@ -18747,9 +18756,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$B = 'vc-popconfirm';
+	const COMPONENT_NAME$A = 'vc-popconfirm';
 	const Popconfirm = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$B,
+	  name: COMPONENT_NAME$A,
 	  props: props$p,
 	  setup(props, {
 	    slots
@@ -18775,9 +18784,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$A = 'vc-popup';
+	const COMPONENT_NAME$z = 'vc-popup';
 	const Popup = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$A,
+	  name: COMPONENT_NAME$z,
 	  props: props$o,
 	  setup(props, {
 	    slots
@@ -18804,9 +18813,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$z = 'vc-print';
+	const COMPONENT_NAME$y = 'vc-print';
 	const Print = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$z,
+	  name: COMPONENT_NAME$y,
 	  props: props$n,
 	  setup(props, {
 	    expose,
@@ -18870,6 +18879,12 @@ var VcComponents = (function (exports, vue) {
 	    type: Boolean,
 	    default: true
 	  },
+	  textStyle: {
+	    type: [String, Object]
+	  },
+	  textClass: {
+	    type: [String, Object]
+	  },
 	  animated: {
 	    type: Boolean,
 	    default: false
@@ -18902,9 +18917,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$y = 'vc-progress-circle';
+	const COMPONENT_NAME$x = 'vc-progress-circle';
 	const Circle$1 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$y,
+	  name: COMPONENT_NAME$x,
 	  props: props$m,
 	  setup(props, {
 	    slots
@@ -18953,17 +18968,20 @@ var VcComponents = (function (exports, vue) {
 	        "stroke-linecap": "round",
 	        "fill-opacity": "0"
 	      }, null)]), vue.createVNode("div", {
-	        "class": "vc-progress-circle__inner"
-	      }, [slots.default ? slots.default() : props.showText && vue.createVNode("span", null, [`${props.percent}%`])])])]);
+	        "class": ['vc-progress-circle__inner']
+	      }, [slots.default ? slots.default() : props.showText && vue.createVNode("span", {
+	        "class": props.textClass,
+	        "style": props.textStyle
+	      }, [`${props.percent}%`])])])]);
 	    };
 	  }
 	});
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$x = 'vc-progress-line';
+	const COMPONENT_NAME$w = 'vc-progress-line';
 	const Line$2 = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$x,
+	  name: COMPONENT_NAME$w,
 	  props: props$m,
 	  setup(props) {
 	    const colorStyle = vue.computed(() => {
@@ -18992,12 +19010,15 @@ var VcComponents = (function (exports, vue) {
 	        "style": innerStyle.value,
 	        "class": [classes.value, 'vc-progress-line__inner']
 	      }, null)])]), props.showText && vue.createVNode("div", {
-	        "class": "vc-progress-line__percent"
+	        "class": ['vc-progress-line__percent']
 	      }, [['error', 'success'].includes(props.status) ? vue.createVNode(Icon, {
 	        "type": props.status,
 	        "style": colorStyle.value,
 	        "class": [`is-${props.status}`, 'vc-progress-line__icon']
-	      }, null) : vue.createVNode("span", null, [`${props.percent}%`])])]);
+	      }, null) : vue.createVNode("span", {
+	        "class": props.textClass,
+	        "style": props.textStyle
+	      }, [`${props.percent}%`])])]);
 	    };
 	  }
 	});
@@ -19007,9 +19028,9 @@ var VcComponents = (function (exports, vue) {
 	function _isSlot(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 	}
-	const COMPONENT_NAME$w = 'vc-progress';
+	const COMPONENT_NAME$v = 'vc-progress';
 	const Progress = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$w,
+	  name: COMPONENT_NAME$v,
 	  props: props$m,
 	  setup(props, {
 	    slots
@@ -19161,9 +19182,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$v = 'vc-radio';
+	const COMPONENT_NAME$u = 'vc-radio';
 	const Radio = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$v,
+	  name: COMPONENT_NAME$u,
 	  props: props$l,
 	  emits: ['update:modelValue', 'change'],
 	  setup(props, {
@@ -19274,9 +19295,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$u = 'vc-radio-group';
+	const COMPONENT_NAME$t = 'vc-radio-group';
 	const RadioGroup = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$u,
+	  name: COMPONENT_NAME$t,
 	  props: props$k,
 	  emits: ['update:modelValue', 'change'],
 	  setup(props, {
@@ -19298,9 +19319,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$t = 'vcm-radio';
+	const COMPONENT_NAME$s = 'vcm-radio';
 	const MRadio = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$t,
+	  name: COMPONENT_NAME$s,
 	  props: props$l,
 	  emits: ['update:modelValue', 'change'],
 	  setup(props, {
@@ -19341,9 +19362,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$s = 'vcm-radio-group';
+	const COMPONENT_NAME$r = 'vcm-radio-group';
 	const MRadioGroup = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$s,
+	  name: COMPONENT_NAME$r,
 	  props: props$k,
 	  emits: ['update:modelValue', 'change'],
 	  setup(props, {
@@ -19372,9 +19393,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$r = 'vc-rate';
+	const COMPONENT_NAME$q = 'vc-rate';
 	const Rate = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$r,
+	  name: COMPONENT_NAME$q,
 	  props: props$j,
 	  setup(props, {
 	    slots
@@ -19556,9 +19577,9 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$q = 'vc-recycle-list-scroll-state';
+	const COMPONENT_NAME$p = 'vc-recycle-list-scroll-state';
 	const ScrollState = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$q,
+	  name: COMPONENT_NAME$p,
 	  setup(_, {
 	    slots
 	  }) {
@@ -19688,12 +19709,12 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$p = 'vc-recycle-list-container';
+	const COMPONENT_NAME$o = 'vc-recycle-list-container';
 
 	// TODO: 抽离
 	const transformKey = prefixStyle('transform').camel;
 	const Container = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$p,
+	  name: COMPONENT_NAME$o,
 	  props: props$h,
 	  emits: ['refresh'],
 	  setup(props, {
@@ -19791,51 +19812,6 @@ var VcComponents = (function (exports, vue) {
 
 	/** @jsxImportSource vue */
 
-	const COMPONENT_NAME$o = 'vc-recycle-list-item';
-	const Item = /* @__PURE__ */ vue.defineComponent({
-	  name: COMPONENT_NAME$o,
-	  props: {
-	    vertical: {
-	      type: Boolean,
-	      default: true
-	    }
-	  },
-	  emits: ['resize', 'change'],
-	  setup(_, {
-	    emit,
-	    slots
-	  }) {
-	    const K = useDirectionKeys();
-	    const current = vue.ref();
-	    const offsetSize = vue.ref(0);
-	    let hasInitial = false;
-	    const handleResize = () => {
-	      const v = current.value.getBoundingClientRect()[K.size];
-	      const changed = offsetSize.value != v;
-	      if (changed) {
-	        offsetSize.value = v;
-	        hasInitial && emit('resize', v);
-	        emit('change', v);
-	      }
-	      hasInitial = true;
-	    };
-	    vue.onMounted(() => {
-	      Resize.on(current.value, handleResize); // 首次会执行一次
-	    });
-	    vue.onBeforeUnmount(() => {
-	      Resize.off(current.value, handleResize);
-	    });
-	    return () => {
-	      return vue.createVNode("div", {
-	        "ref": current,
-	        "class": "vc-recycle-list-item"
-	      }, [slots?.default?.()]);
-	    };
-	  }
-	});
-
-	/** @jsxImportSource vue */
-
 	const COMPONENT_NAME$n = 'vc-recycle-list';
 	const RecycleList = /* @__PURE__ */ vue.defineComponent({
 	  name: COMPONENT_NAME$n,
@@ -20346,7 +20322,7 @@ var VcComponents = (function (exports, vue) {
 	          // eslint-disable-next-line @stylistic/max-len
 	          slots.placeholder?.() || renderer.value.placeholder && vue.createVNode(Customer, {
 	            "render": renderer.value.placeholder
-	          }, null)]), !item.isPlaceholder && vue.createVNode(Item, {
+	          }, null)]), !item.isPlaceholder && vue.createVNode(Resizer, {
 	            "ref": v => curloads.value[item.id] = v,
 	            "class": {
 	              'vc-recycle-list__transition': hasPlaceholder.value
@@ -20354,11 +20330,11 @@ var VcComponents = (function (exports, vue) {
 	            "style": {
 	              opacity: item.loaded
 	            },
+	            "fill": false,
 	            "data-row": item.id,
 	            "data-column": item.column,
 	            "data-size": item.size,
 	            "data-position": item.position,
-	            "vertical": props.vertical,
 	            "onResize": handleResize
 	          }, {
 	            default: () => [slots.default?.({
@@ -37975,14 +37951,14 @@ var VcComponents = (function (exports, vue) {
 	      }
 	    }
 	    if (column.children) {
-	      let colSpan = 0;
+	      let colspan = 0;
 	      column.children.forEach((subColumn) => {
 	        traverse(subColumn, column);
-	        colSpan += subColumn.colSpan;
+	        colspan += subColumn.colspan;
 	      });
-	      column.colSpan = colSpan;
+	      column.colspan = colspan;
 	    } else {
-	      column.colSpan = 1;
+	      column.colspan = 1;
 	    }
 	  };
 	  v.forEach((column) => {
@@ -37996,9 +37972,9 @@ var VcComponents = (function (exports, vue) {
 	  const allColumns = getAllColumns(v);
 	  allColumns.forEach((column) => {
 	    if (!column.children) {
-	      column.rowSpan = maxLevel - column.level + 1;
+	      column.rowspan = maxLevel - column.level + 1;
 	    } else {
-	      column.rowSpan = 1;
+	      column.rowspan = 1;
 	    }
 	    rows[column.level - 1].push(column);
 	  });
@@ -38067,6 +38043,7 @@ var VcComponents = (function (exports, vue) {
 	    selection: [],
 	    reserveSelection: false,
 	    selectable: null,
+	    expandSelectable: null,
 	    hoverRowIndex: null,
 	    // Current
 	    currentRow: null,
@@ -38593,6 +38570,7 @@ var VcComponents = (function (exports, vue) {
 	    this.layout = new Layout(this);
 	    const { props } = options.table;
 	    lodashExports.merge(this.states, {
+	      expandSelectable: props.expandSelectable,
 	      treeLazy: props.lazy || false,
 	      treeLazyColumnIdentifier: props.treeMap.hasChildren || "hasChildren",
 	      treeChildrenColumnName: props.treeMap.children || "children"
@@ -38915,8 +38893,7 @@ var VcComponents = (function (exports, vue) {
 	}
 
 	const useStates = (mapper, $store) => {
-	  const instance = vue.getCurrentInstance();
-	  const store = $store || instance.proxy?.store;
+	  const store = $store || vue.inject("vc-table")?.store;
 	  const states = vue.reactive({});
 	  Object.keys(mapper).forEach((key) => {
 	    const value = mapper[key];
@@ -38951,16 +38928,16 @@ var VcComponents = (function (exports, vue) {
 	    emit,
 	    slots
 	  }) {
-	    const handleResize = (size, index) => {
+	    const handleResize = (e, index) => {
 	      emit('row-resize', {
 	        index,
-	        size
+	        size: e.height
 	      });
 	    };
 	    return () => {
 	      return props.data.map((row, index) => {
-	        return vue.createVNode(Item, {
-	          "vertical": false,
+	        return vue.createVNode(Resizer, {
+	          "fill": false,
 	          "onChange": e => handleResize(e, index)
 	        }, {
 	          default: () => [slots.default?.({
@@ -38976,7 +38953,6 @@ var VcComponents = (function (exports, vue) {
 	const TableBody = /* @__PURE__ */ vue.defineComponent({
 	  name: 'vc-table-body',
 	  props: {
-	    store: Object,
 	    fixed: String,
 	    heightStyle: [Object, Array, String]
 	  },
@@ -38987,6 +38963,7 @@ var VcComponents = (function (exports, vue) {
 	  }) {
 	    const instance = vue.getCurrentInstance();
 	    const table = vue.inject('vc-table');
+	    const allowRender = vue.ref(false);
 	    const states = useStates({
 	      data: 'data',
 	      list: 'list',
@@ -39004,8 +38981,8 @@ var VcComponents = (function (exports, vue) {
 	      }) => type === 'default')
 	    });
 	    const wrapper = vue.ref();
-	    vue.watch(() => props.store.states.hoverRowIndex, (v, oldV) => {
-	      if (!props.store.states.isComplex || IS_SERVER$2) return;
+	    vue.watch(() => table.store.states.hoverRowIndex, (v, oldV) => {
+	      if (!table.store.states.isComplex || IS_SERVER$2) return;
 	      raf(() => {
 	        const rows = instance.vnode.el.querySelectorAll('.vc-table__row');
 	        const oldRow = rows[oldV];
@@ -39049,7 +39026,7 @@ var VcComponents = (function (exports, vue) {
 	    };
 	    const getRowClass = (row, rowIndex) => {
 	      const classes = ['vc-table__row'];
-	      if (table.props.highlight && row === props.store.states.currentRow) {
+	      if (table.props.highlight && row === table.store.states.currentRow) {
 	        classes.push('current-row');
 	      }
 	      if (table.props.stripe && rowIndex % 2 === 1) {
@@ -39064,7 +39041,7 @@ var VcComponents = (function (exports, vue) {
 	          rowIndex
 	        }));
 	      }
-	      if (props.store.states.expandRows.indexOf(row) > -1) {
+	      if (table.store.states.expandRows.indexOf(row) > -1) {
 	        classes.push('expanded');
 	      }
 	      return classes;
@@ -39147,10 +39124,10 @@ var VcComponents = (function (exports, vue) {
 	      table.emit('cell-mouse-leave', oldHoverState.row, oldHoverState.column, oldHoverState.cell, e);
 	    };
 	    const handleMouseEnter = debounce$1(index => {
-	      props.store.setHoverRow(index);
+	      table.store.setHoverRow(index);
 	    }, 30);
 	    const handleMouseLeave = debounce$1(() => {
-	      props.store.setHoverRow(null);
+	      table.store.setHoverRow(null);
 	    }, 30);
 	    const handleEvent = (e, row, name) => {
 	      const cell = getCell(e);
@@ -39170,10 +39147,13 @@ var VcComponents = (function (exports, vue) {
 	      handleEvent(e, row, 'dblclick');
 	    };
 	    const handleClick = (e, row) => {
-	      props.store.setCurrentRow(row);
+	      table.store.setCurrentRow(row);
 	      handleEvent(e, row, 'click');
 	    };
 	    const renderRow = (rowData, rowIndex) => {
+	      const {
+	        rowHeight
+	      } = table.props;
 	      const {
 	        data: row
 	      } = rowData;
@@ -39181,7 +39161,8 @@ var VcComponents = (function (exports, vue) {
 	        columns
 	      } = states;
 	      const key = getValueOfRow(row, rowIndex);
-	      const selected = props.store.isSelected(row);
+	      const selected = table.store.isSelected(row);
+	      const height = rowHeight || rowData.height;
 	      return vue.createVNode("div", {
 	        "key": key,
 	        "class": [getRowClass(row, rowIndex), 'vc-table__tr'],
@@ -39198,7 +39179,7 @@ var VcComponents = (function (exports, vue) {
 	        } = column;
 	        const sizeStyle = {
 	          width: `${realWidth}px`,
-	          height: `${rowData.height ? `${rowData.height}px` : 'auto'}`
+	          height: `${height ? `${height}px` : 'auto'}`
 	        };
 	        if (columnsHidden.value[columnIndex]) {
 	          return vue.createVNode("div", {
@@ -39217,7 +39198,7 @@ var VcComponents = (function (exports, vue) {
 	          column,
 	          rowIndex,
 	          columnIndex,
-	          store: props.store,
+	          store: table.store,
 	          selected
 	        })]);
 	      })]);
@@ -39234,6 +39215,7 @@ var VcComponents = (function (exports, vue) {
 	      })]);
 	    };
 	    const handleMergeRowResize = v => {
+	      if (table.props.rowHeight) return;
 	      states.list[v.index].rows.forEach(row => {
 	        row.heightMap[props.fixed || 'main'] = v.size;
 	        const heights = [row.heightMap.main];
@@ -39253,7 +39235,17 @@ var VcComponents = (function (exports, vue) {
 	      getRootElement: () => instance.vnode.el
 	    });
 	    const layout = table.layout;
+	    let timer;
+	    vue.onBeforeMount(() => {
+	      if (table.props.delay) {
+	        timer = setTimeout(() => allowRender.value = true, table.props.delay);
+	      } else {
+	        allowRender.value = true;
+	      }
+	    });
+	    vue.onBeforeUnmount(() => (timer && clearTimeout(timer), allowRender.value = false));
 	    return () => {
+	      if (!allowRender.value) return;
 	      return vue.createVNode("div", {
 	        "class": "vc-table__body"
 	      }, [table.props.height ? vue.createVNode(RecycleList, {
@@ -39302,10 +39294,6 @@ var VcComponents = (function (exports, vue) {
 	  name: 'vc-table-header',
 	  props: {
 	    fixed: [Boolean, String],
-	    store: {
-	      type: Object,
-	      required: true
-	    },
 	    border: Boolean,
 	    // 排序全部交给外部处理，内部不处理数据，只做交互
 	    defaultSort: {
@@ -39454,7 +39442,7 @@ var VcComponents = (function (exports, vue) {
 	            column.width = columnWidth;
 	            column.realWidth = column.width;
 	            table.$emit('header-dragend', column.width, startLeft - startColumnLeft, column, event);
-	            props.store.scheduleLayout();
+	            table.store.scheduleLayout();
 	            document.body.style.cursor = '';
 	            dragging.value = false;
 	            draggingColumn.value = null;
@@ -39559,7 +39547,7 @@ var VcComponents = (function (exports, vue) {
 	      }, [column.renderHeader ? column.renderHeader({
 	        column,
 	        columnIndex,
-	        store: props.store
+	        store: table.store
 	      }) : column.label, column.tooltip ? vue.createVNode(Icon, {
 	        "type": "o-info",
 	        "onMouseenter": e => handleCellMouseEnter(e, column)
@@ -39582,10 +39570,6 @@ var VcComponents = (function (exports, vue) {
 	  name: 'vc-table-footer',
 	  props: {
 	    fixed: [String, Boolean],
-	    store: {
-	      type: Object,
-	      required: true
-	    },
 	    getSummary: Function,
 	    sumText: String,
 	    border: Boolean
@@ -39607,7 +39591,7 @@ var VcComponents = (function (exports, vue) {
 	      } else if (props.fixed === 'right') {
 	        let before = 0;
 	        for (let i = 0; i < index; i++) {
-	          before += states.columns[i].colSpan;
+	          before += states.columns[i].colspan;
 	        }
 	        return before < states.columnsCount - states.rightFixedLeafCount;
 	      } else if (!props.fixed && column.fixed) {
@@ -39701,6 +39685,7 @@ var VcComponents = (function (exports, vue) {
 	  width: [String, Number],
 	  height: [String, Number],
 	  maxHeight: [String, Number],
+	  rowHeight: [String, Number],
 	  // 列的宽度是否自撑开
 	  fit: {
 	    type: Boolean,
@@ -39781,7 +39766,9 @@ var VcComponents = (function (exports, vue) {
 	  defaultSort: {
 	    type: Object,
 	    default: () => ({})
-	  }
+	  },
+	  // 用于延迟渲染，用于计算高度
+	  delay: Number
 	};
 
 	/** @jsxImportSource vue */
@@ -39910,7 +39897,8 @@ var VcComponents = (function (exports, vue) {
 	          };
 	        }
 	        return {
-	          height: layout.states.viewportHeight ? layout.states.viewportHeight + 'px' : ''
+	          height: layout.states.viewportHeight ? layout.states.viewportHeight + 'px' : '',
+	          bottom: 0
 	        };
 	      }
 	    });
@@ -40193,7 +40181,6 @@ var VcComponents = (function (exports, vue) {
 	        "class": "vc-table__header-wrapper"
 	      }, [vue.createVNode(TableHeader, {
 	        "ref": tableHeader,
-	        "store": store,
 	        "border": props.border,
 	        "default-sort": props.defaultSort,
 	        "style": bodyWidthStyle.value
@@ -40209,14 +40196,15 @@ var VcComponents = (function (exports, vue) {
 	      }, {
 	        default: () => [vue.createVNode(TableBody, {
 	          "ref": body,
-	          "store": store,
 	          "style": [bodyWidthStyle.value],
 	          "height-style": [bodyHeightStyle.value],
 	          "onScroll": handleScollY
 	        }, null), props.data.length === 0 && vue.createVNode("div", {
 	          "ref": emptyBlock,
 	          "style": bodyWidthStyle.value,
-	          "class": "vc-table__empty-block"
+	          "class": [{
+	            'is-absolute': !!props.height
+	          }, 'vc-table__empty-wrapper']
 	        }, [vue.createVNode("span", {
 	          "class": "vc-table__empty-text"
 	        }, [slots.empty ? slots.empty() : props.emptyText || '暂无数据'])]), slots.append && vue.createVNode("div", {
@@ -40227,7 +40215,6 @@ var VcComponents = (function (exports, vue) {
 	        "ref": footerWrapper,
 	        "class": "vc-table__footer-wrapper"
 	      }, [vue.createVNode(TableFooter, {
-	        "store": store,
 	        "border": props.border,
 	        "sum-text": props.sumText || '合计',
 	        "get-summary": props.getSummary,
@@ -40243,7 +40230,6 @@ var VcComponents = (function (exports, vue) {
 	        "class": "vc-table__fixed-header-wrapper"
 	      }, [vue.createVNode(TableHeader, {
 	        "ref": leftFixedTableHeader,
-	        "store": store,
 	        "border": props.border,
 	        "default-sort": props.defaultSort,
 	        "style": bodyWidthStyle.value,
@@ -40256,7 +40242,6 @@ var VcComponents = (function (exports, vue) {
 	        "class": "vc-table__fixed-body-wrapper"
 	      }, [vue.createVNode(TableBody, {
 	        "ref": leftFixedBody,
-	        "store": store,
 	        "style": [bodyWidthStyle.value, bodyHeightStyle.value],
 	        "fixed": "left"
 	      }, null), slots.append && vue.createVNode("div", {
@@ -40268,7 +40253,6 @@ var VcComponents = (function (exports, vue) {
 	        "ref": leftFixedFooterWrapper,
 	        "class": "vc-table__fixed-footer-wrapper"
 	      }, [vue.createVNode(TableFooter, {
-	        "store": store,
 	        "border": props.border,
 	        "sum-text": props.sumText || '合计',
 	        "get-summary": props.getSummary,
@@ -40285,7 +40269,6 @@ var VcComponents = (function (exports, vue) {
 	        "class": "vc-table__fixed-header-wrapper"
 	      }, [vue.createVNode(TableHeader, {
 	        "ref": rightFixedTableHeader,
-	        "store": store,
 	        "border": props.border,
 	        "default-sort": props.defaultSort,
 	        "style": bodyWidthStyle.value,
@@ -40298,7 +40281,6 @@ var VcComponents = (function (exports, vue) {
 	        "class": "vc-table__fixed-body-wrapper"
 	      }, [vue.createVNode(TableBody, {
 	        "ref": rightFixedBody,
-	        "store": store,
 	        "style": [bodyWidthStyle.value, bodyHeightStyle.value],
 	        "fixed": "right"
 	      }, null), slots.append && vue.createVNode("div", {
@@ -40310,7 +40292,6 @@ var VcComponents = (function (exports, vue) {
 	        "ref": rightFixedFooterWrapper,
 	        "class": "vc-table__fixed-footer-wrapper"
 	      }, [vue.createVNode(TableFooter, {
-	        "store": store,
 	        "border": props.border,
 	        "sum-text": props.sumText || '合计',
 	        "get-summary": props.getSummary,
@@ -40375,7 +40356,7 @@ var VcComponents = (function (exports, vue) {
 	        "disabled": column.selectable ? !column.selectable.call(null, row, rowIndex) : false,
 	        "onChange": () => store.rowSelectedChanged(row),
 	        "onClick": e => e.stopPropagation()
-	      }, null), [[vue.vShow, store.table.props.expandSelectable || level === 0]]);
+	      }, null), [[vue.vShow, store.states.expandSelectable || level === 0]]);
 	    },
 	    sortable: false,
 	    resizable: false
@@ -40609,16 +40590,9 @@ var VcComponents = (function (exports, vue) {
 	     * @returns ~
 	     */
 	    const setColumnWidth = column => {
-	      if (realWidth.value) {
-	        column.width = realWidth.value;
-	      }
-	      if (realMinWidth.value) {
-	        column.minWidth = realMinWidth.value;
-	      }
-	      if (!column.minWidth) {
-	        column.minWidth = 80;
-	      }
-	      column.realWidth = column.width === undefined ? column.minWidth : column.width;
+	      column.width = realWidth.value || column.width;
+	      column.minWidth = realMinWidth.value || column.minWidth || 80;
+	      column.realWidth = typeof column.width === 'undefined' ? column.minWidth : column.width;
 	      return column;
 	    };
 
@@ -40691,6 +40665,8 @@ var VcComponents = (function (exports, vue) {
 	    };
 	    const registerColumn = () => {
 	      const defaults = {
+	        colspan: 1,
+	        rowspan: 1,
 	        ...cellStarts[props.type],
 	        id: columnId.value,
 	        realAlign,
@@ -40979,7 +40955,7 @@ var VcComponents = (function (exports, vue) {
 	        if (!Array.from(items).length) return;
 	        let offset = 0;
 	        if (index > 0) {
-	          const gutter = 16; // margin-right -> 16px
+	          const gutter = 12; // margin-right -> 12px
 	          for (let i = 0; i < index; i++) {
 	            offset += parseFloat(items[i].offsetWidth) + gutter;
 	          }
@@ -41051,7 +41027,7 @@ var VcComponents = (function (exports, vue) {
 	      }, [slots.extra?.()]), vue.createVNode("div", {
 	        "ref": wrapper,
 	        "style": {
-	          padding: tabs.scrollable.value && '0 24px'
+	          padding: tabs.scrollable.value ? '0 24px' : 0
 	        },
 	        "class": "vc-tabs__bar"
 	      }, [tabs.scrollable.value && vue.createVNode(Icon, {