@deot/vc 1.0.14 → 1.0.15

package/dist/index.iife.js

@@ -24158,9 +24158,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1$ = "vc-action-sheet";
+  const COMPONENT_NAME$1_ = "vc-action-sheet";
   const ActionSheet = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1$,
+    name: COMPONENT_NAME$1_,
     props: props$1q,
     setup(props2, {
       slots
@@ -24340,9 +24340,9 @@ var Vc = (function (exports, vue) {
     }
   }
   const IconManager = new Manager();
-  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(props2) {
       const viewBox = vue.ref("0 0 1024 1024");
@@ -24538,9 +24538,9 @@ var Vc = (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,
@@ -24560,9 +24560,9 @@ var Vc = (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,
@@ -24680,9 +24680,9 @@ var Vc = (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
@@ -24716,9 +24716,9 @@ var Vc = (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: {
@@ -24757,9 +24757,9 @@ var Vc = (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: {
@@ -24798,9 +24798,9 @@ var Vc = (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: {
@@ -24839,7 +24839,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1T = "vc-alert";
+  const COMPONENT_NAME$1S = "vc-alert";
   const THEME_MAP = {
     info: ["#2B72FD", "#91d5ff", "#e6f7ff"],
     success: ["#52c41a", "#b7eb8f", "#f6ffed"],
@@ -24847,7 +24847,7 @@ var Vc = (function (exports, vue) {
     warning: ["#ffbf00", "#ffe58f", "#fffbe6"]
   };
   const Alert = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1T,
+    name: COMPONENT_NAME$1S,
     props: props$1p,
     setup(props2, {
       slots,
@@ -24940,9 +24940,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -24976,9 +24976,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  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(props2, {
       slots
@@ -25027,9 +25027,9 @@ var Vc = (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中, 这样可以让所有的事件透传
@@ -25097,9 +25097,9 @@ var Vc = (function (exports, vue) {
       default: "button"
     }
   };
-  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(props2, {
@@ -25175,9 +25175,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  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(props2, {
       slots
@@ -25206,9 +25206,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -25241,9 +25241,9 @@ var Vc = (function (exports, vue) {
       type: String
     }
   };
-  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(props2, {
       slots
@@ -25274,9 +25274,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -25295,9 +25295,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -25360,9 +25360,9 @@ var Vc = (function (exports, vue) {
     watchShallow: Boolean,
     manualUpdate: Boolean
   };
-  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(props2, {
@@ -25583,9 +25583,9 @@ var Vc = (function (exports, vue) {
       computedLabel
     };
   };
-  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(props2, {
@@ -25667,9 +25667,9 @@ var Vc = (function (exports, vue) {
       reset
     };
   };
-  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(props2, {
@@ -25684,9 +25684,9 @@ var Vc = (function (exports, 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(props2, {
@@ -25723,9 +25723,9 @@ var Vc = (function (exports, 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(props2, {
@@ -25781,9 +25781,9 @@ var Vc = (function (exports, vue) {
       default: () => null
     }
   };
-  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(props2, context) {
       return () => vue.h(() => {
@@ -25791,9 +25791,9 @@ var Vc = (function (exports, 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(props2, {
@@ -25936,7 +25936,7 @@ var Vc = (function (exports, vue) {
       return this.target.finally(callback);
     }
   }
-  const COMPONENT_NAME$1C = "vc-portal";
+  const COMPONENT_NAME$1B = "vc-portal";
   class Portal {
     /**
      * 清理Portals类型组件
@@ -25988,7 +25988,7 @@ var Vc = (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) {
@@ -26087,7 +26087,7 @@ var Vc = (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 el2 === "object" ? el2 : document.querySelector(el2 || "body");
       !alive && Portal.leafs.get(name)?.destroy();
@@ -26121,7 +26121,7 @@ var Vc = (function (exports, vue) {
       } else {
         const wrapper = this.wrapper;
         const app = vue.createApp({
-          name: COMPONENT_NAME$1C,
+          name: COMPONENT_NAME$1B,
           parent,
           setup() {
             if (alive) {
@@ -26231,9 +26231,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1B = "vc-portal-view";
+  const COMPONENT_NAME$1A = "vc-portal-view";
   const PortalView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1B,
+    name: COMPONENT_NAME$1A,
     props: props$18,
     setup(props2, {
       slots
@@ -26396,9 +26396,9 @@ var Vc = (function (exports, vue) {
     };
     return () => vue.h(props2.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 }));
@@ -26430,9 +26430,9 @@ var Vc = (function (exports, vue) {
   const MTransitionScale = TransitionScale;
   const MTransitionSlide = TransitionSlide;
   const MTransitionZoom = TransitionZoom;
-  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(props2, {
@@ -26531,9 +26531,9 @@ var Vc = (function (exports, vue) {
   const warning$2 = create$3({ mode: "warning" });
   const error$2 = create$3({ mode: "error" });
   const MToast = Object.assign(MToastView, { destroy: destroy$4, info: info$2, success: success$2, loading, warning: warning$2, error: error$2 });
-  const COMPONENT_NAME$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 }));
@@ -26562,9 +26562,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  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(props2, { slots, emit }) {
@@ -26676,9 +26676,9 @@ var Vc = (function (exports, vue) {
   function _isSlot$3(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$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(props2, {
       slots
@@ -26705,9 +26705,9 @@ var Vc = (function (exports, 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(props2, {
       slots,
@@ -26777,9 +26777,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -26798,9 +26798,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -27237,9 +27237,9 @@ var Vc = (function (exports, vue) {
     expose?.(exposed);
     return exposed;
   };
-  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$$,
@@ -27569,9 +27569,9 @@ var Vc = (function (exports, vue) {
       handleStepper
     };
   };
-  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(props2, {
@@ -27631,9 +27631,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  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(props2, {
@@ -27920,9 +27920,9 @@ var Vc = (function (exports, vue) {
   function _isSlot$2(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$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(props2, {
@@ -28140,9 +28140,9 @@ var Vc = (function (exports, vue) {
     }
   });
   const PopoverPortal = new Portal(PopoverWrapper);
-  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(props2, {
@@ -29218,9 +29218,9 @@ var Vc = (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,
@@ -29281,9 +29281,9 @@ var Vc = (function (exports, 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: {
@@ -29364,9 +29364,9 @@ var Vc = (function (exports, 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: {
@@ -29566,9 +29566,9 @@ var Vc = (function (exports, 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,
@@ -29694,7 +29694,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1j = "vc-quarter-table";
+  const COMPONENT_NAME$1i = "vc-quarter-table";
   const getMonthRange = (panelDate, quarter) => {
     const year = panelDate.getFullYear();
     const [startMonth, endMonth] = [quarter * 3, quarter * 3 + 2];
@@ -29721,7 +29721,7 @@ var Vc = (function (exports, vue) {
     }
   };
   const QuarterTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1j,
+    name: COMPONENT_NAME$1i,
     props: {
       value: Array,
       panelDate: Date,
@@ -29839,9 +29839,9 @@ var Vc = (function (exports, 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,
@@ -29878,9 +29878,9 @@ var Vc = (function (exports, 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],
@@ -30155,9 +30155,9 @@ var Vc = (function (exports, 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,
@@ -30273,9 +30273,9 @@ var Vc = (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: {
@@ -30636,9 +30636,9 @@ var Vc = (function (exports, 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,
@@ -30837,9 +30837,9 @@ var Vc = (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: {
@@ -31009,9 +31009,9 @@ var Vc = (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: {
@@ -31242,9 +31242,9 @@ var Vc = (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(props2, {
@@ -31340,9 +31340,9 @@ var Vc = (function (exports, 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(props2, {
@@ -31393,7 +31393,7 @@ var Vc = (function (exports, 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;
@@ -31404,7 +31404,7 @@ var Vc = (function (exports, vue) {
     }
     return DatePanel;
   };
-  const DatePicker = createPicker(COMPONENT_NAME$19, props$10, () => {
+  const DatePicker = createPicker(COMPONENT_NAME$18, props$10, () => {
     const props2 = vue.getCurrentInstance().props;
     const icon = vue.ref("date");
     const panel = vue.shallowRef({});
@@ -31432,9 +31432,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -31581,7 +31581,7 @@ var Vc = (function (exports, vue) {
     barTo: props$R.to,
     ...pick(props$R, barKeys)
   };
-  const COMPONENT_NAME$17 = "vc-scroller-track";
+  const COMPONENT_NAME$16 = "vc-scroller-track";
   const BAR_MAP = {
     vertical: {
       scroll: "scrollTop",
@@ -31601,7 +31601,7 @@ var Vc = (function (exports, vue) {
     }
   };
   const Track$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$17,
+    name: COMPONENT_NAME$16,
     props: props$S,
     emits: ["change"],
     inheritAttrs: false,
@@ -31763,9 +31763,9 @@ var Vc = (function (exports, 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(props2, {
@@ -31976,9 +31976,9 @@ var Vc = (function (exports, vue) {
       refreshPosition
     };
   };
-  const COMPONENT_NAME$15 = "vc-scroller";
+  const COMPONENT_NAME$14 = "vc-scroller";
   const Scroller = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$15,
+    name: COMPONENT_NAME$14,
     props: props$Q,
     emits: ["scroll"],
     setup(props2, {
@@ -32036,9 +32036,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$14 = "vc-scroller-wheel";
+  const COMPONENT_NAME$13 = "vc-scroller-wheel";
   const ScrollerWheel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$14,
+    name: COMPONENT_NAME$13,
     props: Object.assign(props$Q, {
       stopPropagation: {
         type: Boolean,
@@ -32209,9 +32209,9 @@ var Vc = (function (exports, vue) {
       type: Function
     }
   };
-  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(props2, {
@@ -32367,9 +32367,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -32388,9 +32388,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -32529,9 +32529,9 @@ var Vc = (function (exports, vue) {
       validateField
     });
   };
-  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(props2, { slots, expose }) {
       useForm(expose);
@@ -32846,9 +32846,9 @@ var Vc = (function (exports, vue) {
       labelPosition
     };
   };
-  const COMPONENT_NAME$$ = "vc-form-item";
+  const COMPONENT_NAME$_ = "vc-form-item";
   const FormItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$$,
+    name: COMPONENT_NAME$_,
     props: props$L,
     setup(props2, {
       slots,
@@ -32911,9 +32911,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  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(props2, { slots, expose }) {
       useForm(expose, {
@@ -32940,9 +32940,9 @@ var Vc = (function (exports, vue) {
       default: 12
     }
   };
-  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(props2, {
       slots,
@@ -32995,9 +32995,9 @@ var Vc = (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?.());
     }
@@ -33009,9 +33009,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -33080,7 +33080,7 @@ var Vc = (function (exports, vue) {
     }
   }
   const IMGStore$1 = new IMGStore();
-  const COMPONENT_NAME$W = "vc-image";
+  const COMPONENT_NAME$V = "vc-image";
   let isSupportObjectFit = false;
   window.addEventListener("DOMContentLoaded", () => {
     isSupportObjectFit = !IS_SERVER$3 && document.documentElement.style.objectFit !== void 0;
@@ -33093,7 +33093,7 @@ var Vc = (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(props2, {
@@ -33288,9 +33288,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -33309,9 +33309,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -33330,9 +33330,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -33345,9 +33345,9 @@ var Vc = (function (exports, vue) {
     }
   });
   const MImageProcessing = ImageProcessing;
-  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$$,
@@ -33434,9 +33434,9 @@ var Vc = (function (exports, 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(props2, {
@@ -33482,9 +33482,9 @@ var Vc = (function (exports, 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: {
@@ -33558,9 +33558,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  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(props2, { slots }) {
       vue.provide("vc-list", { props: props2 });
@@ -33611,10 +33611,10 @@ var Vc = (function (exports, vue) {
     // MListItem是否独立存在
     alone: Boolean
   };
-  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(props2, {
@@ -33698,11 +33698,11 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  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(props2, {
       slots
@@ -33757,11 +33757,15 @@ var Vc = (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(props2, { emit, slots, expose }) {
@@ -33810,13 +33814,13 @@ var Vc = (function (exports, vue) {
         Resize.off(current.value, handleResize);
         timer && clearTimeout(timer);
       });
-      expose({ refresh });
+      expose({ refresh, offsetHeight: height, offsetWidth: width });
       return () => {
         return vue.h(
           props2.tag,
           {
             ref: current,
-            class: "vc-resizer"
+            class: ["vc-resizer", { "is-fill": props2.fill }]
           },
           slots.default?.(currentExposed.value)
         );
@@ -33904,10 +33908,10 @@ var Vc = (function (exports, vue) {
       type: Function
     }
   };
-  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(props2, {
@@ -34287,9 +34291,9 @@ var Vc = (function (exports, vue) {
       type: Function
     }
   };
-  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(props2, {
@@ -34484,9 +34488,9 @@ var Vc = (function (exports, vue) {
     // 这个相当于Modal中的onCancel，支持Promise
     onBeforeClose: Function
   };
-  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(props2, {
@@ -34652,9 +34656,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -34760,9 +34764,9 @@ var Vc = (function (exports, vue) {
       type: [String, Number]
     }
   };
-  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(props2, {
@@ -34827,9 +34831,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  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(props2, {
       slots
@@ -34896,9 +34900,9 @@ var Vc = (function (exports, vue) {
       type: [String, Number]
     }
   };
-  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(props2, {
       slots
@@ -34992,9 +34996,9 @@ var Vc = (function (exports, vue) {
   function _isSlot$1(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$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(props2, {
@@ -35224,9 +35228,9 @@ var Vc = (function (exports, 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(props2, {
@@ -35417,9 +35421,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -35438,9 +35442,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -35460,9 +35464,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -35483,9 +35487,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       expose,
@@ -35540,6 +35544,12 @@ var Vc = (function (exports, vue) {
       type: Boolean,
       default: true
     },
+    textStyle: {
+      type: [String, Object]
+    },
+    textClass: {
+      type: [String, Object]
+    },
     animated: {
       type: Boolean,
       default: false
@@ -35569,9 +35579,9 @@ var Vc = (function (exports, 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(props2, {
       slots
@@ -35620,14 +35630,17 @@ var Vc = (function (exports, vue) {
           "stroke-linecap": "round",
           "fill-opacity": "0"
         }, null)]), vue.createVNode("div", {
-          "class": "vc-progress-circle__inner"
-        }, [slots.default ? slots.default() : props2.showText && vue.createVNode("span", null, [`${props2.percent}%`])])])]);
+          "class": ["vc-progress-circle__inner"]
+        }, [slots.default ? slots.default() : props2.showText && vue.createVNode("span", {
+          "class": props2.textClass,
+          "style": props2.textStyle
+        }, [`${props2.percent}%`])])])]);
       };
     }
   });
-  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(props2) {
       const colorStyle = vue.computed(() => {
@@ -35656,21 +35669,24 @@ var Vc = (function (exports, vue) {
           "style": innerStyle.value,
           "class": [classes.value, "vc-progress-line__inner"]
         }, null)])]), props2.showText && vue.createVNode("div", {
-          "class": "vc-progress-line__percent"
+          "class": ["vc-progress-line__percent"]
         }, [["error", "success"].includes(props2.status) ? vue.createVNode(Icon, {
           "type": props2.status,
           "style": colorStyle.value,
           "class": [`is-${props2.status}`, "vc-progress-line__icon"]
-        }, null) : vue.createVNode("span", null, [`${props2.percent}%`])])]);
+        }, null) : vue.createVNode("span", {
+          "class": props2.textClass,
+          "style": props2.textStyle
+        }, [`${props2.percent}%`])])]);
       };
     }
   });
   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(props2, {
       slots
@@ -35816,9 +35832,9 @@ var Vc = (function (exports, vue) {
       computedLabel
     };
   };
-  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(props2, {
@@ -35924,9 +35940,9 @@ var Vc = (function (exports, vue) {
       reset
     };
   };
-  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(props2, {
@@ -35945,9 +35961,9 @@ var Vc = (function (exports, 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(props2, {
@@ -35985,9 +36001,9 @@ var Vc = (function (exports, 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(props2, {
@@ -36012,9 +36028,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  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(props2, {
       slots
@@ -36077,9 +36093,9 @@ var Vc = (function (exports, vue) {
     renderPlaceholder: Function,
     renderRefresh: Function
   };
-  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
     }) {
@@ -36203,10 +36219,10 @@ var Vc = (function (exports, vue) {
     );
     return keys;
   };
-  const COMPONENT_NAME$p = "vc-recycle-list-container";
+  const COMPONENT_NAME$o = "vc-recycle-list-container";
   const transformKey = prefixStyle("transform").camel;
   const Container = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$p,
+    name: COMPONENT_NAME$o,
     props: props$h,
     emits: ["refresh"],
     setup(props2, {
@@ -36299,48 +36315,6 @@ var Vc = (function (exports, 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?.()]);
-      };
-    }
-  });
   const COMPONENT_NAME$n = "vc-recycle-list";
   const RecycleList = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$n,
@@ -36808,7 +36782,7 @@ var Vc = (function (exports, vue) {
               slots.placeholder?.() || renderer.value.placeholder && vue.createVNode(Customer, {
                 "render": renderer.value.placeholder
               }, null)
-            ]), !item.isPlaceholder && vue.createVNode(Item, {
+            ]), !item.isPlaceholder && vue.createVNode(Resizer, {
               "ref": (v) => curloads.value[item.id] = v,
               "class": {
                 "vc-recycle-list__transition": hasPlaceholder.value
@@ -36816,11 +36790,11 @@ var Vc = (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": props2.vertical,
               "onResize": handleResize
             }, {
               default: () => [slots.default?.({
@@ -37197,14 +37171,14 @@ var Vc = (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) => {
@@ -37218,9 +37192,9 @@ var Vc = (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);
     });
@@ -37288,6 +37262,7 @@ var Vc = (function (exports, vue) {
       selection: [],
       reserveSelection: false,
       selectable: null,
+      expandSelectable: null,
       hoverRowIndex: null,
       // Current
       currentRow: null,
@@ -37809,6 +37784,7 @@ var Vc = (function (exports, vue) {
       this.layout = new Layout(this);
       const { props: props2 } = options.table;
       lodashExports.merge(this.states, {
+        expandSelectable: props2.expandSelectable,
         treeLazy: props2.lazy || false,
         treeLazyColumnIdentifier: props2.treeMap.hasChildren || "hasChildren",
         treeChildrenColumnName: props2.treeMap.children || "children"
@@ -38130,8 +38106,7 @@ var Vc = (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];
@@ -38163,16 +38138,16 @@ var Vc = (function (exports, vue) {
       emit,
       slots
     }) {
-      const handleResize = (size, index) => {
+      const handleResize = (e, index) => {
         emit("row-resize", {
           index,
-          size
+          size: e.height
         });
       };
       return () => {
         return props2.data.map((row, index) => {
-          return vue.createVNode(Item, {
-            "vertical": false,
+          return vue.createVNode(Resizer, {
+            "fill": false,
             "onChange": (e) => handleResize(e, index)
           }, {
             default: () => [slots.default?.({
@@ -38187,7 +38162,6 @@ var Vc = (function (exports, vue) {
   const TableBody = /* @__PURE__ */ vue.defineComponent({
     name: "vc-table-body",
     props: {
-      store: Object,
       fixed: String,
       heightStyle: [Object, Array, String]
     },
@@ -38198,6 +38172,7 @@ var Vc = (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",
@@ -38215,8 +38190,8 @@ var Vc = (function (exports, vue) {
         }) => type === "default")
       });
       const wrapper = vue.ref();
-      vue.watch(() => props2.store.states.hoverRowIndex, (v, oldV) => {
-        if (!props2.store.states.isComplex || IS_SERVER$3) return;
+      vue.watch(() => table.store.states.hoverRowIndex, (v, oldV) => {
+        if (!table.store.states.isComplex || IS_SERVER$3) return;
         raf(() => {
           const rows = instance.vnode.el.querySelectorAll(".vc-table__row");
           const oldRow = rows[oldV];
@@ -38260,7 +38235,7 @@ var Vc = (function (exports, vue) {
       };
       const getRowClass = (row, rowIndex) => {
         const classes = ["vc-table__row"];
-        if (table.props.highlight && row === props2.store.states.currentRow) {
+        if (table.props.highlight && row === table.store.states.currentRow) {
           classes.push("current-row");
         }
         if (table.props.stripe && rowIndex % 2 === 1) {
@@ -38275,7 +38250,7 @@ var Vc = (function (exports, vue) {
             rowIndex
           }));
         }
-        if (props2.store.states.expandRows.indexOf(row) > -1) {
+        if (table.store.states.expandRows.indexOf(row) > -1) {
           classes.push("expanded");
         }
         return classes;
@@ -38354,10 +38329,10 @@ var Vc = (function (exports, vue) {
         table.emit("cell-mouse-leave", oldHoverState.row, oldHoverState.column, oldHoverState.cell, e);
       };
       const handleMouseEnter = debounce$1((index) => {
-        props2.store.setHoverRow(index);
+        table.store.setHoverRow(index);
       }, 30);
       const handleMouseLeave = debounce$1(() => {
-        props2.store.setHoverRow(null);
+        table.store.setHoverRow(null);
       }, 30);
       const handleEvent = (e, row, name) => {
         const cell = getCell(e);
@@ -38377,10 +38352,13 @@ var Vc = (function (exports, vue) {
         handleEvent(e, row, "dblclick");
       };
       const handleClick = (e, row) => {
-        props2.store.setCurrentRow(row);
+        table.store.setCurrentRow(row);
         handleEvent(e, row, "click");
       };
       const renderRow = (rowData, rowIndex) => {
+        const {
+          rowHeight
+        } = table.props;
         const {
           data: row
         } = rowData;
@@ -38388,7 +38366,8 @@ var Vc = (function (exports, vue) {
           columns
         } = states;
         const key = getValueOfRow(row, rowIndex);
-        const selected = props2.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"],
@@ -38405,7 +38384,7 @@ var Vc = (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", {
@@ -38424,7 +38403,7 @@ var Vc = (function (exports, vue) {
             column,
             rowIndex,
             columnIndex,
-            store: props2.store,
+            store: table.store,
             selected
           })]);
         })]);
@@ -38441,6 +38420,7 @@ var Vc = (function (exports, vue) {
         })]);
       };
       const handleMergeRowResize = (v) => {
+        if (table.props.rowHeight) return;
         states.list[v.index].rows.forEach((row) => {
           row.heightMap[props2.fixed || "main"] = v.size;
           const heights = [row.heightMap.main];
@@ -38460,7 +38440,17 @@ var Vc = (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, {
@@ -38509,10 +38499,6 @@ var Vc = (function (exports, vue) {
     name: "vc-table-header",
     props: {
       fixed: [Boolean, String],
-      store: {
-        type: Object,
-        required: true
-      },
       border: Boolean,
       // 排序全部交给外部处理，内部不处理数据，只做交互
       defaultSort: {
@@ -38660,7 +38646,7 @@ var Vc = (function (exports, vue) {
               column.width = columnWidth;
               column.realWidth = column.width;
               table.$emit("header-dragend", column.width, startLeft - startColumnLeft, column, event);
-              props2.store.scheduleLayout();
+              table.store.scheduleLayout();
               document.body.style.cursor = "";
               dragging.value = false;
               draggingColumn.value = null;
@@ -38767,7 +38753,7 @@ var Vc = (function (exports, vue) {
           }, [column.renderHeader ? column.renderHeader({
             column,
             columnIndex,
-            store: props2.store
+            store: table.store
           }) : column.label, column.tooltip ? vue.createVNode(Icon, {
             "type": "o-info",
             "onMouseenter": (e) => handleCellMouseEnter(e, column)
@@ -38790,10 +38776,6 @@ var Vc = (function (exports, vue) {
     name: "vc-table-footer",
     props: {
       fixed: [String, Boolean],
-      store: {
-        type: Object,
-        required: true
-      },
       getSummary: Function,
       sumText: String,
       border: Boolean
@@ -38815,7 +38797,7 @@ var Vc = (function (exports, vue) {
         } else if (props2.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 (!props2.fixed && column.fixed) {
@@ -38908,6 +38890,7 @@ var Vc = (function (exports, vue) {
     width: [String, Number],
     height: [String, Number],
     maxHeight: [String, Number],
+    rowHeight: [String, Number],
     // 列的宽度是否自撑开
     fit: {
       type: Boolean,
@@ -38988,7 +38971,9 @@ var Vc = (function (exports, vue) {
     defaultSort: {
       type: Object,
       default: () => ({})
-    }
+    },
+    // 用于延迟渲染，用于计算高度
+    delay: Number
   };
   const COMPONENT_NAME$g = "vc-table";
   const Table = /* @__PURE__ */ vue.defineComponent({
@@ -39375,7 +39360,6 @@ var Vc = (function (exports, vue) {
           "class": "vc-table__header-wrapper"
         }, [vue.createVNode(TableHeader, {
           "ref": tableHeader,
-          "store": store,
           "border": props2.border,
           "default-sort": props2.defaultSort,
           "style": bodyWidthStyle.value
@@ -39391,7 +39375,6 @@ var Vc = (function (exports, vue) {
         }, {
           default: () => [vue.createVNode(TableBody, {
             "ref": body,
-            "store": store,
             "style": [bodyWidthStyle.value],
             "height-style": [bodyHeightStyle.value],
             "onScroll": handleScollY
@@ -39411,7 +39394,6 @@ var Vc = (function (exports, vue) {
           "ref": footerWrapper,
           "class": "vc-table__footer-wrapper"
         }, [vue.createVNode(TableFooter, {
-          "store": store,
           "border": props2.border,
           "sum-text": props2.sumText || "合计",
           "get-summary": props2.getSummary,
@@ -39427,7 +39409,6 @@ var Vc = (function (exports, vue) {
           "class": "vc-table__fixed-header-wrapper"
         }, [vue.createVNode(TableHeader, {
           "ref": leftFixedTableHeader,
-          "store": store,
           "border": props2.border,
           "default-sort": props2.defaultSort,
           "style": bodyWidthStyle.value,
@@ -39440,7 +39421,6 @@ var Vc = (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", {
@@ -39452,7 +39432,6 @@ var Vc = (function (exports, vue) {
           "ref": leftFixedFooterWrapper,
           "class": "vc-table__fixed-footer-wrapper"
         }, [vue.createVNode(TableFooter, {
-          "store": store,
           "border": props2.border,
           "sum-text": props2.sumText || "合计",
           "get-summary": props2.getSummary,
@@ -39469,7 +39448,6 @@ var Vc = (function (exports, vue) {
           "class": "vc-table__fixed-header-wrapper"
         }, [vue.createVNode(TableHeader, {
           "ref": rightFixedTableHeader,
-          "store": store,
           "border": props2.border,
           "default-sort": props2.defaultSort,
           "style": bodyWidthStyle.value,
@@ -39482,7 +39460,6 @@ var Vc = (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", {
@@ -39494,7 +39471,6 @@ var Vc = (function (exports, vue) {
           "ref": rightFixedFooterWrapper,
           "class": "vc-table__fixed-footer-wrapper"
         }, [vue.createVNode(TableFooter, {
-          "store": store,
           "border": props2.border,
           "sum-text": props2.sumText || "合计",
           "get-summary": props2.getSummary,
@@ -39556,7 +39532,7 @@ var Vc = (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
@@ -39763,16 +39739,9 @@ var Vc = (function (exports, vue) {
         return column;
       };
       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 === void 0 ? 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;
       };
       const setColumnRenders = (column) => {
@@ -39829,6 +39798,8 @@ var Vc = (function (exports, vue) {
       };
       const registerColumn = () => {
         const defaults2 = {
+          colspan: 1,
+          rowspan: 1,
           ...cellStarts[props2.type],
           id: columnId.value,
           realAlign,