@hw-component/table 0.0.4-beta-v17 → 0.0.4-beta-v19

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 (6) hide show
  1. package/es/HTableBody/RowSelection.js +9 -4
  2. package/lib/HTableBody/RowSelection.js +9 -4
  3. package/package.json +1 -1
  4. package/src/components/HTableBody/RowSelection.tsx +7 -5
  5. package/src/pages/TableCustomize/index.tsx +0 -2
  6. package/src/routes.tsx +6 -5
package/es/HTableBody/RowSelection.js CHANGED
@@ -57,8 +57,9 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
57
57
  }
58
58
  allSelectChange === null || allSelectChange === void 0 || allSelectChange(false);
59
59
  };
60
- var len = keys === null || keys === void 0 ? void 0 : keys.length;
61
- var checked = len === records.length && len !== 0;
60
+ var len = (keys === null || keys === void 0 ? void 0 : keys.length) || 0;
61
+ var dataLen = (records === null || records === void 0 ? void 0 : records.length) || 0;
62
+ var checked = len === dataLen && len !== 0;
62
63
  var configItems = useMemo(function () {
63
64
  var fsArray = checked ? {
64
65
  label: "取消此页数据",
@@ -83,20 +84,24 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
83
84
  items: configItems
84
85
  });
85
86
  };
87
+ var disabled = dataLen === 0;
86
88
  if (allPageCheck) {
87
89
  return jsx(Dropdown, {
88
90
  overlay: menu,
89
91
  arrow: true,
90
92
  placement: "bottom",
93
+ disabled: disabled,
91
94
  children: jsx(Checkbox, {
92
95
  checked: checked,
93
- onChange: checkChange
96
+ onChange: checkChange,
97
+ disabled: disabled
94
98
  })
95
99
  });
96
100
  }
97
101
  return jsx(Checkbox, {
98
102
  checked: checked,
99
- onChange: checkChange
103
+ onChange: checkChange,
104
+ disabled: disabled
100
105
  });
101
106
  };
102
107
  var RowSelectionBox = function RowSelectionBox(_ref4) {
package/lib/HTableBody/RowSelection.js CHANGED
@@ -58,8 +58,9 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
58
58
  }
59
59
  allSelectChange === null || allSelectChange === void 0 || allSelectChange(false);
60
60
  };
61
- var len = keys === null || keys === void 0 ? void 0 : keys.length;
62
- var checked = len === records.length && len !== 0;
61
+ var len = (keys === null || keys === void 0 ? void 0 : keys.length) || 0;
62
+ var dataLen = (records === null || records === void 0 ? void 0 : records.length) || 0;
63
+ var checked = len === dataLen && len !== 0;
63
64
  var configItems = React.useMemo(function () {
64
65
  var fsArray = checked ? {
65
66
  label: "取消此页数据",
@@ -84,20 +85,24 @@ var RowSelectionTitle = function RowSelectionTitle(_ref) {
84
85
  items: configItems
85
86
  });
86
87
  };
88
+ var disabled = dataLen === 0;
87
89
  if (allPageCheck) {
88
90
  return jsxRuntime.jsx(antd.Dropdown, {
89
91
  overlay: menu,
90
92
  arrow: true,
91
93
  placement: "bottom",
94
+ disabled: disabled,
92
95
  children: jsxRuntime.jsx(antd.Checkbox, {
93
96
  checked: checked,
94
- onChange: checkChange
97
+ onChange: checkChange,
98
+ disabled: disabled
95
99
  })
96
100
  });
97
101
  }
98
102
  return jsxRuntime.jsx(antd.Checkbox, {
99
103
  checked: checked,
100
- onChange: checkChange
104
+ onChange: checkChange,
105
+ disabled: disabled
101
106
  });
102
107
  };
103
108
  var RowSelectionBox = function RowSelectionBox(_ref4) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hw-component/table",
3
- "version": "0.0.4-beta-v17",
3
+ "version": "0.0.4-beta-v19",
4
4
  "description": "基于antd二次开发table组件",
5
5
  "keywords": [
6
6
  "table"
package/src/components/HTableBody/RowSelection.tsx CHANGED
@@ -48,8 +48,9 @@ export const RowSelectionTitle = ({
48
48
  }
49
49
  allSelectChange?.(false);
50
50
  };
51
- const len = keys?.length;
52
- const checked = len === records.length && len !== 0;
51
+ const len = keys?.length||0;
52
+ const dataLen=records?.length||0;
53
+ const checked = len === dataLen && len !== 0;
53
54
  const configItems = useMemo(() => {
54
55
  const fsArray = checked
55
56
  ? {
@@ -76,14 +77,15 @@ export const RowSelectionTitle = ({
76
77
  const MenuEle=(Menu as any);
77
78
  return <MenuEle onClick={change} items={configItems}/>;
78
79
  }
80
+ const disabled=dataLen===0;
79
81
  if (allPageCheck) {
80
82
  return (
81
- <Dropdown overlay={menu} arrow placement={"bottom"}>
82
- <Checkbox checked={checked} onChange={checkChange} />
83
+ <Dropdown overlay={menu} arrow placement={"bottom"} disabled={disabled}>
84
+ <Checkbox checked={checked} onChange={checkChange} disabled={disabled}/>
83
85
  </Dropdown>
84
86
  );
85
87
  }
86
- return <Checkbox checked={checked} onChange={checkChange} />;
88
+ return <Checkbox checked={checked} onChange={checkChange} disabled={disabled}/>;
87
89
  };
88
90
 
89
91
  interface RowSelectionBoxProps {
package/src/pages/TableCustomize/index.tsx CHANGED
@@ -66,8 +66,6 @@ export default () => {
66
66
  scroll={{ x: 1000, y: 100 }}
67
67
  headerTitle={<AddBtn />}
68
68
  />
69
- <HTablePagination />
70
- <HTableFooter />
71
69
  </Space>
72
70
  </TableCustomize>
73
71
  );
package/src/routes.tsx CHANGED
@@ -2,6 +2,7 @@ import React from "react";
2
2
  import { Navigate } from "react-router-dom";
3
3
  import Table from "./pages/Table";
4
4
  import ModalTable from "./pages/ModalTable";
5
+ import TableCustomize from './pages/TableCustomize'
5
6
  export interface RouteModal {
6
7
  path?: string;
7
8
  name?: string;
@@ -21,11 +22,11 @@ const routes: RouteModal[] = [
21
22
  name: "table",
22
23
  element: <Table />,
23
24
  },
24
- // {
25
- // path: "/tableCustomize",
26
- // name: "tableCustomize",
27
- // element: <TableCustomize />,
28
- // },
25
+ {
26
+ path: "/tableCustomize",
27
+ name: "tableCustomize",
28
+ element: <TableCustomize />,
29
+ },
29
30
  {
30
31
  path: "/modalTable",
31
32
  name: "ModalTable",