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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "plain-design",
3
- "version": "1.0.0-beta.92",
3
+ "version": "1.0.0-beta.93",
4
4
  "description": "",
5
5
  "main": "dist/plain-design.min.js",
6
6
  "module": "dist/plain-design.commonjs.min.js",
@@ -178,7 +178,6 @@ export const FilterFormMultiple = designComponent({
178
178
  const formAttrs = computed(() => {
179
179
  return {
180
180
  column: props.column,
181
- labelAlign: 'right' as const,
182
181
  labelWidth: 100,
183
182
  ...props.formAttrs,
184
183
  };
@@ -222,7 +221,9 @@ export const FilterFormMultiple = designComponent({
222
221
  return (
223
222
  <FormItem
224
223
  class={isFirstColumn ? 'filter-form-multiple-first-column' : undefined}
225
- key={key} label={label}
224
+ labelAlign={isFirstColumn ? 'left' : 'right'}
225
+ key={key}
226
+ label={label}
226
227
  column={column}
227
228
  >
228
229
  <InputGroup>
@@ -204,6 +204,9 @@
204
204
 
205
205
  &.form-vertical-label {
206
206
  @include prefix(form-item) {
207
+ .form-item-label {
208
+ display: block;
209
+ }
207
210
  .form-item-label, .form-item-content {
208
211
  width: 100%;
209
212
  }
@@ -119,7 +119,7 @@ export const useFormLayout = (() => {
119
119
  if (!!props.validateMessagePosition) {return props.validateMessagePosition;}
120
120
 
121
121
  /*纵向文本的情况下,校验消息默认放在左下角*/
122
- if (props.verticalLabel) {return FormValidateMessagePosition["bottom-left"];}
122
+ if (props.verticalLabel) {return FormValidateMessagePosition["bottom-right"];}
123
123
  if (isSingleColumn.value) {
124
124
  /*单列的情况下,校验消息默认放在右侧*/
125
125
  return FormValidateMessagePosition['right'];
@@ -204,7 +204,7 @@ export const useFormLayout = (() => {
204
204
  * @author 韦胜健
205
205
  * @date 2022.9.4 23:22
206
206
  */
207
- const labelAlign = computed(() => props.labelAlign || form.props.labelAlign || (form.props.verticalLabel ? eFormLabelAlign.left : eFormLabelAlign.right));
207
+ const labelAlign = computed(() => form.props.verticalLabel ? eFormLabelAlign.left : (props.labelAlign || form.props.labelAlign));
208
208
 
209
209
  /**
210
210
  * 内容对其方式