@lemon-fe/components 0.1.78 → 0.1.82

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 (115) hide show
  1. package/es/BaseTable/index.less +1 -1
  2. package/es/ColorPicker/index.less +47 -0
  3. package/es/MainFramework/components/Menu/index.less +0 -407
  4. package/es/Table/typings.d.ts +0 -1
  5. package/es/index.less +1 -0
  6. package/package.json +5 -2
  7. package/es/Actions/index.d.ts +0 -26
  8. package/es/Actions/index.js +0 -171
  9. package/es/BaseTable/Actions.d.ts +0 -8
  10. package/es/BaseTable/Actions.js +0 -136
  11. package/es/BaseTable/BaseTableContext.d.ts +0 -6
  12. package/es/BaseTable/BaseTableContext.js +0 -6
  13. package/es/BaseTable/ResizeHeaderCell.d.ts +0 -8
  14. package/es/BaseTable/ResizeHeaderCell.js +0 -126
  15. package/es/BaseTable/VirtualBody.d.ts +0 -8
  16. package/es/BaseTable/VirtualBody.js +0 -165
  17. package/es/BaseTable/index.d.ts +0 -7
  18. package/es/BaseTable/index.js +0 -465
  19. package/es/BaseTable/utils.d.ts +0 -4
  20. package/es/BaseTable/utils.js +0 -26
  21. package/es/Dropdown/index.d.ts +0 -14
  22. package/es/Dropdown/index.js +0 -53
  23. package/es/DurationPicker/index.d.ts +0 -25
  24. package/es/DurationPicker/index.js +0 -237
  25. package/es/EditableTable/EditableCell.d.ts +0 -11
  26. package/es/EditableTable/EditableCell.js +0 -37
  27. package/es/EditableTable/EditableTableFormItem.d.ts +0 -5
  28. package/es/EditableTable/EditableTableFormItem.js +0 -49
  29. package/es/EditableTable/Table.d.ts +0 -7
  30. package/es/EditableTable/Table.js +0 -363
  31. package/es/EditableTable/index.d.ts +0 -9
  32. package/es/EditableTable/index.js +0 -8
  33. package/es/EditableTable/util.d.ts +0 -25
  34. package/es/EditableTable/util.js +0 -387
  35. package/es/Filter/index.d.ts +0 -7
  36. package/es/Filter/index.js +0 -610
  37. package/es/FormHorizontal/index.d.ts +0 -6
  38. package/es/FormHorizontal/index.js +0 -35
  39. package/es/FormInline/index.d.ts +0 -15
  40. package/es/FormInline/index.js +0 -90
  41. package/es/FormLayout/index.d.ts +0 -32
  42. package/es/FormLayout/index.js +0 -41
  43. package/es/FormTable/index.d.ts +0 -6
  44. package/es/FormTable/index.js +0 -159
  45. package/es/Icons/BigTip/index.d.ts +0 -6
  46. package/es/Icons/BigTip/index.js +0 -50
  47. package/es/Icons/Calendar.d.ts +0 -5
  48. package/es/Icons/Calendar.js +0 -47
  49. package/es/Icons/CollapseUp.d.ts +0 -5
  50. package/es/Icons/CollapseUp.js +0 -31
  51. package/es/Icons/DarkSearch.d.ts +0 -5
  52. package/es/Icons/DarkSearch.js +0 -38
  53. package/es/Icons/Down.d.ts +0 -5
  54. package/es/Icons/Down.js +0 -35
  55. package/es/Icons/Empty.d.ts +0 -2
  56. package/es/Icons/Empty.js +0 -267
  57. package/es/Icons/LookUp.d.ts +0 -5
  58. package/es/Icons/LookUp.js +0 -74
  59. package/es/Icons/More.d.ts +0 -5
  60. package/es/Icons/More.js +0 -44
  61. package/es/Icons/Search.d.ts +0 -5
  62. package/es/Icons/Search.js +0 -35
  63. package/es/Icons/Tip.d.ts +0 -6
  64. package/es/Icons/Tip.js +0 -169
  65. package/es/Icons/index.d.ts +0 -22
  66. package/es/Icons/index.js +0 -23
  67. package/es/InputMaxLength/index.d.ts +0 -14
  68. package/es/InputMaxLength/index.js +0 -92
  69. package/es/Layout/index.d.ts +0 -41
  70. package/es/Layout/index.js +0 -175
  71. package/es/MainFramework/components/DropMenu/index.d.ts +0 -10
  72. package/es/MainFramework/components/DropMenu/index.js +0 -104
  73. package/es/MainFramework/components/Menu/index.d.ts +0 -9
  74. package/es/MainFramework/components/Menu/index.js +0 -656
  75. package/es/MainFramework/components/RefreshButton/index.d.ts +0 -5
  76. package/es/MainFramework/components/RefreshButton/index.js +0 -72
  77. package/es/MainFramework/components/RefreshButton/index.less +0 -30
  78. package/es/MainFramework/components/TabBar/index.d.ts +0 -9
  79. package/es/MainFramework/components/TabBar/index.js +0 -116
  80. package/es/MainFramework/index.d.ts +0 -24
  81. package/es/MainFramework/index.js +0 -66
  82. package/es/PageLoading/index.d.ts +0 -5
  83. package/es/PageLoading/index.js +0 -15
  84. package/es/Popup/index.d.ts +0 -37
  85. package/es/Popup/index.js +0 -198
  86. package/es/Portal/index.d.ts +0 -12
  87. package/es/Portal/index.js +0 -72
  88. package/es/Section/TabBar.d.ts +0 -12
  89. package/es/Section/TabBar.js +0 -48
  90. package/es/Section/index.d.ts +0 -54
  91. package/es/Section/index.js +0 -96
  92. package/es/SelectView/index.d.ts +0 -53
  93. package/es/SelectView/index.js +0 -257
  94. package/es/SiderTree/TreeNodeTitle.d.ts +0 -8
  95. package/es/SiderTree/TreeNodeTitle.js +0 -107
  96. package/es/SiderTree/index.d.ts +0 -37
  97. package/es/SiderTree/index.js +0 -221
  98. package/es/SymbolIcon/index.d.ts +0 -8
  99. package/es/SymbolIcon/index.js +0 -32
  100. package/es/TabBar/index.d.ts +0 -14
  101. package/es/TabBar/index.js +0 -52
  102. package/es/Table/index.d.ts +0 -2
  103. package/es/Table/index.js +0 -236
  104. package/es/Table/utils.d.ts +0 -2
  105. package/es/Table/utils.js +0 -3
  106. package/es/TipMark/index.d.ts +0 -10
  107. package/es/TipMark/index.js +0 -45
  108. package/es/constants.d.ts +0 -1
  109. package/es/constants.js +0 -1
  110. package/es/index.d.ts +0 -31
  111. package/es/index.js +0 -26
  112. package/es/init.d.ts +0 -3
  113. package/es/init.js +0 -135
  114. package/es/utils.d.ts +0 -2
  115. package/es/utils.js +0 -14
