@deot/vc 1.0.45 → 1.0.47

package/dist/index.d.ts

@@ -763,6 +763,7 @@ export declare const Components: {
     type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
     default: undefined;
     };
+    label: StringConstructor;
     id: {
     type: StringConstructor;
     };
@@ -848,6 +849,7 @@ export declare const Components: {
     type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
     default: undefined;
     };
+    label: StringConstructor;
     id: {
     type: StringConstructor;
     };
@@ -959,6 +961,7 @@ export declare const Components: {
     type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
     default: undefined;
     };
+    label: StringConstructor;
     id: {
     type: StringConstructor;
     };
@@ -1044,6 +1047,7 @@ export declare const Components: {
     type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
     default: undefined;
     };
+    label: StringConstructor;
     id: {
     type: StringConstructor;
     };
@@ -2495,10 +2499,10 @@ export declare const Components: {
             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;
@@ -2801,10 +2805,10 @@ export declare const Components: {
             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;
@@ -3573,6 +3577,12 @@ export declare const Components: {
     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<    {
@@ -3609,6 +3619,12 @@ export declare const Components: {
     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;
@@ -3659,6 +3675,12 @@ export declare const Components: {
     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<    {
@@ -3703,6 +3725,12 @@ export declare const Components: {
     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;
@@ -3760,6 +3788,8 @@ export declare const Components: {
     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<    {
@@ -3809,6 +3839,8 @@ export declare const Components: {
     contentClass: (ObjectConstructor | StringConstructor)[];
     labelStyle: (ObjectConstructor | StringConstructor)[];
     labelClass: (ObjectConstructor | StringConstructor)[];
+    errorStyle: (ObjectConstructor | StringConstructor)[];
+    errorClass: (ObjectConstructor | StringConstructor)[];
     }>> & Readonly<{}>, {
     label: string;
     styleless: boolean;
@@ -3868,6 +3900,8 @@ export declare const Components: {
     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<    {
@@ -3921,6 +3955,8 @@ export declare const Components: {
     contentClass: (ObjectConstructor | StringConstructor)[];
     labelStyle: (ObjectConstructor | StringConstructor)[];
     labelClass: (ObjectConstructor | StringConstructor)[];
+    errorStyle: (ObjectConstructor | StringConstructor)[];
+    errorClass: (ObjectConstructor | StringConstructor)[];
     }>> & Readonly<{}>, {
     label: string;
     styleless: boolean;
@@ -5671,10 +5707,10 @@ export declare const Components: {
             x?: number | undefined;
             y?: number | 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;
         } & {
             onClose: (...args: any[]) => any;
         }>) => PortalLeaf;
@@ -5704,10 +5740,10 @@ export declare const Components: {
             x?: number | undefined;
             y?: number | 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;
         } & {
             onClose: (...args: any[]) => any;
         }>) => PortalLeaf;
@@ -5737,10 +5773,10 @@ export declare const Components: {
             x?: number | undefined;
             y?: number | 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;
         } & {
             onClose: (...args: any[]) => any;
         }>) => PortalLeaf;
@@ -5770,10 +5806,10 @@ export declare const Components: {
             x?: number | undefined;
             y?: number | 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;
         } & {
             onClose: (...args: any[]) => any;
         }>) => PortalLeaf;
@@ -8620,6 +8656,8 @@ export declare const Components: {
     height: string | number;
     always: boolean;
     wrapperStyle: StyleValue;
+    contentStyle: StyleValue;
+    contentClass: StyleValue;
     thumbMinSize: number;
     native: boolean;
     autoResize: boolean;
@@ -8627,8 +8665,6 @@ export declare const Components: {
     trackOffsetY: number[];
     maxHeight: string | number;
     wrapperClass: StyleValue;
-    contentStyle: StyleValue;
-    contentClass: StyleValue;
     showBar: boolean;
     }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
     MScroller: DefineComponent<ExtractPropTypes<    {
@@ -8762,6 +8798,8 @@ export declare const Components: {
     height: string | number;
     always: boolean;
     wrapperStyle: StyleValue;
+    contentStyle: StyleValue;
+    contentClass: StyleValue;
     thumbMinSize: number;
     native: boolean;
     autoResize: boolean;
@@ -8769,8 +8807,6 @@ export declare const Components: {
     trackOffsetY: number[];
     maxHeight: string | number;
     wrapperClass: StyleValue;
-    contentStyle: StyleValue;
-    contentClass: StyleValue;
     showBar: boolean;
     }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
     Select: DefineComponent<ExtractPropTypes<    {
@@ -8833,6 +8869,7 @@ export declare const Components: {
     type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
     default: undefined;
     };
+    label: StringConstructor;
     id: {
     type: StringConstructor;
     };
@@ -8910,6 +8947,7 @@ export declare const Components: {
     type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
     default: undefined;
     };
+    label: StringConstructor;
     id: {
     type: StringConstructor;
     };
@@ -9012,6 +9050,7 @@ export declare const Components: {
     type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
     default: undefined;
     };
+    label: StringConstructor;
     id: {
     type: StringConstructor;
     };
@@ -9089,6 +9128,7 @@ export declare const Components: {
     type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
     default: undefined;
     };
+    label: StringConstructor;
     id: {
     type: StringConstructor;
     };

package/dist/index.iife.js

@@ -12594,7 +12594,8 @@ var Vc = (function (exports, vue) {
     nullValue: {
       type: [Number, String, Object],
       default: void 0
-    }
+    },
+    label: String
   };
   const props$18 = {
     ...props$19,
@@ -19889,7 +19890,14 @@ var Vc = (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 = {}) => {
     const instance = vue.getCurrentInstance();
@@ -20046,7 +20054,9 @@ var Vc = (function (exports, vue) {
     contentStyle: [Object, String],
     contentClass: [Object, String],
     labelStyle: [Object, String],
-    labelClass: [Object, String]
+    labelClass: [Object, String],
+    errorStyle: [Object, String],
+    errorClass: [Object, String]
   };
   const filterEmpty = (val) => {
     if (val instanceof Array) {
@@ -20127,6 +20137,7 @@ var Vc = (function (exports, vue) {
           width: labelPosition.value !== "top" && labelWidth && labelWidth > 0 ? `${labelWidth}px` : "auto",
           textAlign: labelPosition.value === "top" ? "left" : labelPosition.value
         },
+        form.props.labelStyle,
         props2.labelStyle
       ];
     });
@@ -20137,9 +20148,22 @@ var Vc = (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,
         props2.contentStyle
       ];
     });
+    const errorStyle = vue.computed(() => {
+      return [form.props.errorStyle, props2.errorStyle];
+    });
+    const labelClass = vue.computed(() => {
+      return [form.props.labelClass, props2.labelClass];
+    });
+    const contentClass = vue.computed(() => {
+      return [form.props.contentClass, props2.contentClass];
+    });
+    const errorClass = vue.computed(() => {
+      return [form.props.errorClass, props2.errorClass];
+    });
     const isStyleless = vue.computed(() => {
       return props2.styleless || form.props.styleless;
     });
@@ -20302,6 +20326,10 @@ var Vc = (function (exports, vue) {
       classes,
       labelStyle,
       contentStyle,
+      errorStyle,
+      labelClass,
+      contentClass,
+      errorClass,
       showError,
       labelPosition
     };
@@ -20321,6 +20349,10 @@ var Vc = (function (exports, vue) {
         classes,
         labelStyle,
         contentStyle,
+        errorStyle,
+        labelClass,
+        contentClass,
+        errorClass,
         showError,
         validateMessage
       } = it;
@@ -20334,27 +20366,30 @@ var Vc = (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", props2.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", props2.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]])]
         })])])]);
       };
@@ -20414,6 +20449,10 @@ var Vc = (function (exports, vue) {
         classes,
         labelStyle,
         contentStyle,
+        errorStyle,
+        labelClass,
+        contentClass,
+        errorClass,
         isNest,
         showError,
         validateMessage
@@ -20429,7 +20468,8 @@ var Vc = (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": {
@@ -20441,14 +20481,15 @@ var Vc = (function (exports, vue) {
         }, [(props2.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])])])]);
@@ -22552,7 +22593,7 @@ var Vc = (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),
@@ -22568,6 +22609,13 @@ var Vc = (function (exports, vue) {
               "readonly": true,
               "placeholder": its.value.attrs?.placeholder || "请选择"
             }, {
+              prepend: () => {
+                if (slots.prepend) return slots.prepend?.();
+                if (!props2.label) return null;
+                return vue.createVNode("span", {
+                  "class": "vc-select__label"
+                }, [props2.label]);
+              },
               content: multiple.value && currentValue.value && currentValue.value.length > 0 ? () => {
                 return vue.createVNode("div", {
                   "class": [classes.value, "vc-select__tags"]
@@ -22589,7 +22637,7 @@ var Vc = (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)]);
@@ -24814,6 +24862,7 @@ var Vc = (function (exports, vue) {
     });
     const classes = vue.computed(() => {
       return {
+        "is-disabled": props2.disabled,
         "is-loading": isLoading.value,
         "is-checked": checked.value
       };

package/dist/index.umd.cjs

@@ -12597,7 +12597,8 @@
     nullValue: {
       type: [Number, String, Object],
       default: void 0
-    }
+    },
+    label: String
   };
   const props$18 = {
     ...props$19,
@@ -19892,7 +19893,14 @@
     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 = {}) => {
     const instance = vue.getCurrentInstance();
@@ -20049,7 +20057,9 @@
     contentStyle: [Object, String],
     contentClass: [Object, String],
     labelStyle: [Object, String],
-    labelClass: [Object, String]
+    labelClass: [Object, String],
+    errorStyle: [Object, String],
+    errorClass: [Object, String]
   };
   const filterEmpty = (val) => {
     if (val instanceof Array) {
@@ -20130,6 +20140,7 @@
           width: labelPosition.value !== "top" && labelWidth && labelWidth > 0 ? `${labelWidth}px` : "auto",
           textAlign: labelPosition.value === "top" ? "left" : labelPosition.value
         },
+        form.props.labelStyle,
         props2.labelStyle
       ];
     });
@@ -20140,9 +20151,22 @@
           marginLeft: !hasLabel.value && isNest.value ? 0 : labelWidth && labelWidth > 0 ? `${labelWidth}px` : "unset",
           marginBottom: isNest.value && !isNestLast.value ? `20px` : 0
         },
+        form.props.contentStyle,
         props2.contentStyle
       ];
     });
