ns-base-module 1.0.3 → 1.0.5

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 (62) hide show
  1. package/dist/ChooseModal/index.d.ts +21 -0
  2. package/dist/ChooseModal/index.d.ts.map +1 -0
  3. package/dist/ChooseModal/index.js +164 -0
  4. package/dist/FilterPopover/Filter.d.ts.map +1 -1
  5. package/dist/FilterPopover/Filter.js +68 -54
  6. package/dist/FilterPopover/FilterClearIcon.d.ts +4 -4
  7. package/dist/FilterPopover/FilterClearIcon.d.ts.map +1 -1
  8. package/dist/FilterPopover/FilterClearIcon.js +1 -1
  9. package/dist/IconTools/index.d.ts +13 -0
  10. package/dist/IconTools/index.d.ts.map +1 -0
  11. package/dist/IconTools/index.js +125 -0
  12. package/dist/IconTools/utils.d.ts +15 -0
  13. package/dist/IconTools/utils.d.ts.map +1 -0
  14. package/dist/IconTools/utils.js +171 -0
  15. package/dist/SubtotalsModal/Increment.d.ts +18 -0
  16. package/dist/SubtotalsModal/Increment.d.ts.map +1 -0
  17. package/dist/SubtotalsModal/Increment.js +144 -0
  18. package/dist/SubtotalsModal/addSubtotals.d.ts +19 -0
  19. package/dist/SubtotalsModal/addSubtotals.d.ts.map +1 -0
  20. package/dist/SubtotalsModal/addSubtotals.js +129 -0
  21. package/dist/SubtotalsModal/dndQuota.d.ts +20 -0
  22. package/dist/SubtotalsModal/dndQuota.d.ts.map +1 -0
  23. package/dist/SubtotalsModal/dndQuota.js +384 -0
  24. package/dist/SubtotalsModal/index.d.ts +19 -0
  25. package/dist/SubtotalsModal/index.d.ts.map +1 -0
  26. package/dist/SubtotalsModal/index.js +192 -0
  27. package/dist/SubtotalsModal/subtotalTemplate.d.ts +20 -0
  28. package/dist/SubtotalsModal/subtotalTemplate.d.ts.map +1 -0
  29. package/dist/SubtotalsModal/subtotalTemplate.js +238 -0
  30. package/dist/SubtotalsModal/util.d.ts +3 -0
  31. package/dist/SubtotalsModal/util.d.ts.map +1 -0
  32. package/dist/SubtotalsModal/util.js +28 -0
  33. package/dist/SubtotalsModal/viewSubtotals.d.ts +10 -0
  34. package/dist/SubtotalsModal/viewSubtotals.d.ts.map +1 -0
  35. package/dist/SubtotalsModal/viewSubtotals.js +243 -0
  36. package/dist/TableHeaderConfigPopover/Dustbin.d.ts +5 -0
  37. package/dist/TableHeaderConfigPopover/Dustbin.d.ts.map +1 -0
  38. package/dist/TableHeaderConfigPopover/Dustbin.js +108 -0
  39. package/dist/TableHeaderConfigPopover/index.d.ts +19 -0
  40. package/dist/TableHeaderConfigPopover/index.d.ts.map +1 -0
  41. package/dist/TableHeaderConfigPopover/index.js +1031 -0
  42. package/dist/TableHeaderConfigPopover/utils.d.ts +3 -0
  43. package/dist/TableHeaderConfigPopover/utils.d.ts.map +1 -0
  44. package/dist/TableHeaderConfigPopover/utils.js +41 -0
  45. package/dist/index.d.ts +1 -0
  46. package/dist/index.d.ts.map +1 -1
  47. package/dist/index.js +2 -1
  48. package/dist/umd/ns-base-module.min.css +1 -1
  49. package/dist/umd/ns-base-module.min.js +1 -1
  50. package/dist/utils/language.d.ts +232 -231
  51. package/dist/utils/language.d.ts.map +1 -1
  52. package/dist/utils/language.js +234 -233
  53. package/dist/utils/request.d.ts +0 -14
  54. package/dist/utils/request.d.ts.map +1 -1
  55. package/dist/utils/request.js +181 -173
  56. package/dist/utils/services/global.d.ts +128 -0
  57. package/dist/utils/services/global.d.ts.map +1 -0
  58. package/dist/utils/services/global.js +406 -0
  59. package/package.json +3 -1
  60. package/style/components/SubtotalsModal.scss +293 -0
  61. package/style/components/TableHeaderConfigPopover.scss +105 -0
  62. package/style/components/index.scss +2 -0
