@hw-component/form 1.10.70 → 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 (7) hide show
  1. package/es/index.css +31 -9
  2. package/lib/index.css +31 -9
  3. package/package.json +1 -1
  4. package/src/components/Form/index.less +14 -4
  5. package/src/pages/DrawerForm/index.tsx +1 -0
  6. package/src/pages/Form/index.tsx +4 -4
  7. package/src/pages/ModalForm/index.tsx +1 -6
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/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.70",
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/pages/DrawerForm/index.tsx CHANGED
@@ -17,6 +17,7 @@ const data = [
17
17
  type: "select",
18
18
  label: "下啦",
19
19
  name: "select",
20
+ hover:"123123213",
20
21
  itemProps: {
21
22
  options: [
22
23
  {
package/src/pages/Form/index.tsx CHANGED
@@ -161,8 +161,9 @@ export default () => {
161
161
  // },
162
162
  {
163
163
  name: "num",
164
- label: "num",
164
+ label: "你好啊",
165
165
  type: "rangePicker",
166
+ hover:"123123213",
166
167
  itemProps: {
167
168
  valueMap: {
168
169
  start: "start",
@@ -171,7 +172,7 @@ export default () => {
171
172
  },
172
173
  },
173
174
  {
174
- name: "time",
175
+ name: ["order","name"],
175
176
  label: "time",
176
177
  type: "select",
177
178
  itemProps: {
@@ -189,7 +190,6 @@ export default () => {
189
190
  },
190
191
  ]}
191
192
  dismissOnPressEnter={false}
192
- labelWidth={88}
193
193
  form={form}
194
194
  initialValues={{
195
195
  deviceType: 1,
@@ -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
  }}
package/src/pages/ModalForm/index.tsx CHANGED
@@ -6,7 +6,7 @@ import {
6
6
  } from "../../components";
7
7
 
8
8
  const data = [
9
- { label: "name", name: "name" },
9
+ { label: "name", name: "name" ,hover:"1312"},
10
10
 
11
11
  {
12
12
  label: "输入框",
@@ -61,11 +61,6 @@ export default () => {
61
61
  marginBottom: 100,
62
62
  }}
63
63
  labelAlign={"left"}
64
- labelWidth={100}
65
- contentRender={(node, form, params) => {
66
- console.log(params);
67
- return <div></div>;
68
- }}
69
64
  dialogForm={modalForm}
70
65
  title="你好"
71
66
  />