@deot/vc 1.0.49 → 1.0.51

package/dist/index.umd.cjs

@@ -9137,9 +9137,9 @@
       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
@@ -9210,9 +9210,9 @@
   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, {
@@ -9541,9 +9541,9 @@
     }
   }
   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");
@@ -9739,9 +9739,9 @@
       }
     };
   };
-  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,
@@ -9761,9 +9761,9 @@
       };
     }
   });
-  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,
@@ -9881,9 +9881,9 @@
       };
     }
   });
-  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
@@ -9917,9 +9917,9 @@
       };
     }
   });
-  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: {
@@ -9958,9 +9958,9 @@
       };
     }
   });
-  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: {
@@ -9999,9 +9999,9 @@
       };
     }
   });
-  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: {
@@ -10040,7 +10040,7 @@
       };
     }
   });
-  const COMPONENT_NAME$1$ = "vc-alert";
+  const COMPONENT_NAME$20 = "vc-alert";
   const THEME_MAP = {
     info: ["#456CF6", "#91d5ff", "#e6f7ff"],
     success: ["#52c41a", "#b7eb8f", "#f6ffed"],
@@ -10048,7 +10048,7 @@
     warning: ["#ffbf00", "#ffe58f", "#fffbe6"]
   };
   const Alert = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1$,
+    name: COMPONENT_NAME$20,
     props: props$1r,
     setup(props2, {
       slots,
@@ -10148,9 +10148,9 @@
     }
   };
   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,
@@ -10347,9 +10347,9 @@
       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
@@ -10398,9 +10398,9 @@
     },
     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中, 这样可以让所有的事件透传
