@hw-component/table 1.9.87 → 1.9.88

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 (41) hide show
  1. package/.eslintcache +1 -1
  2. package/es/HTableBody/Options/utils.d.ts +5 -2
  3. package/es/HTableBody/RowCheckBox/RowItem.d.ts +2 -8
  4. package/es/HTableBody/RowCheckBox/hooks.d.ts +2 -2
  5. package/es/HTableBody/RowRadioBoxSelection.d.ts +1 -8
  6. package/es/HTableBody/hooks/useRowClassName.d.ts +4 -0
  7. package/es/HTableBody/hooks/useRowClassName.js +39 -0
  8. package/es/HTableBody/index.js +8 -25
  9. package/es/HTableBody/modal.d.ts +7 -1
  10. package/es/HTableBody/utils.d.ts +1 -0
  11. package/es/HTableHeader/RangePickerSearch.d.ts +1 -1
  12. package/es/TableConfig.d.ts +2 -0
  13. package/es/TableConfig.js +4 -2
  14. package/es/modal.d.ts +2 -1
  15. package/es/render/Text.d.ts +0 -1
  16. package/lib/HTableBody/Options/utils.d.ts +5 -2
  17. package/lib/HTableBody/RowCheckBox/RowItem.d.ts +2 -8
  18. package/lib/HTableBody/RowCheckBox/hooks.d.ts +2 -2
  19. package/lib/HTableBody/RowRadioBoxSelection.d.ts +1 -8
  20. package/lib/HTableBody/hooks/useRowClassName.d.ts +4 -0
  21. package/lib/HTableBody/hooks/useRowClassName.js +42 -0
  22. package/lib/HTableBody/index.js +7 -24
  23. package/lib/HTableBody/modal.d.ts +7 -1
  24. package/lib/HTableBody/utils.d.ts +1 -0
  25. package/lib/HTableHeader/RangePickerSearch.d.ts +1 -1
  26. package/lib/TableConfig.d.ts +2 -0
  27. package/lib/TableConfig.js +4 -2
  28. package/lib/modal.d.ts +2 -1
  29. package/lib/render/Text.d.ts +0 -1
  30. package/package.json +1 -1
  31. package/src/components/HTableBody/RowCheckBox/RowItem.tsx +2 -8
  32. package/src/components/HTableBody/RowCheckBox/hooks.ts +2 -2
  33. package/src/components/HTableBody/RowRadioBoxSelection.tsx +1 -7
  34. package/src/components/HTableBody/hooks/useRowClassName.ts +33 -0
  35. package/src/components/HTableBody/index.tsx +3 -21
  36. package/src/components/HTableBody/modal.ts +8 -1
  37. package/src/components/HTableBody/utils.ts +5 -0
  38. package/src/components/TableConfig.tsx +3 -0
  39. package/src/components/hooks/useRowObj.ts +1 -1
  40. package/src/components/modal.ts +6 -1
  41. package/src/pages/Table/index.tsx +62 -60
@@ -1,7 +1,7 @@
1
1
  import type { ConfigItemModal } from "../../modal";
2
2
  import React from "react";
