@deot/vc-components 1.0.45 → 1.0.47

package/dist/index.cjs

@@ -3750,7 +3750,8 @@ const props$19 = {
   nullValue: {
     type: [Number, String, Object],
     default: void 0
-  }
+  },
+  label: String
 };
 
 const props$18 = {
@@ -11447,7 +11448,14 @@ const props$L = {
   styleless: {
     type: Boolean,
     default: false
-  }
+  },
+  // 给formItem统一注入
+  contentStyle: [Object, String],
+  contentClass: [Object, String],
+  labelStyle: [Object, String],
+  labelClass: [Object, String],
+  errorStyle: [Object, String],
+  errorClass: [Object, String]
 };
 
 const useForm = (expose, options = {}) => {
@@ -11607,7 +11615,9 @@ const props$K = {
   contentStyle: [Object, String],
   contentClass: [Object, String],
   labelStyle: [Object, String],
-  labelClass: [Object, String]
+  labelClass: [Object, String],
+  errorStyle: [Object, String],
+  errorClass: [Object, String]
 };
 
 const filterEmpty = (val) => {
@@ -11689,6 +11699,7 @@ const useFormItem = (expose) => {
         width: labelPosition.value !== "top" && labelWidth && labelWidth > 0 ? `${labelWidth}px` : "auto",
         textAlign: labelPosition.value === "top" ? "left" : labelPosition.value
       },
+      form.props.labelStyle,
       props.labelStyle
     ];
   });
@@ -11699,9 +11710,22 @@ const useFormItem = (expose) => {
         marginLeft: !hasLabel.value && isNest.value ? 0 : labelWidth && labelWidth > 0 ? `${labelWidth}px` : "unset",
         marginBottom: isNest.value && !isNestLast.value ? `20px` : 0
       },
+      form.props.contentStyle,
       props.contentStyle
     ];
   });
+  const errorStyle = vue.computed(() => {
+    return [form.props.errorStyle, props.errorStyle];
+  });
+  const labelClass = vue.computed(() => {
+    return [form.props.labelClass, props.labelClass];
+  });
+  const contentClass = vue.computed(() => {
+    return [form.props.contentClass, props.contentClass];
+  });
+  const errorClass = vue.computed(() => {
+    return [form.props.errorClass, props.errorClass];
+  });
   const isStyleless = vue.computed(() => {
     return props.styleless || form.props.styleless;
   });
@@ -11864,6 +11888,10 @@ const useFormItem = (expose) => {
     classes,
     labelStyle,
     contentStyle,
+    errorStyle,
+    labelClass,
+    contentClass,
+    errorClass,
     showError,
     labelPosition
   };
@@ -11886,6 +11914,10 @@ const FormItem = /* @__PURE__ */ vue.defineComponent({
       classes,
       labelStyle,
       contentStyle,
+      errorStyle,
+      labelClass,
+      contentClass,
+      errorClass,
       showError,
       validateMessage
     } = it;
@@ -11899,27 +11931,30 @@ const FormItem = /* @__PURE__ */ vue.defineComponent({
         show: showError.value,
         nest: isNest.value,
         message: validateMessage.value,
-        class: errorColorClass
+        class: [errorColorClass, ...errorClass.value],
+        style: errorStyle.value
       })];
       return vue.createVNode("div", {
         "class": ['vc-form-item', classes.value]
       }, [(label || slots.label) && vue.createVNode("div", {
         "style": labelStyle.value,
-        "class": ['vc-form-item__label', props.labelClass],
+        "class": ['vc-form-item__label', ...labelClass.value],
         "for": labelFor
       }, [vue.createVNode("label", null, [label || slots.label?.()])]), vue.createVNode("div", {
         "class": "vc-form-item__wrapper"
       }, [vue.createVNode("div", {
-        "class": ['vc-form-item__content', props.contentClass],
+        "class": ['vc-form-item__content', ...contentClass.value],
         "style": contentStyle.value
       }, [slots.default?.(), slots.error ? slots.error({
         show: showError.value,
         nest: isNest.value,
         message: validateMessage.value,
-        class: errorColorClass
+        class: [errorColorClass, ...errorClass.value],
+        style: errorStyle.value
       }) : vue.createVNode(TransitionFade, null, {
         default: () => [vue.withDirectives(vue.createVNode("div", {
-          "class": ['vc-form-item__tip', isNest.value ? 'is-nest' : '', errorColorClass]
+          "class": ['vc-form-item__tip', isNest.value ? 'is-nest' : '', errorColorClass, ...errorClass.value],
+          "style": [errorStyle.value]
         }, [validateMessage.value]), [[vue.vShow, showError.value]])]
       })])])]);
     };