@@ -10470,9 +10470,9 @@
       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, {
@@ -10552,9 +10552,9 @@
       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
@@ -10583,9 +10583,9 @@
       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
@@ -10618,9 +10618,9 @@
       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
@@ -10651,9 +10651,9 @@
       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
@@ -10938,9 +10938,9 @@
     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,
@@ -11271,9 +11271,9 @@
       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, {
@@ -11333,9 +11333,9 @@
       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, {
@@ -11723,9 +11723,9 @@
       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(() => {
@@ -11798,7 +11798,7 @@
       return this.target.finally(callback);
     }
   }
-  const COMPONENT_NAME$1O = "vc-portal";
+  const COMPONENT_NAME$1P = "vc-portal";
   class Portal {
     /**
      * 清理Portals类型组件
@@ -11850,7 +11850,7 @@
       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) {
@@ -11949,7 +11949,7 @@
         ...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();
@@ -11984,7 +11984,7 @@
       } else {
         const wrapper = this.wrapper;
         const app = vue.createApp({
-          name: COMPONENT_NAME$1O,
+          name: COMPONENT_NAME$1P,
           parent,
           setup() {
             if (alive) {
@@ -12096,9 +12096,9 @@
       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
@@ -12112,9 +12112,9 @@
       };
     }
   });
-  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, {
@@ -12336,9 +12336,9 @@
   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, {
@@ -12466,9 +12466,9 @@
   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: {
@@ -12671,9 +12671,9 @@
       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"],
@@ -12962,9 +12962,9 @@
     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, {
@@ -13186,9 +13186,9 @@
       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, {
@@ -13270,9 +13270,9 @@
       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, {
@@ -13287,9 +13287,9 @@
       };
     }
   });
-  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, {
@@ -13326,9 +13326,9 @@
       };
     }
   });
-  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, {
@@ -13378,9 +13378,9 @@
     // 这个相当于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, {
@@ -13623,9 +13623,9 @@
     };
     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 }));
@@ -13657,9 +13657,9 @@
   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, {
@@ -13758,9 +13758,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$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 }));
@@ -13789,9 +13789,9 @@
       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 }) {
@@ -13903,9 +13903,9 @@
   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
@@ -13932,9 +13932,9 @@
       };
     }
   });
-  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,
@@ -14004,9 +14004,9 @@
       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
@@ -14063,9 +14063,9 @@
   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, {
@@ -15238,9 +15238,9 @@
     }
     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,
@@ -15301,9 +15301,9 @@
       };
     }
   });
-  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: {
@@ -15384,9 +15384,9 @@
       };
     }
   });
-  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: {
@@ -15586,9 +15586,9 @@
       };
     }
   });
-  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,
@@ -15714,7 +15714,7 @@
       };
     }
   });
-  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];
@@ -15741,7 +15741,7 @@
     }
   };
   const QuarterTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1q,
+    name: COMPONENT_NAME$1r,
     props: {
       value: Array,
       panelDate: Date,
@@ -15859,9 +15859,9 @@
       };
     }
   });
-  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,
@@ -15898,9 +15898,9 @@
       };
     }
   });
-  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],
@@ -16176,9 +16176,9 @@
       };
     }
   });
-  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,
@@ -16294,9 +16294,9 @@
     }
     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: {
@@ -16657,9 +16657,9 @@
       };
     }
   });
-  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,
@@ -16858,9 +16858,9 @@
     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: {
@@ -17030,9 +17030,9 @@
     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: {
@@ -17263,9 +17263,9 @@
       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, {
@@ -17363,9 +17363,9 @@
       };
     }
   });
-  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, {
@@ -17417,7 +17417,7 @@
       };
     }
   });
-  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;
@@ -17428,7 +17428,7 @@
     }
     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({});
@@ -17464,9 +17464,9 @@
       }
     }
   };
-  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
@@ -17595,7 +17595,7 @@
     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",
@@ -17615,7 +17615,7 @@
     }
   };
   const Track$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1e,
+    name: COMPONENT_NAME$1f,
     props: props$T,
     emits: ["change"],
     inheritAttrs: false,
@@ -17777,9 +17777,9 @@
       };
     }
   });
-  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, {
@@ -18009,9 +18009,9 @@
       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, {
@@ -18069,9 +18069,9 @@
       };
     }
   });
-  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,
@@ -18252,9 +18252,9 @@
       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, {
@@ -18426,9 +18426,9 @@
       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"],
@@ -18491,9 +18491,9 @@
       };
     }
   });
-  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
     }) {
@@ -18504,9 +18504,9 @@
       };
     }
   });
-  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],
@@ -18714,9 +18714,9 @@
       ["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
@@ -18914,9 +18914,9 @@
       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
@@ -19098,9 +19098,9 @@
       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",
@@ -19625,9 +19625,9 @@
       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, {
@@ -19807,7 +19807,7 @@
       };
     }
   });
-  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;
@@ -19824,7 +19824,7 @@
     return;
   };
   const EditorView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$12,
+    name: COMPONENT_NAME$13,
     props: {
       value: {
         type: String,
@@ -19891,6 +19891,7 @@
     }
   });
   const MEditor = Editor$1;
+  const MEditorView = EditorView;
   const MExpand = Expand$1;
   const props$L = {
     tag: {
@@ -20031,9 +20032,9 @@
       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);
@@ -20139,9 +20140,7 @@
       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];
@@ -20378,9 +20377,9 @@
       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,
@@ -20446,9 +20445,9 @@
       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, {
@@ -20475,9 +20474,9 @@
       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,
@@ -20531,9 +20530,9 @@
       };
     }
   });
-  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?.());
     }
@@ -20545,9 +20544,9 @@
       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
@@ -20620,7 +20619,7 @@
     }
   }
   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;
@@ -20633,7 +20632,7 @@
     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, {
@@ -20841,9 +20840,9 @@
       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
@@ -20863,9 +20862,9 @@
       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
@@ -20878,9 +20877,9 @@
     }
   });
   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,
@@ -20967,9 +20966,9 @@
       };
     }
   });
-  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, {
@@ -21015,9 +21014,9 @@
       };
     }
   });
-  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: {
@@ -21091,9 +21090,9 @@
       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 });
@@ -21144,10 +21143,10 @@
     // 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, {
@@ -21231,11 +21230,11 @@
       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
@@ -21296,9 +21295,9 @@
       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 }) {
@@ -21457,10 +21456,10 @@
       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, {
@@ -21850,9 +21849,9 @@
       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, {
@@ -22047,9 +22046,9 @@
     // 这个相当于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, {
@@ -22215,9 +22214,9 @@
       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
@@ -22295,9 +22294,9 @@
       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, {
@@ -22364,9 +22363,9 @@
     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
@@ -22446,9 +22445,9 @@
     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
@@ -22475,9 +22474,9 @@
       };
     }
   });
-  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, {
@@ -22738,9 +22737,9 @@
       };
     }
   });
-  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, {
@@ -22931,9 +22930,9 @@
       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
@@ -22991,9 +22990,9 @@
     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"],
@@ -23153,9 +23152,9 @@
       })
     }
   };
-  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, {
@@ -23264,9 +23263,9 @@
       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,
@@ -23356,9 +23355,9 @@
       })
     }
   };
-  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
@@ -23415,9 +23414,9 @@
       };
     }
   });
-  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(() => {
@@ -23461,9 +23460,9 @@
   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
@@ -23564,6 +23563,9 @@
         "is-error": !!formItem?.message?.value
       };
     });
+    const styles = vue.computed(() => {
+      return {};
+    });
     vue.watch(
       () => props2.modelValue,
       (v) => {
@@ -23604,6 +23606,7 @@
       isDisabled,
       radioName,
       classes,
+      styles,
       hasGroup,
       checked,
       handleChange,
@@ -23615,26 +23618,29 @@
       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,
         computedLabel,
+        isDisabled,
         handleChange,
         handleFocus,
         handleBlur
       } = 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)
@@ -23646,7 +23652,7 @@
         }, null)]), vue.createVNode("input", {
           "checked": checked.value,
           "name": radioName.value,
-          "disabled": props2.disabled,
+          "disabled": isDisabled.value,
           "type": "radio",
           "onChange": handleChange,
           "onFocus": handleFocus,
@@ -23655,6 +23661,48 @@
       };
     }
   });
+  const COMPONENT_NAME$x = "vc-radio-button";
+  const RadioButton = /* @__PURE__ */ vue.defineComponent({
+    name: COMPONENT_NAME$x,
+    props: {
+      ...props$m,
+      labelStyle: [String, Object],
+      labelClass: [String, Object]
+    },
+    emits: ["update:modelValue", "change"],
+    setup(props2, {
+      slots
+    }) {
+      const {
+        styles,
+        radioName,
+        checked,
+        classes,
+        computedLabel,
+        isDisabled,
+        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": isDisabled.value,
+          "type": "radio",
+          "onChange": handleChange,
+          "onFocus": handleFocus,
+          "onBlur": handleBlur
+        }, null), vue.createVNode("span", {
+          "class": [props2.labelClass, "vc-radio-button__label"],
+          "style": props2.labelStyle
+        }, [slots.default ? slots.default() : computedLabel.value || ""])]);
+      };
+    }
+  });
   const props$l = {
     modelValue: {
       type: [String, Number],
@@ -23752,17 +23800,20 @@
       slots
     }) {
       const {
+        styles,
         radioName,
         checked,
         classes,
         computedLabel,
+        isDisabled,
         handleChange,
         handleFocus,
         handleBlur
       } = 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)