3
3
  export declare const getItemValue: (data: ConfigItemModal) => {
4
- name?: string | undefined;
4
+ name?: string | any[] | undefined;
5
5
  labelAlign?: import("@hw-component/form/es/Form/modal").LabelAlignModal | undefined;
6
6
  label?: React.ReactNode | import("@hw-component/form/es/Form/modal").HelperModal;
7
7
  hidden?: boolean | import("@hw-component/form/es/Form/modal").HideModal | undefined;
@@ -9,7 +9,7 @@ export declare const getItemValue: (data: ConfigItemModal) => {
9
9
  dependencies?: import("rc-field-form/lib/interface").NamePath[] | undefined;
10
10
  getValueFromEvent?: ((...args: import("rc-field-form/lib/interface").EventArgs) => any) | undefined;
11
11
  normalize?: ((value: any, prevValue: any, allValues: import("rc-field-form/lib/interface").Store) => any) | undefined;
12
- rules?: import("rc-field-form/lib/interface").Rule[] | undefined;
12
+ rules?: import("antd").FormRule[] | undefined;
13
13
  shouldUpdate?: import("rc-field-form/lib/Field").ShouldUpdate<any> | undefined;
14
14
  trigger?: string | undefined;
15
15
  validateTrigger?: string | false | string[] | undefined;
@@ -52,6 +52,9 @@ export declare const getItemValue: (data: ConfigItemModal) => {
52
52
  dispatch?: import("@hw-component/form/es/Form/modal").DispatchModal<string | string[]> | undefined;
53
53
  itemSpan?: import("antd").ColProps | undefined;
54
54
  hideLabel?: boolean | undefined;
55
+ rowWrapper?: boolean | undefined;
56
+ nameKey?: string | undefined;
57
+ flexBox?: boolean | undefined;
55
58
  render?: ((dom: React.ReactNode, data: any, index: number, tableInstance: import("../../modal").HTableInstance) => React.ReactNode) | undefined;
56
59
  showSearch?: boolean | undefined;
57
60
  searchType?: string | undefined;
@@ -1,10 +1,4 @@
1
1
  /// <reference types="react" />
2
- import type { HRowSelection } from "../../modal";
3
- interface RowSelectionBoxProps {
4
- data: any;
5
- onChange?: HRowSelection["onChange"];
6
- getCheckboxProps?: HRowSelection["getCheckboxProps"];
7
- index: number;
8
- }
9
- declare const _default: ({ data, onChange, index, getCheckboxProps, }: RowSelectionBoxProps) => JSX.Element;
2
+ import { RowRadioSelectionProps } from "@/components/HTableBody/modal";
3
+ declare const _default: ({ data, onChange, index, getCheckboxProps, }: RowRadioSelectionProps) => JSX.Element;
10
4
  export default _default;
@@ -1,7 +1,7 @@
1
1
  import type { Key } from "react";
2
- import type { HRowSelection } from "../../modal";
2
+ import { RowRadioSelectionProps } from '../modal';
3
3
  export declare const useAllChecked: (keys?: Key[], data?: any[]) => boolean;
4
- export declare const useCheckControl: (data: any[] | undefined, onChange: HRowSelection["onChange"]) => {
4
+ export declare const useCheckControl: (data: any[] | undefined, onChange: RowRadioSelectionProps["onChange"]) => {
5
5
  checkChange: (e: any) => void;
6
6
  menuClick: ({ key }: {
7
7
  key: any;
@@ -1,10 +1,3 @@
1
1
  /// <reference types="react" />
2
- import type { HRowSelection } from "@/components/modal";
3
- interface RowRadioSelectionProps {
4
- data: any;
5
- onChange?: HRowSelection["onChange"];
6
- getCheckboxProps?: HRowSelection["getCheckboxProps"];
7
- index: number;
8
- }
2
+ import { RowRadioSelectionProps } from './modal';
9
3
  export declare const RowRadioSelection: ({ data, onChange, index, getCheckboxProps, }: RowRadioSelectionProps) => JSX.Element;
10
- export {};
@@ -0,0 +1,4 @@
1
+ import type { HTableBodyProps } from "@/components/HTableBody/modal";
2
+ import type { RowClassName } from "rc-table/lib/interface";
3
+ declare const _default: ({ rowClassName, rowKey, }: HTableBodyProps) => RowClassName<any>;
4
+ export default _default;
@@ -0,0 +1,39 @@
1
+ // welcome to hoo hoo hoo
2
+ import _keysInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/keys';
3
+ import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
4
+ import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
5
+ import { useHTableContext } from '../../context.js';
6
+ import { useContext } from 'react';
7
+ import { ConfigProvider } from 'antd';
8
+ import { useHTableConfigContext } from '../../TableConfig.js';
9
+
10
+ var useRowClassName = (function (_ref) {
11
+ var rowClassName = _ref.rowClassName,
12
+ _ref$rowKey = _ref.rowKey,
13
+ rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey;
14
+ var _useHTableContext = useHTableContext(),
15
+ selectedRowData = _useHTableContext.selectedRowData;
16
+ var _useHTableConfigConte = useHTableConfigContext({}),
17
+ defaultSelectedRowClassName = _useHTableConfigConte.defaultSelectedRowClassName;
18
+ var _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
19
+ keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys;
20
+ var _useContext = useContext(ConfigProvider.ConfigContext),
21
+ getPrefixCls = _useContext.getPrefixCls;
22
+ return function (record, index, indent) {
23
+ var _context2;
24
+ var key = typeof rowKey === "function" ? rowKey(record, index) : record[rowKey];
25
+ var propsRowClassName = typeof rowClassName === "function" ? rowClassName(record, index, indent) : rowClassName;
26
+ var relPropsRowClassName = propsRowClassName || "";
27
+ if ((keys === null || keys === void 0 ? void 0 : _indexOfInstanceProperty(keys).call(keys, key)) === -1) {
28
+ return relPropsRowClassName;
29
+ }
30
+ if (typeof defaultSelectedRowClassName === "undefined") {
31
+ var _context;
32
+ return _concatInstanceProperty(_context = "".concat(getPrefixCls("table-row-selected"), " ")).call(_context, relPropsRowClassName);
33
+ }
34
+ return _concatInstanceProperty(_context2 = "".concat(defaultSelectedRowClassName || "", " ")).call(_context2, relPropsRowClassName);
35
+ };
36
+ });
37
+
38
+ export { useRowClassName as default };
39
+ // powered by hdj
@@ -9,15 +9,12 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
9
9
  import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
10
10
  import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
11
11
  import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
12
- import _keysInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/keys';
13
- import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
14
- import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
15
12
  import { jsx, jsxs } from 'react/jsx-runtime';
16
13
  import ProTable from '@ant-design/pro-table';
17
14
  import { useSize, useSynchronousKeys, useAlwaysShowAlert, useTableChange } from './hooks/useControl.js';
18
15
  import { useCols, useColumnsStateType } from './hooks/useColData.js';
19
16
  import { useHTableContext } from '../context.js';
20
- import { ConfigProvider, Space, Alert } from 'antd';
17
+ import { Space, Alert, ConfigProvider } from 'antd';
21
18
  import { useHTableConfigContext } from '../TableConfig.js';
22
19
  import HTablePagination from '../HTablePagination/index.js';
23
20
  import { useClassName } from '../hooks/index.js';
@@ -25,13 +22,12 @@ import AlertMsg from './AlertMsg.js';
25
22
  import Options from './Options/index.js';
26
23
  import HeaderTitle from './HeaderTitle/index.js';
27
24
  import { emptyDefaultRender, errorDefaultRender } from './defaultRender.js';
28
- import { useContext } from 'react';
25
+ import useRowClassName from './hooks/useRowClassName.js';
29
26
 
30
27
  var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender", "localSorter", "columnsState", "tableExtraRender", "table", "onChange", "bordered", "rowClassName"],
31
28
  _excluded2 = ["value", "onChange", "reset"];
32
29
  function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
33
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
34
- var ConfigContext = ConfigProvider.ConfigContext;
30
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
35
31
  var Body = (function (bodyProps) {
36
32
  var configData = bodyProps.configData,
37
33
  _bodyProps$pagination = bodyProps.pagination,
@@ -59,10 +55,9 @@ var Body = (function (bodyProps) {
59
55
  tableExtraRender = bodyProps.tableExtraRender,
60
56
  table = bodyProps.table,
61
57
  tableOnchange = bodyProps.onChange,
62
- bordered = bodyProps.bordered,
63
- _bodyProps$rowClassNa = bodyProps.rowClassName,
64
- _rowClassName = _bodyProps$rowClassNa === void 0 ? "" : _bodyProps$rowClassNa,
65
- props = _objectWithoutProperties(bodyProps, _excluded);
58
+ bordered = bodyProps.bordered;
59
+ bodyProps.rowClassName;
60
+ var props = _objectWithoutProperties(bodyProps, _excluded);
66
61
  var _ref = rowSelection || {},
67
62
  selectedRowKeys = _ref.selectedRowKeys,
68
63
  configAlwaysShowAlert = _ref.alwaysShowAlert;
@@ -133,11 +128,7 @@ var Body = (function (bodyProps) {
133
128
  table: tableInstance,
134
129
  localSorter: localSorter
135
130
  });
136
- var _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
137
- keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys;
138
- selectedRowData.selectAll;
139
- var _useContext = useContext(ConfigContext),
140
- getPrefixCls = _useContext.getPrefixCls;
131
+ var rowClassNameFn = useRowClassName(bodyProps);
141
132
  return jsx("div", {
142
133
  style: defaultTableStyle,
143
134
  className: "hw_table_body ".concat(className),
@@ -163,15 +154,7 @@ var Body = (function (bodyProps) {
163
154
  return tableEmptyRender === null || tableEmptyRender === void 0 ? void 0 : tableEmptyRender(tableInstance);
164
155
  },
165
156
  children: [jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
166
- rowClassName: function rowClassName(record, index, indent) {
167
- var key = typeof rowKey === "function" ? rowKey(record, index) : record[rowKey];
168
- var propsRowClassName = typeof _rowClassName === "function" ? _rowClassName(record, index, indent) : _rowClassName;
169
- if ((keys === null || keys === void 0 ? void 0 : _indexOfInstanceProperty(keys).call(keys, key)) !== -1) {
170
- var _context;
171
- return _concatInstanceProperty(_context = "".concat(getPrefixCls("table-row-selected"), " ")).call(_context, propsRowClassName);
172
- }
173
- return propsRowClassName;
174
- },
157
+ rowClassName: rowClassNameFn,
175
158
  bordered: bordered,
176
159
  columnsState: _objectSpread(_objectSpread({}, selfColStatus), {}, {
177
160
  value: value
@@ -1,5 +1,5 @@
1
1
  import type { OptionConfig } from "@ant-design/pro-table/lib/components/ToolBar";
2
- import type React from "react";
2
+ import React, { Key } from "react";
3
3
  import type { ProTableProps } from "@ant-design/pro-table";
4
4
  import type { ActionRenderFn, ConfigDataModal, HRowSelection, HTableInstance, ParamsModal } from "@/components/modal";
5
5
  import type { AffixProps } from "antd/lib/affix";
@@ -25,3 +25,9 @@ export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSour
25
25
  table?: HTableInstance;
26
26
  pagination?: IPaginationProps | false;
27
27
  }
28
+ export interface RowRadioSelectionProps {
29
+ data: any;
30
+ onChange?: (keys: Key[], data: any[]) => void;
31
+ getCheckboxProps?: HRowSelection["getCheckboxProps"];
32
+ index: number;
33
+ }
@@ -5,3 +5,4 @@ export declare const outColSetting: (columns: ConfigDataModal, columnsState?: Co
5
5
  checkCols: ConfigDataModal;
6
6
  keys: string[];
7
7
  };
8
+ export declare const rowItemFn: (action: any, record: any, index: any) => any;
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- declare const _default: import("react").ForwardRefExoticComponent<any>;
2
+ declare const _default: import("react").ForwardRefExoticComponent<import("@hw-component/form/es/Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
3
3
  export default _default;
@@ -7,6 +7,7 @@ interface HTableConfigContextModal {
7
7
  tableStyle?: React.CSSProperties;
8
8
  paginationStyle?: React.CSSProperties;
9
9
  valueTypeConfig?: ValueTypeConfigModal;
10
+ defaultSelectedRowClassName?: string | null;
10
11
  }
11
12
  export declare const HTableConfigContext: React.Context<HTableConfigContextModal | null>;
12
13
  export declare const useHTableConfigContext: ({ emptyRender, errorRender, headerStyle, tableStyle, paginationStyle, }: HTableConfigContextModal) => {
@@ -16,6 +17,7 @@ export declare const useHTableConfigContext: ({ emptyRender, errorRender, header
16
17
  tableStyle: React.CSSProperties | undefined;
17
18
  paginationStyle: React.CSSProperties | undefined;
18
19
  valueTypeConfig: ValueTypeConfigModal;
20
+ defaultSelectedRowClassName: string | null | undefined;
19
21
  };
20
22
  declare const Index: React.FC<HTableConfigContextModal>;
21
23
  export default Index;
package/es/TableConfig.js CHANGED
@@ -18,14 +18,16 @@ var useHTableConfigContext = function useHTableConfigContext(_ref) {
18
18
  configTableStyle = _ref2.tableStyle,
19
19
  configPaginationStyle = _ref2.paginationStyle,
20
20
  _ref2$valueTypeConfig = _ref2.valueTypeConfig,
21
- valueTypeConfig = _ref2$valueTypeConfig === void 0 ? {} : _ref2$valueTypeConfig;
21
+ valueTypeConfig = _ref2$valueTypeConfig === void 0 ? {} : _ref2$valueTypeConfig,
22
+ defaultSelectedRowClassName = _ref2.defaultSelectedRowClassName;
22
23
  return {
23
24
  errorRender: errorRender || configErrorRender,
24
25
  emptyRender: emptyRender || configEmptyRender,
25
26
  headerStyle: headerStyle || configHeaderStyle,
26
27
  tableStyle: tableStyle || configTableStyle,
27
28
  paginationStyle: paginationStyle || configPaginationStyle,
28
- valueTypeConfig: valueTypeConfig
29
+ valueTypeConfig: valueTypeConfig,
30
+ defaultSelectedRowClassName: defaultSelectedRowClassName
29
31
  };
30
32
  };
31
33
  var Index = function Index(_ref3) {
package/es/modal.d.ts CHANGED
@@ -2,7 +2,7 @@ import type { ProColumns } from "@ant-design/pro-table/lib/typing";
2
2
  import type { ProTableProps } from "@ant-design/pro-table";
3
3
  import type { HItemProps, HFormInstance } from "@hw-component/form/es/Form/modal";
4
4
  import type { ColProps, FormInstance } from "antd";
5
- import type React from "react";
5
+ import React, { Key } from "react";
6
6
  import type { ModalProps } from "antd";
7
7
  import type { TableProps } from "antd/lib/table";
8
8
  import type { AffixProps } from "antd/lib/affix";
@@ -44,6 +44,7 @@ export type FooterBtnRenderFn = (dom: React.ReactNode, total: string, selectedRo
44
44
  export type actionFn = (...arg: any[]) => void;
45
45
  export interface RowSelectionOuter {
46
46
  allPageCheck?: boolean;
47
+ onChange?: (keys: Key[], data: any[]) => void;
47
48
  }
48
49
  export type HRowSelection = RowSelectionOuter & (TableProps<any>["rowSelection"] & {
49
50
  alwaysShowAlert?: boolean;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const _default: () => JSX.Element;
3
2
  export default _default;
@@ -1,7 +1,7 @@
1
1
  import type { ConfigItemModal } from "../../modal";
2
2
  import React from "react";
3
3
  export declare const getItemValue: (data: ConfigItemModal) => {
4
- name?: string | undefined;
4
+ name?: string | any[] | undefined;
5
5
  labelAlign?: import("@hw-component/form/es/Form/modal").LabelAlignModal | undefined;
6
6
  label?: React.ReactNode | import("@hw-component/form/es/Form/modal").HelperModal;
7
7
  hidden?: boolean | import("@hw-component/form/es/Form/modal").HideModal | undefined;
@@ -9,7 +9,7 @@ export declare const getItemValue: (data: ConfigItemModal) => {
9
9
  dependencies?: import("rc-field-form/lib/interface").NamePath[] | undefined;
10
10
  getValueFromEvent?: ((...args: import("rc-field-form/lib/interface").EventArgs) => any) | undefined;
11
11
  normalize?: ((value: any, prevValue: any, allValues: import("rc-field-form/lib/interface").Store) => any) | undefined;
12
- rules?: import("rc-field-form/lib/interface").Rule[] | undefined;
12
+ rules?: import("antd").FormRule[] | undefined;
13
13
  shouldUpdate?: import("rc-field-form/lib/Field").ShouldUpdate<any> | undefined;
14
14
  trigger?: string | undefined;
15
15
  validateTrigger?: string | false | string[] | undefined;
@@ -52,6 +52,9 @@ export declare const getItemValue: (data: ConfigItemModal) => {
52
52
  dispatch?: import("@hw-component/form/es/Form/modal").DispatchModal<string | string[]> | undefined;
53
53
  itemSpan?: import("antd").ColProps | undefined;
54
54
  hideLabel?: boolean | undefined;
55
+ rowWrapper?: boolean | undefined;
56
+ nameKey?: string | undefined;
57
+ flexBox?: boolean | undefined;
55
58
  render?: ((dom: React.ReactNode, data: any, index: number, tableInstance: import("../../modal").HTableInstance) => React.ReactNode) | undefined;
56
59
  showSearch?: boolean | undefined;
57
60
  searchType?: string | undefined;
@@ -1,10 +1,4 @@
1
1
  /// <reference types="react" />
2
- import type { HRowSelection } from "../../modal";
3
- interface RowSelectionBoxProps {
4
- data: any;
5
- onChange?: HRowSelection["onChange"];
6
- getCheckboxProps?: HRowSelection["getCheckboxProps"];
7
- index: number;
8
- }
9
- declare const _default: ({ data, onChange, index, getCheckboxProps, }: RowSelectionBoxProps) => JSX.Element;
2
+ import { RowRadioSelectionProps } from "@/components/HTableBody/modal";
3
+ declare const _default: ({ data, onChange, index, getCheckboxProps, }: RowRadioSelectionProps) => JSX.Element;
10
4
  export default _default;
@@ -1,7 +1,7 @@
1
1
  import type { Key } from "react";
2
- import type { HRowSelection } from "../../modal";
2
+ import { RowRadioSelectionProps } from '../modal';
3
3
  export declare const useAllChecked: (keys?: Key[], data?: any[]) => boolean;
4
- export declare const useCheckControl: (data: any[] | undefined, onChange: HRowSelection["onChange"]) => {
4
+ export declare const useCheckControl: (data: any[] | undefined, onChange: RowRadioSelectionProps["onChange"]) => {
5
5
  checkChange: (e: any) => void;
6
6
  menuClick: ({ key }: {
7
7
  key: any;
@@ -1,10 +1,3 @@
1
1
  /// <reference types="react" />
2
- import type { HRowSelection } from "@/components/modal";
3
- interface RowRadioSelectionProps {
4
- data: any;
5
- onChange?: HRowSelection["onChange"];
6
- getCheckboxProps?: HRowSelection["getCheckboxProps"];
7
- index: number;
8
- }
2
+ import { RowRadioSelectionProps } from './modal';
9
3
  export declare const RowRadioSelection: ({ data, onChange, index, getCheckboxProps, }: RowRadioSelectionProps) => JSX.Element;
10
- export {};
@@ -0,0 +1,4 @@
1
+ import type { HTableBodyProps } from "@/components/HTableBody/modal";
2
+ import type { RowClassName } from "rc-table/lib/interface";
3
+ declare const _default: ({ rowClassName, rowKey, }: HTableBodyProps) => RowClassName<any>;
4
+ export default _default;
@@ -0,0 +1,42 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/keys');
6
+ var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
7
+ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
8
+ var context = require('../../context.js');
9
+ var React = require('react');
10
+ var antd = require('antd');
11
+ var TableConfig = require('../../TableConfig.js');
12
+
13
+ var useRowClassName = (function (_ref) {
14
+ var rowClassName = _ref.rowClassName,
15
+ _ref$rowKey = _ref.rowKey,
16
+ rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey;
17
+ var _useHTableContext = context.useHTableContext(),
18
+ selectedRowData = _useHTableContext.selectedRowData;
19
+ var _useHTableConfigConte = TableConfig.useHTableConfigContext({}),
20
+ defaultSelectedRowClassName = _useHTableConfigConte.defaultSelectedRowClassName;
21
+ var _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
22
+ keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys;
23
+ var _useContext = React.useContext(antd.ConfigProvider.ConfigContext),
24
+ getPrefixCls = _useContext.getPrefixCls;
25
+ return function (record, index, indent) {
26
+ var _context2;
27
+ var key = typeof rowKey === "function" ? rowKey(record, index) : record[rowKey];
28
+ var propsRowClassName = typeof rowClassName === "function" ? rowClassName(record, index, indent) : rowClassName;
29
+ var relPropsRowClassName = propsRowClassName || "";
30
+ if ((keys === null || keys === void 0 ? void 0 : _indexOfInstanceProperty(keys).call(keys, key)) === -1) {
31
+ return relPropsRowClassName;
32
+ }
33
+ if (typeof defaultSelectedRowClassName === "undefined") {
34
+ var _context;
35
+ return _concatInstanceProperty(_context = "".concat(getPrefixCls("table-row-selected"), " ")).call(_context, relPropsRowClassName);
36
+ }
37
+ return _concatInstanceProperty(_context2 = "".concat(defaultSelectedRowClassName || "", " ")).call(_context2, relPropsRowClassName);
38
+ };
39
+ });
40
+
41
+ exports.default = useRowClassName;
42
+ // powered by h
@@ -12,9 +12,6 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
12
12
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
13
13
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
14
  var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
15
- var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/keys');
16
- var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
17
- var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
18
15
  var jsxRuntime = require('react/jsx-runtime');
19
16
  var ProTable = require('@ant-design/pro-table');
20
17
  var useControl = require('./hooks/useControl.js');
@@ -28,13 +25,12 @@ var AlertMsg = require('./AlertMsg.js');
28
25
  var index = require('./Options/index.js');
29
26
  var index$2 = require('./HeaderTitle/index.js');
30
27
  var defaultRender = require('./defaultRender.js');
31
- var React = require('react');
28
+ var useRowClassName = require('./hooks/useRowClassName.js');
32
29
 
33
30
  var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle", "paginationStyle", "headerTitle", "options", "actionRender", "affixProps", "goTop", "size", "optionsRender", "paginationActionRender", "localSorter", "columnsState", "tableExtraRender", "table", "onChange", "bordered", "rowClassName"],
34
31
  _excluded2 = ["value", "onChange", "reset"];
35
32
  function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
36
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
37
- var ConfigContext = antd.ConfigProvider.ConfigContext;
33
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
38
34
  var Body = (function (bodyProps) {
39
35
  var configData = bodyProps.configData,
40
36
  _bodyProps$pagination = bodyProps.pagination,
@@ -62,10 +58,9 @@ var Body = (function (bodyProps) {
62
58
  tableExtraRender = bodyProps.tableExtraRender,
63
59
  table = bodyProps.table,
64
60
  tableOnchange = bodyProps.onChange,
65
- bordered = bodyProps.bordered,
66
- _bodyProps$rowClassNa = bodyProps.rowClassName,
67
- _rowClassName = _bodyProps$rowClassNa === void 0 ? "" : _bodyProps$rowClassNa,
68
- props = _objectWithoutProperties(bodyProps, _excluded);
61
+ bordered = bodyProps.bordered;
62
+ bodyProps.rowClassName;
63
+ var props = _objectWithoutProperties(bodyProps, _excluded);
69
64
  var _ref = rowSelection || {},
70
65
  selectedRowKeys = _ref.selectedRowKeys,
71
66
  configAlwaysShowAlert = _ref.alwaysShowAlert;
@@ -136,11 +131,7 @@ var Body = (function (bodyProps) {
136
131
  table: tableInstance,
137
132
  localSorter: localSorter
138
133
  });
139
- var _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
140
- keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys;
141
- selectedRowData.selectAll;
142
- var _useContext = React.useContext(ConfigContext),
143
- getPrefixCls = _useContext.getPrefixCls;
134
+ var rowClassNameFn = useRowClassName.default(bodyProps);
144
135
  return jsxRuntime.jsx("div", {
145
136
  style: defaultTableStyle,
146
137
  className: "hw_table_body ".concat(className),
@@ -166,15 +157,7 @@ var Body = (function (bodyProps) {
166
157
  return tableEmptyRender === null || tableEmptyRender === void 0 ? void 0 : tableEmptyRender(tableInstance);
167
158
  },
168
159
  children: [jsxRuntime.jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
169
- rowClassName: function rowClassName(record, index, indent) {
170
- var key = typeof rowKey === "function" ? rowKey(record, index) : record[rowKey];
171
- var propsRowClassName = typeof _rowClassName === "function" ? _rowClassName(record, index, indent) : _rowClassName;
172
- if ((keys === null || keys === void 0 ? void 0 : _indexOfInstanceProperty(keys).call(keys, key)) !== -1) {
173
- var _context;
174
- return _concatInstanceProperty(_context = "".concat(getPrefixCls("table-row-selected"), " ")).call(_context, propsRowClassName);
175
- }
176
- return propsRowClassName;
177
- },
160
+ rowClassName: rowClassNameFn,
178
161
  bordered: bordered,
179
162
  columnsState: _objectSpread(_objectSpread({}, selfColStatus), {}, {
180
163
  value: value
@@ -1,5 +1,5 @@
1
1
  import type { OptionConfig } from "@ant-design/pro-table/lib/components/ToolBar";
2
- import type React from "react";
2
+ import React, { Key } from "react";
3
3
  import type { ProTableProps } from "@ant-design/pro-table";
4
4
  import type { ActionRenderFn, ConfigDataModal, HRowSelection, HTableInstance, ParamsModal } from "@/components/modal";
5
5
  import type { AffixProps } from "antd/lib/affix";
@@ -25,3 +25,9 @@ export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSour
25
25
  table?: HTableInstance;
26
26
  pagination?: IPaginationProps | false;
27
27
  }
28
+ export interface RowRadioSelectionProps {
29
+ data: any;
30
+ onChange?: (keys: Key[], data: any[]) => void;
31
+ getCheckboxProps?: HRowSelection["getCheckboxProps"];
32
+ index: number;
33
+ }
@@ -5,3 +5,4 @@ export declare const outColSetting: (columns: ConfigDataModal, columnsState?: Co
5
5
  checkCols: ConfigDataModal;
6
6
  keys: string[];
7
7
  };
8
+ export declare const rowItemFn: (action: any, record: any, index: any) => any;
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- declare const _default: import("react").ForwardRefExoticComponent<any>;
2
+ declare const _default: import("react").ForwardRefExoticComponent<import("@hw-component/form/es/Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
3
3
  export default _default;
@@ -7,6 +7,7 @@ interface HTableConfigContextModal {
7
7
  tableStyle?: React.CSSProperties;
8
8
  paginationStyle?: React.CSSProperties;
9
9
  valueTypeConfig?: ValueTypeConfigModal;
10
+ defaultSelectedRowClassName?: string | null;
10
11
  }
11
12
  export declare const HTableConfigContext: React.Context<HTableConfigContextModal | null>;
12
13
  export declare const useHTableConfigContext: ({ emptyRender, errorRender, headerStyle, tableStyle, paginationStyle, }: HTableConfigContextModal) => {
@@ -16,6 +17,7 @@ export declare const useHTableConfigContext: ({ emptyRender, errorRender, header
16
17
  tableStyle: React.CSSProperties | undefined;
17
18
  paginationStyle: React.CSSProperties | undefined;
18
19
  valueTypeConfig: ValueTypeConfigModal;
20
+ defaultSelectedRowClassName: string | null | undefined;
19
21
  };
20
22
  declare const Index: React.FC<HTableConfigContextModal>;
21
23
  export default Index;
@@ -21,14 +21,16 @@ var useHTableConfigContext = function useHTableConfigContext(_ref) {
21
21
  configTableStyle = _ref2.tableStyle,
22
22
  configPaginationStyle = _ref2.paginationStyle,
23
23
  _ref2$valueTypeConfig = _ref2.valueTypeConfig,
24
- valueTypeConfig = _ref2$valueTypeConfig === void 0 ? {} : _ref2$valueTypeConfig;
24
+ valueTypeConfig = _ref2$valueTypeConfig === void 0 ? {} : _ref2$valueTypeConfig,
25
+ defaultSelectedRowClassName = _ref2.defaultSelectedRowClassName;
25
26
  return {
26
27
  errorRender: errorRender || configErrorRender,
27
28
  emptyRender: emptyRender || configEmptyRender,
28
29
  headerStyle: headerStyle || configHeaderStyle,
29
30
  tableStyle: tableStyle || configTableStyle,
30
31
  paginationStyle: paginationStyle || configPaginationStyle,
31
- valueTypeConfig: valueTypeConfig
32
+ valueTypeConfig: valueTypeConfig,
33
+ defaultSelectedRowClassName: defaultSelectedRowClassName
32
34
  };
33
35
  };
34
36
  var Index = function Index(_ref3) {
package/lib/modal.d.ts CHANGED
@@ -2,7 +2,7 @@ import type { ProColumns } from "@ant-design/pro-table/lib/typing";
2
2
  import type { ProTableProps } from "@ant-design/pro-table";
3
3
  import type { HItemProps, HFormInstance } from "@hw-component/form/es/Form/modal";
4
4
  import type { ColProps, FormInstance } from "antd";
5
- import type React from "react";
5
+ import React, { Key } from "react";
6
6
  import type { ModalProps } from "antd";
7
7
  import type { TableProps } from "antd/lib/table";
8
8
  import type { AffixProps } from "antd/lib/affix";
@@ -44,6 +44,7 @@ export type FooterBtnRenderFn = (dom: React.ReactNode, total: string, selectedRo
44
44
  export type actionFn = (...arg: any[]) => void;
45
45
  export interface RowSelectionOuter {
46
46
  allPageCheck?: boolean;
47
+ onChange?: (keys: Key[], data: any[]) => void;
47
48
  }
48
49
  export type HRowSelection = RowSelectionOuter & (TableProps<any>["rowSelection"] & {
49
50
  alwaysShowAlert?: boolean;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const _default: () => JSX.Element;
3
2
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hw-component/table",
3
- "version": "1.9.87",
3
+ "version": "1.9.88",
4
4
  "description": "基于antd二次开发table组件",
5
5
  "keywords": [
6
6
  "table"
@@ -1,19 +1,13 @@
1
1
  import { useHTableContext } from "../../context";
2
2
  import { Checkbox } from "antd";
3
- import type { HRowSelection } from "../../modal";
3
+ import {RowRadioSelectionProps} from "@/components/HTableBody/modal";
4
4
 
5
- interface RowSelectionBoxProps {
6
- data: any;
7
- onChange?: HRowSelection["onChange"];
8
- getCheckboxProps?: HRowSelection["getCheckboxProps"];
9
- index: number;
10
- }
11
5
  export default ({
12
6
  data,
13
7
  onChange,
14
8
  index,
15
9
  getCheckboxProps,
16
- }: RowSelectionBoxProps) => {
10
+ }: RowRadioSelectionProps) => {
17
11
  const { selectedRowData, rowOnChange, rowKey = "id" } = useHTableContext();
18
12
  const { rowData = [], keys = [] } = selectedRowData;
19
13
  const key = typeof rowKey === "function" ? rowKey(data, index) : data[rowKey];
@@ -1,7 +1,7 @@
1
1
  import type { HTableProps } from "@/components/modal";
2
2
  import type { Key } from "react";
3
3
  import { useHTableContext } from "@/components/context";
4
- import type { HRowSelection } from "../../modal";
4
+ import {RowRadioSelectionProps} from '../modal';
5
5
 
6
6
  const getRowKey = (item: any, index: number, rowKey: HTableProps["rowKey"]) => {
7
7
  return typeof rowKey === "function"
@@ -22,7 +22,7 @@ export const useAllChecked = (keys: Key[] = [], data: any[] = []) => {
22
22
 
23
23
  export const useCheckControl = (
24
24
  data: any[] = [],
25
- onChange: HRowSelection["onChange"]
25
+ onChange: RowRadioSelectionProps["onChange"]
26
26
  ) => {
27
27
  const { rowOnChange, rowKey = "id", allSelectChange } = useHTableContext();
28
28
  const allCheck = () => {
@@ -1,13 +1,7 @@
1
- import type { HRowSelection } from "@/components/modal";
2
1
  import { useHTableContext } from "@/components/context";
3
2
  import { Radio } from "antd";
3
+ import {RowRadioSelectionProps} from './modal';
4
4
 
5
- interface RowRadioSelectionProps {
6
- data: any;
7
- onChange?: HRowSelection["onChange"];
8
- getCheckboxProps?: HRowSelection["getCheckboxProps"];
9
- index: number;
10
- }
11
5
  export const RowRadioSelection = ({
12
6
  data,
13
7
  onChange,