kmkf-work-order-service-component 0.4.0-alpha.4 → 0.4.0-alpha.6

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.
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { FormProps } from 'antd';
2
3
  import 'moment/locale/zh-cn';
3
4
  import './index.less';
4
5
  interface Option {
@@ -17,6 +18,7 @@ declare type FormRenderProps = {
17
18
  buyerNick?: string;
18
19
  platform?: string;
19
20
  templateList?: Option[];
21
+ formProps?: FormProps;
20
22
  onTemplateChange?: (p: string) => any;
21
23
  onFormSubmitSuccess?: <T>(p: T) => void;
22
24
  };
@@ -90,7 +90,9 @@ var FormRender = function FormRender(props, ref) {
90
90
  record = props.record,
91
91
  templateList = props.templateList,
92
92
  onFormSubmitSuccess = props.onFormSubmitSuccess,
93
- onTemplateChange = props.onTemplateChange;
93
+ onTemplateChange = props.onTemplateChange,
94
+ _props$formProps = props.formProps,
95
+ formProps = _props$formProps === void 0 ? {} : _props$formProps;
94
96
 
95
97
  var _useState = useState(false),
96
98
  _useState2 = _slicedToArray(_useState, 2),
@@ -678,15 +680,9 @@ var FormRender = function FormRender(props, ref) {
678
680
  children: ["\u63D0\u793A\uFF1A\u8BE5", COMPONENT_MAP_NAME[key], "\u9488\u5BF9\u6B64\u6A21\u677F\u5DF2\u521B\u5EFA\u8FC7", replaceValue[key], "\u6761\u5DE5\u5355\uFF01"]
679
681
  });
680
682
  })
681
- }), /*#__PURE__*/_jsxs(Form, {
682
- form: form,
683
- labelCol: {
684
- span: 6
685
- },
686
- wrapperCol: {
687
- span: 18
688
- },
689
- className: "customizeFormModalClassName",
683
+ }), /*#__PURE__*/_jsxs(Form, _objectSpread(_objectSpread({
684
+ form: form
685
+ }, formProps), {}, {
690
686
  children: [!templateId && /*#__PURE__*/_jsx(Form.Item, {
691
687
  label: "\u6A21\u677F\u540D\u79F0",
692
688
  required: true,
@@ -705,7 +701,7 @@ var FormRender = function FormRender(props, ref) {
705
701
  look: look,
706
702
  handleChangeShopId: setShopId
707
703
  }), finalFormItems]
708
- })]
704
+ }))]
709
705
  })
710
706
  });
711
707
  };
