@hw-component/form 1.10.71 → 1.10.72

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.
Files changed (8) hide show
  1. package/es/Form/index.js +1 -2
  2. package/es/index.css +31 -9
  3. package/lib/Form/index.js +1 -2
  4. package/lib/index.css +31 -9
  5. package/package.json +1 -1
  6. package/src/components/Form/index.less +14 -4
  7. package/src/components/Form/index.tsx +1 -1
  8. package/src/pages/Form/index.tsx +1 -1
package/es/Form/index.js CHANGED
@@ -27,8 +27,7 @@ var HForm = (function (_ref) {
27
27
  formHideLabel = _ref$hideLabel === void 0 ? false : _ref$hideLabel,
28
28
  gutter = _ref.gutter,
29
29
  submitLoading = _ref.submitLoading,
30
- _ref$labelAlign = _ref.labelAlign,
31
- formLabelAlign = _ref$labelAlign === void 0 ? "right" : _ref$labelAlign,
30
+ formLabelAlign = _ref.labelAlign,
32
31
  formItemStyle = _ref.formItemStyle,
33
32
  _ref$itemProps = _ref.itemProps,
34
33
  formItemProps = _ref$itemProps === void 0 ? {} : _ref$itemProps,
package/es/index.css CHANGED
@@ -82,18 +82,18 @@
82
82
  align-items: center;
83
83
  min-height: 32px;
84
84
  }
85
- .ant-hw-form-base-item-top-left .ant-form-item-label > label {
85
+ .ant-hw-form-base-item-top-left > .ant-form-item-row .ant-form-item-label > label {
86
86
  height: auto;
87
87
  }
88
- .ant-hw-form-base-item-top-left .ant-hw-form-item-colon {
88
+ .ant-hw-form-base-item-top-left > .ant-form-item-row .ant-hw-form-item-colon {
89
89
  text-align: left;
90
90
  }
91
- .ant-hw-form-base-item-top-left .ant-hw-form-item-required {
91
+ .ant-hw-form-base-item-top-left > .ant-form-item-row .ant-hw-form-item-required {
92
92
  position: absolute;
93
93
  top: 0;
94
94
  left: -10px;
95
95
  }
96
- .ant-hw-form-base-item-top-left .ant-hw-form-label-item {
96
+ .ant-hw-form-base-item-top-left > .ant-form-item-row .ant-hw-form-label-item {
97
97
  position: relative;
98
98
  display: -webkit-box;
99
99
  display: -webkit-flex;
@@ -104,16 +104,38 @@
104
104
  -ms-flex-align: center;
105
105
  align-items: center;
106
106
  }
107
- .ant-hw-form-base-item-top-right .ant-form-item-label > label {
107
+ .ant-hw-form-base-item-top-right > .ant-form-item-row .ant-form-item-label > label {
108
108
  height: auto;
109
109
  }
110
- .ant-hw-form-base-item-top-right .ant-hw-form-item-colon {
110
+ .ant-hw-form-base-item-top-right > .ant-form-item-row .ant-hw-form-item-colon {
111
111
  text-align: right;
112
112
  }
113
- .ant-hw-form-base-item-top .ant-form-item-label > label {
113
+ .ant-hw-form-base-item-top-right > .ant-form-item-row .ant-hw-form-label-item {
114
+ position: relative;
115
+ display: -webkit-box;
116
+ display: -webkit-flex;
117
+ display: -ms-flexbox;
118
+ display: flex;
119
+ -webkit-box-align: center;
120
+ -webkit-align-items: center;
121
+ -ms-flex-align: center;
122
+ align-items: center;
123
+ }
124
+ .ant-hw-form-base-item-top > .ant-form-item-row .ant-form-item-label > label {
114
125
  height: auto;
115
126
  }
116
- .ant-hw-form-base-item-right > .ant-form-item-label .ant-hw-form-label-item {
127
+ .ant-hw-form-base-item-top > .ant-form-item-row .ant-hw-form-label-item {
128
+ position: relative;
129
+ display: -webkit-box;
130
+ display: -webkit-flex;
131
+ display: -ms-flexbox;
132
+ display: flex;
133
+ -webkit-box-align: center;
134
+ -webkit-align-items: center;
135
+ -ms-flex-align: center;
136
+ align-items: center;
137
+ }
138
+ .ant-hw-form-base-item-right > .ant-form-item-row > .ant-form-item-label .ant-hw-form-label-item {
117
139
  display: -webkit-box;
118
140
  display: -webkit-flex;
119
141
  display: -ms-flexbox;
@@ -127,7 +149,7 @@
127
149
  -ms-flex-pack: end;
128
150
  justify-content: end;
129
151
  }
130
- .ant-hw-form-base-item-right > .ant-form-item-label .ant-form-item-label > label {
152
+ .ant-hw-form-base-item-right > .ant-form-item-row > .ant-form-item-label .ant-form-item-label > label {
131
153
  height: 32px;
132
154
  }
133
155
  .ant-hw-form-base-item-left > .ant-form-item-row > .ant-form-item-label .ant-hw-form-label-item {
package/lib/Form/index.js CHANGED
@@ -30,8 +30,7 @@ var HForm = (function (_ref) {
30
30
  formHideLabel = _ref$hideLabel === void 0 ? false : _ref$hideLabel,
31
31
  gutter = _ref.gutter,
32
32
  submitLoading = _ref.submitLoading,
33
- _ref$labelAlign = _ref.labelAlign,
34
- formLabelAlign = _ref$labelAlign === void 0 ? "right" : _ref$labelAlign,
33
+ formLabelAlign = _ref.labelAlign,
35
34
  formItemStyle = _ref.formItemStyle,
36
35
  _ref$itemProps = _ref.itemProps,
37
36
  formItemProps = _ref$itemProps === void 0 ? {} : _ref$itemProps,
package/lib/index.css CHANGED
@@ -82,18 +82,18 @@
82
82
  align-items: center;
83
83
  min-height: 32px;
84
84
  }
85
- .ant-hw-form-base-item-top-left .ant-form-item-label > label {
85
+ .ant-hw-form-base-item-top-left > .ant-form-item-row .ant-form-item-label > label {
86
86
  height: auto;
87
87
  }
88
- .ant-hw-form-base-item-top-left .ant-hw-form-item-colon {
88
+ .ant-hw-form-base-item-top-left > .ant-form-item-row .ant-hw-form-item-colon {
89
89
  text-align: left;
90
90
  }
91
- .ant-hw-form-base-item-top-left .ant-hw-form-item-required {
91
+ .ant-hw-form-base-item-top-left > .ant-form-item-row .ant-hw-form-item-required {
92
92
  position: absolute;
93
93
  top: 0;
94
94
  left: -10px;
95
95
  }
96
- .ant-hw-form-base-item-top-left .ant-hw-form-label-item {
96
+ .ant-hw-form-base-item-top-left > .ant-form-item-row .ant-hw-form-label-item {
97
97
  position: relative;
98
98
  display: -webkit-box;
99
99
  display: -webkit-flex;
@@ -104,16 +104,38 @@
104
104
  -ms-flex-align: center;
105
105
  align-items: center;
106
106
  }
107
- .ant-hw-form-base-item-top-right .ant-form-item-label > label {
107
+ .ant-hw-form-base-item-top-right > .ant-form-item-row .ant-form-item-label > label {
108
108
  height: auto;
109
109
  }
110
- .ant-hw-form-base-item-top-right .ant-hw-form-item-colon {
110
+ .ant-hw-form-base-item-top-right > .ant-form-item-row .ant-hw-form-item-colon {
111
111
  text-align: right;
112
112
  }
113
- .ant-hw-form-base-item-top .ant-form-item-label > label {
113
+ .ant-hw-form-base-item-top-right > .ant-form-item-row .ant-hw-form-label-item {
114
+ position: relative;
115
+ display: -webkit-box;
116
+ display: -webkit-flex;
117
+ display: -ms-flexbox;
118
+ display: flex;
119
+ -webkit-box-align: center;
120
+ -webkit-align-items: center;
121
+ -ms-flex-align: center;
122
+ align-items: center;
123
+ }
124
+ .ant-hw-form-base-item-top > .ant-form-item-row .ant-form-item-label > label {
114
125
  height: auto;
115
126
  }
116
- .ant-hw-form-base-item-right > .ant-form-item-label .ant-hw-form-label-item {
127
+ .ant-hw-form-base-item-top > .ant-form-item-row .ant-hw-form-label-item {
128
+ position: relative;
129
+ display: -webkit-box;
130
+ display: -webkit-flex;
131
+ display: -ms-flexbox;
132
+ display: flex;
133
+ -webkit-box-align: center;
134
+ -webkit-align-items: center;
135
+ -ms-flex-align: center;
136
+ align-items: center;
137
+ }
138
+ .ant-hw-form-base-item-right > .ant-form-item-row > .ant-form-item-label .ant-hw-form-label-item {
117
139
  display: -webkit-box;
118
140
  display: -webkit-flex;
119
141
  display: -ms-flexbox;
@@ -127,7 +149,7 @@
127
149
  -ms-flex-pack: end;
128
150
  justify-content: end;
129
151
  }
130
- .ant-hw-form-base-item-right > .ant-form-item-label .ant-form-item-label > label {
152
+ .ant-hw-form-base-item-right > .ant-form-item-row > .ant-form-item-label .ant-form-item-label > label {
131
153
  height: 32px;
132
154
  }
133
155
  .ant-hw-form-base-item-left > .ant-form-item-row > .ant-form-item-label .ant-hw-form-label-item {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hw-component/form",
3
- "version": "1.10.71",
3
+ "version": "1.10.72",
4
4
  "description": "基于antd二次开发",
5
5
  "repository": {
6
6
  "type": "git",
package/src/components/Form/index.less CHANGED
@@ -15,7 +15,7 @@
15
15
  align-items: center;
16
16
  min-height: 32px;
17
17
  }
18
- .@{ant-prefix}-hw-form-base-item-top-left {
18
+ .@{ant-prefix}-hw-form-base-item-top-left > .@{ant-prefix}-form-item-row {
19
19
  .@{ant-prefix}-form-item-label > label {
20
20
  height: auto;
21
21
  }
@@ -33,20 +33,30 @@
33
33
  align-items: center;
34
34
  }
35
35
  }
36
- .@{ant-prefix}-hw-form-base-item-top-right {
36
+ .@{ant-prefix}-hw-form-base-item-top-right > .@{ant-prefix}-form-item-row {
37
37
  .@{ant-prefix}-form-item-label > label {
38
38
  height: auto;
39
39
  }
40
40
  .@{ant-prefix}-hw-form-item-colon {
41
41
  text-align: right;
42
42
  }
43
+ .@{ant-prefix}-hw-form-label-item {
44
+ position: relative;
45
+ display: flex;
46
+ align-items: center;
47
+ }
43
48
  }
44
- .@{ant-prefix}-hw-form-base-item-top {
49
+ .@{ant-prefix}-hw-form-base-item-top > .@{ant-prefix}-form-item-row {
45
50
  .@{ant-prefix}-form-item-label > label {
46
51
  height: auto;
47
52
  }
53
+ .@{ant-prefix}-hw-form-label-item {
54
+ position: relative;
55
+ display: flex;
56
+ align-items: center;
57
+ }
48
58
  }
49
- .@{ant-prefix}-hw-form-base-item-right > .@{ant-prefix}-form-item-label {
59
+ .@{ant-prefix}-hw-form-base-item-right > .@{ant-prefix}-form-item-row > .@{ant-prefix}-form-item-label {
50
60
  .@{ant-prefix}-hw-form-label-item {
51
61
  display: flex;
52
62
  align-items: center;
package/src/components/Form/index.tsx CHANGED
@@ -17,7 +17,7 @@ export default ({
17
17
  hideLabel: formHideLabel = false,
18
18
  gutter,
19
19
  submitLoading,
20
- labelAlign: formLabelAlign="right",
20
+ labelAlign: formLabelAlign,
21
21
  formItemStyle,
22
22
  itemProps: formItemProps = {},
23
23
  colon = true,
package/src/pages/Form/index.tsx CHANGED
@@ -201,7 +201,7 @@ export default () => {
201
201
  },
202
202
  },
203
203
  }}
204
- labelAlign={"left"}
204
+ labelAlign={"top"}
205
205
  onValuesChange={(val) => {
206
206
  // console.log(val, "onValuesChange");
207
207
  }}