@hi-ui/table 4.4.1 → 4.5.0-alpha.0

package/lib/cjs/Table.js

@@ -50,7 +50,7 @@ var STANDARD_PRESET = {
   striped: true,
   bordered: true,
   sticky: true,
-  setting: true,
+  setting: {},
   showColMenu: true
 };
 var SELECTION_DATA_KEY = "SELECTION_DATA_KEY_" + index.uuid();
@@ -299,7 +299,8 @@ var Table = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         cacheHiddenColKeys: cacheHiddenColKeys,
         setCacheHiddenColKeys: setCacheHiddenColKeys,
         checkDisabledColKeys: checkDisabledColKeys,
-        onSetColKeysChange: onSetColKeysChange
+        onSetColKeysChange: onSetColKeysChange,
+        trigger: _typeof(setting) === 'object' ? setting === null || setting === void 0 ? void 0 : setting.trigger : undefined
       })) : null,
       footer: dataSource || !hiddenPagination ? ( /*#__PURE__*/React__default["default"].createElement(Pagination__default["default"], Object.assign({
         className: classname.cx(prefixCls + "-pagination", pagination.placement && prefixCls + "-pagination--placement-" + pagination.placement)

package/lib/cjs/TableBody.js

@@ -154,7 +154,9 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     style: {
       width: canScroll && scrollWidth !== undefined ? scrollWidth : '100%'
     }
-  }, /*#__PURE__*/React__default["default"].createElement(ColGroupContent.ColGroupContent, null), /*#__PURE__*/React__default["default"].createElement(TbodyContent.TbodyContent, null));
+  }, /*#__PURE__*/React__default["default"].createElement(ColGroupContent.ColGroupContent, null), /*#__PURE__*/React__default["default"].createElement(TbodyContent.TbodyContent, {
+    emptyContent: emptyContent
+  }));
   var scrollBodyProps = {
     ref: scrollBodyElementRef,
     className: cls,

package/lib/cjs/TableSettingMenu.js

@@ -52,7 +52,8 @@ var TableSettingMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setCacheHiddenColKeys = _ref.setCacheHiddenColKeys,
     onSetColKeysChange = _ref.onSetColKeysChange,
     _ref$checkDisabledCol = _ref.checkDisabledColKeys,
-    checkDisabledColKeys = _ref$checkDisabledCol === void 0 ? [] : _ref$checkDisabledCol;
+    checkDisabledColKeys = _ref$checkDisabledCol === void 0 ? [] : _ref$checkDisabledCol,
+    trigger = _ref.trigger;
   var i18n = core.useLocaleContext();
   var dropProps = useDragSorter.useDrop({
     draggable: true,
@@ -109,10 +110,12 @@ var TableSettingMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     ref: ref,
     className: cls
-  }, /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
+  }, trigger ? ( /*#__PURE__*/React__default["default"].createElement("div", {
+    className: prefixCls + "__trigger"
+  }, trigger)) : ( /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
     icon: /*#__PURE__*/React__default["default"].createElement(icons.EllipsisVerticalOutlined, null),
     onClick: menuVisibleAction.not
-  }), /*#__PURE__*/React__default["default"].createElement(drawer.Drawer, {
+  })), /*#__PURE__*/React__default["default"].createElement(drawer.Drawer, {
     className: prefixCls + "__drawer",
     title: i18n.get('table.fieldExplorer'),
     visible: menuVisible,

package/lib/cjs/use-table.js

@@ -29,6 +29,7 @@ var useExpand = require('./hooks/use-expand.js');
 var useColWidth = require('./hooks/use-col-width.js');
 var useColgroup = require('./hooks/use-colgroup.js');
 var useDrag = require('./hooks/use-drag.js');
+var Table = require('./Table.js');
 function _interopDefaultCompat(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
@@ -199,7 +200,9 @@ var useTable = function useTable(_a) {
   var _useUncontrolledState2 = useUncontrolledState.useUncontrolledState(defaultFixedToColumn, fixedToColumnProp, onFixedToColumn),
     fixedToColumn = _useUncontrolledState2[0],
     setFixedToColumn = _useUncontrolledState2[1];
-  var leftFreezeColumn = fixedToColumn.left;
+  var leftFreezeColumn = columns.some(function (item) {
+    return item.dataKey === fixedToColumn.left;
+  }) ? fixedToColumn.left : Table.SELECTION_DATA_KEY;
   var rightFreezeColumn = fixedToColumn.right;
   var setLeftFreezeColumn = React.useCallback(function (columnKey) {
     setFixedToColumn(function (prev) {

package/lib/esm/Table.js

@@ -1,3 +1,4 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
 /** @LICENSE
  * @hi-ui/table
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
@@ -35,7 +36,7 @@ var STANDARD_PRESET = {
   striped: true,
   bordered: true,
   sticky: true,
-  setting: true,
+  setting: {},
   showColMenu: true
 };
 var SELECTION_DATA_KEY = "SELECTION_DATA_KEY_" + uuid();
@@ -284,7 +285,8 @@ var Table = /*#__PURE__*/forwardRef(function (_a, ref) {
         cacheHiddenColKeys: cacheHiddenColKeys,
         setCacheHiddenColKeys: setCacheHiddenColKeys,
         checkDisabledColKeys: checkDisabledColKeys,
-        onSetColKeysChange: onSetColKeysChange
+        onSetColKeysChange: onSetColKeysChange,
+        trigger: _typeof(setting) === 'object' ? setting === null || setting === void 0 ? void 0 : setting.trigger : undefined
       })) : null,
       footer: dataSource || !hiddenPagination ? ( /*#__PURE__*/React__default.createElement(Pagination, Object.assign({
         className: cx(prefixCls + "-pagination", pagination.placement && prefixCls + "-pagination--placement-" + pagination.placement)

package/lib/esm/TableBody.js

@@ -141,7 +141,9 @@ var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
     style: {
       width: canScroll && scrollWidth !== undefined ? scrollWidth : '100%'
     }
-  }, /*#__PURE__*/React__default.createElement(ColGroupContent, null), /*#__PURE__*/React__default.createElement(TbodyContent, null));
+  }, /*#__PURE__*/React__default.createElement(ColGroupContent, null), /*#__PURE__*/React__default.createElement(TbodyContent, {
+    emptyContent: emptyContent
+  }));
   var scrollBodyProps = {
     ref: scrollBodyElementRef,
     className: cls,

package/lib/esm/TableSettingMenu.js

@@ -39,7 +39,8 @@ var TableSettingMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setCacheHiddenColKeys = _ref.setCacheHiddenColKeys,
     onSetColKeysChange = _ref.onSetColKeysChange,
     _ref$checkDisabledCol = _ref.checkDisabledColKeys,
-    checkDisabledColKeys = _ref$checkDisabledCol === void 0 ? [] : _ref$checkDisabledCol;
+    checkDisabledColKeys = _ref$checkDisabledCol === void 0 ? [] : _ref$checkDisabledCol,
+    trigger = _ref.trigger;
   var i18n = useLocaleContext();
   var dropProps = useDrop({
     draggable: true,
@@ -96,10 +97,12 @@ var TableSettingMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React__default.createElement("div", {
     ref: ref,
     className: cls
-  }, /*#__PURE__*/React__default.createElement(IconButton, {
+  }, trigger ? ( /*#__PURE__*/React__default.createElement("div", {
+    className: prefixCls + "__trigger"
+  }, trigger)) : ( /*#__PURE__*/React__default.createElement(IconButton, {
     icon: /*#__PURE__*/React__default.createElement(EllipsisVerticalOutlined, null),
     onClick: menuVisibleAction.not
-  }), /*#__PURE__*/React__default.createElement(Drawer, {
+  })), /*#__PURE__*/React__default.createElement(Drawer, {
     className: prefixCls + "__drawer",
     title: i18n.get('table.fieldExplorer'),
     visible: menuVisible,

package/lib/esm/use-table.js

@@ -23,6 +23,7 @@ import { useExpand } from './hooks/use-expand.js';
 import { useColWidth } from './hooks/use-col-width.js';
 import { useColumns } from './hooks/use-colgroup.js';
 import { useTableDrag } from './hooks/use-drag.js';
+import { SELECTION_DATA_KEY } from './Table.js';
 var DEFAULT_COLUMNS = [];
 var DEFAULT_DATA = [];
 var DEFAULT_ERROR_ROW_KEYS = [];
@@ -187,7 +188,9 @@ var useTable = function useTable(_a) {
   var _useUncontrolledState2 = useUncontrolledState(defaultFixedToColumn, fixedToColumnProp, onFixedToColumn),
     fixedToColumn = _useUncontrolledState2[0],
     setFixedToColumn = _useUncontrolledState2[1];
-  var leftFreezeColumn = fixedToColumn.left;
+  var leftFreezeColumn = columns.some(function (item) {
+    return item.dataKey === fixedToColumn.left;
+  }) ? fixedToColumn.left : SELECTION_DATA_KEY;
   var rightFreezeColumn = fixedToColumn.right;
   var setLeftFreezeColumn = useCallback(function (columnKey) {
     setFixedToColumn(function (prev) {

package/lib/types/TableSettingMenu.d.ts

@@ -10,4 +10,5 @@ export interface TableColumnMenuProps extends UseTableProps, UseColSorterReturn,
     prefixCls?: string;
     checkDisabledColKeys?: string[];
     onSetColKeysChange?: (sortedColKeys: string[], hiddenColKeys: string[]) => void;
+    trigger?: React.ReactNode;
 }

package/lib/types/context.d.ts

@@ -50,7 +50,9 @@ export declare const TableProvider: import("react").Provider<(Omit<{
     rootProps: {
         bordered?: boolean | undefined;
         pagination?: import("packages/ui/pagination/lib/types").PaginationProps | undefined;
-        setting?: boolean | undefined;
+        setting?: boolean | {
+            trigger?: import("react").ReactNode;
+        } | undefined;
         loading?: boolean | undefined;
         uniqueId?: string | undefined;
     };
@@ -160,7 +162,9 @@ export declare const useTableContext: () => Omit<{
     rootProps: {
         bordered?: boolean | undefined;
         pagination?: import("packages/ui/pagination/lib/types").PaginationProps | undefined;
-        setting?: boolean | undefined;
+        setting?: boolean | {
+            trigger?: import("react").ReactNode;
+        } | undefined;
         loading?: boolean | undefined;
         uniqueId?: string | undefined;
     };

package/lib/types/use-table.d.ts

@@ -61,7 +61,9 @@ export declare const useTable: ({ data, columns: columnsProp, defaultFixedToColu
         /**
          *  是否集成控制面板功能
          */
-        setting?: boolean | undefined;
+        setting?: boolean | {
+            trigger?: React.ReactNode;
+        } | undefined;
         /**
          *  加载中状态
          */
@@ -189,7 +191,9 @@ export interface UseTableProps {
     /**
      *  是否集成控制面板功能
      */
-    setting?: boolean;
+    setting?: boolean | {
+        trigger?: React.ReactNode;
+    };
     /**
      *  是否能够动态控制列宽
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/table",
-  "version": "4.4.1",
+  "version": "4.5.0-alpha.0",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",