@deot/vc-components 1.0.49 → 1.0.51

package/dist/index.cjs

@@ -110,9 +110,9 @@ const props$1t = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -189,9 +189,9 @@ const isWheel = (el) => {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -531,9 +531,9 @@ const IconManager = new Manager();
 
 /** @jsxImportSource vue */
 
-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(props) {
     const viewBox = vue.ref('0 0 1024 1024');
@@ -732,9 +732,9 @@ const useTransition = () => {
   };
 };
 
-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,
@@ -755,9 +755,9 @@ const Transition = vue.defineComponent({
   }
 });
 
-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,
@@ -876,9 +876,9 @@ const TransitionCollapse = vue.defineComponent({
   }
 });
 
-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
@@ -913,9 +913,9 @@ const TransitionFade = vue.defineComponent({
   }
 });
 
-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: {
@@ -955,9 +955,9 @@ const TransitionScale = vue.defineComponent({
   }
 });
 
-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: {
@@ -997,9 +997,9 @@ const TransitionSlide = vue.defineComponent({
   }
 });
 
-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: {
@@ -1041,7 +1041,7 @@ const TransitionZoom = vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1$ = 'vc-alert';
+const COMPONENT_NAME$20 = 'vc-alert';
 
 // [color, borderColor, backgroundColor], -> CSS
 const THEME_MAP = {
@@ -1051,7 +1051,7 @@ const THEME_MAP = {
   warning: ['#ffbf00', '#ffe58f', '#fffbe6']
 };
 const Alert = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1$,
+  name: COMPONENT_NAME$20,
   props: props$1r,
   setup(props, {
     slots,
@@ -1157,9 +1157,9 @@ const props$1o = {
 /** @jsxImportSource 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(props, {
     emit,
@@ -1387,9 +1387,9 @@ const props$1n = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -1440,9 +1440,9 @@ const props$1m = {
   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中, 这样可以让所有的事件透传
@@ -1516,9 +1516,9 @@ const props$1l = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -1602,9 +1602,9 @@ const props$1k = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -1638,9 +1638,9 @@ const props$1j = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1V = 'vc-calendar';
+const COMPONENT_NAME$1W = 'vc-calendar';
 const Calendar = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1V,
+  name: COMPONENT_NAME$1W,
   props: props$1j,
   setup(props, {
     slots
@@ -1678,9 +1678,9 @@ const props$1i = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -1716,9 +1716,9 @@ const props$1h = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -2012,9 +2012,9 @@ const useNativeEmitter = (input, expose) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1S = 'vc-input';
+const COMPONENT_NAME$1T = 'vc-input';
 const Input = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1S,
+  name: COMPONENT_NAME$1T,
   inheritAttrs: false,
   props: {
     ...props$1g,
@@ -2349,9 +2349,9 @@ const useInputNumber = () => {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -2415,9 +2415,9 @@ const props$1e = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -2810,9 +2810,9 @@ const props$1b = {
   }
 };
 
-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(props, context) {
     return () => vue.h(() => {
@@ -2888,7 +2888,7 @@ class PortalLeaf {
   }
 }
 
-const COMPONENT_NAME$1O = "vc-portal";
+const COMPONENT_NAME$1P = "vc-portal";
 class Portal {
   /**
    * 清理Portals类型组件
@@ -2940,7 +2940,7 @@ class Portal {
     this.wrapper = wrapper;
     this.globalOptions = {
       ...options,
-      name: options?.name || wrapper.name || Utils__namespace.getUid(COMPONENT_NAME$1O)
+      name: options?.name || wrapper.name || Utils__namespace.getUid(COMPONENT_NAME$1P)
     };
   }
   popup(propsData, options) {
@@ -3039,7 +3039,7 @@ class Portal {
       ...rest
     } = options;
     let useAllNodes = fragment;
-    const name = multiple ? `${name$}__${Utils__namespace.getUid(COMPONENT_NAME$1O)}` : name$;
+    const name = multiple ? `${name$}__${Utils__namespace.getUid(COMPONENT_NAME$1P)}` : name$;
     const container = document.createElement(tag);
     const root = typeof el === "object" ? el : document.querySelector(el || "body");
     !alive && Portal.leafs.get(name)?.destroy();
@@ -3074,7 +3074,7 @@ class Portal {
     } else {
       const wrapper = this.wrapper;
       const app = vue.createApp({
-        name: COMPONENT_NAME$1O,
+        name: COMPONENT_NAME$1P,
         parent,
         setup() {
           if (alive) {
@@ -3188,13 +3188,13 @@ const props$1a = {
   }
 };
 
-const COMPONENT_NAME$1N = 'vc-portal-view';
+const COMPONENT_NAME$1O = 'vc-portal-view';
 
 /**
  * 写法不同，但与vue@2.x 保持一致
  */
 const PortalView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1N,
+  name: COMPONENT_NAME$1O,
   props: props$1a,
   setup(props, {
     slots
@@ -3214,9 +3214,9 @@ const PortalView = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -3474,9 +3474,9 @@ const PopoverPortal = new Portal(PopoverWrapper, {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -3620,9 +3620,9 @@ const Popover = Object.assign(Popover$1, {
 
 /** @jsxImportSource vue */
 
-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: {
@@ -3830,9 +3830,9 @@ const props$18 = {
 
 /** @jsxImportSource vue */
 
-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'],
@@ -4185,9 +4185,9 @@ const props$17 = {
 
 /** @jsxImportSource vue */
 
-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, 'ready'],
   setup(props, {
@@ -4419,9 +4419,9 @@ const useCheckbox = () => {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -4508,9 +4508,9 @@ const useCheckboxGroup = () => {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -4528,9 +4528,9 @@ const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -4570,9 +4570,9 @@ const MCheckbox = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -4626,9 +4626,9 @@ const props$14 = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -4877,9 +4877,9 @@ const useClipboard = (done) => {
   return () => vue.h(props.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 }));
@@ -4919,9 +4919,9 @@ const MTransitionZoom = TransitionZoom;
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -5023,9 +5023,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 }));
@@ -5057,9 +5057,9 @@ const props$11 = {
   }
 };
 
-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(props, { slots, emit }) {
@@ -5176,9 +5176,9 @@ const props$$ = {
 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(props, {
     slots
@@ -5208,9 +5208,9 @@ const Expand$1 = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
     slots,
@@ -5285,9 +5285,9 @@ const props$_ = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1w = 'vc-color-picker';
+const COMPONENT_NAME$1x = 'vc-color-picker';
 const ColorPicker = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1w,
+  name: COMPONENT_NAME$1x,
   props: props$_,
   setup(props, {
     slots
@@ -5350,9 +5350,9 @@ const formatter = (format, arr) => {
 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(props, {
@@ -6545,9 +6545,9 @@ const getTimeType = type => {
   }
   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,
@@ -6611,9 +6611,9 @@ const Confirm = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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: {
@@ -6697,9 +6697,9 @@ const DateHeader = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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: {
@@ -6908,9 +6908,9 @@ const DateTable = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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,
@@ -7042,7 +7042,7 @@ const MonthTable = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1q = 'vc-quarter-table';
+const COMPONENT_NAME$1r = 'vc-quarter-table';
 
 /**
  * 获取季度对应的月份范围
@@ -7076,7 +7076,7 @@ const getQuarterRangeByMonth = value => {
   }
 };
 const QuarterTable = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1q,
+  name: COMPONENT_NAME$1r,
   props: {
     value: Array,
     panelDate: Date,
@@ -7199,9 +7199,9 @@ const QuarterTable = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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,
@@ -7241,9 +7241,9 @@ const ShortcutsSelect = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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],
@@ -7523,9 +7523,9 @@ const TimeSelect = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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,
@@ -7648,9 +7648,9 @@ const getDateIsInRange = (value, type, leftPanelDate, rightPanelDate) => {
   }
   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: {
@@ -8029,9 +8029,9 @@ const DateRangePanel = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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,
@@ -8239,9 +8239,9 @@ const isEqualYear$1 = value => {
   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: {
@@ -8416,9 +8416,9 @@ const isEqualYear = value => {
   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: {
@@ -8657,9 +8657,9 @@ const getComparedDate = (leftDate, rightDate) => {
     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(props, {
@@ -8760,9 +8760,9 @@ const TimeRangePanel = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -8818,7 +8818,7 @@ const TimePanel = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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;
@@ -8829,7 +8829,7 @@ const getPanel$1 = type => {
   }
   return DatePanel;
 };
-const DatePicker = createPicker(COMPONENT_NAME$1g, props$Y, () => {
+const DatePicker = createPicker(COMPONENT_NAME$1h, props$Y, () => {
   const props = vue.getCurrentInstance().props;
   const icon = vue.ref('date');
   const panel = vue.shallowRef({});
@@ -8870,9 +8870,9 @@ const props$U = {
 
 /** @jsxImportSource 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(props, {
     slots
@@ -9008,7 +9008,7 @@ const props$R = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1e = 'vc-scroller-track';
+const COMPONENT_NAME$1f = 'vc-scroller-track';
 const BAR_MAP = {
   vertical: {
     scroll: 'scrollTop',
@@ -9028,7 +9028,7 @@ const BAR_MAP = {
   }
 };
 const Track = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1e,
+  name: COMPONENT_NAME$1f,
   props: props$T,
   emits: ['change'],
   inheritAttrs: false,
@@ -9218,9 +9218,9 @@ const Track = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -9454,7 +9454,7 @@ const useScroller = (expose) => {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1c = 'vc-scroller';
+const COMPONENT_NAME$1d = 'vc-scroller';
 
 /**
  * 作为备选方案,目前推荐使用ScrollerWheel
@@ -9465,7 +9465,7 @@ const COMPONENT_NAME$1c = 'vc-scroller';
  * 2. 增加了一层嵌套
  */
 const Scroller = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1c,
+  name: COMPONENT_NAME$1d,
   props: props$R,
   emits: ['scroll'],
   setup(props, {
@@ -9526,7 +9526,7 @@ const Scroller = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$1b = 'vc-scroller-wheel';
+const COMPONENT_NAME$1c = 'vc-scroller-wheel';
 
 /**
  * 为减少一层嵌套，为去除滚动bar的抖动，使用wheel模拟
@@ -9548,7 +9548,7 @@ const COMPONENT_NAME$1b = 'vc-scroller-wheel';
  * 设置scrollTop不会reflow和repaint，不需要考虑transfrom来改变content（transform也只在draw完成）
  */
 const ScrollerWheel = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$1b,
+  name: COMPONENT_NAME$1c,
   props: Object.assign({}, props$R, {
     stopPropagation: {
       type: Boolean,
@@ -9737,9 +9737,9 @@ const props$Q = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -9928,9 +9928,9 @@ const props$P = {
 
 /** @jsxImportSource vue */
 
-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'],
@@ -10000,9 +10000,9 @@ const Dropdown = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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
   }) {
@@ -10016,9 +10016,9 @@ const DropdownMenu = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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],
@@ -10232,9 +10232,9 @@ const defaults = {
 
 /** @jsxImportSource vue */
 
-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
@@ -10440,9 +10440,9 @@ const props$O = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -10629,9 +10629,9 @@ const props$N = {
   }
 };
 
-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",
@@ -11167,9 +11167,9 @@ const props$M = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$13 = 'vc-editor';
+const COMPONENT_NAME$14 = 'vc-editor';
 const Editor = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$13,
+  name: COMPONENT_NAME$14,
   props: props$M,
   emits: ['ready', 'blur', 'focus', 'input', 'update:modelValue', 'change'],
   setup(props, {
@@ -11357,7 +11357,7 @@ const Editor = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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;
@@ -11375,7 +11375,7 @@ const setImages = v => {
   return;
 };
 const EditorView = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$12,
+  name: COMPONENT_NAME$13,
   props: {
     value: {
       type: String,
@@ -11445,6 +11445,7 @@ const EditorView = /* @__PURE__ */ vue.defineComponent({
 });
 
 const MEditor = Editor;
+const MEditorView = EditorView;
 
 const MExpand = Expand$1;
 
@@ -11589,9 +11590,9 @@ const useForm = (expose, options = {}) => {
   });
 };
 
-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(props, { slots, expose }) {
     useForm(expose);
@@ -11699,9 +11700,7 @@ const useFormItem = (expose) => {
     return formItemRules;
   });
   const isRequired = vue.computed(() => {
-    if (!currentRules.value.length) {
-      return !!props.required;
-    }
+    if (props.required) return !!props.required;
     let required = false;
     for (let i = 0; i < currentRules.value.length; i++) {
       const rule = currentRules.value[i];
@@ -11941,9 +11940,9 @@ const useFormItem = (expose) => {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots,
@@ -12011,9 +12010,9 @@ const props$J = {
   }
 };
 
-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(props, { slots, expose }) {
     useForm(expose, {
@@ -12044,9 +12043,9 @@ const props$I = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots,
@@ -12101,9 +12100,9 @@ const MFormItem = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-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?.());
   }
@@ -12120,9 +12119,9 @@ const props$H = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -12202,7 +12201,7 @@ const IMGStore$1 = new IMGStore();
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$X = 'vc-image';
+const COMPONENT_NAME$Y = 'vc-image';
 let isSupportObjectFit = false;
 window.addEventListener('DOMContentLoaded', () => {
   isSupportObjectFit = !vcShared.IS_SERVER && document.documentElement.style.objectFit !== undefined;
@@ -12215,7 +12214,7 @@ const ObjectFit = {
   SCALE_DOWN: 'scale-down'
 };
 const Image$1 = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$X,
+  name: COMPONENT_NAME$Y,
   inheritAttrs: false,
   props: props$G,
   setup(props, {
@@ -12432,9 +12431,9 @@ const props$F = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -12460,9 +12459,9 @@ const props$E = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -12479,9 +12478,9 @@ const MImageProcessing = ImageProcessing;
 
 /** @jsxImportSource vue */
 
-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,
@@ -12570,9 +12569,9 @@ const MInput = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -12621,9 +12620,9 @@ const MInputNumber = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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: {
@@ -12700,9 +12699,9 @@ const props$D = {
   }
 };
 
-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(props, { slots }) {
     vue.provide("vc-list", { props });
@@ -12757,10 +12756,10 @@ const props$C = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -12854,11 +12853,11 @@ const props$B = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -12926,9 +12925,9 @@ const props$A = {
   }
 };
 
-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(props, { emit, slots, expose }) {
@@ -13091,10 +13090,10 @@ const props$z = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -13533,9 +13532,9 @@ const props$y = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -13747,9 +13746,9 @@ const props$x = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -13922,9 +13921,9 @@ const props$w = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -14008,9 +14007,9 @@ const props$u = {
 
 /** @jsxImportSource vue */
 
-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(props, {
@@ -14081,9 +14080,9 @@ const props$t = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -14169,9 +14168,9 @@ const props$s = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     slots
@@ -14201,9 +14200,9 @@ const OptionGroup = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -14477,9 +14476,9 @@ const Select = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource 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(props, {
@@ -14677,9 +14676,9 @@ const props$r = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$E = 'vc-picker';
+const COMPONENT_NAME$F = 'vc-picker';
 const Picker = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$E,
+  name: COMPONENT_NAME$F,
   props: props$r,
   setup(props, {
     slots
@@ -14742,9 +14741,9 @@ const props$q = {
 
 /** @jsxImportSource vue */
 
-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'],
@@ -14912,9 +14911,9 @@ const props$p = {
 
 /** @jsxImportSource 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(props, {
@@ -15041,9 +15040,9 @@ const props$o = {
 
 /** @jsxImportSource vue */
 
-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(props, {
     expose,
@@ -15145,9 +15144,9 @@ const props$n = {
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$A = 'vc-progress-circle';
+const COMPONENT_NAME$B = 'vc-progress-circle';
 const Circle = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$A,
+  name: COMPONENT_NAME$B,
   props: props$n,
   setup(props, {
     slots
@@ -15207,9 +15206,9 @@ const Circle = /* @__PURE__ */ vue.defineComponent({
 
 /** @jsxImportSource vue */
 
-const COMPONENT_NAME$z = 'vc-progress-line';
+const COMPONENT_NAME$A = 'vc-progress-line';
 const Line = /* @__PURE__ */ vue.defineComponent({
-  name: COMPONENT_NAME$z,
+  name: COMPONENT_NAME$A,
   props: props$n,
   setup(props) {
     const colorStyle = vue.computed(() => {
@@ -15256,9 +15255,9 @@ const Line = /* @__PURE__ */ vue.defineComponent({
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 }
-const COMPONENT_NAME$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(props, {
     slots
@@ -15362,6 +15361,9 @@ const useRadio = () => {
       "is-error": !!formItem?.message?.value
     };
   });
+  const styles = vue.computed(() => {
+    return {};
+  });
   vue.watch(
     () => props.modelValue,
     (v) => {
@@ -15402,6 +15404,7 @@ const useRadio = () => {
     isDisabled,
     radioName,
     classes,
+    styles,
     hasGroup,
     checked,
     handleChange,
@@ -15416,26 +15419,29 @@ const useRadio = () => {
 
 /** @jsxImportSource vue */
 
-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(props, {
     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)
@@ -15447,7 +15453,7 @@ const Radio = /* @__PURE__ */ vue.defineComponent({
       }, null)]), vue.createVNode("input", {
         "checked": checked.value,
         "name": radioName.value,
-        "disabled": props.disabled,
+        "disabled": isDisabled.value,
         "type": "radio",
         "onChange": handleChange,
         "onFocus": handleFocus,
@@ -15457,6 +15463,51 @@ const Radio = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
+/** @jsxImportSource vue */
+
+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(props, {
+    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": [props.labelClass, 'vc-radio-button__label'],
+        "style": props.labelStyle
+      }, [slots.default ? slots.default() : computedLabel.value || ''])]);
+    };
+  }
+});
+
 const props$l = {
   modelValue: {
     type: [String, Number],
@@ -15561,17 +15612,20 @@ const MRadio = /* @__PURE__ */ vue.defineComponent({
     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)
@@ -15583,7 +15637,7 @@ const MRadio = /* @__PURE__ */ vue.defineComponent({
       }, null)]), vue.createVNode("input", {
         "checked": checked.value,
         "name": radioName.value,
-        "disabled": props.disabled,
+        "disabled": isDisabled.value,
         "type": "radio",
         "onChange": handleChange,
         "onFocus": handleFocus,
@@ -15617,6 +15671,8 @@ const MRadioGroup = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
+const MRadioButton = MRadio;
+
 const props$k = {
   modelValue: {
     type: [Number, String],
@@ -23946,6 +24002,7 @@ exports.MDropdown = MDropdown;
 exports.MDropdownItem = MDropdownItem;
 exports.MDropdownMenu = MDropdownMenu;
 exports.MEditor = MEditor;
+exports.MEditorView = MEditorView;
 exports.MExpand = MExpand;
 exports.MForm = MForm;
 exports.MFormItem = MFormItem;
@@ -23976,6 +24033,7 @@ exports.MPortal = MPortal;
 exports.MPrint = MPrint;
 exports.MProgress = MProgress;
 exports.MRadio = MRadio;
+exports.MRadioButton = MRadioButton;
 exports.MRadioGroup = MRadioGroup;
 exports.MRate = MRate;
 exports.MRecycleList = MRecycleList;
@@ -24027,6 +24085,7 @@ exports.PortalView = PortalView;
 exports.Print = Print;
 exports.Progress = Progress;
 exports.Radio = Radio;
+exports.RadioButton = RadioButton;
 exports.RadioGroup = RadioGroup;
 exports.Rate = Rate;
 exports.RecycleList = RecycleList;