@hw-component/table 1.9.87 → 1.9.89

package/es/HTableBody/HeaderTitle/hooks.d.ts

@@ -0,0 +1,8 @@
+import { MutableRefObject } from "react";
+interface HeaderStyleParams {
+    bodyRef: MutableRefObject<HTMLDivElement | null>;
+    titleContentRef: MutableRefObject<HTMLDivElement | null>;
+    rightNodeRef: MutableRefObject<HTMLDivElement | null>;
+}
+export declare const useHeaderStyle: ({ bodyRef, titleContentRef, rightNodeRef }: HeaderStyleParams) => {};
+export {};

package/es/HTableBody/HeaderTitle/hooks.js

@@ -0,0 +1,54 @@
+// welcome to hoo hoo hoo
+import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
+import { useState, useLayoutEffect, useEffect } from 'react';
+
+var useHeaderStyle = function useHeaderStyle(_ref) {
+  var bodyRef = _ref.bodyRef,
+    titleContentRef = _ref.titleContentRef,
+    rightNodeRef = _ref.rightNodeRef;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    style = _useState2[0],
+    setStyle = _useState2[1];
+  var setHeaderStyle = function setHeaderStyle() {
+    var _bodyRef$current, _titleContentRef$curr, _rightNodeRef$current;
+    var headerWidth = ((_bodyRef$current = bodyRef.current) === null || _bodyRef$current === void 0 ? void 0 : _bodyRef$current.clientWidth) || 0;
+    console.log(headerWidth, "headerWidth");
+    var titleWidth = ((_titleContentRef$curr = titleContentRef.current) === null || _titleContentRef$curr === void 0 ? void 0 : _titleContentRef$curr.clientWidth) || 0;
+    var rightNodeWidth = ((_rightNodeRef$current = rightNodeRef.current) === null || _rightNodeRef$current === void 0 ? void 0 : _rightNodeRef$current.clientWidth) || 0;
+    if (rightNodeWidth + titleWidth >= headerWidth) {
+      setStyle({
+        overflow: "auto"
+      });
+      return;
+    }
+    setStyle({});
+  };
+  useLayoutEffect(function () {
+    setHeaderStyle();
+  }, []);
+  useEffect(function () {
+    var resizeFn = function resizeFn() {
+      setHeaderStyle();
+    };
+    window.addEventListener("resize", resizeFn);
+    return function () {
+      window.removeEventListener("resize", resizeFn);
+    };
+  }, []);
+  useEffect(function () {
+    var element = titleContentRef.current;
+    if (!element || !window.ResizeObserver) return;
+    var observer = new ResizeObserver(function () {
+      setHeaderStyle();
+    });
+    observer.observe(element);
+    return function () {
+      observer.disconnect();
+    };
+  }, []);
+  return style;
+};
+
+export { useHeaderStyle };
+// powered by hdj

package/es/HTableBody/HeaderTitle/index.js

@@ -1,9 +1,9 @@
 // welcome to hoo hoo hoo
-import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useRef, useState, useLayoutEffect, useEffect } from 'react';
+import React, { useRef } from 'react';
 import { useHTableContext } from '../../context.js';
 import { useClassName } from '../../hooks/index.js';
