plain-design 1.0.0-beta.92 → 1.0.0-beta.93

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plain-design",
-  "version": "1.0.0-beta.92",
+  "version": "1.0.0-beta.93",
   "description": "",
   "main": "dist/plain-design.min.js",
   "module": "dist/plain-design.commonjs.min.js",

package/src/packages/components/FilterFormMultiple/index.tsx

@@ -178,7 +178,6 @@ export const FilterFormMultiple = designComponent({
     const formAttrs = computed(() => {
       return {
         column: props.column,
-        labelAlign: 'right' as const,
         labelWidth: 100,
         ...props.formAttrs,
       };
@@ -222,7 +221,9 @@ export const FilterFormMultiple = designComponent({
                 return (
                   <FormItem
                     class={isFirstColumn ? 'filter-form-multiple-first-column' : undefined}
-                    key={key} label={label}
+                    labelAlign={isFirstColumn ? 'left' : 'right'}
+                    key={key}
+                    label={label}
                     column={column}
                   >
                     <InputGroup>

package/src/packages/components/Form/form.scss

@@ -204,6 +204,9 @@
 
   &.form-vertical-label {
     @include prefix(form-item) {
+      .form-item-label {
+        display: block;
+      }
       .form-item-label, .form-item-content {
         width: 100%;
       }

package/src/packages/components/Form/layout/useFormLayout.tsx

@@ -119,7 +119,7 @@ export const useFormLayout = (() => {
       if (!!props.validateMessagePosition) {return props.validateMessagePosition;}
 
       /*纵向文本的情况下，校验消息默认放在左下角*/
-      if (props.verticalLabel) {return FormValidateMessagePosition["bottom-left"];}
+      if (props.verticalLabel) {return FormValidateMessagePosition["bottom-right"];}
       if (isSingleColumn.value) {
         /*单列的情况下，校验消息默认放在右侧*/
         return FormValidateMessagePosition['right'];
@@ -204,7 +204,7 @@ export const useFormLayout = (() => {
      * @author  韦胜健
      * @date    2022.9.4 23:22
      */
-    const labelAlign = computed(() => props.labelAlign || form.props.labelAlign || (form.props.verticalLabel ? eFormLabelAlign.left : eFormLabelAlign.right));
+    const labelAlign = computed(() => form.props.verticalLabel ? eFormLabelAlign.left : (props.labelAlign || form.props.labelAlign));
 
     /**
      * 内容对其方式