+    const errorStyle = vue.computed(() => {
+      return [form.props.errorStyle, props2.errorStyle];
+    });
+    const labelClass = vue.computed(() => {
+      return [form.props.labelClass, props2.labelClass];
+    });
+    const contentClass = vue.computed(() => {
+      return [form.props.contentClass, props2.contentClass];
+    });
+    const errorClass = vue.computed(() => {
+      return [form.props.errorClass, props2.errorClass];
+    });
     const isStyleless = vue.computed(() => {
       return props2.styleless || form.props.styleless;
     });
@@ -20305,6 +20329,10 @@
       classes,
       labelStyle,
       contentStyle,
+      errorStyle,
+      labelClass,
+      contentClass,
+      errorClass,
       showError,
       labelPosition
     };
@@ -20324,6 +20352,10 @@
         classes,
         labelStyle,
         contentStyle,
+        errorStyle,
+        labelClass,
+        contentClass,
+        errorClass,
         showError,
         validateMessage
       } = it;
@@ -20337,27 +20369,30 @@
           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", props2.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", props2.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]])]
         })])])]);
       };
@@ -20417,6 +20452,10 @@
         classes,
         labelStyle,
         contentStyle,
+        errorStyle,
+        labelClass,
+        contentClass,
+        errorClass,
         isNest,
         showError,
         validateMessage
