@sooloer/pages 0.1.23 → 1.0.1

package/dist/button-group/index.js

@@ -38,18 +38,20 @@ var ProButton = function ProButton(props) {
       type: type || 'default'
     }, button.buttonProps), button === null || button === void 0 ? void 0 : button.text);
   }), moreSource.length > 0 && /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: /*#__PURE__*/React.createElement(Menu, null, moreSource.map(function (button, index) {
-      var _button$render2;
-      return /*#__PURE__*/React.createElement(Menu.Item, {
-        key: index
-      }, (_button$render2 = button.render) !== null && _button$render2 !== void 0 ? _button$render2 : /*#__PURE__*/React.createElement(Button, _extends({
-        key: index
-      }, button.buttonProps, {
-        type: "link"
-      }), button === null || button === void 0 ? void 0 : button.text));
-    })),
+    popupRender: function popupRender() {
+      return /*#__PURE__*/React.createElement(Menu, null, moreSource.map(function (button, index) {
+        var _button$render2;
+        return /*#__PURE__*/React.createElement(Menu.Item, {
+          key: index
+        }, (_button$render2 = button.render) !== null && _button$render2 !== void 0 ? _button$render2 : /*#__PURE__*/React.createElement(Button, _extends({}, button.buttonProps, {
+          type: "link"
+        }), button === null || button === void 0 ? void 0 : button.text));
+      }));
+    },
     placement: "bottom",
