@teamix/pro 1.5.33 → 1.5.35

package/es/table/utils/genAutoWidthColumns.js

@@ -8,7 +8,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 import React, { createRef } from 'react';
-import { getTargetValue } from '@teamix/utils';
+import { getTargetValue, _ } from '@teamix/utils';
 import { renderCell } from './pureColumnRender';
 import { renderColumnsTitle } from './columnRender';
 import { ProActionGroup } from '../../actions';
@@ -26,21 +26,25 @@ var columnShrinkMaxWidth = 100;
  * @param data
  * @returns
  */
-export function genAutoWidthColumns(fileteredColumns, ref, data, size, useRowSelection, actionColumnRef) {
-  if (!ref.current) {
-    return fileteredColumns;
+export function genAutoWidthColumns(columns, ref, data, size, useRowSelection, actionColumnRef) {
+  if (!(ref === null || ref === void 0 ? void 0 : ref.current)) {
+    return columns;
   }
   var hasLockFlag = false;
   var dom = ref.current;
   var actionColumnDom = actionColumnRef === null || actionColumnRef === void 0 ? void 0 : actionColumnRef.current;
   var childNodes = dom.children;
+  if (dom.children.length === 0) {
+    return columns;
+  }
   var finalColumns = [];
-  fileteredColumns.forEach(function (column, index) {
+  var filterdColumnsResult = _.cloneDeep(columns);
+  filterdColumnsResult.forEach(function (column, index) {
     var render = column.render,
       _column$valueType = column.valueType,
       valueType = _column$valueType === void 0 ? 'text' : _column$valueType,
-      _column$autoWidth = column.autoWidth,
-      autoWidth = _column$autoWidth === void 0 ? true : _column$autoWidth,
+      _column$isAutoWidth = column.isAutoWidth,
+      isAutoWidth = _column$isAutoWidth === void 0 ? true : _column$isAutoWidth,
       actionSchema = column.actionSchema,
       sortable = column.sortable,
       lock = column.lock;
@@ -52,6 +56,17 @@ export function genAutoWidthColumns(fileteredColumns, ref, data, size, useRowSel
     var finalType = type || valueType || '';
     var shrink = fieldTypeShrink[finalType];
     column.shrink = column.shrink || (shrink !== undefined ? shrink : 1);
+    if ((column === null || column === void 0 ? void 0 : column.isAutoWidth) === false) {
+      // console.log(column.title, 'isAutoWidth')
+      finalColumns.push(column);
+      return;
+    }
+    ;
+    if ((column === null || column === void 0 ? void 0 : column.columnFilters) === false) {
+      finalColumns.push(column);
+      return;
+    }
+    // column.isAutoWidth = true
     //@ts-ignore
     // if (!autoWidth) {
     //   finalColumns.push(column);
@@ -72,13 +87,20 @@ export function genAutoWidthColumns(fileteredColumns, ref, data, size, useRowSel
         if (width >= 280) {
           width = 280;
         }
+        column.isAutoWidth = false;
         column.width = defaultPaddingFixer(width, size, false);
       }
       finalColumns.push(column);
       return;
     }
+    // 当列没出来的时候不比较
+    // @ts-ignore
+    if ((column === null || column === void 0 ? void 0 : column.columnFilters) === false) {
+      finalColumns.push(column);
+      return;
+    }
     // @ts-ignore
-    var titleWidth = childNodes[index].children[0].scrollWidth;
+    var titleWidth = _.get(childNodes, '[index]?.children[0].scrollWidth', 0);
     // @ts-ignore
     if (fixedWidthTypeList[finalType]) {
       // console.log(
@@ -86,20 +108,37 @@ export function genAutoWidthColumns(fileteredColumns, ref, data, size, useRowSel
       //   fixedWidthTypeList[finalType],
       // );
       // 固定宽度
+      // console.log(column.title, '固定宽度')
+      column.isAutoWidth = false;
       column.width = defaultPaddingFixer(
       // @ts-ignore
       Math.max(titleWidth, fixedWidthTypeList[finalType]), size, index === 0 && useRowSelection);
       // @ts-ignore
     } else if (computeableWidthTypeList[finalType]) {
       // 可计算宽度
+      // console.log(column.title, '可计算宽度')
+      column.isAutoWidth = false;
       column.width = defaultPaddingFixer(
       // @ts-ignore
       Math.max(titleWidth, computeableWidthTypeList[finalType](data, render)), size, index === 0 && useRowSelection);
     } else {
+      var _column$render;
       // 直接根据 dom 计算
+      // console.log(column.title, '可计算 dom')
+      column.isAutoWidth = false;
       column.width = defaultPaddingFixer(Math.max(titleWidth,
       // @ts-ignore
       calcWidthWithParentDOM(childNodes[index], column.shrink)), size, index === 0 && useRowSelection);
+      if ((column === null || column === void 0 ? void 0 : column.sortable) && ((column === null || column === void 0 ? void 0 : column.tooltip) || (column === null || column === void 0 ? void 0 : column.filters))) {
+        // 检测有 sortable 和 tooltip 的时候增加宽度
+        column.width = column.width + 40;
+      } else if (column === null || column === void 0 ? void 0 : column.sortable) {
+        column.width = column.width + 24;
+      }
+      // @ts-ignore
+      if (column === null || column === void 0 ? void 0 : (_column$render = column.render) === null || _column$render === void 0 ? void 0 : _column$render.copy) {
+        column.width = column.width + 16;
+      }
     }
     if (index === 0) {
       // 首列不会被挤占
@@ -120,6 +159,7 @@ export var shadowContainer = function shadowContainer(props) {
   var columns = props.columns,
     data = props.data,
     shadowContainerRef = props.shadowContainerRef;
+  if (data.length === 0) return null;
   return /*#__PURE__*/React.createElement("div", {
     ref: shadowContainerRef,
     className: "teamix-pro-table-shadow-container"
@@ -136,8 +176,12 @@ export var shadowContainer = function shadowContainer(props) {
       //@ts-ignore
       !fixedWidthTypeList[valueType] && data.map(function (item, index) {
         // @ts-ignore
-        column.smartWidth = renderCellSmartWidth(getValueFromRecord(dataIndex, item), column, index, item);
-        return renderCell(getValueFromRecord(dataIndex, item), column, index, item);
+        var newColumn = _.cloneDeep(column);
+        newColumn.smartWidth = renderCellSmartWidth(getValueFromRecord(dataIndex, item), column, index, item);
+        newColumn.render = _objectSpread(_objectSpread({}, column.render), {}, {
+          description: ''
+        });
+        return renderCell(getValueFromRecord(dataIndex, item), newColumn, index, item);
       }));
     }
   }));
@@ -219,11 +263,15 @@ export var fieldTypeShrink = {
   ip: 0
 };
 function calcWidthWithParentDOM(dom, shrink) {
-  var childNodes = _toConsumableArray(dom.children);
-  childNodes.shift();
-  return calcSingleColumnLength(childNodes.map(function (node) {
-    return node.scrollWidth;
-  }), shrink);
+  if (dom) {
+    var childNodes = _toConsumableArray(dom.children);
+    childNodes.shift();
+    return calcSingleColumnLength(childNodes.map(function (node) {
+      return node.scrollWidth;
+    }), shrink);
+  } else {
+    return 0;
+  }
 }
 function calcSingleColumnLength() {
   var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -300,7 +348,8 @@ function defaultPaddingFixer(width) {
 }
 function sum() {
   var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return list.reduce(function (a, b) {
+  if (list.length === 0) return 0;
+  return list === null || list === void 0 ? void 0 : list.reduce(function (a, b) {
     return a + b;
   });
 }

package/es/table/utils/genProColumnToColumn.d.ts

@@ -9,5 +9,5 @@ declare type FixedColumnProps = ColumnProps & {
  */
 export default function genProColumnToColumn(columns: ProTableColumnProps[], 
 /** 是否渲染骨架屏 */
-showSkeleton: boolean, actionRef: React.MutableRefObject<ProTableActionType | undefined>, context?: any, dataTeamixSpm?: string, bindUrl?: ProTableProps['bindUrl'], bindUrlProps?: ProTableProps['bindUrlProps']): FixedColumnProps[];
+showSkeleton: boolean, actionRef: React.MutableRefObject<ProTableActionType | undefined>, context?: any, dataTeamixSpm?: string, bindUrl?: ProTableProps['bindUrl'], bindUrlProps?: ProTableProps['bindUrlProps'], forcedUpdate?: boolean): FixedColumnProps[];
 export {};

package/es/table/utils/genProColumnToColumn.js

@@ -1,13 +1,15 @@
 var _excluded = ["filters", "dataIndex", "children"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 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 React from 'react';
-import { renderColumnsTitle, renderCell } from './columnRender';
+import { renderColumnsTitle } from './columnRender';
 import { ProSkeletonRaw as Skeleton } from '../../skeleton';
 import { getLanguage } from '@teamix/utils';
+import Cell from '../components/Cell';
 /**
  * ProColumn => Column
  */
@@ -19,6 +21,9 @@ showSkeleton, actionRef) {
   dataTeamixSpm = arguments.length > 4 ? arguments[4] : undefined;
   var bindUrl = arguments.length > 5 ? arguments[5] : undefined;
   var bindUrlProps = arguments.length > 6 ? arguments[6] : undefined;
+  var
+  // 是否强制刷新
+  forcedUpdate = arguments.length > 7 ? arguments[7] : undefined;
   return columns.map(function (columnProps) {
     var filters = columnProps.filters,
       dataIndex = columnProps.dataIndex,
@@ -30,8 +35,24 @@ showSkeleton, actionRef) {
         sortable: false,
         dataIndex: dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.toString(),
         title: /*#__PURE__*/React.createElement(Skeleton.Table.TH, null),
-        cell: function cell() {
-          return /*#__PURE__*/React.createElement(Skeleton.Table.TD, null);
+        cell: function cell(value, rowIndex) {
+          var _columnProps$render;
+          // 按默认5行做渐变
+          var opacity = Math.min(Math.max(1 - rowIndex * 0.2, 0), 1);
+          // 如果是field并且有descrition字段，就认为是两行，其他情况默认一行
+          return _typeof(columnProps === null || columnProps === void 0 ? void 0 : columnProps.render) === 'object' && (columnProps === null || columnProps === void 0 ? void 0 : (_columnProps$render = columnProps.render) === null || _columnProps$render === void 0 ? void 0 : _columnProps$render.description) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Skeleton.Table.TD, {
+            style: {
+              opacity: opacity
+            }
+          }), /*#__PURE__*/React.createElement(Skeleton.Table.TD, {
+            style: {
+              opacity: opacity
+            }
+          })) : /*#__PURE__*/React.createElement(Skeleton.Table.TD, {
+            style: {
+              opacity: opacity
+            }
+          });
         }
       });
     }
@@ -44,7 +65,25 @@ showSkeleton, actionRef) {
       dataIndex: dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.toString(),
       title: renderColumnsTitle(columnProps, actionRef, bindUrl, bindUrlProps),
       cell: function cell(value, index, record) {
-        return renderCell(value, columnProps, index, record, actionRef, context, dataTeamixSpm);
+        return /*#__PURE__*/React.createElement(Cell, {
+          value: value,
+          item: columnProps,
+          index: index,
+          record: record,
+          actionRef: actionRef,
+          context: context,
+          dataTeamixSpm: dataTeamixSpm,
+          forcedUpdate: forcedUpdate
+        });
+        // return renderCell(
+        //   value,
+        //   columnProps,
+        //   index,
+        //   record,
+        //   actionRef,
+        //   context,
+        //   dataTeamixSpm
+        // )
       }
     });
   });

package/es/table/utils/processColumns.d.ts

@@ -0,0 +1,8 @@
+import { ProTableColumnProps } from '../typing';
+/**
+ * 处理原生传入的 columns 以便于 选择列 方便处理
+ * @param columns 原生传入的 columns
+ * @returns
+ */
+declare const processColumns: (columns: ProTableColumnProps[], initialColumns: ProTableColumnProps[]) => ProTableColumnProps[];
+export default processColumns;

package/es/table/utils/processColumns.js

@@ -0,0 +1,39 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+import { getGlobalConfig } from '@teamix/utils';
+/**
+ * 处理原生传入的 columns 以便于 选择列 方便处理
+ * @param columns 原生传入的 columns
+ * @returns
+ */
+var processColumns = function processColumns(columns, initialColumns) {
+  var _getGlobalConfig;
+  var globalFilterColumns = (_getGlobalConfig = getGlobalConfig('ProTable')) === null || _getGlobalConfig === void 0 ? void 0 : _getGlobalConfig.filterColumns;
+  var filterColumns = columns.filter(function (item) {
+    return item.columnFilters !== false && (item === null || item === void 0 ? void 0 : item.hidden) !== true && (!globalFilterColumns || globalFilterColumns(_objectSpread({}, item)));
+  });
+  // 处理只剩一列批量选择的情况下宽度错乱问题
+  if (filterColumns === null || filterColumns === void 0 ? void 0 : filterColumns.length) {
+    var _initialColumns$;
+    if ((filterColumns === null || filterColumns === void 0 ? void 0 : filterColumns.length) === 1) {
+      var _filterColumns$, _filterColumns$2;
+      if ((_filterColumns$ = filterColumns[0]) === null || _filterColumns$ === void 0 ? void 0 : _filterColumns$.width) {
+        delete filterColumns[0].width;
+      }
+      if ((_filterColumns$2 = filterColumns[0]) === null || _filterColumns$2 === void 0 ? void 0 : _filterColumns$2.lock) {
+        filterColumns[0].lock = false;
+      }
+    } else if (((_initialColumns$ = initialColumns[0]) === null || _initialColumns$ === void 0 ? void 0 : _initialColumns$.columnFilters) !== false) {
+      var _initialColumns$2, _initialColumns$3;
+      if ((_initialColumns$2 = initialColumns[0]) === null || _initialColumns$2 === void 0 ? void 0 : _initialColumns$2.width) {
+        filterColumns[0].width = initialColumns[0].width;
+      }
+      if ((_initialColumns$3 = initialColumns[0]) === null || _initialColumns$3 === void 0 ? void 0 : _initialColumns$3.lock) {
+        filterColumns[0].lock = initialColumns[0].lock;
+      }
+    }
+  }
+  return filterColumns;
+};
+export default processColumns;

package/es/table/utils/useTableSelection.js

@@ -1,6 +1,9 @@
+var _excluded = ["primaryKey"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -15,20 +18,26 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * 处理表格 rowSelection hooks
  * 除了基本 rowSelection 之外返回平铺后的 selectedRowKeys、selectedRecords
  */
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { getDeepValue } from '@teamix/utils';
+import { Balloon, Checkbox } from '@alicloudfe/components';
+var Tooltip = Balloon.Tooltip;
 function useTableSelection() {
   var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var primaryKey = arguments.length > 1 ? arguments[1] : undefined;
-  var _useState = useState([]),
+  var _config$defaultSelect = config.defaultSelectedRecords,
+    defaultSelectedRecords = _config$defaultSelect === void 0 ? [] : _config$defaultSelect,
+    _config$defaultSelect2 = config.defaultSelectedRowKeys,
+    defaultSelectedRowKeys = _config$defaultSelect2 === void 0 ? [] : _config$defaultSelect2;
+  var _useState = useState(defaultSelectedRowKeys),
     _useState2 = _slicedToArray(_useState, 2),
     selectedRowKeys = _useState2[0],
     setSelectedRowKeys = _useState2[1];
-  var _useState3 = useState([]),
+  var _useState3 = useState(defaultSelectedRecords),
     _useState4 = _slicedToArray(_useState3, 2),
     selectedRecords = _useState4[0],
     setSelectedRecords = _useState4[1];
-  function onChange(value, records) {
+  function _onChange(value, records) {
     if (primaryKey) {
       var newValue = value.filter(function (v) {
         return !selectedRowKeys.includes(v);
@@ -63,11 +72,51 @@ function useTableSelection() {
       config.onChange(value, records);
     }
   }
+  var renderCheckBox = function renderCheckBox(props) {
+    var primaryKey = props.primaryKey,
+      others = _objectWithoutProperties(props, _excluded);
+    return /*#__PURE__*/React.createElement(Checkbox, _objectSpread({
+      checked: selectedRowKeys.includes(primaryKey),
+      onChange: function onChange(checked) {
+        if (checked) {
+          _onChange === null || _onChange === void 0 ? void 0 : _onChange([].concat(_toConsumableArray(selectedRowKeys), [primaryKey]), [props]);
+        } else {
+          _onChange === null || _onChange === void 0 ? void 0 : _onChange(selectedRowKeys.filter(function (item) {
+            return item !== primaryKey;
+          }), [props]);
+        }
+      }
+    }, others));
+  };
+  var getProps = function getProps(record, index) {
+    var _config$getProps;
+    var propResult = config === null || config === void 0 ? void 0 : (_config$getProps = config.getProps) === null || _config$getProps === void 0 ? void 0 : _config$getProps.call(config, record, index);
+    // console.log('propResult', propResult, selectedRowKeys);
+    var resultProps = _objectSpread(_objectSpread({}, record), propResult);
+    var primaryKey = record === null || record === void 0 ? void 0 : record[resultProps === null || resultProps === void 0 ? void 0 : resultProps['_primaryKey']];
+    return _objectSpread(_objectSpread({}, resultProps), {}, {
+      isPreview: true,
+      renderPreview: function renderPreview() {
+        if (resultProps.disabled === true && resultProps.disabledTooltip) {
+          return /*#__PURE__*/React.createElement(Tooltip, {
+            trigger: renderCheckBox(_objectSpread(_objectSpread({}, propResult), {}, {
+              primaryKey: primaryKey
+            })),
+            align: "t"
+          }, propResult.disabledTooltip);
+        }
+        return renderCheckBox(_objectSpread(_objectSpread({}, propResult), {}, {
+          primaryKey: primaryKey
+        }));
+      }
+    });
+  };
   var rowSelection = _objectSpread(_objectSpread({
     selectedRowKeys: selectedRowKeys,
     selectedRecords: selectedRecords
   }, config), {}, {
-    onChange: onChange
+    onChange: _onChange,
+    getProps: getProps
   });
   return {
     rowSelection: rowSelection,

package/es/xconsole.scss

@@ -16,15 +16,15 @@
   --color-error-9: rgba(125, 18, 7, 1);
   --color-error-8: rgba(161, 31, 19, 1);
   --color-error-7: rgba(196, 49, 35, 1);
-  --color-error-5: rgba(237, 103, 90, 1);
-  --color-error-6: rgba(232, 71, 56, 1);
+  --color-error-5: #C80000;
+  --color-error-6: #C80000;
   --color-error-4: rgba(242, 136, 126, 1);
   --color-error-1: rgba(255, 236, 235, 1);
   --color-warning-10: rgba(82, 42, 0, 1);
   --color-warning-9: rgba(119, 65, 6, 1);
   --color-warning-8: rgba(163, 90, 10, 1);
   --color-warning-7: rgba(207, 116, 18, 1);
-  --color-warning-5: rgba(247, 168, 84, 1);
+  --color-warning-5: #FAC800;
   --color-warning-6: rgba(249, 142, 26, 1);
   --color-warning-4: rgba(255, 185, 110, 1);
   --color-warning-1: rgba(255, 245, 235, 1);
@@ -33,7 +33,7 @@
   --color-success-8: rgba(10, 130, 67, 1);
   --color-success-7: rgba(21, 153, 83, 1);
   --color-success-5: rgba(67, 191, 126, 1);
-  --color-success-6: rgba(35, 176, 102, 1);
+  --color-success-6: #00A700;
   --color-success-4: rgba(103, 207, 152, 1);
   --color-success-2: rgba(209, 244, 225, 1);
   --color-success-1: rgba(235, 255, 246, 1);

package/lib/form/Components/FormItem2/index.js

@@ -88,7 +88,6 @@ var ICON_MAP = {
 };
 var BaseItem = function BaseItem(props) {
   var _cls, _cls3, _cls4, _cls5, _cls6;
-  console.log('FormItem2');
   var children = props.children,
     others = _objectWithoutProperties(props, _excluded);
   var _useState3 = (0, _react.useState)(false),

package/lib/form/Components/SelectTable2/index.d.ts

@@ -0,0 +1,97 @@
+import React from 'react';
+declare const SelectTable2: React.ForwardRefExoticComponent<Partial<{
+    field: any;
+} & {
+    autoWidth?: boolean | undefined;
+    columns: import("../../../table").ProTableColumnProps[];
+    url?: string | undefined;
+    method?: import("axios").Method | undefined;
+    params?: {
+        [propName: string]: any;
+    } | undefined;
+    formatSort?: ((sort: object) => object) | undefined;
+    formatParams?: string | ((params: any) => any) | undefined;
+    formatResult?: string | {
+        total?: string | number | undefined;
+        data?: any;
+    } | ((res: any) => {
+        total?: string | number | undefined;
+        data?: any;
+    }) | undefined;
+    onFormatResult?: ((data: any[]) => void) | undefined;
+    requestWhenMount?: boolean | undefined;
+    onSuccess?: ((res: any) => void) | undefined;
+    onError?: ((error: Error) => void) | undefined;
+    requestConfig?: import("axios").AxiosRequestConfig | undefined;
+    pageKey?: string | undefined;
+    pageSizeKey?: string | undefined;
+    pageSize?: number | undefined;
+    pageSizeList?: any[] | undefined;
+    paginationProps?: import("@alifd/next/types/pagination").PaginationProps | undefined;
+    showPagination?: boolean | undefined;
+    responsivePaginationType?: import("../../../table").responsivePaginationType | undefined;
+    useRowSelection?: boolean | undefined;
+    onChangeRowSelection?: ((selectedRowKeys: string[]) => void) | undefined;
+    getRowSelection?: ((rowSelection: import("../../../table").innerRowSelectionType) => void) | undefined;
+    footerAction?: React.ReactNode | import("../../..").ProActionGroupProps;
+    footer?: React.ReactNode;
+    filterDebounce?: number | undefined;
+    actionRef?: React.MutableRefObject<import("../../../table").ProTableActionType | undefined> | undefined;
+    showSkeleton?: boolean | undefined;
+    skeletonSize?: number | undefined;
+    tableClassName?: string | undefined;
+    footerSuction?: boolean | Element | undefined;
+    autoRefresh?: boolean | ((dataSource: any[]) => number | boolean) | undefined;
+    autoRefreshProps?: {
+        dataSource?: {
+            label?: React.ReactNode;
+            value?: number | undefined;
+        }[] | undefined;
+    } | undefined;
+    customRequest?: ((params: any) => Promise<{
+        success: boolean;
+        data: any[];
+        total?: number | undefined;
+    }>) | undefined;
+    reserveSelectedRecords?: boolean | undefined;
+    defaultFilterParams?: {
+        [key: string]: any;
+    } | undefined;
+    disableSelectAll?: boolean | undefined;
+    context?: any;
+    fixedTableBody?: boolean | undefined;
+    'data-teamix-spm'?: string | undefined;
+    switchCardView?: boolean | undefined;
+    cardViewProps?: import("../../../table").ProTableCardProps | undefined;
+    defaultView?: "table" | "card" | undefined;
+    emptyProps?: import("@teamix/pro-field").EmptyContentProps | undefined;
+    bindUrl?: boolean | undefined;
+    bindUrlProps?: import("../../../table").ProTableBindUrlProps | undefined;
+    autoRedirect?: boolean | undefined;
+    useMaxData?: boolean | undefined;
+    rowSelection?: ({
+        getProps?: ((record: any, index: number) => any) | undefined;
+        onChange?: ((selectedRowKeys: any[], records: any[]) => void) | undefined;
+        onSelect?: ((selected: boolean, record: any, records: any[]) => void) | undefined;
+        onSelectAll?: ((selected: boolean, records: any[]) => void) | undefined;
+        selectedRowKeys?: any[] | undefined;
+        selectedRecords?: any[] | undefined;
+        mode?: "multiple" | "single" | undefined;
+        titleProps?: (() => any) | undefined;
+        columnProps?: (() => any) | undefined;
+        titleAddons?: (() => any) | undefined;
+        defaultSelectedRowKeys?: any[] | undefined;
+        defaultSelectedRecords?: any[] | undefined;
+    } & {
+        getProps?: ((record: any, index: number) => void) | undefined;
+        onChange?: ((selectedRowKeys: any[], records: any[]) => void) | undefined;
+        onSelect?: ((selected: boolean, record: any, records: any[]) => void) | undefined;
+        onSelectAll?: ((selected: boolean, records: any[]) => void) | undefined;
+        selectedRowKeys?: any[] | undefined;
+        mode?: "multiple" | "single" | undefined;
+        titleProps?: (() => any) | undefined;
+        columnProps?: (() => any) | undefined;
+        titleAddons?: (() => any) | undefined;
+    }) | undefined;
+} & Omit<import("@alifd/next/types/table").TableProps, "rowSelection" | "columns"> & import("../../../table").ProTableTopAreaProps> & React.RefAttributes<unknown>>;
+export default SelectTable2;

package/lib/form/Components/SelectTable2/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@formily/react");
+var _table = _interopRequireDefault(require("../../../table"));
+var _excluded = ["columns", "field"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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; }
+var Component = (0, _react2.observer)(function (props) {
+  var _props$columns = props.columns,
+    columns = _props$columns === void 0 ? [] : _props$columns,
+    field = props.field,
+    others = _objectWithoutProperties(props, _excluded);
+  var onChange = function onChange(value) {
+    field.setValue(value);
+  };
+  return /*#__PURE__*/_react.default.createElement(_table.default, _objectSpread({
+    toolBar: false,
+    showPagination: false,
+    columns: columns,
+    useRowSelection: true,
+    rowSelection: {
+      defaultSelectedRowKeys: field.value
+    },
+    onChangeRowSelection: onChange,
+    loading: field.loading,
+    showSkeleton: false,
+    dataSource: field.dataSource
+  }, others));
+});
+var SelectTable2 = (0, _react2.connect)(Component, (0, _react2.mapProps)(function (props, field) {
+  var dataSource = field.dataSource;
+  return _objectSpread(_objectSpread({}, props), {}, {
+    dataSource: dataSource,
+    field: field
+  });
+}));
+var _default = SelectTable2;
+exports.default = _default;