@deot/vc 1.0.44 → 1.0.46

package/dist/index.d.ts

@@ -2495,10 +2495,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 +2801,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 +3573,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 +3615,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 +3671,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 +3721,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 +3784,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 +3835,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 +3896,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 +3951,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 +5703,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 +5736,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 +5769,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 +5802,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 +8652,8 @@ export declare const Components: {
     height: string | number;
     always: boolean;
     wrapperStyle: StyleValue;
+    contentStyle: StyleValue;
+    contentClass: StyleValue;
     thumbMinSize: number;
     native: boolean;
     autoResize: boolean;
@@ -8627,8 +8661,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 +8794,8 @@ export declare const Components: {
     height: string | number;
     always: boolean;
     wrapperStyle: StyleValue;
+    contentStyle: StyleValue;
+    contentClass: StyleValue;
     thumbMinSize: number;
     native: boolean;
     autoResize: boolean;
@@ -8769,8 +8803,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<    {
@@ -10200,6 +10232,9 @@ export declare const Components: {
     type: (StringConstructor | FunctionConstructor)[];
     default: string;
     };
+    anchor: {
+    type: StringConstructor;
+    };
     lazy: {
     type: BooleanConstructor;
     default: boolean;
@@ -10217,6 +10252,9 @@ export declare const Components: {
     type: (StringConstructor | FunctionConstructor)[];
     default: string;
     };
+    anchor: {
+    type: StringConstructor;
+    };
     lazy: {
     type: BooleanConstructor;
     default: boolean;
@@ -10240,6 +10278,9 @@ export declare const Components: {
     type: (StringConstructor | FunctionConstructor)[];
     default: string;
     };
+    anchor: {
+    type: StringConstructor;
+    };
     lazy: {
     type: BooleanConstructor;
     default: boolean;
@@ -10257,6 +10298,9 @@ export declare const Components: {
     type: (StringConstructor | FunctionConstructor)[];
     default: string;
     };
+    anchor: {
+    type: StringConstructor;
+    };
     lazy: {
     type: BooleanConstructor;
     default: boolean;
@@ -10426,6 +10470,10 @@ export declare const Components: {
     type: FunctionConstructor;
     default: (props$: any) => any;
     };
+    theme: {
+    type: StringConstructor;
+    default: string;
+    };
     }>, () => JSX_2.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
     tag: {
     type: StringConstructor;
@@ -10461,12 +10509,17 @@ export declare const Components: {
     type: FunctionConstructor;
     default: (props$: any) => any;
     };
+    theme: {
+    type: StringConstructor;
+    default: string;
+    };
     }>> & Readonly<{}>, {
     resize: number | boolean;
     tag: string;
     line: number;
     placement: string;
     value: string;
+    theme: string;
     indent: number;
     suffix: string;
     renderRow: Function;
@@ -10506,6 +10559,10 @@ export declare const Components: {
     type: FunctionConstructor;
     default: (props$: any) => any;
     };
+    theme: {
+    type: StringConstructor;
+    default: string;
+    };
     }>, () => JSX_2.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
     tag: {
     type: StringConstructor;
@@ -10541,12 +10598,17 @@ export declare const Components: {
     type: FunctionConstructor;
     default: (props$: any) => any;
     };
+    theme: {
+    type: StringConstructor;
+    default: string;
+    };
     }>> & Readonly<{}>, {
     resize: number | boolean;
     tag: string;
     line: number;
     placement: string;
     value: string;
+    theme: string;
     indent: number;
     suffix: string;
     renderRow: Function;

package/dist/index.iife.js

@@ -9312,7 +9312,9 @@ var Vc = (function (exports, vue) {
             [`vc-affix__${props2.fixed ? "fixed" : "absolute"}`]: isActive.value
           },
           "style": contentStyle.value
-        }, [slots?.default?.()])]);
+        }, [slots?.default?.({
+          active: isActive.value
+        })])]);
       };
     }
   });
@@ -19887,7 +19889,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();
@@ -20044,7 +20053,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) {
@@ -20125,6 +20136,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
       ];
     });
@@ -20135,9 +20147,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;
     });
@@ -20300,6 +20325,10 @@ var Vc = (function (exports, vue) {
       classes,
       labelStyle,
       contentStyle,
+      errorStyle,
+      labelClass,
+      contentClass,
+      errorClass,
       showError,
       labelPosition
     };
@@ -20319,6 +20348,10 @@ var Vc = (function (exports, vue) {
         classes,
         labelStyle,
         contentStyle,
+        errorStyle,
+        labelClass,
+        contentClass,
+        errorClass,
         showError,
         validateMessage
       } = it;
@@ -20332,27 +20365,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]])]
         })])])]);
       };