@@ -11985,6 +12020,10 @@ const MFormItem = /* @__PURE__ */ vue.defineComponent({
       classes,
       labelStyle,
       contentStyle,
+      errorStyle,
+      labelClass,
+      contentClass,
+      errorClass,
       isNest,
       showError,
       validateMessage
@@ -12000,7 +12039,8 @@ const MFormItem = /* @__PURE__ */ vue.defineComponent({
         show: showError.value,
         nest: isNest.value,
         message: validateMessage.value,
-        class: errorColorClass
+        class: [errorColorClass, ...errorClass.value],
+        style: errorStyle.value
       })];
       return vue.createVNode("div", {
         "style": {
@@ -12012,14 +12052,15 @@ const MFormItem = /* @__PURE__ */ vue.defineComponent({
       }, [(props.label || slots.label) && vue.createVNode("label", {
         "for": labelFor,
         "style": labelStyle.value,
-        "class": "vcm-form-item__label"
+        "class": ['vcm-form-item__label', ...labelClass.value]
       }, [label || slots.label?.()]), vue.createVNode("div", {
         "style": contentStyle.value,
-        "class": "vcm-form-item__content"
+        "class": ['vcm-form-item__content', ...contentClass.value]
       }, [slots.default?.(), showMessage && showError.value && vue.createVNode("div", {
         "class": [{
           'is-nest': isNest.value
-        }, errorColorClass]
+        }, errorColorClass, ...errorClass.value],
+        "style": errorStyle.value
       }, [slots.error ? slots.error({
         message: validateMessage.value
       }) : validateMessage.value])])])]);
