npm - @deot/vc-components - Versions diffs - 1.0.13 → 1.0.15 - Mend

@deot/vc-components 1.0.13 → 1.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.cjs CHANGED Viewed

@@ -91,9 +91,9 @@ const props$1q = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1$ = 'vc-action-sheet';
+const COMPONENT_NAME$1_ = 'vc-action-sheet';
 const ActionSheet = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1$,
+  name: COMPONENT_NAME$1_,
   props: props$1q,
   setup(props, {
     slots
@@ -280,9 +280,9 @@ const IconManager = new Manager();
 /** @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');
@@ -481,9 +481,9 @@ const useTransition = () => {
   };
 };
-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,
@@ -504,9 +504,9 @@ const Transition = vue.defineComponent({
   }
 });
-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,
@@ -625,9 +625,9 @@ const TransitionCollapse = vue.defineComponent({
   }
 });
-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
@@ -662,9 +662,9 @@ const TransitionFade = vue.defineComponent({
   }
 });
-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: {
@@ -704,9 +704,9 @@ const TransitionScale = vue.defineComponent({
   }
 });
-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: {
@@ -746,9 +746,9 @@ const TransitionSlide = vue.defineComponent({
   }
 });
-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: {
@@ -790,7 +790,7 @@ const TransitionZoom = vue.defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1T = 'vc-alert';
+const COMPONENT_NAME$1S = 'vc-alert';
 // [color, borderColor, backgroundColor], -> CSS
 const THEME_MAP = {
@@ -800,7 +800,7 @@ const THEME_MAP = {
   warning: ['#ffbf00', '#ffe58f', '#fffbe6']
 };
 const Alert = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1T,
+  name: COMPONENT_NAME$1S,
   props: props$1p,
   setup(props, {
     slots,
@@ -899,9 +899,9 @@ const props$1m = {
 /** @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
@@ -940,9 +940,9 @@ const props$1l = {
 /** @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
@@ -993,9 +993,9 @@ const props$1k = {
   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中, 这样可以让所有的事件透传
@@ -1067,9 +1067,9 @@ const props$1j = {
 /** @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, {
@@ -1149,9 +1149,9 @@ const props$1i = {
 /** @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
@@ -1185,9 +1185,9 @@ const props$1h = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1N = 'vc-calendar';
+const COMPONENT_NAME$1M = 'vc-calendar';
 const Calendar = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1N,
+  name: COMPONENT_NAME$1M,
   props: props$1h,
   setup(props, {
     slots
@@ -1225,9 +1225,9 @@ const props$1g = {
 /** @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
@@ -1263,9 +1263,9 @@ const props$1f = {
 /** @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
@@ -1289,9 +1289,9 @@ const props$1e = {
 /** @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
@@ -1360,9 +1360,9 @@ const props$1d = {
 /** @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, {
@@ -1593,9 +1593,9 @@ const useCheckbox = () => {
 /** @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, {
@@ -1682,9 +1682,9 @@ const useCheckboxGroup = () => {
 /** @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, {
@@ -1702,9 +1702,9 @@ const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
 /** @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, {
@@ -1744,9 +1744,9 @@ const MCheckbox = /* @__PURE__ */ vue.defineComponent({
 /** @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, {
@@ -1805,9 +1805,9 @@ const props$19 = {
   }
 };
-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(() => {
@@ -1818,9 +1818,9 @@ const Customer = vue.defineComponent({
 /** @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, {
@@ -1967,7 +1967,7 @@ class PortalLeaf {
   }
 }
-const COMPONENT_NAME$1C = "vc-portal";
+const COMPONENT_NAME$1B = "vc-portal";
 class Portal {
   /**
    * 清理Portals类型组件
@@ -2019,7 +2019,7 @@ class Portal {
     this.wrapper = wrapper;
     this.globalOptions = {
       ...options,
-      name: options?.name || wrapper.name || Utils__namespace.getUid(COMPONENT_NAME$1C)
+      name: options?.name || wrapper.name || Utils__namespace.getUid(COMPONENT_NAME$1B)
     };
   }
   popup(propsData, options) {
@@ -2118,7 +2118,7 @@ class Portal {
       ...rest
     } = options;
     let useAllNodes = fragment;
-    const name = multiple ? `${name$}__${Utils__namespace.getUid(COMPONENT_NAME$1C)}` : name$;
+    const name = multiple ? `${name$}__${Utils__namespace.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();
@@ -2152,7 +2152,7 @@ class Portal {
     } else {
       const wrapper = this.wrapper;
       const app = vue.createApp({
-        name: COMPONENT_NAME$1C,
+        name: COMPONENT_NAME$1B,
         parent,
         setup() {
           if (alive) {
@@ -2264,13 +2264,13 @@ const props$18 = {
   }
 };
-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
@@ -2441,9 +2441,9 @@ const useClipboard = (done) => {
   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 }));
@@ -2483,9 +2483,9 @@ const MTransitionZoom = TransitionZoom;
 /** @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, {
@@ -2587,9 +2587,9 @@ const warning$2 = create$3({ mode: "warning" });
 const error$2 = create$3({ mode: "error" });
 const MToast = Object.assign(MToastView, { destroy: destroy$4, info: info$2, success: success$2, loading, warning: warning$2, error: error$2 });
-const COMPONENT_NAME$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 }));
@@ -2621,9 +2621,9 @@ const props$15 = {
   }
 };
-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 }) {
@@ -2740,9 +2740,9 @@ const props$13 = {
 function _isSlot$3(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-const COMPONENT_NAME$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
@@ -2772,9 +2772,9 @@ const Expand$1 = /* @__PURE__ */ vue.defineComponent({
 /** @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,
@@ -2849,9 +2849,9 @@ const props$12 = {
 /** @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
@@ -2875,9 +2875,9 @@ const props$11 = {
 /** @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
@@ -3326,9 +3326,9 @@ const useNativeEmitter = (input, expose) => {
 /** @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$$,
@@ -3662,9 +3662,9 @@ const useInputNumber = () => {
 /** @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, {
@@ -3728,9 +3728,9 @@ const props$W = {
 /** @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, {
@@ -4021,9 +4021,9 @@ const usePos = () => {
 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, {
@@ -4275,9 +4275,9 @@ const PopoverPortal = new Portal(PopoverWrapper);
 /** @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, {
@@ -5378,9 +5378,9 @@ const getTimeType = type => {
   }
   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,
@@ -5444,9 +5444,9 @@ const Confirm = /* @__PURE__ */ vue.defineComponent({
 /** @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: {
@@ -5530,9 +5530,9 @@ const DateHeader = /* @__PURE__ */ vue.defineComponent({
 /** @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: {
@@ -5741,9 +5741,9 @@ const DateTable = /* @__PURE__ */ vue.defineComponent({
 /** @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,
@@ -5875,7 +5875,7 @@ const MonthTable = /* @__PURE__ */ vue.defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1j = 'vc-quarter-table';
+const COMPONENT_NAME$1i = 'vc-quarter-table';
 /**
  * 获取季度对应的月份范围
@@ -5909,7 +5909,7 @@ const getQuarterRangeByMonth = value => {
   }
 };
 const QuarterTable = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1j,
+  name: COMPONENT_NAME$1i,
   props: {
     value: Array,
     panelDate: Date,
@@ -6032,9 +6032,9 @@ const QuarterTable = /* @__PURE__ */ vue.defineComponent({
 /** @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,
@@ -6074,9 +6074,9 @@ const ShortcutsSelect = /* @__PURE__ */ vue.defineComponent({
 /** @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],
@@ -6355,9 +6355,9 @@ const TimeSelect = /* @__PURE__ */ vue.defineComponent({
 /** @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,
@@ -6480,9 +6480,9 @@ const getDateIsInRange = (value, type, leftPanelDate, rightPanelDate) => {
   }
   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: {
@@ -6861,9 +6861,9 @@ const DateRangePanel = /* @__PURE__ */ vue.defineComponent({
 /** @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,
@@ -7071,9 +7071,9 @@ const isEqualYear$1 = value => {
   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: {
@@ -7248,9 +7248,9 @@ const isEqualYear = value => {
   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: {
@@ -7489,9 +7489,9 @@ const getComparedDate = (leftDate, rightDate) => {
     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, {
@@ -7590,9 +7590,9 @@ const TimeRangePanel = /* @__PURE__ */ vue.defineComponent({
 /** @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, {
@@ -7647,7 +7647,7 @@ const TimePanel = /* @__PURE__ */ vue.defineComponent({
 /** @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;
@@ -7658,7 +7658,7 @@ const getPanel$1 = type => {
   }
   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({});
@@ -7691,9 +7691,9 @@ const props$T = {
 /** @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
@@ -7848,7 +7848,7 @@ const props$Q = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$17 = 'vc-scroller-track';
+const COMPONENT_NAME$16 = 'vc-scroller-track';
 const BAR_MAP = {
   vertical: {
     scroll: 'scrollTop',
@@ -7868,7 +7868,7 @@ const BAR_MAP = {
   }
 };
 const Track = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$17,
+  name: COMPONENT_NAME$16,
   props: props$S,
   emits: ['change'],
   inheritAttrs: false,
@@ -8058,9 +8058,9 @@ const Track = /* @__PURE__ */ vue.defineComponent({
 /** @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, {
@@ -8275,7 +8275,7 @@ const useScroller = (expose) => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$15 = 'vc-scroller';
+const COMPONENT_NAME$14 = 'vc-scroller';
 /**
  * 作为备选方案,目前推荐使用ScrollerWheel
@@ -8286,7 +8286,7 @@ const COMPONENT_NAME$15 = 'vc-scroller';
  * 2. 增加了一层嵌套
  */
 const Scroller = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$15,
+  name: COMPONENT_NAME$14,
   props: props$Q,
   emits: ['scroll'],
   setup(props, {
@@ -8347,7 +8347,7 @@ const Scroller = /* @__PURE__ */ vue.defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$14 = 'vc-scroller-wheel';
+const COMPONENT_NAME$13 = 'vc-scroller-wheel';
 /**
  * 为减少一层嵌套，为去除滚动bar的抖动，使用wheel模拟
@@ -8369,7 +8369,7 @@ const COMPONENT_NAME$14 = 'vc-scroller-wheel';
  * 设置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,
@@ -8548,9 +8548,9 @@ const props$P = {
 /** @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, {
@@ -8723,9 +8723,9 @@ const props$O = {
 /** @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
@@ -8749,9 +8749,9 @@ const props$N = {
 /** @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
@@ -8895,9 +8895,9 @@ const useForm = (expose, options = {}) => {
   });
 };
-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);
@@ -9217,9 +9217,9 @@ const useFormItem = (expose) => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$$ = 'vc-form-item';
+const COMPONENT_NAME$_ = 'vc-form-item';
 const FormItem = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$$,
+  name: COMPONENT_NAME$_,
   props: props$L,
   setup(props, {
     slots,
@@ -9284,9 +9284,9 @@ const props$K = {
   }
 };
-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, {
@@ -9317,9 +9317,9 @@ const props$J = {
 /** @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,
@@ -9373,9 +9373,9 @@ const MFormItem = /* @__PURE__ */ vue.defineComponent({
   }
 });
-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?.());
   }
@@ -9392,9 +9392,9 @@ const props$I = {
 /** @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
@@ -9470,7 +9470,7 @@ const IMGStore$1 = new IMGStore();
 /** @jsxImportSource vue */
-const COMPONENT_NAME$W = 'vc-image';
+const COMPONENT_NAME$V = 'vc-image';
 let isSupportObjectFit = false;
 window.addEventListener('DOMContentLoaded', () => {
   isSupportObjectFit = !vcShared.IS_SERVER && document.documentElement.style.objectFit !== undefined;
@@ -9483,7 +9483,7 @@ const ObjectFit = {
   SCALE_DOWN: 'scale-down'
 };
 const Image = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$W,
+  name: COMPONENT_NAME$V,
   inheritAttrs: false,
   props: props$H,
   setup(props, {
@@ -9688,9 +9688,9 @@ const props$G = {
 /** @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
@@ -9714,9 +9714,9 @@ const props$F = {
 /** @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
@@ -9740,9 +9740,9 @@ const props$E = {
 /** @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
@@ -9759,9 +9759,9 @@ const MImageProcessing = ImageProcessing;
 /** @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$$,
@@ -9850,9 +9850,9 @@ const MInput = /* @__PURE__ */ vue.defineComponent({
 /** @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, {
@@ -9901,9 +9901,9 @@ const MInputNumber = /* @__PURE__ */ vue.defineComponent({
 /** @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: {
@@ -9980,9 +9980,9 @@ const props$D = {
   }
 };
-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 });
@@ -10037,10 +10037,10 @@ const props$C = {
 /** @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, {
@@ -10134,11 +10134,11 @@ const props$B = {
 /** @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
@@ -10199,12 +10199,16 @@ const props$A = {
   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 }) {
@@ -10253,13 +10257,13 @@ const Resizer = vue.defineComponent({
       helperResize.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)
       );
@@ -10285,7 +10289,7 @@ const props$z = {
     validator: (v) => /(small|medium|large)/.test(v),
     default: "small"
   },
-  portalClass: [Object, String],
+  contentClass: [Object, String],
   width: {
     type: Number
   },
@@ -10334,6 +10338,10 @@ const props$z = {
     type: Boolean,
     default: true
   },
+  border: {
+    type: Boolean,
+    default: false
+  },
   /**
    * 兼容portal设计, 实现Promise方式
    */
@@ -10347,10 +10355,10 @@ const props$z = {
 /** @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, {
@@ -10631,7 +10639,8 @@ const ModalView = /* @__PURE__ */ vue.defineComponent({
           "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", {
@@ -10663,7 +10672,7 @@ const ModalView = /* @__PURE__ */ vue.defineComponent({
               "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
@@ -10776,9 +10785,9 @@ const props$y = {
 /** @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, {
@@ -10990,9 +10999,9 @@ const props$x = {
 /** @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, {
@@ -11165,9 +11174,9 @@ const props$w = {
 /** @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
@@ -11280,9 +11289,9 @@ const props$u = {
 /** @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, {
@@ -11351,9 +11360,9 @@ const props$t = {
 /** @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
@@ -11426,9 +11435,9 @@ const props$s = {
 /** @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
@@ -11526,9 +11535,9 @@ const props$r = {
 function _isSlot$1(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-const COMPONENT_NAME$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, {
@@ -11772,9 +11781,9 @@ const Select = /* @__PURE__ */ vue.defineComponent({
 /** @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, {
@@ -11972,9 +11981,9 @@ const props$q = {
 /** @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
@@ -11998,9 +12007,9 @@ const props$p = {
 /** @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
@@ -12026,9 +12035,9 @@ const props$o = {
 /** @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
@@ -12055,9 +12064,9 @@ const props$n = {
 /** @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,
@@ -12121,6 +12130,12 @@ const props$m = {
     type: Boolean,
     default: true
   },
+  textStyle: {
+    type: [String, Object]
+  },
+  textClass: {
+    type: [String, Object]
+  },
   animated: {
     type: Boolean,
     default: false
@@ -12153,9 +12168,9 @@ const props$m = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$y = 'vc-progress-circle';
+const COMPONENT_NAME$x = 'vc-progress-circle';
 const Circle = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$y,
+  name: COMPONENT_NAME$x,
   props: props$m,
   setup(props, {
     slots
@@ -12204,17 +12219,20 @@ const Circle = /* @__PURE__ */ vue.defineComponent({
         "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 = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$x,
+  name: COMPONENT_NAME$w,
   props: props$m,
   setup(props) {
     const colorStyle = vue.computed(() => {
@@ -12243,12 +12261,15 @@ const Line = /* @__PURE__ */ vue.defineComponent({
         "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}%`])])]);
     };
   }
 });
@@ -12258,9 +12279,9 @@ const Line = /* @__PURE__ */ vue.defineComponent({
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-const COMPONENT_NAME$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
@@ -12412,9 +12433,9 @@ const useRadio = () => {
 /** @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, {
@@ -12525,9 +12546,9 @@ const useRadioGroup = () => {
 /** @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, {
@@ -12549,9 +12570,9 @@ const RadioGroup = /* @__PURE__ */ vue.defineComponent({
 /** @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, {
@@ -12592,9 +12613,9 @@ const MRadio = /* @__PURE__ */ vue.defineComponent({
 /** @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, {
@@ -12623,9 +12644,9 @@ const props$j = {
 /** @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
@@ -12693,9 +12714,9 @@ const props$i = {
 /** @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
   }) {
@@ -12825,12 +12846,12 @@ const useDirectionKeys = () => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$p = 'vc-recycle-list-container';
+const COMPONENT_NAME$o = 'vc-recycle-list-container';
 // TODO: 抽离
 const transformKey = $__namespace.prefixStyle('transform').camel;
 const Container = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$p,
+  name: COMPONENT_NAME$o,
   props: props$h,
   emits: ['refresh'],
   setup(props, {
@@ -12928,51 +12949,6 @@ const Container = /* @__PURE__ */ vue.defineComponent({
 /** @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(() => {
-      helperResize.Resize.on(current.value, handleResize); // 首次会执行一次
-    });
-    vue.onBeforeUnmount(() => {
-      helperResize.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,
@@ -13483,7 +13459,7 @@ const RecycleList = /* @__PURE__ */ vue.defineComponent({
           // 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
@@ -13491,11 +13467,11 @@ const RecycleList = /* @__PURE__ */ vue.defineComponent({
             "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?.({
@@ -13901,14 +13877,14 @@ const columnsToRowsEffect = (v) => {
       }
     }
     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) => {
@@ -13922,9 +13898,9 @@ const columnsToRowsEffect = (v) => {
   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);
   });
@@ -13993,6 +13969,7 @@ class BaseWatcher {
     selection: [],
     reserveSelection: false,
     selectable: null,
+    expandSelectable: null,
     hoverRowIndex: null,
     // Current
     currentRow: null,
@@ -14519,6 +14496,7 @@ class Store extends BaseWatcher {
     this.layout = new Layout(this);
     const { props } = options.table;
     lodash.merge(this.states, {
+      expandSelectable: props.expandSelectable,
       treeLazy: props.lazy || false,
       treeLazyColumnIdentifier: props.treeMap.hasChildren || "hasChildren",
       treeChildrenColumnName: props.treeMap.children || "children"
@@ -14841,8 +14819,7 @@ class Store extends BaseWatcher {
 }
 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];
@@ -14877,16 +14854,16 @@ const NormalList = /* @__PURE__ */ vue.defineComponent({
     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?.({
@@ -14902,7 +14879,6 @@ const NormalList = /* @__PURE__ */ vue.defineComponent({
 const TableBody = /* @__PURE__ */ vue.defineComponent({
   name: 'vc-table-body',
   props: {
-    store: Object,
     fixed: String,
     heightStyle: [Object, Array, String]
   },
@@ -14913,6 +14889,7 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
   }) {
     const instance = vue.getCurrentInstance();
     const table = vue.inject('vc-table');
+    const allowRender = vue.ref(false);
     const states = useStates({
       data: 'data',
       list: 'list',
@@ -14930,8 +14907,8 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
       }) => type === 'default')
     });
     const wrapper = vue.ref();
-    vue.watch(() => props.store.states.hoverRowIndex, (v, oldV) => {
-      if (!props.store.states.isComplex || vcShared.IS_SERVER) return;
+    vue.watch(() => table.store.states.hoverRowIndex, (v, oldV) => {
+      if (!table.store.states.isComplex || vcShared.IS_SERVER) return;
       Utils.raf(() => {
         const rows = instance.vnode.el.querySelectorAll('.vc-table__row');
         const oldRow = rows[oldV];
@@ -14975,7 +14952,7 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
     };
     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) {
@@ -14990,7 +14967,7 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
           rowIndex
         }));
       }
-      if (props.store.states.expandRows.indexOf(row) > -1) {
+      if (table.store.states.expandRows.indexOf(row) > -1) {
         classes.push('expanded');
       }
       return classes;
@@ -15073,10 +15050,10 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
       table.emit('cell-mouse-leave', oldHoverState.row, oldHoverState.column, oldHoverState.cell, e);
     };
     const handleMouseEnter = lodashEs.debounce(index => {
-      props.store.setHoverRow(index);
+      table.store.setHoverRow(index);
     }, 30);
     const handleMouseLeave = lodashEs.debounce(() => {
-      props.store.setHoverRow(null);
+      table.store.setHoverRow(null);
     }, 30);
     const handleEvent = (e, row, name) => {
       const cell = getCell(e);
@@ -15096,10 +15073,13 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
       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;
@@ -15107,7 +15087,8 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
         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'],
@@ -15124,7 +15105,7 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
         } = 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", {
@@ -15143,7 +15124,7 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
           column,
           rowIndex,
           columnIndex,
-          store: props.store,
+          store: table.store,
           selected
         })]);
       })]);
@@ -15160,6 +15141,7 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
       })]);
     };
     const handleMergeRowResize = v => {
+      if (table.props.rowHeight) return;
       states.list[v.index].rows.forEach(row => {
         row.heightMap[props.fixed || 'main'] = v.size;
         const heights = [row.heightMap.main];
@@ -15179,7 +15161,17 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
       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, {
@@ -15228,10 +15220,6 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
   name: 'vc-table-header',
   props: {
     fixed: [Boolean, String],
-    store: {
-      type: Object,
-      required: true
-    },
     border: Boolean,
     // 排序全部交给外部处理，内部不处理数据，只做交互
     defaultSort: {
@@ -15380,7 +15368,7 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
             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;
@@ -15485,7 +15473,7 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
       }, [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)
@@ -15508,10 +15496,6 @@ const TableFooter = /* @__PURE__ */ vue.defineComponent({
   name: 'vc-table-footer',
   props: {
     fixed: [String, Boolean],
-    store: {
-      type: Object,
-      required: true
-    },
     getSummary: Function,
     sumText: String,
     border: Boolean
@@ -15533,7 +15517,7 @@ const TableFooter = /* @__PURE__ */ vue.defineComponent({
       } 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) {
@@ -15627,6 +15611,7 @@ const props$c = {
   width: [String, Number],
   height: [String, Number],
   maxHeight: [String, Number],
+  rowHeight: [String, Number],
   // 列的宽度是否自撑开
   fit: {
     type: Boolean,
@@ -15707,7 +15692,9 @@ const props$c = {
   defaultSort: {
     type: Object,
     default: () => ({})
-  }
+  },
+  // 用于延迟渲染，用于计算高度
+  delay: Number
 };
 /** @jsxImportSource vue */
@@ -15836,7 +15823,8 @@ const Table = /* @__PURE__ */ vue.defineComponent({
           };
         }
         return {
-          height: layout.states.viewportHeight ? layout.states.viewportHeight + 'px' : ''
+          height: layout.states.viewportHeight ? layout.states.viewportHeight + 'px' : '',
+          bottom: 0
         };
       }
     });
@@ -16119,7 +16107,6 @@ const Table = /* @__PURE__ */ vue.defineComponent({
         "class": "vc-table__header-wrapper"
       }, [vue.createVNode(TableHeader, {
         "ref": tableHeader,
-        "store": store,
         "border": props.border,
         "default-sort": props.defaultSort,
         "style": bodyWidthStyle.value
@@ -16135,14 +16122,15 @@ const Table = /* @__PURE__ */ vue.defineComponent({
       }, {
         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", {
@@ -16153,7 +16141,6 @@ const Table = /* @__PURE__ */ vue.defineComponent({
         "ref": footerWrapper,
         "class": "vc-table__footer-wrapper"
       }, [vue.createVNode(TableFooter, {
-        "store": store,
         "border": props.border,
         "sum-text": props.sumText || '合计',
         "get-summary": props.getSummary,
@@ -16169,7 +16156,6 @@ const Table = /* @__PURE__ */ vue.defineComponent({
         "class": "vc-table__fixed-header-wrapper"
       }, [vue.createVNode(TableHeader, {
         "ref": leftFixedTableHeader,
-        "store": store,
         "border": props.border,
         "default-sort": props.defaultSort,
         "style": bodyWidthStyle.value,
@@ -16182,7 +16168,6 @@ const Table = /* @__PURE__ */ vue.defineComponent({
         "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", {
@@ -16194,7 +16179,6 @@ const Table = /* @__PURE__ */ vue.defineComponent({
         "ref": leftFixedFooterWrapper,
         "class": "vc-table__fixed-footer-wrapper"
       }, [vue.createVNode(TableFooter, {
-        "store": store,
         "border": props.border,
         "sum-text": props.sumText || '合计',
         "get-summary": props.getSummary,
@@ -16211,7 +16195,6 @@ const Table = /* @__PURE__ */ vue.defineComponent({
         "class": "vc-table__fixed-header-wrapper"
       }, [vue.createVNode(TableHeader, {
         "ref": rightFixedTableHeader,
-        "store": store,
         "border": props.border,
         "default-sort": props.defaultSort,
         "style": bodyWidthStyle.value,
@@ -16224,7 +16207,6 @@ const Table = /* @__PURE__ */ vue.defineComponent({
         "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", {
@@ -16236,7 +16218,6 @@ const Table = /* @__PURE__ */ vue.defineComponent({
         "ref": rightFixedFooterWrapper,
         "class": "vc-table__fixed-footer-wrapper"
       }, [vue.createVNode(TableFooter, {
-        "store": store,
         "border": props.border,
         "sum-text": props.sumText || '合计',
         "get-summary": props.getSummary,
@@ -16301,7 +16282,7 @@ const cellForced = {
         "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
@@ -16535,16 +16516,9 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
      * @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;
     };
@@ -16617,6 +16591,8 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
     };
     const registerColumn = () => {
       const defaults = {
+        colspan: 1,
+        rowspan: 1,
         ...cellStarts[props.type],
         id: columnId.value,
         realAlign,
@@ -16905,7 +16881,7 @@ const Tabs = /* @__PURE__ */ vue.defineComponent({
         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;
           }
@@ -16977,7 +16953,7 @@ const Tabs = /* @__PURE__ */ vue.defineComponent({
       }, [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, {