@@ -20412,6 +20448,10 @@ var Vc = (function (exports, vue) {
         classes,
         labelStyle,
         contentStyle,
+        errorStyle,
+        labelClass,
+        contentClass,
+        errorClass,
         isNest,
         showError,
         validateMessage
@@ -20427,7 +20467,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": {
@@ -20439,14 +20480,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])])])]);
@@ -24812,6 +24854,7 @@ var Vc = (function (exports, vue) {
     });
     const classes = vue.computed(() => {
       return {
+        "is-disabled": props2.disabled,
         "is-loading": isLoading.value,
         "is-checked": checked.value
       };
@@ -27990,6 +28033,7 @@ var Vc = (function (exports, vue) {
       emit("update:modelValue", currentValue.value);
       emit("change", currentValue.value);
       emit("click", currentValue.value);
+      nav.anchor && document.querySelector(nav.anchor)?.scrollIntoView?.({ behavior: "smooth" });
     };
     const handleResize = () => {
       if (instance.isUnmounted) return;
@@ -28226,6 +28270,9 @@ var Vc = (function (exports, vue) {
       type: [String, Function],
       default: ""
     },
+    anchor: {
+      type: String
+    },
     /**
      * 服务端渲染时，lazy设置为false，可以把内容渲染出来;
      * 不能设置为!IS_SERVER, 会影响客服端激活，不一样会存在问题
@@ -28635,6 +28682,10 @@ var Vc = (function (exports, vue) {
       default: (props$) => {
         return props$.value;
       }
+    },
+    theme: {
+      type: String,
+      default: "dark"
     }
   };
   const COMPONENT_NAME$e = "vc-text";
@@ -28684,7 +28735,7 @@ var Vc = (function (exports, vue) {
             // 确保不重复创建
             triggerEl: e.target,
             hover: true,
-            theme: "dark",
+            theme: props2.theme,
             placement: props2.placement,
             portalClass: props2.portalClass,
             portalStyle: [props2.portalStyle || `width: ${e.target.clientWidth}px`, "word-break: break-all"],

package/dist/index.umd.cjs

@@ -9315,7 +9315,9 @@
             [`vc-affix__${props2.fixed ? "fixed" : "absolute"}`]: isActive.value
           },
           "style": contentStyle.value
-        }, [slots?.default?.()])]);
+        }, [slots?.default?.({
+          active: isActive.value
+        })])]);
       };
     }
   });
@@ -19890,7 +19892,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();
@@ -20047,7 +20056,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) {
@@ -20128,6 +20139,7 @@
           width: labelPosition.value !== "top" && labelWidth && labelWidth > 0 ? `${labelWidth}px` : "auto",
           textAlign: labelPosition.value === "top" ? "left" : labelPosition.value
         },
+        form.props.labelStyle,
         props2.labelStyle
       ];
     });
@@ -20138,9 +20150,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;
     });
@@ -20303,6 +20328,10 @@
       classes,
       labelStyle,
       contentStyle,
+      errorStyle,
+      labelClass,
+      contentClass,
+      errorClass,
       showError,
       labelPosition
     };
@@ -20322,6 +20351,10 @@
         classes,
         labelStyle,
         contentStyle,
+        errorStyle,
+        labelClass,
+        contentClass,
+        errorClass,
         showError,
         validateMessage
       } = it;
@@ -20335,27 +20368,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]])]
         })])])]);
       };
@@ -20415,6 +20451,10 @@
         classes,
         labelStyle,
         contentStyle,
+        errorStyle,
+        labelClass,
+        contentClass,
+        errorClass,
         isNest,
         showError,
         validateMessage
@@ -20430,7 +20470,8 @@
           show: showError.value,
           nest: isNest.value,
           message: validateMessage.value,
-          class: errorColorClass
+          class: [errorColorClass, ...errorClass.value],
+          style: errorStyle.value
         })];
         return vue.createVNode("div", {
           "style": {
@@ -20442,14 +20483,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])])])]);
@@ -24815,6 +24857,7 @@
     });
     const classes = vue.computed(() => {
       return {
+        "is-disabled": props2.disabled,
         "is-loading": isLoading.value,
         "is-checked": checked.value
       };
@@ -27993,6 +28036,7 @@
       emit("update:modelValue", currentValue.value);
       emit("change", currentValue.value);
       emit("click", currentValue.value);
+      nav.anchor && document.querySelector(nav.anchor)?.scrollIntoView?.({ behavior: "smooth" });
     };
     const handleResize = () => {
       if (instance.isUnmounted) return;
@@ -28229,6 +28273,9 @@
       type: [String, Function],
       default: ""
     },
+    anchor: {
+      type: String
+    },
     /**
      * 服务端渲染时，lazy设置为false，可以把内容渲染出来;
      * 不能设置为!IS_SERVER, 会影响客服端激活，不一样会存在问题
@@ -28638,6 +28685,10 @@
       default: (props$) => {
         return props$.value;
       }
+    },
+    theme: {
+      type: String,
+      default: "dark"
     }
   };
   const COMPONENT_NAME$e = "vc-text";
@@ -28687,7 +28738,7 @@
             // 确保不重复创建
             triggerEl: e.target,
             hover: true,
-            theme: "dark",
+            theme: props2.theme,
             placement: props2.placement,
             portalClass: props2.portalClass,
             portalStyle: [props2.portalStyle || `width: ${e.target.clientWidth}px`, "word-break: break-all"],

package/package.json

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