npm - @deot/vc-components - Versions diffs - 1.0.49 → 1.0.51 - Mend

@deot/vc-components 1.0.49 → 1.0.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.js CHANGED Viewed

@@ -88,9 +88,9 @@ const props$1t = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$28 = 'vc-action-sheet';
+const COMPONENT_NAME$29 = 'vc-action-sheet';
 const ActionSheet = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$28,
+  name: COMPONENT_NAME$29,
   props: props$1t,
   setup(props, {
     slots
@@ -167,9 +167,9 @@ const isWheel = (el) => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$27 = 'vc-affix';
+const COMPONENT_NAME$28 = 'vc-affix';
 const Affix = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$27,
+  name: COMPONENT_NAME$28,
   emits: ['update:modelValue'],
   props: props$1s,
   setup(props, {
@@ -509,9 +509,9 @@ const IconManager = new Manager();
 /** @jsxImportSource vue */
-const COMPONENT_NAME$26 = 'vc-icon';
+const COMPONENT_NAME$27 = 'vc-icon';
 const Icon = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$26,
+  name: COMPONENT_NAME$27,
   props: props$1q,
   setup(props) {
     const viewBox = ref('0 0 1024 1024');
@@ -710,9 +710,9 @@ const useTransition = () => {
   };
 };
-const COMPONENT_NAME$25 = "vc-transition";
+const COMPONENT_NAME$26 = "vc-transition";
 const Transition = defineComponent({
-  name: COMPONENT_NAME$25,
+  name: COMPONENT_NAME$26,
   props: props$1p,
   // 当不声明emits的情况下，事件存在于attrs中
   inheritAttrs: false,
@@ -733,9 +733,9 @@ const Transition = defineComponent({
   }
 });
-const COMPONENT_NAME$24 = "vc-transition-collapse";
+const COMPONENT_NAME$25 = "vc-transition-collapse";
 const TransitionCollapse = defineComponent({
-  name: COMPONENT_NAME$24,
+  name: COMPONENT_NAME$25,
   props: props$1p,
   // 当不声明emits的情况下，事件存在于attrs中
   inheritAttrs: false,
@@ -854,9 +854,9 @@ const TransitionCollapse = defineComponent({
   }
 });
-const COMPONENT_NAME$23 = "vc-transition-fade";
+const COMPONENT_NAME$24 = "vc-transition-fade";
 const TransitionFade = defineComponent({
-  name: COMPONENT_NAME$23,
+  name: COMPONENT_NAME$24,
   props: {
     ...props$1p,
     // inheritAttrs必须是false
@@ -891,9 +891,9 @@ const TransitionFade = defineComponent({
   }
 });
-const COMPONENT_NAME$22 = "vc-transition-scale";
+const COMPONENT_NAME$23 = "vc-transition-scale";
 const TransitionScale = defineComponent({
-  name: COMPONENT_NAME$22,
+  name: COMPONENT_NAME$23,
   props: {
     ...props$1p,
     mode: {
@@ -933,9 +933,9 @@ const TransitionScale = defineComponent({
   }
 });
-const COMPONENT_NAME$21 = "vc-transition-slide";
+const COMPONENT_NAME$22 = "vc-transition-slide";
 const TransitionSlide = defineComponent({
-  name: COMPONENT_NAME$21,
+  name: COMPONENT_NAME$22,
   props: {
     ...props$1p,
     mode: {
@@ -975,9 +975,9 @@ const TransitionSlide = defineComponent({
   }
 });
-const COMPONENT_NAME$20 = "vc-transition-zoom";
+const COMPONENT_NAME$21 = "vc-transition-zoom";
 const TransitionZoom = defineComponent({
-  name: COMPONENT_NAME$20,
+  name: COMPONENT_NAME$21,
   props: {
     ...props$1p,
     mode: {
@@ -1019,7 +1019,7 @@ const TransitionZoom = defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1$ = 'vc-alert';
+const COMPONENT_NAME$20 = 'vc-alert';
 // [color, borderColor, backgroundColor], -> CSS
 const THEME_MAP = {
@@ -1029,7 +1029,7 @@ const THEME_MAP = {
   warning: ['#ffbf00', '#ffe58f', '#fffbe6']
 };
 const Alert = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1$,
+  name: COMPONENT_NAME$20,
   props: props$1r,
   setup(props, {
     slots,
@@ -1135,9 +1135,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__ */ defineComponent({
-  name: COMPONENT_NAME$1_,
+  name: COMPONENT_NAME$1$,
   props: props$1o,
   setup(props, {
     emit,
@@ -1365,9 +1365,9 @@ const props$1n = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1Z = 'vc-spin';
+const COMPONENT_NAME$1_ = 'vc-spin';
 const Spin = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1Z,
+  name: COMPONENT_NAME$1_,
   props: props$1n,
   setup(props, {
     slots
@@ -1418,9 +1418,9 @@ const props$1m = {
   exclude: RegExp
 };
-const COMPONENT_NAME$1Y = "vc-debounce";
+const COMPONENT_NAME$1Z = "vc-debounce";
 const Debounce = defineComponent({
-  name: COMPONENT_NAME$1Y,
+  name: COMPONENT_NAME$1Z,
   props: props$1m,
   /**
    * 不声明emits使得事件被透传放入attrs中, 这样可以让所有的事件透传
@@ -1494,9 +1494,9 @@ const props$1l = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1X = 'vc-button';
+const COMPONENT_NAME$1Y = 'vc-button';
 const Button = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1X,
+  name: COMPONENT_NAME$1Y,
   emits: ['click'],
   props: props$1l,
   setup(props, {
@@ -1580,9 +1580,9 @@ const props$1k = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1W = 'vc-button-group';
+const COMPONENT_NAME$1X = 'vc-button-group';
 const ButtonGroup = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1W,
+  name: COMPONENT_NAME$1X,
   props: props$1k,
   setup(props, {
     slots
@@ -1616,9 +1616,9 @@ const props$1j = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1V = 'vc-calendar';
+const COMPONENT_NAME$1W = 'vc-calendar';
 const Calendar = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1V,
+  name: COMPONENT_NAME$1W,
   props: props$1j,
   setup(props, {
     slots
@@ -1656,9 +1656,9 @@ const props$1i = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1U = 'vc-card';
+const COMPONENT_NAME$1V = 'vc-card';
 const Card = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1U,
+  name: COMPONENT_NAME$1V,
   props: props$1i,
   setup(props, {
     slots
@@ -1694,9 +1694,9 @@ const props$1h = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1T = 'vc-carousel';
+const COMPONENT_NAME$1U = 'vc-carousel';
 const Carousel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1T,
+  name: COMPONENT_NAME$1U,
   props: props$1h,
   setup(props, {
     slots
@@ -1990,9 +1990,9 @@ const useNativeEmitter = (input, expose) => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1S = 'vc-input';
+const COMPONENT_NAME$1T = 'vc-input';
 const Input = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1S,
+  name: COMPONENT_NAME$1T,
   inheritAttrs: false,
   props: {
     ...props$1g,
@@ -2327,9 +2327,9 @@ const useInputNumber = () => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1R = 'vc-input-number';
+const COMPONENT_NAME$1S = 'vc-input-number';
 const InputNumber = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1R,
+  name: COMPONENT_NAME$1S,
   props: props$1f,
   inheritAttrs: false,
   setup(props, {
@@ -2393,9 +2393,9 @@ const props$1e = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1Q = 'vc-input-search';
+const COMPONENT_NAME$1R = 'vc-input-search';
 const InputSearch = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1Q,
+  name: COMPONENT_NAME$1R,
   props: props$1e,
   inheritAttrs: false,
   setup(props, {
@@ -2788,9 +2788,9 @@ const props$1b = {
   }
 };
-const COMPONENT_NAME$1P = "vc-customer";
+const COMPONENT_NAME$1Q = "vc-customer";
 const Customer = defineComponent({
-  name: COMPONENT_NAME$1P,
+  name: COMPONENT_NAME$1Q,
   props: props$1b,
   setup(props, context) {
     return () => h(() => {
@@ -2866,7 +2866,7 @@ class PortalLeaf {
   }
 }
-const COMPONENT_NAME$1O = "vc-portal";
+const COMPONENT_NAME$1P = "vc-portal";
 class Portal {
   /**
    * 清理Portals类型组件
@@ -2918,7 +2918,7 @@ class Portal {
     this.wrapper = wrapper;
     this.globalOptions = {
       ...options,
-      name: options?.name || wrapper.name || Utils.getUid(COMPONENT_NAME$1O)
+      name: options?.name || wrapper.name || Utils.getUid(COMPONENT_NAME$1P)
     };
   }
   popup(propsData, options) {
@@ -3017,7 +3017,7 @@ class Portal {
       ...rest
     } = options;
     let useAllNodes = fragment;
-    const name = multiple ? `${name$}__${Utils.getUid(COMPONENT_NAME$1O)}` : name$;
+    const name = multiple ? `${name$}__${Utils.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();
@@ -3052,7 +3052,7 @@ class Portal {
     } else {
       const wrapper = this.wrapper;
       const app = createApp({
-        name: COMPONENT_NAME$1O,
+        name: COMPONENT_NAME$1P,
         parent,
         setup() {
           if (alive) {
@@ -3166,13 +3166,13 @@ const props$1a = {
   }
 };
-const COMPONENT_NAME$1N = 'vc-portal-view';
+const COMPONENT_NAME$1O = 'vc-portal-view';
 /**
  * 写法不同，但与vue@2.x 保持一致
  */
 const PortalView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1N,
+  name: COMPONENT_NAME$1O,
   props: props$1a,
   setup(props, {
     slots
@@ -3192,9 +3192,9 @@ const PortalView = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1M = 'vc-popover-wrapper';
+const COMPONENT_NAME$1N = 'vc-popover-wrapper';
 const PopoverWrapper = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1M,
+  name: COMPONENT_NAME$1N,
   props: props$1d,
   emits: ['portal-fulfilled', 'close'],
   setup(props, {
@@ -3452,9 +3452,9 @@ const PopoverPortal = new Portal(PopoverWrapper, {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1L = 'vc-popover';
+const COMPONENT_NAME$1M = 'vc-popover';
 const Popover$1 = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1L,
+  name: COMPONENT_NAME$1M,
   props: props$1c,
   emits: ['update:modelValue', 'visible-change', 'ready', 'close'],
   setup(props, {
@@ -3598,9 +3598,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__ */ defineComponent({
-  name: COMPONENT_NAME$1K,
+  name: COMPONENT_NAME$1L,
   emits: ['click', 'change'],
   props: {
     data: {
@@ -3808,9 +3808,9 @@ const props$18 = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1J = 'vc-cascader';
+const COMPONENT_NAME$1K = 'vc-cascader';
 const Cascader = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1J,
+  name: COMPONENT_NAME$1K,
   inheritAttrs: false,
   props: props$18,
   emits: ['update:modelValue', 'visible-change', 'ready', 'change', 'close'],
@@ -4163,9 +4163,9 @@ const props$17 = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1I = 'vc-chart';
+const COMPONENT_NAME$1J = 'vc-chart';
 const Chart = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1I,
+  name: COMPONENT_NAME$1J,
   props: props$17,
   emits: [...EVENTS, 'ready'],
   setup(props, {
@@ -4397,9 +4397,9 @@ const useCheckbox = () => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1H = 'vc-checkbox';
+const COMPONENT_NAME$1I = 'vc-checkbox';
 const Checkbox = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1H,
+  name: COMPONENT_NAME$1I,
   props: props$16,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -4486,9 +4486,9 @@ const useCheckboxGroup = () => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1G = 'vc-checkbox-group';
+const COMPONENT_NAME$1H = 'vc-checkbox-group';
 const CheckboxGroup = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1G,
+  name: COMPONENT_NAME$1H,
   props: props$15,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -4506,9 +4506,9 @@ const CheckboxGroup = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1F = 'vcm-checkbox';
+const COMPONENT_NAME$1G = 'vcm-checkbox';
 const MCheckbox = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1F,
+  name: COMPONENT_NAME$1G,
   props: props$16,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -4548,9 +4548,9 @@ const MCheckbox = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1E = 'vcm-checkbox-group';
+const COMPONENT_NAME$1F = 'vcm-checkbox-group';
 const MCheckboxGroup = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1E,
+  name: COMPONENT_NAME$1F,
   props: props$15,
   emits: ['update:modelValue', 'change'],
   setup(props, {
@@ -4604,9 +4604,9 @@ const props$14 = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1D = 'vc-message';
+const COMPONENT_NAME$1E = 'vc-message';
 const MessageView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1D,
+  name: COMPONENT_NAME$1E,
   emits: ['before-close', 'close', 'portal-fulfilled'],
   props: props$14,
   setup(props, {
@@ -4855,9 +4855,9 @@ const useClipboard = (done) => {
   return () => 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 = defineComponent({
-  name: COMPONENT_NAME$1C,
+  name: COMPONENT_NAME$1D,
   props: props$13,
   setup() {
     return useClipboard((content) => Message.success({ content }));
@@ -4897,9 +4897,9 @@ const MTransitionZoom = TransitionZoom;
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1B = 'vcm-toast';
+const COMPONENT_NAME$1C = 'vcm-toast';
 const MToastView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1B,
+  name: COMPONENT_NAME$1C,
   emits: ['close', 'portal-fulfilled'],
   props: props$12,
   setup(props, {
@@ -5001,9 +5001,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 = defineComponent({
-  name: COMPONENT_NAME$1A,
+  name: COMPONENT_NAME$1B,
   props: props$13,
   setup() {
     return useClipboard((content) => MToast.info({ content }));
@@ -5035,9 +5035,9 @@ const props$11 = {
   }
 };
-const COMPONENT_NAME$1z = "vc-collapse";
+const COMPONENT_NAME$1A = "vc-collapse";
 const Collapse = defineComponent({
-  name: COMPONENT_NAME$1z,
+  name: COMPONENT_NAME$1A,
   props: props$11,
   emits: ["update:moodelValue", "change"],
   setup(props, { slots, emit }) {
@@ -5154,9 +5154,9 @@ const props$$ = {
 function _isSlot$2(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
-const COMPONENT_NAME$1y = 'vc-expand';
+const COMPONENT_NAME$1z = 'vc-expand';
 const Expand$1 = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1y,
+  name: COMPONENT_NAME$1z,
   props: props$$,
   setup(props, {
     slots
@@ -5186,9 +5186,9 @@ const Expand$1 = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1x = 'vc-collapse-item';
+const COMPONENT_NAME$1y = 'vc-collapse-item';
 const CollapseItem = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1x,
+  name: COMPONENT_NAME$1y,
   props: props$10,
   setup(props, {
     slots,
@@ -5263,9 +5263,9 @@ const props$_ = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1w = 'vc-color-picker';
+const COMPONENT_NAME$1x = 'vc-color-picker';
 const ColorPicker = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1w,
+  name: COMPONENT_NAME$1x,
   props: props$_,
   setup(props, {
     slots
@@ -5328,9 +5328,9 @@ const formatter = (format, arr) => {
 function _isSlot$1(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
-const COMPONENT_NAME$1v = 'vc-countdown';
+const COMPONENT_NAME$1w = 'vc-countdown';
 const Countdown = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1v,
+  name: COMPONENT_NAME$1w,
   props: props$Z,
   emits: ['change', 'finish', 'error'],
   setup(props, {
@@ -6523,9 +6523,9 @@ const getTimeType = type => {
   }
   return view;
 };
-const COMPONENT_NAME$1u = 'vc-date-confirm';
+const COMPONENT_NAME$1v = 'vc-date-confirm';
 const Confirm = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1u,
+  name: COMPONENT_NAME$1v,
   props: {
     showTime: {
       type: Boolean,
@@ -6589,9 +6589,9 @@ const Confirm = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1t = 'vc-date-header';
+const COMPONENT_NAME$1u = 'vc-date-header';
 const DateHeader = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1t,
+  name: COMPONENT_NAME$1u,
   props: {
     panelDate: Date,
     showNext: {
@@ -6675,9 +6675,9 @@ const DateHeader = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1s = 'vc-date-table';
+const COMPONENT_NAME$1t = 'vc-date-table';
 const DateTable = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1s,
+  name: COMPONENT_NAME$1t,
   props: {
     value: Array,
     firstDayOfWeek: {
@@ -6886,9 +6886,9 @@ const DateTable = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1r = 'vc-month-table';
+const COMPONENT_NAME$1s = 'vc-month-table';
 const MonthTable = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1r,
+  name: COMPONENT_NAME$1s,
   props: {
     value: Array,
     panelDate: Date,
@@ -7020,7 +7020,7 @@ const MonthTable = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1q = 'vc-quarter-table';
+const COMPONENT_NAME$1r = 'vc-quarter-table';
 /**
  * 获取季度对应的月份范围
@@ -7054,7 +7054,7 @@ const getQuarterRangeByMonth = value => {
   }
 };
 const QuarterTable = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1q,
+  name: COMPONENT_NAME$1r,
   props: {
     value: Array,
     panelDate: Date,
@@ -7177,9 +7177,9 @@ const QuarterTable = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1p = 'vc-shortcuts-select';
+const COMPONENT_NAME$1q = 'vc-shortcuts-select';
 const ShortcutsSelect = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1p,
+  name: COMPONENT_NAME$1q,
   props: {
     panelDate: Date,
     config: Array,
@@ -7219,9 +7219,9 @@ const ShortcutsSelect = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1o = 'vc-time-select';
+const COMPONENT_NAME$1p = 'vc-time-select';
 const TimeSelect = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1o,
+  name: COMPONENT_NAME$1p,
   props: {
     hours: {
       type: [Number, String],
@@ -7501,9 +7501,9 @@ const TimeSelect = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1n = 'vc-year-table';
+const COMPONENT_NAME$1o = 'vc-year-table';
 const YearTable = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1n,
+  name: COMPONENT_NAME$1o,
   props: {
     value: Array,
     panelDate: Date,
@@ -7626,9 +7626,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__ */ defineComponent({
-  name: COMPONENT_NAME$1m,
+  name: COMPONENT_NAME$1n,
   props: {
     ...props$W,
     confirm: {
@@ -8007,9 +8007,9 @@ const DateRangePanel = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1l = 'vc-date-panel';
+const COMPONENT_NAME$1m = 'vc-date-panel';
 const DatePanel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1l,
+  name: COMPONENT_NAME$1m,
   props: {
     ...props$W,
     type: String,
@@ -8217,9 +8217,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__ */ defineComponent({
-  name: COMPONENT_NAME$1k,
+  name: COMPONENT_NAME$1l,
   props: {
     ...props$W,
     confirm: {
@@ -8394,9 +8394,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__ */ defineComponent({
-  name: COMPONENT_NAME$1j,
+  name: COMPONENT_NAME$1k,
   props: {
     ...props$W,
     confirm: {
@@ -8635,9 +8635,9 @@ const getComparedDate = (leftDate, rightDate) => {
     seconds
   };
 };
-const COMPONENT_NAME$1i = 'vc-timerange-panel';
+const COMPONENT_NAME$1j = 'vc-timerange-panel';
 const TimeRangePanel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1i,
+  name: COMPONENT_NAME$1j,
   props: props$V,
   emits: ['pick', 'clear', 'ok'],
   setup(props, {
@@ -8738,9 +8738,9 @@ const TimeRangePanel = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1h = 'vc-time-panel';
+const COMPONENT_NAME$1i = 'vc-time-panel';
 const TimePanel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1h,
+  name: COMPONENT_NAME$1i,
   props: props$V,
   emits: ['pick', 'clear', 'ok'],
   setup(props, {
@@ -8796,7 +8796,7 @@ const TimePanel = /* @__PURE__ */ 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;
@@ -8807,7 +8807,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 = getCurrentInstance().props;
   const icon = ref('date');
   const panel = shallowRef({});
@@ -8848,9 +8848,9 @@ const props$U = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1f = 'vc-divider';
+const COMPONENT_NAME$1g = 'vc-divider';
 const Divider = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1f,
+  name: COMPONENT_NAME$1g,
   props: props$U,
   setup(props, {
     slots
@@ -8986,7 +8986,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',
@@ -9006,7 +9006,7 @@ const BAR_MAP = {
   }
 };
 const Track = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1e,
+  name: COMPONENT_NAME$1f,
   props: props$T,
   emits: ['change'],
   inheritAttrs: false,
@@ -9196,9 +9196,9 @@ const Track = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1d = 'vc-scroller-bar';
+const COMPONENT_NAME$1e = 'vc-scroller-bar';
 const Bar = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1d,
+  name: COMPONENT_NAME$1e,
   props: props$S,
   emits: ['change'],
   setup(props, {
@@ -9432,7 +9432,7 @@ const useScroller = (expose) => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1c = 'vc-scroller';
+const COMPONENT_NAME$1d = 'vc-scroller';
 /**
  * 作为备选方案,目前推荐使用ScrollerWheel
@@ -9443,7 +9443,7 @@ const COMPONENT_NAME$1c = 'vc-scroller';
  * 2. 增加了一层嵌套
  */
 const Scroller = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1c,
+  name: COMPONENT_NAME$1d,
   props: props$R,
   emits: ['scroll'],
   setup(props, {
@@ -9504,7 +9504,7 @@ const Scroller = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1b = 'vc-scroller-wheel';
+const COMPONENT_NAME$1c = 'vc-scroller-wheel';
 /**
  * 为减少一层嵌套，为去除滚动bar的抖动，使用wheel模拟
@@ -9526,7 +9526,7 @@ const COMPONENT_NAME$1b = 'vc-scroller-wheel';
  * 设置scrollTop不会reflow和repaint，不需要考虑transfrom来改变content（transform也只在draw完成）
  */
 const ScrollerWheel = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1b,
+  name: COMPONENT_NAME$1c,
   props: Object.assign({}, props$R, {
     stopPropagation: {
       type: Boolean,
@@ -9715,9 +9715,9 @@ const props$Q = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$1a = 'vc-drawer';
+const COMPONENT_NAME$1b = 'vc-drawer';
 const DrawerView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$1a,
+  name: COMPONENT_NAME$1b,
   props: props$Q,
   emits: ['close', 'update:modelValue', 'visible-change'],
   setup(props, {
@@ -9906,9 +9906,9 @@ const props$P = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$19 = 'vc-dropdown';
+const COMPONENT_NAME$1a = 'vc-dropdown';
 const Dropdown = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$19,
+  name: COMPONENT_NAME$1a,
   props: props$P,
   inheritAttrs: false,
   emits: ['update:modelValue', 'ready', 'close', 'visible-change', 'click'],
@@ -9978,9 +9978,9 @@ const Dropdown = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$18 = 'vc-dropdown-menu';
+const COMPONENT_NAME$19 = 'vc-dropdown-menu';
 const DropdownMenu = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$18,
+  name: COMPONENT_NAME$19,
   setup(_, {
     slots
   }) {
@@ -9994,9 +9994,9 @@ const DropdownMenu = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$17 = 'vc-dropdown-item';
+const COMPONENT_NAME$18 = 'vc-dropdown-item';
 const DropdownItem = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$17,
+  name: COMPONENT_NAME$18,
   props: {
     value: {
       type: [String, Number],
@@ -10210,9 +10210,9 @@ const defaults = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$16 = 'vc-editor-toolbar';
+const COMPONENT_NAME$17 = 'vc-editor-toolbar';
 const EditorToolbar = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$16,
+  name: COMPONENT_NAME$17,
   props: {
     options: [Array, Object],
     elementId: String
@@ -10418,9 +10418,9 @@ const props$O = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$15 = 'vc-image-preview';
+const COMPONENT_NAME$16 = 'vc-image-preview';
 const ImagePreview$1 = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$15,
+  name: COMPONENT_NAME$16,
   props: props$O,
   setup(props, {
     slots
@@ -10607,9 +10607,9 @@ const props$N = {
   }
 };
-const COMPONENT_NAME$14 = "vc-upload";
+const COMPONENT_NAME$15 = "vc-upload";
 const Upload$1 = defineComponent({
-  name: COMPONENT_NAME$14,
+  name: COMPONENT_NAME$15,
   props: props$N,
   emits: [
     "message",
@@ -11145,9 +11145,9 @@ const props$M = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$13 = 'vc-editor';
+const COMPONENT_NAME$14 = 'vc-editor';
 const Editor = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$13,
+  name: COMPONENT_NAME$14,
   props: props$M,
   emits: ['ready', 'blur', 'focus', 'input', 'update:modelValue', 'change'],
   setup(props, {
@@ -11335,7 +11335,7 @@ const Editor = /* @__PURE__ */ 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;
@@ -11353,7 +11353,7 @@ const setImages = v => {
   return;
 };
 const EditorView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$12,
+  name: COMPONENT_NAME$13,
   props: {
     value: {
       type: String,
@@ -11423,6 +11423,7 @@ const EditorView = /* @__PURE__ */ defineComponent({
 });
 const MEditor = Editor;
+const MEditorView = EditorView;
 const MExpand = Expand$1;
@@ -11567,9 +11568,9 @@ const useForm = (expose, options = {}) => {
   });
 };
-const COMPONENT_NAME$11 = "vc-form";
+const COMPONENT_NAME$12 = "vc-form";
 const Form = defineComponent({
-  name: COMPONENT_NAME$11,
+  name: COMPONENT_NAME$12,
   props: props$L,
   setup(props, { slots, expose }) {
     useForm(expose);
@@ -11677,9 +11678,7 @@ const useFormItem = (expose) => {
     return formItemRules;
   });
   const isRequired = 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];
@@ -11919,9 +11918,9 @@ const useFormItem = (expose) => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$10 = 'vc-form-item';
+const COMPONENT_NAME$11 = 'vc-form-item';
 const FormItem = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$10,
+  name: COMPONENT_NAME$11,
   props: props$K,
   setup(props, {
     slots,
@@ -11989,9 +11988,9 @@ const props$J = {
   }
 };
-const COMPONENT_NAME$$ = "vcm-form";
+const COMPONENT_NAME$10 = "vcm-form";
 const MForm = defineComponent({
-  name: COMPONENT_NAME$$,
+  name: COMPONENT_NAME$10,
   props: props$J,
   setup(props, { slots, expose }) {
     useForm(expose, {
@@ -12022,9 +12021,9 @@ const props$I = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$_ = 'vcm-form-item';
+const COMPONENT_NAME$$ = 'vcm-form-item';
 const MFormItem = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$_,
+  name: COMPONENT_NAME$$,
   props: props$I,
   setup(props, {
     slots,
@@ -12079,9 +12078,9 @@ const MFormItem = /* @__PURE__ */ defineComponent({
   }
 });
-const COMPONENT_NAME$Z = "vc-fragment";
+const COMPONENT_NAME$_ = "vc-fragment";
 const Fragment = defineComponent({
-  name: COMPONENT_NAME$Z,
+  name: COMPONENT_NAME$_,
   setup(_, { slots }) {
     return () => h(Fragment$1, slots.default?.());
   }
@@ -12098,9 +12097,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__ */ defineComponent({
-  name: COMPONENT_NAME$Y,
+  name: COMPONENT_NAME$Z,
   props: props$H,
   setup(props, {
     slots
@@ -12180,7 +12179,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 = !IS_SERVER$1 && document.documentElement.style.objectFit !== undefined;
@@ -12193,7 +12192,7 @@ const ObjectFit = {
   SCALE_DOWN: 'scale-down'
 };
 const Image$1 = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$X,
+  name: COMPONENT_NAME$Y,
   inheritAttrs: false,
   props: props$G,
   setup(props, {
@@ -12410,9 +12409,9 @@ const props$F = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$W = 'vc-image-crop';
+const COMPONENT_NAME$X = 'vc-image-crop';
 const ImageCrop = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$W,
+  name: COMPONENT_NAME$X,
   props: props$F,
   setup(props, {
     slots
@@ -12438,9 +12437,9 @@ const props$E = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$V = 'vc-image-processing';
+const COMPONENT_NAME$W = 'vc-image-processing';
 const ImageProcessing = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$V,
+  name: COMPONENT_NAME$W,
   props: props$E,
   setup(props, {
     slots
@@ -12457,9 +12456,9 @@ const MImageProcessing = ImageProcessing;
 /** @jsxImportSource vue */
-const COMPONENT_NAME$U = 'vcm-input';
+const COMPONENT_NAME$V = 'vcm-input';
 const MInput = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$U,
+  name: COMPONENT_NAME$V,
   inheritAttrs: false,
   props: {
     ...props$1g,
@@ -12548,9 +12547,9 @@ const MInput = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$T = 'vcm-input-number';
+const COMPONENT_NAME$U = 'vcm-input-number';
 const MInputNumber = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$T,
+  name: COMPONENT_NAME$U,
   props: props$1f,
   inheritAttrs: false,
   setup(props, {
@@ -12599,9 +12598,9 @@ const MInputNumber = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$S = 'vcm-input-search';
+const COMPONENT_NAME$T = 'vcm-input-search';
 const MInputSearch = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$S,
+  name: COMPONENT_NAME$T,
   props: {
     ...props$1e,
     cancelText: {
@@ -12678,9 +12677,9 @@ const props$D = {
   }
 };
-const COMPONENT_NAME$R = "vcm-list";
+const COMPONENT_NAME$S = "vcm-list";
 const MList = defineComponent({
-  name: COMPONENT_NAME$R,
+  name: COMPONENT_NAME$S,
   props: props$D,
   setup(props, { slots }) {
     provide("vc-list", { props });
@@ -12735,10 +12734,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__ */ defineComponent({
-  name: COMPONENT_NAME$Q,
+  name: COMPONENT_NAME$R,
   props: props$C,
   emits: ['click'],
   setup(props, {
@@ -12832,11 +12831,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__ */ defineComponent({
-  name: COMPONENT_NAME$P,
+  name: COMPONENT_NAME$Q,
   props: props$B,
   setup(props, {
     slots
@@ -12904,9 +12903,9 @@ const props$A = {
   }
 };
-const COMPONENT_NAME$O = "vc-resizer";
+const COMPONENT_NAME$P = "vc-resizer";
 const Resizer = defineComponent({
-  name: COMPONENT_NAME$O,
+  name: COMPONENT_NAME$P,
   props: props$A,
   emits: ["resize"],
   setup(props, { emit, slots, expose }) {
@@ -13069,10 +13068,10 @@ const props$z = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$N = 'vc-modal';
+const COMPONENT_NAME$O = 'vc-modal';
 let zIndexNumber = 1002;
 const ModalView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$N,
+  name: COMPONENT_NAME$O,
   emits: ['update:modelValue', 'close', 'portal-fulfilled', 'visible-change', 'ok', 'cancel'],
   props: props$z,
   setup(props, {
@@ -13511,9 +13510,9 @@ const props$y = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$M = 'vc-modal';
+const COMPONENT_NAME$N = 'vc-modal';
 const MModalView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$M,
+  name: COMPONENT_NAME$N,
   emits: ['update:modelValue', 'portal-fulfilled', 'close', 'ok', 'cancel'],
   props: props$y,
   setup(props, {
@@ -13725,9 +13724,9 @@ const props$x = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$L = 'vc-notice';
+const COMPONENT_NAME$M = 'vc-notice';
 const NoticeView = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$L,
+  name: COMPONENT_NAME$M,
   props: props$x,
   emits: ['portal-fulfilled', 'close', 'before-close'],
   setup(props, {
@@ -13900,9 +13899,9 @@ const props$w = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$K = 'vc-option';
+const COMPONENT_NAME$L = 'vc-option';
 const Option$1 = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$K,
+  name: COMPONENT_NAME$L,
   props: props$w,
   setup(props, {
     slots
@@ -13986,9 +13985,9 @@ const props$u = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$J = 'vc-tag';
+const COMPONENT_NAME$K = 'vc-tag';
 const Tag = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$J,
+  name: COMPONENT_NAME$K,
   props: props$u,
   emits: ['close', 'change'],
   setup(props, {
@@ -14059,9 +14058,9 @@ const props$t = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$I = 'vc-select-option';
+const COMPONENT_NAME$J = 'vc-select-option';
 const Option = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$I,
+  name: COMPONENT_NAME$J,
   props: props$t,
   setup(props, {
     slots
@@ -14147,9 +14146,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__ */ defineComponent({
-  name: COMPONENT_NAME$H,
+  name: COMPONENT_NAME$I,
   props: props$s,
   setup(props, {
     slots
@@ -14179,9 +14178,9 @@ const OptionGroup = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$G = 'vc-select';
+const COMPONENT_NAME$H = 'vc-select';
 const Select = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$G,
+  name: COMPONENT_NAME$H,
   props: props$19,
   emits: ['ready', 'close', 'visible-change', 'clear', 'change', 'update:modelValue'],
   setup(props, {
@@ -14455,9 +14454,9 @@ const Select = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$F = 'vc-pagination';
+const COMPONENT_NAME$G = 'vc-pagination';
 const Pagination = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$F,
+  name: COMPONENT_NAME$G,
   props: props$v,
   emits: ['update:current', 'change', 'page-size-change'],
   setup(props, {
@@ -14655,9 +14654,9 @@ const props$r = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$E = 'vc-picker';
+const COMPONENT_NAME$F = 'vc-picker';
 const Picker = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$E,
+  name: COMPONENT_NAME$F,
   props: props$r,
   setup(props, {
     slots
@@ -14720,9 +14719,9 @@ const props$q = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$D = 'vc-popconfirm';
+const COMPONENT_NAME$E = 'vc-popconfirm';
 const Popconfirm = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$D,
+  name: COMPONENT_NAME$E,
   props: props$q,
   inheritAttrs: false,
   emits: ['update:modelValue', 'visible-change', 'ready', 'close', 'cancel', 'ok'],
@@ -14890,9 +14889,9 @@ const props$p = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$C = 'vc-popup';
+const COMPONENT_NAME$D = 'vc-popup';
 const MPopup = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$C,
+  name: COMPONENT_NAME$D,
   props: props$p,
   emits: ['update:modelValue', 'close', 'portal-fulfilled', 'visible-change'],
   setup(props, {
@@ -15019,9 +15018,9 @@ const props$o = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$B = 'vc-print';
+const COMPONENT_NAME$C = 'vc-print';
 const Print = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$B,
+  name: COMPONENT_NAME$C,
   props: props$o,
   setup(props, {
     expose,
@@ -15123,9 +15122,9 @@ const props$n = {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$A = 'vc-progress-circle';
+const COMPONENT_NAME$B = 'vc-progress-circle';
 const Circle = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$A,
+  name: COMPONENT_NAME$B,
   props: props$n,
   setup(props, {
     slots
@@ -15185,9 +15184,9 @@ const Circle = /* @__PURE__ */ defineComponent({
 /** @jsxImportSource vue */
-const COMPONENT_NAME$z = 'vc-progress-line';
+const COMPONENT_NAME$A = 'vc-progress-line';
 const Line = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$z,
+  name: COMPONENT_NAME$A,
   props: props$n,
   setup(props) {
     const colorStyle = computed(() => {
@@ -15234,9 +15233,9 @@ const Line = /* @__PURE__ */ defineComponent({
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
-const COMPONENT_NAME$y = 'vc-progress';
+const COMPONENT_NAME$z = 'vc-progress';
 const Progress = /* @__PURE__ */ defineComponent({
-  name: COMPONENT_NAME$y,
+  name: COMPONENT_NAME$z,
   props: props$n,
   setup(props, {
     slots
@@ -15340,6 +15339,9 @@ const useRadio = () => {
       "is-error": !!formItem?.message?.value
     };
   });
+  const styles = computed(() => {
+    return {};
+  });
   watch(
     () => props.modelValue,
     (v) => {
@@ -15380,6 +15382,7 @@ const useRadio = () => {
     isDisabled,
     radioName,
     classes,
+    styles,
     hasGroup,
     checked,
     handleChange,
@@ -15394,26 +15397,29 @@ const useRadio = () => {
 /** @jsxImportSource vue */
-const COMPONENT_NAME$x = 'vc-radio';
+const COMPONENT_NAME$y = 'vc-radio';
 const Radio = /* @__PURE__ */ 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 createVNode("label", {
-        "class": [classes.value, 'vc-radio']
+        "class": [classes.value, 'vc-radio'],
+        "style": styles.value
       }, [createVNode("span", {
         "class": [{
           'has-sibling': !!(computedLabel.value || slots.default)
@@ -15425,7 +15431,7 @@ const Radio = /* @__PURE__ */ defineComponent({
       }, null)]), createVNode("input", {
         "checked": checked.value,
         "name": radioName.value,
-        "disabled": props.disabled,
+        "disabled": isDisabled.value,
         "type": "radio",
         "onChange": handleChange,
         "onFocus": handleFocus,
@@ -15435,6 +15441,51 @@ const Radio = /* @__PURE__ */ defineComponent({
   }
 });
+/** @jsxImportSource vue */
+const COMPONENT_NAME$x = 'vc-radio-button';
+const RadioButton = /* @__PURE__ */ 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 createVNode("label", {
+        "class": [classes.value, 'vc-radio-button'],
+        "style": styles.value
+      }, [createVNode("input", {
+        "checked": checked.value,
+        "name": radioName.value,
+        "disabled": isDisabled.value,
+        "type": "radio",
+        "onChange": handleChange,
+        "onFocus": handleFocus,
+        "onBlur": handleBlur
+      }, null), 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],
@@ -15539,17 +15590,20 @@ const MRadio = /* @__PURE__ */ defineComponent({
     slots
   }) {
     const {
+      styles,
       radioName,
       checked,
       classes,
       computedLabel,
+      isDisabled,
       handleChange,
       handleFocus,
       handleBlur
     } = useRadio();
     return () => {
       return createVNode("label", {
-        "class": [classes.value, 'vcm-radio']
+        "class": [classes.value, 'vcm-radio'],
+        "style": styles.value
       }, [createVNode("span", {
         "class": [{
           'has-sibling': !!(computedLabel.value || slots.default)
@@ -15561,7 +15615,7 @@ const MRadio = /* @__PURE__ */ defineComponent({
       }, null)]), createVNode("input", {
         "checked": checked.value,
         "name": radioName.value,
-        "disabled": props.disabled,
+        "disabled": isDisabled.value,
         "type": "radio",
         "onChange": handleChange,
         "onFocus": handleFocus,
@@ -15595,6 +15649,8 @@ const MRadioGroup = /* @__PURE__ */ defineComponent({
   }
 });
+const MRadioButton = MRadio;
 const props$k = {
   modelValue: {
     type: [Number, String],
@@ -23851,4 +23907,4 @@ const UploadPicker = /* @__PURE__ */ defineComponent({
 const MUploadPicker = UploadPicker;
-export { ActionSheet, Affix, Alert, Artboard, Button, ButtonGroup, Calendar, Card, Carousel, Cascader, Chart, Checkbox, CheckboxGroup, Clipboard, Collapse, CollapseItem, ColorPicker, Countdown, Customer, DatePicker, Debounce, Divider, Drawer, DrawerView, Dropdown, DropdownItem, DropdownMenu, Editor, EditorView, Expand$1 as Expand, Form, FormItem, Fragment, HTMLToImage, Icon, IconManager, Image$1 as Image, ImageCrop, ImagePreview, ImageProcessing, Input, InputNumber, InputSearch, MList as List, MListItem as ListItem, MActionSheet, MAffix, MAlert, MArtboard, MButton, MButtonGroup, MCalendar, MCard, MCarousel, MCascader, MChart, MCheckbox, MCheckboxGroup, MClipboard, MCollapse, MCollapseItem, MColorPicker, MCountdown, MCustomer, MDatePicker, Debounce as MDebounce, MDivider, MDrawer, MDrawerView, MDropdown, MDropdownItem, MDropdownMenu, MEditor, MExpand, MForm, MFormItem, MFragment, MHTMLToImage, MIcon, MImage, MImageCrop, MImagePreview, MImageProcessing, MInput, MInputNumber, MInputSearch, MList, MListItem, MMarquee, MMessage, modal as MModal, MModalView, MNotice, MOption, MPagination, MPicker, MPopconfirm, MPopover, MPopup, MPortal, MPrint, MProgress, MRadio, MRadioGroup, MRate, MRecycleList, MResizer, MScroller, MSelect, MSlider, MSortList, MSpin, MSteps, MSwitch, MTable, MTableColumn, MTabs, MTabsPane, MTag, MText, MTextarea, MTimePicker, MTimeline, MToast, MToastView, MTouch, MTransition, MTransitionCollapse, MTransitionFade, MTransitionScale, MTransitionSlide, MTransitionZoom, MTree, MTreeSelect, MUpload, MUploadPicker, Marquee, Message, MessageView, Modal, ModalView, Notice, NoticeView, Option$1 as Option, Pagination, Picker, Popconfirm, Popover, Popup, Portal, PortalView, Print, Progress, Radio, RadioGroup, Rate, RecycleList, Resizer, Scroller, ScrollerWheel, Select, Slider, SortList, Spin, Steps, Switch, Table, TableColumn, Tabs, TabsPane, Tag, Text, Textarea, Theme, ThemeImage, ThemeText, ThemeView, TimePicker, Timeline, Toast, ToastView, Touch, Transition, TransitionCollapse, TransitionFade, TransitionScale, TransitionSlide, TransitionZoom, Tree, TreeSelect, Upload, UploadPicker, VcError, VcInstance };
+export { ActionSheet, Affix, Alert, Artboard, Button, ButtonGroup, Calendar, Card, Carousel, Cascader, Chart, Checkbox, CheckboxGroup, Clipboard, Collapse, CollapseItem, ColorPicker, Countdown, Customer, DatePicker, Debounce, Divider, Drawer, DrawerView, Dropdown, DropdownItem, DropdownMenu, Editor, EditorView, Expand$1 as Expand, Form, FormItem, Fragment, HTMLToImage, Icon, IconManager, Image$1 as Image, ImageCrop, ImagePreview, ImageProcessing, Input, InputNumber, InputSearch, MList as List, MListItem as ListItem, MActionSheet, MAffix, MAlert, MArtboard, MButton, MButtonGroup, MCalendar, MCard, MCarousel, MCascader, MChart, MCheckbox, MCheckboxGroup, MClipboard, MCollapse, MCollapseItem, MColorPicker, MCountdown, MCustomer, MDatePicker, Debounce as MDebounce, MDivider, MDrawer, MDrawerView, MDropdown, MDropdownItem, MDropdownMenu, MEditor, MEditorView, MExpand, MForm, MFormItem, MFragment, MHTMLToImage, MIcon, MImage, MImageCrop, MImagePreview, MImageProcessing, MInput, MInputNumber, MInputSearch, MList, MListItem, MMarquee, MMessage, modal as MModal, MModalView, MNotice, MOption, MPagination, MPicker, MPopconfirm, MPopover, MPopup, MPortal, MPrint, MProgress, MRadio, MRadioButton, MRadioGroup, MRate, MRecycleList, MResizer, MScroller, MSelect, MSlider, MSortList, MSpin, MSteps, MSwitch, MTable, MTableColumn, MTabs, MTabsPane, MTag, MText, MTextarea, MTimePicker, MTimeline, MToast, MToastView, MTouch, MTransition, MTransitionCollapse, MTransitionFade, MTransitionScale, MTransitionSlide, MTransitionZoom, MTree, MTreeSelect, MUpload, MUploadPicker, Marquee, Message, MessageView, Modal, ModalView, Notice, NoticeView, Option$1 as Option, Pagination, Picker, Popconfirm, Popover, Popup, Portal, PortalView, Print, Progress, Radio, RadioButton, RadioGroup, Rate, RecycleList, Resizer, Scroller, ScrollerWheel, Select, Slider, SortList, Spin, Steps, Switch, Table, TableColumn, Tabs, TabsPane, Tag, Text, Textarea, Theme, ThemeImage, ThemeText, ThemeView, TimePicker, Timeline, Toast, ToastView, Touch, Transition, TransitionCollapse, TransitionFade, TransitionScale, TransitionSlide, TransitionZoom, Tree, TreeSelect, Upload, UploadPicker, VcError, VcInstance };