@@ -20432,7 +20471,8 @@
           show: showError.value,
           nest: isNest.value,
           message: validateMessage.value,
-          class: errorColorClass
+          class: [errorColorClass, ...errorClass.value],
+          style: errorStyle.value
         })];
         return vue.createVNode("div", {
           "style": {
@@ -20444,14 +20484,15 @@
         }, [(props2.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])])])]);
@@ -22555,7 +22596,7 @@
           "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),
@@ -22571,6 +22612,13 @@
               "readonly": true,
               "placeholder": its.value.attrs?.placeholder || "请选择"
             }, {
+              prepend: () => {
+                if (slots.prepend) return slots.prepend?.();
+                if (!props2.label) return null;
+                return vue.createVNode("span", {
+                  "class": "vc-select__label"
+                }, [props2.label]);
+              },
               content: multiple.value && currentValue.value && currentValue.value.length > 0 ? () => {
                 return vue.createVNode("div", {
                   "class": [classes.value, "vc-select__tags"]
@@ -22592,7 +22640,7 @@
                 }, [vue.createVNode(Icon, {
                   "type": showClear.value ? "clear" : icon.value,
                   "class": [{
-                    "is-arrow": !showClear
+                    "is-arrow": !showClear.value
                   }, "vc-select__icon"],
                   "onClick": handleClear
                 }, null)]);
@@ -24817,6 +24865,7 @@
     });
     const classes = vue.computed(() => {
       return {
+        "is-disabled": props2.disabled,
         "is-loading": isLoading.value,
         "is-checked": checked.value
       };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deot/vc",
-  "version": "1.0.45",
+  "version": "1.0.47",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,9 +19,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@deot/vc-components": "^1.0.45",
-    "@deot/vc-hooks": "^1.0.45",
-    "@deot/vc-shared": "^1.0.45"
+    "@deot/vc-components": "^1.0.47",
+    "@deot/vc-hooks": "^1.0.47",
+    "@deot/vc-shared": "^1.0.47"
   },
   "peerDependencies": {
     "vue": "*"