@deot/vc 1.0.48 → 1.0.50

package/dist/index.iife.js

@@ -9134,9 +9134,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$28 = "vc-action-sheet";
+  const COMPONENT_NAME$29 = "vc-action-sheet";
   const ActionSheet = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$28,
+    name: COMPONENT_NAME$29,
     props: props$1t,
     setup(props2, {
       slots
@@ -9207,9 +9207,9 @@ var Vc = (function (exports, vue) {
   const isWheel = (el2) => {
     return SCROLLER_WHEEL_REG.test(el2?.className || "");
   };
-  const COMPONENT_NAME$27 = "vc-affix";
+  const COMPONENT_NAME$28 = "vc-affix";
   const Affix = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$27,
+    name: COMPONENT_NAME$28,
     emits: ["update:modelValue"],
     props: props$1s,
     setup(props2, {
@@ -9538,9 +9538,9 @@ var Vc = (function (exports, vue) {
     }
   }
   const IconManager = new Manager();
-  const COMPONENT_NAME$26 = "vc-icon";
+  const COMPONENT_NAME$27 = "vc-icon";
   const Icon = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$26,
+    name: COMPONENT_NAME$27,
     props: props$1q,
     setup(props2) {
       const viewBox = vue.ref("0 0 1024 1024");
@@ -9736,9 +9736,9 @@ var Vc = (function (exports, vue) {
       }
     };
   };
-  const COMPONENT_NAME$25 = "vc-transition";
+  const COMPONENT_NAME$26 = "vc-transition";
   const Transition = vue.defineComponent({
-    name: COMPONENT_NAME$25,
+    name: COMPONENT_NAME$26,
     props: props$1p,
     // 当不声明emits的情况下，事件存在于attrs中
     inheritAttrs: false,
@@ -9758,9 +9758,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$24 = "vc-transition-collapse";
+  const COMPONENT_NAME$25 = "vc-transition-collapse";
   const TransitionCollapse = vue.defineComponent({
-    name: COMPONENT_NAME$24,
+    name: COMPONENT_NAME$25,
     props: props$1p,
     // 当不声明emits的情况下，事件存在于attrs中
     inheritAttrs: false,
@@ -9878,9 +9878,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$23 = "vc-transition-fade";
+  const COMPONENT_NAME$24 = "vc-transition-fade";
   const TransitionFade = vue.defineComponent({
-    name: COMPONENT_NAME$23,
+    name: COMPONENT_NAME$24,
     props: {
       ...props$1p,
       // inheritAttrs必须是false
@@ -9914,9 +9914,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$22 = "vc-transition-scale";
+  const COMPONENT_NAME$23 = "vc-transition-scale";
   const TransitionScale = vue.defineComponent({
-    name: COMPONENT_NAME$22,
+    name: COMPONENT_NAME$23,
     props: {
       ...props$1p,
       mode: {
@@ -9955,9 +9955,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$21 = "vc-transition-slide";
+  const COMPONENT_NAME$22 = "vc-transition-slide";
   const TransitionSlide = vue.defineComponent({
-    name: COMPONENT_NAME$21,
+    name: COMPONENT_NAME$22,
     props: {
       ...props$1p,
       mode: {
@@ -9996,9 +9996,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$20 = "vc-transition-zoom";
+  const COMPONENT_NAME$21 = "vc-transition-zoom";
   const TransitionZoom = vue.defineComponent({
-    name: COMPONENT_NAME$20,
+    name: COMPONENT_NAME$21,
     props: {
       ...props$1p,
       mode: {
@@ -10037,7 +10037,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1$ = "vc-alert";
+  const COMPONENT_NAME$20 = "vc-alert";
   const THEME_MAP = {
     info: ["#456CF6", "#91d5ff", "#e6f7ff"],
     success: ["#52c41a", "#b7eb8f", "#f6ffed"],
@@ -10045,7 +10045,7 @@ var Vc = (function (exports, vue) {
     warning: ["#ffbf00", "#ffe58f", "#fffbe6"]
   };
   const Alert = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1$,
+    name: COMPONENT_NAME$20,
     props: props$1r,
     setup(props2, {
       slots,
@@ -10145,9 +10145,9 @@ var Vc = (function (exports, vue) {
     }
   };
   const isTouch = typeof document !== "undefined" && "ontouchend" in document;
-  const COMPONENT_NAME$1_ = "vc-artboard";
+  const COMPONENT_NAME$1$ = "vc-artboard";
   const Artboard = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1_,
+    name: COMPONENT_NAME$1$,
     props: props$1o,
     setup(props2, {
       emit,
@@ -10344,9 +10344,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$1Z = "vc-spin";
+  const COMPONENT_NAME$1_ = "vc-spin";
   const Spin = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1Z,
+    name: COMPONENT_NAME$1_,
     props: props$1n,
     setup(props2, {
       slots
@@ -10395,9 +10395,9 @@ var Vc = (function (exports, vue) {
     },
     exclude: RegExp
   };
-  const COMPONENT_NAME$1Y = "vc-debounce";
+  const COMPONENT_NAME$1Z = "vc-debounce";
   const Debounce = vue.defineComponent({
-    name: COMPONENT_NAME$1Y,
+    name: COMPONENT_NAME$1Z,
     props: props$1m,
     /**
      * 不声明emits使得事件被透传放入attrs中, 这样可以让所有的事件透传
@@ -10467,9 +10467,9 @@ var Vc = (function (exports, vue) {
       default: "button"
     }
   };
-  const COMPONENT_NAME$1X = "vc-button";
+  const COMPONENT_NAME$1Y = "vc-button";
   const Button = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1X,
+    name: COMPONENT_NAME$1Y,
     emits: ["click"],
     props: props$1l,
     setup(props2, {
@@ -10549,9 +10549,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$1W = "vc-button-group";
+  const COMPONENT_NAME$1X = "vc-button-group";
   const ButtonGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1W,
+    name: COMPONENT_NAME$1X,
     props: props$1k,
     setup(props2, {
       slots
@@ -10580,9 +10580,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1V = "vc-calendar";
+  const COMPONENT_NAME$1W = "vc-calendar";
   const Calendar$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1V,
+    name: COMPONENT_NAME$1W,
     props: props$1j,
     setup(props2, {
       slots
@@ -10615,9 +10615,9 @@ var Vc = (function (exports, vue) {
       type: String
     }
   };
-  const COMPONENT_NAME$1U = "vc-card";
+  const COMPONENT_NAME$1V = "vc-card";
   const Card = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1U,
+    name: COMPONENT_NAME$1V,
     props: props$1i,
     setup(props2, {
       slots
@@ -10648,9 +10648,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1T = "vc-carousel";
+  const COMPONENT_NAME$1U = "vc-carousel";
   const Carousel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1T,
+    name: COMPONENT_NAME$1U,
     props: props$1h,
     setup(props2, {
       slots
@@ -10935,9 +10935,9 @@ var Vc = (function (exports, vue) {
     expose?.(exposed);
     return exposed;
   };
-  const COMPONENT_NAME$1S = "vc-input";
+  const COMPONENT_NAME$1T = "vc-input";
   const Input$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1S,
+    name: COMPONENT_NAME$1T,
     inheritAttrs: false,
     props: {
       ...props$1g,
@@ -11268,9 +11268,9 @@ var Vc = (function (exports, vue) {
       handleStepper
     };
   };
-  const COMPONENT_NAME$1R = "vc-input-number";
+  const COMPONENT_NAME$1S = "vc-input-number";
   const InputNumber = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1R,
+    name: COMPONENT_NAME$1S,
     props: props$1f,
     inheritAttrs: false,
     setup(props2, {
@@ -11330,9 +11330,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$1Q = "vc-input-search";
+  const COMPONENT_NAME$1R = "vc-input-search";
   const InputSearch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1Q,
+    name: COMPONENT_NAME$1R,
     props: props$1e,
     inheritAttrs: false,
     setup(props2, {
@@ -11720,9 +11720,9 @@ var Vc = (function (exports, vue) {
       default: () => null
     }
   };
-  const COMPONENT_NAME$1P = "vc-customer";
+  const COMPONENT_NAME$1Q = "vc-customer";
   const Customer = vue.defineComponent({
-    name: COMPONENT_NAME$1P,
+    name: COMPONENT_NAME$1Q,
     props: props$1b,
     setup(props2, context) {
       return () => vue.h(() => {
@@ -11795,7 +11795,7 @@ var Vc = (function (exports, vue) {
       return this.target.finally(callback);
     }
   }
-  const COMPONENT_NAME$1O = "vc-portal";
+  const COMPONENT_NAME$1P = "vc-portal";
   class Portal {
     /**
      * 清理Portals类型组件
@@ -11847,7 +11847,7 @@ var Vc = (function (exports, vue) {
       this.wrapper = wrapper;
       this.globalOptions = {
         ...options,
-        name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1O)
+        name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1P)
       };
     }
     popup(propsData, options) {
@@ -11946,7 +11946,7 @@ var Vc = (function (exports, vue) {
         ...rest
       } = options;
       let useAllNodes = fragment;
-      const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1O)}` : name$;
+      const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1P)}` : name$;
       const container = document.createElement(tag);
       const root = typeof el2 === "object" ? el2 : document.querySelector(el2 || "body");
       !alive && Portal.leafs.get(name)?.destroy();
@@ -11981,7 +11981,7 @@ var Vc = (function (exports, vue) {
       } else {
         const wrapper = this.wrapper;
         const app = vue.createApp({
-          name: COMPONENT_NAME$1O,
+          name: COMPONENT_NAME$1P,
           parent,
           setup() {
             if (alive) {
@@ -12093,9 +12093,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1N = "vc-portal-view";
+  const COMPONENT_NAME$1O = "vc-portal-view";
   const PortalView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1N,
+    name: COMPONENT_NAME$1O,
     props: props$1a,
     setup(props2, {
       slots
@@ -12109,9 +12109,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1M = "vc-popover-wrapper";
+  const COMPONENT_NAME$1N = "vc-popover-wrapper";
   const PopoverWrapper = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1M,
+    name: COMPONENT_NAME$1N,
     props: props$1d,
     emits: ["portal-fulfilled", "close"],
     setup(props2, {
@@ -12333,9 +12333,9 @@ var Vc = (function (exports, vue) {
   const PopoverPortal = new Portal(PopoverWrapper, {
     leaveDelay: 0
   });
-  const COMPONENT_NAME$1L = "vc-popover";
+  const COMPONENT_NAME$1M = "vc-popover";
   const Popover$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1L,
+    name: COMPONENT_NAME$1M,
     props: props$1c,
     emits: ["update:modelValue", "visible-change", "ready", "close"],
     setup(props2, {
@@ -12463,9 +12463,9 @@ var Vc = (function (exports, vue) {
   const Popover = Object.assign(Popover$1, {
     open: PopoverPortal.popup.bind(PopoverPortal)
   });
-  const COMPONENT_NAME$1K = "vc-cascader-column";
+  const COMPONENT_NAME$1L = "vc-cascader-column";
   const CascaderColumn = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1K,
+    name: COMPONENT_NAME$1L,
     emits: ["click", "change"],
     props: {
       data: {
@@ -12668,9 +12668,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$1J = "vc-cascader";
+  const COMPONENT_NAME$1K = "vc-cascader";
   const Cascader = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1J,
+    name: COMPONENT_NAME$1K,
     inheritAttrs: false,
     props: props$18,
     emits: ["update:modelValue", "visible-change", "ready", "change", "close"],
@@ -12959,9 +12959,9 @@ var Vc = (function (exports, vue) {
     watchShallow: Boolean,
     manualUpdate: Boolean
   };
-  const COMPONENT_NAME$1I = "vc-chart";
+  const COMPONENT_NAME$1J = "vc-chart";
   const Chart = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1I,
+    name: COMPONENT_NAME$1J,
     props: props$17,
     emits: [...EVENTS$1, "ready"],
     setup(props2, {
@@ -13183,9 +13183,9 @@ var Vc = (function (exports, vue) {
       computedLabel
     };
   };
-  const COMPONENT_NAME$1H = "vc-checkbox";
+  const COMPONENT_NAME$1I = "vc-checkbox";
   const Checkbox = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1H,
+    name: COMPONENT_NAME$1I,
     props: props$16,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -13267,9 +13267,9 @@ var Vc = (function (exports, vue) {
       reset
     };
   };
-  const COMPONENT_NAME$1G = "vc-checkbox-group";
+  const COMPONENT_NAME$1H = "vc-checkbox-group";
   const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1G,
+    name: COMPONENT_NAME$1H,
     props: props$15,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -13284,9 +13284,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1F = "vcm-checkbox";
+  const COMPONENT_NAME$1G = "vcm-checkbox";
   const MCheckbox = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1F,
+    name: COMPONENT_NAME$1G,
     props: props$16,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -13323,9 +13323,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1E = "vcm-checkbox-group";
+  const COMPONENT_NAME$1F = "vcm-checkbox-group";
   const MCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1E,
+    name: COMPONENT_NAME$1F,
     props: props$15,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -13375,9 +13375,9 @@ var Vc = (function (exports, vue) {
     // 这个相当于Modal中的onCancel，支持Promise
     onBeforeClose: Function
   };
-  const COMPONENT_NAME$1D = "vc-message";
+  const COMPONENT_NAME$1E = "vc-message";
   const MessageView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1D,
+    name: COMPONENT_NAME$1E,
     emits: ["before-close", "close", "portal-fulfilled"],
     props: props$14,
     setup(props2, {
@@ -13620,9 +13620,9 @@ var Vc = (function (exports, vue) {
     };
     return () => vue.h(props2.tag, { onClick: handleClick, class: "vc-clipboard" }, slots?.default?.());
   };
-  const COMPONENT_NAME$1C = "vc-clipboard";
+  const COMPONENT_NAME$1D = "vc-clipboard";
   const Clipboard$1 = vue.defineComponent({
-    name: COMPONENT_NAME$1C,
+    name: COMPONENT_NAME$1D,
     props: props$13,
     setup() {
       return useClipboard((content) => Message.success({ content }));
@@ -13654,9 +13654,9 @@ var Vc = (function (exports, vue) {
   const MTransitionScale = TransitionScale;
   const MTransitionSlide = TransitionSlide;
   const MTransitionZoom = TransitionZoom;
-  const COMPONENT_NAME$1B = "vcm-toast";
+  const COMPONENT_NAME$1C = "vcm-toast";
   const MToastView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1B,
+    name: COMPONENT_NAME$1C,
     emits: ["close", "portal-fulfilled"],
     props: props$12,
     setup(props2, {
@@ -13755,9 +13755,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$1A = "vcm-clipboard";
+  const COMPONENT_NAME$1B = "vcm-clipboard";
   const MClipboard$1 = vue.defineComponent({
-    name: COMPONENT_NAME$1A,
+    name: COMPONENT_NAME$1B,
     props: props$13,
     setup() {
       return useClipboard((content) => MToast.info({ content }));
@@ -13786,9 +13786,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$1z = "vc-collapse";
+  const COMPONENT_NAME$1A = "vc-collapse";
   const Collapse = vue.defineComponent({
-    name: COMPONENT_NAME$1z,
+    name: COMPONENT_NAME$1A,
     props: props$11,
     emits: ["update:moodelValue", "change"],
     setup(props2, { slots, emit }) {
@@ -13900,9 +13900,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$1y = "vc-expand";
+  const COMPONENT_NAME$1z = "vc-expand";
   const Expand$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1y,
+    name: COMPONENT_NAME$1z,
     props: props$$,
     setup(props2, {
       slots
@@ -13929,9 +13929,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1x = "vc-collapse-item";
+  const COMPONENT_NAME$1y = "vc-collapse-item";
   const CollapseItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1x,
+    name: COMPONENT_NAME$1y,
     props: props$10,
     setup(props2, {
       slots,
@@ -14001,9 +14001,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1w = "vc-color-picker";
+  const COMPONENT_NAME$1x = "vc-color-picker";
   const ColorPicker$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1w,
+    name: COMPONENT_NAME$1x,
     props: props$_,
     setup(props2, {
       slots
@@ -14060,9 +14060,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$1v = "vc-countdown";
+  const COMPONENT_NAME$1w = "vc-countdown";
   const Countdown = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1v,
+    name: COMPONENT_NAME$1w,
     props: props$Z,
     emits: ["change", "finish", "error"],
     setup(props2, {
@@ -15235,9 +15235,9 @@ var Vc = (function (exports, vue) {
     }
     return view;
   };
-  const COMPONENT_NAME$1u = "vc-date-confirm";
+  const COMPONENT_NAME$1v = "vc-date-confirm";
   const Confirm = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1u,
+    name: COMPONENT_NAME$1v,
     props: {
       showTime: {
         type: Boolean,
@@ -15298,9 +15298,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1t = "vc-date-header";
+  const COMPONENT_NAME$1u = "vc-date-header";
   const DateHeader = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1t,
+    name: COMPONENT_NAME$1u,
     props: {
       panelDate: Date,
       showNext: {
@@ -15381,9 +15381,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1s = "vc-date-table";
+  const COMPONENT_NAME$1t = "vc-date-table";
   const DateTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1s,
+    name: COMPONENT_NAME$1t,
     props: {
       value: Array,
       firstDayOfWeek: {
@@ -15583,9 +15583,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1r = "vc-month-table";
+  const COMPONENT_NAME$1s = "vc-month-table";
   const MonthTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1r,
+    name: COMPONENT_NAME$1s,
     props: {
       value: Array,
       panelDate: Date,
@@ -15711,7 +15711,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1q = "vc-quarter-table";
+  const COMPONENT_NAME$1r = "vc-quarter-table";
   const getMonthRange = (panelDate, quarter) => {
     const year = panelDate.getFullYear();
     const [startMonth, endMonth] = [quarter * 3, quarter * 3 + 2];
@@ -15738,7 +15738,7 @@ var Vc = (function (exports, vue) {
     }
   };
   const QuarterTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1q,
+    name: COMPONENT_NAME$1r,
     props: {
       value: Array,
       panelDate: Date,
@@ -15856,9 +15856,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1p = "vc-shortcuts-select";
+  const COMPONENT_NAME$1q = "vc-shortcuts-select";
   const ShortcutsSelect = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1p,
+    name: COMPONENT_NAME$1q,
     props: {
       panelDate: Date,
       config: Array,
@@ -15895,9 +15895,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1o = "vc-time-select";
+  const COMPONENT_NAME$1p = "vc-time-select";
   const TimeSelect = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1o,
+    name: COMPONENT_NAME$1p,
     props: {
       hours: {
         type: [Number, String],
@@ -16173,9 +16173,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1n = "vc-year-table";
+  const COMPONENT_NAME$1o = "vc-year-table";
   const YearTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1n,
+    name: COMPONENT_NAME$1o,
     props: {
       value: Array,
       panelDate: Date,
@@ -16291,9 +16291,9 @@ var Vc = (function (exports, vue) {
     }
     return true;
   };
-  const COMPONENT_NAME$1m = "vc-date-range-panel";
+  const COMPONENT_NAME$1n = "vc-date-range-panel";
   const DateRangePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1m,
+    name: COMPONENT_NAME$1n,
     props: {
       ...props$W,
       confirm: {
@@ -16654,9 +16654,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1l = "vc-date-panel";
+  const COMPONENT_NAME$1m = "vc-date-panel";
   const DatePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1l,
+    name: COMPONENT_NAME$1m,
     props: {
       ...props$W,
       type: String,
@@ -16855,9 +16855,9 @@ var Vc = (function (exports, vue) {
     const endYear = value[1].getFullYear();
     return startYear === endYear;
   };
-  const COMPONENT_NAME$1k = "vc-monthrange-panel";
+  const COMPONENT_NAME$1l = "vc-monthrange-panel";
   const MonthRangePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1k,
+    name: COMPONENT_NAME$1l,
     props: {
       ...props$W,
       confirm: {
@@ -17027,9 +17027,9 @@ var Vc = (function (exports, vue) {
     const endYear = value[1].getFullYear();
     return startYear === endYear;
   };
-  const COMPONENT_NAME$1j = "vc-quarterrange-panel";
+  const COMPONENT_NAME$1k = "vc-quarterrange-panel";
   const QuarterRangePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1j,
+    name: COMPONENT_NAME$1k,
     props: {
       ...props$W,
       confirm: {
@@ -17260,9 +17260,9 @@ var Vc = (function (exports, vue) {
       seconds
     };
   };
-  const COMPONENT_NAME$1i = "vc-timerange-panel";
+  const COMPONENT_NAME$1j = "vc-timerange-panel";
   const TimeRangePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1i,
+    name: COMPONENT_NAME$1j,
     props: props$V,
     emits: ["pick", "clear", "ok"],
     setup(props2, {
@@ -17360,9 +17360,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1h = "vc-time-panel";
+  const COMPONENT_NAME$1i = "vc-time-panel";
   const TimePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1h,
+    name: COMPONENT_NAME$1i,
     props: props$V,
     emits: ["pick", "clear", "ok"],
     setup(props2, {
@@ -17414,7 +17414,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1g = "vc-date-picker";
+  const COMPONENT_NAME$1h = "vc-date-picker";
   const getPanel$1 = (type) => {
     if (["daterange", "datetimerange"].includes(type)) {
       return DateRangePanel;
@@ -17425,7 +17425,7 @@ var Vc = (function (exports, vue) {
     }
     return DatePanel;
   };
-  const DatePicker = createPicker(COMPONENT_NAME$1g, props$Y, () => {
+  const DatePicker = createPicker(COMPONENT_NAME$1h, props$Y, () => {
     const props2 = vue.getCurrentInstance().props;
     const icon = vue.ref("date");
     const panel = vue.shallowRef({});
@@ -17461,9 +17461,9 @@ var Vc = (function (exports, vue) {
       }
     }
   };
-  const COMPONENT_NAME$1f = "vc-divider";
+  const COMPONENT_NAME$1g = "vc-divider";
   const Divider = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1f,
+    name: COMPONENT_NAME$1g,
     props: props$U,
     setup(props2, {
       slots
@@ -17592,7 +17592,7 @@ var Vc = (function (exports, vue) {
     barTo: props$S.to,
     ...pick(props$S, barKeys)
   };
-  const COMPONENT_NAME$1e = "vc-scroller-track";
+  const COMPONENT_NAME$1f = "vc-scroller-track";
   const BAR_MAP = {
     vertical: {
       scroll: "scrollTop",
@@ -17612,7 +17612,7 @@ var Vc = (function (exports, vue) {
     }
   };
   const Track$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1e,
+    name: COMPONENT_NAME$1f,
     props: props$T,
     emits: ["change"],
     inheritAttrs: false,
@@ -17774,9 +17774,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1d = "vc-scroller-bar";
+  const COMPONENT_NAME$1e = "vc-scroller-bar";
   const Bar = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1d,
+    name: COMPONENT_NAME$1e,
     props: props$S,
     emits: ["change"],
     setup(props2, {
@@ -18006,9 +18006,9 @@ var Vc = (function (exports, vue) {
       refreshPosition
     };
   };
-  const COMPONENT_NAME$1c = "vc-scroller";
+  const COMPONENT_NAME$1d = "vc-scroller";
   const Scroller = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1c,
+    name: COMPONENT_NAME$1d,
     props: props$R,
     emits: ["scroll"],
     setup(props2, {
@@ -18066,9 +18066,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1b = "vc-scroller-wheel";
+  const COMPONENT_NAME$1c = "vc-scroller-wheel";
   const ScrollerWheel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1b,
+    name: COMPONENT_NAME$1c,
     props: Object.assign({}, props$R, {
       stopPropagation: {
         type: Boolean,
@@ -18249,9 +18249,9 @@ var Vc = (function (exports, vue) {
       type: Function
     }
   };
-  const COMPONENT_NAME$1a = "vc-drawer";
+  const COMPONENT_NAME$1b = "vc-drawer";
   const DrawerView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1a,
+    name: COMPONENT_NAME$1b,
     props: props$Q,
     emits: ["close", "update:modelValue", "visible-change"],
     setup(props2, {
@@ -18423,9 +18423,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$19 = "vc-dropdown";
+  const COMPONENT_NAME$1a = "vc-dropdown";
   const Dropdown = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$19,
+    name: COMPONENT_NAME$1a,
     props: props$P,
     inheritAttrs: false,
     emits: ["update:modelValue", "ready", "close", "visible-change", "click"],
@@ -18488,9 +18488,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$18 = "vc-dropdown-menu";
+  const COMPONENT_NAME$19 = "vc-dropdown-menu";
   const DropdownMenu = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$18,
+    name: COMPONENT_NAME$19,
     setup(_, {
       slots
     }) {
@@ -18501,9 +18501,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$17 = "vc-dropdown-item";
+  const COMPONENT_NAME$18 = "vc-dropdown-item";
   const DropdownItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$17,
+    name: COMPONENT_NAME$18,
     props: {
       value: {
         type: [String, Number],
@@ -18711,9 +18711,9 @@ var Vc = (function (exports, vue) {
       ["link", "upload/video", "upload/image", "undo", "redo"]
     ]
   };
-  const COMPONENT_NAME$16 = "vc-editor-toolbar";
+  const COMPONENT_NAME$17 = "vc-editor-toolbar";
   const EditorToolbar = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$16,
+    name: COMPONENT_NAME$17,
     props: {
       options: [Array, Object],
       elementId: String
@@ -18911,9 +18911,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$15 = "vc-image-preview";
+  const COMPONENT_NAME$16 = "vc-image-preview";
   const ImagePreview$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$15,
+    name: COMPONENT_NAME$16,
     props: props$O,
     setup(props2, {
       slots
@@ -19095,9 +19095,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$14 = "vc-upload";
+  const COMPONENT_NAME$15 = "vc-upload";
   const Upload$1 = vue.defineComponent({
-    name: COMPONENT_NAME$14,
+    name: COMPONENT_NAME$15,
     props: props$N,
     emits: [
       "message",
@@ -19622,9 +19622,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$13 = "vc-editor";
+  const COMPONENT_NAME$14 = "vc-editor";
   const Editor$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$13,
+    name: COMPONENT_NAME$14,
     props: props$M,
     emits: ["ready", "blur", "focus", "input", "update:modelValue", "change"],
     setup(props2, {
@@ -19804,7 +19804,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$12 = "vc-editor-view";
+  const COMPONENT_NAME$13 = "vc-editor-view";
   const setImages = (v) => {
     if (!v) return;
     const IMG_REGX = /<img.*?(?:>|\/>)/gi;
@@ -19821,7 +19821,7 @@ var Vc = (function (exports, vue) {
     return;
   };
   const EditorView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$12,
+    name: COMPONENT_NAME$13,
     props: {
       value: {
         type: String,
@@ -19888,6 +19888,7 @@ var Vc = (function (exports, vue) {
     }
   });
   const MEditor = Editor$1;
+  const MEditorView = EditorView;
   const MExpand = Expand$1;
   const props$L = {
     tag: {
@@ -19929,7 +19930,14 @@ var Vc = (function (exports, vue) {
     labelStyle: [Object, String],
     labelClass: [Object, String],
     errorStyle: [Object, String],
-    errorClass: [Object, String]
+    errorClass: [Object, String],
+    // 给nestFormItem统一注入
+    nestedContentStyle: [Object, String],
+    nestedContentClass: [Object, String],
+    nestedLabelStyle: [Object, String],
+    nestedLabelClass: [Object, String],
+    nestedErrorStyle: [Object, String],
+    nestedErrorClass: [Object, String]
   };
   const useForm = (expose, options = {}) => {
     const instance = vue.getCurrentInstance();
@@ -20021,9 +20029,9 @@ var Vc = (function (exports, vue) {
       validateField
     });
   };
-  const COMPONENT_NAME$11 = "vc-form";
+  const COMPONENT_NAME$12 = "vc-form";
   const Form = vue.defineComponent({
-    name: COMPONENT_NAME$11,
+    name: COMPONENT_NAME$12,
     props: props$L,
     setup(props2, { slots, expose }) {
       useForm(expose);
@@ -20129,9 +20137,7 @@ var Vc = (function (exports, vue) {
       return formItemRules;
     });
     const isRequired = vue.computed(() => {
-      if (!currentRules.value.length) {
-        return !!props2.required;
-      }
+      if (props2.required) return !!props2.required;
       let required = false;
       for (let i = 0; i < currentRules.value.length; i++) {
         const rule = currentRules.value[i];
@@ -20145,31 +20151,32 @@ var Vc = (function (exports, vue) {
     });
     const classes = vue.computed(() => {
       return {
-        "is-require": isRequired.value && props2.asterisk,
+        "is-required": isRequired.value && props2.asterisk,
         "is-error": validateState.value === "error",
         "is-validating": validateState.value === "validating",
         "is-inline": form.props.inline,
-        "is-nest": isNest.value,
+        "is-nested": isNested.value,
         "is-alone": !props2.showMessage,
         // 用于单独去除form-item的默认margin_bottom
         [`is-${labelPosition.value}`]: true
       };
     });
-    const isNest = vue.computed(() => {
+    const isNested = vue.computed(() => {
       return !!formItem.change;
     });
-    const isNestLast = vue.ref(false);
+    const isNestedLast = vue.ref(false);
     const hasLabel = vue.computed(() => {
       return !!props2.label || slots.label;
     });
     const labelStyle = vue.computed(() => {
-      const labelWidth = props2.labelWidth === 0 || props2.labelWidth ? props2.labelWidth : isNest.value ? 0 : form.props.labelWidth;
+      const labelWidth = props2.labelWidth === 0 || props2.labelWidth ? props2.labelWidth : isNested.value ? 0 : form.props.labelWidth;
       return [
         {
           width: labelPosition.value !== "top" && labelWidth && labelWidth > 0 ? `${labelWidth}px` : "auto",
           textAlign: labelPosition.value === "top" ? "left" : labelPosition.value
         },
         form.props.labelStyle,
+        isNested.value && form.props.nestedLabelStyle,
         props2.labelStyle
       ];
     });
@@ -20177,24 +20184,25 @@ var Vc = (function (exports, vue) {
       const labelWidth = props2.labelWidth === 0 || props2.labelWidth ? props2.labelWidth : form.props.labelWidth;
       return [
         {
-          marginLeft: !hasLabel.value && isNest.value ? 0 : labelWidth && labelWidth > 0 ? `${labelWidth}px` : "unset",
-          marginBottom: isNest.value && !isNestLast.value ? `20px` : 0
+          marginLeft: labelPosition.value === "top" || !hasLabel.value && isNested.value ? 0 : labelWidth && labelWidth > 0 ? `${labelWidth}px` : "unset",
+          marginBottom: isNested.value && !isNestedLast.value ? `20px` : 0
         },
         form.props.contentStyle,
+        isNested.value && form.props.nestedContentStyle,
         props2.contentStyle
       ];
     });
     const errorStyle = vue.computed(() => {
-      return [form.props.errorStyle, props2.errorStyle];
+      return [form.props.errorStyle, isNested.value && form.props.nestedErrorStyle, props2.errorStyle];
     });
     const labelClass = vue.computed(() => {
-      return [form.props.labelClass, props2.labelClass];
+      return [form.props.labelClass, isNested.value && form.props.nestedLabelClass, props2.labelClass];
     });
     const contentClass = vue.computed(() => {
-      return [form.props.contentClass, props2.contentClass];
+      return [form.props.contentClass, isNested.value && form.props.nestedContentClass, props2.contentClass];
     });
     const errorClass = vue.computed(() => {
-      return [form.props.errorClass, props2.errorClass];
+      return [form.props.errorClass, isNested.value && form.props.nestedErrorClass, props2.errorClass];
     });
     const isStyleless = vue.computed(() => {
       return props2.styleless || form.props.styleless;
@@ -20331,7 +20339,7 @@ var Vc = (function (exports, vue) {
     vue.watch(
       () => formItem.fields?.length,
       async (v) => {
-        if (!isNest.value || !v) return isNestLast.value = false;
+        if (!isNested.value || !v) return isNestedLast.value = false;
         const fields$ = [...vue.toRaw(formItem.fields)];
         const positions = await Promise.all(fields$.map((item) => item.exposed.getPosition()));
         const sortFields = fields$.toSorted((a, b) => {
@@ -20342,7 +20350,7 @@ var Vc = (function (exports, vue) {
           if (aPosition.top != bPosition.top) return aPosition.top - bPosition.top;
           return aPosition.left - bPosition.left;
         });
-        isNestLast.value = sortFields[sortFields.length - 1] === instance;
+        isNestedLast.value = sortFields[sortFields.length - 1] === instance;
       }
     );
     expose({
@@ -20351,9 +20359,9 @@ var Vc = (function (exports, vue) {
       getPosition
     });
     return {
-      isNest,
+      isNested,
       isStyleless,
-      isNestLast,
+      isNestedLast,
       validateMessage,
       classes,
       labelStyle,
@@ -20366,9 +20374,9 @@ var Vc = (function (exports, vue) {
       labelPosition
     };
   };
-  const COMPONENT_NAME$10 = "vc-form-item";
+  const COMPONENT_NAME$11 = "vc-form-item";
   const FormItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$10,
+    name: COMPONENT_NAME$11,
     props: props$K,
     setup(props2, {
       slots,
@@ -20377,7 +20385,7 @@ var Vc = (function (exports, vue) {
       const it = useFormItem(expose);
       const {
         isStyleless,
-        isNest,
+        isNested,
         classes,
         labelStyle,
         contentStyle,
@@ -20388,39 +20396,35 @@ var Vc = (function (exports, vue) {
         showError,
         validateMessage
       } = it;
-      const {
-        label,
-        labelFor
-      } = props2;
       const errorColorClass = "vc-form-item__error";
       return () => {
         if (isStyleless.value) return [slots.default?.(), slots.error?.({
           show: showError.value,
-          nest: isNest.value,
+          nested: isNested.value,
           message: validateMessage.value,
           class: [errorColorClass, ...errorClass.value],
           style: errorStyle.value
         })];
         return vue.createVNode("div", {
           "class": ["vc-form-item", classes.value]
-        }, [(label || slots.label) && vue.createVNode("div", {
+        }, [(props2.label || slots.label) && vue.createVNode("div", {
           "style": labelStyle.value,
           "class": ["vc-form-item__label", ...labelClass.value],
-          "for": labelFor
-        }, [vue.createVNode("label", null, [label || slots.label?.()])]), vue.createVNode("div", {
+          "for": props2.labelFor
+        }, [vue.createVNode("label", null, [props2.label || slots.label?.()])]), vue.createVNode("div", {
           "class": "vc-form-item__wrapper"
         }, [vue.createVNode("div", {
           "class": ["vc-form-item__content", ...contentClass.value],
           "style": contentStyle.value
         }, [slots.default?.(), slots.error ? slots.error({
           show: showError.value,
-          nest: isNest.value,
+          nest: isNested.value,
           message: validateMessage.value,
           class: [errorColorClass, ...errorClass.value],
           style: errorStyle.value
         }) : vue.createVNode(TransitionFade, null, {
           default: () => [vue.withDirectives(vue.createVNode("div", {
-            "class": ["vc-form-item__tip", isNest.value ? "is-nest" : "", errorColorClass, ...errorClass.value],
+            "class": ["vc-form-item__tip", isNested.value ? "is-nested" : "", errorColorClass, ...errorClass.value],
             "style": [errorStyle.value]
           }, [validateMessage.value]), [[vue.vShow, showError.value]])]
         })])])]);
@@ -20438,9 +20442,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$$ = "vcm-form";
+  const COMPONENT_NAME$10 = "vcm-form";
   const MForm = vue.defineComponent({
-    name: COMPONENT_NAME$$,
+    name: COMPONENT_NAME$10,
     props: props$J,
     setup(props2, { slots, expose }) {
       useForm(expose, {
@@ -20467,9 +20471,9 @@ var Vc = (function (exports, vue) {
       default: 12
     }
   };
-  const COMPONENT_NAME$_ = "vcm-form-item";
+  const COMPONENT_NAME$$ = "vcm-form-item";
   const MFormItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$_,
+    name: COMPONENT_NAME$$,
     props: props$I,
     setup(props2, {
       slots,
@@ -20485,41 +20489,36 @@ var Vc = (function (exports, vue) {
         labelClass,
         contentClass,
         errorClass,
-        isNest,
+        isNested,
         showError,
         validateMessage
       } = it;
-      const {
-        label,
-        labelFor,
-        showMessage
-      } = props2;
       const errorColorClass = "vcm-form-item__error";
       return () => {
         if (isStyleless.value) return [slots.default?.(), slots.error?.({
           show: showError.value,
-          nest: isNest.value,
+          nested: isNested.value,
           message: validateMessage.value,
           class: [errorColorClass, ...errorClass.value],
           style: errorStyle.value
         })];
         return vue.createVNode("div", {
           "style": {
-            paddingLeft: `${isNest.value ? 0 : props2.indent}px`
+            paddingLeft: `${isNested.value ? 0 : props2.indent}px`
           },
           "class": [classes.value, "vcm-form-item"]
         }, [vue.createVNode("div", {
           "class": "vcm-form-item__wrapper"
         }, [(props2.label || slots.label) && vue.createVNode("label", {
-          "for": labelFor,
+          "for": props2.labelFor,
           "style": labelStyle.value,
           "class": ["vcm-form-item__label", ...labelClass.value]
-        }, [label || slots.label?.()]), vue.createVNode("div", {
+        }, [props2.label || slots.label?.()]), vue.createVNode("div", {
           "style": contentStyle.value,
           "class": ["vcm-form-item__content", ...contentClass.value]
-        }, [slots.default?.(), showMessage && showError.value && vue.createVNode("div", {
+        }, [slots.default?.(), props2.showMessage && showError.value && vue.createVNode("div", {
           "class": [{
-            "is-nest": isNest.value
+            "is-nested": isNested.value
           }, errorColorClass, ...errorClass.value],
           "style": errorStyle.value
         }, [slots.error ? slots.error({
@@ -20528,9 +20527,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$Z = "vc-fragment";
+  const COMPONENT_NAME$_ = "vc-fragment";
   const Fragment = vue.defineComponent({
-    name: COMPONENT_NAME$Z,
+    name: COMPONENT_NAME$_,
     setup(_, { slots }) {
       return () => vue.h(vue.Fragment, slots.default?.());
     }
@@ -20542,9 +20541,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$Y = "vc-html-to-image";
+  const COMPONENT_NAME$Z = "vc-html-to-image";
   const HTMLToImage = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$Y,
+    name: COMPONENT_NAME$Z,
     props: props$H,
     setup(props2, {
       slots
@@ -20617,7 +20616,7 @@ var Vc = (function (exports, vue) {
     }
   }
   const IMGStore$1 = new IMGStore();
-  const COMPONENT_NAME$X = "vc-image";
+  const COMPONENT_NAME$Y = "vc-image";
   let isSupportObjectFit = false;
   window.addEventListener("DOMContentLoaded", () => {
     isSupportObjectFit = !IS_SERVER$3 && document.documentElement.style.objectFit !== void 0;
@@ -20630,7 +20629,7 @@ var Vc = (function (exports, vue) {
     SCALE_DOWN: "scale-down"
   };
   const Image$1$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$X,
+    name: COMPONENT_NAME$Y,
     inheritAttrs: false,
     props: props$G,
     setup(props2, {
@@ -20838,9 +20837,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$W = "vc-image-crop";
+  const COMPONENT_NAME$X = "vc-image-crop";
   const ImageCrop = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$W,
+    name: COMPONENT_NAME$X,
     props: props$F,
     setup(props2, {
       slots
@@ -20860,9 +20859,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$V = "vc-image-processing";
+  const COMPONENT_NAME$W = "vc-image-processing";
   const ImageProcessing = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$V,
+    name: COMPONENT_NAME$W,
     props: props$E,
     setup(props2, {
       slots
@@ -20875,9 +20874,9 @@ var Vc = (function (exports, vue) {
     }
   });
   const MImageProcessing = ImageProcessing;
-  const COMPONENT_NAME$U = "vcm-input";
+  const COMPONENT_NAME$V = "vcm-input";
   const MInput = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$U,
+    name: COMPONENT_NAME$V,
     inheritAttrs: false,
     props: {
       ...props$1g,
@@ -20964,9 +20963,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$T = "vcm-input-number";
+  const COMPONENT_NAME$U = "vcm-input-number";
   const MInputNumber = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$T,
+    name: COMPONENT_NAME$U,
     props: props$1f,
     inheritAttrs: false,
     setup(props2, {
@@ -21012,9 +21011,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$S = "vcm-input-search";
+  const COMPONENT_NAME$T = "vcm-input-search";
   const MInputSearch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$S,
+    name: COMPONENT_NAME$T,
     props: {
       ...props$1e,
       cancelText: {
@@ -21088,9 +21087,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$R = "vcm-list";
+  const COMPONENT_NAME$S = "vcm-list";
   const MList = vue.defineComponent({
-    name: COMPONENT_NAME$R,
+    name: COMPONENT_NAME$S,
     props: props$D,
     setup(props2, { slots }) {
       vue.provide("vc-list", { props: props2 });
@@ -21141,10 +21140,10 @@ var Vc = (function (exports, vue) {
     // MListItem是否独立存在
     alone: Boolean
   };
-  const COMPONENT_NAME$Q = "vcm-list-item";
+  const COMPONENT_NAME$R = "vcm-list-item";
   const HTTP_REGEX = /[a-zA-z]+:\/\/[^\s]*/;
   const MListItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$Q,
+    name: COMPONENT_NAME$R,
     props: props$C,
     emits: ["click"],
     setup(props2, {
@@ -21228,11 +21227,11 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$P = "vc-marquee";
+  const COMPONENT_NAME$Q = "vc-marquee";
   const ANIMATION = prefixStyle("animation").camel;
   const TRANSFORM_KEBAB = prefixStyle("transform").kebab;
   const Marquee = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$P,
+    name: COMPONENT_NAME$Q,
     props: props$B,
     setup(props2, {
       slots
@@ -21293,9 +21292,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$O = "vc-resizer";
+  const COMPONENT_NAME$P = "vc-resizer";
   const Resizer = vue.defineComponent({
-    name: COMPONENT_NAME$O,
+    name: COMPONENT_NAME$P,
     props: props$A,
     emits: ["resize"],
     setup(props2, { emit, slots, expose }) {
@@ -21454,10 +21453,10 @@ var Vc = (function (exports, vue) {
       type: Function
     }
   };
-  const COMPONENT_NAME$N = "vc-modal";
+  const COMPONENT_NAME$O = "vc-modal";
   let zIndexNumber = 1002;
   const ModalView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$N,
+    name: COMPONENT_NAME$O,
     emits: ["update:modelValue", "close", "portal-fulfilled", "visible-change", "ok", "cancel"],
     props: props$z,
     setup(props2, {
@@ -21847,9 +21846,9 @@ var Vc = (function (exports, vue) {
       type: Function
     }
   };
-  const COMPONENT_NAME$M = "vc-modal";
+  const COMPONENT_NAME$N = "vc-modal";
   const MModalView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$M,
+    name: COMPONENT_NAME$N,
     emits: ["update:modelValue", "portal-fulfilled", "close", "ok", "cancel"],
     props: props$y,
     setup(props2, {
@@ -22044,9 +22043,9 @@ var Vc = (function (exports, vue) {
     // 这个相当于Modal中的onCancel，支持Promise
     onBeforeClose: Function
   };
-  const COMPONENT_NAME$L = "vc-notice";
+  const COMPONENT_NAME$M = "vc-notice";
   const NoticeView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$L,
+    name: COMPONENT_NAME$M,
     props: props$x,
     emits: ["portal-fulfilled", "close", "before-close"],
     setup(props2, {
@@ -22212,9 +22211,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$K = "vc-option";
+  const COMPONENT_NAME$L = "vc-option";
   const Option$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$K,
+    name: COMPONENT_NAME$L,
     props: props$w,
     setup(props2, {
       slots
@@ -22292,9 +22291,9 @@ var Vc = (function (exports, vue) {
       type: [String, Number]
     }
   };
-  const COMPONENT_NAME$J = "vc-tag";
+  const COMPONENT_NAME$K = "vc-tag";
   const Tag = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$J,
+    name: COMPONENT_NAME$K,
     props: props$u,
     emits: ["close", "change"],
     setup(props2, {
@@ -22361,9 +22360,9 @@ var Vc = (function (exports, vue) {
     render: [Function],
     row: Object
   };
-  const COMPONENT_NAME$I = "vc-select-option";
+  const COMPONENT_NAME$J = "vc-select-option";
   const Option = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$I,
+    name: COMPONENT_NAME$J,
     props: props$t,
     setup(props2, {
       slots
@@ -22443,9 +22442,9 @@ var Vc = (function (exports, vue) {
     row: Object,
     render: [Function]
   };
-  const COMPONENT_NAME$H = "vc-select-option-group";
+  const COMPONENT_NAME$I = "vc-select-option-group";
   const OptionGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$H,
+    name: COMPONENT_NAME$I,
     props: props$s,
     setup(props2, {
       slots
@@ -22472,9 +22471,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$G = "vc-select";
+  const COMPONENT_NAME$H = "vc-select";
   const Select = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$G,
+    name: COMPONENT_NAME$H,
     props: props$19,
     emits: ["ready", "close", "visible-change", "clear", "change", "update:modelValue"],
     setup(props2, {
@@ -22735,9 +22734,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$F = "vc-pagination";
+  const COMPONENT_NAME$G = "vc-pagination";
   const Pagination = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$F,
+    name: COMPONENT_NAME$G,
     props: props$v,
     emits: ["update:current", "change", "page-size-change"],
     setup(props2, {
@@ -22928,9 +22927,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$E = "vc-picker";
+  const COMPONENT_NAME$F = "vc-picker";
   const Picker$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$E,
+    name: COMPONENT_NAME$F,
     props: props$r,
     setup(props2, {
       slots
@@ -22988,9 +22987,9 @@ var Vc = (function (exports, vue) {
     width: [String, Number],
     portalClass: [String, Object]
   };
-  const COMPONENT_NAME$D = "vc-popconfirm";
+  const COMPONENT_NAME$E = "vc-popconfirm";
   const Popconfirm = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$D,
+    name: COMPONENT_NAME$E,
     props: props$q,
     inheritAttrs: false,
     emits: ["update:modelValue", "visible-change", "ready", "close", "cancel", "ok"],
@@ -23150,9 +23149,9 @@ var Vc = (function (exports, vue) {
       })
     }
   };
-  const COMPONENT_NAME$C = "vc-popup";
+  const COMPONENT_NAME$D = "vc-popup";
   const MPopup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$C,
+    name: COMPONENT_NAME$D,
     props: props$p,
     emits: ["update:modelValue", "close", "portal-fulfilled", "visible-change"],
     setup(props2, {
@@ -23261,9 +23260,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$B = "vc-print";
+  const COMPONENT_NAME$C = "vc-print";
   const Print = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$B,
+    name: COMPONENT_NAME$C,
     props: props$o,
     setup(props2, {
       expose,
@@ -23353,9 +23352,9 @@ var Vc = (function (exports, vue) {
       })
     }
   };
-  const COMPONENT_NAME$A = "vc-progress-circle";
+  const COMPONENT_NAME$B = "vc-progress-circle";
   const Circle$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$A,
+    name: COMPONENT_NAME$B,
     props: props$n,
     setup(props2, {
       slots
@@ -23412,9 +23411,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$z = "vc-progress-line";
+  const COMPONENT_NAME$A = "vc-progress-line";
   const Line$2 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$z,
+    name: COMPONENT_NAME$A,
     props: props$n,
     setup(props2) {
       const colorStyle = vue.computed(() => {
@@ -23458,9 +23457,9 @@ var Vc = (function (exports, vue) {
   function _isSlot(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$y = "vc-progress";
+  const COMPONENT_NAME$z = "vc-progress";
   const Progress = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$y,
+    name: COMPONENT_NAME$z,
     props: props$n,
     setup(props2, {
       slots
@@ -23561,6 +23560,9 @@ var Vc = (function (exports, vue) {
         "is-error": !!formItem?.message?.value
       };
     });
+    const styles = vue.computed(() => {
+      return {};
+    });
     vue.watch(
       () => props2.modelValue,
       (v) => {
@@ -23601,6 +23603,7 @@ var Vc = (function (exports, vue) {
       isDisabled,
       radioName,
       classes,
+      styles,
       hasGroup,
       checked,
       handleChange,
@@ -23612,15 +23615,16 @@ var Vc = (function (exports, vue) {
       computedLabel
     };
   };
-  const COMPONENT_NAME$x = "vc-radio";
+  const COMPONENT_NAME$y = "vc-radio";
   const Radio = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$x,
+    name: COMPONENT_NAME$y,
     props: props$m,
     emits: ["update:modelValue", "change"],
     setup(props2, {
       slots
     }) {
       const {
+        styles,
         radioName,
         checked,
         classes,
@@ -23631,7 +23635,8 @@ var Vc = (function (exports, vue) {
       } = useRadio();
       return () => {
         return vue.createVNode("label", {
-          "class": [classes.value, "vc-radio"]
+          "class": [classes.value, "vc-radio"],
+          "style": styles.value
         }, [vue.createVNode("span", {
           "class": [{
             "has-sibling": !!(computedLabel.value || slots.default)
@@ -23652,6 +23657,40 @@ var Vc = (function (exports, vue) {
       };
     }
   });
+  const COMPONENT_NAME$x = "vc-radio-button";
+  const RadioButton = /* @__PURE__ */ vue.defineComponent({
+    name: COMPONENT_NAME$x,
+    props: props$m,
+    emits: ["update:modelValue", "change"],
+    setup(props2, {
+      slots
+    }) {
+      const {
+        styles,
+        radioName,
+        checked,
+        classes,
+        computedLabel,
+        handleChange,
+        handleFocus,
+        handleBlur
+      } = useRadio();
+      return () => {
+        return vue.createVNode("label", {
+          "class": [classes.value, "vc-radio-button"],
+          "style": styles.value
+        }, [vue.createVNode("input", {
+          "checked": checked.value,
+          "name": radioName.value,
+          "disabled": props2.disabled,
+          "type": "radio",
+          "onChange": handleChange,
+          "onFocus": handleFocus,
+          "onBlur": handleBlur
+        }, null), slots.default ? slots.default() : computedLabel.value && vue.createVNode("span", null, [computedLabel.value])]);
+      };
+    }
+  });
   const props$l = {
     modelValue: {
       type: [String, Number],
@@ -23749,6 +23788,7 @@ var Vc = (function (exports, vue) {
       slots
     }) {
       const {
+        styles,
         radioName,
         checked,
         classes,
@@ -23759,7 +23799,8 @@ var Vc = (function (exports, vue) {
       } = useRadio();
       return () => {
         return vue.createVNode("label", {
-          "class": [classes.value, "vcm-radio"]
+          "class": [classes.value, "vcm-radio"],
+          "style": styles.value
         }, [vue.createVNode("span", {
           "class": [{
             "has-sibling": !!(computedLabel.value || slots.default)
@@ -23801,6 +23842,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
+  const MRadioButton = MRadio;
   const props$k = {
     modelValue: {
       type: [Number, String],
@@ -31774,8 +31816,8 @@ var Vc = (function (exports, vue) {
     MDropdownMenu,
     Editor: Editor$1,
     MEditor,
-    // EditorView,
-    // MEditorView,
+    EditorView,
+    MEditorView,
     Expand: Expand$1,
     MExpand,
     Form,
@@ -31835,7 +31877,9 @@ var Vc = (function (exports, vue) {
     Progress,
     MProgress,
     Radio,
+    RadioButton,
     MRadio,
+    MRadioButton,
     RadioGroup,
     MRadioGroup,
     Rate,
@@ -31900,8 +31944,8 @@ var Vc = (function (exports, vue) {
     MTransitionCollapse,
     Tree: Tree2,
     MTree,
-    // TreeSelect,
-    // MTreeSelect,
+    TreeSelect,
+    MTreeSelect,
     Upload,
     MUpload,
     UploadPicker,
@@ -132224,6 +132268,7 @@ var Vc = (function (exports, vue) {
   exports.MDropdownItem = MDropdownItem;
   exports.MDropdownMenu = MDropdownMenu;
   exports.MEditor = MEditor;
+  exports.MEditorView = MEditorView;
   exports.MExpand = MExpand;
   exports.MForm = MForm;
   exports.MFormItem = MFormItem;
@@ -132254,6 +132299,7 @@ var Vc = (function (exports, vue) {
   exports.MPrint = MPrint;
   exports.MProgress = MProgress;
   exports.MRadio = MRadio;
+  exports.MRadioButton = MRadioButton;
   exports.MRadioGroup = MRadioGroup;
   exports.MRate = MRate;
   exports.MRecycleList = MRecycleList;
@@ -132305,6 +132351,7 @@ var Vc = (function (exports, vue) {
   exports.Print = Print;
   exports.Progress = Progress;
   exports.Radio = Radio;
+  exports.RadioButton = RadioButton;
   exports.RadioGroup = RadioGroup;
   exports.Rate = Rate;
   exports.RecycleList = RecycleList;