ls-pro-common 3.0.29 → 3.0.31
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/es/components/IconBack.d.ts +5 -4
- package/es/components/IconBack.js +1 -1
- package/es/components/IconBell.d.ts +2 -4
- package/es/components/IconBell.js +1 -1
- package/es/components/IconQuestion.d.ts +2 -4
- package/es/components/IconQuestion.js +1 -1
- package/es/components/IconSearch.d.ts +2 -4
- package/es/components/IconSearch.js +1 -1
- package/es/components/IconText.d.ts +2 -4
- package/es/components/IconText.js +1 -1
- package/es/utils/index.d.ts +2 -2
- package/es/utils/index.js +2 -2
- package/lib/components/404.js +7 -15
- package/lib/components/AreaCascader.js +23 -32
- package/lib/components/AreaCascaderPanel.js +52 -61
- package/lib/components/DescritionCard.js +23 -32
- package/lib/components/DtlLayout.js +28 -37
- package/lib/components/GroupTip.js +11 -19
- package/lib/components/IconBack.d.ts +5 -4
- package/lib/components/IconBack.js +7 -15
- package/lib/components/IconBell.d.ts +2 -4
- package/lib/components/IconBell.js +7 -15
- package/lib/components/IconQuestion.d.ts +2 -4
- package/lib/components/IconQuestion.js +9 -17
- package/lib/components/IconSearch.d.ts +2 -4
- package/lib/components/IconSearch.js +7 -15
- package/lib/components/IconSelector.js +49 -57
- package/lib/components/IconText.d.ts +2 -4
- package/lib/components/IconText.js +12 -20
- package/lib/components/ImageSelector.js +93 -101
- package/lib/components/InputMultiLine.js +35 -44
- package/lib/components/InputTable.js +71 -80
- package/lib/components/Loading.js +11 -19
- package/lib/components/Permission.js +7 -15
- package/lib/hooks/useDtl/index.js +88 -96
- package/lib/hooks/useGetState.js +6 -13
- package/lib/hooks/usePermission/index.js +14 -21
- package/lib/hooks/useSingle/index.js +74 -82
- package/lib/http/index.js +42 -56
- package/lib/index.js +26 -207
- package/lib/service/BaseService.js +33 -41
- package/lib/typing.js +1 -5
- package/lib/utils/index.d.ts +2 -2
- package/lib/utils/index.js +83 -180
- package/package.json +2 -2
|
@@ -1,38 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _icons = _interopRequireDefault(require("@ant-design/icons"));
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import Icon from '@ant-design/icons/es/components/Icon';
|
|
11
4
|
var Svg = function Svg() {
|
|
12
|
-
return /*#__PURE__*/
|
|
5
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
13
6
|
width: "1em",
|
|
14
7
|
height: "1em",
|
|
15
8
|
viewBox: "0 0 16 20",
|
|
16
9
|
fill: "currentColor",
|
|
17
10
|
xmlns: "http://www.w3.org/2000/svg"
|
|
18
|
-
}, /*#__PURE__*/
|
|
11
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
19
12
|
d: "M10 1.13196C10 0.855816 9.77614 0.631958 9.5 0.631958C9.22386 0.631958 9 0.855816 9 1.13196V3.13196C9 3.4081 9.22386 3.63196 9.5 3.63196C9.77614 3.63196 10 3.4081 10 3.13196V1.13196Z"
|
|
20
|
-
}), /*#__PURE__*/
|
|
13
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
21
14
|
d: "M14.5607 2.07125C14.756 2.26651 14.756 2.5831 14.5607 2.77836L12.4394 4.89968C12.2441 5.09494 11.9275 5.09494 11.7323 4.89968C11.537 4.70442 11.537 4.38783 11.7323 4.19257L13.8536 2.07125C14.0488 1.87599 14.3654 1.87599 14.5607 2.07125Z"
|
|
22
|
-
}), /*#__PURE__*/
|
|
15
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
23
16
|
d: "M1 17.9856C1 18.2508 1.18051 18.3679 1.28893 18.3679H11.7111C11.8195 18.3679 12 18.2508 12 17.9856V11.3679H13V17.9856C13 18.6949 12.4741 19.3679 11.7111 19.3679H1.28893C0.525921 19.3679 0 18.6949 0 17.9856V4.75027C0 4.04091 0.525921 3.36792 1.28893 3.36792H6.5C6.77614 3.36792 7 3.59178 7 3.86792C7 4.14406 6.77614 4.36792 6.5 4.36792H1.28893C1.18051 4.36792 1 4.48501 1 4.75027V17.9856Z"
|
|
24
|
-
}), /*#__PURE__*/
|
|
17
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
25
18
|
d: "M3.5 7.63196C3.22386 7.63196 3 7.85582 3 8.13196C3 8.4081 3.22386 8.63196 3.5 8.63196H9.5C9.77614 8.63196 10 8.4081 10 8.13196C10 7.85582 9.77614 7.63196 9.5 7.63196H3.5Z"
|
|
26
|
-
}), /*#__PURE__*/
|
|
19
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
27
20
|
d: "M3 12.132C3 11.8558 3.22386 11.632 3.5 11.632H7.5C7.77614 11.632 8 11.8558 8 12.132C8 12.4081 7.77614 12.632 7.5 12.632H3.5C3.22386 12.632 3 12.4081 3 12.132Z"
|
|
28
|
-
}), /*#__PURE__*/
|
|
21
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
29
22
|
d: "M13.5 6.63196C13.2239 6.63196 13 6.85582 13 7.13196C13 7.4081 13.2239 7.63196 13.5 7.63196H15.5C15.7761 7.63196 16 7.4081 16 7.13196C16 6.85582 15.7761 6.63196 15.5 6.63196H13.5Z"
|
|
30
23
|
}));
|
|
31
24
|
};
|
|
32
25
|
var IconText = function IconText(props) {
|
|
33
|
-
return /*#__PURE__*/
|
|
26
|
+
return /*#__PURE__*/React.createElement(Icon, _extends({
|
|
34
27
|
component: Svg
|
|
35
28
|
}, props));
|
|
36
29
|
};
|
|
37
|
-
|
|
38
|
-
exports.default = _default;
|
|
30
|
+
export default IconText;
|
|
@@ -1,63 +1,56 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
var _upload = _interopRequireDefault(require("antd/es/upload"));
|
|
20
|
-
require("antd/es/input/style");
|
|
21
|
-
var _input = _interopRequireDefault(require("antd/es/input"));
|
|
22
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
23
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
24
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
25
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
26
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
27
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
28
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
29
|
-
var _lsProForm = require("ls-pro-form");
|
|
30
|
-
var _icons = require("@ant-design/icons");
|
|
31
|
-
var _http = require("../http");
|
|
32
|
-
var _utils = require("../utils");
|
|
1
|
+
import "antd/es/modal/style";
|
|
2
|
+
import _Modal from "antd/es/modal";
|
|
3
|
+
import "antd/es/empty/style";
|
|
4
|
+
import _Empty from "antd/es/empty";
|
|
5
|
+
import "antd/es/card/style";
|
|
6
|
+
import _Card from "antd/es/card";
|
|
7
|
+
import "antd/es/button/style";
|
|
8
|
+
import _Button from "antd/es/button";
|
|
9
|
+
import "antd/es/upload/style";
|
|
10
|
+
import _Upload from "antd/es/upload";
|
|
11
|
+
import "antd/es/input/style";
|
|
12
|
+
import _Input from "antd/es/input";
|
|
13
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
14
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
15
|
+
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
16
|
+
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
17
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
18
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
33
19
|
var _excluded = ["type", "uploadable", "readonly", "allowClear", "title", "modalWidth", "name", "maxSize", "modalProps", "code", "isInput", "desc", "imageClass", "maxCount"];
|
|
34
|
-
|
|
20
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
21
|
+
import React from "react";
|
|
22
|
+
import { useMemo, useState, useEffect, useContext, useRef } from 'react';
|
|
23
|
+
import { ProFormText, ProFormContext } from 'ls-pro-form';
|
|
24
|
+
import { PlusOutlined, UploadOutlined, SearchOutlined, CloseOutlined } from '@ant-design/icons';
|
|
25
|
+
import { httpGet } from '../http';
|
|
26
|
+
import { getCache, showError, showWarn, showSuccess } from '../utils';
|
|
27
|
+
var fileCenter = getCache('ossPath') || '/petrel/petrel-file-center-api/lesoon/oss/file/';
|
|
35
28
|
function ImageSelector(prop) {
|
|
36
29
|
var _rest$fieldProps3;
|
|
37
30
|
//@ts-ignore?
|
|
38
|
-
var _useContext =
|
|
31
|
+
var _useContext = useContext(ProFormContext),
|
|
39
32
|
formRef = _useContext.formRef;
|
|
40
|
-
var _useState =
|
|
41
|
-
_useState2 = (
|
|
33
|
+
var _useState = useState(false),
|
|
34
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
42
35
|
visible = _useState2[0],
|
|
43
36
|
setVisible = _useState2[1];
|
|
44
|
-
var _useState3 =
|
|
45
|
-
_useState4 = (
|
|
37
|
+
var _useState3 = useState(''),
|
|
38
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
46
39
|
imgUrl = _useState4[0],
|
|
47
40
|
setImgUrl = _useState4[1];
|
|
48
|
-
var _useState5 =
|
|
49
|
-
_useState6 = (
|
|
41
|
+
var _useState5 = useState([]),
|
|
42
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
50
43
|
list = _useState6[0],
|
|
51
44
|
setList = _useState6[1];
|
|
52
|
-
var _useState7 =
|
|
53
|
-
_useState8 = (
|
|
45
|
+
var _useState7 = useState(''),
|
|
46
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
54
47
|
searchKey = _useState8[0],
|
|
55
48
|
setSearchKey = _useState8[1];
|
|
56
|
-
var _useState9 =
|
|
57
|
-
_useState10 = (
|
|
49
|
+
var _useState9 = useState(''),
|
|
50
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
58
51
|
nextMarker = _useState10[0],
|
|
59
52
|
setNextMarker = _useState10[1];
|
|
60
|
-
var inputRef =
|
|
53
|
+
var inputRef = useRef();
|
|
61
54
|
var type = prop.type,
|
|
62
55
|
_prop$uploadable = prop.uploadable,
|
|
63
56
|
uploadable = _prop$uploadable === void 0 ? true : _prop$uploadable,
|
|
@@ -83,28 +76,28 @@ function ImageSelector(prop) {
|
|
|
83
76
|
imageClass = _prop$imageClass === void 0 ? '' : _prop$imageClass,
|
|
84
77
|
_prop$maxCount = prop.maxCount,
|
|
85
78
|
maxCount = _prop$maxCount === void 0 ? 1 : _prop$maxCount,
|
|
86
|
-
rest = (
|
|
79
|
+
rest = _objectWithoutProperties(prop, _excluded);
|
|
87
80
|
// 上传地址
|
|
88
|
-
var uploadImgApi =
|
|
81
|
+
var uploadImgApi = useMemo(function () {
|
|
89
82
|
return fileCenter + 'upload/' + code + '?catalogName=' + type;
|
|
90
83
|
}, [code, type]);
|
|
91
84
|
// 分页加载列表地址
|
|
92
|
-
var pageImgApi =
|
|
85
|
+
var pageImgApi = useMemo(function () {
|
|
93
86
|
return fileCenter + 'page/' + code;
|
|
94
87
|
}, [code]);
|
|
95
88
|
// 展示地址
|
|
96
|
-
var showImgApi =
|
|
89
|
+
var showImgApi = useMemo(function () {
|
|
97
90
|
return fileCenter + 'show/' + code;
|
|
98
91
|
}, [code]);
|
|
99
|
-
var _useState11 =
|
|
100
|
-
_useState12 = (
|
|
92
|
+
var _useState11 = useState([]),
|
|
93
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
101
94
|
selectedUrl = _useState12[0],
|
|
102
95
|
setSelectedUrl = _useState12[1];
|
|
103
96
|
var loadData = /*#__PURE__*/function () {
|
|
104
|
-
var _ref = (
|
|
97
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(keys) {
|
|
105
98
|
var _result$data, _result$data2;
|
|
106
99
|
var url, param, result, rows;
|
|
107
|
-
return
|
|
100
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
108
101
|
while (1) switch (_context.prev = _context.next) {
|
|
109
102
|
case 0:
|
|
110
103
|
url = pageImgApi;
|
|
@@ -119,7 +112,7 @@ function ImageSelector(prop) {
|
|
|
119
112
|
param.nextMarker = nextMarker;
|
|
120
113
|
}
|
|
121
114
|
_context.next = 6;
|
|
122
|
-
return
|
|
115
|
+
return httpGet(url, param, false);
|
|
123
116
|
case 6:
|
|
124
117
|
result = _context.sent;
|
|
125
118
|
rows = (((_result$data = result.data) === null || _result$data === void 0 ? void 0 : _result$data.objectList) || []).filter(function (o) {
|
|
@@ -133,7 +126,7 @@ function ImageSelector(prop) {
|
|
|
133
126
|
if (!nextMarker) {
|
|
134
127
|
setList(rows);
|
|
135
128
|
} else {
|
|
136
|
-
setList([].concat((
|
|
129
|
+
setList([].concat(_toConsumableArray(list), _toConsumableArray(rows)));
|
|
137
130
|
}
|
|
138
131
|
setNextMarker((_result$data2 = result.data) === null || _result$data2 === void 0 ? void 0 : _result$data2.nextMarker);
|
|
139
132
|
case 11:
|
|
@@ -146,7 +139,7 @@ function ImageSelector(prop) {
|
|
|
146
139
|
return _ref.apply(this, arguments);
|
|
147
140
|
};
|
|
148
141
|
}();
|
|
149
|
-
|
|
142
|
+
useEffect(function () {
|
|
150
143
|
if (!visible) {
|
|
151
144
|
setNextMarker('');
|
|
152
145
|
setSearchKey('');
|
|
@@ -154,7 +147,7 @@ function ImageSelector(prop) {
|
|
|
154
147
|
}
|
|
155
148
|
loadData(searchKey);
|
|
156
149
|
}, [visible, searchKey]);
|
|
157
|
-
|
|
150
|
+
useEffect(function () {
|
|
158
151
|
var _formRef$current, _formRef$current$getF;
|
|
159
152
|
var val = (formRef === null || formRef === void 0 ? void 0 : (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : (_formRef$current$getF = _formRef$current.getFieldsValue) === null || _formRef$current$getF === void 0 ? void 0 : _formRef$current$getF.call(_formRef$current)) || {};
|
|
160
153
|
var url = val === null || val === void 0 ? void 0 : val[name];
|
|
@@ -172,7 +165,7 @@ function ImageSelector(prop) {
|
|
|
172
165
|
var beforeUpload = function beforeUpload(file) {
|
|
173
166
|
var sizeLimit = file.size / 1024 / 1024 >= maxSize;
|
|
174
167
|
if (sizeLimit) {
|
|
175
|
-
|
|
168
|
+
showError("\u4E0A\u4F20\u7684\u6587\u4EF6\u4E0D\u80FD\u5927\u4E8E".concat(maxSize, "M"));
|
|
176
169
|
}
|
|
177
170
|
return !sizeLimit;
|
|
178
171
|
};
|
|
@@ -183,24 +176,24 @@ function ImageSelector(prop) {
|
|
|
183
176
|
var _result$flag;
|
|
184
177
|
var result = info.file.response;
|
|
185
178
|
if ((result === null || result === void 0 ? void 0 : (_result$flag = result.flag) === null || _result$flag === void 0 ? void 0 : _result$flag.retCode) === '0') {
|
|
186
|
-
|
|
179
|
+
showSuccess(result.flag.retMsg);
|
|
187
180
|
// 直接上传
|
|
188
181
|
if (isDirect) {
|
|
189
182
|
var _result$rows$, _formRef$current3, _formRef$current3$get, _formRef$current4, _formRef$current4$set;
|
|
190
183
|
var img = showImgApi + '?fileName=' + (result === null || result === void 0 ? void 0 : (_result$rows$ = result.rows[0]) === null || _result$rows$ === void 0 ? void 0 : _result$rows$.newFileId);
|
|
191
184
|
setImgUrl(img);
|
|
192
185
|
var formVal = formRef === null || formRef === void 0 ? void 0 : (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : (_formRef$current3$get = _formRef$current3.getFieldsValue) === null || _formRef$current3$get === void 0 ? void 0 : _formRef$current3$get.call(_formRef$current3);
|
|
193
|
-
var val = (
|
|
186
|
+
var val = _objectSpread({}, formVal);
|
|
194
187
|
//@ts-ignore
|
|
195
188
|
val[name] = img;
|
|
196
189
|
formRef === null || formRef === void 0 ? void 0 : (_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 ? void 0 : (_formRef$current4$set = _formRef$current4.setFieldsValue) === null || _formRef$current4$set === void 0 ? void 0 : _formRef$current4$set.call(_formRef$current4, val);
|
|
197
190
|
}
|
|
198
191
|
} else {
|
|
199
192
|
var _result$flag2;
|
|
200
|
-
|
|
193
|
+
showError((result === null || result === void 0 ? void 0 : (_result$flag2 = result.flag) === null || _result$flag2 === void 0 ? void 0 : _result$flag2.retMsg) || '上传图片失败,请联系管理员');
|
|
201
194
|
}
|
|
202
195
|
} else if (info.file.status === 'error') {
|
|
203
|
-
|
|
196
|
+
showError('上传数据失败,请联系管理员');
|
|
204
197
|
}
|
|
205
198
|
if (!isDirect && !info.fileList.filter(function (o) {
|
|
206
199
|
return o.status === 'uploading';
|
|
@@ -215,7 +208,7 @@ function ImageSelector(prop) {
|
|
|
215
208
|
}
|
|
216
209
|
setVisible(true);
|
|
217
210
|
};
|
|
218
|
-
|
|
211
|
+
useEffect(function () {
|
|
219
212
|
var _rest$fieldProps2;
|
|
220
213
|
if ((rest === null || rest === void 0 ? void 0 : rest.disabled) || (rest === null || rest === void 0 ? void 0 : (_rest$fieldProps2 = rest.fieldProps) === null || _rest$fieldProps2 === void 0 ? void 0 : _rest$fieldProps2.disabled)) return;
|
|
221
214
|
try {
|
|
@@ -237,7 +230,7 @@ function ImageSelector(prop) {
|
|
|
237
230
|
});
|
|
238
231
|
});
|
|
239
232
|
} else if (selectedUrl.length < maxCount && maxCount > 1) {
|
|
240
|
-
setSelectedUrl([].concat((
|
|
233
|
+
setSelectedUrl([].concat(_toConsumableArray(selectedUrl), [url]));
|
|
241
234
|
} else if (maxCount === 1) {
|
|
242
235
|
setSelectedUrl([url]);
|
|
243
236
|
}
|
|
@@ -245,7 +238,7 @@ function ImageSelector(prop) {
|
|
|
245
238
|
var confirmImage = function confirmImage() {
|
|
246
239
|
var _formRef$current5, _formRef$current5$get;
|
|
247
240
|
var formVal = formRef === null || formRef === void 0 ? void 0 : (_formRef$current5 = formRef.current) === null || _formRef$current5 === void 0 ? void 0 : (_formRef$current5$get = _formRef$current5.getFieldsValue) === null || _formRef$current5$get === void 0 ? void 0 : _formRef$current5$get.call(_formRef$current5);
|
|
248
|
-
var val = (
|
|
241
|
+
var val = _objectSpread({}, formVal);
|
|
249
242
|
//@ts-ignore
|
|
250
243
|
val[name] = selectedUrl.join(',');
|
|
251
244
|
formRef.current.setFieldsValue(val);
|
|
@@ -258,13 +251,13 @@ function ImageSelector(prop) {
|
|
|
258
251
|
setImgUrl('');
|
|
259
252
|
var formValue = (formRef === null || formRef === void 0 ? void 0 : (_formRef$current6 = formRef.current) === null || _formRef$current6 === void 0 ? void 0 : (_formRef$current6$get = _formRef$current6.getFieldsValue) === null || _formRef$current6$get === void 0 ? void 0 : _formRef$current6$get.call(_formRef$current6)) || {};
|
|
260
253
|
formValue[name] = '';
|
|
261
|
-
formRef.current.setFieldsValue((
|
|
254
|
+
formRef.current.setFieldsValue(_objectSpread({}, formValue));
|
|
262
255
|
}
|
|
263
256
|
};
|
|
264
|
-
return /*#__PURE__*/
|
|
257
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProFormText, _extends({
|
|
265
258
|
name: name
|
|
266
|
-
}, rest), isInput ? /*#__PURE__*/
|
|
267
|
-
addonAfter: imgUrl ? /*#__PURE__*/
|
|
259
|
+
}, rest), isInput ? /*#__PURE__*/React.createElement(_Input, _extends({
|
|
260
|
+
addonAfter: imgUrl ? /*#__PURE__*/React.createElement("img", {
|
|
268
261
|
style: {
|
|
269
262
|
maxWidth: 22,
|
|
270
263
|
maxHeight: 22
|
|
@@ -273,7 +266,7 @@ function ImageSelector(prop) {
|
|
|
273
266
|
onClick: function onClick() {
|
|
274
267
|
return showSelect();
|
|
275
268
|
}
|
|
276
|
-
}) : /*#__PURE__*/
|
|
269
|
+
}) : /*#__PURE__*/React.createElement(PlusOutlined, {
|
|
277
270
|
onClick: function onClick() {
|
|
278
271
|
return showSelect();
|
|
279
272
|
}
|
|
@@ -283,9 +276,9 @@ function ImageSelector(prop) {
|
|
|
283
276
|
allowClear: allowClear,
|
|
284
277
|
ref: inputRef,
|
|
285
278
|
onChange: clearValue
|
|
286
|
-
})) : /*#__PURE__*/
|
|
279
|
+
})) : /*#__PURE__*/React.createElement("div", {
|
|
287
280
|
className: "image-selector"
|
|
288
|
-
}, /*#__PURE__*/
|
|
281
|
+
}, /*#__PURE__*/React.createElement(_Upload, {
|
|
289
282
|
beforeUpload: beforeUpload,
|
|
290
283
|
onChange: function onChange(info) {
|
|
291
284
|
return onUpload(info, true);
|
|
@@ -299,40 +292,40 @@ function ImageSelector(prop) {
|
|
|
299
292
|
token: localStorage.getItem('token') || ''
|
|
300
293
|
},
|
|
301
294
|
accept: ".png,.gif,.jpg,.jpeg,.bmp"
|
|
302
|
-
}, imgUrl ? /*#__PURE__*/
|
|
295
|
+
}, imgUrl ? /*#__PURE__*/React.createElement("div", {
|
|
303
296
|
className: "img-wrapper"
|
|
304
|
-
}, /*#__PURE__*/
|
|
297
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
305
298
|
className: "img-preview ".concat(imageClass),
|
|
306
299
|
src: (imgUrl || '').split(',')[0]
|
|
307
|
-
}), (rest === null || rest === void 0 ? void 0 : rest.disabled) !== true && (rest === null || rest === void 0 ? void 0 : (_rest$fieldProps3 = rest.fieldProps) === null || _rest$fieldProps3 === void 0 ? void 0 : _rest$fieldProps3.disabled) !== true && /*#__PURE__*/
|
|
300
|
+
}), (rest === null || rest === void 0 ? void 0 : rest.disabled) !== true && (rest === null || rest === void 0 ? void 0 : (_rest$fieldProps3 = rest.fieldProps) === null || _rest$fieldProps3 === void 0 ? void 0 : _rest$fieldProps3.disabled) !== true && /*#__PURE__*/React.createElement("div", {
|
|
308
301
|
className: "clear-btn"
|
|
309
|
-
}, /*#__PURE__*/
|
|
302
|
+
}, /*#__PURE__*/React.createElement(CloseOutlined, {
|
|
310
303
|
title: "\u6E05\u7A7A",
|
|
311
304
|
onClick: function onClick(e) {
|
|
312
305
|
e.preventDefault();
|
|
313
306
|
e.stopPropagation();
|
|
314
307
|
clearValue(undefined);
|
|
315
308
|
}
|
|
316
|
-
}))) : /*#__PURE__*/
|
|
309
|
+
}))) : /*#__PURE__*/React.createElement("img", {
|
|
317
310
|
className: "img-upload",
|
|
318
311
|
src: "data:image/png;base64,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"
|
|
319
|
-
})), /*#__PURE__*/
|
|
312
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
320
313
|
className: "img-choose"
|
|
321
|
-
}, /*#__PURE__*/
|
|
314
|
+
}, /*#__PURE__*/React.createElement("a", {
|
|
322
315
|
onClick: function onClick() {
|
|
323
316
|
return showSelect();
|
|
324
317
|
}
|
|
325
|
-
}, "\u9009\u62E9\u5DF2\u6709\u56FE\u7247")), /*#__PURE__*/
|
|
318
|
+
}, "\u9009\u62E9\u5DF2\u6709\u56FE\u7247")), /*#__PURE__*/React.createElement("div", {
|
|
326
319
|
className: "img-desc"
|
|
327
|
-
}, desc))), /*#__PURE__*/
|
|
328
|
-
title: /*#__PURE__*/
|
|
320
|
+
}, desc))), /*#__PURE__*/React.createElement(_Modal, _extends({
|
|
321
|
+
title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, title), /*#__PURE__*/React.createElement("span", {
|
|
329
322
|
style: {
|
|
330
323
|
display: 'inline-block',
|
|
331
324
|
width: 230,
|
|
332
325
|
marginLeft: 30
|
|
333
326
|
}
|
|
334
|
-
}, /*#__PURE__*/
|
|
335
|
-
suffix: /*#__PURE__*/
|
|
327
|
+
}, /*#__PURE__*/React.createElement(_Input, {
|
|
328
|
+
suffix: /*#__PURE__*/React.createElement(SearchOutlined, null),
|
|
336
329
|
placeholder: "\u8F93\u5165\u56FE\u7247\u540D\u67E5\u8BE2",
|
|
337
330
|
onPressEnter: function onPressEnter(e) {
|
|
338
331
|
setNextMarker('');
|
|
@@ -349,12 +342,12 @@ function ImageSelector(prop) {
|
|
|
349
342
|
},
|
|
350
343
|
className: "image-selector",
|
|
351
344
|
centered: true,
|
|
352
|
-
footer: /*#__PURE__*/
|
|
345
|
+
footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
353
346
|
style: {
|
|
354
347
|
display: 'inline-block',
|
|
355
348
|
marginRight: 8
|
|
356
349
|
}
|
|
357
|
-
}, /*#__PURE__*/
|
|
350
|
+
}, /*#__PURE__*/React.createElement(_Upload, {
|
|
358
351
|
beforeUpload: beforeUpload,
|
|
359
352
|
onChange: function onChange(info) {
|
|
360
353
|
return onUpload(info, false);
|
|
@@ -368,19 +361,19 @@ function ImageSelector(prop) {
|
|
|
368
361
|
token: localStorage.getItem('token') || ''
|
|
369
362
|
},
|
|
370
363
|
accept: ".png,.gif,.jpg,.jpeg,.bmp"
|
|
371
|
-
}, /*#__PURE__*/
|
|
372
|
-
icon: /*#__PURE__*/
|
|
373
|
-
}, "\u4E0A\u4F20\u65B0\u56FE"))), /*#__PURE__*/
|
|
364
|
+
}, /*#__PURE__*/React.createElement(_Button, {
|
|
365
|
+
icon: /*#__PURE__*/React.createElement(UploadOutlined, null)
|
|
366
|
+
}, "\u4E0A\u4F20\u65B0\u56FE"))), /*#__PURE__*/React.createElement(_Button, {
|
|
374
367
|
onClick: function onClick() {
|
|
375
368
|
return loadData(searchKey);
|
|
376
369
|
}
|
|
377
|
-
}, nextMarker ? '加载更多' : '刷新'), maxCount > 1 && /*#__PURE__*/
|
|
370
|
+
}, nextMarker ? '加载更多' : '刷新'), maxCount > 1 && /*#__PURE__*/React.createElement(_Button, {
|
|
378
371
|
onClick: confirmImage
|
|
379
372
|
}, "\u786E\u8BA4")),
|
|
380
373
|
getContainer: function getContainer() {
|
|
381
374
|
return document.body;
|
|
382
375
|
}
|
|
383
|
-
}, modalProps), /*#__PURE__*/
|
|
376
|
+
}, modalProps), /*#__PURE__*/React.createElement("div", {
|
|
384
377
|
style: {
|
|
385
378
|
minHeight: '120px',
|
|
386
379
|
display: 'flex',
|
|
@@ -389,7 +382,7 @@ function ImageSelector(prop) {
|
|
|
389
382
|
flexWrap: 'wrap'
|
|
390
383
|
}
|
|
391
384
|
}, list.map(function (o) {
|
|
392
|
-
return /*#__PURE__*/
|
|
385
|
+
return /*#__PURE__*/React.createElement(_Card, {
|
|
393
386
|
hoverable: true,
|
|
394
387
|
style: {
|
|
395
388
|
width: '125px',
|
|
@@ -403,11 +396,11 @@ function ImageSelector(prop) {
|
|
|
403
396
|
},
|
|
404
397
|
onDoubleClick: function onDoubleClick() {
|
|
405
398
|
if (!name) {
|
|
406
|
-
|
|
399
|
+
showWarn('选择图标组件未设置name属性');
|
|
407
400
|
return;
|
|
408
401
|
}
|
|
409
402
|
var formVal = formRef.current.getFieldsValue();
|
|
410
|
-
var val = (
|
|
403
|
+
var val = _objectSpread({}, formVal);
|
|
411
404
|
//@ts-ignore
|
|
412
405
|
val[name] = o.url;
|
|
413
406
|
formRef.current.setFieldsValue(val);
|
|
@@ -419,27 +412,26 @@ function ImageSelector(prop) {
|
|
|
419
412
|
toggleSelectImage(o.url);
|
|
420
413
|
},
|
|
421
414
|
key: o.path
|
|
422
|
-
}, /*#__PURE__*/
|
|
415
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
423
416
|
style: {
|
|
424
417
|
height: 80
|
|
425
418
|
}
|
|
426
|
-
}, /*#__PURE__*/
|
|
419
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
427
420
|
title: o.name,
|
|
428
421
|
style: {
|
|
429
422
|
maxWidth: '80px',
|
|
430
423
|
maxHeight: '80px'
|
|
431
424
|
},
|
|
432
425
|
src: o.url
|
|
433
|
-
})), /*#__PURE__*/
|
|
426
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
434
427
|
style: {
|
|
435
428
|
whiteSpace: 'nowrap',
|
|
436
429
|
textOverflow: 'ellipsis',
|
|
437
430
|
overflow: 'hidden'
|
|
438
431
|
}
|
|
439
432
|
}, o.name));
|
|
440
|
-
}), list.length === 0 && /*#__PURE__*/
|
|
441
|
-
image:
|
|
433
|
+
}), list.length === 0 && /*#__PURE__*/React.createElement(_Empty, {
|
|
434
|
+
image: _Empty.PRESENTED_IMAGE_SIMPLE
|
|
442
435
|
}))));
|
|
443
436
|
}
|
|
444
|
-
|
|
445
|
-
exports.default = _default;
|
|
437
|
+
export default ImageSelector;
|