fan-standard-comp 3.0.13 → 3.0.16
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/Readme.md +0 -2
- package/dist/{f26952c118ab6cdcd23dc0028ee98c11.svg → e8686421bcdc3738ee1c41da9fa770d7.svg} +0 -0
- package/dist/fan-standard-comp.umd.js +16 -16
- package/es/ButtonGroup/ButtonList.js +36 -18
- package/es/ButtonGroup/ButtonMenu.js +27 -14
- package/es/ButtonGroup/PopConfirmTitle.js +16 -5
- package/es/ButtonGroup/index.js +131 -82
- package/es/DragContent/DragBar.js +18 -6
- package/es/DragContent/index.js +30 -12
- package/es/FormComp/ChunkUploader/api.js +21 -8
- package/es/FormComp/ChunkUploader/index.js +46 -27
- package/es/FormComp/ChunkUploader/lib.js +26 -9
- package/es/FormComp/ChunkUploader/upload-queue.class.js +12 -5
- package/es/FormComp/ChunkUploader/worker.js +7 -2
- package/es/FormComp/EditButton/index.js +35 -16
- package/es/FormComp/FieldComponent/ReUpload.js +38 -18
- package/es/FormComp/FieldComponent/RefactorTreeSelect.js +49 -26
- package/es/FormComp/FieldComponent/TitleNode.js +13 -3
- package/es/FormComp/FieldComponent/index.js +112 -72
- package/es/FormComp/FieldComponent/setReadonlyValues.js +55 -28
- package/es/FormComp/RenderItemGroup/index.d.ts +9 -1
- package/es/FormComp/RenderItemGroup/index.js +63 -36
- package/es/FormComp/Uploader/index.js +64 -38
- package/es/FormComp/Uploader/util.js +11 -2
- package/es/FormComp/VarTemplate/index.js +44 -31
- package/es/FormComp/index.js +15 -1
- package/es/NavLeafScroll/index.js +53 -35
- package/es/RefactorTree/index.js +52 -29
- package/es/RefactorTree/indexTreeNode.js +54 -31
- package/es/RefactorTree/style/index.js +3 -1
- package/es/RefactorTree/util.js +18 -10
- package/es/SpecIcon/fonts/iconfont.js +2 -0
- package/es/SpecIcon/index.js +30 -17
- package/es/SplitterLayout/Pane.js +17 -5
- package/es/SplitterLayout/index.js +24 -13
- package/es/StandardContent/SplitterLayout/Pane.js +25 -13
- package/es/StandardContent/SplitterLayout/index.js +43 -30
- package/es/StandardContent/SubfieldContent.js +28 -13
- package/es/StandardContent/WrapperContent.js +24 -10
- package/es/StandardFilter/index.js +46 -27
- package/es/StandardForm/ActionList.js +21 -8
- package/es/StandardForm/StepForm.d.ts +1 -1
- package/es/StandardForm/StepForm.js +72 -41
- package/es/StandardForm/TabForm.d.ts +1 -1
- package/es/StandardForm/TabForm.js +56 -27
- package/es/StandardForm/index.d.ts +3 -1
- package/es/StandardForm/index.js +57 -28
- package/es/StandardModal/UpdateFormRef.js +18 -4
- package/es/StandardModal/index.d.ts +1 -1
- package/es/StandardModal/index.js +106 -62
- package/es/StandardPanel/index.js +53 -32
- package/es/StandardTable/index.js +34 -17
- package/es/StandardTable/style/index.js +3 -1
- package/es/components/IconNode/index.js +17 -6
- package/es/components/index.js +15 -2
- package/es/data/func.code.js +9 -2
- package/es/data/general.config.js +9 -2
- package/es/data/index.js +23 -3
- package/es/index.js +229 -24
- package/es/utils/ValueFormat.js +9 -1
- package/es/utils/filterPermission.js +20 -4
- package/es/utils/getParentNodes.js +12 -1
- package/es/utils/index.js +35 -3
- 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 +75 -56
- 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 +36 -36
- package/lib/FormComp/FieldComponent/setReadonlyValues.js +17 -17
- package/lib/FormComp/RenderItemGroup/index.d.ts +9 -1
- package/lib/FormComp/RenderItemGroup/index.js +30 -24
- package/lib/FormComp/Uploader/index.js +16 -16
- package/lib/FormComp/VarTemplate/index.js +23 -25
- 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/StandardFilter/index.js +18 -18
- package/lib/StandardForm/ActionList.js +6 -6
- package/lib/StandardForm/StepForm.d.ts +1 -1
- package/lib/StandardForm/StepForm.js +30 -27
- package/lib/StandardForm/TabForm.d.ts +1 -1
- package/lib/StandardForm/TabForm.js +17 -14
- package/lib/StandardForm/index.d.ts +3 -1
- package/lib/StandardForm/index.js +17 -15
- package/lib/StandardModal/UpdateFormRef.js +4 -4
- package/lib/StandardModal/index.d.ts +1 -1
- package/lib/StandardModal/index.js +53 -39
- package/lib/StandardPanel/index.js +23 -23
- package/lib/StandardTable/index.js +8 -8
- 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 +1 -1
|
@@ -1,19 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
require("antd/es/row/style");
|
|
9
|
+
|
|
10
|
+
var _row = _interopRequireDefault(require("antd/es/row"));
|
|
11
|
+
|
|
12
|
+
require("antd/es/tooltip/style");
|
|
13
|
+
|
|
14
|
+
var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
|
|
15
|
+
|
|
16
|
+
require("antd/es/col/style");
|
|
17
|
+
|
|
18
|
+
var _col = _interopRequireDefault(require("antd/es/col"));
|
|
19
|
+
|
|
20
|
+
require("antd/es/form/style");
|
|
21
|
+
|
|
22
|
+
var _form = _interopRequireDefault(require("antd/es/form"));
|
|
23
|
+
|
|
24
|
+
var _react = _interopRequireDefault(require("react"));
|
|
25
|
+
|
|
26
|
+
var _data = require("../../data");
|
|
27
|
+
|
|
28
|
+
var _FieldComponent = _interopRequireDefault(require("../FieldComponent"));
|
|
29
|
+
|
|
30
|
+
var _SpecIcon = _interopRequireDefault(require("../../SpecIcon"));
|
|
31
|
+
|
|
32
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
9
33
|
|
|
10
34
|
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); }
|
|
11
35
|
|
|
12
|
-
|
|
13
|
-
import { general } from '../../data';
|
|
14
|
-
import Field from '../FieldComponent';
|
|
15
|
-
import SpecIcon from '../../SpecIcon';
|
|
16
|
-
var FormItem = _Form.Item;
|
|
36
|
+
var FormItem = _form["default"].Item;
|
|
17
37
|
|
|
18
38
|
var RenderItemGroup = function RenderItemGroup(props) {
|
|
19
39
|
var itemGroup = props.itemGroup,
|
|
@@ -66,11 +86,11 @@ var RenderItemGroup = function RenderItemGroup(props) {
|
|
|
66
86
|
// 带前缀或后缀控件渲染
|
|
67
87
|
|
|
68
88
|
if (preExtra || extra) {
|
|
69
|
-
return /*#__PURE__*/
|
|
89
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, preExtra ? preExtra(field, form) : '', /*#__PURE__*/_react["default"].createElement(FormItem, {
|
|
70
90
|
noStyle: true,
|
|
71
91
|
rules: field.rules || (field.fieldOptions ? field.fieldOptions.rules : []),
|
|
72
92
|
name: field.filedName
|
|
73
|
-
}, /*#__PURE__*/
|
|
93
|
+
}, /*#__PURE__*/_react["default"].createElement(_FieldComponent["default"], Object.assign({}, field, {
|
|
74
94
|
onChange: function onChange(eOrValue) {
|
|
75
95
|
updateFormFields();
|
|
76
96
|
|
|
@@ -82,10 +102,10 @@ var RenderItemGroup = function RenderItemGroup(props) {
|
|
|
82
102
|
},
|
|
83
103
|
fieldStatus: field.fieldStatus || fieldStatus,
|
|
84
104
|
size: field.protoConfig && field.protoConfig.size || field.size || fieldSize,
|
|
85
|
-
style: componentStyle || Object.assign({}, general.formItemStyle.wide)
|
|
105
|
+
style: componentStyle || Object.assign({}, _data.general.formItemStyle.wide)
|
|
86
106
|
}))), extra ? extra(field, form) : '');
|
|
87
107
|
} else {
|
|
88
|
-
return /*#__PURE__*/
|
|
108
|
+
return /*#__PURE__*/_react["default"].createElement(_FieldComponent["default"], Object.assign({}, field, {
|
|
89
109
|
onChange: function onChange(eOrValue) {
|
|
90
110
|
// let updateValue = val
|
|
91
111
|
// if (field.type === 'input' || field.type === 'textarea' || field.type === 'radio' || field.type === 'password') {
|
|
@@ -102,7 +122,7 @@ var RenderItemGroup = function RenderItemGroup(props) {
|
|
|
102
122
|
},
|
|
103
123
|
fieldStatus: field.fieldStatus || fieldStatus,
|
|
104
124
|
size: field.protoConfig && field.protoConfig.size || field.size || fieldSize,
|
|
105
|
-
style: componentStyle || Object.assign({}, general.formItemStyle.wide)
|
|
125
|
+
style: componentStyle || Object.assign({}, _data.general.formItemStyle.wide)
|
|
106
126
|
}));
|
|
107
127
|
}
|
|
108
128
|
};
|
|
@@ -115,15 +135,15 @@ var RenderItemGroup = function RenderItemGroup(props) {
|
|
|
115
135
|
filedName = item.filedName; // 当前可传参的配置值
|
|
116
136
|
|
|
117
137
|
if (layout === "horizontal") {
|
|
118
|
-
return /*#__PURE__*/
|
|
138
|
+
return /*#__PURE__*/_react["default"].createElement(_col["default"], {
|
|
119
139
|
key: index,
|
|
120
140
|
span: item.colSpan || setColSpan(item.display, size)
|
|
121
|
-
}, /*#__PURE__*/
|
|
141
|
+
}, /*#__PURE__*/_react["default"].createElement(FormItem, Object.assign({
|
|
122
142
|
name: type !== 'custom' && filedName,
|
|
123
143
|
className: fieldStatus === 'viewOnly' ? 'form-item-view-only' : '',
|
|
124
|
-
label: description ? /*#__PURE__*/
|
|
144
|
+
label: description ? /*#__PURE__*/_react["default"].createElement("span", null, label, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
|
|
125
145
|
title: description
|
|
126
|
-
}, /*#__PURE__*/
|
|
146
|
+
}, /*#__PURE__*/_react["default"].createElement(_SpecIcon["default"], {
|
|
127
147
|
name: "info"
|
|
128
148
|
}))) : label,
|
|
129
149
|
rules: item.preExtra || item.extra ? [] : item.rules || (item.fieldOptions ? item.fieldOptions.rules : []),
|
|
@@ -132,13 +152,13 @@ var RenderItemGroup = function RenderItemGroup(props) {
|
|
|
132
152
|
}).length > 0
|
|
133
153
|
}, formLayout, item.protoFormItem), type === 'custom' && customRender ? customRender(form, Object.assign({}, item), fieldStatus) : renderFormField(Object.assign({}, item))));
|
|
134
154
|
} else {
|
|
135
|
-
return /*#__PURE__*/
|
|
155
|
+
return /*#__PURE__*/_react["default"].createElement(FormItem, Object.assign({
|
|
136
156
|
key: index,
|
|
137
157
|
name: type !== 'custom' && filedName,
|
|
138
158
|
className: fieldStatus === 'viewOnly' ? 'form-item-view-only' : '',
|
|
139
|
-
label: description ? /*#__PURE__*/
|
|
159
|
+
label: description ? /*#__PURE__*/_react["default"].createElement("span", null, label, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
|
|
140
160
|
title: description
|
|
141
|
-
}, /*#__PURE__*/
|
|
161
|
+
}, /*#__PURE__*/_react["default"].createElement(_SpecIcon["default"], {
|
|
142
162
|
name: "info"
|
|
143
163
|
}))) : label,
|
|
144
164
|
rules: item.rules || (item.fieldOptions ? item.fieldOptions.rules : [])
|
|
@@ -159,14 +179,20 @@ var RenderItemGroup = function RenderItemGroup(props) {
|
|
|
159
179
|
// // 如果未配置,则使用以下配置值
|
|
160
180
|
// formLayout = { ...displayLayout }
|
|
161
181
|
// }
|
|
182
|
+
// 优先级 displayLayout.side > displayLayout > general
|
|
183
|
+
// 优先级:若有displayLayout.block 则直接使用 general > displayLayout
|
|
162
184
|
|
|
163
|
-
formLayout = displayLayout || general.modalSize[size].formLayout;
|
|
185
|
+
formLayout = (displayLayout === null || displayLayout === void 0 ? void 0 : displayLayout.side) || ((displayLayout === null || displayLayout === void 0 ? void 0 : displayLayout.block) ? _data.general.modalSize[size].formLayout : !displayLayout || JSON.stringify(displayLayout) === '{}' ? _data.general.modalSize[size].formLayout : displayLayout);
|
|
164
186
|
|
|
165
187
|
if (item.hasOwnProperty('display')) {
|
|
166
188
|
if (typeof display === 'string') {
|
|
167
|
-
|
|
189
|
+
if (display === 'block') {
|
|
190
|
+
formLayout = (displayLayout === null || displayLayout === void 0 ? void 0 : displayLayout.block) || _data.general.modalSize[size].formBlockLayout;
|
|
191
|
+
} else {// 使用默认
|
|
192
|
+
// formLayout = displayLayout?.side || (displayLayout?.block ? general.modalSize[size].formLayout : displayLayout) || general.modalSize[size].formLayout
|
|
193
|
+
}
|
|
168
194
|
} else {
|
|
169
|
-
formLayout = item.display; // 对象类型传值如: {labelCol: {span: 3},wrapperCol: {span: 8}}
|
|
195
|
+
formLayout = item.display; // 对象类型传值如: {labelCol: {span: 3},wrapperCol: {span: 8}} 优先级最高
|
|
170
196
|
}
|
|
171
197
|
} // 当布局为 'vertical'或'inline'时,不配置栅格结构
|
|
172
198
|
|
|
@@ -177,7 +203,7 @@ var RenderItemGroup = function RenderItemGroup(props) {
|
|
|
177
203
|
|
|
178
204
|
|
|
179
205
|
if (type === 'title' || type === 'html') {
|
|
180
|
-
return /*#__PURE__*/
|
|
206
|
+
return /*#__PURE__*/_react["default"].createElement(FormItem, {
|
|
181
207
|
key: index,
|
|
182
208
|
noStyle: true,
|
|
183
209
|
shouldUpdate: true
|
|
@@ -185,18 +211,18 @@ var RenderItemGroup = function RenderItemGroup(props) {
|
|
|
185
211
|
var _a; // isHide 返回为true则隐藏当前控件
|
|
186
212
|
|
|
187
213
|
|
|
188
|
-
return !itemIsHide(isHide, FormInstance.getFieldValue(), FormInstance) ? /*#__PURE__*/
|
|
214
|
+
return !itemIsHide(isHide, FormInstance.getFieldValue(), FormInstance) ? /*#__PURE__*/_react["default"].createElement(_col["default"], {
|
|
189
215
|
span: item.colSpan || 24
|
|
190
|
-
}, type === 'title' ? /*#__PURE__*/
|
|
216
|
+
}, type === 'title' ? /*#__PURE__*/_react["default"].createElement("h3", Object.assign({
|
|
191
217
|
className: "modalPanelTitle ".concat((_a = item === null || item === void 0 ? void 0 : item.protoConfig) === null || _a === void 0 ? void 0 : _a.className)
|
|
192
|
-
}, item.protoConfig), label) : label) : /*#__PURE__*/
|
|
218
|
+
}, item.protoConfig), label) : label) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, null);
|
|
193
219
|
});
|
|
194
|
-
return /*#__PURE__*/
|
|
220
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, null);
|
|
195
221
|
} // 判断是否强制重新渲染表单
|
|
196
222
|
|
|
197
223
|
|
|
198
224
|
if (item.protoFormItem && item.protoFormItem.shouldUpdate) {
|
|
199
|
-
return /*#__PURE__*/
|
|
225
|
+
return /*#__PURE__*/_react["default"].createElement(FormItem, {
|
|
200
226
|
key: index,
|
|
201
227
|
noStyle: true,
|
|
202
228
|
shouldUpdate: item.protoFormItem.shouldUpdate
|
|
@@ -218,7 +244,7 @@ var RenderItemGroup = function RenderItemGroup(props) {
|
|
|
218
244
|
} // 布局配置为horizontal
|
|
219
245
|
|
|
220
246
|
|
|
221
|
-
return /*#__PURE__*/
|
|
247
|
+
return /*#__PURE__*/_react["default"].createElement(_row["default"], null, renderItemGroupNode());
|
|
222
248
|
}
|
|
223
249
|
/* itemGroup = ReactNode则直接返回 */
|
|
224
250
|
|
|
@@ -226,4 +252,5 @@ var RenderItemGroup = function RenderItemGroup(props) {
|
|
|
226
252
|
return itemGroup;
|
|
227
253
|
};
|
|
228
254
|
|
|
229
|
-
|
|
255
|
+
var _default = RenderItemGroup;
|
|
256
|
+
exports["default"] = _default;
|
|
@@ -1,9 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
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["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
require("antd/es/upload/style");
|
|
11
|
+
|
|
12
|
+
var _upload = _interopRequireDefault(require("antd/es/upload"));
|
|
13
|
+
|
|
14
|
+
require("antd/es/button/style");
|
|
15
|
+
|
|
16
|
+
var _button = _interopRequireDefault(require("antd/es/button"));
|
|
17
|
+
|
|
18
|
+
require("antd/es/message/style");
|
|
19
|
+
|
|
20
|
+
var _message2 = _interopRequireDefault(require("antd/es/message"));
|
|
21
|
+
|
|
22
|
+
var _tslib = require("tslib");
|
|
23
|
+
|
|
24
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
25
|
+
|
|
26
|
+
var _icons = require("@ant-design/icons");
|
|
27
|
+
|
|
28
|
+
var _util = require("./util");
|
|
29
|
+
|
|
30
|
+
var _StandardModal = _interopRequireDefault(require("../../StandardModal"));
|
|
31
|
+
|
|
32
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
33
|
+
|
|
34
|
+
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; }
|
|
35
|
+
|
|
36
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
7
37
|
|
|
8
38
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
9
39
|
|
|
@@ -25,13 +55,7 @@ function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(
|
|
|
25
55
|
|
|
26
56
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
27
57
|
|
|
28
|
-
|
|
29
|
-
import React, { useMemo, useState, useCallback, useEffect } from 'react';
|
|
30
|
-
import { PlusOutlined } from '@ant-design/icons';
|
|
31
|
-
import { getAccept, getBase64 } from "./util"; // import RcUpload from 'rc-upload';
|
|
32
|
-
|
|
33
|
-
import StandardModal from "../../StandardModal";
|
|
34
|
-
var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
58
|
+
var Uploader = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
|
35
59
|
var accept = props.accept,
|
|
36
60
|
extraExt = props.extraExt,
|
|
37
61
|
fileType = props.fileType,
|
|
@@ -48,7 +72,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
48
72
|
beforeUpload = props.beforeUpload,
|
|
49
73
|
limit = props.limit; // 图片预览数据
|
|
50
74
|
|
|
51
|
-
var _useState = useState({
|
|
75
|
+
var _useState = (0, _react.useState)({
|
|
52
76
|
visible: false,
|
|
53
77
|
url: ''
|
|
54
78
|
}),
|
|
@@ -57,12 +81,12 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
57
81
|
setShowConfig = _useState2[1]; // 用于展示的缩略图
|
|
58
82
|
|
|
59
83
|
|
|
60
|
-
var _useState3 = useState([]),
|
|
84
|
+
var _useState3 = (0, _react.useState)([]),
|
|
61
85
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
62
86
|
fileList = _useState4[0],
|
|
63
87
|
setFileList = _useState4[1];
|
|
64
88
|
|
|
65
|
-
useEffect(function () {
|
|
89
|
+
(0, _react.useEffect)(function () {
|
|
66
90
|
if (!value) {
|
|
67
91
|
setFileList([]);
|
|
68
92
|
return;
|
|
@@ -101,8 +125,8 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
101
125
|
return;
|
|
102
126
|
}
|
|
103
127
|
}, [value]);
|
|
104
|
-
var splitAccept = useMemo(function () {
|
|
105
|
-
var res = getAccept(fileType);
|
|
128
|
+
var splitAccept = (0, _react.useMemo)(function () {
|
|
129
|
+
var res = (0, _util.getAccept)(fileType);
|
|
106
130
|
|
|
107
131
|
if (extraExt) {
|
|
108
132
|
res = res + ',' + extraExt;
|
|
@@ -115,8 +139,8 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
115
139
|
return res;
|
|
116
140
|
}, [fileType, extraExt]); // 点击文件链接或预览图标时的回调
|
|
117
141
|
|
|
118
|
-
var handlePreview = useCallback(function (file) {
|
|
119
|
-
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
142
|
+
var handlePreview = (0, _react.useCallback)(function (file) {
|
|
143
|
+
return (0, _tslib.__awaiter)(void 0, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
120
144
|
var res;
|
|
121
145
|
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
122
146
|
while (1) {
|
|
@@ -128,7 +152,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
128
152
|
}
|
|
129
153
|
|
|
130
154
|
_context.next = 3;
|
|
131
|
-
return getBase64(file.originFileObj);
|
|
155
|
+
return (0, _util.getBase64)(file.originFileObj);
|
|
132
156
|
|
|
133
157
|
case 3:
|
|
134
158
|
res = _context.sent;
|
|
@@ -152,19 +176,19 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
152
176
|
}));
|
|
153
177
|
}, [setShowConfig]); // 检查文件是否规范
|
|
154
178
|
|
|
155
|
-
var handleCheck = useCallback(function (file) {
|
|
179
|
+
var handleCheck = (0, _react.useCallback)(function (file) {
|
|
156
180
|
var isLtSize = file.size < size;
|
|
157
181
|
|
|
158
182
|
if (!isLtSize) {
|
|
159
|
-
|
|
183
|
+
_message2["default"].error("\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7".concat(Math.round(size / 1024 * 100) / 100, "MB!"));
|
|
160
184
|
|
|
161
185
|
return false;
|
|
162
186
|
}
|
|
163
187
|
|
|
164
188
|
return true;
|
|
165
189
|
}, [fileType, size]);
|
|
166
|
-
var handleChange = useCallback(function (res) {
|
|
167
|
-
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
|
|
190
|
+
var handleChange = (0, _react.useCallback)(function (res) {
|
|
191
|
+
return (0, _tslib.__awaiter)(void 0, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
|
|
168
192
|
var isOk, result, list;
|
|
169
193
|
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
170
194
|
while (1) {
|
|
@@ -204,11 +228,11 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
204
228
|
}));
|
|
205
229
|
}, [isOnly, handleCheck]); // 渲染预览窗口
|
|
206
230
|
|
|
207
|
-
var renderPreviewComponent = useMemo(function () {
|
|
231
|
+
var renderPreviewComponent = (0, _react.useMemo)(function () {
|
|
208
232
|
if (fileType === 'image' || fileType === 'svg') {
|
|
209
233
|
var visible = showConfig.visible,
|
|
210
234
|
url = showConfig.url;
|
|
211
|
-
return /*#__PURE__*/
|
|
235
|
+
return /*#__PURE__*/_react["default"].createElement(_StandardModal["default"], {
|
|
212
236
|
visible: visible,
|
|
213
237
|
hideFooter: true,
|
|
214
238
|
onCancel: function onCancel() {
|
|
@@ -218,11 +242,11 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
218
242
|
});
|
|
219
243
|
},
|
|
220
244
|
size: modalSize
|
|
221
|
-
}, /*#__PURE__*/
|
|
245
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
222
246
|
style: {
|
|
223
247
|
textAlign: 'center'
|
|
224
248
|
}
|
|
225
|
-
}, /*#__PURE__*/
|
|
249
|
+
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
226
250
|
style: {
|
|
227
251
|
maxWidth: '100%'
|
|
228
252
|
},
|
|
@@ -233,32 +257,32 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
233
257
|
|
|
234
258
|
return null;
|
|
235
259
|
}, [fileType, showConfig]);
|
|
236
|
-
var renderChildrenComponent = useMemo(function () {
|
|
260
|
+
var renderChildrenComponent = (0, _react.useMemo)(function () {
|
|
237
261
|
var renderButton = function renderButton() {
|
|
238
262
|
if (fileType === 'image' || fileType === 'svg') {
|
|
239
|
-
return /*#__PURE__*/
|
|
263
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
240
264
|
className: 'spec-uploader-control'
|
|
241
|
-
}, /*#__PURE__*/
|
|
265
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.PlusOutlined, null), /*#__PURE__*/_react["default"].createElement("div", {
|
|
242
266
|
className: "ant-upload-text"
|
|
243
267
|
}, "\u70B9\u51FB\u9009\u62E9"));
|
|
244
268
|
}
|
|
245
269
|
|
|
246
|
-
return /*#__PURE__*/
|
|
270
|
+
return /*#__PURE__*/_react["default"].createElement(_button["default"], {
|
|
247
271
|
className: 'spec-uploader-button'
|
|
248
|
-
}, /*#__PURE__*/
|
|
272
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.PlusOutlined, null), "\u70B9\u51FB\u9009\u62E9");
|
|
249
273
|
};
|
|
250
274
|
|
|
251
275
|
if (children) {
|
|
252
|
-
return /*#__PURE__*/
|
|
276
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, " ", children, " ");
|
|
253
277
|
}
|
|
254
278
|
|
|
255
279
|
if (isOnly && fileList.length === 1 || limit && fileList.length === limit) {
|
|
256
280
|
return null;
|
|
257
281
|
}
|
|
258
282
|
|
|
259
|
-
return /*#__PURE__*/
|
|
283
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, renderButton());
|
|
260
284
|
}, [fileType, isOnly, children, fileList, limit]);
|
|
261
|
-
return /*#__PURE__*/
|
|
285
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_upload["default"], Object.assign({}, props, {
|
|
262
286
|
ref: ref,
|
|
263
287
|
accept: splitAccept,
|
|
264
288
|
fileList: fileList,
|
|
@@ -272,4 +296,6 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
272
296
|
}), renderChildrenComponent), renderPreviewComponent);
|
|
273
297
|
}); // as IUploader
|
|
274
298
|
|
|
275
|
-
|
|
299
|
+
|
|
300
|
+
var _default = Uploader;
|
|
301
|
+
exports["default"] = _default;
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getBase64 = getBase64;
|
|
7
|
+
exports.getAccept = getAccept;
|
|
8
|
+
|
|
9
|
+
function getBase64(file) {
|
|
2
10
|
return new Promise(function (resolve) {
|
|
3
11
|
var reader = new FileReader();
|
|
4
12
|
reader.readAsDataURL(file);
|
|
@@ -18,7 +26,8 @@ export function getBase64(file) {
|
|
|
18
26
|
};
|
|
19
27
|
});
|
|
20
28
|
}
|
|
21
|
-
|
|
29
|
+
|
|
30
|
+
function getAccept(fileType) {
|
|
22
31
|
switch (fileType) {
|
|
23
32
|
case 'image':
|
|
24
33
|
return '.jpg,.png';
|
|
@@ -1,9 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
1
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); }
|
|
2
4
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
require("antd/es/tag/style");
|
|
11
|
+
|
|
12
|
+
var _tag = _interopRequireDefault(require("antd/es/tag"));
|
|
13
|
+
|
|
14
|
+
require("antd/es/input/style");
|
|
15
|
+
|
|
16
|
+
var _input = _interopRequireDefault(require("antd/es/input"));
|
|
17
|
+
|
|
18
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
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 }; }
|
|
7
25
|
|
|
8
26
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
9
27
|
|
|
@@ -25,17 +43,13 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
|
|
|
25
43
|
|
|
26
44
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
27
45
|
|
|
28
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try {
|
|
46
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
29
47
|
|
|
30
48
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
31
49
|
|
|
32
50
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
33
51
|
|
|
34
|
-
|
|
35
|
-
* Created by S.C. on 2019/11/16.
|
|
36
|
-
*/
|
|
37
|
-
import React, { Component } from 'react';
|
|
38
|
-
var TextArea = _Input.TextArea;
|
|
52
|
+
var TextArea = _input["default"].TextArea;
|
|
39
53
|
var isIE = !!document.all;
|
|
40
54
|
|
|
41
55
|
var VarTemplate = /*#__PURE__*/function (_Component) {
|
|
@@ -43,19 +57,6 @@ var VarTemplate = /*#__PURE__*/function (_Component) {
|
|
|
43
57
|
|
|
44
58
|
var _super = _createSuper(VarTemplate);
|
|
45
59
|
|
|
46
|
-
_createClass(VarTemplate, null, [{
|
|
47
|
-
key: "getDerivedStateFromProps",
|
|
48
|
-
value: function getDerivedStateFromProps(nextProps) {
|
|
49
|
-
// console.log('执行getDerivedStateFromProps', nextProps)
|
|
50
|
-
// Should be a controlled component.
|
|
51
|
-
if ('value' in nextProps) {
|
|
52
|
-
return _objectSpread({}, nextProps.value || {});
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
return null;
|
|
56
|
-
}
|
|
57
|
-
}]);
|
|
58
|
-
|
|
59
60
|
function VarTemplate(props) {
|
|
60
61
|
var _this;
|
|
61
62
|
|
|
@@ -238,7 +239,7 @@ var VarTemplate = /*#__PURE__*/function (_Component) {
|
|
|
238
239
|
wordCount: _value.length // 输入框内的字符数总和(包含占位符所需要的长度)
|
|
239
240
|
|
|
240
241
|
};
|
|
241
|
-
_this.content = /*#__PURE__*/
|
|
242
|
+
_this.content = /*#__PURE__*/_react["default"].createRef();
|
|
242
243
|
return _this;
|
|
243
244
|
}
|
|
244
245
|
|
|
@@ -255,24 +256,24 @@ var VarTemplate = /*#__PURE__*/function (_Component) {
|
|
|
255
256
|
var _this$state3 = this.state,
|
|
256
257
|
currentContent = _this$state3.currentContent,
|
|
257
258
|
wordCount = _this$state3.wordCount;
|
|
258
|
-
return /*#__PURE__*/
|
|
259
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
259
260
|
className: "vart-wrap",
|
|
260
261
|
style: style,
|
|
261
262
|
ref: function ref(cRef) {
|
|
262
263
|
_this2.content = cRef;
|
|
263
264
|
}
|
|
264
|
-
}, tags && Array.isArray(tags) && /*#__PURE__*/
|
|
265
|
+
}, tags && Array.isArray(tags) && /*#__PURE__*/_react["default"].createElement("div", {
|
|
265
266
|
className: "vart-header"
|
|
266
267
|
}, tags.map(function (item) {
|
|
267
|
-
return /*#__PURE__*/
|
|
268
|
+
return /*#__PURE__*/_react["default"].createElement(_tag["default"], {
|
|
268
269
|
key: item.id,
|
|
269
270
|
onClick: function onClick() {
|
|
270
271
|
return !disabled && _this2.setTagWords(item.variableNameFormatted);
|
|
271
272
|
}
|
|
272
273
|
}, item.variableName);
|
|
273
|
-
})), /*#__PURE__*/
|
|
274
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
274
275
|
className: "vart-input"
|
|
275
|
-
}, /*#__PURE__*/
|
|
276
|
+
}, /*#__PURE__*/_react["default"].createElement(TextArea, {
|
|
276
277
|
type: "text",
|
|
277
278
|
size: size,
|
|
278
279
|
value: currentContent,
|
|
@@ -285,9 +286,21 @@ var VarTemplate = /*#__PURE__*/function (_Component) {
|
|
|
285
286
|
disabled: disabled
|
|
286
287
|
})));
|
|
287
288
|
}
|
|
289
|
+
}], [{
|
|
290
|
+
key: "getDerivedStateFromProps",
|
|
291
|
+
value: function getDerivedStateFromProps(nextProps) {
|
|
292
|
+
// console.log('执行getDerivedStateFromProps', nextProps)
|
|
293
|
+
// Should be a controlled component.
|
|
294
|
+
if ('value' in nextProps) {
|
|
295
|
+
return _objectSpread({}, nextProps.value || {});
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
return null;
|
|
299
|
+
}
|
|
288
300
|
}]);
|
|
289
301
|
|
|
290
302
|
return VarTemplate;
|
|
291
|
-
}(Component);
|
|
303
|
+
}(_react.Component);
|
|
292
304
|
|
|
293
|
-
|
|
305
|
+
var _default = VarTemplate;
|
|
306
|
+
exports["default"] = _default;
|
package/es/FormComp/index.js
CHANGED
|
@@ -1 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Uploader", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _Uploader["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
var _Uploader = _interopRequireDefault(require("./Uploader"));
|
|
14
|
+
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|