+import { useHeaderStyle } from './hooks.js';
 
 var HeaderTitle = (function (_ref) {
   var headerTitle = _ref.headerTitle,
@@ -17,39 +17,15 @@ var HeaderTitle = (function (_ref) {
   var bodyRef = useRef();
   var titleContentRef = useRef();
   var rightNodeRef = useRef();
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    style = _useState2[0],
-    setStyle = _useState2[1];
   var headerBox = useClassName("hw-table-header-title-box");
   var headerBoxContent = useClassName("hw-table-header-title-box-content");
   var titleClassname = useClassName("hw-table-header-title");
   var rightNodeClassname = useClassName("hw-table-header-right-node");
-  var setHeaderStyle = function setHeaderStyle() {
-    var _bodyRef$current, _titleContentRef$curr, _rightNodeRef$current;
-    var headerWidth = ((_bodyRef$current = bodyRef.current) === null || _bodyRef$current === void 0 ? void 0 : _bodyRef$current.clientWidth) || 0;
-    var titleWidth = ((_titleContentRef$curr = titleContentRef.current) === null || _titleContentRef$curr === void 0 ? void 0 : _titleContentRef$curr.clientWidth) || 0;
-    var rightNodeWidth = ((_rightNodeRef$current = rightNodeRef.current) === null || _rightNodeRef$current === void 0 ? void 0 : _rightNodeRef$current.clientWidth) || 0;
-    if (rightNodeWidth + titleWidth >= headerWidth) {
-      setStyle({
-        overflow: "auto"
-      });
-      return;
-    }
-    setStyle({});
-  };
-  useLayoutEffect(function () {
-    setHeaderStyle();
-  }, []);
-  useEffect(function () {
-    var resizeFn = function resizeFn() {
-      setHeaderStyle();
-    };
-    window.addEventListener("resize", resizeFn);
-    return function () {
-      window.removeEventListener("resize", resizeFn);
-    };
-  }, []);
+  var style = useHeaderStyle({
+    bodyRef: bodyRef,
+    titleContentRef: titleContentRef,
+    rightNodeRef: rightNodeRef
+  });
   if (!headerTitle && !rNode) {
     return null;
   }

package/es/HTableBody/Options/utils.d.ts

@@ -1,7 +1,7 @@
 import type { ConfigItemModal } from "../../modal";
 import React from "react";
 export declare const getItemValue: (data: ConfigItemModal) => {
-    name?: string | undefined;
+    name?: string | any[] | undefined;
     labelAlign?: import("@hw-component/form/es/Form/modal").LabelAlignModal | undefined;
     label?: React.ReactNode | import("@hw-component/form/es/Form/modal").HelperModal;
     hidden?: boolean | import("@hw-component/form/es/Form/modal").HideModal | undefined;
@@ -9,7 +9,7 @@ export declare const getItemValue: (data: ConfigItemModal) => {
     dependencies?: import("rc-field-form/lib/interface").NamePath[] | undefined;
     getValueFromEvent?: ((...args: import("rc-field-form/lib/interface").EventArgs) => any) | undefined;
     normalize?: ((value: any, prevValue: any, allValues: import("rc-field-form/lib/interface").Store) => any) | undefined;
-    rules?: import("rc-field-form/lib/interface").Rule[] | undefined;
+    rules?: import("antd").FormRule[] | undefined;
     shouldUpdate?: import("rc-field-form/lib/Field").ShouldUpdate<any> | undefined;
     trigger?: string | undefined;
     validateTrigger?: string | false | string[] | undefined;
@@ -52,6 +52,9 @@ export declare const getItemValue: (data: ConfigItemModal) => {
     dispatch?: import("@hw-component/form/es/Form/modal").DispatchModal<string | string[]> | undefined;
     itemSpan?: import("antd").ColProps | undefined;
     hideLabel?: boolean | undefined;
+    rowWrapper?: boolean | undefined;
+    nameKey?: string | undefined;
+    flexBox?: boolean | undefined;
     render?: ((dom: React.ReactNode, data: any, index: number, tableInstance: import("../../modal").HTableInstance) => React.ReactNode) | undefined;
     showSearch?: boolean | undefined;
     searchType?: string | undefined;

package/es/HTableBody/RowCheckBox/RowItem.d.ts

@@ -1,10 +1,4 @@
 /// <reference types="react" />
-import type { HRowSelection } from "../../modal";
-interface RowSelectionBoxProps {
-    data: any;
-    onChange?: HRowSelection["onChange"];
-    getCheckboxProps?: HRowSelection["getCheckboxProps"];
-    index: number;
-}
-declare const _default: ({ data, onChange, index, getCheckboxProps, }: RowSelectionBoxProps) => JSX.Element;
+import { RowRadioSelectionProps } from "@/components/HTableBody/modal";
+declare const _default: ({ data, onChange, index, getCheckboxProps, }: RowRadioSelectionProps) => JSX.Element;
 export default _default;

package/es/HTableBody/RowCheckBox/hooks.d.ts

@@ -1,7 +1,7 @@
 import type { Key } from "react";
-import type { HRowSelection } from "../../modal";
+import { RowRadioSelectionProps } from '../modal';
 export declare const useAllChecked: (keys?: Key[], data?: any[]) => boolean;
-export declare const useCheckControl: (data: any[] | undefined, onChange: HRowSelection["onChange"]) => {
+export declare const useCheckControl: (data: any[] | undefined, onChange: RowRadioSelectionProps["onChange"]) => {
     checkChange: (e: any) => void;
     menuClick: ({ key }: {
         key: any;

package/es/HTableBody/RowRadioBoxSelection.d.ts

@@ -1,10 +1,3 @@
 /// <reference types="react" />
-import type { HRowSelection } from "@/components/modal";
-interface RowRadioSelectionProps {
-    data: any;
-    onChange?: HRowSelection["onChange"];
-    getCheckboxProps?: HRowSelection["getCheckboxProps"];
-    index: number;
-}
+import { RowRadioSelectionProps } from './modal';
 export declare const RowRadioSelection: ({ data, onChange, index, getCheckboxProps, }: RowRadioSelectionProps) => JSX.Element;
-export {};

package/es/HTableBody/hooks/useRowClassName.d.ts

@@ -0,0 +1,4 @@
+import type { HTableBodyProps } from "@/components/HTableBody/modal";
+import type { RowClassName } from "rc-table/lib/interface";
+declare const _default: ({ rowClassName, rowKey, }: HTableBodyProps) => RowClassName<any>;
+export default _default;

package/es/HTableBody/hooks/useRowClassName.js

@@ -0,0 +1,39 @@
+// welcome to hoo hoo hoo
+import _keysInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/keys';
+import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import { useHTableContext } from '../../context.js';
+import { useContext } from 'react';
+import { ConfigProvider } from 'antd';
+import { useHTableConfigContext } from '../../TableConfig.js';
+
+var useRowClassName = (function (_ref) {
+  var rowClassName = _ref.rowClassName,
+    _ref$rowKey = _ref.rowKey,
+    rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey;
+  var _useHTableContext = useHTableContext(),
+    selectedRowData = _useHTableContext.selectedRowData;
+  var _useHTableConfigConte = useHTableConfigContext({}),
+    defaultSelectedRowClassName = _useHTableConfigConte.defaultSelectedRowClassName;
+  var _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
+    keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys;
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  return function (record, index, indent) {
+    var _context2;
+    var key = typeof rowKey === "function" ? rowKey(record, index) : record[rowKey];
+    var propsRowClassName = typeof rowClassName === "function" ? rowClassName(record, index, indent) : rowClassName;
+    var relPropsRowClassName = propsRowClassName || "";
+    if ((keys === null || keys === void 0 ? void 0 : _indexOfInstanceProperty(keys).call(keys, key)) === -1) {
+      return relPropsRowClassName;
+    }
+    if (typeof defaultSelectedRowClassName === "undefined") {
+      var _context;
+      return _concatInstanceProperty(_context = "".concat(getPrefixCls("table-row-selected"), " ")).call(_context, relPropsRowClassName);
+    }
+    return _concatInstanceProperty(_context2 = "".concat(defaultSelectedRowClassName || "", " ")).call(_context2, relPropsRowClassName);
+  };
+});
+
+export { useRowClassName as default };
+// powered by hdj

package/es/HTableBody/index.js

@@ -9,15 +9,12 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
-import _keysInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/keys';
-import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/index-of';
-import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import ProTable from '@ant-design/pro-table';
 import { useSize, useSynchronousKeys, useAlwaysShowAlert, useTableChange } from './hooks/useControl.js';
 import { useCols, useColumnsStateType } from './hooks/useColData.js';
 import { useHTableContext } from '../context.js';
-import { ConfigProvider, Space, Alert } from 'antd';
+import { Space, Alert, ConfigProvider } from 'antd';
 import { useHTableConfigContext } from '../TableConfig.js';
 import HTablePagination from '../HTablePagination/index.js';
 import { useClassName } from '../hooks/index.js';
@@ -25,13 +22,12 @@ import AlertMsg from './AlertMsg.js';
 import Options from './Options/index.js';
 import HeaderTitle from './HeaderTitle/index.js';
 import { emptyDefaultRender, errorDefaultRender } from './defaultRender.js';
-import { useContext } from 'react';
+import useRowClassName from './hooks/useRowClassName.js';
 
 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"],
   _excluded2 = ["value", "onChange", "reset"];
 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; }
-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; }
-var ConfigContext = ConfigProvider.ConfigContext;
+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; }
 var Body = (function (bodyProps) {
   var configData = bodyProps.configData,
     _bodyProps$pagination = bodyProps.pagination,
@@ -59,10 +55,9 @@ var Body = (function (bodyProps) {
     tableExtraRender = bodyProps.tableExtraRender,
     table = bodyProps.table,
     tableOnchange = bodyProps.onChange,
-    bordered = bodyProps.bordered,
-    _bodyProps$rowClassNa = bodyProps.rowClassName,
-    _rowClassName = _bodyProps$rowClassNa === void 0 ? "" : _bodyProps$rowClassNa,
-    props = _objectWithoutProperties(bodyProps, _excluded);
+    bordered = bodyProps.bordered;
+    bodyProps.rowClassName;
+    var props = _objectWithoutProperties(bodyProps, _excluded);
   var _ref = rowSelection || {},
     selectedRowKeys = _ref.selectedRowKeys,
     configAlwaysShowAlert = _ref.alwaysShowAlert;
@@ -133,11 +128,7 @@ var Body = (function (bodyProps) {
     table: tableInstance,
     localSorter: localSorter
   });
-  var _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
-    keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys;
-    selectedRowData.selectAll;
-  var _useContext = useContext(ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
+  var rowClassNameFn = useRowClassName(bodyProps);
   return jsx("div", {
     style: defaultTableStyle,
     className: "hw_table_body  ".concat(className),
@@ -163,15 +154,7 @@ var Body = (function (bodyProps) {
           return tableEmptyRender === null || tableEmptyRender === void 0 ? void 0 : tableEmptyRender(tableInstance);
         },
         children: [jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
-          rowClassName: function rowClassName(record, index, indent) {
-            var key = typeof rowKey === "function" ? rowKey(record, index) : record[rowKey];
-            var propsRowClassName = typeof _rowClassName === "function" ? _rowClassName(record, index, indent) : _rowClassName;
-            if ((keys === null || keys === void 0 ? void 0 : _indexOfInstanceProperty(keys).call(keys, key)) !== -1) {
-              var _context;
-              return _concatInstanceProperty(_context = "".concat(getPrefixCls("table-row-selected"), " ")).call(_context, propsRowClassName);
-            }
-            return propsRowClassName;
-          },
+          rowClassName: rowClassNameFn,
           bordered: bordered,
           columnsState: _objectSpread(_objectSpread({}, selfColStatus), {}, {
             value: value

package/es/HTableBody/modal.d.ts

@@ -1,5 +1,5 @@
 import type { OptionConfig } from "@ant-design/pro-table/lib/components/ToolBar";
-import type React from "react";
+import React, { Key } from "react";
 import type { ProTableProps } from "@ant-design/pro-table";
 import type { ActionRenderFn, ConfigDataModal, HRowSelection, HTableInstance, ParamsModal } from "@/components/modal";
 import type { AffixProps } from "antd/lib/affix";
@@ -25,3 +25,9 @@ export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSour
     table?: HTableInstance;
     pagination?: IPaginationProps | false;
 }
+export interface RowRadioSelectionProps {
+    data: any;
+    onChange?: (keys: Key[], data: any[]) => void;
+    getCheckboxProps?: HRowSelection["getCheckboxProps"];
+    index: number;
+}

package/es/HTableBody/utils.d.ts

@@ -5,3 +5,4 @@ export declare const outColSetting: (columns: ConfigDataModal, columnsState?: Co
     checkCols: ConfigDataModal;
     keys: string[];
 };
+export declare const rowItemFn: (action: any, record: any, index: any) => any;

package/es/HTableHeader/RangePickerSearch.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const _default: import("react").ForwardRefExoticComponent<any>;
+declare const _default: import("react").ForwardRefExoticComponent<import("@hw-component/form/es/Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export default _default;

package/es/TableConfig.d.ts

@@ -7,6 +7,7 @@ interface HTableConfigContextModal {
     tableStyle?: React.CSSProperties;
     paginationStyle?: React.CSSProperties;
     valueTypeConfig?: ValueTypeConfigModal;
+    defaultSelectedRowClassName?: string | null;
 }
 export declare const HTableConfigContext: React.Context<HTableConfigContextModal | null>;
 export declare const useHTableConfigContext: ({ emptyRender, errorRender, headerStyle, tableStyle, paginationStyle, }: HTableConfigContextModal) => {
@@ -16,6 +17,7 @@ export declare const useHTableConfigContext: ({ emptyRender, errorRender, header
     tableStyle: React.CSSProperties | undefined;
     paginationStyle: React.CSSProperties | undefined;
     valueTypeConfig: ValueTypeConfigModal;
+    defaultSelectedRowClassName: string | null | undefined;
 };
 declare const Index: React.FC<HTableConfigContextModal>;
 export default Index;

package/es/TableConfig.js

@@ -18,14 +18,16 @@ var useHTableConfigContext = function useHTableConfigContext(_ref) {
     configTableStyle = _ref2.tableStyle,
     configPaginationStyle = _ref2.paginationStyle,
     _ref2$valueTypeConfig = _ref2.valueTypeConfig,
-    valueTypeConfig = _ref2$valueTypeConfig === void 0 ? {} : _ref2$valueTypeConfig;
+    valueTypeConfig = _ref2$valueTypeConfig === void 0 ? {} : _ref2$valueTypeConfig,
+    defaultSelectedRowClassName = _ref2.defaultSelectedRowClassName;
   return {
     errorRender: errorRender || configErrorRender,
     emptyRender: emptyRender || configEmptyRender,
     headerStyle: headerStyle || configHeaderStyle,
     tableStyle: tableStyle || configTableStyle,
     paginationStyle: paginationStyle || configPaginationStyle,
-    valueTypeConfig: valueTypeConfig
+    valueTypeConfig: valueTypeConfig,
+    defaultSelectedRowClassName: defaultSelectedRowClassName
   };
 };
 var Index = function Index(_ref3) {

package/es/modal.d.ts

@@ -2,7 +2,7 @@ import type { ProColumns } from "@ant-design/pro-table/lib/typing";
 import type { ProTableProps } from "@ant-design/pro-table";
 import type { HItemProps, HFormInstance } from "@hw-component/form/es/Form/modal";
 import type { ColProps, FormInstance } from "antd";
-import type React from "react";
+import React, { Key } from "react";
 import type { ModalProps } from "antd";
 import type { TableProps } from "antd/lib/table";
 import type { AffixProps } from "antd/lib/affix";
@@ -44,6 +44,7 @@ export type FooterBtnRenderFn = (dom: React.ReactNode, total: string, selectedRo
 export type actionFn = (...arg: any[]) => void;
 export interface RowSelectionOuter {
     allPageCheck?: boolean;
+    onChange?: (keys: Key[], data: any[]) => void;
 }
 export type HRowSelection = RowSelectionOuter & (TableProps<any>["rowSelection"] & {
     alwaysShowAlert?: boolean;

package/lib/HTableBody/HeaderTitle/hooks.d.ts

@@ -0,0 +1,8 @@
+import { MutableRefObject } from "react";
+interface HeaderStyleParams {
+    bodyRef: MutableRefObject<HTMLDivElement | null>;
+    titleContentRef: MutableRefObject<HTMLDivElement | null>;
+    rightNodeRef: MutableRefObject<HTMLDivElement | null>;
+}
+export declare const useHeaderStyle: ({ bodyRef, titleContentRef, rightNodeRef }: HeaderStyleParams) => {};
+export {};

package/lib/HTableBody/HeaderTitle/hooks.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var React = require('react');
+
+var useHeaderStyle = function useHeaderStyle(_ref) {
+  var bodyRef = _ref.bodyRef,
+    titleContentRef = _ref.titleContentRef,
+    rightNodeRef = _ref.rightNodeRef;
+  var _useState = React.useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    style = _useState2[0],
+    setStyle = _useState2[1];
+  var setHeaderStyle = function setHeaderStyle() {
+    var _bodyRef$current, _titleContentRef$curr, _rightNodeRef$current;
+    var headerWidth = ((_bodyRef$current = bodyRef.current) === null || _bodyRef$current === void 0 ? void 0 : _bodyRef$current.clientWidth) || 0;
+    console.log(headerWidth, "headerWidth");
+    var titleWidth = ((_titleContentRef$curr = titleContentRef.current) === null || _titleContentRef$curr === void 0 ? void 0 : _titleContentRef$curr.clientWidth) || 0;
+    var rightNodeWidth = ((_rightNodeRef$current = rightNodeRef.current) === null || _rightNodeRef$current === void 0 ? void 0 : _rightNodeRef$current.clientWidth) || 0;
+    if (rightNodeWidth + titleWidth >= headerWidth) {
+      setStyle({
+        overflow: "auto"
+      });
+      return;
+    }
+    setStyle({});
+  };
+  React.useLayoutEffect(function () {
+    setHeaderStyle();
+  }, []);
+  React.useEffect(function () {
+    var resizeFn = function resizeFn() {
+      setHeaderStyle();
+    };
+    window.addEventListener("resize", resizeFn);
+    return function () {
+      window.removeEventListener("resize", resizeFn);
+    };
+  }, []);
+  React.useEffect(function () {
+    var element = titleContentRef.current;
+    if (!element || !window.ResizeObserver) return;
+    var observer = new ResizeObserver(function () {
+      setHeaderStyle();
+    });
+    observer.observe(element);
+    return function () {
+      observer.disconnect();
+    };
+  }, []);
+  return style;
+};
+
+exports.useHeaderStyle = useHeaderStyle;
+// powered by h

package/lib/HTableBody/HeaderTitle/index.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var context = require('../../context.js');
 var index = require('../../hooks/index.js');
+var hooks = require('./hooks.js');
 
 var HeaderTitle = (function (_ref) {
   var headerTitle = _ref.headerTitle,
@@ -20,39 +20,15 @@ var HeaderTitle = (function (_ref) {
   var bodyRef = React.useRef();
   var titleContentRef = React.useRef();
   var rightNodeRef = React.useRef();
-  var _useState = React.useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    style = _useState2[0],
-    setStyle = _useState2[1];
   var headerBox = index.useClassName("hw-table-header-title-box");
   var headerBoxContent = index.useClassName("hw-table-header-title-box-content");
   var titleClassname = index.useClassName("hw-table-header-title");
   var rightNodeClassname = index.useClassName("hw-table-header-right-node");
-  var setHeaderStyle = function setHeaderStyle() {
-    var _bodyRef$current, _titleContentRef$curr, _rightNodeRef$current;
-    var headerWidth = ((_bodyRef$current = bodyRef.current) === null || _bodyRef$current === void 0 ? void 0 : _bodyRef$current.clientWidth) || 0;
-    var titleWidth = ((_titleContentRef$curr = titleContentRef.current) === null || _titleContentRef$curr === void 0 ? void 0 : _titleContentRef$curr.clientWidth) || 0;
-    var rightNodeWidth = ((_rightNodeRef$current = rightNodeRef.current) === null || _rightNodeRef$current === void 0 ? void 0 : _rightNodeRef$current.clientWidth) || 0;
-    if (rightNodeWidth + titleWidth >= headerWidth) {
-      setStyle({
-        overflow: "auto"
-      });
-      return;
-    }
-    setStyle({});
-  };
-  React.useLayoutEffect(function () {
-    setHeaderStyle();
-  }, []);
-  React.useEffect(function () {
-    var resizeFn = function resizeFn() {
-      setHeaderStyle();
-    };
-    window.addEventListener("resize", resizeFn);
-    return function () {
-      window.removeEventListener("resize", resizeFn);
-    };
-  }, []);
+  var style = hooks.useHeaderStyle({
+    bodyRef: bodyRef,
+    titleContentRef: titleContentRef,
+    rightNodeRef: rightNodeRef
+  });
   if (!headerTitle && !rNode) {
     return null;
   }

package/lib/HTableBody/Options/utils.d.ts

@@ -1,7 +1,7 @@
 import type { ConfigItemModal } from "../../modal";
 import React from "react";
 export declare const getItemValue: (data: ConfigItemModal) => {
-    name?: string | undefined;
+    name?: string | any[] | undefined;
     labelAlign?: import("@hw-component/form/es/Form/modal").LabelAlignModal | undefined;
     label?: React.ReactNode | import("@hw-component/form/es/Form/modal").HelperModal;
     hidden?: boolean | import("@hw-component/form/es/Form/modal").HideModal | undefined;
@@ -9,7 +9,7 @@ export declare const getItemValue: (data: ConfigItemModal) => {
     dependencies?: import("rc-field-form/lib/interface").NamePath[] | undefined;
     getValueFromEvent?: ((...args: import("rc-field-form/lib/interface").EventArgs) => any) | undefined;
     normalize?: ((value: any, prevValue: any, allValues: import("rc-field-form/lib/interface").Store) => any) | undefined;
-    rules?: import("rc-field-form/lib/interface").Rule[] | undefined;
+    rules?: import("antd").FormRule[] | undefined;
     shouldUpdate?: import("rc-field-form/lib/Field").ShouldUpdate<any> | undefined;
     trigger?: string | undefined;
     validateTrigger?: string | false | string[] | undefined;
@@ -52,6 +52,9 @@ export declare const getItemValue: (data: ConfigItemModal) => {
     dispatch?: import("@hw-component/form/es/Form/modal").DispatchModal<string | string[]> | undefined;
     itemSpan?: import("antd").ColProps | undefined;
     hideLabel?: boolean | undefined;
+    rowWrapper?: boolean | undefined;
+    nameKey?: string | undefined;
+    flexBox?: boolean | undefined;
     render?: ((dom: React.ReactNode, data: any, index: number, tableInstance: import("../../modal").HTableInstance) => React.ReactNode) | undefined;
     showSearch?: boolean | undefined;
     searchType?: string | undefined;

package/lib/HTableBody/RowCheckBox/RowItem.d.ts

@@ -1,10 +1,4 @@
 /// <reference types="react" />
-import type { HRowSelection } from "../../modal";
-interface RowSelectionBoxProps {
-    data: any;
-    onChange?: HRowSelection["onChange"];
-    getCheckboxProps?: HRowSelection["getCheckboxProps"];
-    index: number;
-}
-declare const _default: ({ data, onChange, index, getCheckboxProps, }: RowSelectionBoxProps) => JSX.Element;
+import { RowRadioSelectionProps } from "@/components/HTableBody/modal";
+declare const _default: ({ data, onChange, index, getCheckboxProps, }: RowRadioSelectionProps) => JSX.Element;
 export default _default;

package/lib/HTableBody/RowCheckBox/hooks.d.ts

@@ -1,7 +1,7 @@
 import type { Key } from "react";
-import type { HRowSelection } from "../../modal";
+import { RowRadioSelectionProps } from '../modal';
 export declare const useAllChecked: (keys?: Key[], data?: any[]) => boolean;
-export declare const useCheckControl: (data: any[] | undefined, onChange: HRowSelection["onChange"]) => {
+export declare const useCheckControl: (data: any[] | undefined, onChange: RowRadioSelectionProps["onChange"]) => {
     checkChange: (e: any) => void;
     menuClick: ({ key }: {
         key: any;

package/lib/HTableBody/RowRadioBoxSelection.d.ts

@@ -1,10 +1,3 @@
 /// <reference types="react" />
-import type { HRowSelection } from "@/components/modal";
-interface RowRadioSelectionProps {
-    data: any;
-    onChange?: HRowSelection["onChange"];
-    getCheckboxProps?: HRowSelection["getCheckboxProps"];
-    index: number;
-}
+import { RowRadioSelectionProps } from './modal';
 export declare const RowRadioSelection: ({ data, onChange, index, getCheckboxProps, }: RowRadioSelectionProps) => JSX.Element;
-export {};

package/lib/HTableBody/hooks/useRowClassName.d.ts

@@ -0,0 +1,4 @@
+import type { HTableBodyProps } from "@/components/HTableBody/modal";
+import type { RowClassName } from "rc-table/lib/interface";
+declare const _default: ({ rowClassName, rowKey, }: HTableBodyProps) => RowClassName<any>;
+export default _default;

package/lib/HTableBody/hooks/useRowClassName.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/keys');
+var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+var context = require('../../context.js');
+var React = require('react');
+var antd = require('antd');
+var TableConfig = require('../../TableConfig.js');
+
+var useRowClassName = (function (_ref) {
+  var rowClassName = _ref.rowClassName,
+    _ref$rowKey = _ref.rowKey,
+    rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey;
+  var _useHTableContext = context.useHTableContext(),
+    selectedRowData = _useHTableContext.selectedRowData;
+  var _useHTableConfigConte = TableConfig.useHTableConfigContext({}),
+    defaultSelectedRowClassName = _useHTableConfigConte.defaultSelectedRowClassName;
+  var _selectedRowData$keys = _keysInstanceProperty(selectedRowData),
+    keys = _selectedRowData$keys === void 0 ? [] : _selectedRowData$keys;
+  var _useContext = React.useContext(antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  return function (record, index, indent) {
+    var _context2;
+    var key = typeof rowKey === "function" ? rowKey(record, index) : record[rowKey];
+    var propsRowClassName = typeof rowClassName === "function" ? rowClassName(record, index, indent) : rowClassName;
+    var relPropsRowClassName = propsRowClassName || "";
+    if ((keys === null || keys === void 0 ? void 0 : _indexOfInstanceProperty(keys).call(keys, key)) === -1) {
+      return relPropsRowClassName;
+    }
+    if (typeof defaultSelectedRowClassName === "undefined") {
+      var _context;
+      return _concatInstanceProperty(_context = "".concat(getPrefixCls("table-row-selected"), " ")).call(_context, relPropsRowClassName);
+    }
+    return _concatInstanceProperty(_context2 = "".concat(defaultSelectedRowClassName || "", " ")).call(_context2, relPropsRowClassName);
+  };
+});
+
+exports.default = useRowClassName;
+// powered by h