@@ -1,12 +0,0 @@
1
- import type { MouseEvent } from 'react';
2
- interface Props {
3
- prefixCls: string;
4
- tabs: {
5
- title?: string;
6
- key: string;
7
- }[];
8
- activeKey?: string;
9
- onTabClick: (key: string, index: number, e: MouseEvent) => void;
10
- }
11
- export default function TabBar(props: Props): JSX.Element;
12
- export {};
@@ -1,48 +0,0 @@
1
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
2
-
3
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
-
5
- 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."); }
6
-
7
- 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); }
8
-
9
- 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; }
10
-
11
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
12
-
13
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
14
-
15
- import React, { useEffect, useState } from 'react';
16
- import classNames from 'classnames';
17
- export default function TabBar(props) {
18
- var prefixCls = props.prefixCls,
19
- tabs = props.tabs,
20
- onTabClick = props.onTabClick,
21
- activeKey = props.activeKey;
22
-
23
- var getKey = function getKey() {
24
- return activeKey || (tabs.length > 0 ? tabs[0].key : undefined);
25
- };
26
-
27
- var _useState = useState(getKey()),
28
- _useState2 = _slicedToArray(_useState, 2),
29
- key = _useState2[0],
30
- setKey = _useState2[1];
31
-
32
- useEffect(function () {
33
- setKey(getKey());
34
- }, [activeKey]);
35
- return /*#__PURE__*/React.createElement("div", {
36
- className: "".concat(prefixCls, "-tab")
37
- }, tabs.map(function (_, index) {
38
- var tab = tabs[index];
39
- return /*#__PURE__*/React.createElement("div", {
40
- key: tab.key,
41
- className: classNames("".concat(prefixCls, "-tab-item"), _defineProperty({}, "".concat(prefixCls, "-tab-item-active"), key === tab.key)),
42
- onClick: function onClick(e) {
43
- setKey(tab.key);
44
- onTabClick(tab.key, index, e);
45
- }
46
- }, tab.title);
47
- }));
48
- }
@@ -1,54 +0,0 @@
1
- import type { Key } from 'react';
2
- import type { ReactNode, CSSProperties } from 'react';
3
- import { TabsProps } from 'antd';
4
- interface Props extends Pick<TabsProps, 'activeKey' | 'onTabClick'> {
5
- /**
6
- * @description 标题
7
- */
8
- title?: string | ReactNode;
9
- /**
10
- * @description 内容
11
- */
12
- children?: ReactNode;
13
- /**
14
- * @description 容器样式
15
- */
16
- style?: CSSProperties;
17
- /**
18
- * @description 容器样式
19
- */
20
- className?: string;
21
- /**
22
- * @description 暂未实现
23
- */
24
- footer?: ReactNode;
25
- /**
26
- * @description 当内部有表头固定的表格时,可以考虑这个
27
- */
28
- type?: 'table';
29
- /**
30
- * @description tabs
31
- */
32
- tabs?: {
33
- title?: string;
34
- key: string;
35
- }[];
36
- /**
37
- * @description body元素的样式
38
- */
39
- bodyStyle?: CSSProperties;
40
- /**
41
- * @description 标签切换事件
42
- */
43
- onTabChange?: (activeKey: Key, activeIndex: number) => void;
44
- /**
45
- * @description 操作栏,请与Actions组件结合使用并且带有标题,请不要在Tabs模式时使用
46
- */
47
- actions?: ReactNode;
48
- /**
49
- * @description 同 style flex属性, 为true时 flex = 1
50
- */
51
- flex?: boolean | number;
52
- }
53
- export default function Section(props: Props): JSX.Element;
54
- export {};
@@ -1,96 +0,0 @@
1
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
-
3
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
-
5
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
-
7
- import React from 'react';
8
- import classNames from 'classnames';
9
- import { Tabs } from 'antd';
10
- import { mapChildren } from '../utils';
11
- import { PREFIX_CLS } from '../constants';
12
- import TabBar from './TabBar';
13
- export default function Section(props) {
14
- var _classNames;
15
-
16
- var title = props.title,
17
- children = props.children,
18
- style = props.style,
19
- className = props.className,
20
- tabs = props.tabs,
21
- type = props.type,
22
- bodyStyle = props.bodyStyle,
23
- onTabChange = props.onTabChange,
24
- actions = props.actions,
25
- flex = props.flex,
26
- activeKey = props.activeKey,
27
- _onTabClick = props.onTabClick;
28
- var prefixCls = PREFIX_CLS + '-section';
29
- var containerStyle = style;
30
-
31
- if (flex) {
32
- containerStyle = _objectSpread({
33
- flex: typeof flex === 'number' ? flex : 1
34
- }, containerStyle);
35
- }
36
-
37
- var hasActions = !!actions;
38
- return /*#__PURE__*/React.createElement("div", {
39
- className: classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-").concat(type), !!type), _defineProperty(_classNames, "".concat(prefixCls, "-flex"), !!flex), _classNames), className),
40
- style: containerStyle
41
- }, title || hasActions ? /*#__PURE__*/React.createElement("div", {
42
- className: "".concat(prefixCls, "-header")
43
- }, /*#__PURE__*/React.createElement("div", {
44
- className: "".concat(prefixCls, "-title")
45
- }, title), actions) : null, tabs !== undefined && tabs.length > 0 ? Array.isArray(children) && children.length > 1 ? /*#__PURE__*/React.createElement(Tabs, {
46
- activeKey: activeKey,
47
- onTabClick: _onTabClick,
48
- renderTabBar: function renderTabBar(tabProps) {
49
- var mKey = tabProps.activeKey,
50
- mClick = tabProps.onTabClick;
51
- return /*#__PURE__*/React.createElement(TabBar, {
52
- activeKey: mKey,
53
- tabs: tabs,
54
- prefixCls: prefixCls,
55
- onTabClick: function onTabClick(key, index, e) {
56
- mClick(key, e);
57
-
58
- if (key !== mKey) {
59
- if (onTabChange) {
60
- onTabChange(key, index);
61
- }
62
- }
63
- }
64
- });
65
- }
66
- }, mapChildren(children, function (child, index) {
67
- var _tabs$index = tabs[index],
68
- tab = _tabs$index.title,
69
- key = _tabs$index.key;
70
- return /*#__PURE__*/React.createElement(Tabs.TabPane, {
71
- tab: tab,
72
- key: key,
73
- className: "".concat(prefixCls, "-body"),
74
- style: bodyStyle
75
- }, child);
76
- })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TabBar, {
77
- activeKey: activeKey,
78
- tabs: tabs,
79
- prefixCls: prefixCls,
80
- onTabClick: function onTabClick(key, index, e) {
81
- if (_onTabClick) {
82
- _onTabClick(key, e);
83
- }
84
-
85
- if (key !== activeKey && onTabChange) {
86
- onTabChange(key, index);
87
- }
88
- }
89
- }), /*#__PURE__*/React.createElement("div", {
90
- className: "".concat(prefixCls, "-body"),
91
- style: bodyStyle
92
- }, children)) : /*#__PURE__*/React.createElement("div", {
93
- className: "".concat(prefixCls, "-body"),
94
- style: bodyStyle
95
- }, children));
96
- }
@@ -1,53 +0,0 @@
1
- import { CSSProperties, Key, ReactElement } from 'react';
2
- import type { TableRowSelection } from 'antd/lib/table/interface';
3
- import type { FilterItemType } from '../Filter/typings';
4
- import type { ColumnType } from '../BaseTable/typings';
5
- interface Props<RecordType, ParamsType> {
6
- value?: RecordType[];
7
- onChange?: (value: RecordType[]) => void;
8
- /**
9
- * @description 是否多选
10
- */
11
- multiple?: boolean;
12
- /**
13
- * @description 选择列表列设置
14
- */
15
- columns: ColumnType<RecordType>[];
16
- /**
17
- * @description 已选择列表列设置
18
- */
19
- selectedColumns?: ColumnType<RecordType>[];
20
- /**
21
- * @description 请求方法
22
- */
23
- fetch?: (query: {
24
- current: number;
25
- pageSize: number;
26
- params: ParamsType;
27
- }) => Promise<{
28
- total: number;
29
- data: RecordType[];
30
- }>;
31
- /**
32
- * @description 数据源
33
- */
34
- dataSource?: RecordType[];
35
- rowKey: string | ((item: RecordType) => Key);
36
- /**
37
- * @description 筛选器设置
38
- */
39
- filter?: {
40
- defaultValue?: ParamsType;
41
- onValuesChange?: (changedValues: Partial<ParamsType>, allValues: ParamsType) => void;
42
- data: FilterItemType[];
43
- sider?: (props: {
44
- value: ParamsType;
45
- onChange: (value: Partial<ParamsType>) => void;
46
- style?: CSSProperties;
47
- }) => ReactElement;
48
- onChange?: (value: ParamsType) => void;
49
- };
50
- rowSelection?: TableRowSelection<RecordType>;
51
- }
52
- export default function SelectView<RecordType, ParamsType extends Record<string, any>>(props: Props<RecordType, ParamsType>): JSX.Element;
53
- export {};
@@ -1,257 +0,0 @@
1
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
-
3
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
-
5
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
-
7
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
8
-
9
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
10
-
11
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
12
-
13
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
14
-
15
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
16
-
17
- 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."); }
18
-
19
- 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); }
20
-
21
- 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; }
22
-
23
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
24
-
25
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
26
-
27
- import React, { useEffect, useMemo, useRef, useState } from 'react';
28
- import { Tabs, Button } from 'antd';
29
- import { get } from 'lodash';
30
- import Filter from '../Filter';
31
- import Table from '../Table';
32
- import { PREFIX_CLS } from '../constants';
33
- export default function SelectView(props) {
34
- var value = props.value,
35
- onChange = props.onChange,
36
- columns = props.columns,
37
- _props$selectedColumn = props.selectedColumns,
38
- selectedColumns = _props$selectedColumn === void 0 ? columns : _props$selectedColumn,
39
- fetch = props.fetch,
40
- _props$multiple = props.multiple,
41
- multiple = _props$multiple === void 0 ? true : _props$multiple,
42
- rowKey = props.rowKey,
43
- filter = props.filter,
44
- dataSource = props.dataSource,
45
- rowSelection = props.rowSelection;
46
- var prefixCls = "".concat(PREFIX_CLS, "-select-view");
47
-
48
- var _useState = useState(value || []),
49
- _useState2 = _slicedToArray(_useState, 2),
50
- data = _useState2[0],
51
- setData = _useState2[1];
52
-
53
- var _useState3 = useState((filter === null || filter === void 0 ? void 0 : filter.defaultValue) || {}),
54
- _useState4 = _slicedToArray(_useState3, 2),
55
- params = _useState4[0],
56
- setParams = _useState4[1];
57
-
58
- var list = useRef(null);
59
-
60
- var _useState5 = useState('list'),
61
- _useState6 = _slicedToArray(_useState5, 2),
62
- tabFlag = _useState6[0],
63
- setTabFlag = _useState6[1];
64
-
65
- useEffect(function () {
66
- var _list$current;
67
-
68
- (_list$current = list.current) === null || _list$current === void 0 ? void 0 : _list$current.fetch();
69
- }, [params]);
70
- useEffect(function () {
71
- setData(value || []);
72
- }, [value]);
73
-
74
- var getRowKey = function getRowKey(item) {
75
- if (typeof rowKey === 'function') {
76
- return rowKey(item);
77
- }
78
-
79
- return get(item, rowKey);
80
- };
81
-
82
- var request = fetch ? function (_ref) {
83
- var current = _ref.current,
84
- pageSize = _ref.pageSize;
85
- return fetch({
86
- current: current,
87
- pageSize: pageSize,
88
- params: params
89
- });
90
- } : undefined;
91
-
92
- var handleClear = function handleClear() {
93
- var empty = [];
94
- setData(empty);
95
- onChange === null || onChange === void 0 ? void 0 : onChange(empty);
96
- };
97
-
98
- var handleChangeData = function handleChangeData(keys, rows) {
99
- var keySet = new Set(keys);
100
- var newRows = [].concat(_toConsumableArray(data), _toConsumableArray(rows)).filter(function (item) {
101
- var curKey = getRowKey(item);
102
-
103
- if (keySet.has(curKey)) {
104
- keySet.delete(curKey);
105
- return true;
106
- }
107
-
108
- return false;
109
- });
110
- setData(newRows);
111
- onChange === null || onChange === void 0 ? void 0 : onChange(newRows);
112
- };
113
-
114
- var handleChangeParams = function handleChangeParams(mParams) {
115
- var nextParams = _objectSpread(_objectSpread({}, params), mParams);
116
-
117
- if (filter === null || filter === void 0 ? void 0 : filter.onChange) {
118
- filter.onChange(nextParams);
119
- }
120
-
121
- setParams(nextParams);
122
- };
123
-
124
- var handleValuesChange = function handleValuesChange(changedValues, allValues) {
125
- var _filter$onValuesChang;
126
-
127
- filter === null || filter === void 0 ? void 0 : (_filter$onValuesChang = filter.onValuesChange) === null || _filter$onValuesChang === void 0 ? void 0 : _filter$onValuesChang.call(filter, changedValues, allValues);
128
- };
129
-
130
- var headerNode = null;
131
- var siderNode = null;
132
-
133
- if (filter) {
134
- if (filter.data) {
135
- headerNode = /*#__PURE__*/React.createElement(Filter, {
136
- simple: true,
137
- data: filter.data,
138
- defaultValue: filter.defaultValue,
139
- onChange: handleChangeParams,
140
- onValuesChange: handleValuesChange
141
- });
142
- }
143
-
144
- if (filter.sider) {
145
- siderNode = filter.sider({
146
- value: params,
147
- onChange: handleChangeParams
148
- });
149
- }
150
- }
151
-
152
- var dataKeys = useMemo(function () {
153
- return data.map(getRowKey);
154
- }, [data, rowKey]);
155
- var selectTable = /*#__PURE__*/React.createElement("div", {
156
- className: "".concat(prefixCls, "-layout")
157
- }, siderNode !== null && /*#__PURE__*/React.createElement("div", {
158
- className: "".concat(prefixCls, "-sider")
159
- }, siderNode), /*#__PURE__*/React.createElement("div", {
160
- className: "".concat(prefixCls, "-main")
161
- }, headerNode !== null && /*#__PURE__*/React.createElement("div", {
162
- className: "".concat(prefixCls, "-head")
163
- }, headerNode), /*#__PURE__*/React.createElement("div", {
164
- className: "".concat(prefixCls, "-body")
165
- }, /*#__PURE__*/React.createElement(Table, {
166
- actionRef: list,
167
- rowKey: rowKey,
168
- rowSelection: _objectSpread({
169
- type: multiple ? 'checkbox' : 'radio',
170
- preserveSelectedRowKeys: true,
171
- selectedRowKeys: dataKeys,
172
- onChange: function onChange(keys, rows) {
173
- return handleChangeData(keys, rows);
174
- }
175
- }, rowSelection),
176
- onRow: function onRow(row) {
177
- if (rowSelection !== undefined && rowSelection.getCheckboxProps !== undefined) {
178
- var extra = rowSelection.getCheckboxProps(row);
179
-
180
- if (extra.disabled) {
181
- return {};
182
- }
183
- }
184
-
185
- return {
186
- onClick: function onClick() {
187
- var key = getRowKey(row);
188
- var keys = new Set(_toConsumableArray(dataKeys));
189
-
190
- if (multiple) {
191
- if (keys.has(key)) {
192
- keys.delete(key);
193
- } else {
194
- keys.add(key);
195
- }
196
- } else {
197
- keys = new Set([key]);
198
- }
199
-
200
- handleChangeData(_toConsumableArray(keys.values()), [row]);
201
- }
202
- };
203
- },
204
- dataSource: dataSource,
205
- columns: columns,
206
- fetch: request
207
- }))));
208
- var content;
209
-
210
- if (!multiple) {
211
- content = selectTable;
212
- } else {
213
- content = /*#__PURE__*/React.createElement(Tabs, {
214
- size: "small",
215
- tabBarGutter: 20,
216
- onChange: function onChange(key) {
217
- setTabFlag(key);
218
- },
219
- tabBarExtraContent: {
220
- right: tabFlag === 'selected' ? /*#__PURE__*/React.createElement(Button, {
221
- type: "link",
222
- onClick: handleClear
223
- }, "\u6E05\u7A7A") : null
224
- }
225
- }, /*#__PURE__*/React.createElement(Tabs.TabPane, {
226
- tab: "\u5217\u8868",
227
- key: "list"
228
- }, selectTable), /*#__PURE__*/React.createElement(Tabs.TabPane, {
229
- tab: "\u5DF2\u9009\u62E9(".concat(data.length, ")"),
230
- key: "selected"
231
- }, /*#__PURE__*/React.createElement("div", {
232
- className: "".concat(prefixCls, "-layout")
233
- }, /*#__PURE__*/React.createElement("div", {
234
- className: "".concat(prefixCls, "-main")
235
- }, /*#__PURE__*/React.createElement("div", {
236
- className: "".concat(prefixCls, "-body")
237
- }, /*#__PURE__*/React.createElement(Table, {
238
- dataSource: data,
239
- columns: selectedColumns,
240
- rowActions: function rowActions(row) {
241
- return [{
242
- text: '删除',
243
- onClick: function onClick() {
244
- var keys = new Set(_toConsumableArray(dataKeys));
245
- keys.delete(getRowKey(row));
246
- handleChangeData(keys, [row]);
247
- }
248
- }];
249
- },
250
- rowKey: rowKey
251
- }))))));
252
- }
253
-
254
- return /*#__PURE__*/React.createElement("div", {
255
- className: prefixCls
256
- }, content);
257
- }
@@ -1,8 +0,0 @@
1
- import type { OperationType, TreeData } from './typings';
2
- interface Props<T> {
3
- node: TreeData<T>;
4
- prefixCls: string;
5
- operation?: OperationType<T>;
6
- }
7
- export default function TreeNodeTitle<T>(props: Props<T>): JSX.Element;
8
- export {};
@@ -1,107 +0,0 @@
1
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
2
-
3
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
-
5
- 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."); }
6
-
7
- 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); }
8
-
9
- 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; }
10
-
11
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
12
-
13
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
14
-
15
- import { Popover } from 'antd';
16
- import React, { useEffect, useRef, useState } from 'react';
17
- import classNames from 'classnames';
18
- export default function TreeNodeTitle(props) {
19
- var _operation$others;
20
-
21
- var item = props.node,
22
- operation = props.operation,
23
- prefixCls = props.prefixCls;
24
-
25
- var _useState = useState(false),
26
- _useState2 = _slicedToArray(_useState, 2),
27
- show = _useState2[0],
28
- setShow = _useState2[1];
29
-
30
- var _useState3 = useState(false),
31
- _useState4 = _slicedToArray(_useState3, 2),
32
- visible = _useState4[0],
33
- setVisible = _useState4[1];
34
-
35
- var trigger = useRef(null);
36
- useEffect(function () {
37
- var _trigger$current, _title, _title2;
38
-
39
- var handler = function handler() {
40
- setShow(function (prev) {
41
- return !prev;
42
- });
43
- };
44
-
45
- var title = (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.parentNode;
46
- (_title = title) === null || _title === void 0 ? void 0 : _title.addEventListener('mouseenter', handler);
47
- (_title2 = title) === null || _title2 === void 0 ? void 0 : _title2.addEventListener('mouseleave', handler);
48
- return function () {
49
- var _title3, _title4;
50
-
51
- (_title3 = title) === null || _title3 === void 0 ? void 0 : _title3.removeEventListener('mouseenter', handler);
52
- (_title4 = title) === null || _title4 === void 0 ? void 0 : _title4.removeEventListener('mouseleave', handler);
53
- title = null;
54
- };
55
- }, []);
56
-
57
- if (!operation) {
58
- return /*#__PURE__*/React.createElement("div", {
59
- className: "".concat(prefixCls, "-title-content")
60
- }, item.title);
61
- }
62
-
63
- var others = (_operation$others = operation.others) === null || _operation$others === void 0 ? void 0 : _operation$others.call(operation, item);
64
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
65
- className: "".concat(prefixCls, "-title-content"),
66
- ref: trigger,
67
- title: item.title.toString()
68
- }, item.title), /*#__PURE__*/React.createElement("div", {
69
- className: "".concat(prefixCls, "-title-operators"),
70
- style: {
71
- display: visible || show ? 'block' : 'none'
72
- },
73
- onClick: function onClick(e) {
74
- return e.stopPropagation();
75
- }
76
- }, others || operation.onAdd ? /*#__PURE__*/React.createElement(Popover, {
77
- overlayClassName: "".concat(prefixCls, "-menu-popover"),
78
- placement: "bottomLeft",
79
- visible: visible,
80
- trigger: "click",
81
- content: /*#__PURE__*/React.createElement("div", {
82
- onClick: function onClick() {
83
- return setVisible(false);
84
- }
85
- }, operation.onAdd ? /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", {
86
- onClick: function onClick() {
87
- return operation.onAdd(item);
88
- }
89
- }, "\u65B0\u589E")) : null, others),
90
- onVisibleChange: setVisible
91
- }, /*#__PURE__*/React.createElement("div", {
92
- className: classNames("".concat(prefixCls, "-title-operators-item"), _defineProperty({}, "".concat(prefixCls, "-title-operators-item-active"), visible)),
93
- onClick: function onClick() {
94
- return setVisible(true);
95
- }
96
- }, /*#__PURE__*/React.createElement("svg", {
97
- width: "20",
98
- height: "20",
99
- viewBox: "0 0 20 20",
100
- xmlns: "http://www.w3.org/2000/svg"
101
- }, /*#__PURE__*/React.createElement("g", {
102
- fill: "#333",
103
- fillRule: "evenodd"
104
- }, /*#__PURE__*/React.createElement("path", {
105
- d: "M10 4a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM10 9a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM10 14a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"
106
- }))))) : null));
107
- }
@@ -1,37 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { TreeProps } from 'rc-tree';
3
- import type { DataNode, EventDataNode } from 'rc-tree/lib/interface';
4
- import { TabsProps } from 'antd';
5
- import type { TreeData, OperationType } from './typings';
6
- interface Props<KeyType> extends Omit<TreeProps, 'onSelect' | 'selectedKeys' | 'defaultSelectedKeys' | 'defaultExpandAll' | 'defaultExpandedKeys' | 'prefixCls'> {
7
- data?: TreeData<KeyType>[];
8
- showSearch?: boolean;
9
- placeholder?: string;
10
- header?: ReactNode;
11
- footer?: ReactNode;
12
- operation?: OperationType<KeyType>;
13
- onSelect?: (node: TreeData<KeyType>, info: {
14
- event: 'select';
15
- selected: boolean;
16
- node: EventDataNode<DataNode>;
17
- selectedNodes: DataNode[];
18
- nativeEvent: MouseEvent;
19
- }) => void;
20
- selectedKeys?: KeyType[];
21
- defaultSelectedKeys?: KeyType[];
22
- defaultExpandAll?: boolean;
23
- defaultExpandedKeys?: KeyType[];
24
- active?: boolean;
25
- }
26
- declare function SiderTreeTabs(props: {
27
- tabs: {
28
- title: string;
29
- key?: string;
30
- }[];
31
- children?: ReactNode;
32
- } & Pick<TabsProps, 'activeKey' | 'onTabClick'>): JSX.Element;
33
- declare function SiderTree<KeyType extends string | number = string>(props: Props<KeyType>): JSX.Element;
34
- declare namespace SiderTree {
35
- var Tabs: typeof SiderTreeTabs;
36
- }
37
- export default SiderTree;