@deot/vc-components 1.0.14 → 1.0.16

package/dist/index.cjs

@@ -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)
       );
@@ -10351,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, {
@@ -10781,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, {
@@ -10995,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, {
@@ -11170,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
@@ -11285,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, {
@@ -11356,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
@@ -11431,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
@@ -11531,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, {
@@ -11777,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, {
@@ -11977,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
@@ -12003,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
@@ -12031,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
@@ -12060,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,
@@ -12126,6 +12130,12 @@ const props$m = {
     type: Boolean,
     default: true
   },
+  textStyle: {
+    type: [String, Object]
+  },
+  textClass: {
+    type: [String, Object]
+  },
   animated: {
     type: Boolean,
     default: false
@@ -12158,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
@@ -12209,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(() => {
@@ -12248,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}%`])])]);
     };
   }
 });
@@ -12263,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
@@ -12417,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, {
@@ -12530,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, {
@@ -12554,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, {
@@ -12597,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, {
@@ -12628,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
@@ -12698,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
   }) {
@@ -12830,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, {
@@ -12933,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,
@@ -13488,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
@@ -13496,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?.({
@@ -13906,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) => {
@@ -13927,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);
   });
@@ -13998,6 +13969,7 @@ class BaseWatcher {
     selection: [],
     reserveSelection: false,
     selectable: null,
+    expandSelectable: null,
     hoverRowIndex: null,
     // Current
     currentRow: null,
@@ -14524,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"
@@ -14846,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];
@@ -14882,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?.({
@@ -14907,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]
   },
@@ -14918,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',
@@ -14935,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];
@@ -14980,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) {
@@ -14995,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;
@@ -15078,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);
@@ -15101,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;
@@ -15112,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'],
@@ -15129,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", {
@@ -15148,7 +15124,7 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
           column,
           rowIndex,
           columnIndex,
-          store: props.store,
+          store: table.store,
           selected
         })]);
       })]);
@@ -15165,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];
@@ -15184,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, {
@@ -15233,10 +15220,6 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
   name: 'vc-table-header',
   props: {
     fixed: [Boolean, String],
-    store: {
-      type: Object,
-      required: true
-    },
     border: Boolean,
     // 排序全部交给外部处理，内部不处理数据，只做交互
     defaultSort: {
@@ -15385,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;
@@ -15490,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)
@@ -15513,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
@@ -15538,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) {
@@ -15632,6 +15611,7 @@ const props$c = {
   width: [String, Number],
   height: [String, Number],
   maxHeight: [String, Number],
+  rowHeight: [String, Number],
   // 列的宽度是否自撑开
   fit: {
     type: Boolean,
@@ -15712,7 +15692,9 @@ const props$c = {
   defaultSort: {
     type: Object,
     default: () => ({})
-  }
+  },
+  // 用于延迟渲染，用于计算高度
+  delay: Number
 };
 
 /** @jsxImportSource vue */
@@ -16125,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
@@ -16141,7 +16122,6 @@ const Table = /* @__PURE__ */ vue.defineComponent({
       }, {
         default: () => [vue.createVNode(TableBody, {
           "ref": body,
-          "store": store,
           "style": [bodyWidthStyle.value],
           "height-style": [bodyHeightStyle.value],
           "onScroll": handleScollY
@@ -16161,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,
@@ -16177,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,
@@ -16190,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", {
@@ -16202,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,
@@ -16219,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,
@@ -16232,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", {
@@ -16244,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,
@@ -16309,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
@@ -16543,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;
     };
 
@@ -16625,6 +16591,8 @@ const TableColumn = /* @__PURE__ */ vue.defineComponent({
     };
     const registerColumn = () => {
       const defaults = {
+        colspan: 1,
+        rowspan: 1,
         ...cellStarts[props.type],
         id: columnId.value,
         realAlign,