@deot/vc-components 1.0.44 → 1.0.46

package/dist/index.js

@@ -274,7 +274,9 @@ const Affix = /* @__PURE__ */ defineComponent({
           [`vc-affix__${props.fixed ? 'fixed' : 'absolute'}`]: isActive.value
         },
         "style": contentStyle.value
-      }, [slots?.default?.()])]);
+      }, [slots?.default?.({
+        active: isActive.value
+      })])]);
     };
   }
 });
@@ -11423,7 +11425,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 = {}) => {
@@ -11583,7 +11592,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) => {
@@ -11665,6 +11676,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
     ];
   });
@@ -11675,9 +11687,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 = computed(() => {
+    return [form.props.errorStyle, props.errorStyle];
+  });
+  const labelClass = computed(() => {
+    return [form.props.labelClass, props.labelClass];
+  });
+  const contentClass = computed(() => {
+    return [form.props.contentClass, props.contentClass];
+  });
+  const errorClass = computed(() => {
+    return [form.props.errorClass, props.errorClass];
+  });
   const isStyleless = computed(() => {
     return props.styleless || form.props.styleless;
   });
@@ -11840,6 +11865,10 @@ const useFormItem = (expose) => {
     classes,
     labelStyle,
     contentStyle,
+    errorStyle,
+    labelClass,
+    contentClass,
+    errorClass,
     showError,
     labelPosition
   };
@@ -11862,6 +11891,10 @@ const FormItem = /* @__PURE__ */ defineComponent({
       classes,
       labelStyle,
       contentStyle,
+      errorStyle,
+      labelClass,
+      contentClass,
+      errorClass,
       showError,
       validateMessage
     } = it;
@@ -11875,27 +11908,30 @@ const FormItem = /* @__PURE__ */ defineComponent({
         show: showError.value,
         nest: isNest.value,
         message: validateMessage.value,
-        class: errorColorClass
+        class: [errorColorClass, ...errorClass.value],
+        style: errorStyle.value
       })];
       return createVNode("div", {
         "class": ['vc-form-item', classes.value]
       }, [(label || slots.label) && createVNode("div", {
         "style": labelStyle.value,
-        "class": ['vc-form-item__label', props.labelClass],
+        "class": ['vc-form-item__label', ...labelClass.value],
         "for": labelFor
       }, [createVNode("label", null, [label || slots.label?.()])]), createVNode("div", {
         "class": "vc-form-item__wrapper"
       }, [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
       }) : createVNode(TransitionFade, null, {
         default: () => [withDirectives(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]), [[vShow, showError.value]])]
       })])])]);
     };
@@ -11961,6 +11997,10 @@ const MFormItem = /* @__PURE__ */ defineComponent({
       classes,
       labelStyle,
       contentStyle,
+      errorStyle,
+      labelClass,
+      contentClass,
+      errorClass,
       isNest,
       showError,
       validateMessage
@@ -11976,7 +12016,8 @@ const MFormItem = /* @__PURE__ */ defineComponent({
         show: showError.value,
         nest: isNest.value,
         message: validateMessage.value,
-        class: errorColorClass
+        class: [errorColorClass, ...errorClass.value],
+        style: errorStyle.value
       })];
       return createVNode("div", {
         "style": {
@@ -11988,14 +12029,15 @@ const MFormItem = /* @__PURE__ */ defineComponent({
       }, [(props.label || slots.label) && createVNode("label", {
         "for": labelFor,
         "style": labelStyle.value,
-        "class": "vcm-form-item__label"
+        "class": ['vcm-form-item__label', ...labelClass.value]
       }, [label || slots.label?.()]), createVNode("div", {
         "style": contentStyle.value,
-        "class": "vcm-form-item__content"
+        "class": ['vcm-form-item__content', ...contentClass.value]
       }, [slots.default?.(), showMessage && showError.value && createVNode("div", {
         "class": [{
           'is-nest': isNest.value
-        }, errorColorClass]
+        }, errorColorClass, ...errorClass.value],
+        "style": errorStyle.value
       }, [slots.error ? slots.error({
         message: validateMessage.value
       }) : validateMessage.value])])])]);
@@ -16692,6 +16734,7 @@ const useSwitch = (expose) => {
   });
   const classes = computed(() => {
     return {
+      "is-disabled": props.disabled,
       "is-loading": isLoading.value,
       "is-checked": checked.value
     };
@@ -19979,6 +20022,7 @@ const useTabs = (options = {}) => {
     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;
@@ -20238,6 +20282,9 @@ const props$b = {
     type: [String, Function],
     default: ""
   },
+  anchor: {
+    type: String
+  },
   /**
    * 服务端渲染时，lazy设置为false，可以把内容渲染出来;
    * 不能设置为!IS_SERVER, 会影响客服端激活，不一样会存在问题
@@ -20694,6 +20741,10 @@ const props$9 = {
     default: (props$) => {
       return props$.value;
     }
+  },
+  theme: {
+    type: String,
+    default: "dark"
   }
 };
 
@@ -20746,7 +20797,7 @@ const Text = /* @__PURE__ */ defineComponent({
           // 确保不重复创建
           triggerEl: e.target,
           hover: true,
-          theme: 'dark',
+          theme: props.theme,
           placement: props.placement,
           portalClass: props.portalClass,
           portalStyle: [props.portalStyle || `width: ${e.target.clientWidth}px`, 'word-break: break-all'],