@@ -23774,7 +23825,7 @@
         }, null)]), vue.createVNode("input", {
           "checked": checked.value,
           "name": radioName.value,
-          "disabled": props2.disabled,
+          "disabled": isDisabled.value,
           "type": "radio",
           "onChange": handleChange,
           "onFocus": handleFocus,
@@ -23804,6 +23855,7 @@
       };
     }
   });
+  const MRadioButton = MRadio;
   const props$k = {
     modelValue: {
       type: [Number, String],
@@ -31777,8 +31829,8 @@
     MDropdownMenu,
     Editor: Editor$1,
     MEditor,
-    // EditorView,
-    // MEditorView,
+    EditorView,
+    MEditorView,
     Expand: Expand$1,
     MExpand,
     Form,
@@ -31838,7 +31890,9 @@
     Progress,
     MProgress,
     Radio,
+    RadioButton,
     MRadio,
+    MRadioButton,
     RadioGroup,
     MRadioGroup,
     Rate,
@@ -31903,8 +31957,8 @@
     MTransitionCollapse,
     Tree: Tree2,
     MTree,
-    // TreeSelect,
-    // MTreeSelect,
+    TreeSelect,
+    MTreeSelect,
     Upload,
     MUpload,
     UploadPicker,
@@ -132227,6 +132281,7 @@
   exports.MDropdownItem = MDropdownItem;
   exports.MDropdownMenu = MDropdownMenu;
   exports.MEditor = MEditor;
+  exports.MEditorView = MEditorView;
   exports.MExpand = MExpand;
   exports.MForm = MForm;
   exports.MFormItem = MFormItem;
@@ -132257,6 +132312,7 @@
   exports.MPrint = MPrint;
   exports.MProgress = MProgress;
   exports.MRadio = MRadio;
+  exports.MRadioButton = MRadioButton;
   exports.MRadioGroup = MRadioGroup;
   exports.MRate = MRate;
   exports.MRecycleList = MRecycleList;
@@ -132308,6 +132364,7 @@
   exports.Print = Print;
   exports.Progress = Progress;
   exports.Radio = Radio;
+  exports.RadioButton = RadioButton;
   exports.RadioGroup = RadioGroup;
   exports.Rate = Rate;
   exports.RecycleList = RecycleList;