@@ -1,130 +1,3 @@
1
- .customizeFormModalWrapper {
2
- p,
3
- lable {
4
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
5
- 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
6
- 'Noto Color Emoji';
7
- }
8
- .ant-modal-body {
9
- overflow-x: hidden;
10
- overflow-y: auto;
11
- }
12
- .ant-select.ant-select-single.ant-select-show-arrow.ant-select-show-search {
13
- margin-bottom: 8px;
14
- }
15
- .ant-picker-suffix,
16
- .ant-select-arrow svg {
17
- color: #4e5969;
18
- }
19
- .status-payment--basic {
20
- .ant-row.ant-form-item {
21
- margin-bottom: 5px;
22
- }
23
- }
24
- .ant-modal-footer {
25
- margin-top: 20px;
26
- }
27
- .ant-input[disabled],
28
- .ant-input-number-disabled {
29
- border: none;
30
- }
31
- .ant-select-disabled .ant-select-arrow svg {
32
- color: #c9cdd4;
33
- }
34
- }
35
-
36
- .customizeFormModalClassName {
37
- :global(.goods-uploaded-state) {
38
- margin: 6px 0 5px 0;
39
- padding-left: 7px;
40
- font-size: 12px;
41
- }
42
-
43
- :global(.ant-picker) {
44
- width: 100%;
45
-
46
- box-shadow: none;
47
- // background: #f2f3f5;
48
- // border: none;
49
-
50
- input {
51
- &::placeholder {
52
- color: #86909c;
53
- }
54
- }
55
-
56
- &:hover {
57
- border-color: #4583ff;
58
- }
59
- }
60
-
61
- :global(.ant-radio-inner) {
62
- background-color: #fff;
63
- }
64
-
65
- :global(.ant-select) {
66
- width: 100% !important;
67
-
68
- .ant-select-selector {
69
- background: #f2f3f5 !important;
70
- }
71
- }
72
-
73
- :global(.ant-form-item) {
74
- margin-bottom: 8px;
75
- }
76
-
77
- :global(.ant-form-item .ant-form-item-label) {
78
- padding: 0px;
79
- }
80
-
81
- :global(.ant-form-item-label) {
82
- position: relative;
83
- max-width: 100px;
84
- overflow: initial;
85
- color: rgba(0, 0, 0, 0.55);
86
- // font-weight: bold;
87
- font-size: 14px;
88
- white-space: normal;
89
- text-align: left;
90
- }
91
-
92
- :global(.form-item-label--index .ant-form-item-label label) {
93
- // padding-left: 23px;
94
- text-align: left;
95
- // font-family: 'PingFangSC-Semibold';
96
-
97
- // &[title='处理客服'] {
98
- // padding-left: 0;
99
- // font-weight: lighter;
100
- // font-family: 'PingFangSC-Regular';
101
- // }
102
- }
103
-
104
- :global(.label-title--index) {
105
- position: absolute;
106
- color: #86909c;
107
- font-family: 'PingFangSC-Semibold';
108
- }
109
-
110
- :global(.goods-title) {
111
- color: #4e5969;
112
- font-size: 12px;
113
- }
114
-
115
- :global(div.ant-form-item.invoice-title--basic label) {
116
- padding-left: 0;
117
- font-weight: normal;
118
- font-family: 'PingFangSC-Regular';
119
- }
120
-
121
- :global(.payment-widgets--basic div.ant-form-item-label label) {
122
- padding-left: 0;
123
- font-weight: lighter;
124
- font-family: 'PingFangSC-Regular';
125
- }
126
- }
127
-
128
1
  .tipBox {
129
2
  position: sticky;
130
3
  top: -24px;
@@ -392,6 +392,15 @@ var CustomizeWorkOrderList = function CustomizeWorkOrderList(_ref3) {
392
392
  onTemplateChange: function onTemplateChange(title) {
393
393
  return setTitle(title);
394
394
  },
395
+ formProps: {
396
+ labelCol: {
397
+ span: 6
398
+ },
399
+ wrapperCol: {
400
+ span: 18
401
+ },
402
+ className: 'customizeFormModalClassName'
403
+ },
395
404
  onFormSubmitSuccess: function onFormSubmitSuccess(val) {
396
405
  submit();
397
406
  handleCloseFormModal();
@@ -178,3 +178,86 @@
178
178
  text-overflow: ellipsis;
179
179
  }
180
180
  }
181
+
182
+ .customizeFormModalClassName {
183
+ :global(.goods-uploaded-state) {
184
+ margin: 6px 0 5px 0;
185
+ padding-left: 7px;
186
+ font-size: 12px;
187
+ }
188
+
189
+ :global(.ant-picker) {
190
+ width: 100%;
191
+
192
+ box-shadow: none;
193
+ // background: #f2f3f5;
194
+ // border: none;
195
+
196
+ input {
197
+ &::placeholder {
198
+ color: #86909c;
199
+ }
200
+ }
201
+
202
+ &:hover {
203
+ border-color: #4583ff;
204
+ }
205
+ }
206
+
207
+ :global(.ant-radio-inner) {
208
+ background-color: #fff;
209
+ }
210
+
211
+ :global(.ant-select) {
212
+ width: 100% !important;
213
+
214
+ .ant-select-selector {
215
+ background: #f2f3f5 !important;
216
+ }
217
+ }
218
+
219
+ :global(.ant-form-item) {
220
+ margin-bottom: 8px;
221
+ }
222
+
223
+ :global(.ant-form-item .ant-form-item-label) {
224
+ padding: 0px;
225
+ }
226
+
227
+ :global(.ant-form-item-label) {
228
+ position: relative;
229
+ max-width: 100px;
230
+ overflow: initial;
231
+ color: rgba(0, 0, 0, 0.55);
232
+ font-size: 14px;
233
+ white-space: normal;
234
+ text-align: left;
235
+ }
236
+
237
+ :global(.form-item-label--index .ant-form-item-label label) {
238
+ text-align: left;
239
+ }
240
+
241
+ :global(.label-title--index) {
242
+ position: absolute;
243
+ color: #86909c;
244
+ font-family: 'PingFangSC-Semibold';
245
+ }
246
+
247
+ :global(.goods-title) {
248
+ color: #4e5969;
249
+ font-size: 12px;
250
+ }
251
+
252
+ :global(div.ant-form-item.invoice-title--basic label) {
253
+ padding-left: 0;
254
+ font-weight: normal;
255
+ font-family: 'PingFangSC-Regular';
256
+ }
257
+
258
+ :global(.payment-widgets--basic div.ant-form-item-label label) {
259
+ padding-left: 0;
260
+ font-weight: lighter;
261
+ font-family: 'PingFangSC-Regular';
262
+ }
263
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kmkf-work-order-service-component",
3
- "version": "0.4.0-alpha.4",
3
+ "version": "0.4.0-alpha.6",
4
4
  "scripts": {
5
5
  "start": "dumi dev",
6
6
  "docs:build": "dumi build",