@@ -14290,7 +14331,7 @@ const Select = /* @__PURE__ */ vue.defineComponent({
         "style": its.value.style,
         "animation": "y",
         "onMouseenter": () => isHover.value = true,
-        "onMuseleave": () => isHover.value = false,
+        "onMouseleave": () => isHover.value = false,
         "onReady": () => emit('ready'),
         "onClose": () => emit('close'),
         "onVisibleChange": () => emit('visible-change', isActive.value),
@@ -14306,6 +14347,13 @@ const Select = /* @__PURE__ */ vue.defineComponent({
             "readonly": true,
             "placeholder": its.value.attrs?.placeholder || '请选择'
           }, {
+            prepend: () => {
+              if (slots.prepend) return slots.prepend?.();
+              if (!props.label) return null;
+              return vue.createVNode("span", {
+                "class": "vc-select__label"
+              }, [props.label]);
+            },
             content: multiple.value && currentValue.value && currentValue.value.length > 0 ? () => {
               return vue.createVNode("div", {
                 "class": [classes.value, 'vc-select__tags']
@@ -14327,7 +14375,7 @@ const Select = /* @__PURE__ */ vue.defineComponent({
               }, [vue.createVNode(Icon, {
                 "type": showClear.value ? 'clear' : icon.value,
                 "class": [{
-                  'is-arrow': !showClear
+                  'is-arrow': !showClear.value
                 }, 'vc-select__icon'],
                 "onClick": handleClear
               }, null)]);
@@ -16716,6 +16764,7 @@ const useSwitch = (expose) => {
   });
   const classes = vue.computed(() => {
     return {
+      "is-disabled": props.disabled,
       "is-loading": isLoading.value,
       "is-checked": checked.value
     };

package/dist/index.d.ts

@@ -438,6 +438,7 @@ nullValue: {
 type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
 default: undefined;
 };
+label: StringConstructor;
 disabled: {
 type: BooleanConstructor;
 default: boolean;
@@ -523,6 +524,7 @@ nullValue: {
 type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
 default: undefined;
 };
+label: StringConstructor;
 disabled: {
 type: BooleanConstructor;
 default: boolean;
@@ -1866,6 +1868,12 @@ styleless: {
 type: BooleanConstructor;
 default: boolean;
 };
+contentStyle: (ObjectConstructor | StringConstructor)[];
+contentClass: (ObjectConstructor | StringConstructor)[];
+labelStyle: (ObjectConstructor | StringConstructor)[];
+labelClass: (ObjectConstructor | StringConstructor)[];
+errorStyle: (ObjectConstructor | StringConstructor)[];
+errorClass: (ObjectConstructor | StringConstructor)[];
 }>, () => VNode<RendererNode, RendererElement, {
 [key: string]: any;
 }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
@@ -1902,6 +1910,12 @@ styleless: {
 type: BooleanConstructor;
 default: boolean;
 };
+contentStyle: (ObjectConstructor | StringConstructor)[];
+contentClass: (ObjectConstructor | StringConstructor)[];
+labelStyle: (ObjectConstructor | StringConstructor)[];
+labelClass: (ObjectConstructor | StringConstructor)[];
+errorStyle: (ObjectConstructor | StringConstructor)[];
+errorClass: (ObjectConstructor | StringConstructor)[];
 }>> & Readonly<{}>, {
 tag: string;
 styleless: boolean;
@@ -1958,6 +1972,8 @@ contentStyle: (ObjectConstructor | StringConstructor)[];
 contentClass: (ObjectConstructor | StringConstructor)[];
 labelStyle: (ObjectConstructor | StringConstructor)[];
 labelClass: (ObjectConstructor | StringConstructor)[];
+errorStyle: (ObjectConstructor | StringConstructor)[];
+errorClass: (ObjectConstructor | StringConstructor)[];
 }>, () => JSX_2.Element | (VNode<RendererNode, RendererElement, {
 [key: string]: any;
 }>[] | undefined)[], {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
@@ -2007,6 +2023,8 @@ contentStyle: (ObjectConstructor | StringConstructor)[];
 contentClass: (ObjectConstructor | StringConstructor)[];
 labelStyle: (ObjectConstructor | StringConstructor)[];
 labelClass: (ObjectConstructor | StringConstructor)[];
+errorStyle: (ObjectConstructor | StringConstructor)[];
+errorClass: (ObjectConstructor | StringConstructor)[];
 }>> & Readonly<{}>, {
 label: string;
 styleless: boolean;
@@ -3090,6 +3108,7 @@ nullValue: {
 type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
 default: undefined;
 };
+label: StringConstructor;
 disabled: {
 type: BooleanConstructor;
 default: boolean;
@@ -3175,6 +3194,7 @@ nullValue: {
 type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
 default: undefined;
 };
+label: StringConstructor;
 disabled: {
 type: BooleanConstructor;
 default: boolean;
@@ -4047,10 +4067,10 @@ cancelDisabled: boolean;
         title?: string | undefined;
         onCancel?: Function | undefined;
         wrapperStyle?: string | Record<string, any> | undefined;
-        onOk?: Function | undefined;
-        wrapperClass?: string | Record<string, any> | undefined;
         contentStyle?: string | Record<string, any> | undefined;
         contentClass?: string | Record<string, any> | undefined;
+        onOk?: Function | undefined;
+        wrapperClass?: string | Record<string, any> | undefined;
         maskStyle?: string | Record<string, any> | undefined;
     } & {
         onClose: (...args: any[]) => any;
@@ -4701,6 +4721,12 @@ styleless: {
 type: BooleanConstructor;
 default: boolean;
 };
+contentStyle: (ObjectConstructor | StringConstructor)[];
+contentClass: (ObjectConstructor | StringConstructor)[];
+labelStyle: (ObjectConstructor | StringConstructor)[];
+labelClass: (ObjectConstructor | StringConstructor)[];
+errorStyle: (ObjectConstructor | StringConstructor)[];
+errorClass: (ObjectConstructor | StringConstructor)[];
 }>, () => VNode<RendererNode, RendererElement, {
 [key: string]: any;
 }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
@@ -4745,6 +4771,12 @@ styleless: {
 type: BooleanConstructor;
 default: boolean;
 };
+contentStyle: (ObjectConstructor | StringConstructor)[];
+contentClass: (ObjectConstructor | StringConstructor)[];
+labelStyle: (ObjectConstructor | StringConstructor)[];
+labelClass: (ObjectConstructor | StringConstructor)[];
+errorStyle: (ObjectConstructor | StringConstructor)[];
+errorClass: (ObjectConstructor | StringConstructor)[];
 }>> & Readonly<{}>, {
 tag: string;
 border: boolean;
@@ -4807,6 +4839,8 @@ contentStyle: (ObjectConstructor | StringConstructor)[];
 contentClass: (ObjectConstructor | StringConstructor)[];
 labelStyle: (ObjectConstructor | StringConstructor)[];
 labelClass: (ObjectConstructor | StringConstructor)[];
+errorStyle: (ObjectConstructor | StringConstructor)[];
+errorClass: (ObjectConstructor | StringConstructor)[];
 }>, () => JSX_2.Element | (VNode<RendererNode, RendererElement, {
 [key: string]: any;
 }>[] | undefined)[], {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
@@ -4860,6 +4894,8 @@ contentStyle: (ObjectConstructor | StringConstructor)[];
 contentClass: (ObjectConstructor | StringConstructor)[];
 labelStyle: (ObjectConstructor | StringConstructor)[];
 labelClass: (ObjectConstructor | StringConstructor)[];
+errorStyle: (ObjectConstructor | StringConstructor)[];
+errorClass: (ObjectConstructor | StringConstructor)[];
 }>> & Readonly<{}>, {
 label: string;
 styleless: boolean;
@@ -8042,6 +8078,8 @@ tag: string;
 height: string | number;
 always: boolean;
 wrapperStyle: StyleValue;
+contentStyle: StyleValue;
+contentClass: StyleValue;
 thumbMinSize: number;
 native: boolean;
 autoResize: boolean;
@@ -8049,8 +8087,6 @@ trackOffsetX: number[];
 trackOffsetY: number[];
 maxHeight: string | number;
 wrapperClass: StyleValue;
-contentStyle: StyleValue;
-contentClass: StyleValue;
 showBar: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
@@ -8114,6 +8150,7 @@ nullValue: {
 type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
 default: undefined;
 };
+label: StringConstructor;
 disabled: {
 type: BooleanConstructor;
 default: boolean;
@@ -8191,6 +8228,7 @@ nullValue: {
 type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
 default: undefined;
 };
+label: StringConstructor;
 disabled: {
 type: BooleanConstructor;
 default: boolean;
@@ -10213,6 +10251,7 @@ nullValue: {
 type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
 default: undefined;
 };
+label: StringConstructor;
 disabled: {
 type: BooleanConstructor;
 default: boolean;
@@ -10295,6 +10334,7 @@ nullValue: {
 type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
 default: undefined;
 };
+label: StringConstructor;
 disabled: {
 type: BooleanConstructor;
 default: boolean;
@@ -11839,6 +11879,12 @@ declare const props_3: {
         type: BooleanConstructor;
         default: boolean;
     };
+    contentStyle: (ObjectConstructor | StringConstructor)[];
+    contentClass: (ObjectConstructor | StringConstructor)[];
+    labelStyle: (ObjectConstructor | StringConstructor)[];
+    labelClass: (ObjectConstructor | StringConstructor)[];
+    errorStyle: (ObjectConstructor | StringConstructor)[];
+    errorClass: (ObjectConstructor | StringConstructor)[];
 };
 
 declare type Props_4 = ExtractPropTypes<typeof props_4>;
@@ -12630,6 +12676,8 @@ tag: string;
 height: string | number;
 always: boolean;
 wrapperStyle: StyleValue;
+contentStyle: StyleValue;
+contentClass: StyleValue;
 thumbMinSize: number;
 native: boolean;
 autoResize: boolean;
@@ -12637,8 +12685,6 @@ trackOffsetX: number[];
 trackOffsetY: number[];
 maxHeight: string | number;
 wrapperClass: StyleValue;
-contentStyle: StyleValue;
-contentClass: StyleValue;
 showBar: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
@@ -12791,6 +12837,8 @@ tag: string;
 height: string | number;
 always: boolean;
 wrapperStyle: StyleValue;
+contentStyle: StyleValue;
+contentClass: StyleValue;
 thumbMinSize: number;
 native: boolean;
 autoResize: boolean;
@@ -12798,8 +12846,6 @@ trackOffsetX: number[];
 trackOffsetY: number[];
 maxHeight: string | number;
 wrapperClass: StyleValue;
-contentStyle: StyleValue;
-contentClass: StyleValue;
 showBar: boolean;
 stopPropagation: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -12864,6 +12910,7 @@ nullValue: {
 type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
 default: undefined;
 };
+label: StringConstructor;
 disabled: {
 type: BooleanConstructor;
 default: boolean;
@@ -12941,6 +12988,7 @@ nullValue: {
 type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
 default: undefined;
 };
+label: StringConstructor;
 disabled: {
 type: BooleanConstructor;
 default: boolean;
@@ -15225,6 +15273,7 @@ nullValue: {
 type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
 default: undefined;
 };
+label: StringConstructor;
 disabled: {
 type: BooleanConstructor;
 default: boolean;
@@ -15307,6 +15356,7 @@ nullValue: {
 type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
 default: undefined;
 };
+label: StringConstructor;
 disabled: {
 type: BooleanConstructor;
 default: boolean;

package/dist/index.iife.js

@@ -9278,7 +9278,8 @@ var VcComponents = (function (exports, vue) {
 	  nullValue: {
 	    type: [Number, String, Object],
 	    default: void 0
-	  }
+	  },
+	  label: String
 	};
 
 	const props$18 = {
@@ -19858,7 +19859,14 @@ var VcComponents = (function (exports, vue) {
 	  styleless: {
 	    type: Boolean,
 	    default: false
-	  }
+	  },
+	  // 给formItem统一注入
+	  contentStyle: [Object, String],
+	  contentClass: [Object, String],
+	  labelStyle: [Object, String],
+	  labelClass: [Object, String],
+	  errorStyle: [Object, String],
+	  errorClass: [Object, String]
 	};
 
 	const useForm = (expose, options = {}) => {
@@ -20018,7 +20026,9 @@ var VcComponents = (function (exports, vue) {
 	  contentStyle: [Object, String],
 	  contentClass: [Object, String],
 	  labelStyle: [Object, String],
-	  labelClass: [Object, String]
+	  labelClass: [Object, String],
+	  errorStyle: [Object, String],
+	  errorClass: [Object, String]
 	};
 
 	class Validator {
@@ -20232,6 +20242,7 @@ var VcComponents = (function (exports, vue) {
 	        width: labelPosition.value !== "top" && labelWidth && labelWidth > 0 ? `${labelWidth}px` : "auto",
 	        textAlign: labelPosition.value === "top" ? "left" : labelPosition.value
 	      },
+	      form.props.labelStyle,
 	      props.labelStyle
 	    ];
 	  });
@@ -20242,9 +20253,22 @@ var VcComponents = (function (exports, vue) {
 	        marginLeft: !hasLabel.value && isNest.value ? 0 : labelWidth && labelWidth > 0 ? `${labelWidth}px` : "unset",
 	        marginBottom: isNest.value && !isNestLast.value ? `20px` : 0
 	      },
+	      form.props.contentStyle,
 	      props.contentStyle
 	    ];
 	  });
+	  const errorStyle = vue.computed(() => {
+	    return [form.props.errorStyle, props.errorStyle];
+	  });
+	  const labelClass = vue.computed(() => {
+	    return [form.props.labelClass, props.labelClass];
+	  });
+	  const contentClass = vue.computed(() => {
+	    return [form.props.contentClass, props.contentClass];
+	  });
+	  const errorClass = vue.computed(() => {
+	    return [form.props.errorClass, props.errorClass];
+	  });
 	  const isStyleless = vue.computed(() => {
 	    return props.styleless || form.props.styleless;
 	  });
@@ -20407,6 +20431,10 @@ var VcComponents = (function (exports, vue) {
 	    classes,
 	    labelStyle,
 	    contentStyle,
+	    errorStyle,
+	    labelClass,
+	    contentClass,
+	    errorClass,
 	    showError,
 	    labelPosition
 	  };
@@ -20429,6 +20457,10 @@ var VcComponents = (function (exports, vue) {
 	      classes,
 	      labelStyle,
 	      contentStyle,
+	      errorStyle,
+	      labelClass,
+	      contentClass,
+	      errorClass,
 	      showError,
 	      validateMessage
 	    } = it;
@@ -20442,27 +20474,30 @@ var VcComponents = (function (exports, vue) {
 	        show: showError.value,
 	        nest: isNest.value,
 	        message: validateMessage.value,
-	        class: errorColorClass
+	        class: [errorColorClass, ...errorClass.value],
+	        style: errorStyle.value
 	      })];
 	      return vue.createVNode("div", {
 	        "class": ['vc-form-item', classes.value]
 	      }, [(label || slots.label) && vue.createVNode("div", {
 	        "style": labelStyle.value,
-	        "class": ['vc-form-item__label', props.labelClass],
+	        "class": ['vc-form-item__label', ...labelClass.value],
 	        "for": labelFor
 	      }, [vue.createVNode("label", null, [label || slots.label?.()])]), vue.createVNode("div", {
 	        "class": "vc-form-item__wrapper"
 	      }, [vue.createVNode("div", {
-	        "class": ['vc-form-item__content', props.contentClass],
+	        "class": ['vc-form-item__content', ...contentClass.value],
 	        "style": contentStyle.value
 	      }, [slots.default?.(), slots.error ? slots.error({
 	        show: showError.value,
 	        nest: isNest.value,
 	        message: validateMessage.value,
-	        class: errorColorClass
+	        class: [errorColorClass, ...errorClass.value],
+	        style: errorStyle.value
 	      }) : vue.createVNode(TransitionFade, null, {
 	        default: () => [vue.withDirectives(vue.createVNode("div", {
-	          "class": ['vc-form-item__tip', isNest.value ? 'is-nest' : '', errorColorClass]
+	          "class": ['vc-form-item__tip', isNest.value ? 'is-nest' : '', errorColorClass, ...errorClass.value],
+	          "style": [errorStyle.value]
 	        }, [validateMessage.value]), [[vue.vShow, showError.value]])]
 	      })])])]);
 	    };
@@ -20528,6 +20563,10 @@ var VcComponents = (function (exports, vue) {
 	      classes,
 	      labelStyle,
 	      contentStyle,
+	      errorStyle,
+	      labelClass,
+	      contentClass,
+	      errorClass,
 	      isNest,
 	      showError,
 	      validateMessage
@@ -20543,7 +20582,8 @@ var VcComponents = (function (exports, vue) {
 	        show: showError.value,
 	        nest: isNest.value,
 	        message: validateMessage.value,
-	        class: errorColorClass
+	        class: [errorColorClass, ...errorClass.value],
+	        style: errorStyle.value
 	      })];
 	      return vue.createVNode("div", {
 	        "style": {
@@ -20555,14 +20595,15 @@ var VcComponents = (function (exports, vue) {
 	      }, [(props.label || slots.label) && vue.createVNode("label", {
 	        "for": labelFor,
 	        "style": labelStyle.value,
-	        "class": "vcm-form-item__label"
+	        "class": ['vcm-form-item__label', ...labelClass.value]
 	      }, [label || slots.label?.()]), vue.createVNode("div", {
 	        "style": contentStyle.value,
-	        "class": "vcm-form-item__content"
+	        "class": ['vcm-form-item__content', ...contentClass.value]
 	      }, [slots.default?.(), showMessage && showError.value && vue.createVNode("div", {
 	        "class": [{
 	          'is-nest': isNest.value
-	        }, errorColorClass]
+	        }, errorColorClass, ...errorClass.value],
+	        "style": errorStyle.value
 	      }, [slots.error ? slots.error({
 	        message: validateMessage.value
 	      }) : validateMessage.value])])])]);
@@ -23207,7 +23248,7 @@ var VcComponents = (function (exports, vue) {
 	        "style": its.value.style,
 	        "animation": "y",
 	        "onMouseenter": () => isHover.value = true,
-	        "onMuseleave": () => isHover.value = false,
+	        "onMouseleave": () => isHover.value = false,
 	        "onReady": () => emit('ready'),
 	        "onClose": () => emit('close'),
 	        "onVisibleChange": () => emit('visible-change', isActive.value),
@@ -23223,6 +23264,13 @@ var VcComponents = (function (exports, vue) {
 	            "readonly": true,
 	            "placeholder": its.value.attrs?.placeholder || '请选择'
 	          }, {
+	            prepend: () => {
+	              if (slots.prepend) return slots.prepend?.();
+	              if (!props.label) return null;
+	              return vue.createVNode("span", {
+	                "class": "vc-select__label"
+	              }, [props.label]);
+	            },
 	            content: multiple.value && currentValue.value && currentValue.value.length > 0 ? () => {
 	              return vue.createVNode("div", {
 	                "class": [classes.value, 'vc-select__tags']
@@ -23244,7 +23292,7 @@ var VcComponents = (function (exports, vue) {
 	              }, [vue.createVNode(Icon, {
 	                "type": showClear.value ? 'clear' : icon.value,
 	                "class": [{
-	                  'is-arrow': !showClear
+	                  'is-arrow': !showClear.value
 	                }, 'vc-select__icon'],
 	                "onClick": handleClear
 	              }, null)]);
@@ -25747,6 +25795,7 @@ var VcComponents = (function (exports, vue) {
 	  });
 	  const classes = vue.computed(() => {
 	    return {
+	      "is-disabled": props.disabled,
 	      "is-loading": isLoading.value,
 	      "is-checked": checked.value
 	    };