@deot/vc-components 1.0.45 → 1.0.47

package/dist/index.js

@@ -3728,7 +3728,8 @@ const props$19 = {
   nullValue: {
     type: [Number, String, Object],
     default: void 0
-  }
+  },
+  label: String
 };
 
 const props$18 = {
@@ -11425,7 +11426,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 = {}) => {
@@ -11585,7 +11593,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) => {
@@ -11667,6 +11677,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
     ];
   });
@@ -11677,9 +11688,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;
   });
@@ -11842,6 +11866,10 @@ const useFormItem = (expose) => {
     classes,
     labelStyle,
     contentStyle,
+    errorStyle,
+    labelClass,
+    contentClass,
+    errorClass,
     showError,
     labelPosition
   };
@@ -11864,6 +11892,10 @@ const FormItem = /* @__PURE__ */ defineComponent({
       classes,
       labelStyle,
       contentStyle,
+      errorStyle,
+      labelClass,
+      contentClass,
+      errorClass,
       showError,
       validateMessage
     } = it;
@@ -11877,27 +11909,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]])]
       })])])]);
     };
@@ -11963,6 +11998,10 @@ const MFormItem = /* @__PURE__ */ defineComponent({
       classes,
       labelStyle,
       contentStyle,
+      errorStyle,
+      labelClass,
+      contentClass,
+      errorClass,
       isNest,
       showError,
       validateMessage
@@ -11978,7 +12017,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": {
@@ -11990,14 +12030,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])])])]);
@@ -14268,7 +14309,7 @@ const Select = /* @__PURE__ */ 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),
@@ -14284,6 +14325,13 @@ const Select = /* @__PURE__ */ defineComponent({
             "readonly": true,
             "placeholder": its.value.attrs?.placeholder || '请选择'
           }, {
+            prepend: () => {
+              if (slots.prepend) return slots.prepend?.();
+              if (!props.label) return null;
+              return createVNode("span", {
+                "class": "vc-select__label"
+              }, [props.label]);
+            },
             content: multiple.value && currentValue.value && currentValue.value.length > 0 ? () => {
               return createVNode("div", {
                 "class": [classes.value, 'vc-select__tags']
@@ -14305,7 +14353,7 @@ const Select = /* @__PURE__ */ defineComponent({
               }, [createVNode(Icon, {
                 "type": showClear.value ? 'clear' : icon.value,
                 "class": [{
-                  'is-arrow': !showClear
+                  'is-arrow': !showClear.value
                 }, 'vc-select__icon'],
                 "onClick": handleClear
               }, null)]);
@@ -16694,6 +16742,7 @@ const useSwitch = (expose) => {
   });
   const classes = computed(() => {
     return {
+      "is-disabled": props.disabled,
       "is-loading": isLoading.value,
       "is-checked": checked.value
     };