@zykj2024/much-library 1.1.6 → 1.1.7-beta.2

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 (269) hide show
  1. package/package.json +8 -7
  2. package/LICENSE +0 -21
  3. package/README.md +0 -35
  4. package/dist/McCascader/city.js +0 -909
  5. package/dist/McCascader/index.css +0 -60
  6. package/dist/McCascader/index.d.ts +0 -19
  7. package/dist/McCascader/index.js +0 -221
  8. package/dist/McContainer/demo/actionBar.d.ts +0 -8
  9. package/dist/McContainer/demo/actionBar.js +0 -118
  10. package/dist/McContainer/demo/base.d.ts +0 -8
  11. package/dist/McContainer/demo/base.js +0 -82
  12. package/dist/McContainer/demo/batch.d.ts +0 -8
  13. package/dist/McContainer/demo/batch.js +0 -129
  14. package/dist/McContainer/demo/collapse.d.ts +0 -8
  15. package/dist/McContainer/demo/collapse.js +0 -77
  16. package/dist/McContainer/demo/expand.d.ts +0 -8
  17. package/dist/McContainer/demo/expand.js +0 -90
  18. package/dist/McContainer/demo/pagination.d.ts +0 -7
  19. package/dist/McContainer/demo/pagination.js +0 -133
  20. package/dist/McContainer/demo/search.d.ts +0 -7
  21. package/dist/McContainer/demo/search.js +0 -102
  22. package/dist/McContainer/demo/standard.d.ts +0 -7
  23. package/dist/McContainer/demo/standard.js +0 -219
  24. package/dist/McContainer/index.css +0 -123
  25. package/dist/McContainer/index.d.ts +0 -153
  26. package/dist/McContainer/index.js +0 -513
  27. package/dist/McContainer/mock/index.d.ts +0 -21
  28. package/dist/McContainer/mock/index.js +0 -50
  29. package/dist/McDateRange/demo/base.d.ts +0 -6
  30. package/dist/McDateRange/demo/base.js +0 -22
  31. package/dist/McDateRange/demo/cancelPresets.d.ts +0 -6
  32. package/dist/McDateRange/demo/cancelPresets.js +0 -23
  33. package/dist/McDateRange/demo/overlap.d.ts +0 -2
  34. package/dist/McDateRange/demo/overlap.js +0 -32
  35. package/dist/McDateRange/index.css +0 -31
  36. package/dist/McDateRange/index.d.ts +0 -28
  37. package/dist/McDateRange/index.js +0 -167
  38. package/dist/McEllipsisMiddle/demo/base.d.ts +0 -6
  39. package/dist/McEllipsisMiddle/demo/base.js +0 -25
  40. package/dist/McEllipsisMiddle/demo/tooltip.d.ts +0 -6
  41. package/dist/McEllipsisMiddle/demo/tooltip.js +0 -35
  42. package/dist/McEllipsisMiddle/index.css +0 -4
  43. package/dist/McEllipsisMiddle/index.d.ts +0 -13
  44. package/dist/McEllipsisMiddle/index.js +0 -42
  45. package/dist/McFonts/index.d.ts +0 -8
  46. package/dist/McFonts/index.js +0 -7
  47. package/dist/McGroupPanel/comps/SelectedItem/index.d.ts +0 -4
  48. package/dist/McGroupPanel/comps/SelectedItem/index.js +0 -75
  49. package/dist/McGroupPanel/index.css +0 -164
  50. package/dist/McGroupPanel/index.d.ts +0 -29
  51. package/dist/McGroupPanel/index.js +0 -411
  52. package/dist/McIconFont/iconfont.js +0 -1
  53. package/dist/McIconFont/index.d.ts +0 -5
  54. package/dist/McIconFont/index.js +0 -8
  55. package/dist/McIcons/business.json +0 -137
  56. package/dist/McIcons/index.css +0 -33
  57. package/dist/McInput/Input.d.ts +0 -19
  58. package/dist/McInput/Input.js +0 -48
  59. package/dist/McInput/Search.d.ts +0 -39
  60. package/dist/McInput/Search.js +0 -81
  61. package/dist/McInput/TextArea.d.ts +0 -11
  62. package/dist/McInput/TextArea.js +0 -37
  63. package/dist/McInput/demo/Input/addonBefore.d.ts +0 -3
  64. package/dist/McInput/demo/Input/addonBefore.js +0 -67
  65. package/dist/McInput/demo/Input/base.d.ts +0 -2
  66. package/dist/McInput/demo/Input/base.js +0 -31
  67. package/dist/McInput/demo/Input/isTrim.d.ts +0 -2
  68. package/dist/McInput/demo/Input/isTrim.js +0 -22
  69. package/dist/McInput/demo/Input/label.d.ts +0 -2
  70. package/dist/McInput/demo/Input/label.js +0 -26
  71. package/dist/McInput/demo/Input/ref.d.ts +0 -3
  72. package/dist/McInput/demo/Input/ref.js +0 -53
  73. package/dist/McInput/demo/Input/status.d.ts +0 -2
  74. package/dist/McInput/demo/Input/status.js +0 -23
  75. package/dist/McInput/demo/Search/search-base.d.ts +0 -2
  76. package/dist/McInput/demo/Search/search-base.js +0 -38
  77. package/dist/McInput/demo/TextArea/text-area-base.d.ts +0 -2
  78. package/dist/McInput/demo/TextArea/text-area-base.js +0 -38
  79. package/dist/McInput/index.css +0 -71
  80. package/dist/McInput/index.d.ts +0 -13
  81. package/dist/McInput/index.js +0 -7
  82. package/dist/McInputNumber/demo/index.d.ts +0 -2
  83. package/dist/McInputNumber/demo/index.js +0 -34
  84. package/dist/McInputNumber/demo/label.d.ts +0 -2
  85. package/dist/McInputNumber/demo/label.js +0 -26
  86. package/dist/McInputNumber/demo/precision.d.ts +0 -2
  87. package/dist/McInputNumber/demo/precision.js +0 -20
  88. package/dist/McInputNumber/index.css +0 -36
  89. package/dist/McInputNumber/index.d.ts +0 -13
  90. package/dist/McInputNumber/index.js +0 -43
  91. package/dist/McLazyLoader/demo/basic.d.ts +0 -2
  92. package/dist/McLazyLoader/demo/basic.js +0 -33
  93. package/dist/McLazyLoader/demo/container.d.ts +0 -2
  94. package/dist/McLazyLoader/demo/container.js +0 -83
  95. package/dist/McLazyLoader/demo/form.d.ts +0 -2
  96. package/dist/McLazyLoader/demo/form.js +0 -38
  97. package/dist/McLazyLoader/demo/has-root.d.ts +0 -2
  98. package/dist/McLazyLoader/demo/has-root.js +0 -44
  99. package/dist/McLazyLoader/demo/hori.d.ts +0 -2
  100. package/dist/McLazyLoader/demo/hori.js +0 -39
  101. package/dist/McLazyLoader/demo/table.d.ts +0 -2
  102. package/dist/McLazyLoader/demo/table.js +0 -73
  103. package/dist/McLazyLoader/index.d.ts +0 -39
  104. package/dist/McLazyLoader/index.js +0 -88
  105. package/dist/McModalProvider/index.d.ts +0 -174
  106. package/dist/McModalProvider/index.js +0 -498
  107. package/dist/McPeriodSelect/demo/base.d.ts +0 -6
  108. package/dist/McPeriodSelect/demo/base.js +0 -19
  109. package/dist/McPeriodSelect/demo/half.d.ts +0 -6
  110. package/dist/McPeriodSelect/demo/half.js +0 -20
  111. package/dist/McPeriodSelect/index.css +0 -189
  112. package/dist/McPeriodSelect/index.d.ts +0 -13
  113. package/dist/McPeriodSelect/index.js +0 -305
  114. package/dist/McPopoverButton/index.d.ts +0 -14
  115. package/dist/McPopoverButton/index.js +0 -52
  116. package/dist/McPopoverForm/index.d.ts +0 -14
  117. package/dist/McPopoverForm/index.js +0 -95
  118. package/dist/McProSelect/demo/async.d.ts +0 -2
  119. package/dist/McProSelect/demo/async.js +0 -66
  120. package/dist/McProSelect/demo/base.d.ts +0 -2
  121. package/dist/McProSelect/demo/base.js +0 -29
  122. package/dist/McProSelect/demo/exclusion-async-rename.d.ts +0 -3
  123. package/dist/McProSelect/demo/exclusion-async-rename.js +0 -103
  124. package/dist/McProSelect/demo/exclusion-rename.d.ts +0 -3
  125. package/dist/McProSelect/demo/exclusion-rename.js +0 -74
  126. package/dist/McProSelect/demo/exclusion.d.ts +0 -3
  127. package/dist/McProSelect/demo/exclusion.js +0 -70
  128. package/dist/McProSelect/demo/require.d.ts +0 -2
  129. package/dist/McProSelect/demo/require.js +0 -82
  130. package/dist/McProSelect/index.d.ts +0 -35
  131. package/dist/McProSelect/index.js +0 -152
  132. package/dist/McResult/default.d.ts +0 -1
  133. package/dist/McResult/default.js +0 -98
  134. package/dist/McResult/demo/403.d.ts +0 -6
  135. package/dist/McResult/demo/403.js +0 -17
  136. package/dist/McResult/demo/404.d.ts +0 -6
  137. package/dist/McResult/demo/404.js +0 -17
  138. package/dist/McResult/demo/500.d.ts +0 -6
  139. package/dist/McResult/demo/500.js +0 -17
  140. package/dist/McResult/demo/building.d.ts +0 -6
  141. package/dist/McResult/demo/building.js +0 -12
  142. package/dist/McResult/demo/empty.d.ts +0 -2
  143. package/dist/McResult/demo/empty.js +0 -11
  144. package/dist/McResult/demo/noFunction.d.ts +0 -2
  145. package/dist/McResult/demo/noFunction.js +0 -11
  146. package/dist/McResult/demo/noUser.d.ts +0 -6
  147. package/dist/McResult/demo/noUser.js +0 -12
  148. package/dist/McResult/demo/preview.d.ts +0 -2
  149. package/dist/McResult/demo/preview.js +0 -19
  150. package/dist/McResult/icon.d.ts +0 -25
  151. package/dist/McResult/icon.js +0 -1014
  152. package/dist/McResult/index.css +0 -20
  153. package/dist/McResult/index.d.ts +0 -31
  154. package/dist/McResult/index.js +0 -119
  155. package/dist/McResult/public/403.svg +0 -164
  156. package/dist/McResult/public/404.svg +0 -123
  157. package/dist/McResult/public/500.svg +0 -129
  158. package/dist/McResult/public/building.svg +0 -127
  159. package/dist/McResult/public/code403.svg +0 -7
  160. package/dist/McResult/public/code404.svg +0 -5
  161. package/dist/McResult/public/code500.svg +0 -5
  162. package/dist/McResult/public/detailEmpty.svg +0 -1
  163. package/dist/McResult/public/empty.svg +0 -1
  164. package/dist/McResult/public/noFunction.svg +0 -1
  165. package/dist/McResult/public/noUser.svg +0 -90
  166. package/dist/McSelect/components/PanelSearchInput/index.css +0 -6
  167. package/dist/McSelect/components/PanelSearchInput/index.d.ts +0 -12
  168. package/dist/McSelect/components/PanelSearchInput/index.js +0 -45
  169. package/dist/McSelect/demo/base.d.ts +0 -2
  170. package/dist/McSelect/demo/base.js +0 -63
  171. package/dist/McSelect/demo/changeOnHidden.d.ts +0 -2
  172. package/dist/McSelect/demo/changeOnHidden.js +0 -43
  173. package/dist/McSelect/demo/dropdownRender.d.ts +0 -7
  174. package/dist/McSelect/demo/dropdownRender.js +0 -78
  175. package/dist/McSelect/demo/exclusion.d.ts +0 -3
  176. package/dist/McSelect/demo/exclusion.js +0 -64
  177. package/dist/McSelect/demo/fetchOptions.d.ts +0 -7
  178. package/dist/McSelect/demo/fetchOptions.js +0 -211
  179. package/dist/McSelect/demo/inexistent.d.ts +0 -2
  180. package/dist/McSelect/demo/inexistent.js +0 -79
  181. package/dist/McSelect/demo/labelInValue.d.ts +0 -2
  182. package/dist/McSelect/demo/labelInValue.js +0 -72
  183. package/dist/McSelect/demo/maxTagCount.d.ts +0 -3
  184. package/dist/McSelect/demo/maxTagCount.js +0 -51
  185. package/dist/McSelect/demo/multiple.d.ts +0 -2
  186. package/dist/McSelect/demo/multiple.js +0 -46
  187. package/dist/McSelect/demo/optionRender.d.ts +0 -3
  188. package/dist/McSelect/demo/optionRender.js +0 -51
  189. package/dist/McSelect/demo/panelInSearch.d.ts +0 -2
  190. package/dist/McSelect/demo/panelInSearch.js +0 -47
  191. package/dist/McSelect/demo/tagRender.d.ts +0 -3
  192. package/dist/McSelect/demo/tagRender.js +0 -51
  193. package/dist/McSelect/index.css +0 -60
  194. package/dist/McSelect/index.d.ts +0 -47
  195. package/dist/McSelect/index.js +0 -436
  196. package/dist/McTag/demo/demo1.d.ts +0 -2
  197. package/dist/McTag/demo/demo1.js +0 -18
  198. package/dist/McTag/demo/demo2.d.ts +0 -2
  199. package/dist/McTag/demo/demo2.js +0 -20
  200. package/dist/McTag/demo/demo3.d.ts +0 -2
  201. package/dist/McTag/demo/demo3.js +0 -19
  202. package/dist/McTag/demo/demo4.d.ts +0 -2
  203. package/dist/McTag/demo/demo4.js +0 -22
  204. package/dist/McTag/index.d.ts +0 -22
  205. package/dist/McTag/index.js +0 -59
  206. package/dist/McThemeConfig/customToken.json +0 -39
  207. package/dist/McThemeConfig/demo/button.d.ts +0 -2
  208. package/dist/McThemeConfig/demo/button.js +0 -226
  209. package/dist/McThemeConfig/demo/card.d.ts +0 -2
  210. package/dist/McThemeConfig/demo/card.js +0 -60
  211. package/dist/McThemeConfig/demo/drawer.d.ts +0 -2
  212. package/dist/McThemeConfig/demo/drawer.js +0 -59
  213. package/dist/McThemeConfig/demo/modal.d.ts +0 -2
  214. package/dist/McThemeConfig/demo/modal.js +0 -78
  215. package/dist/McThemeConfig/demo/radio.d.ts +0 -2
  216. package/dist/McThemeConfig/demo/radio.js +0 -136
  217. package/dist/McThemeConfig/demo/switch.d.ts +0 -2
  218. package/dist/McThemeConfig/demo/switch.js +0 -96
  219. package/dist/McThemeConfig/demo/tabs.d.ts +0 -2
  220. package/dist/McThemeConfig/demo/tabs.js +0 -35
  221. package/dist/McThemeConfig/globalStyle.d.ts +0 -2
  222. package/dist/McThemeConfig/globalStyle.js +0 -198
  223. package/dist/McThemeConfig/index.d.ts +0 -9
  224. package/dist/McThemeConfig/index.js +0 -16
  225. package/dist/McThemeConfig/layoutStyle.d.ts +0 -2
  226. package/dist/McThemeConfig/layoutStyle.js +0 -1
  227. package/dist/McThemeConfig/provider.d.ts +0 -8
  228. package/dist/McThemeConfig/provider.js +0 -20
  229. package/dist/McThemeConfig/themeToken.json +0 -152
  230. package/dist/McTreePanel/SelectedItem.d.ts +0 -4
  231. package/dist/McTreePanel/SelectedItem.js +0 -75
  232. package/dist/McTreePanel/demo/base.d.ts +0 -6
  233. package/dist/McTreePanel/demo/base.js +0 -45
  234. package/dist/McTreePanel/demo/fieldNames.d.ts +0 -6
  235. package/dist/McTreePanel/demo/fieldNames.js +0 -37
  236. package/dist/McTreePanel/demo/inexistent.d.ts +0 -6
  237. package/dist/McTreePanel/demo/inexistent.js +0 -56
  238. package/dist/McTreePanel/demo/labelInValue.d.ts +0 -6
  239. package/dist/McTreePanel/demo/labelInValue.js +0 -56
  240. package/dist/McTreePanel/demo/sortable.d.ts +0 -6
  241. package/dist/McTreePanel/demo/sortable.js +0 -34
  242. package/dist/McTreePanel/index.css +0 -110
  243. package/dist/McTreePanel/index.d.ts +0 -27
  244. package/dist/McTreePanel/index.js +0 -315
  245. package/dist/McTreeSelect/demo/base.d.ts +0 -5
  246. package/dist/McTreeSelect/demo/base.js +0 -58
  247. package/dist/McTreeSelect/demo/inexistent.d.ts +0 -5
  248. package/dist/McTreeSelect/demo/inexistent.js +0 -63
  249. package/dist/McTreeSelect/demo/label.d.ts +0 -5
  250. package/dist/McTreeSelect/demo/label.js +0 -60
  251. package/dist/McTreeSelect/demo/multiple.d.ts +0 -5
  252. package/dist/McTreeSelect/demo/multiple.js +0 -71
  253. package/dist/McTreeSelect/index.css +0 -60
  254. package/dist/McTreeSelect/index.d.ts +0 -13
  255. package/dist/McTreeSelect/index.js +0 -182
  256. package/dist/Utils/index.d.ts +0 -13
  257. package/dist/Utils/index.js +0 -60
  258. package/dist/index.d.ts +0 -28
  259. package/dist/index.js +0 -28
  260. package/dist/styles/demo/basic.d.ts +0 -2
  261. package/dist/styles/demo/basic.js +0 -44
  262. package/dist/styles/demo/delete-icon.d.ts +0 -2
  263. package/dist/styles/demo/delete-icon.js +0 -72
  264. package/dist/styles/demo/form-bottom-0.d.ts +0 -2
  265. package/dist/styles/demo/form-bottom-0.js +0 -33
  266. package/dist/styles/index.css +0 -41
  267. package/dist/styles/mixins.css +0 -2
  268. package/dist/styles/utilities.css +0 -41
  269. package/dist/typings.d.ts +0 -20
