@deot/vc-components 1.0.44 → 1.0.46

package/dist/index.umd.cjs

@@ -477,7 +477,9 @@
 	          [`vc-affix__${props.fixed ? 'fixed' : 'absolute'}`]: isActive.value
 	        },
 	        "style": contentStyle.value
-	      }, [slots?.default?.()])]);
+	      }, [slots?.default?.({
+	        active: isActive.value
+	      })])]);
 	    };
 	  }
 	});
@@ -19859,7 +19861,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 = {}) => {
@@ -20019,7 +20028,9 @@
 	  contentStyle: [Object, String],
 	  contentClass: [Object, String],
 	  labelStyle: [Object, String],
-	  labelClass: [Object, String]
+	  labelClass: [Object, String],
+	  errorStyle: [Object, String],
+	  errorClass: [Object, String]
 	};
 
 	class Validator {
@@ -20233,6 +20244,7 @@
 	        width: labelPosition.value !== "top" && labelWidth && labelWidth > 0 ? `${labelWidth}px` : "auto",
 	        textAlign: labelPosition.value === "top" ? "left" : labelPosition.value
 	      },
+	      form.props.labelStyle,
 	      props.labelStyle
 	    ];
 	  });
@@ -20243,9 +20255,22 @@
 	        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;
 	  });
@@ -20408,6 +20433,10 @@
 	    classes,
 	    labelStyle,
 	    contentStyle,
+	    errorStyle,
+	    labelClass,
+	    contentClass,
+	    errorClass,
 	    showError,
 	    labelPosition
 	  };
@@ -20430,6 +20459,10 @@
 	      classes,
 	      labelStyle,
 	      contentStyle,
+	      errorStyle,
+	      labelClass,
+	      contentClass,
+	      errorClass,
 	      showError,
 	      validateMessage
 	    } = it;
@@ -20443,27 +20476,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', 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]])]
 	      })])])]);
 	    };
@@ -20529,6 +20565,10 @@
 	      classes,
 	      labelStyle,
 	      contentStyle,
+	      errorStyle,
+	      labelClass,
+	      contentClass,
+	      errorClass,
 	      isNest,
 	      showError,
 	      validateMessage
@@ -20544,7 +20584,8 @@
 	        show: showError.value,
 	        nest: isNest.value,
 	        message: validateMessage.value,
-	        class: errorColorClass
+	        class: [errorColorClass, ...errorClass.value],
+	        style: errorStyle.value
 	      })];
 	      return vue.createVNode("div", {
 	        "style": {
@@ -20556,14 +20597,15 @@
 	      }, [(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])])])]);
@@ -25748,6 +25790,7 @@
 	  });
 	  const classes = vue.computed(() => {
 	    return {
+	      "is-disabled": props.disabled,
 	      "is-loading": isLoading.value,
 	      "is-checked": checked.value
 	    };
@@ -29035,6 +29078,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;
@@ -29294,6 +29338,9 @@
 	    type: [String, Function],
 	    default: ""
 	  },
+	  anchor: {
+	    type: String
+	  },
 	  /**
 	   * 服务端渲染时，lazy设置为false，可以把内容渲染出来;
 	   * 不能设置为!IS_SERVER, 会影响客服端激活，不一样会存在问题
@@ -29750,6 +29797,10 @@
 	    default: (props$) => {
 	      return props$.value;
 	    }
+	  },
+	  theme: {
+	    type: String,
+	    default: "dark"
 	  }
 	};
 
@@ -29802,7 +29853,7 @@
 	          // 确保不重复创建
 	          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'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deot/vc-components",
-  "version": "1.0.44",
+  "version": "1.0.46",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",