-    overlayClassName: "sooloer-button-group__dropdown"
+    classNames: {
+      root: 'sooloer-button-group__dropdown'
+    }
   }, /*#__PURE__*/React.createElement(Button, {
     className: "sooloer-button-group-ellipsis",
     type: type || 'default',

package/dist/filter/components/field/index.js

@@ -75,9 +75,13 @@ var Field = function Field(_ref) {
           style: {
             width: '100%'
           },
-          placeholder: placeholder || "\u8BF7\u9009\u62E9".concat(label),
-          options: options
-        }, argProps));
+          placeholder: placeholder || "\u8BF7\u9009\u62E9".concat(label)
+        }, argProps), options.map(function (item) {
+          return (optionRender === null || optionRender === void 0 ? void 0 : optionRender(item)) || /*#__PURE__*/React.createElement(Select.Option, {
+            key: item.value,
+            value: item.value
+          }, item.label);
+        }));
         break;
       case 'checkbox':
         node = /*#__PURE__*/React.createElement(ProCheckbox, {

package/dist/filter/demo/basic.d.ts

@@ -1,10 +1,3 @@
 import React from 'react';
-export declare const GRADE_SOURCE: {
-    label: string;
-    options: {
-        label: string;
-        value: string;
-    }[];
-}[];
 declare const _default: () => React.JSX.Element;
 export default _default;

package/dist/filter/demo/basic.js

@@ -1,54 +1,5 @@
 import { ProFilter } from "../..";
 import React from 'react';
-export var GRADE_SOURCE = [{
-  label: '小学',
-  options: [{
-    label: '一年级',
-    value: '1-1'
-  }, {
-    label: '二年级',
-    value: '1-2'
-  }, {
-    label: '三年级',
-    value: '1-3'
-  }, {
-    label: '四年级',
-    value: '1-4'
-  }, {
-    label: '五年级',
-    value: '1-5'
-  }, {
-    label: '六年级',
-    value: '1-6'
-  }]
-}, {
-  label: '初中',
-  options: [{
-    label: '五四制六年级',
-    value: '2-0'
-  }, {
-    label: '七年级',
-    value: '2-1'
-  }, {
-    label: '八年级',
-    value: '2-2'
-  }, {
-    label: '九年级',
-    value: '2-3'
-  }]
-}, {
-  label: '高中',
-  options: [{
-    label: '高一',
-    value: '3-1'
-  }, {
-    label: '高二',
-    value: '3-2'
-  }, {
-    label: '高三',
-    value: '3-3'
-  }]
-}];
 export default (function () {
   var fields = [{
     label: '发票号码',
@@ -57,12 +8,17 @@ export default (function () {
     label: '发票代码',
     name: 'invoiceCode'
   }, {
-    label: '选择发票类型',
+    label: '发票类型',
     name: 'invoiceType',
     type: 'select',
     widgetProps: {
-      placeholder: '请选择',
-      options: GRADE_SOURCE
+      options: [{
+        label: '电子专票',
+        value: 1
+      }, {
+        label: '电子普票',
+        value: 2
+      }]
     }
   }];
   var handleSearch = function handleSearch(fieldsValue) {

package/dist/filter/demo/search-advanced.js

@@ -1,4 +1,5 @@
 import { ProFilter } from "../..";
+import { Select } from 'antd';
 import React from 'react';
 export default (function () {
   var fields = [{
@@ -17,11 +18,10 @@ export default (function () {
       maxTagCount: 1,
       optionLabelProp: 'label',
       optionRender: function optionRender(option) {
-        return /*#__PURE__*/React.createElement("div", {
-          style: {
-            display: 'flex',
-            flexDirection: 'column'
-          }
+        return /*#__PURE__*/React.createElement(Select.Option, {
+          key: option.value,
+          value: option.value,
+          label: option.label
         }, /*#__PURE__*/React.createElement("div", null, "\u7B80\u79F0\uFF1A", option.label), /*#__PURE__*/React.createElement("div", {
           style: {
             fontSize: '12px',

package/dist/page/demo/basic.js

@@ -19,55 +19,6 @@ import { ConfigProvider } from 'antd';
 import zhCN from 'antd/lib/locale/zh_CN';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { columns, fetchData, total } from "./data";
-var GRADE_SOURCE = [{
-  label: '小学',
-  options: [{
-    label: '一年级',
-    value: '1-1'
-  }, {
-    label: '二年级',
-    value: '1-2'
-  }, {
-    label: '三年级',
-    value: '1-3'
-  }, {
-    label: '四年级',
-    value: '1-4'
-  }, {
-    label: '五年级',
-    value: '1-5'
-  }, {
-    label: '六年级',
-    value: '1-6'
-  }]
-}, {
-  label: '初中',
-  options: [{
-    label: '五四制六年级',
-    value: '2-0'
-  }, {
-    label: '七年级',
-    value: '2-1'
-  }, {
-    label: '八年级',
-    value: '2-2'
-  }, {
-    label: '九年级',
-    value: '2-3'
-  }]
-}, {
-  label: '高中',
-  options: [{
-    label: '高一',
-    value: '3-1'
-  }, {
-    label: '高二',
-    value: '3-2'
-  }, {
-    label: '高三',
-    value: '3-3'
-  }]
-}];
 var initialValues = {
   invoiceNo: '001',
   invoiceCode: '002'
@@ -94,14 +45,6 @@ var fields = [{
       value: 's'
     }]
   }
-}, {
-  label: '年级',
-  name: 'grad',
-  type: 'select',
-  widgetProps: {
-    allowClear: true,
-    options: GRADE_SOURCE
-  }
 }];
 var tabs = [{
   key: '1',

package/dist/page/index.js

@@ -73,10 +73,9 @@ var ProPage = function ProPage(_ref) {
       });
     }
     return [];
-  }, [fieldsValues]);
+  }, [fieldsValues, fields, tagItemRender, tagable]);
   var handleSearch = function handleSearch(fieldsValue) {
     var _filter$onSearch;
-    console.log('handleSearch', fieldsValue);
     setFieldsValue(fieldsValue);
     filter === null || filter === void 0 || (_filter$onSearch = filter.onSearch) === null || _filter$onSearch === void 0 || _filter$onSearch.call(filter, fieldsValue);
   };

package/dist/tab/demo/settingRef.js

@@ -7,20 +7,32 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { SettingOutlined } from '@ant-design/icons';
 import { ProTabs } from "../..";
 import React, { useEffect, useRef, useState } from 'react';
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 export default (function () {
   var _useState = useState('1'),
     _useState2 = _slicedToArray(_useState, 2),
     activeKey = _useState2[0],
     setActiveKey = _useState2[1];
   var nodeRef = useRef(null);
-  var handleChange = function handleChange(activeKey) {
-    console.log(activeKey);
-    setActiveKey(activeKey);
+  var iconRootRef = useRef(null);
+  var handleChange = function handleChange(key) {
+    console.log(key);
+    setActiveKey(key);
   };
   useEffect(function () {
-    render( /*#__PURE__*/React.createElement(SettingOutlined, null), nodeRef === null || nodeRef === void 0 ? void 0 : nodeRef.current);
-  }, [nodeRef]);
+    if (!nodeRef.current) {
+      return;
+    }
+    if (!iconRootRef.current) {
+      iconRootRef.current = createRoot(nodeRef.current);
+    }
+    iconRootRef.current.render( /*#__PURE__*/React.createElement(SettingOutlined, null));
+    return function () {
+      var _iconRootRef$current;
+      (_iconRootRef$current = iconRootRef.current) === null || _iconRootRef$current === void 0 || _iconRootRef$current.unmount();
+      iconRootRef.current = null;
+    };
+  }, []);
   var buttonSource = [{
     buttonProps: {
       onClick: function onClick() {

package/dist/tab/index.js

@@ -1,4 +1,7 @@
+var _excluded = ["key"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Badge, Space, Tabs } from 'antd';
 import React from 'react';
 import ProButton from "../button-group";
@@ -12,7 +15,9 @@ var ProTabs = function ProTabs(_ref) {
     toolbars = _ref.toolbars,
     onChange = _ref.onChange,
     settingTableRef = _ref.settingTableRef;
-  var tabPanRender = function tabPanRender(item) {
+  var tabPanRender = function tabPanRender(_ref2) {
+    var key = _ref2.key,
+      item = _objectWithoutProperties(_ref2, _excluded);
     if (item.hasOwnProperty('count')) {
       return /*#__PURE__*/React.createElement(Space, _extends({
         size: 2
@@ -39,13 +44,14 @@ var ProTabs = function ProTabs(_ref) {
     }, toolbars && /*#__PURE__*/React.createElement(ProButton, toolbars), settingTableRef && /*#__PURE__*/React.createElement("div", {
       className: "sooloer-tabs-bar__config",
       ref: settingTableRef
-    }))
-  }, tabs.map(function (item) {
-    return /*#__PURE__*/React.createElement(Tabs.TabPane, {
-      className: "sooloer-tabs-tab",
-      key: item.key,
-      tab: tabPanRender(item)
-    });
-  })));
+    })),
+    items: tabs.map(function (item) {
+      var _item$key;
+      return {
+        key: (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : '',
+        label: tabPanRender(item)
+      };
+    })
+  }));
 };
 export default ProTabs;

package/dist/table/demo/checkbox.js

@@ -59,7 +59,6 @@ export default (function () {
     height: 420,
     rowSelection: {
       fixed: true,
-      columnWidth: 120,
       selectedRowKeys: selectedRowKeys,
       // @ts-ignore
       onChange: handleRowSelectionChange

package/dist/table/index.js

@@ -69,19 +69,9 @@ var ProTable = function ProTable(_ref) {
   // 单行勾选
   var handleSelect = function handleSelect(record, selected) {
     if (rowSelection) {
-      if ((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'radio') {
-        var _rowSelection$onChang;
-        rowSelection === null || rowSelection === void 0 || (_rowSelection$onChang = rowSelection.onChange) === null || _rowSelection$onChang === void 0 || _rowSelection$onChang.call(rowSelection, [{
-          id: record[rowKey],
-          record: record,
-          expandSelectedRowKeys: [],
-          expandUnselectedRowKeys: []
-        }], false);
-        return;
-      }
       var selectedRowKeys = (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || [];
       if (selected) {
-        var _rowSelection$onChang2;
+        var _rowSelection$onChang;
         // 非当前页勾选集合
         var notCurSelectedRows = multipleable ? selectedRowKeys.filter(function (item) {
           return !curRowKeys.includes(item.id);
@@ -97,10 +87,10 @@ var ProTable = function ProTable(_ref) {
           expandSelectedRowKeys: [],
           expandUnselectedRowKeys: []
         }]);
-        rowSelection === null || rowSelection === void 0 || (_rowSelection$onChang2 = rowSelection.onChange) === null || _rowSelection$onChang2 === void 0 || _rowSelection$onChang2.call(rowSelection, newSelectedRows, globalChecked);
+        rowSelection === null || rowSelection === void 0 || (_rowSelection$onChang = rowSelection.onChange) === null || _rowSelection$onChang === void 0 || _rowSelection$onChang.call(rowSelection, newSelectedRows, globalChecked);
       } else {
-        var _rowSelection$onChang3;
-        rowSelection === null || rowSelection === void 0 || (_rowSelection$onChang3 = rowSelection.onChange) === null || _rowSelection$onChang3 === void 0 || _rowSelection$onChang3.call(rowSelection, selectedRowKeys.filter(function (row) {
+        var _rowSelection$onChang2;
+        rowSelection === null || rowSelection === void 0 || (_rowSelection$onChang2 = rowSelection.onChange) === null || _rowSelection$onChang2 === void 0 || _rowSelection$onChang2.call(rowSelection, selectedRowKeys.filter(function (row) {
           return row.id !== record[rowKey];
         }), globalChecked);
       }
@@ -110,13 +100,13 @@ var ProTable = function ProTable(_ref) {
   // 当页全选
   var handleSelectAll = function handleSelectAll(selected) {
     if (rowSelection) {
-      var _rowSelection$onChang4;
+      var _rowSelection$onChang3;
       var selectedRowKeys = (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || [];
       // 非当前页勾选集合
       var notCurSelectedRows = multipleable ? selectedRowKeys.filter(function (item) {
         return !curRowKeys.includes(item.id);
       }) : [];
-      rowSelection === null || rowSelection === void 0 || (_rowSelection$onChang4 = rowSelection.onChange) === null || _rowSelection$onChang4 === void 0 || _rowSelection$onChang4.call(rowSelection, [].concat(_toConsumableArray(notCurSelectedRows), _toConsumableArray((selected ? dataSource : []).map(function (item) {
+      rowSelection === null || rowSelection === void 0 || (_rowSelection$onChang3 = rowSelection.onChange) === null || _rowSelection$onChang3 === void 0 || _rowSelection$onChang3.call(rowSelection, [].concat(_toConsumableArray(notCurSelectedRows), _toConsumableArray((selected ? dataSource : []).map(function (item) {
         return {
           record: item,
           id: item[rowKey],
@@ -143,9 +133,8 @@ var ProTable = function ProTable(_ref) {
         otherProps.fixed = expandable ? false : otherProps.fixed;
       }
       return {
-        rowSelection: _objectSpread(_objectSpread({
-          columnWidth: 40
-        }, otherProps), {}, {
+        rowSelection: _objectSpread(_objectSpread({}, otherProps), {}, {
+          columnWidth: 40,
           onSelect: handleSelect,
           selectedRowKeys: _toConsumableArray(keys),
           onSelectAll: handleSelectAll,
@@ -158,9 +147,9 @@ var ProTable = function ProTable(_ref) {
 
   // 全局勾选
   var handleGlobalCheckboxChange = function handleGlobalCheckboxChange(checked) {
-    var _rowSelection$onChang5;
+    var _rowSelection$onChang4;
     setGlobalChecked(checked);
-    rowSelection === null || rowSelection === void 0 || (_rowSelection$onChang5 = rowSelection.onChange) === null || _rowSelection$onChang5 === void 0 || _rowSelection$onChang5.call(rowSelection, _toConsumableArray((checked ? dataSource : []).map(function (item) {
+    rowSelection === null || rowSelection === void 0 || (_rowSelection$onChang4 = rowSelection.onChange) === null || _rowSelection$onChang4 === void 0 || _rowSelection$onChang4.call(rowSelection, _toConsumableArray((checked ? dataSource : []).map(function (item) {
       return {
         record: item,
         id: item[rowKey],

package/dist/table/setting/components/height.js

@@ -34,7 +34,7 @@ var ColumnHeight = function ColumnHeight(_ref) {
   return /*#__PURE__*/React.createElement(Dropdown, {
     arrow: true,
     placement: "bottom",
-    dropdownRender: function dropdownRender() {
+    popupRender: function popupRender() {
       return settingMenu;
     },
     trigger: ['click']

package/dist/table/table/index.js

@@ -22,8 +22,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { sum } from '@tmaito/utils';
 import { Checkbox, Col, ConfigProvider, Row, Table } from 'antd';
 import classnames from 'classnames';
-import React, { useContext, useEffect, useLayoutEffect, useMemo, useState } from 'react';
-import { render } from 'react-dom';
+import React, { useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { createRoot } from 'react-dom/client';
 import Setting from "../setting";
 import Style from "./style";
 var ElTable = function ElTable(_ref) {
@@ -46,7 +46,6 @@ var ElTable = function ElTable(_ref) {
     onGlobalCheckboxChange = _ref.onGlobalCheckboxChange,
     extraAction = _ref.extraAction,
     args = _objectWithoutProperties(_ref, _excluded);
-  var headerRef = /*#__PURE__*/React.createRef();
   var _useState = useState('small'),
     _useState2 = _slicedToArray(_useState, 2),
     size = _useState2[0],
@@ -59,10 +58,8 @@ var ElTable = function ElTable(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     sortColumns = _useState6[0],
     setSortColumns = _useState6[1];
-  var _useState7 = useState(39),
-    _useState8 = _slicedToArray(_useState7, 2),
-    tableHeaderHeight = _useState8[0],
-    setTableHeaderHeight = _useState8[1];
+  var settingRootRef = useRef(null);
+  var settingContainerRef = useRef(null);
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
   useEffect(function () {
@@ -80,11 +77,15 @@ var ElTable = function ElTable(_ref) {
       return !(item !== null && item !== void 0 && item.hideInTable || false);
     });
   }, [sortColumns]);
-  useEffect(function () {
-    if (headerRef !== null && headerRef !== void 0 && headerRef.current) {
-      setTableHeaderHeight(headerRef.current.offsetHeight);
+  var tableHeaderHeight = useMemo(function () {
+    if (size === 'large') {
+      return 56;
+    }
+    if (size === 'middle') {
+      return 48;
     }
-  }, [headerRef]);
+    return 40;
+  }, [size]);
   var paginationConfig = useMemo(function () {
     if (pagination !== false) {
       return _objectSpread({
@@ -94,10 +95,9 @@ var ElTable = function ElTable(_ref) {
         className: 'sooloer-table-pagination',
         pageSizeOptions: [20, 50, 100, 200],
         showTotal: function showTotal(total, range) {
-          var _args$rowSelection;
           return /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
             flex: "auto"
-          }, globalCheckable && (args === null || args === void 0 ? void 0 : args.rowSelection) && (args === null || args === void 0 || (_args$rowSelection = args.rowSelection) === null || _args$rowSelection === void 0 ? void 0 : _args$rowSelection.type) !== 'radio' && /*#__PURE__*/React.createElement(Checkbox, {
+          }, globalCheckable && (args === null || args === void 0 ? void 0 : args.rowSelection) && /*#__PURE__*/React.createElement(Checkbox, {
             checked: globalChecked,
             onChange: handleGlobalChange,
             className: "sooloer-table-global-checkbox"
@@ -119,30 +119,46 @@ var ElTable = function ElTable(_ref) {
 
   // table config 初始化挂载
   useLayoutEffect(function () {
-    if (setting) {
-      var getContainer = setting.getContainer,
-        _args = _objectWithoutProperties(setting, _excluded2);
-      var prefixCls = getPrefixCls();
-      var node = typeof getContainer === 'string' ? document.querySelector(getContainer) : getContainer;
-      if (getContainer) {
-        render(
-        /*#__PURE__*/
-        // @ts-ignore
-        React.createElement(Setting, _extends({}, _args, {
-          size: size,
-          loading: typeof loading === 'boolean' ? loading : loading === null || loading === void 0 ? void 0 : loading.spinning,
-          prefixCls: prefixCls,
-          columns: sortColumns,
-          onReload: function onReload() {
-            var _setting$onReload;
-            return setting === null || setting === void 0 || (_setting$onReload = setting.onReload) === null || _setting$onReload === void 0 ? void 0 : _setting$onReload.call(setting);
-          },
-          onSizeChange: setSize,
-          onColumnSortChange: handleColumnSortChange
-        })), node);
-      }
+    if (!setting) {
+      return;
+    }
+    var getContainer = setting.getContainer,
+      settingArgs = _objectWithoutProperties(setting, _excluded2);
+    var node = typeof getContainer === 'string' ? document.querySelector(getContainer) : getContainer;
+    if (!node || !(node instanceof Element) && !(node instanceof DocumentFragment)) {
+      return;
+    }
+    if (!settingRootRef.current || settingContainerRef.current !== node) {
+      var _settingRootRef$curre;
+      (_settingRootRef$curre = settingRootRef.current) === null || _settingRootRef$curre === void 0 || _settingRootRef$curre.unmount();
+      settingRootRef.current = createRoot(node);
+      settingContainerRef.current = node;
     }
-  }, [size, sortColumns, setting, getPrefixCls]);
+    var prefixCls = getPrefixCls();
+    settingRootRef.current.render(
+    /*#__PURE__*/
+    // @ts-ignore
+    React.createElement(Setting, _extends({}, settingArgs, {
+      size: size,
+      loading: typeof loading === 'boolean' ? loading : loading === null || loading === void 0 ? void 0 : loading.spinning,
+      prefixCls: prefixCls,
+      columns: sortColumns,
+      onReload: function onReload() {
+        var _setting$onReload;
+        return setting === null || setting === void 0 || (_setting$onReload = setting.onReload) === null || _setting$onReload === void 0 ? void 0 : _setting$onReload.call(setting);
+      },
+      onSizeChange: setSize,
+      onColumnSortChange: handleColumnSortChange
+    })));
+  }, [size, sortColumns, setting, getPrefixCls, loading]);
+  useEffect(function () {
+    return function () {
+      var _settingRootRef$curre2;
+      (_settingRootRef$curre2 = settingRootRef.current) === null || _settingRootRef$curre2 === void 0 || _settingRootRef$curre2.unmount();
+      settingRootRef.current = null;
+      settingContainerRef.current = null;
+    };
+  }, []);
 
   // scroll 滚动
   var resetScrollProps = function resetScrollProps() {
@@ -152,7 +168,7 @@ var ElTable = function ElTable(_ref) {
     };
     if (height) {
       scrollProps = _objectSpread(_objectSpread({}, scrollProps), {}, {
-        y: height - tableHeaderHeight - (pagination === false ? 12 : 48)
+        y: height - tableHeaderHeight - (pagination === false ? 0 : 48)
       });
     }
     return scrollProps;
@@ -165,15 +181,7 @@ var ElTable = function ElTable(_ref) {
     className: classnames('sooloer-table', {
       'pagination-hidden': pagination === false
     }),
-    columns: _toConsumableArray(showColumns.map(function (row, index) {
-      return _objectSpread(_objectSpread({}, row), !index && {
-        onHeaderCell: function onHeaderCell() {
-          return {
-            ref: headerRef
-          };
-        }
-      });
-    })),
+    columns: showColumns,
     dataSource: dataSource,
     style: {
       height: height

package/dist/table/table/style.js

@@ -1,5 +1,7 @@
 import { createGlobalStyle } from 'styled-components';
-var Style = createGlobalStyle([".sooloer-table{height:100%;> .", "-spin-nested-loading{height:100%;> .", "-spin-container{height:100%;}}&.pagination-hidden{.", "-table{height:100%;}}.", "-table{height:calc(100% - 48px);}.", "-table-container{height:100%;}.", "-table-body{height:100%;}.", "-table-placeholder{> td{border-bottom:none !important;}}.", "-pagination-total-text{flex:1;}.", "-table-expanded-row{> td{padding:0 !important;}.", "-table{margin-block:8px !important;margin-inline:0 !important;}}&-global-checkbox{margin-left:12px;}.sooloer-table-pagination{margin:12px 0 !important;}}"], function (props) {
+var Style = createGlobalStyle([".sooloer-table{height:100%;.", "-spin,.", "-spin-nested-loading,.", "-spin-container{height:100%;}&.pagination-hidden{.", "-table{height:100%;}}.", "-table{height:calc(100% - 48px);}.", "-table-container{height:100%;}.", "-table-body{height:100%;}.", "-table-placeholder{> td{border-bottom:none !important;}}.", "-pagination-total-text{flex:1;}.", "-table-expanded-row{> td{padding:0 !important;}.", "-table{margin-block:8px !important;margin-inline:0 !important;}}&-global-checkbox{margin-left:12px;}.sooloer-table-pagination{margin:12px 0 !important;}}"], function (props) {
+  return props.prefix;
+}, function (props) {
   return props.prefix;
 }, function (props) {
   return props.prefix;

package/dist/table/typing.d.ts

@@ -16,7 +16,7 @@ export interface SelectedRowKeyProps {
     /**
      * @description 取表格 roeKey 字段，必传
      */
-    id?: string | number;
+    id?: string;
     /**
      * @description 当前勾选行信息
      */
@@ -56,7 +56,6 @@ export type ProTableProps = TableProps<any> & {
      * @description 表格行是否可选择，配置项参考 antd.Table
      */
     rowSelection?: {
-        type?: 'checkbox' | 'radio';
         selectedRowKeys?: SelectedRowKeyProps[];
         onChange?: (selectedRowKeys: SelectedRowKeyProps[], globalChecked: boolean) => void;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sooloer/pages",
-  "version": "0.1.23",
+  "version": "1.0.1",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",
@@ -47,9 +47,11 @@
     "@ant-design/cssinjs": "^1.18.4",
     "@ant-design/icons": "^5.3.0",
     "@tmaito/utils": "^0.4.14",
-    "antd": "^5.14.2",
+    "antd": "^6.3.1",
     "dayjs": "^1.11.10",
     "mockjs": "^1.1.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "react-sortable-hoc": "^2.0.0",
     "react-virtualized-auto-sizer": "^1.0.23",
     "styled-components": "^6.1.8"
@@ -62,7 +64,7 @@
     "@types/react-dom": "^18.0.0",
     "@umijs/fabric": "^4.0.1",
     "@umijs/lint": "^4.0.0",
-    "dumi": "^2.2.13",
+    "dumi": "^2.4.23",
     "eslint": "^8.23.0",
     "father": "^4.1.0",
     "husky": "^8.0.1",
@@ -70,8 +72,6 @@
     "prettier": "^2.7.1",
     "prettier-plugin-organize-imports": "^3.0.0",
     "prettier-plugin-packagejson": "^2.2.18",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
     "stylelint": "^14.9.1"
   },
   "peerDependencies": {