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.
Files changed (45) hide show
  1. package/es/components/IconBack.d.ts +5 -4
  2. package/es/components/IconBack.js +1 -1
  3. package/es/components/IconBell.d.ts +2 -4
  4. package/es/components/IconBell.js +1 -1
  5. package/es/components/IconQuestion.d.ts +2 -4
  6. package/es/components/IconQuestion.js +1 -1
  7. package/es/components/IconSearch.d.ts +2 -4
  8. package/es/components/IconSearch.js +1 -1
  9. package/es/components/IconText.d.ts +2 -4
  10. package/es/components/IconText.js +1 -1
  11. package/es/utils/index.d.ts +2 -2
  12. package/es/utils/index.js +2 -2
  13. package/lib/components/404.js +7 -15
  14. package/lib/components/AreaCascader.js +23 -32
  15. package/lib/components/AreaCascaderPanel.js +52 -61
  16. package/lib/components/DescritionCard.js +23 -32
  17. package/lib/components/DtlLayout.js +28 -37
  18. package/lib/components/GroupTip.js +11 -19
  19. package/lib/components/IconBack.d.ts +5 -4
  20. package/lib/components/IconBack.js +7 -15
  21. package/lib/components/IconBell.d.ts +2 -4
  22. package/lib/components/IconBell.js +7 -15
  23. package/lib/components/IconQuestion.d.ts +2 -4
  24. package/lib/components/IconQuestion.js +9 -17
  25. package/lib/components/IconSearch.d.ts +2 -4
  26. package/lib/components/IconSearch.js +7 -15
  27. package/lib/components/IconSelector.js +49 -57
  28. package/lib/components/IconText.d.ts +2 -4
  29. package/lib/components/IconText.js +12 -20
  30. package/lib/components/ImageSelector.js +93 -101
  31. package/lib/components/InputMultiLine.js +35 -44
  32. package/lib/components/InputTable.js +71 -80
  33. package/lib/components/Loading.js +11 -19
  34. package/lib/components/Permission.js +7 -15
  35. package/lib/hooks/useDtl/index.js +88 -96
  36. package/lib/hooks/useGetState.js +6 -13
  37. package/lib/hooks/usePermission/index.js +14 -21
  38. package/lib/hooks/useSingle/index.js +74 -82
  39. package/lib/http/index.js +42 -56
  40. package/lib/index.js +26 -207
  41. package/lib/service/BaseService.js +33 -41
  42. package/lib/typing.js +1 -5
  43. package/lib/utils/index.d.ts +2 -2
  44. package/lib/utils/index.js +83 -180
  45. package/package.json +2 -2
@@ -1,21 +1,13 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
- require("antd/es/space/style");
10
- var _space = _interopRequireDefault(require("antd/es/space"));
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 = (0, _usePermission2.default)(),
33
+ var _usePermission = usePermission(),
42
34
  checkRight = _usePermission.checkRight;
