ls-pro-common 3.0.30 → 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,21 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
require("antd/es/button/style");
|
|
12
|
-
var _button = _interopRequireDefault(require("antd/es/button"));
|
|
13
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
14
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
var _icons = require("@ant-design/icons");
|
|
16
|
-
require("./common.less");
|
|
17
|
-
var _usePermission2 = _interopRequireDefault(require("../hooks/usePermission"));
|
|
18
|
-
var _IconBack = _interopRequireDefault(require("./IconBack"));
|
|
1
|
+
import "antd/es/space/style";
|
|
2
|
+
import _Space from "antd/es/space";
|
|
3
|
+
import "antd/es/button/style";
|
|
4
|
+
import _Button from "antd/es/button";
|
|
5
|
+
import React, { useMemo } from 'react';
|
|
6
|
+
import classNames from 'classnames';
|
|
7
|
+
import { SaveOutlined, AuditOutlined } from '@ant-design/icons';
|
|
8
|
+
import './common.less';
|
|
9
|
+
import usePermission from '../hooks/usePermission';
|
|
10
|
+
import IconBack from './IconBack';
|
|
19
11
|
function DtlLayout(props) {
|
|
20
12
|
var title = props.title,
|
|
21
13
|
_props$keyField = props.keyField,
|
|
@@ -38,9 +30,9 @@ function DtlLayout(props) {
|
|
|
38
30
|
auditStatus = props.auditStatus,
|
|
39
31
|
_props$isView = props.isView,
|
|
40
32
|
isView = _props$isView === void 0 ? false : _props$isView;
|
|
41
|
-
var _usePermission = (
|
|
33
|
+
var _usePermission = usePermission(),
|
|
42
34
|
checkRight = _usePermission.checkRight;
|
|
43
|
-
var dtlTitle =
|
|
35
|
+
var dtlTitle = useMemo(function () {
|
|
44
36
|
if (title) return title;
|
|
45
37
|
if (!masterObject) return '';
|
|
46
38
|
return masterObject[keyField] ? '编辑' : '新增';
|
|
@@ -59,19 +51,19 @@ function DtlLayout(props) {
|
|
|
59
51
|
}
|
|
60
52
|
return isAudit();
|
|
61
53
|
};
|
|
62
|
-
var btns =
|
|
63
|
-
var back = /*#__PURE__*/
|
|
54
|
+
var btns = useMemo(function () {
|
|
55
|
+
var back = /*#__PURE__*/React.createElement(_Button, {
|
|
64
56
|
key: "btnBack",
|
|
65
57
|
onClick: function onClick() {
|
|
66
58
|
return props.onExit(false);
|
|
67
59
|
},
|
|
68
60
|
className: "ant-btn-gray",
|
|
69
|
-
icon: /*#__PURE__*/
|
|
61
|
+
icon: /*#__PURE__*/React.createElement(IconBack, null)
|
|
70
62
|
}, btnExitText);
|
|
71
63
|
var btnList = [back];
|
|
72
64
|
// 有新增或更改权限且未审核,开放出保存按钮
|
|
73
65
|
if (btnSaveText && (checkRight(2) || checkRight(4)) && !isAudit() && !isView) {
|
|
74
|
-
btnList.unshift( /*#__PURE__*/
|
|
66
|
+
btnList.unshift( /*#__PURE__*/React.createElement(_Button, {
|
|
75
67
|
key: "btnSave",
|
|
76
68
|
onClick: function onClick() {
|
|
77
69
|
var _formRef$current;
|
|
@@ -81,19 +73,19 @@ function DtlLayout(props) {
|
|
|
81
73
|
formRef === null || formRef === void 0 ? void 0 : (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.submit();
|
|
82
74
|
},
|
|
83
75
|
disabled: btnDisabled('btnSave'),
|
|
84
|
-
icon: /*#__PURE__*/
|
|
76
|
+
icon: /*#__PURE__*/React.createElement(SaveOutlined, null)
|
|
85
77
|
}, btnSaveText));
|
|
86
78
|
}
|
|
87
79
|
// 转入onAudit方法且有审核权限,数据未审核,开放出审核按钮
|
|
88
80
|
if (btnAuditText && props.onAudit && checkRight(64) && !isAudit() && !isView) {
|
|
89
|
-
btnList.unshift( /*#__PURE__*/
|
|
81
|
+
btnList.unshift( /*#__PURE__*/React.createElement(_Button, {
|
|
90
82
|
key: "btnAudit",
|
|
91
83
|
disabled: btnDisabled('btnAudit'),
|
|
92
84
|
onClick: function onClick() {
|
|
93
85
|
if (!props.onAudit) return;
|
|
94
86
|
props.onAudit();
|
|
95
87
|
},
|
|
96
|
-
icon: /*#__PURE__*/
|
|
88
|
+
icon: /*#__PURE__*/React.createElement(AuditOutlined, null)
|
|
97
89
|
}, btnAuditText));
|
|
98
90
|
}
|
|
99
91
|
// 如果用户直接返回空,还是需要把返回按钮加上。
|
|
@@ -105,21 +97,20 @@ function DtlLayout(props) {
|
|
|
105
97
|
}
|
|
106
98
|
return btnList;
|
|
107
99
|
}, [props]);
|
|
108
|
-
return /*#__PURE__*/
|
|
100
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
109
101
|
className: "dtl-layout"
|
|
110
|
-
}, /*#__PURE__*/
|
|
111
|
-
className: (
|
|
102
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
103
|
+
className: classNames('dtl-header', headerClass),
|
|
112
104
|
style: headerStyle
|
|
113
|
-
}, /*#__PURE__*/
|
|
105
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
114
106
|
className: "dtl-title"
|
|
115
|
-
}, dtlTitle), /*#__PURE__*/
|
|
107
|
+
}, dtlTitle), /*#__PURE__*/React.createElement("div", {
|
|
116
108
|
className: "dtl-btns"
|
|
117
|
-
}, /*#__PURE__*/
|
|
109
|
+
}, /*#__PURE__*/React.createElement(_Space, {
|
|
118
110
|
size: 8
|
|
119
|
-
}, btns))), /*#__PURE__*/
|
|
120
|
-
className: (
|
|
111
|
+
}, btns))), /*#__PURE__*/React.createElement("div", {
|
|
112
|
+
className: classNames('dtl-body', bodyClass),
|
|
121
113
|
style: bodyStyle
|
|
122
114
|
}, children));
|
|
123
115
|
}
|
|
124
|
-
|
|
125
|
-
exports.default = _default;
|
|
116
|
+
export default DtlLayout;
|
|
@@ -1,14 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
require("./common.less");
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import './common.less';
|
|
12
5
|
var GroupTip = function GroupTip(_ref) {
|
|
13
6
|
var children = _ref.children,
|
|
14
7
|
className = _ref.className,
|
|
@@ -17,23 +10,22 @@ var GroupTip = function GroupTip(_ref) {
|
|
|
17
10
|
style = _ref$style === void 0 ? {} : _ref$style,
|
|
18
11
|
_ref$isInner = _ref.isInner,
|
|
19
12
|
isInner = _ref$isInner === void 0 ? true : _ref$isInner;
|
|
20
|
-
var cls = (
|
|
13
|
+
var cls = classNames('ls-group-tip', className);
|
|
21
14
|
var styles = isInner ? {} : {
|
|
22
15
|
paddingTop: '12px',
|
|
23
16
|
paddingLeft: '20px',
|
|
24
17
|
borderTopLeftRadius: '8px',
|
|
25
18
|
borderTopRightRadius: '8px'
|
|
26
19
|
};
|
|
27
|
-
return /*#__PURE__*/
|
|
20
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
28
21
|
className: cls,
|
|
29
|
-
style: (
|
|
30
|
-
}, /*#__PURE__*/
|
|
22
|
+
style: _objectSpread(_objectSpread({}, styles), style)
|
|
23
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
31
24
|
className: "ls-group-divider"
|
|
32
|
-
}), /*#__PURE__*/
|
|
25
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
33
26
|
className: "ls-group-text"
|
|
34
|
-
}, text), children && /*#__PURE__*/
|
|
27
|
+
}, text), children && /*#__PURE__*/React.createElement("div", {
|
|
35
28
|
className: "flex"
|
|
36
29
|
}, children));
|
|
37
30
|
};
|
|
38
|
-
|
|
39
|
-
exports.default = _default;
|
|
31
|
+
export default GroupTip;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
declare
|
|
3
|
-
onClick?: (
|
|
4
|
-
}
|
|
1
|
+
import { CustomIconComponentProps } from '@ant-design/icons/es/components/Icon';
|
|
2
|
+
export declare type LsIconProps = Partial<CustomIconComponentProps> & {
|
|
3
|
+
onClick?: (e: any) => any;
|
|
4
|
+
};
|
|
5
|
+
declare const IconBack: (props: LsIconProps) => JSX.Element;
|
|
5
6
|
export default IconBack;
|
|
@@ -1,28 +1,20 @@
|
|
|
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 18 18",
|
|
16
9
|
fill: "currentColor",
|
|
17
10
|
xmlns: "http://www.w3.org/2000/svg"
|
|
18
|
-
}, /*#__PURE__*/
|
|
11
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
19
12
|
d: "M16 10.4575C16 9.17825 15.4505 7.97554 14.4516 7.07099C13.4883 6.19867 12.2047 5.69905 10.8409 5.66883C10.8276 5.66883 10.8142 5.66883 10.8009 5.66681H4.5228L6.26474 4.08939C6.5406 3.83958 6.5406 3.43263 6.26474 3.18282C5.98888 2.93301 5.54171 2.93502 5.26363 3.18282L2.2069 5.95087C1.93103 6.20068 1.93103 6.60763 2.2069 6.85744L5.2614 9.62348C5.53726 9.87329 5.98665 9.87329 6.26251 9.62348C6.53615 9.37568 6.53615 8.96874 6.26251 8.71691L4.40267 7.03473H10.7119C12.7964 7.03473 14.4917 8.56985 14.4917 10.4575C14.4917 12.3452 12.7964 13.8803 10.7119 13.8803H5.4505C5.03448 13.8803 4.69633 14.1865 4.69633 14.5633C4.69633 14.94 5.03448 15.2462 5.4505 15.2462H10.7364C12.1379 15.2402 13.4594 14.7426 14.4538 13.8441C15.4505 12.9395 16 11.7368 16 10.4575V10.4575Z"
|
|
20
13
|
}));
|
|
21
14
|
};
|
|
22
15
|
var IconBack = function IconBack(props) {
|
|
23
|
-
return /*#__PURE__*/
|
|
16
|
+
return /*#__PURE__*/React.createElement(Icon, _extends({
|
|
24
17
|
component: Svg
|
|
25
18
|
}, props));
|
|
26
19
|
};
|
|
27
|
-
|
|
28
|
-
exports.default = _default;
|
|
20
|
+
export default IconBack;
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
declare const IconBell: (props:
|
|
3
|
-
onClick?: ((e: any) => any) | undefined;
|
|
4
|
-
}) => JSX.Element;
|
|
1
|
+
import { LsIconProps } from './IconBack';
|
|
2
|
+
declare const IconBell: (props: LsIconProps) => JSX.Element;
|
|
5
3
|
export default IconBell;
|
|
@@ -1,30 +1,22 @@
|
|
|
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 18 18",
|
|
16
9
|
fill: "currentColor",
|
|
17
10
|
xmlns: "http://www.w3.org/2000/svg"
|
|
18
|
-
}, /*#__PURE__*/
|
|
11
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
19
12
|
fillRule: "evenodd",
|
|
20
13
|
clipRule: "evenodd",
|
|
21
14
|
d: "M9 0C5.41015 0 2.5 2.91015 2.5 6.5V11C1.39543 11 0.5 11.8954 0.5 13C0.5 14.1046 1.39543 15 2.5 15H5.53544C5.77806 16.6961 7.23676 18 9 18C10.7632 18 12.2219 16.6961 12.4646 15H15.5C16.6046 15 17.5 14.1046 17.5 13C17.5 11.8954 16.6046 11 15.5 11V6.5C15.5 2.91015 12.5899 0 9 0ZM3.5 6.5C3.5 3.46243 5.96243 1 9 1C12.0376 1 14.5 3.46243 14.5 6.5V12H15.5C16.0523 12 16.5 12.4477 16.5 13C16.5 13.5523 16.0523 14 15.5 14H2.5C1.94772 14 1.5 13.5523 1.5 13C1.5 12.4477 1.94772 12 2.5 12H3.5V6.5ZM11.45 15H6.55001C6.78164 16.1411 7.79052 17 9 17C10.2095 17 11.2184 16.1411 11.45 15Z"
|
|
22
15
|
}));
|
|
23
16
|
};
|
|
24
17
|
var IconBell = function IconBell(props) {
|
|
25
|
-
return /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/React.createElement(Icon, _extends({
|
|
26
19
|
component: Svg
|
|
27
20
|
}, props));
|
|
28
21
|
};
|
|
29
|
-
|
|
30
|
-
exports.default = _default;
|
|
22
|
+
export default IconBell;
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
declare const IconQuestion: (props:
|
|
3
|
-
onClick?: ((e: any) => any) | undefined;
|
|
4
|
-
}) => JSX.Element;
|
|
1
|
+
import { LsIconProps } from './IconBack';
|
|
2
|
+
declare const IconQuestion: (props: LsIconProps) => JSX.Element;
|
|
5
3
|
export default IconQuestion;
|
|
@@ -1,34 +1,26 @@
|
|
|
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 18 18",
|
|
16
9
|
fill: "currentColor",
|
|
17
10
|
xmlns: "http://www.w3.org/2000/svg"
|
|
18
|
-
}, /*#__PURE__*/
|
|
11
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
19
12
|
d: "M9.408 10.732V10.456C9.408 10.132 9.48 9.844 9.636 9.58C9.756 9.364 9.936 9.148 10.2 8.92C10.728 8.452 11.052 8.14 11.172 7.996C11.472 7.6 11.628 7.132 11.628 6.592C11.628 5.872 11.4 5.308 10.956 4.9C10.488 4.468 9.876 4.264 9.108 4.264C8.244 4.264 7.572 4.528 7.092 5.056C6.612 5.56 6.384 6.232 6.384 7.072H7.332C7.332 6.484 7.464 6.028 7.728 5.692C8.016 5.296 8.46 5.104 9.06 5.104C9.564 5.104 9.96 5.236 10.236 5.524C10.5 5.788 10.644 6.16 10.644 6.64C10.644 6.976 10.524 7.288 10.284 7.588C10.212 7.684 10.068 7.828 9.876 8.02C9.228 8.596 8.832 9.052 8.664 9.412C8.52 9.712 8.448 10.06 8.448 10.456V10.732H9.408Z"
|
|
20
|
-
}), /*#__PURE__*/
|
|
13
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
21
14
|
d: "M8.928 13C9.132 13 9.3 12.928 9.444 12.796C9.588 12.664 9.66 12.496 9.66 12.28C9.66 12.076 9.588 11.908 9.456 11.776C9.312 11.632 9.132 11.572 8.928 11.572C8.724 11.572 8.556 11.632 8.412 11.776C8.268 11.908 8.208 12.076 8.208 12.28C8.208 12.484 8.268 12.652 8.412 12.796C8.556 12.928 8.724 13 8.928 13Z"
|
|
22
|
-
}), /*#__PURE__*/
|
|
15
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
23
16
|
fillRule: "evenodd",
|
|
24
17
|
clipRule: "evenodd",
|
|
25
18
|
d: "M9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0ZM1 9C1 4.58172 4.58172 1 9 1C13.4183 1 17 4.58172 17 9C17 13.4183 13.4183 17 9 17C4.58172 17 1 13.4183 1 9Z"
|
|
26
19
|
}));
|
|
27
20
|
};
|
|
28
21
|
var IconQuestion = function IconQuestion(props) {
|
|
29
|
-
return /*#__PURE__*/
|
|
22
|
+
return /*#__PURE__*/React.createElement(Icon, _extends({
|
|
30
23
|
component: Svg
|
|
31
24
|
}, props));
|
|
32
25
|
};
|
|
33
|
-
|
|
34
|
-
exports.default = _default;
|
|
26
|
+
export default IconQuestion;
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
declare const IconSearch: (props:
|
|
3
|
-
onClick?: ((e: any) => any) | undefined;
|
|
4
|
-
}) => JSX.Element;
|
|
1
|
+
import { LsIconProps } from './IconBack';
|
|
2
|
+
declare const IconSearch: (props: LsIconProps) => JSX.Element;
|
|
5
3
|
export default IconSearch;
|
|
@@ -1,30 +1,22 @@
|
|
|
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 14 17",
|
|
16
9
|
fill: "currentColor",
|
|
17
10
|
xmlns: "http://www.w3.org/2000/svg"
|
|
18
|
-
}, /*#__PURE__*/
|
|
11
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
19
12
|
fillRule: "evenodd",
|
|
20
13
|
clipRule: "evenodd",
|
|
21
14
|
d: "M3.62502 1.42221C0.516115 3.21714 -0.549073 7.19248 1.24585 10.3014C2.95672 13.2647 6.64857 14.3712 9.68286 12.914C9.6858 12.9195 9.68885 12.9251 9.69202 12.9305L11.692 16.3946C11.8301 16.6338 12.1359 16.7157 12.375 16.5777C12.6142 16.4396 12.6961 16.1338 12.558 15.8946L10.558 12.4305C10.5549 12.4251 10.5516 12.4197 10.5483 12.4143C13.3274 10.5152 14.215 6.76468 12.5042 3.80138C10.7093 0.692476 6.73392 -0.372712 3.62502 1.42221ZM2.11188 9.80138C0.593094 7.17077 1.49441 3.80702 4.12502 2.28824C6.75563 0.769455 10.1194 1.67077 11.6382 4.30138C13.1569 6.93199 12.2556 10.2957 9.62502 11.8145C6.99441 13.3333 3.63066 12.432 2.11188 9.80138Z"
|
|
22
15
|
}));
|
|
23
16
|
};
|
|
24
17
|
var IconSearch = function IconSearch(props) {
|
|
25
|
-
return /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/React.createElement(Icon, _extends({
|
|
26
19
|
component: Svg
|
|
27
20
|
}, props));
|
|
28
21
|
};
|
|
29
|
-
|
|
30
|
-
exports.default = _default;
|
|
22
|
+
export default IconSearch;
|
|
@@ -1,46 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
require("antd/es/button/style");
|
|
14
|
-
var _button = _interopRequireDefault(require("antd/es/button"));
|
|
15
|
-
require("antd/es/input/style");
|
|
16
|
-
var _input = _interopRequireDefault(require("antd/es/input"));
|
|
17
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
18
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
19
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
20
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
21
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
22
|
-
var _lsProForm = require("ls-pro-form");
|
|
23
|
-
var _icons = require("@ant-design/icons");
|
|
1
|
+
import "antd/es/modal/style";
|
|
2
|
+
import _Modal from "antd/es/modal";
|
|
3
|
+
import "antd/es/card/style";
|
|
4
|
+
import _Card from "antd/es/card";
|
|
5
|
+
import "antd/es/button/style";
|
|
6
|
+
import _Button from "antd/es/button";
|
|
7
|
+
import "antd/es/input/style";
|
|
8
|
+
import _Input from "antd/es/input";
|
|
9
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
10
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
11
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
12
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
24
13
|
var _excluded = ["readonly", "allowClear", "title", "modalWidth", "name", "isInput", "modalProps", "defaultValue"];
|
|
14
|
+
import React from "react";
|
|
15
|
+
import { useMemo, useState, useContext, useEffect, useRef } from 'react';
|
|
16
|
+
import { ProFormText, ProFormContext } from 'ls-pro-form';
|
|
17
|
+
import { PlusOutlined, SearchOutlined } from '@ant-design/icons';
|
|
25
18
|
var iconList = ['icon-Menu1', 'icon-Menu2', 'icon-Menu3', 'icon-Menu4', 'icon-Menu5', 'icon-Menu6', 'icon-Menu7', 'icon-Menu8', 'icon-Menu9', 'icon-Menu10', 'icon-Menu11', 'icon-Menu12', 'icon-Menu13', 'icon-Menu14', 'icon-Menu15', 'icon-Menu16', 'icon-Menu17', 'icon-Menu18', 'icon-Menu19', 'icon-Menu20', 'icon-Menu21', 'icon-Menu22', 'icon-Menu23', 'icon-Menu24', 'icon-Menu25', 'icon-Menu26', 'icon-Menu27', 'icon-Menu28', 'icon-Menu29', 'icon-Menu30', 'icon-Menu31', 'icon-Menu32', 'icon-Menu33', 'icon-Menu34', 'icon-Menu35', 'icon-Menu36', 'icon-Menu37', 'icon-Menu38', 'icon-Menu39', 'icon-Menu40', 'icon-Menu41', 'icon-Menu42', 'icon-Menu43', 'icon-Menu44', 'icon-Menu45', 'icon-Menu46', 'icon-Menu47'];
|
|
26
19
|
function IconSelector(prop) {
|
|
27
20
|
//@ts-ignore?
|
|
28
|
-
var _useContext =
|
|
21
|
+
var _useContext = useContext(ProFormContext),
|
|
29
22
|
formRef = _useContext.formRef;
|
|
30
|
-
var _useState =
|
|
31
|
-
_useState2 = (
|
|
23
|
+
var _useState = useState(false),
|
|
24
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
32
25
|
visible = _useState2[0],
|
|
33
26
|
setVisible = _useState2[1];
|
|
34
|
-
var _useState3 =
|
|
35
|
-
_useState4 = (
|
|
27
|
+
var _useState3 = useState(''),
|
|
28
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
36
29
|
icon = _useState4[0],
|
|
37
30
|
setIcon = _useState4[1];
|
|
38
|
-
var _useState5 =
|
|
39
|
-
_useState6 = (
|
|
31
|
+
var _useState5 = useState(''),
|
|
32
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
40
33
|
searchKey = _useState6[0],
|
|
41
34
|
setSearchKey = _useState6[1];
|
|
42
|
-
var inputRef =
|
|
43
|
-
var list =
|
|
35
|
+
var inputRef = useRef();
|
|
36
|
+
var list = useMemo(function () {
|
|
44
37
|
if (!searchKey) return [].concat(iconList);
|
|
45
38
|
return iconList.filter(function (o) {
|
|
46
39
|
return o.includes(searchKey);
|
|
@@ -59,20 +52,20 @@ function IconSelector(prop) {
|
|
|
59
52
|
isInput = _prop$isInput === void 0 ? true : _prop$isInput,
|
|
60
53
|
modalProps = prop.modalProps,
|
|
61
54
|
defaultValue = prop.defaultValue,
|
|
62
|
-
rest = (
|
|
63
|
-
|
|
55
|
+
rest = _objectWithoutProperties(prop, _excluded);
|
|
56
|
+
useEffect(function () {
|
|
64
57
|
var _formRef$current;
|
|
65
58
|
var val = (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.getFieldsValue();
|
|
66
59
|
if (val && val[name]) {
|
|
67
60
|
setIcon(val[name]);
|
|
68
61
|
}
|
|
69
62
|
}, []);
|
|
70
|
-
|
|
63
|
+
useEffect(function () {
|
|
71
64
|
if (defaultValue) {
|
|
72
65
|
setIcon(defaultValue);
|
|
73
66
|
}
|
|
74
67
|
}, [defaultValue]);
|
|
75
|
-
|
|
68
|
+
useEffect(function () {
|
|
76
69
|
var _rest$fieldProps;
|
|
77
70
|
if ((rest === null || rest === void 0 ? void 0 : rest.disabled) || (rest === null || rest === void 0 ? void 0 : (_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.disabled)) return;
|
|
78
71
|
try {
|
|
@@ -97,13 +90,13 @@ function IconSelector(prop) {
|
|
|
97
90
|
setIcon('');
|
|
98
91
|
var formValue = formRef === null || formRef === void 0 ? void 0 : (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.getFieldsValue();
|
|
99
92
|
formValue[name] = '';
|
|
100
|
-
formRef.current.setFieldsValue((
|
|
93
|
+
formRef.current.setFieldsValue(_objectSpread({}, formValue));
|
|
101
94
|
}
|
|
102
95
|
};
|
|
103
|
-
return /*#__PURE__*/
|
|
96
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProFormText, _extends({
|
|
104
97
|
name: name
|
|
105
|
-
}, rest), isInput ? /*#__PURE__*/
|
|
106
|
-
addonAfter: icon ? /*#__PURE__*/
|
|
98
|
+
}, rest), isInput ? /*#__PURE__*/React.createElement(_Input, _extends({
|
|
99
|
+
addonAfter: icon ? /*#__PURE__*/React.createElement("span", {
|
|
107
100
|
style: {
|
|
108
101
|
fontSize: '14px'
|
|
109
102
|
},
|
|
@@ -112,7 +105,7 @@ function IconSelector(prop) {
|
|
|
112
105
|
onClick: function onClick() {
|
|
113
106
|
return showSelector(true);
|
|
114
107
|
}
|
|
115
|
-
}) : /*#__PURE__*/
|
|
108
|
+
}) : /*#__PURE__*/React.createElement(PlusOutlined, {
|
|
116
109
|
title: title,
|
|
117
110
|
onClick: function onClick() {
|
|
118
111
|
return showSelector(true);
|
|
@@ -123,7 +116,7 @@ function IconSelector(prop) {
|
|
|
123
116
|
allowClear: allowClear,
|
|
124
117
|
ref: inputRef,
|
|
125
118
|
onChange: clearValue
|
|
126
|
-
})) : icon ? /*#__PURE__*/
|
|
119
|
+
})) : icon ? /*#__PURE__*/React.createElement("span", {
|
|
127
120
|
style: {
|
|
128
121
|
fontSize: '14px'
|
|
129
122
|
},
|
|
@@ -132,20 +125,20 @@ function IconSelector(prop) {
|
|
|
132
125
|
onClick: function onClick() {
|
|
133
126
|
return showSelector(true);
|
|
134
127
|
}
|
|
135
|
-
}) : /*#__PURE__*/
|
|
128
|
+
}) : /*#__PURE__*/React.createElement("a", {
|
|
136
129
|
title: title,
|
|
137
130
|
onClick: function onClick() {
|
|
138
131
|
return showSelector(true);
|
|
139
132
|
}
|
|
140
|
-
}, "\u8BF7\u9009\u62E9")), /*#__PURE__*/
|
|
141
|
-
title: /*#__PURE__*/
|
|
133
|
+
}, "\u8BF7\u9009\u62E9")), /*#__PURE__*/React.createElement(_Modal, _extends({
|
|
134
|
+
title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, title), /*#__PURE__*/React.createElement("span", {
|
|
142
135
|
style: {
|
|
143
136
|
display: 'inline-block',
|
|
144
137
|
width: 230,
|
|
145
138
|
marginLeft: 30
|
|
146
139
|
}
|
|
147
|
-
}, /*#__PURE__*/
|
|
148
|
-
suffix: /*#__PURE__*/
|
|
140
|
+
}, /*#__PURE__*/React.createElement(_Input, {
|
|
141
|
+
suffix: /*#__PURE__*/React.createElement(SearchOutlined, null),
|
|
149
142
|
placeholder: "\u56FE\u6807\u540D\u79F0",
|
|
150
143
|
onPressEnter: function onPressEnter(e) {
|
|
151
144
|
setSearchKey(e.target.value || '');
|
|
@@ -162,10 +155,10 @@ function IconSelector(prop) {
|
|
|
162
155
|
getContainer: function getContainer() {
|
|
163
156
|
return document.body;
|
|
164
157
|
},
|
|
165
|
-
footer: /*#__PURE__*/
|
|
158
|
+
footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Button, {
|
|
166
159
|
onClick: function onClick() {
|
|
167
160
|
var formVal = formRef.current.getFieldsValue();
|
|
168
|
-
var val = (
|
|
161
|
+
var val = _objectSpread({}, formVal);
|
|
169
162
|
//@ts-ignore
|
|
170
163
|
val[name] = '';
|
|
171
164
|
formRef.current.setFieldsValue(val);
|
|
@@ -173,12 +166,12 @@ function IconSelector(prop) {
|
|
|
173
166
|
setVisible(false);
|
|
174
167
|
}
|
|
175
168
|
}, "\u6E05\u7A7A"))
|
|
176
|
-
}, modalProps), /*#__PURE__*/
|
|
169
|
+
}, modalProps), /*#__PURE__*/React.createElement("div", {
|
|
177
170
|
style: {
|
|
178
171
|
minHeight: '120px'
|
|
179
172
|
}
|
|
180
173
|
}, list.map(function (o) {
|
|
181
|
-
return /*#__PURE__*/
|
|
174
|
+
return /*#__PURE__*/React.createElement(_Card, {
|
|
182
175
|
hoverable: true,
|
|
183
176
|
style: {
|
|
184
177
|
width: '125px',
|
|
@@ -197,7 +190,7 @@ function IconSelector(prop) {
|
|
|
197
190
|
return;
|
|
198
191
|
}
|
|
199
192
|
var formVal = formRef.current.getFieldsValue();
|
|
200
|
-
var val = (
|
|
193
|
+
var val = _objectSpread({}, formVal);
|
|
201
194
|
//@ts-ignore
|
|
202
195
|
val[name] = o;
|
|
203
196
|
formRef.current.setFieldsValue(val);
|
|
@@ -205,11 +198,11 @@ function IconSelector(prop) {
|
|
|
205
198
|
setVisible(false);
|
|
206
199
|
},
|
|
207
200
|
key: o
|
|
208
|
-
}, /*#__PURE__*/
|
|
201
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
209
202
|
style: {
|
|
210
203
|
height: 80
|
|
211
204
|
}
|
|
212
|
-
}, /*#__PURE__*/
|
|
205
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
213
206
|
title: o,
|
|
214
207
|
style: {
|
|
215
208
|
paddingTop: '20px',
|
|
@@ -217,7 +210,7 @@ function IconSelector(prop) {
|
|
|
217
210
|
fontSize: '20px'
|
|
218
211
|
},
|
|
219
212
|
className: o
|
|
220
|
-
})), /*#__PURE__*/
|
|
213
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
221
214
|
style: {
|
|
222
215
|
whiteSpace: 'nowrap',
|
|
223
216
|
textOverflow: 'ellipsis',
|
|
@@ -226,5 +219,4 @@ function IconSelector(prop) {
|
|
|
226
219
|
}, o));
|
|
227
220
|
}))));
|
|
228
221
|
}
|
|
229
|
-
|
|
230
|
-
exports.default = _default;
|
|
222
|
+
export default IconSelector;
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
declare const IconText: (props:
|
|
3
|
-
onClick?: ((e: any) => any) | undefined;
|
|
4
|
-
}) => JSX.Element;
|
|
1
|
+
import { LsIconProps } from './IconBack';
|
|
2
|
+
declare const IconText: (props: LsIconProps) => JSX.Element;
|
|
5
3
|
export default IconText;
|