@@ -1,513 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
3
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
4
- import { useUpdateEffect } from '@zykj2024/much-hooks';
5
- import { Button, Spin, Table } from 'antd';
6
- import { isNumber } from 'lodash';
7
- import { CaretDownFilled, DoubleLeftOutlined } from 'much-icons';
8
- import { Children, cloneElement, forwardRef, isValidElement, useEffect, useImperativeHandle, useRef, useState } from 'react';
9
- import "./index.css";
10
- import { jsx as _jsx } from "react/jsx-runtime";
11
- import { Fragment as _Fragment } from "react/jsx-runtime";
12
- import { jsxs as _jsxs } from "react/jsx-runtime";
13
- var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
14
- var _tableProps$dataSourc;
15
- var style = props.style,
16
- className = props.className,
17
- _props$height = props.height,
18
- height = _props$height === void 0 ? 'calc(100vh - 88px)' : _props$height,
19
- _props$backgroundColo = props.backgroundColor,
20
- backgroundColor = _props$backgroundColo === void 0 ? '#ffffff' : _props$backgroundColo,
21
- _props$showCell = props.showCell,
22
- showCell = _props$showCell === void 0 ? true : _props$showCell,
23
- _props$immediateQuery = props.immediateQuery,
24
- immediateQuery = _props$immediateQuery === void 0 ? true : _props$immediateQuery,
25
- _props$loading = props.loading,
26
- loading = _props$loading === void 0 ? false : _props$loading,
27
- _props$loadingText = props.loadingText,
28
- loadingText = _props$loadingText === void 0 ? '' : _props$loadingText,
29
- queryItems = props.queryItems,
30
- _props$showQuery = props.showQuery,
31
- showQuery = _props$showQuery === void 0 ? true : _props$showQuery,
32
- _props$showReset = props.showReset,
33
- showReset = _props$showReset === void 0 ? true : _props$showReset,
34
- _props$showCollapse = props.showCollapse,
35
- showCollapse = _props$showCollapse === void 0 ? false : _props$showCollapse,
36
- _props$autoBackPagina = props.autoBackPagination,
37
- autoBackPagination = _props$autoBackPagina === void 0 ? false : _props$autoBackPagina,
38
- collapsibleQueryItems = props.collapsibleQueryItems,
39
- onQuery = props.onQuery,
40
- onReset = props.onReset,
41
- queryRender = props.queryRender,
42
- actionBar = props.actionBar,
43
- _props$batchNum = props.batchNum,
44
- batchNum = _props$batchNum === void 0 ? 0 : _props$batchNum,
45
- batchBtns = props.batchBtns,
46
- batch = props.batch,
47
- actionBarRender = props.actionBarRender,
48
- onCancel = props.onCancel,
49
- tableProps = props.tableProps,
50
- tableRender = props.tableRender,
51
- onCollapse = props.onCollapse;
52
- var _useState = useState(false),
53
- _useState2 = _slicedToArray(_useState, 2),
54
- collapse = _useState2[0],
55
- setCollapse = _useState2[1];
56
- var allNamesRef = useRef([]);
57
- var _useState3 = useState({}),
58
- _useState4 = _slicedToArray(_useState3, 2),
59
- queryParams = _useState4[0],
60
- setQueryParams = _useState4[1];
61
- var queryParamsRef = useRef({});
62
- var defaultQueryParamsRef = useRef({});
63
- var initializedRef = useRef(false);
64
- var containerRef = useRef(null);
65
-
66
- /* 批量操作相关 */
67
- var _ref = batch || {},
68
- _ref$buttonText = _ref.buttonText,
69
- buttonText = _ref$buttonText === void 0 ? '批量操作' : _ref$buttonText,
70
- buttonProps = _ref.buttonProps,
71
- _ref$show = _ref.show,
72
- batchShow = _ref$show === void 0 ? false : _ref$show,
73
- batchOrder = _ref.order;
74
- var _useState5 = useState(false),
75
- _useState6 = _slicedToArray(_useState5, 2),
76
- showBatchBar = _useState6[0],
77
- setShowBatchBar = _useState6[1];
78
-
79
- /* 获取actionBar高度 */
80
- var actionBarRef = useRef();
81
- var _useState7 = useState(0),
82
- _useState8 = _slicedToArray(_useState7, 2),
83
- actionBarHeight = _useState8[0],
84
- setActionBarHeight = _useState8[1];
85
- var actionBarResizeObserver = new ResizeObserver(function (entries) {
86
- setActionBarHeight(entries[0].contentRect.height + 40);
87
- });
88
- useEffect(function () {
89
- if (actionBarRef.current) {
90
- actionBarResizeObserver.observe(actionBarRef.current);
91
- }
92
- return function () {
93
- return actionBarResizeObserver.disconnect();
94
- };
95
- }, []);
96
- useEffect(function () {
97
- onCollapse === null || onCollapse === void 0 || onCollapse(collapse);
98
- }, [collapse]);
99
-
100
- // 为设置过name属性的查询项添加value属性和onChange事件,从而收集查询项的值(查询项自身已绑定value属性的除外,需自行编写相关业务逻辑代码进行状态管理)
101
- var mapQuerys = function mapQuerys(items) {
102
- var ELs = null;
103
- if (items) {
104
- ELs = Children.map(items.props.children ? items.props.children : items, function (item) {
105
- if (item !== null && item !== void 0 && item.props) {
106
- var _item$props = item.props,
107
- _name = _item$props.name,
108
- _onChange = _item$props.onChange;
109
- var canCollect = _name && !item.props.hasOwnProperty('value');
110
- if (canCollect) {
111
- if (!allNamesRef.current.includes(_name)) {
112
- allNamesRef.current.push(_name);
113
- }
114
- return /*#__PURE__*/cloneElement(item, {
115
- value: queryParams[_name],
116
- onChange: function onChange(v) {
117
- var _params = _objectSpread(_objectSpread({}, queryParamsRef.current), {}, _defineProperty({}, _name, v));
118
- queryParamsRef.current = _params;
119
- setQueryParams(_params);
120
- for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
121
- rest[_key - 1] = arguments[_key];
122
- }
123
- _onChange === null || _onChange === void 0 || _onChange.apply(void 0, [v].concat(rest));
124
- }
125
- });
126
- }
127
- }
128
- return item;
129
- });
130
- }
131
- return ELs;
132
- };
133
-
134
- // 批量操作按钮
135
- var handelBatchClick = function handelBatchClick() {
136
- if (showBatchBar) {
137
- onCancel === null || onCancel === void 0 || onCancel();
138
- }
139
- setShowBatchBar(!showBatchBar);
140
- };
141
-
142
- // 批量操作按钮
143
- var batchEl = /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
144
- onClick: handelBatchClick
145
- }, buttonProps), {}, {
146
- children: buttonText
147
- }));
148
-
149
- // 生成 actionBar
150
- var mapActionBar = function mapActionBar() {
151
- var Els;
152
- // 是否展示批量操作按钮
153
- if (batchShow) {
154
- // 是否配置actionBar
155
- if (actionBar) {
156
- var _actionBar$props;
157
- // 判断是否为合法的React节点
158
- var itemsCount = /*#__PURE__*/isValidElement(actionBar) ? Children.count(actionBar === null || actionBar === void 0 || (_actionBar$props = actionBar.props) === null || _actionBar$props === void 0 ? void 0 : _actionBar$props.children) : 1;
159
- var newEls = Children.toArray(itemsCount > 1 ? actionBar.props.children : actionBar);
160
- var _batchOrder = isNumber(batchOrder) && batchOrder >= 0 && batchOrder <= itemsCount ? batchOrder : itemsCount;
161
- // 插入批量操作按钮,默认放在actionBar操作项后面
162
- newEls.splice(_batchOrder, 0, batchEl);
163
- Els = /*#__PURE__*/cloneElement(itemsCount > 1 ? actionBar : /*#__PURE__*/_jsx(_Fragment, {}), {}, newEls);
164
- } else {
165
- Els = batchEl;
166
- }
167
- } else {
168
- Els = actionBar;
169
- }
170
- return Els;
171
- };
172
-
173
- // 格式化查询参数(返回当前可见的查询项的参数集)
174
- var formatQueryParams = function formatQueryParams() {
175
- var _tableProps$paginatio;
176
- var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
177
- var _params = tableRender || tableRender === null || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.pagination) === false || tableProps !== null && tableProps !== void 0 && (_tableProps$paginatio = tableProps.pagination) !== null && _tableProps$paginatio !== void 0 && _tableProps$paginatio.hasOwnProperty('onChange') || tableProps !== null && tableProps !== void 0 && tableProps.hasOwnProperty('onChange') ? {} : {
178
- current: params.current,
179
- pageSize: params.pageSize
180
- };
181
- var fn = function fn(items) {
182
- // eslint-disable-next-line @typescript-eslint/no-unused-expressions
183
- items && Children.map(items.props.children ? items.props.children : items, function (item) {
184
- if (item !== null && item !== void 0 && item.props) {
185
- var _item$props2;
186
- var _name2 = (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.name;
187
- if (_name2 && !item.props.hasOwnProperty('value')) {
188
- _params[_name2] = params[_name2];
189
- }
190
- }
191
- });
192
- };
193
- fn(queryItems);
194
- fn(collapsibleQueryItems);
195
- return _params;
196
- };
197
-
198
- // 查询
199
- var query = function query(params) {
200
- if (params) {
201
- var _params = _objectSpread({}, queryParamsRef.current);
202
- // 仅支持设置过name属性的查询项(和current、pageSize)
203
- Object.entries(params).forEach(function (_ref2) {
204
- var _ref3 = _slicedToArray(_ref2, 2),
205
- key = _ref3[0],
206
- value = _ref3[1];
207
- if (allNamesRef.current.includes(key)) {
208
- _params[key] = value;
209
- }
210
- });
211
- queryParamsRef.current = _params;
212
- setQueryParams(_params);
213
- onQuery === null || onQuery === void 0 || onQuery(formatQueryParams(_params));
214
- } else {
215
- onQuery === null || onQuery === void 0 || onQuery(formatQueryParams(queryParamsRef.current));
216
- }
217
- };
218
-
219
- // 重置
220
- var reset = function reset() {
221
- var _params = _objectSpread({}, defaultQueryParamsRef.current);
222
- queryParamsRef.current = _params;
223
- setQueryParams(_params);
224
- if (props.hasOwnProperty('onReset')) {
225
- onReset === null || onReset === void 0 || onReset(formatQueryParams(_params));
226
- } else {
227
- onQuery === null || onQuery === void 0 || onQuery(formatQueryParams(_params));
228
- }
229
- };
230
-
231
- // 表格分页、排序、筛选变化时触发
232
- var tableChange = function tableChange(pagination, filters, sorter, extra) {
233
- var _tableProps$onChange;
234
- if (tableProps !== null && tableProps !== void 0 && tableProps.pagination && tableProps.pagination.hasOwnProperty('onChange')) return;
235
- var current = pagination.current,
236
- pageSize = pagination.pageSize;
237
- var _params = _objectSpread(_objectSpread({}, queryParamsRef.current), {}, {
238
- current: current,
239
- pageSize: pageSize
240
- });
241
- queryParamsRef.current = _params;
242
- setQueryParams(_params);
243
- onQuery === null || onQuery === void 0 || onQuery(formatQueryParams(_params), filters, sorter, extra);
244
- tableProps === null || tableProps === void 0 || (_tableProps$onChange = tableProps.onChange) === null || _tableProps$onChange === void 0 || _tableProps$onChange.call(tableProps, pagination, filters, sorter, extra);
245
- };
246
-
247
- // 设置默认查询参数
248
- var setDefaultQueryParams = function setDefaultQueryParams() {
249
- var _tableProps$paginatio2;
250
- var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
251
- var _params = tableRender || tableRender === null || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.pagination) === false || tableProps !== null && tableProps !== void 0 && (_tableProps$paginatio2 = tableProps.pagination) !== null && _tableProps$paginatio2 !== void 0 && _tableProps$paginatio2.hasOwnProperty('onChange') || tableProps !== null && tableProps !== void 0 && tableProps.hasOwnProperty('onChange') ? {} : {
252
- current: 1,
253
- pageSize: 20
254
- };
255
- Object.keys(_params).forEach(function (k) {
256
- return !allNamesRef.current.includes(k) && allNamesRef.current.push(k);
257
- });
258
- // 仅支持设置过name属性的查询项(和current、pageSize)
259
- Object.entries(params).forEach(function (_ref4) {
260
- var _ref5 = _slicedToArray(_ref4, 2),
261
- key = _ref5[0],
262
- value = _ref5[1];
263
- if (allNamesRef.current.includes(key)) {
264
- _params[key] = value;
265
- }
266
- });
267
- defaultQueryParamsRef.current = _params;
268
- queryParamsRef.current = _params;
269
- setQueryParams(_params);
270
- };
271
-
272
- // 设置单个查询项的参数
273
- var setQueryParam = function setQueryParam(name, value) {
274
- if (allNamesRef.current.includes(name)) {
275
- var _params = _objectSpread(_objectSpread({}, queryParamsRef.current), {}, _defineProperty({}, name, value));
276
- queryParamsRef.current = _params;
277
- setQueryParams(_params);
278
- }
279
- };
280
-
281
- // 获取单个查询项的参数
282
- var getQueryParam = function getQueryParam(name) {
283
- if (allNamesRef.current.includes(name)) {
284
- return formatQueryParams(queryParamsRef.current)[name];
285
- } else {
286
- console.error("\u672A\u627E\u5230\u4E0E'".concat(name, "'\u76F8\u5173\u7684\u67E5\u8BE2\u53C2\u6570"));
287
- }
288
- };
289
-
290
- // 获取所有查询项的参数
291
- var getQueryParams = function getQueryParams() {
292
- return formatQueryParams(queryParamsRef.current);
293
- };
294
-
295
- // 重置查询参数(重置为默认查询参数)
296
- var resetQueryParams = function resetQueryParams() {
297
- var _params = _objectSpread({}, defaultQueryParamsRef.current);
298
- queryParamsRef.current = _params;
299
- setQueryParams(_params);
300
- };
301
- useEffect(function () {
302
- setShowBatchBar(batchNum > 0);
303
- }, [batchNum]);
304
-
305
- // 监听immediateQuery,初始设置默认查询参数并判断是否触发首次查询
306
- useEffect(function () {
307
- if (!initializedRef.current) {
308
- initializedRef.current = true;
309
- // 初始设置默认查询参数
310
- setDefaultQueryParams();
311
- // 触发首次查询
312
- if (immediateQuery) {
313
- query();
314
- }
315
- }
316
- }, [immediateQuery]);
317
- useUpdateEffect(function () {
318
- var _ref6 = tableProps !== null && tableProps !== void 0 ? tableProps : {},
319
- pagination = _ref6.pagination,
320
- dataSource = _ref6.dataSource;
321
- var _ref7 = pagination || {},
322
- total = _ref7.total;
323
- var _ref8 = queryParams !== null && queryParams !== void 0 ? queryParams : {},
324
- current = _ref8.current,
325
- pageSize = _ref8.pageSize;
326
- // 判断条件
327
- // 1. 开启自动回退分页功能
328
- // 2. 开启分页功能
329
- // 3. 表格当前页数据为空 & 当前页大于1 & 总数据大于分页数据
330
- if (autoBackPagination && !!pagination && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) === 0 && current > 1 && total && pageSize && total >= pageSize) {
331
- query(_objectSpread(_objectSpread({}, queryParams), {}, {
332
- current: Math.min(current - 1, Math.floor(total / pageSize))
333
- }));
334
- }
335
- }, [tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource]);
336
- useImperativeHandle(ref, function () {
337
- return {
338
- query: query,
339
- reset: reset,
340
- setDefaultQueryParams: setDefaultQueryParams,
341
- setQueryParam: setQueryParam,
342
- getQueryParam: getQueryParam,
343
- getQueryParams: getQueryParams,
344
- resetQueryParams: resetQueryParams
345
- };
346
- });
347
- return /*#__PURE__*/_jsx(Spin, {
348
- style: {
349
- maxHeight: 'none'
350
- },
351
- spinning: loading,
352
- tip: loadingText,
353
- children: /*#__PURE__*/_jsxs("div", {
354
- className: "mc-container ".concat(className || ''),
355
- style: _objectSpread({
356
- height: height,
357
- backgroundColor: backgroundColor
358
- }, style),
359
- children: [showCell && /*#__PURE__*/_jsx("div", {
360
- className: "mc-container__ceiling",
361
- style: {
362
- backgroundColor: backgroundColor,
363
- top: 0
364
- }
365
- }), /*#__PURE__*/_jsxs("div", {
366
- ref: containerRef,
367
- className: "mc-container__wrapper",
368
- style: {
369
- paddingBottom: tableRender || tableRender === null || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.pagination) === false ? 16 : 50
370
- },
371
- children: [queryRender || queryRender === null ? queryRender : /*#__PURE__*/_jsxs("div", {
372
- className: "mc-container__query",
373
- children: [mapQuerys(queryItems), !collapse && mapQuerys(collapsibleQueryItems), (showQuery || showReset || showCollapse) && /*#__PURE__*/_jsxs("div", {
374
- style: {
375
- marginLeft: 'auto'
376
- },
377
- children: [showQuery && /*#__PURE__*/_jsx(Button, {
378
- type: "primary",
379
- onClick: function onClick() {
380
- return query({
381
- current: 1
382
- });
383
- },
384
- children: "\u67E5\u8BE2"
385
- }), showReset && /*#__PURE__*/_jsx(Button, {
386
- style: {
387
- marginLeft: 8
388
- },
389
- onClick: reset,
390
- children: "\u91CD\u7F6E"
391
- }), showCollapse && /*#__PURE__*/_jsxs(Button, {
392
- type: "link",
393
- style: {
394
- marginLeft: 16,
395
- fontSize: 12,
396
- padding: 0,
397
- gap: 4
398
- },
399
- onClick: function onClick() {
400
- return setCollapse(function (os) {
401
- return !os;
402
- });
403
- },
404
- children: [collapse ? '展开' : '收起', /*#__PURE__*/_jsx(DoubleLeftOutlined, {
405
- style: {
406
- fontSize: 12
407
- },
408
- rotate: collapse ? -90 : 90
409
- })]
410
- })]
411
- })]
412
- }), queryRender !== null && /*#__PURE__*/_jsx("div", {
413
- className: "mc-container__divider"
414
- }), actionBarRender ? actionBarRender(batchEl) : (!!actionBar || !!batchShow) && /*#__PURE__*/_jsx("div", {
415
- ref: actionBarRef,
416
- className: "mc-container__action-bar",
417
- style: {
418
- backgroundColor: backgroundColor
419
- },
420
- children: mapActionBar()
421
- }), showBatchBar && /*#__PURE__*/_jsx("div", {
422
- className: "mc-container__batch-bar",
423
- style: {
424
- backgroundColor: backgroundColor,
425
- top: actionBarHeight ? actionBarHeight - 24 : 0
426
- },
427
- children: /*#__PURE__*/_jsxs("div", {
428
- className: "mc-container__batch-bar__inner",
429
- children: [/*#__PURE__*/_jsxs("span", {
430
- className: "mc-container__batch-num",
431
- children: ["\u5DF2\u9009\u62E9 ", batchNum, " \u9879"]
432
- }), batchBtns && /*#__PURE__*/_jsx("div", {
433
- className: "mc-container__batch-btns",
434
- children: batchBtns
435
- }), /*#__PURE__*/_jsx(Button, {
436
- style: {
437
- marginLeft: 'auto'
438
- },
439
- onClick: function onClick() {
440
- onCancel === null || onCancel === void 0 || onCancel();
441
- setShowBatchBar(false);
442
- },
443
- children: "\u53D6\u6D88"
444
- })]
445
- })
446
- }), tableRender || tableRender === null ? tableRender : /*#__PURE__*/_jsx(Table, _objectSpread(_objectSpread({
447
- className: "mc-container__table",
448
- size: "small",
449
- sticky: {
450
- offsetHeader: (actionBarHeight ? actionBarHeight - 24 : 0) + (batchNum > 0 ? 48 : 0),
451
- getContainer: function getContainer() {
452
- return containerRef.current;
453
- }
454
- },
455
- scroll: {
456
- x: (tableProps === null || tableProps === void 0 || (_tableProps$dataSourc = tableProps.dataSource) === null || _tableProps$dataSourc === void 0 ? void 0 : _tableProps$dataSourc.length) > 0 ? 'max-content' : '100%'
457
- },
458
- onChange: tableChange
459
- }, tableProps), {}, {
460
- loading: false,
461
- pagination: (tableProps === null || tableProps === void 0 ? void 0 : tableProps.pagination) === false ? false : _objectSpread({
462
- className: 'mc-container__pagination',
463
- style: {
464
- backgroundColor: backgroundColor
465
- },
466
- showSizeChanger: true,
467
- showQuickJumper: true,
468
- showTotal: function showTotal(total) {
469
- return "\u5171 ".concat(total, " \u6761\u8BB0\u5F55");
470
- },
471
- current: queryParams.current,
472
- pageSize: queryParams.pageSize
473
- }, tableProps === null || tableProps === void 0 ? void 0 : tableProps.pagination),
474
- expandable: _objectSpread({
475
- expandIcon: function expandIcon(_ref9) {
476
- var _tableProps$dataSourc2, _record$children;
477
- var expanded = _ref9.expanded,
478
- onExpand = _ref9.onExpand,
479
- record = _ref9.record;
480
- return tableProps !== null && tableProps !== void 0 && (_tableProps$dataSourc2 = tableProps.dataSource) !== null && _tableProps$dataSourc2 !== void 0 && _tableProps$dataSourc2.some(function (_ref10) {
481
- var children = _ref10.children;
482
- return (children === null || children === void 0 ? void 0 : children.length) > 0;
483
- }) ? ((_record$children = record.children) === null || _record$children === void 0 ? void 0 : _record$children.length) > 0 ? /*#__PURE__*/_jsx(CaretDownFilled, {
484
- className: "mc-container__table__expand-icon",
485
- style: {
486
- margin: '0 8px',
487
- fontSize: 16
488
- },
489
- rotate: expanded ? 0 : -90,
490
- onClick: function onClick(e) {
491
- return onExpand(record, e);
492
- }
493
- }) : /*#__PURE__*/_jsx(CaretDownFilled, {
494
- style: {
495
- margin: '0 8px',
496
- color: 'transparent'
497
- }
498
- }) : null;
499
- }
500
- }, tableProps === null || tableProps === void 0 ? void 0 : tableProps.expandable)
501
- }))]
502
- }), !(tableProps !== null && tableProps !== void 0 && tableProps.pagination) && !tableRender && /*#__PURE__*/_jsx("div", {
503
- className: "mc-container__ceiling",
504
- style: {
505
- backgroundColor: backgroundColor,
506
- height: 16,
507
- bottom: 0
508
- }
509
- })]
510
- })
511
- });
512
- });
513
- export default McContainer;
@@ -1,21 +0,0 @@
1
- export type I_ListItem = {
2
- id: number;
3
- name?: string;
4
- age?: number;
5
- city?: string;
6
- date?: string;
7
- funny?: string;
8
- address?: string;
9
- phone?: string;
10
- email?: string;
11
- desc?: string;
12
- };
13
- /** 列表数据源 */
14
- export declare const tableData: I_ListItem[];
15
- /** 获取列表数据 */
16
- export declare const fetchMockRequest: (values?: any) => Promise<{
17
- data: any;
18
- total: number;
19
- }>;
20
- /** 删除某条列表数据 */
21
- export declare const deleteMockRequest: (id: number) => Promise<void>;
@@ -1,50 +0,0 @@
1
- /** 列表数据源 */
2
- export var tableData = Array.from({
3
- length: 21
4
- }, function (_, index) {
5
- return {
6
- id: index + 1,
7
- name: "\u59D3\u540D".concat(index + 1),
8
- age: 18 + index,
9
- city: "\u57CE\u5E02".concat(index + 1),
10
- date: "2025-01-0".concat(index + 1, " 12:00:00"),
11
- funny: "\u7231\u597D".concat(index + 1),
12
- address: "\u5730\u5740".concat(index + 1),
13
- phone: "\u7535\u8BDD".concat(index + 1),
14
- email: "\u90AE\u7BB1".concat(index + 1),
15
- desc: "\u63CF\u8FF0".concat(index + 1)
16
- };
17
- });
18
-
19
- /** 获取列表数据 */
20
- export var fetchMockRequest = function fetchMockRequest(values) {
21
- var _ref = values !== null && values !== void 0 ? values : {},
22
- current = _ref.current,
23
- pageSize = _ref.pageSize;
24
- return new Promise(function (resolve) {
25
- setTimeout(function () {
26
- var data = tableData;
27
- if (current && pageSize) {
28
- var startIndex = (values.current - 1) * values.pageSize;
29
- var endIndex = startIndex + values.pageSize;
30
- data = tableData.slice(startIndex, endIndex);
31
- }
32
- resolve({
33
- data: data,
34
- total: tableData === null || tableData === void 0 ? void 0 : tableData.length
35
- });
36
- }, 1000);
37
- });
38
- };
39
-
40
- /** 删除某条列表数据 */
41
- export var deleteMockRequest = function deleteMockRequest(id) {
42
- return new Promise(function (resolve) {
43
- setTimeout(function () {
44
- tableData.splice(tableData.findIndex(function (item) {
45
- return item.id === id;
46
- }), 1);
47
- resolve();
48
- }, 1000);
49
- });
50
- };
@@ -1,6 +0,0 @@
1
- /**
2
- * title: 基础用法
3
- * description: 除值传递方式为字符串数组外,基本使用方法和antd的<a href='https://ant-design.antgroup.com/components/date-picker-cn#components-date-picker-demo-preset-ranges' target='_blank'>DatePicker.RangePicker</a>组件使用方法一致。
4
- */
5
- declare const _default: () => import("react/jsx-runtime").JSX.Element;
6
- export default _default;
@@ -1,22 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- /**
3
- * title: 基础用法
4
- * description: 除值传递方式为字符串数组外,基本使用方法和antd的<a href='https://ant-design.antgroup.com/components/date-picker-cn#components-date-picker-demo-preset-ranges' target='_blank'>DatePicker.RangePicker</a>组件使用方法一致。
5
- */
6
-
7
- import { McDateRange } from "../..";
8
- import { useState } from 'react';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- export default (function () {
11
- var _useState = useState(),
12
- _useState2 = _slicedToArray(_useState, 2),
13
- value = _useState2[0],
14
- setValue = _useState2[1];
15
- return /*#__PURE__*/_jsx(McDateRange, {
16
- value: value,
17
- style: {
18
- width: '330px'
19
- },
20
- onChange: setValue
21
- });
22
- });
@@ -1,6 +0,0 @@
1
- /**
2
- * title: 取消当前快捷设置
3
- * description: 通过手动取消当前组件内部自定义的时间段预设可以将组件变为为一个值传递格式为字符串数组的普通时间段选择器。
4
- */
5
- declare const _default: () => import("react/jsx-runtime").JSX.Element;
6
- export default _default;
@@ -1,23 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- /**
3
- * title: 取消当前快捷设置
4
- * description: 通过手动取消当前组件内部自定义的时间段预设可以将组件变为为一个值传递格式为字符串数组的普通时间段选择器。
5
- */
6
-
7
- import { McDateRange } from "../..";
8
- import { useState } from 'react';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- export default (function () {
11
- var _useState = useState(),
12
- _useState2 = _slicedToArray(_useState, 2),
13
- value = _useState2[0],
14
- setValue = _useState2[1];
15
- return /*#__PURE__*/_jsx(McDateRange, {
16
- value: value,
17
- onChange: setValue,
18
- style: {
19
- width: '330px'
20
- },
21
- presets: false
22
- });
23
- });
@@ -1,2 +0,0 @@
1
- declare const _default: () => import("react/jsx-runtime").JSX.Element;
2
- export default _default;
@@ -1,32 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- /**
3
- * title: 覆盖默认预设
4
- * description: 因为组件本质上就是提供了常用的时间段预设,所以可以使用自定义的时间段预设对其进行覆盖。
5
- */
6
- import dayjs from 'dayjs';
7
- import { McDateRange } from "../..";
8
- import { useState } from 'react';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- export default (function () {
11
- var _useState = useState(),
12
- _useState2 = _slicedToArray(_useState, 2),
13
- value = _useState2[0],
14
- setValue = _useState2[1];
15
- return /*#__PURE__*/_jsx(McDateRange, {
16
- value: value,
17
- onChange: setValue,
18
- style: {
19
- width: '330px'
20
- },
21
- presets: [{
22
- label: 'Yesterday',
23
- value: [dayjs().add(-1, 'd'), dayjs()]
24
- }, {
25
- label: 'Last Week',
26
- value: [dayjs().add(-7, 'd'), dayjs()]
27
- }, {
28
- label: 'Last Month',
29
- value: [dayjs().add(-1, 'month'), dayjs()]
30
- }]
31
- });
32
- });