43
- var dtlTitle = (0, _react.useMemo)(function () {
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 = (0, _react.useMemo)(function () {
63
- var back = /*#__PURE__*/_react.default.createElement(_button.default, {
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__*/_react.default.createElement(_IconBack.default, null)
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__*/_react.default.createElement(_button.default, {
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__*/_react.default.createElement(_icons.SaveOutlined, null)
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__*/_react.default.createElement(_button.default, {
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__*/_react.default.createElement(_icons.AuditOutlined, null)
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__*/_react.default.createElement("div", {
100
+ return /*#__PURE__*/React.createElement("div", {
109
101
  className: "dtl-layout"
110
- }, /*#__PURE__*/_react.default.createElement("div", {
111
- className: (0, _classnames.default)('dtl-header', headerClass),
102
+ }, /*#__PURE__*/React.createElement("div", {
103
+ className: classNames('dtl-header', headerClass),
112
104
  style: headerStyle
113
- }, /*#__PURE__*/_react.default.createElement("div", {
105
+ }, /*#__PURE__*/React.createElement("div", {
114
106
  className: "dtl-title"
115
- }, dtlTitle), /*#__PURE__*/_react.default.createElement("div", {
107
+ }, dtlTitle), /*#__PURE__*/React.createElement("div", {
116
108
  className: "dtl-btns"
117
- }, /*#__PURE__*/_react.default.createElement(_space.default, {
109
+ }, /*#__PURE__*/React.createElement(_Space, {
118
110
  size: 8
119
- }, btns))), /*#__PURE__*/_react.default.createElement("div", {
120
- className: (0, _classnames.default)('dtl-body', bodyClass),
111
+ }, btns))), /*#__PURE__*/React.createElement("div", {
112
+ className: classNames('dtl-body', bodyClass),
121
113
  style: bodyStyle
122
114
  }, children));
123
115
  }
124
- var _default = DtlLayout;
125
- exports.default = _default;
116
+ export default DtlLayout;
@@ -1,14 +1,7 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
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 = (0, _classnames.default)('ls-group-tip', className);
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__*/_react.default.createElement("div", {
20
+ return /*#__PURE__*/React.createElement("div", {
28
21
  className: cls,
29
- style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, styles), style)
30
- }, /*#__PURE__*/_react.default.createElement("div", {
22
+ style: _objectSpread(_objectSpread({}, styles), style)
23
+ }, /*#__PURE__*/React.createElement("div", {
31
24
  className: "ls-group-divider"
32
- }), /*#__PURE__*/_react.default.createElement("div", {
25
+ }), /*#__PURE__*/React.createElement("div", {
33
26
  className: "ls-group-text"
34
- }, text), children && /*#__PURE__*/_react.default.createElement("div", {
27
+ }, text), children && /*#__PURE__*/React.createElement("div", {
35
28
  className: "flex"
36
29
  }, children));
37
30
  };
38
- var _default = GroupTip;
39
- exports.default = _default;
31
+ export default GroupTip;
@@ -1,5 +1,6 @@
1
- import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
2
- declare const IconBack: (props: Partial<CustomIconComponentProps> & {
3
- onClick?: ((e: any) => any) | undefined;
4
- }) => JSX.Element;
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
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
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__*/_react.default.createElement("svg", {
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__*/_react.default.createElement("path", {
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__*/_react.default.createElement(_icons.default, (0, _extends2.default)({
16
+ return /*#__PURE__*/React.createElement(Icon, _extends({
24
17
  component: Svg
25
18
  }, props));
26
19
  };
27
- var _default = IconBack;
28
- exports.default = _default;
20
+ export default IconBack;
@@ -1,5 +1,3 @@
1
- import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
2
- declare const IconBell: (props: Partial<CustomIconComponentProps> & {
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
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
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__*/_react.default.createElement("svg", {
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__*/_react.default.createElement("path", {
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__*/_react.default.createElement(_icons.default, (0, _extends2.default)({
18
+ return /*#__PURE__*/React.createElement(Icon, _extends({
26
19
  component: Svg
27
20
  }, props));
28
21
  };
29
- var _default = IconBell;
30
- exports.default = _default;
22
+ export default IconBell;
@@ -1,5 +1,3 @@
1
- import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
2
- declare const IconQuestion: (props: Partial<CustomIconComponentProps> & {
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
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
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__*/_react.default.createElement("svg", {
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__*/_react.default.createElement("path", {
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__*/_react.default.createElement("path", {
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__*/_react.default.createElement("path", {
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__*/_react.default.createElement(_icons.default, (0, _extends2.default)({
22
+ return /*#__PURE__*/React.createElement(Icon, _extends({
30
23
  component: Svg
31
24
  }, props));
32
25
  };
33
- var _default = IconQuestion;
34
- exports.default = _default;
26
+ export default IconQuestion;
@@ -1,5 +1,3 @@
1
- import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
2
- declare const IconSearch: (props: Partial<CustomIconComponentProps> & {
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
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
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__*/_react.default.createElement("svg", {
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__*/_react.default.createElement("path", {
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__*/_react.default.createElement(_icons.default, (0, _extends2.default)({
18
+ return /*#__PURE__*/React.createElement(Icon, _extends({
26
19
  component: Svg
27
20
  }, props));
28
21
  };
29
- var _default = IconSearch;
30
- exports.default = _default;
22
+ export default IconSearch;
@@ -1,46 +1,39 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
- require("antd/es/modal/style");
10
- var _modal = _interopRequireDefault(require("antd/es/modal"));
11
- require("antd/es/card/style");
12
- var _card = _interopRequireDefault(require("antd/es/card"));
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 = (0, _react.useContext)(_lsProForm.ProFormContext),
21
+ var _useContext = useContext(ProFormContext),
29
22
  formRef = _useContext.formRef;
30
- var _useState = (0, _react.useState)(false),
31
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
23
+ var _useState = useState(false),
24
+ _useState2 = _slicedToArray(_useState, 2),
32
25
  visible = _useState2[0],
33
26
  setVisible = _useState2[1];
34
- var _useState3 = (0, _react.useState)(''),
35
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
27
+ var _useState3 = useState(''),
28
+ _useState4 = _slicedToArray(_useState3, 2),
36
29
  icon = _useState4[0],
37
30
  setIcon = _useState4[1];
38
- var _useState5 = (0, _react.useState)(''),
39
- _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
31
+ var _useState5 = useState(''),
32
+ _useState6 = _slicedToArray(_useState5, 2),
40
33
  searchKey = _useState6[0],
41
34
  setSearchKey = _useState6[1];
42
- var inputRef = (0, _react.useRef)();
43
- var list = (0, _react.useMemo)(function () {
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 = (0, _objectWithoutProperties2.default)(prop, _excluded);
63
- (0, _react.useEffect)(function () {
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
- (0, _react.useEffect)(function () {
63
+ useEffect(function () {
71
64
  if (defaultValue) {
72
65
  setIcon(defaultValue);
73
66
  }
74
67
  }, [defaultValue]);
75
- (0, _react.useEffect)(function () {
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((0, _objectSpread2.default)({}, formValue));
93
+ formRef.current.setFieldsValue(_objectSpread({}, formValue));
101
94
  }
102
95
  };
103
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_lsProForm.ProFormText, (0, _extends2.default)({
96
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProFormText, _extends({
104
97
  name: name
105
- }, rest), isInput ? /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
106
- addonAfter: icon ? /*#__PURE__*/_react.default.createElement("span", {
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__*/_react.default.createElement(_icons.PlusOutlined, {
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__*/_react.default.createElement("span", {
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__*/_react.default.createElement("a", {
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__*/_react.default.createElement(_modal.default, (0, _extends2.default)({
141
- title: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", null, title), /*#__PURE__*/_react.default.createElement("span", {
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__*/_react.default.createElement(_input.default, {
148
- suffix: /*#__PURE__*/_react.default.createElement(_icons.SearchOutlined, null),
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__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.default, {
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 = (0, _objectSpread2.default)({}, formVal);
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__*/_react.default.createElement("div", {
169
+ }, modalProps), /*#__PURE__*/React.createElement("div", {
177
170
  style: {
178
171
  minHeight: '120px'
179
172
  }
180
173
  }, list.map(function (o) {
181
- return /*#__PURE__*/_react.default.createElement(_card.default, {
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 = (0, _objectSpread2.default)({}, formVal);
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__*/_react.default.createElement("div", {
201
+ }, /*#__PURE__*/React.createElement("div", {
209
202
  style: {
210
203
  height: 80
211
204
  }
212
- }, /*#__PURE__*/_react.default.createElement("div", {
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__*/_react.default.createElement("div", {
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
- var _default = IconSelector;
230
- exports.default = _default;
222
+ export default IconSelector;
@@ -1,5 +1,3 @@
1
- import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
2
- declare const IconText: (props: Partial<CustomIconComponentProps> & {
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;