@@ -0,0 +1,21 @@
1
+ import React from "react";
2
+ export interface ChooseModalProps {
3
+ menuCode?: string;
4
+ formTemplateCode?: string;
5
+ children?: React.ReactElement;
6
+ params?: Record<string, any>;
7
+ width?: string;
8
+ modalType?: "center" | "left" | "right";
9
+ modalNode?: () => React.ReactElement | string;
10
+ footer?: React.ReactElement;
11
+ callbackShow?: (flag: boolean) => void;
12
+ hanldeOk?: () => void;
13
+ showFooter?: boolean;
14
+ destroyOnClose?: boolean;
15
+ title?: string;
16
+ modalProps?: Record<string, any> | null;
17
+ onSelectSubmit?: () => void;
18
+ }
19
+ declare const _default: React.ForwardRefExoticComponent<ChooseModalProps & React.RefAttributes<unknown>>;
20
+ export default _default;
21
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAWzE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAE7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;IAC9C,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IAExC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;;AAqJD,wBAAiC"}
@@ -0,0 +1,164 @@
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
3
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
5
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
6
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
7
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
8
+ /*
9
+ * @Date: 2023-05-08 13:49:30
10
+ * @description:
11
+ * @author chenchangfu
12
+ * Copyright (c) 2019, AUTHOR. All rights reserved.
13
+ * AUTHOR PROPRIETARY/CONFIDENTIAL. Use is subject to license terms.
14
+ */
15
+ import { Button, Drawer, Modal, Space } from "antd";
16
+ import React, { forwardRef, useImperativeHandle, useState } from "react";
17
+ // import Icon from '@/components/Icon';
18
+ // import type { ListProps } from '@/components/v2/Order/List';
19
+ // import { initLang } from '@/utils/language';
20
+ // import List from '@/components/v2/Order/List';
21
+ // import type { ListConfigType } from '@/utils/type.d';
22
+ // import { queryConfig } from '@/services/global';
23
+ import { initLang } from "../utils/language";
24
+ import { handlePercentage } from "../utils/utils";
25
+ import FontIcon from "../Icon";
26
+ var Index = function Index(_ref, ref) {
27
+ var _params$config, _params$config2;
28
+ var children = _ref.children,
29
+ menuCode = _ref.menuCode,
30
+ formTemplateCode = _ref.formTemplateCode,
31
+ onSelectSubmit = _ref.onSelectSubmit,
32
+ params = _ref.params,
33
+ width = _ref.width,
34
+ _ref$modalType = _ref.modalType,
35
+ modalType = _ref$modalType === void 0 ? "center" : _ref$modalType,
36
+ modalNode = _ref.modalNode,
37
+ _ref$footer = _ref.footer,
38
+ footer = _ref$footer === void 0 ? null : _ref$footer,
39
+ callbackShow = _ref.callbackShow,
40
+ hanldeOk = _ref.hanldeOk,
41
+ _ref$showFooter = _ref.showFooter,
42
+ showFooter = _ref$showFooter === void 0 ? false : _ref$showFooter,
43
+ _ref$destroyOnClose = _ref.destroyOnClose,
44
+ destroyOnClose = _ref$destroyOnClose === void 0 ? true : _ref$destroyOnClose,
45
+ title = _ref.title,
46
+ _ref$modalProps = _ref.modalProps,
47
+ modalProps = _ref$modalProps === void 0 ? null : _ref$modalProps;
48
+ // console.log(params);
49
+ var _useState = useState(false),
50
+ _useState2 = _slicedToArray(_useState, 2),
51
+ visible = _useState2[0],
52
+ setVisible = _useState2[1];
53
+ var _useState3 = useState(),
54
+ _useState4 = _slicedToArray(_useState3, 2),
55
+ config = _useState4[0],
56
+ setConfig = _useState4[1];
57
+
58
+ // useEffect(() => {
59
+ // if (visible && menuCode && formTemplateCode) {
60
+ // queryConfig({ menuCode, formTemplateCode }).then((res) => {
61
+ // if (res?.code == 200) {
62
+ // setConfig(res?.data || {});
63
+ // }
64
+ // });
65
+ // }
66
+ // }, [visible, menuCode, formTemplateCode]);
67
+
68
+ var onCancel = function onCancel() {
69
+ setVisible(false);
70
+ callbackShow === null || callbackShow === void 0 || callbackShow(false);
71
+ };
72
+ var _onShow = function onShow() {
73
+ setVisible(true);
74
+ callbackShow === null || callbackShow === void 0 || callbackShow(true);
75
+ };
76
+
77
+ // const onSubmit = (value: any) => {
78
+ // onSelectSubmit?.(
79
+ // Array.isArray(value)
80
+ // ? value?.map(({ id, ...rest }: any, index: number) => ({
81
+ // ...rest,
82
+ // _id: id,
83
+ // id: Date.now().toString() + index.toString(), // 后端id有可能不是唯一值问题
84
+ // }))
85
+ // : value,
86
+ // );
87
+ // onCancel();
88
+ // };
89
+
90
+ // const ModalChild = () => {
91
+ // // console.log('paramsparams', params);
92
+ // return (
93
+ // config &&
94
+ // menuCode &&
95
+ // formTemplateCode && (
96
+ // <List
97
+ // config={JSON.stringify(config)}
98
+ // menuCode={menuCode}
99
+ // formTemplateCode={formTemplateCode}
100
+ // onSelectSubmit={onSubmit}
101
+ // // defaultOpenSearchModal={visible}
102
+ // params={{ variablePara: params }}
103
+ // />
104
+ // )
105
+ // );
106
+ // };
107
+
108
+ useImperativeHandle(ref, function () {
109
+ return {
110
+ onShow: function onShow() {
111
+ _onShow();
112
+ },
113
+ onHide: function onHide() {
114
+ onCancel();
115
+ }
116
+ };
117
+ });
118
+ var footerDom = function footerDom() {
119
+ return /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
120
+ type: "primary",
121
+ onClick: function onClick() {
122
+ hanldeOk === null || hanldeOk === void 0 || hanldeOk();
123
+ onCancel();
124
+ }
125
+ }, initLang({
126
+ id: "button.ok",
127
+ defaultValue: "确定"
128
+ })), /*#__PURE__*/React.createElement(Button, {
129
+ onClick: onCancel
130
+ }, initLang({
131
+ id: "button.cancel",
132
+ defaultValue: "取消"
133
+ })));
134
+ };
135
+ return /*#__PURE__*/React.createElement(React.Fragment, null, modalNode ? /*#__PURE__*/React.createElement("span", {
136
+ onClick: _onShow
137
+ }, modalNode()) :
138
+ /*#__PURE__*/
139
+ // <children.type {...children.props} onClick={onShow} />
140
+ React.createElement(FontIcon, {
141
+ type: "icon-24gl-lookup",
142
+ style: {
143
+ fontSize: "14px"
144
+ },
145
+ onClick: _onShow
146
+ }), (modalType == "center" || !modalType) && /*#__PURE__*/React.createElement(Modal, _extends({
147
+ title: title || (params === null || params === void 0 || (_params$config = params.config) === null || _params$config === void 0 ? void 0 : _params$config.name),
148
+ wrapClassName: "choose-modal-wrapper",
149
+ visible: visible,
150
+ footer: showFooter ? footerDom() : footer,
151
+ onCancel: onCancel,
152
+ destroyOnClose: destroyOnClose,
153
+ centered: true,
154
+ width: width ? handlePercentage(width) : "80%",
155
+ maskClosable: false
156
+ }, modalProps), children && /*#__PURE__*/React.createElement(children.type, children.props)), (modalType == "right" || modalType == "left") && /*#__PURE__*/React.createElement(Drawer, _extends({
157
+ title: title || (params === null || params === void 0 || (_params$config2 = params.config) === null || _params$config2 === void 0 ? void 0 : _params$config2.name),
158
+ width: handlePercentage(width),
159
+ open: visible,
160
+ footer: showFooter ? footerDom() : footer,
161
+ onClose: onCancel
162
+ }, modalProps), children && /*#__PURE__*/React.createElement(children.type, children.props)));
163
+ };
164
+ export default /*#__PURE__*/forwardRef(Index);
@@ -1 +1 @@
1
- {"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["Filter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAOrC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,OAAO,2CAA2C,CAAC;AAOnD,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAE1B,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,YAAY,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IACtD,cAAc,CAAC,EAAE,CACf,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,YAAY,EAAE,MAAM,KACjB,IAAI,CAAC;IACV,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAE1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAE/B,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAWD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmXhC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["Filter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAOrC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,OAAO,2CAA2C,CAAC;AAOnD,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAE1B,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,YAAY,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IACtD,cAAc,CAAC,EAAE,CACf,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,YAAY,EAAE,MAAM,KACjB,IAAI,CAAC;IACV,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAE1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAE/B,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAWD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA4YhC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -27,7 +27,7 @@ import InfiniteScroll from "react-infinite-scroll-component";
27
27
  import Checkbox from "../Entry/components/Checkbox";
28
28
  import Input from "../Entry/components/Input";
29
29
  import CopyCol from "../CopyCol";
30
- import { get } from "lodash";
30
+ import { cloneDeep, get } from "lodash";
31
31
  import "../../style/components/FilterPopover.scss";
32
32
  import { initLang } from "../utils/language";
33
33
  // import request from "../utils/request";
@@ -61,79 +61,84 @@ var Filter = function Filter(_ref) {
61
61
  _useState2 = _slicedToArray(_useState, 2),
62
62
  checked = _useState2[0],
63
63
  setChecked = _useState2[1];
64
+ // const [searchValue, setSearchValue] = useState<string | undefined>();
65
+
64
66
  var _useState3 = useState(),
65
67
  _useState4 = _slicedToArray(_useState3, 2),
66
- searchValue = _useState4[0],
67
- setSearchValue = _useState4[1];
68
+ selectValue = _useState4[0],
69
+ setSelectValue = _useState4[1];
68
70
  var _useState5 = useState(),
69
71
  _useState6 = _slicedToArray(_useState5, 2),
70
- selectValue = _useState6[0],
71
- setSelectValue = _useState6[1];
72
- var _useState7 = useState(1),
72
+ searchval = _useState6[0],
73
+ setSearchval = _useState6[1];
74
+ var searchValue = useRef("");
75
+ var page = useRef({
76
+ pageNum: 1,
77
+ pageSize: 20
78
+ });
79
+ // const [pageNum, setPageNum] = useState(1);
80
+ // const [pageSize, setPageSize] = useState(20);
81
+ var _useState7 = useState(20),
73
82
  _useState8 = _slicedToArray(_useState7, 2),
74
- pageNum = _useState8[0],
75
- setPageNum = _useState8[1];
76
- var _useState9 = useState(20),
83
+ total = _useState8[0],
84
+ setTotal = _useState8[1];
85
+ var _useState9 = useState([]),
77
86
  _useState10 = _slicedToArray(_useState9, 2),
78
- pageSize = _useState10[0],
79
- setPageSize = _useState10[1];
80
- var _useState11 = useState(20),
81
- _useState12 = _slicedToArray(_useState11, 2),
82
- total = _useState12[0],
83
- setTotal = _useState12[1];
84
- var _useState13 = useState([]),
85
- _useState14 = _slicedToArray(_useState13, 2),
86
- list = _useState14[0],
87
- setList = _useState14[1];
87
+ list = _useState10[0],
88
+ setList = _useState10[1];
88
89
  var scrollableRef = useRef(null);
89
90
 
90
91
  // 获取列表
91
92
  var getDates = /*#__PURE__*/function () {
92
93
  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
93
94
  var _res$data;
94
- var params, res, datas, arr, _datas;
95
+ var _list, params, res, datas, arr, _datas;
95
96
  return _regeneratorRuntime().wrap(function _callee$(_context) {
96
97
  while (1) switch (_context.prev = _context.next) {
97
98
  case 0:
98
99
  if (!(!menuCode && !formTemplateCode)) {
99
- _context.next = 2;
100
+ _context.next = 4;
100
101
  break;
101
102
  }
103
+ // 编辑表格2 前端过滤
104
+ _list = cloneDeep(props.list);
105
+ setList(_list);
102
106
  return _context.abrupt("return");
103
- case 2:
107
+ case 4:
104
108
  params = {
105
- arguments: searchValue ? _objectSpread(_objectSpread({}, argument), {}, _defineProperty({}, dataIndex, {
106
- value: searchValue,
107
- criteriaType: "Contains"
109
+ arguments: searchValue.current ? _objectSpread(_objectSpread({}, argument), {}, _defineProperty({}, dataIndex, {
110
+ value: searchValue.current,
111
+ criteriaType: "Contains",
112
+ necessary: true
108
113
  // criteriaType: 'In',
109
114
  })) : _objectSpread({}, argument),
110
115
  formTemplateCode: formTemplateCode,
111
116
  menuCode: menuCode,
112
- pageNum: pageNum,
113
- pageSize: pageSize,
117
+ pageNum: page.current.pageNum,
118
+ pageSize: page.current.pageSize,
114
119
  distinctField: [dataIndex]
115
120
  };
116
- _context.next = 5;
121
+ _context.next = 7;
117
122
  return request === null || request === void 0 ? void 0 : request("/querier/menu", {
118
123
  method: "POST",
119
124
  data: params
120
125
  });
121
- case 5:
126
+ case 7:
122
127
  res = _context.sent;
123
128
  datas = get(res, "data.rows", []) || [];
124
129
  arr = [];
125
130
  datas.map(function (d) {
126
131
  if (dataIndex && d[dataIndex]) arr.push(d[dataIndex]);
127
132
  });
128
- _datas = pageNum === 1 ? [].concat(arr) : [].concat(_toConsumableArray(list), arr);
133
+ _datas = page.current.pageNum === 1 ? [].concat(arr) : [].concat(_toConsumableArray(list), arr);
129
134
  setList(_datas);
130
- if (checked.length === 0 && pageNum > 1) {
135
+ if (checked.length === 0 && page.current.pageNum > 1) {
131
136
  setChecked([]); // 全部没选中 分页一样没选择
132
137
  } else {
133
138
  setChecked([].concat(_toConsumableArray(checked), arr));
134
139
  }
135
140
  setTotal(res === null || res === void 0 || (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.total);
136
- case 13:
141
+ case 15:
137
142
  case "end":
138
143
  return _context.stop();
139
144
  }
@@ -146,7 +151,8 @@ var Filter = function Filter(_ref) {
146
151
  var updateOpen = useRef(false);
147
152
  useEffect(function () {
148
153
  if (updateOpen.current === open) return;
149
- updateOpen.current = open;
154
+ updateOpen.current = open; // 防止当前筛选被更新
155
+
150
156
  if (open) {
151
157
  if (dictItems && dictItems.length) {
152
158
  var _list = dictItems.map(function (h) {
@@ -158,12 +164,11 @@ var Filter = function Filter(_ref) {
158
164
  getDates();
159
165
  }
160
166
  }
161
- }, [pageNum, searchValue, dictItems, JSON.stringify(argument), open]);
167
+ }, [dictItems, JSON.stringify(argument), open]);
162
168
  var loadMoreData = function loadMoreData() {
163
- if (pageNum * pageSize >= total) return;
164
- setPageNum(function (num) {
165
- return num + 1;
166
- });
169
+ if (page.current.pageNum * page.current.pageSize >= total) return;
170
+ page.current.pageNum = page.current.pageNum + 1;
171
+ getDates();
167
172
  };
168
173
 
169
174
  // useEffect(() => {
@@ -173,14 +178,20 @@ var Filter = function Filter(_ref) {
173
178
 
174
179
  var onChange = useCallback(function (checkedValue) {
175
180
  setChecked(checkedValue);
176
- }, [checked, list, searchValue]);
181
+ }, [checked, list]);
177
182
  var onChangeAll = useCallback(function (e) {
178
183
  setChecked(e.target.checked ? _toConsumableArray(list) : []);
179
184
  }, [list]);
180
- var onSearch = useCallback(function (value) {
181
- setPageNum(1);
182
- setSearchValue(value);
183
- }, []);
185
+ var onSearch = function onSearch(value) {
186
+ page.current.pageNum = 1;
187
+ searchValue.current = value; // 过滤用 前端过滤时
188
+
189
+ if (dictItems && dictItems.length || !(menuCode && formTemplateCode)) {
190
+ setSearchval(value); // 搜索用
191
+ return;
192
+ }
193
+ getDates();
194
+ };
184
195
  var allChecked = useMemo(function () {
185
196
  return checked.length == list.length;
186
197
  }, [checked, list]);
@@ -205,15 +216,15 @@ var Filter = function Filter(_ref) {
205
216
  (_props$onFilterSearch = props.onFilterSearch) === null || _props$onFilterSearch === void 0 || _props$onFilterSearch.call(props, dataIndex, value, _criteriaType);
206
217
  (_props$onFilterSearch2 = props.onFilterSearchValue) === null || _props$onFilterSearch2 === void 0 || _props$onFilterSearch2.call(props, value); // 显示筛选图标用
207
218
  } else {
208
- setSearchValue(value);
219
+ searchValue.current = value;
209
220
  }
210
221
  };
211
222
  var handleFilter = function handleFilter() {
212
- var lastChecked = searchValue ? checked.filter(function (item) {
213
- var _item$toString, _searchValue$toString;
214
- return (item === null || item === void 0 || (_item$toString = item.toString()) === null || _item$toString === void 0 || (_item$toString = _item$toString.toLowerCase()) === null || _item$toString === void 0 ? void 0 : _item$toString.indexOf(searchValue === null || searchValue === void 0 || (_searchValue$toString = searchValue.toString()) === null || _searchValue$toString === void 0 ? void 0 : _searchValue$toString.toLowerCase())) !== -1;
223
+ var lastChecked = searchValue.current ? checked.filter(function (item) {
224
+ var _item$toString, _searchValue$current;
225
+ return (item === null || item === void 0 || (_item$toString = item.toString()) === null || _item$toString === void 0 || (_item$toString = _item$toString.toLowerCase()) === null || _item$toString === void 0 ? void 0 : _item$toString.indexOf((_searchValue$current = searchValue.current) === null || _searchValue$current === void 0 || (_searchValue$current = _searchValue$current.toString()) === null || _searchValue$current === void 0 ? void 0 : _searchValue$current.toLowerCase())) !== -1;
215
226
  }) : checked;
216
- if (searchValue) setChecked(lastChecked);
227
+ if (searchValue.current) setChecked(lastChecked);
217
228
 
218
229
  // 多选 字典转value
219
230
  var multChecked = [];
@@ -233,8 +244,11 @@ var Filter = function Filter(_ref) {
233
244
  if (props.onFilterSearch) {
234
245
  // 改成查接口
235
246
  var _value = haDict ? multChecked : lastChecked;
236
- if (allChecked && !searchValue) {
237
- _value = [];
247
+ if (allChecked && !searchValue.current) {
248
+ if (menuCode && formTemplateCode) {
249
+ // 查接口清空,编辑表格2是前端查询
250
+ _value = [];
251
+ }
238
252
  }
239
253
  onFilterSearch(_value);
240
254
  } else {
@@ -243,10 +257,10 @@ var Filter = function Filter(_ref) {
243
257
  };
244
258
  var searchList = useMemo(function () {
245
259
  return list.filter(function (item) {
246
- var _item$toString2, _searchValue$toString2;
247
- return !searchValue || (item === null || item === void 0 || (_item$toString2 = item.toString()) === null || _item$toString2 === void 0 || (_item$toString2 = _item$toString2.toLowerCase()) === null || _item$toString2 === void 0 ? void 0 : _item$toString2.indexOf(searchValue === null || searchValue === void 0 || (_searchValue$toString2 = searchValue.toString()) === null || _searchValue$toString2 === void 0 ? void 0 : _searchValue$toString2.toLowerCase())) !== -1;
260
+ var _item$toString2, _searchval$toString;
261
+ return !searchval || (item === null || item === void 0 || (_item$toString2 = item.toString()) === null || _item$toString2 === void 0 || (_item$toString2 = _item$toString2.toLowerCase()) === null || _item$toString2 === void 0 ? void 0 : _item$toString2.indexOf(searchval === null || searchval === void 0 || (_searchval$toString = searchval.toString()) === null || _searchval$toString === void 0 ? void 0 : _searchval$toString.toLowerCase())) !== -1;
248
262
  });
249
- }, [list]);
263
+ }, [list, searchval]);
250
264
  var searchListCheckBox = function searchListCheckBox() {
251
265
  return searchList.map(function (item, index) {
252
266
  return /*#__PURE__*/React.createElement("div", {
@@ -346,7 +360,7 @@ var Filter = function Filter(_ref) {
346
360
  }, /*#__PURE__*/React.createElement(InfiniteScroll, {
347
361
  dataLength: list.length,
348
362
  next: loadMoreData,
349
- hasMore: pageNum * pageSize < total,
363
+ hasMore: page.current.pageNum * page.current.pageSize < total,
350
364
  loader: /*#__PURE__*/React.createElement(Divider, {
351
365
  plain: true,
352
366
  style: {
@@ -1,8 +1,8 @@
1
1
  import React from "react";
2
- export interface Iprops {
3
- filterSearch?: any[];
4
- clearFilter: () => void;
2
+ export interface IFilterPopoverProps {
3
+ filterSearch?: Record<string, any>[];
4
+ clearFilter: (flag?: boolean) => void;
5
5
  }
6
- declare const Index: React.FC<Iprops>;
6
+ declare const Index: React.FC<IFilterPopoverProps>;
7
7
  export default Index;
8
8
  //# sourceMappingURL=FilterClearIcon.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FilterClearIcon.d.ts","sourceRoot":"","sources":["FilterClearIcon.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,MAAM;IACrB,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAwB3B,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"FilterClearIcon.d.ts","sourceRoot":"","sources":["FilterClearIcon.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IACrC,WAAW,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwBxC,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -23,7 +23,7 @@ var Index = function Index(props) {
23
23
 
24
24
  var handleClearFilter = function handleClearFilter() {
25
25
  var _props$clearFilter;
26
- (_props$clearFilter = props.clearFilter) === null || _props$clearFilter === void 0 || _props$clearFilter.call(props);
26
+ (_props$clearFilter = props.clearFilter) === null || _props$clearFilter === void 0 || _props$clearFilter.call(props, true);
27
27
  };
28
28
  var hasFilter = props !== null && props !== void 0 && props.filterSearch ? (_Object$values = Object.values(props === null || props === void 0 ? void 0 : props.filterSearch)) === null || _Object$values === void 0 ? void 0 : _Object$values.some(function (d) {
29
29
  return !!d.value;
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ import { IFilterPopoverProps } from "../FilterPopover/FilterClearIcon";
3
+ import { SubtotalsModalProps } from "../SubtotalsModal/index";
4
+ declare type IconToolsType = {
5
+ onReload?: () => void;
6
+ changeSize?: (size: string) => void;
7
+ showSwitchBtn?: boolean;
8
+ handleChangeTableHeader?: () => void;
9
+ updateColumns: (tree: Record<string, any>[]) => void;
10
+ } & IFilterPopoverProps & SubtotalsModalProps;
11
+ declare const Index: (props: IconToolsType) => React.JSX.Element;
12
+ export default Index;
13
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAwB,EACtB,mBAAmB,EACpB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAI9D,aAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IAErC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC;CACtD,GAAG,mBAAmB,GACrB,mBAAmB,CAAC;AAEtB,QAAA,MAAM,KAAK,UAAW,aAAa,sBAuHlC,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -0,0 +1,125 @@
1
+ import { ColumnHeightOutlined, PicLeftOutlined, RedoOutlined, SwapOutlined } from "@ant-design/icons";
2
+ import { Dropdown, Tooltip } from "antd";
3
+ import { initLang } from "../utils/language";
4
+ import React, { useMemo } from "react";
5
+ import FilterClearIcon from "../FilterPopover/FilterClearIcon";
6
+ import SubtotalsModal from "../SubtotalsModal";
7
+ import TableHeaderConfigPopover from "../TableHeaderConfigPopover";
8
+ import { adapterColumns } from "./utils";
9
+ var Index = function Index(props) {
10
+ var filterSearch = props.filterSearch,
11
+ clearFilter = props.clearFilter,
12
+ menuCode = props.menuCode,
13
+ formTemplateCode = props.formTemplateCode,
14
+ columns = props.columns,
15
+ onOk = props.onOk,
16
+ commonRequest = props.commonRequest,
17
+ onReload = props.onReload,
18
+ changeSize = props.changeSize,
19
+ _props$showSwitchBtn = props.showSwitchBtn,
20
+ showSwitchBtn = _props$showSwitchBtn === void 0 ? false : _props$showSwitchBtn,
21
+ handleChangeTableHeader = props.handleChangeTableHeader,
22
+ updateColumns = props.updateColumns;
23
+ var onClickMenu = function onClickMenu(key) {
24
+ changeSize === null || changeSize === void 0 || changeSize(key);
25
+ window.sessionStorage.setItem("LIST_SIZE", key);
26
+ };
27
+
28
+ //
29
+ var changeColumns = function changeColumns(tree) {
30
+ var _adapterColumns = adapterColumns([{
31
+ is_default: "Y",
32
+ define: JSON.stringify(tree)
33
+ }], columns),
34
+ JsonPares = _adapterColumns.JsonPares;
35
+ updateColumns(JsonPares);
36
+ };
37
+ var sizeMenuRender = useMemo(function () {
38
+ return [{
39
+ key: "default",
40
+ label: /*#__PURE__*/React.createElement("span", {
41
+ onClick: function onClick() {
42
+ return onClickMenu("default");
43
+ }
44
+ }, initLang({
45
+ id: "list.size.default",
46
+ defaultValue: "默认"
47
+ }))
48
+ }, {
49
+ key: "middle",
50
+ label: /*#__PURE__*/React.createElement("span", {
51
+ onClick: function onClick() {
52
+ return onClickMenu("middle");
53
+ }
54
+ }, initLang({
55
+ id: "list.size.middle",
56
+ defaultValue: "中等"
57
+ }))
58
+ }, {
59
+ key: "small",
60
+ label: /*#__PURE__*/React.createElement("span", {
61
+ onClick: function onClick() {
62
+ return onClickMenu("small");
63
+ }
64
+ }, initLang({
65
+ id: "list.size.small",
66
+ defaultValue: "紧凑"
67
+ }))
68
+ }];
69
+ }, []);
70
+ return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
71
+ style: {
72
+ marginLeft: 8
73
+ }
74
+ }, /*#__PURE__*/React.createElement(FilterClearIcon, {
75
+ filterSearch: filterSearch,
76
+ clearFilter: clearFilter
77
+ })), /*#__PURE__*/React.createElement(SubtotalsModal, {
78
+ menuCode: menuCode,
79
+ formTemplateCode: formTemplateCode,
80
+ onOk: onOk,
81
+ columns: columns === null || columns === void 0 ? void 0 : columns.map(function (c) {
82
+ return {
83
+ entryType: c.entryType,
84
+ dataType: c.dataType,
85
+ value: c.code || c.dataIndex,
86
+ label: c.label || c.title,
87
+ entryAttr: c.entryAttr
88
+ };
89
+ }),
90
+ commonRequest: commonRequest
91
+ }, /*#__PURE__*/React.createElement(PicLeftOutlined, {
92
+ className: "icon-button-wrapper"
93
+ })), /*#__PURE__*/React.createElement(Tooltip, {
94
+ placement: "top",
95
+ title: initLang({
96
+ id: "list.refresh"
97
+ })
98
+ }, /*#__PURE__*/React.createElement(RedoOutlined, {
99
+ className: "icon-button-wrapper",
100
+ onClick: function onClick() {
101
+ return onReload === null || onReload === void 0 ? void 0 : onReload(undefined);
102
+ }
103
+ })), /*#__PURE__*/React.createElement(Dropdown, {
104
+ menu: {
105
+ items: sizeMenuRender
106
+ },
107
+ placement: "bottomLeft"
108
+ }, /*#__PURE__*/React.createElement(ColumnHeightOutlined, {
109
+ className: "icon-button-wrapper"
110
+ })), showSwitchBtn && /*#__PURE__*/React.createElement(Tooltip, {
111
+ placement: "top",
112
+ title: initLang({
113
+ id: "list.horizontalDisplay"
114
+ })
115
+ }, /*#__PURE__*/React.createElement(SwapOutlined, {
116
+ className: "icon-button-wrapper",
117
+ onClick: handleChangeTableHeader
118
+ })), /*#__PURE__*/React.createElement(TableHeaderConfigPopover, {
119
+ menuCode: menuCode,
120
+ formTemplateCode: formTemplateCode,
121
+ columns: columns,
122
+ updateColumns: changeColumns
123
+ }));
124
+ };
125
+ export default Index;
@@ -0,0 +1,15 @@
1
+ export declare const initColumns: (arr: any, parent: any) => any;
2
+ /**
3
+ * customColumns 模板数据
4
+ * columns 新接口数据
5
+ *
6
+ * 匹配旧数据 是否有字段增删,返回新表头
7
+ * */
8
+ export declare function adapterColumns(customColumns: Record<string, any>[] | undefined, columns: Record<string, any>[] | undefined | any): {
9
+ JsonPares: any;
10
+ item: Record<string, any>;
11
+ } | {
12
+ JsonPares: null;
13
+ item: null;
14
+ };
15
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,QAAS,GAAG,UAAU,GAAG,QAuBhD,CAAC;AA2BF;;;;;KAKK;AACL,wBAAgB,cAAc,CAC5B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,SAAS,EAChD,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,SAAS,GAAG,GAAG;;;;;;EA+HjD"}