fan-standard-comp 3.1.1 → 3.1.2
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/dist/fan-standard-comp.umd.js +293 -285
- package/es/ButtonGroup/ButtonList.js +18 -36
- package/es/ButtonGroup/ButtonMenu.js +14 -27
- package/es/ButtonGroup/PopConfirmTitle.js +5 -16
- package/es/ButtonGroup/index.js +76 -107
- package/es/DragContent/DragBar.js +6 -18
- package/es/DragContent/index.js +12 -30
- package/es/FormComp/ChunkUploader/api.js +8 -21
- package/es/FormComp/ChunkUploader/index.js +27 -46
- package/es/FormComp/ChunkUploader/lib.js +9 -26
- package/es/FormComp/ChunkUploader/upload-queue.class.js +5 -12
- package/es/FormComp/ChunkUploader/worker.js +2 -7
- package/es/FormComp/EditButton/index.js +16 -35
- package/es/FormComp/FieldComponent/ReUpload.js +18 -38
- package/es/FormComp/FieldComponent/RefactorTreeSelect.js +26 -49
- package/es/FormComp/FieldComponent/TitleNode.js +3 -13
- package/es/FormComp/FieldComponent/index.js +81 -125
- package/es/FormComp/FieldComponent/setReadonlyValues.js +28 -55
- package/es/FormComp/RenderItemGroup/index.js +34 -55
- package/es/FormComp/Uploader/index.js +38 -64
- package/es/FormComp/Uploader/util.js +2 -11
- package/es/FormComp/VarTemplate/index.js +31 -44
- package/es/FormComp/index.js +1 -15
- package/es/NavLeafScroll/index.js +35 -53
- package/es/RefactorTree/index.js +29 -52
- package/es/RefactorTree/indexTreeNode.js +31 -54
- package/es/RefactorTree/style/index.js +1 -3
- package/es/RefactorTree/util.js +10 -18
- package/es/SpecIcon/fonts/iconfont.js +0 -2
- package/es/SpecIcon/index.js +17 -30
- package/es/SplitterLayout/Pane.js +5 -17
- package/es/SplitterLayout/index.js +13 -24
- package/es/StandardContent/SplitterLayout/Pane.js +13 -25
- package/es/StandardContent/SplitterLayout/index.js +30 -43
- package/es/StandardContent/SubfieldContent.js +13 -28
- package/es/StandardContent/WrapperContent.js +10 -24
- package/es/StandardDragModal/index.d.ts +11 -0
- package/es/StandardDragModal/index.js +30 -0
- package/es/StandardFilter/index.js +27 -46
- package/es/StandardForm/ActionList.js +8 -21
- package/es/StandardForm/StepForm.js +40 -68
- package/es/StandardForm/TabForm.js +26 -52
- package/es/StandardForm/index.js +28 -55
- package/es/StandardModal/UpdateFormRef.js +4 -18
- package/es/StandardModal/index.d.ts +3 -0
- package/es/StandardModal/index.js +118 -119
- package/es/StandardPanel/index.js +32 -53
- package/es/StandardTable/index.js +18 -36
- package/es/StandardTable/style/index.js +1 -3
- package/es/components/IconNode/index.js +6 -17
- package/es/components/index.js +2 -15
- package/es/data/func.code.js +2 -9
- package/es/data/general.config.js +2 -9
- package/es/data/index.js +3 -23
- package/es/index.js +24 -229
- package/es/utils/ValueFormat.js +1 -9
- package/es/utils/filterPermission.js +4 -20
- package/es/utils/getParentNodes.js +1 -12
- package/es/utils/index.js +3 -35
- package/lib/ButtonGroup/ButtonList.js +9 -9
- package/lib/ButtonGroup/ButtonMenu.js +11 -11
- package/lib/ButtonGroup/PopConfirmTitle.js +5 -5
- package/lib/ButtonGroup/index.js +47 -47
- package/lib/DragContent/DragBar.js +5 -5
- package/lib/DragContent/index.js +7 -7
- package/lib/FormComp/ChunkUploader/api.js +4 -4
- package/lib/FormComp/ChunkUploader/index.js +10 -10
- package/lib/FormComp/ChunkUploader/lib.js +2 -2
- package/lib/FormComp/ChunkUploader/upload-queue.class.js +2 -2
- package/lib/FormComp/ChunkUploader/worker.js +2 -2
- package/lib/FormComp/EditButton/index.js +10 -10
- package/lib/FormComp/FieldComponent/ReUpload.js +9 -9
- package/lib/FormComp/FieldComponent/RefactorTreeSelect.js +16 -16
- package/lib/FormComp/FieldComponent/TitleNode.js +4 -4
- package/lib/FormComp/FieldComponent/index.js +41 -41
- package/lib/FormComp/FieldComponent/setReadonlyValues.js +17 -17
- package/lib/FormComp/RenderItemGroup/index.js +20 -20
- package/lib/FormComp/Uploader/index.js +16 -16
- package/lib/FormComp/VarTemplate/index.js +25 -23
- package/lib/FormComp/index.js +2 -2
- package/lib/NavLeafScroll/index.js +28 -28
- package/lib/RefactorTree/index.js +14 -14
- package/lib/RefactorTree/indexTreeNode.js +19 -19
- package/lib/SpecIcon/index.js +13 -13
- package/lib/SplitterLayout/Pane.js +4 -4
- package/lib/SplitterLayout/index.js +10 -10
- package/lib/StandardContent/SplitterLayout/Pane.js +11 -11
- package/lib/StandardContent/SplitterLayout/index.js +27 -27
- package/lib/StandardContent/SubfieldContent.js +9 -9
- package/lib/StandardContent/WrapperContent.js +7 -7
- package/lib/StandardDragModal/index.d.ts +11 -0
- package/lib/StandardDragModal/index.js +43 -0
- package/lib/StandardFilter/index.js +18 -18
- package/lib/StandardForm/ActionList.js +6 -6
- package/lib/StandardForm/StepForm.js +26 -26
- package/lib/StandardForm/TabForm.js +13 -13
- package/lib/StandardForm/index.js +14 -14
- package/lib/StandardModal/UpdateFormRef.js +4 -4
- package/lib/StandardModal/index.d.ts +3 -0
- package/lib/StandardModal/index.js +99 -70
- package/lib/StandardPanel/index.js +23 -23
- package/lib/StandardTable/index.js +9 -10
- package/lib/components/IconNode/index.js +6 -6
- package/lib/components/index.js +2 -2
- package/lib/data/func.code.js +2 -2
- package/lib/data/general.config.js +2 -2
- package/lib/data/index.js +3 -3
- package/lib/index.js +22 -22
- package/lib/utils/ValueFormat.js +2 -2
- package/lib/utils/filterPermission.js +2 -2
- package/lib/utils/index.js +2 -2
- package/package.json +4 -3
- package/es/ConfigContext/index.d.ts +0 -7
- package/es/ConfigContext/index.js +0 -12
- package/es/locale/index.d.ts +0 -12
- package/es/locale/index.js +0 -5
- package/es/locale/zh_CN.d.ts +0 -4
- package/es/locale/zh_CN.js +0 -34
- package/lib/ConfigContext/index.d.ts +0 -7
- package/lib/ConfigContext/index.js +0 -12
- package/lib/locale/index.d.ts +0 -12
- package/lib/locale/index.js +0 -5
- package/lib/locale/zh_CN.d.ts +0 -4
- package/lib/locale/zh_CN.js +0 -34
|
@@ -1,84 +1,42 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
require("antd/es/checkbox/style");
|
|
41
|
-
|
|
42
|
-
var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
|
|
43
|
-
|
|
44
|
-
require("antd/es/input-number/style");
|
|
45
|
-
|
|
46
|
-
var _inputNumber = _interopRequireDefault(require("antd/es/input-number"));
|
|
47
|
-
|
|
48
|
-
require("antd/es/date-picker/style");
|
|
49
|
-
|
|
50
|
-
var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
|
|
51
|
-
|
|
52
|
-
require("antd/es/select/style");
|
|
53
|
-
|
|
54
|
-
var _select = _interopRequireDefault(require("antd/es/select"));
|
|
55
|
-
|
|
56
|
-
require("antd/es/input/style");
|
|
57
|
-
|
|
58
|
-
var _input = _interopRequireDefault(require("antd/es/input"));
|
|
59
|
-
|
|
60
|
-
var _react = _interopRequireDefault(require("react"));
|
|
61
|
-
|
|
62
|
-
var _Uploader = _interopRequireDefault(require("../Uploader"));
|
|
63
|
-
|
|
64
|
-
var _SpecIcon = _interopRequireDefault(require("../../SpecIcon"));
|
|
65
|
-
|
|
66
|
-
var _RefactorTreeSelect = _interopRequireDefault(require("./RefactorTreeSelect.js"));
|
|
67
|
-
|
|
68
|
-
var _setReadonlyValues = require("./setReadonlyValues.js");
|
|
69
|
-
|
|
70
|
-
var _TitleNode = _interopRequireDefault(require("./TitleNode"));
|
|
71
|
-
|
|
72
|
-
var _ReUpload = _interopRequireDefault(require("./ReUpload"));
|
|
73
|
-
|
|
74
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
75
|
-
|
|
76
|
-
var TextArea = _input["default"].TextArea,
|
|
77
|
-
Password = _input["default"].Password;
|
|
78
|
-
var Option = _select["default"].Option;
|
|
79
|
-
var RangePicker = _datePicker["default"].RangePicker; // 表单组件类型
|
|
80
|
-
|
|
81
|
-
var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
|
1
|
+
import "antd/es/rate/style";
|
|
2
|
+
import _Rate from "antd/es/rate";
|
|
3
|
+
import "antd/es/mentions/style";
|
|
4
|
+
import _Mentions from "antd/es/mentions";
|
|
5
|
+
import "antd/es/slider/style";
|
|
6
|
+
import _Slider from "antd/es/slider";
|
|
7
|
+
import "antd/es/switch/style";
|
|
8
|
+
import _Switch from "antd/es/switch";
|
|
9
|
+
import "antd/es/cascader/style";
|
|
10
|
+
import _Cascader from "antd/es/cascader";
|
|
11
|
+
import "antd/es/button/style";
|
|
12
|
+
import _Button from "antd/es/button";
|
|
13
|
+
import "antd/es/time-picker/style";
|
|
14
|
+
import _TimePicker from "antd/es/time-picker";
|
|
15
|
+
import "antd/es/radio/style";
|
|
16
|
+
import _Radio from "antd/es/radio";
|
|
17
|
+
import "antd/es/checkbox/style";
|
|
18
|
+
import _Checkbox from "antd/es/checkbox";
|
|
19
|
+
import "antd/es/input-number/style";
|
|
20
|
+
import _InputNumber from "antd/es/input-number";
|
|
21
|
+
import "antd/es/date-picker/style";
|
|
22
|
+
import _DatePicker from "antd/es/date-picker";
|
|
23
|
+
import "antd/es/select/style";
|
|
24
|
+
import _Select from "antd/es/select";
|
|
25
|
+
import "antd/es/input/style";
|
|
26
|
+
import _Input from "antd/es/input";
|
|
27
|
+
import React from "react";
|
|
28
|
+
import Uploader from '../Uploader';
|
|
29
|
+
import SpecIcon from '../../SpecIcon';
|
|
30
|
+
import RefactorTreeSelect from './RefactorTreeSelect.js';
|
|
31
|
+
import { setSelectValue, setUploaderValue, setDatePickerValue, setTimePickerValue, setCascaderValue } from './setReadonlyValues.js';
|
|
32
|
+
import TitleNode from './TitleNode';
|
|
33
|
+
import ReUpload from './ReUpload';
|
|
34
|
+
var TextArea = _Input.TextArea,
|
|
35
|
+
Password = _Input.Password;
|
|
36
|
+
var Option = _Select.Option;
|
|
37
|
+
var RangePicker = _DatePicker.RangePicker; // 表单组件类型
|
|
38
|
+
|
|
39
|
+
var FieldComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
82
40
|
var type = props.type,
|
|
83
41
|
_onChange = props.onChange,
|
|
84
42
|
value = props.value,
|
|
@@ -155,7 +113,7 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
155
113
|
|
|
156
114
|
switch (type) {
|
|
157
115
|
case 'input':
|
|
158
|
-
compContent = viewOnly ? value || '-' : /*#__PURE__*/
|
|
116
|
+
compContent = viewOnly ? value || '-' : /*#__PURE__*/React.createElement(_Input, Object.assign({
|
|
159
117
|
placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入',
|
|
160
118
|
autoComplete: "off",
|
|
161
119
|
title: fieldStatus === 'disabled' || defaultProps.disabled ? value : null,
|
|
@@ -164,7 +122,7 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
164
122
|
break;
|
|
165
123
|
|
|
166
124
|
case 'password':
|
|
167
|
-
compContent = viewOnly ? value ? "\u25CF\u25CF\u25CF\u25CF\u25CF\u25CF" : '-' : /*#__PURE__*/
|
|
125
|
+
compContent = viewOnly ? value ? "\u25CF\u25CF\u25CF\u25CF\u25CF\u25CF" : '-' : /*#__PURE__*/React.createElement(Password, Object.assign({
|
|
168
126
|
autoComplete: "off",
|
|
169
127
|
placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入',
|
|
170
128
|
maxLength: defaultProps.maxLength || 50
|
|
@@ -172,7 +130,7 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
172
130
|
break;
|
|
173
131
|
|
|
174
132
|
case 'textarea':
|
|
175
|
-
compContent = viewOnly ? value || '-' : /*#__PURE__*/
|
|
133
|
+
compContent = viewOnly ? value || '-' : /*#__PURE__*/React.createElement(TextArea, Object.assign({
|
|
176
134
|
placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入',
|
|
177
135
|
maxLength: defaultProps.maxLength || 500,
|
|
178
136
|
title: fieldStatus === 'disabled' || defaultProps.disabled ? value : null
|
|
@@ -180,7 +138,7 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
180
138
|
break;
|
|
181
139
|
|
|
182
140
|
case 'inputNumber':
|
|
183
|
-
compContent = viewOnly ? value || 0 : /*#__PURE__*/
|
|
141
|
+
compContent = viewOnly ? value || 0 : /*#__PURE__*/React.createElement(_InputNumber, Object.assign({
|
|
184
142
|
placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请输入数字'
|
|
185
143
|
}, sortLimitRule, defaultProps, {
|
|
186
144
|
style: Object.assign({
|
|
@@ -205,12 +163,12 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
205
163
|
return Object.assign(Object.assign({}, Option), extraParam);
|
|
206
164
|
};
|
|
207
165
|
|
|
208
|
-
compContent = viewOnly ?
|
|
166
|
+
compContent = viewOnly ? setSelectValue(value, {
|
|
209
167
|
selectOptions: selectOptions,
|
|
210
168
|
selectOptionRender: selectOptionRender,
|
|
211
169
|
defaultProps: defaultProps,
|
|
212
170
|
type: type
|
|
213
|
-
}) : /*#__PURE__*/
|
|
171
|
+
}) : /*#__PURE__*/React.createElement(_Select, Object.assign({
|
|
214
172
|
allowClear: true,
|
|
215
173
|
placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || "".concat(defaultProps.showSearch ? '请输入选择' : '请选择'),
|
|
216
174
|
filterOption: function filterOption(inputValue, option) {
|
|
@@ -223,7 +181,7 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
223
181
|
return _onChange(value, resetResultOption(Option));
|
|
224
182
|
}
|
|
225
183
|
}), fieldNames ? null : selectOptions.map(function (val, index) {
|
|
226
|
-
return /*#__PURE__*/
|
|
184
|
+
return /*#__PURE__*/React.createElement(Option, {
|
|
227
185
|
value: val.value,
|
|
228
186
|
key: val.value || index,
|
|
229
187
|
title: selectOptionRender ? selectOptionRender(val) : val.title || val.label,
|
|
@@ -233,7 +191,7 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
233
191
|
break;
|
|
234
192
|
|
|
235
193
|
case 'tree-select':
|
|
236
|
-
compContent = /*#__PURE__*/
|
|
194
|
+
compContent = /*#__PURE__*/React.createElement(RefactorTreeSelect, Object.assign({
|
|
237
195
|
treeData: treeData,
|
|
238
196
|
treeOptionName: treeOptionName,
|
|
239
197
|
allowClear: true,
|
|
@@ -248,21 +206,21 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
248
206
|
|
|
249
207
|
case 'checkbox':
|
|
250
208
|
delete defaultProps.ref;
|
|
251
|
-
compContent = viewOnly ?
|
|
209
|
+
compContent = viewOnly ? setSelectValue(value, {
|
|
252
210
|
selectOptions: selectOptions,
|
|
253
211
|
selectOptionRender: selectOptionRender,
|
|
254
212
|
defaultProps: defaultProps,
|
|
255
213
|
separator: separator
|
|
256
|
-
}) : /*#__PURE__*/
|
|
214
|
+
}) : /*#__PURE__*/React.createElement(_Checkbox.Group, Object.assign({}, defaultProps, {
|
|
257
215
|
style: Object.assign({
|
|
258
216
|
width: 'auto'
|
|
259
217
|
}, defaultProps.style)
|
|
260
|
-
}), selectOptions && selectOptions.map(function (val) {
|
|
261
|
-
return /*#__PURE__*/
|
|
218
|
+
}), selectOptions && selectOptions.map(function (val, index) {
|
|
219
|
+
return /*#__PURE__*/React.createElement(_Checkbox, {
|
|
262
220
|
value: val.value,
|
|
263
|
-
key: val.value,
|
|
221
|
+
key: val.value || index,
|
|
264
222
|
// @ts-ignore
|
|
265
|
-
title: /*#__PURE__*/
|
|
223
|
+
title: /*#__PURE__*/React.createElement(TitleNode, {
|
|
266
224
|
render: selectOptionRender,
|
|
267
225
|
data: val
|
|
268
226
|
}),
|
|
@@ -274,21 +232,21 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
274
232
|
|
|
275
233
|
case 'radio':
|
|
276
234
|
delete defaultProps.ref;
|
|
277
|
-
compContent = viewOnly ?
|
|
235
|
+
compContent = viewOnly ? setSelectValue(value, {
|
|
278
236
|
selectOptions: selectOptions,
|
|
279
237
|
selectOptionRender: selectOptionRender,
|
|
280
238
|
defaultProps: defaultProps
|
|
281
|
-
}) : /*#__PURE__*/
|
|
239
|
+
}) : /*#__PURE__*/React.createElement(_Radio.Group, Object.assign({}, defaultProps, {
|
|
282
240
|
style: Object.assign({
|
|
283
241
|
width: 'auto'
|
|
284
242
|
}, defaultProps.style)
|
|
285
243
|
}), selectOptions && selectOptions.map(function (val, index) {
|
|
286
244
|
if (defaultProps.optionType === 'button') {
|
|
287
|
-
return /*#__PURE__*/
|
|
245
|
+
return /*#__PURE__*/React.createElement(_Radio.Button, {
|
|
288
246
|
value: val.value,
|
|
289
247
|
key: val.value || index,
|
|
290
248
|
// @ts-ignore
|
|
291
|
-
title: /*#__PURE__*/
|
|
249
|
+
title: /*#__PURE__*/React.createElement(TitleNode, {
|
|
292
250
|
render: selectOptionRender,
|
|
293
251
|
data: val
|
|
294
252
|
}),
|
|
@@ -296,11 +254,11 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
296
254
|
}, selectOptionRender ? selectOptionRender(val) : val.label);
|
|
297
255
|
}
|
|
298
256
|
|
|
299
|
-
return /*#__PURE__*/
|
|
257
|
+
return /*#__PURE__*/React.createElement(_Radio, {
|
|
300
258
|
value: val.value,
|
|
301
259
|
key: val.value,
|
|
302
260
|
// @ts-ignore
|
|
303
|
-
title: /*#__PURE__*/
|
|
261
|
+
title: /*#__PURE__*/React.createElement(TitleNode, {
|
|
304
262
|
render: selectOptionRender,
|
|
305
263
|
data: val
|
|
306
264
|
}),
|
|
@@ -312,10 +270,10 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
312
270
|
case 'datePicker': // 使用配置 picker设置其属于week,month,year
|
|
313
271
|
|
|
314
272
|
case 'dateTimePicker':
|
|
315
|
-
compContent = viewOnly ?
|
|
273
|
+
compContent = viewOnly ? setDatePickerValue(value, {
|
|
316
274
|
type: type,
|
|
317
275
|
protoConfig: protoConfig
|
|
318
|
-
}) : /*#__PURE__*/
|
|
276
|
+
}) : /*#__PURE__*/React.createElement(_DatePicker, Object.assign({
|
|
319
277
|
showTime: defaultProps.showTime || type === 'dateTimePicker',
|
|
320
278
|
placeholder: fieldStatus === 'disabled' || defaultProps.disabled ? '' : defaultProps.placeholder || placeholder || '请选择'
|
|
321
279
|
}, defaultProps, {
|
|
@@ -329,10 +287,10 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
329
287
|
case 'rangeTimePicker':
|
|
330
288
|
if (fieldStatus === 'disabled' || defaultProps.disabled) defaultProps.placeholder = ''; // 禁用时,placeHolder不显示
|
|
331
289
|
|
|
332
|
-
compContent = viewOnly ?
|
|
290
|
+
compContent = viewOnly ? setDatePickerValue(value, {
|
|
333
291
|
type: type,
|
|
334
292
|
protoConfig: protoConfig
|
|
335
|
-
}) : /*#__PURE__*/
|
|
293
|
+
}) : /*#__PURE__*/React.createElement(RangePicker, Object.assign({
|
|
336
294
|
showTime: defaultProps.showTime || type === 'rangeTimePicker'
|
|
337
295
|
}, defaultProps, {
|
|
338
296
|
style: Object.assign({
|
|
@@ -344,10 +302,10 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
344
302
|
case 'timePicker':
|
|
345
303
|
if (fieldStatus === 'disabled' || defaultProps.disabled) defaultProps.placeholder = ''; // 禁用时,placeHolder不显示
|
|
346
304
|
|
|
347
|
-
compContent = viewOnly ?
|
|
305
|
+
compContent = viewOnly ? setTimePickerValue(value, {
|
|
348
306
|
type: type,
|
|
349
307
|
protoConfig: protoConfig
|
|
350
|
-
}) : /*#__PURE__*/
|
|
308
|
+
}) : /*#__PURE__*/React.createElement(_TimePicker, Object.assign({}, defaultProps, {
|
|
351
309
|
style: Object.assign(Object.assign({
|
|
352
310
|
'minWidth': 'auto'
|
|
353
311
|
}, defaultProps.style), {
|
|
@@ -360,10 +318,10 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
360
318
|
if (fieldStatus === 'disabled' || defaultProps.disabled) defaultProps.placeholder = ''; // 禁用时,placeHolder不显示
|
|
361
319
|
// @ts-ignore
|
|
362
320
|
|
|
363
|
-
compContent = viewOnly ?
|
|
321
|
+
compContent = viewOnly ? setTimePickerValue(value, {
|
|
364
322
|
type: type,
|
|
365
323
|
protoConfig: protoConfig
|
|
366
|
-
}) : /*#__PURE__*/
|
|
324
|
+
}) : /*#__PURE__*/React.createElement(_TimePicker.RangePicker, Object.assign({}, defaultProps, {
|
|
367
325
|
style: Object.assign(Object.assign({
|
|
368
326
|
'minWidth': 'auto'
|
|
369
327
|
}, defaultProps.style), {
|
|
@@ -373,33 +331,33 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
373
331
|
break;
|
|
374
332
|
|
|
375
333
|
case 'upload':
|
|
376
|
-
compContent = viewOnly && (!value || value.length === 0) ? '-' : /*#__PURE__*/
|
|
334
|
+
compContent = viewOnly && (!value || value.length === 0) ? '-' : /*#__PURE__*/React.createElement(ReUpload, Object.assign({}, defaultProps, {
|
|
377
335
|
viewOnly: viewOnly,
|
|
378
336
|
disabled: viewOnly || fieldStatus === 'disabled' || defaultProps.disabled
|
|
379
|
-
}), defaultProps.children ? defaultProps.children : defaultProps.fileList && defaultProps.fileList.length >= 1 || defaultProps.defaultFileList && defaultProps.defaultFileList.length >= 1 ? null : /*#__PURE__*/
|
|
337
|
+
}), defaultProps.children ? defaultProps.children : defaultProps.fileList && defaultProps.fileList.length >= 1 || defaultProps.defaultFileList && defaultProps.defaultFileList.length >= 1 ? null : /*#__PURE__*/React.createElement(React.Fragment, null, defaultProps.listType === 'picture-card' ? /*#__PURE__*/React.createElement("div", {
|
|
380
338
|
className: 'spec-uploader-control'
|
|
381
|
-
}, /*#__PURE__*/
|
|
339
|
+
}, /*#__PURE__*/React.createElement(SpecIcon, {
|
|
382
340
|
name: "plus"
|
|
383
|
-
}), /*#__PURE__*/
|
|
341
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
384
342
|
className: "ant-upload-text"
|
|
385
|
-
}, "\u70B9\u51FB\u9009\u62E9")) : /*#__PURE__*/
|
|
343
|
+
}, "\u70B9\u51FB\u9009\u62E9")) : /*#__PURE__*/React.createElement(_Button, null, /*#__PURE__*/React.createElement(SpecIcon, {
|
|
386
344
|
name: "upload"
|
|
387
345
|
}), " \u70B9\u51FB\u4E0A\u4F20")));
|
|
388
346
|
break;
|
|
389
347
|
|
|
390
348
|
case 'uploader':
|
|
391
|
-
compContent = viewOnly ?
|
|
349
|
+
compContent = viewOnly ? setUploaderValue(value) : /*#__PURE__*/React.createElement(Uploader, Object.assign({}, defaultProps, {
|
|
392
350
|
size: protoConfig === null || protoConfig === void 0 ? void 0 : protoConfig.size
|
|
393
351
|
})); // compContent = <Uploader {...defaultProps}></Uploader>
|
|
394
352
|
|
|
395
353
|
break;
|
|
396
354
|
|
|
397
355
|
case 'cascader':
|
|
398
|
-
compContent = viewOnly ?
|
|
356
|
+
compContent = viewOnly ? setCascaderValue(value, {
|
|
399
357
|
selectOptions: selectOptions,
|
|
400
358
|
selectOptionRender: selectOptionRender,
|
|
401
359
|
defaultProps: defaultProps
|
|
402
|
-
}) : /*#__PURE__*/
|
|
360
|
+
}) : /*#__PURE__*/React.createElement(_Cascader, Object.assign({
|
|
403
361
|
options: selectOptions,
|
|
404
362
|
allowClear: true,
|
|
405
363
|
fieldNames: fieldNames || selectOptionName,
|
|
@@ -408,7 +366,7 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
408
366
|
break;
|
|
409
367
|
|
|
410
368
|
case 'switch':
|
|
411
|
-
compContent = /*#__PURE__*/
|
|
369
|
+
compContent = /*#__PURE__*/React.createElement(_Switch, Object.assign({}, defaultProps, {
|
|
412
370
|
disabled: viewOnly || defaultProps.disabled,
|
|
413
371
|
checked: value,
|
|
414
372
|
style: Object.assign(Object.assign({}, defaultProps.style), {
|
|
@@ -419,16 +377,16 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
419
377
|
break;
|
|
420
378
|
|
|
421
379
|
case 'slider':
|
|
422
|
-
compContent = viewOnly ? value : /*#__PURE__*/
|
|
380
|
+
compContent = viewOnly ? value : /*#__PURE__*/React.createElement(_Slider, Object.assign({}, defaultProps, {
|
|
423
381
|
style: Object.assign({}, defaultProps.style)
|
|
424
382
|
}));
|
|
425
383
|
break;
|
|
426
384
|
|
|
427
385
|
case 'mentions':
|
|
428
|
-
compContent = viewOnly ? value : /*#__PURE__*/
|
|
386
|
+
compContent = viewOnly ? value : /*#__PURE__*/React.createElement(_Mentions, Object.assign({
|
|
429
387
|
placeholder: "\u8BF7\u8F93\u5165 ".concat(defaultProps.prefix || '@', " \u9009\u62E9")
|
|
430
388
|
}, defaultProps), selectOptions.map(function (val, index) {
|
|
431
|
-
return /*#__PURE__*/
|
|
389
|
+
return /*#__PURE__*/React.createElement(Option, {
|
|
432
390
|
value: val.value || index,
|
|
433
391
|
key: val.value
|
|
434
392
|
}, selectOptionRender ? selectOptionRender(val) : val.label);
|
|
@@ -436,7 +394,7 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
436
394
|
break;
|
|
437
395
|
|
|
438
396
|
case 'rate':
|
|
439
|
-
compContent = /*#__PURE__*/
|
|
397
|
+
compContent = /*#__PURE__*/React.createElement(_Rate, Object.assign({
|
|
440
398
|
disabled: viewOnly || defaultProps.disabled
|
|
441
399
|
}, defaultProps));
|
|
442
400
|
break;
|
|
@@ -452,6 +410,4 @@ var FieldComponent = /*#__PURE__*/_react["default"].forwardRef(function (props,
|
|
|
452
410
|
|
|
453
411
|
return compContent;
|
|
454
412
|
});
|
|
455
|
-
|
|
456
|
-
var _default = FieldComponent;
|
|
457
|
-
exports["default"] = _default;
|
|
413
|
+
export default FieldComponent;
|
|
@@ -1,27 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.setUploaderValue = exports.setTimePickerValue = exports.setDatePickerValue = exports.setSelectValue = exports.setCascaderValue = void 0;
|
|
9
|
-
|
|
10
|
-
require("antd/es/image/style");
|
|
11
|
-
|
|
12
|
-
var _image = _interopRequireDefault(require("antd/es/image"));
|
|
13
|
-
|
|
14
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
|
-
var _moment = _interopRequireDefault(require("moment"));
|
|
17
|
-
|
|
18
|
-
var _util = require("../Uploader/util");
|
|
19
|
-
|
|
20
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
21
|
-
|
|
22
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
24
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
1
|
+
import "antd/es/image/style";
|
|
2
|
+
import _Image from "antd/es/image";
|
|
25
3
|
|
|
26
4
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
27
5
|
|
|
@@ -35,7 +13,10 @@ function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(
|
|
|
35
13
|
|
|
36
14
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
37
15
|
|
|
38
|
-
|
|
16
|
+
import React, { useEffect, useMemo, useState } from "react";
|
|
17
|
+
import moment from 'moment';
|
|
18
|
+
import { getBase64 } from "../Uploader/util"; // 设置纯展示模式下的级联选择显示值
|
|
19
|
+
|
|
39
20
|
var setCascaderValue = function setCascaderValue(value, props) {
|
|
40
21
|
var selectOptions = props.selectOptions,
|
|
41
22
|
defaultProps = props.defaultProps;
|
|
@@ -71,8 +52,6 @@ var setCascaderValue = function setCascaderValue(value, props) {
|
|
|
71
52
|
}; // 设置纯展示模式下的下拉、单选、多选表单值
|
|
72
53
|
|
|
73
54
|
|
|
74
|
-
exports.setCascaderValue = setCascaderValue;
|
|
75
|
-
|
|
76
55
|
var setSelectValue = function setSelectValue(value, props) {
|
|
77
56
|
var selectOptions = props.selectOptions,
|
|
78
57
|
selectOptionRender = props.selectOptionRender,
|
|
@@ -98,7 +77,7 @@ var setSelectValue = function setSelectValue(value, props) {
|
|
|
98
77
|
if (matchValue.length > 0) {
|
|
99
78
|
// 如果 select 配置选项展示内容,则直接使用其配置值展示当前只读信息
|
|
100
79
|
if (selectOptionRender) {
|
|
101
|
-
matchValues.push( /*#__PURE__*/
|
|
80
|
+
matchValues.push( /*#__PURE__*/React.createElement("div", {
|
|
102
81
|
key: index,
|
|
103
82
|
className: "checkbox-viewonly-item"
|
|
104
83
|
}, selectOptionRender(matchValue[0]), value.length - 1 > index ? separator ? separator : separator == null ? '' : ',' : ''));
|
|
@@ -109,7 +88,7 @@ var setSelectValue = function setSelectValue(value, props) {
|
|
|
109
88
|
}); // 如果 select 配置选项展示内容,则直接使用其配置值展示当前只读信息
|
|
110
89
|
|
|
111
90
|
if (selectOptionRender) {
|
|
112
|
-
return /*#__PURE__*/
|
|
91
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
113
92
|
className: "checkbox-viewonly-list"
|
|
114
93
|
}, matchValues);
|
|
115
94
|
}
|
|
@@ -130,8 +109,6 @@ var setSelectValue = function setSelectValue(value, props) {
|
|
|
130
109
|
}; // 设置纯展示模式下的日期控件值
|
|
131
110
|
|
|
132
111
|
|
|
133
|
-
exports.setSelectValue = setSelectValue;
|
|
134
|
-
|
|
135
112
|
var setDatePickerValue = function setDatePickerValue(value, props) {
|
|
136
113
|
var type = props.type,
|
|
137
114
|
protoConfig = props.protoConfig;
|
|
@@ -140,23 +117,23 @@ var setDatePickerValue = function setDatePickerValue(value, props) {
|
|
|
140
117
|
|
|
141
118
|
switch (type) {
|
|
142
119
|
case 'datePicker':
|
|
143
|
-
return (
|
|
120
|
+
return moment(value).format(protoConfig && protoConfig.format || 'YYYY-MM-DD');
|
|
144
121
|
break;
|
|
145
122
|
|
|
146
123
|
case 'dateTimePicker':
|
|
147
|
-
return (
|
|
124
|
+
return moment(value).format(protoConfig && protoConfig.format || 'YYYY-MM-DD HH:mm:ss');
|
|
148
125
|
break;
|
|
149
126
|
|
|
150
127
|
case 'rangePicker':
|
|
151
|
-
return "".concat((
|
|
128
|
+
return "".concat(moment(value[0]).format(protoConfig && protoConfig.format || 'YYYY-MM-DD'), " - ").concat(moment(value[1]).format(protoConfig && protoConfig.format || 'YYYY-MM-DD'));
|
|
152
129
|
break;
|
|
153
130
|
|
|
154
131
|
case 'rangeTimePicker':
|
|
155
|
-
return "".concat((
|
|
132
|
+
return "".concat(moment(value[0]).format(protoConfig && protoConfig.format || 'YYYY-MM-DD HH:mm:ss'), " - ").concat(moment(value[1]).format(protoConfig && protoConfig.format || 'YYYY-MM-DD HH:mm:ss'));
|
|
156
133
|
break;
|
|
157
134
|
|
|
158
135
|
case 'monthPicker':
|
|
159
|
-
return (
|
|
136
|
+
return moment(value).format(protoConfig && protoConfig.format || 'MM月');
|
|
160
137
|
break;
|
|
161
138
|
|
|
162
139
|
default:
|
|
@@ -166,8 +143,6 @@ var setDatePickerValue = function setDatePickerValue(value, props) {
|
|
|
166
143
|
}; // 设置纯展示模式下的时间控件值
|
|
167
144
|
|
|
168
145
|
|
|
169
|
-
exports.setDatePickerValue = setDatePickerValue;
|
|
170
|
-
|
|
171
146
|
var setTimePickerValue = function setTimePickerValue(value, props) {
|
|
172
147
|
var type = props.type,
|
|
173
148
|
protoConfig = props.protoConfig;
|
|
@@ -175,11 +150,11 @@ var setTimePickerValue = function setTimePickerValue(value, props) {
|
|
|
175
150
|
|
|
176
151
|
switch (type) {
|
|
177
152
|
case 'timePicker':
|
|
178
|
-
return (
|
|
153
|
+
return moment(value).format(protoConfig && protoConfig.format || 'HH:mm:ss');
|
|
179
154
|
break;
|
|
180
155
|
|
|
181
156
|
case 'timePickerRange':
|
|
182
|
-
return "".concat((
|
|
157
|
+
return "".concat(moment(value[0]).format(protoConfig && protoConfig.format || 'HH:mm:ss'), " - ").concat(moment(value[1]).format(protoConfig && protoConfig.format || 'HH:mm:ss'));
|
|
183
158
|
break;
|
|
184
159
|
|
|
185
160
|
default:
|
|
@@ -189,18 +164,16 @@ var setTimePickerValue = function setTimePickerValue(value, props) {
|
|
|
189
164
|
}; // 设置纯展示模式下上传控件显示值
|
|
190
165
|
|
|
191
166
|
|
|
192
|
-
exports.setTimePickerValue = setTimePickerValue;
|
|
193
|
-
|
|
194
167
|
var setUploaderValue = function setUploaderValue(value, props) {
|
|
195
168
|
if (!value && value !== 0) return '-'; // 无值情况 下
|
|
196
169
|
|
|
197
170
|
if (Array.isArray(value)) {
|
|
198
|
-
var _useState =
|
|
171
|
+
var _useState = useState(),
|
|
199
172
|
_useState2 = _slicedToArray(_useState, 2),
|
|
200
173
|
previews = _useState2[0],
|
|
201
174
|
setPreviews = _useState2[1];
|
|
202
175
|
|
|
203
|
-
|
|
176
|
+
useEffect(function () {
|
|
204
177
|
var previewsUlr = [];
|
|
205
178
|
value.forEach(function (vItem) {
|
|
206
179
|
if (vItem === null || vItem === void 0 ? void 0 : vItem.downloadUrl) {
|
|
@@ -211,7 +184,7 @@ var setUploaderValue = function setUploaderValue(value, props) {
|
|
|
211
184
|
return pItem;
|
|
212
185
|
}));
|
|
213
186
|
} else {
|
|
214
|
-
if (vItem === null || vItem === void 0 ? void 0 : vItem.originFileObj)
|
|
187
|
+
if (vItem === null || vItem === void 0 ? void 0 : vItem.originFileObj) getBase64(vItem.originFileObj).then(function (result) {
|
|
215
188
|
previewsUlr.push(result);
|
|
216
189
|
setPreviews(previewsUlr.filter(function (pItem) {
|
|
217
190
|
return pItem;
|
|
@@ -221,10 +194,10 @@ var setUploaderValue = function setUploaderValue(value, props) {
|
|
|
221
194
|
}
|
|
222
195
|
});
|
|
223
196
|
}, [value]);
|
|
224
|
-
return /*#__PURE__*/
|
|
197
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
225
198
|
className: 'spec-uploader-viewonly'
|
|
226
|
-
}, /*#__PURE__*/
|
|
227
|
-
return (item === null || item === void 0 ? void 0 : item.url) ? /*#__PURE__*/
|
|
199
|
+
}, /*#__PURE__*/React.createElement(_Image.PreviewGroup, null, previews && (previews === null || previews === void 0 ? void 0 : previews.map(function (item, index) {
|
|
200
|
+
return (item === null || item === void 0 ? void 0 : item.url) ? /*#__PURE__*/React.createElement(_Image, {
|
|
228
201
|
key: index,
|
|
229
202
|
width: 100,
|
|
230
203
|
height: 100,
|
|
@@ -232,25 +205,25 @@ var setUploaderValue = function setUploaderValue(value, props) {
|
|
|
232
205
|
objectFit: 'contain'
|
|
233
206
|
},
|
|
234
207
|
src: item.url
|
|
235
|
-
}) : /*#__PURE__*/
|
|
208
|
+
}) : /*#__PURE__*/React.createElement("div", {
|
|
236
209
|
key: index,
|
|
237
210
|
className: "spec-uploader-viewonly-item"
|
|
238
211
|
}, "\u6682\u65E0\u56FE\u7247");
|
|
239
212
|
}))));
|
|
240
213
|
} else {
|
|
241
|
-
var _useState3 =
|
|
214
|
+
var _useState3 = useState(),
|
|
242
215
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
243
216
|
preview = _useState4[0],
|
|
244
217
|
setPreview = _useState4[1];
|
|
245
218
|
|
|
246
|
-
|
|
247
|
-
|
|
219
|
+
useEffect(function () {
|
|
220
|
+
getBase64(value).then(function (result) {
|
|
248
221
|
setPreview(result);
|
|
249
222
|
});
|
|
250
223
|
}, [value]);
|
|
251
|
-
return /*#__PURE__*/
|
|
224
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
252
225
|
className: "spec-uploader-viewonly"
|
|
253
|
-
}, preview ? /*#__PURE__*/
|
|
226
|
+
}, preview ? /*#__PURE__*/React.createElement(_Image, {
|
|
254
227
|
style: {
|
|
255
228
|
objectFit: 'contain'
|
|
256
229
|
},
|
|
@@ -260,4 +233,4 @@ var setUploaderValue = function setUploaderValue(value, props) {
|
|
|
260
233
|
}
|
|
261
234
|
};
|
|
262
235
|
|
|
263
|
-
|
|
236
|
+
export { setCascaderValue, setSelectValue, setDatePickerValue, setTimePickerValue, setUploaderValue };
|