@teamix/pro 1.5.33-beta-2 → 1.5.33-beta-4

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

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

package/es/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/es/form/Components/SelectTable2/index.js

@@ -0,0 +1,39 @@
+var _excluded = ["columns", "field"];
+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 { connect, mapProps, observer } from '@formily/react';
+import ProTable from '../../../table';
+var Component = 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.createElement(ProTable, _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 = connect(Component, mapProps(function (props, field) {
+  var dataSource = field.dataSource;
+  return _objectSpread(_objectSpread({}, props), {}, {
+    dataSource: dataSource,
+    field: field
+  });
+}));
+export default SelectTable2;

package/es/form/ProForm/index.js

@@ -23,6 +23,7 @@ import useInitialRequest from './useInitialRequest';
 import validateLocale from '../locales/validate';
 import './index.scss';
 import FormItem2 from '../Components/FormItem2';
+import SelectTable2 from '../Components/SelectTable2';
 registerValidateLocale(validateLocale);
 var formilyComponents = {
   FormLayout: FormLayout,
@@ -51,7 +52,8 @@ var formilyComponents = {
   Affix: Affix,
   LightFilter: LightFilter,
   Text: Text,
-  FormItem2: FormItem2
+  FormItem2: FormItem2,
+  SelectTable2: SelectTable2
 };
 var ProForm = /*#__PURE__*/memo(function (_ref) {
   var outerForm = _ref.form,

package/es/form/SchemaForm/adapterDecorator.js

@@ -13,7 +13,7 @@ export default (function (decorator, component) {
   if (decorator !== undefined) {
     return decorator;
   }
-  if ([].concat(_toConsumableArray(Object.keys(fieldTypeMap)), ['Upload', 'SelectTable', 'ArrayCards', 'ArrayCollapse', 'ArrayTable', 'ArrayItems']).includes(component)) {
+  if ([].concat(_toConsumableArray(Object.keys(fieldTypeMap)), ['Upload', 'SelectTable', 'SelectTable2', 'ArrayCards', 'ArrayCollapse', 'ArrayTable', 'ArrayItems']).includes(component)) {
     return 'FormItem';
   }
   return decorator;

package/es/form/SchemaForm/adapterType.js

@@ -48,7 +48,8 @@ var typeMap = (_typeMap = {
   Range: 'string',
   Search: 'array',
   SelectGroup: 'array',
-  SelectTable: 'array'
+  SelectTable: 'array',
+  SelectTable2: 'array'
 }, _defineProperty(_typeMap, 'SelectTable.Column', 'string'), _defineProperty(_typeMap, "ArrayCollapse", 'array'), _defineProperty(_typeMap, "ArrayCards", 'array'), _defineProperty(_typeMap, "ArrayTable", 'array'), _defineProperty(_typeMap, "ArrayItems", 'array'), _defineProperty(_typeMap, 'Editable.Popover', 'object'), _defineProperty(_typeMap, 'Editable.Dialog', 'object'), _defineProperty(_typeMap, 'Editable.Drawer', 'object'), _typeMap);
 export default (function (type, component) {
   return type || typeMap[component] || 'void';

package/es/index.d.ts

@@ -30,5 +30,5 @@ export * from './sidebar';
 export * from './utils';
 export * from './timeline';
 export * from './image';
-declare const version = "1.5.33-beta";
+declare const version = "1.5.33-beta-4";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, ProImage, hooks, nocode, templates, utils, };

package/es/index.js

@@ -37,7 +37,7 @@ export * from './sidebar';
 export * from './utils';
 export * from './timeline';
 export * from './image';
-var version = '1.5.33-beta';
+var version = '1.5.33-beta-4';
 // By TeamixTest
 window.postMessage({
   source: 'teamix-test-devtools',

package/es/table/components/Cell/index.js

@@ -124,7 +124,9 @@ var Cell = function Cell(props) {
     value: value,
     render: newRender,
     dataSource: newDataSource,
-    format: format
+    format: format,
+    // 预留 context 位置
+    context: context
   }, itemProps));
 };
 /**
@@ -189,6 +191,10 @@ var processBuriedPoint = function processBuriedPoint() {
 var equalColumns = function equalColumns(prevProps, nextProps) {
   var preValue = prevProps.value;
   var nextValue = nextProps.value;
+  // 操作列的时候强制刷新
+  if (preValue === false && nextValue === false) {
+    return false;
+  }
   if (preValue === nextValue) {
     return true;
   }

package/es/table/index.js

@@ -420,7 +420,9 @@ var ProTable = function ProTable(props) {
       if (showSkeleton && result) {
         result.disabled = true;
       }
-      return result;
+      return _objectSpread({
+        _primaryKey: props.primaryKey
+      }, result);
     },
     titleProps: function titleProps() {
       var result = {};
@@ -490,11 +492,22 @@ var ProTable = function ProTable(props) {
     var columns = processColumns(propsColumns !== null && propsColumns !== void 0 ? propsColumns : [], propsColumns);
     setFilteredColumns(columns);
     (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$se = _actionRef$current.setState) === null || _actionRef$current$se === void 0 ? void 0 : _actionRef$current$se.call(_actionRef$current, 'filterColumns', columns);
+    if (autoWidth) {
+      reGenFilteredColumnsByAutoWidth(columns);
+    }
   }, [propsColumns]);
   // dataSource 受控
   useEffect(function () {
     if (propsDataSource) {
       _setData(propsDataSource);
+      if (autoWidth) {
+        shadowContainer({
+          columns: filteredColumns,
+          data: propsDataSource,
+          shadowContainerRef: shadowContainerRef
+        });
+        reGenFilteredColumnsByAutoWidth();
+      }
     }
   }, [propsDataSource]);
   // 初始化 ActionRef。
@@ -914,7 +927,7 @@ var ProTable = function ProTable(props) {
         getData.run(requestData);
       }
     }
-  }, [bindUrl, bindUrlProps, dataRef, url, customRequest]);
+  }, [bindUrl, bindUrlProps, dataRef, url, customRequest, currentPage, pageSize, propsParams]);
   var onSort = useCallback(function (dataIndex, order) {
     var nextSort = _defineProperty({}, dataIndex, order);
     setSort(nextSort);
@@ -967,6 +980,11 @@ var ProTable = function ProTable(props) {
       return showLoading && !showSkeleton && (customTableLoading || props.loading);
     }
   }, [customRequest, showLoading, showSkeleton, customTableLoading, props.loading, getData]);
+  useEffect(function () {
+    if (autoWidth) {
+      reGenFilteredColumnsByAutoWidth();
+    }
+  }, [shadowContainerRef === null || shadowContainerRef === void 0 ? void 0 : shadowContainerRef.current]);
   var memorizedGenProColumnToColumn = useMemo(function () {
     var result = genProColumnToColumn(filteredColumns, showSkeleton, actionRef, context, dataTeamixSpm, bindUrl, bindUrlProps);
     return result;
@@ -997,7 +1015,11 @@ var ProTable = function ProTable(props) {
         autoRefreshProps: autoRefreshProps,
         bindUrlProps: bindUrlProps,
         bindUrl: bindUrl
-      }), switchViewState === 'table' && /*#__PURE__*/React.createElement(TableContent, _objectSpread({
+      }), autoWidth && shadowContainer({
+        columns: filteredColumns,
+        data: data,
+        shadowContainerRef: shadowContainerRef
+      }), hasActionColumn && shadowActionColumnContainer(filteredColumns, shadowActionColumnContainerRef), switchViewState === 'table' && /*#__PURE__*/React.createElement(TableContent, _objectSpread({
         hasBorder: false,
         dataSource: showSkeleton ? skeletonDataSource : data || props.dataSource,
         columns: memorizedGenProColumnToColumn,
@@ -1175,7 +1197,7 @@ var ProTable = function ProTable(props) {
         // 'footer-suction': footerSuctionState && footerSuction,
       }),
       ref: tableRef
-    }, showShadowContainer && shadowContainer({
+    }, autoWidth && shadowContainer({
       columns: filteredColumns,
       data: data,
       shadowContainerRef: shadowContainerRef

package/es/table/typing.d.ts

@@ -184,7 +184,8 @@ export declare type ProTableProps = {
     autoRedirect?: boolean;
     /** 使用超大数据模式 **/
     useMaxData?: boolean;
-} & Omit<TableProps, 'columns'> & ProTableTopAreaProps;
+    rowSelection?: rowSelectionType;
+} & Omit<TableProps, 'columns' | 'rowSelection'> & ProTableTopAreaProps;
 export declare type rowSelectionType = {
     getProps?: (record: any, index: number) => any;
     onChange?: (selectedRowKeys: Array<any>, records: Array<any>) => void;
@@ -196,7 +197,11 @@ export declare type rowSelectionType = {
     titleProps?: () => any;
     columnProps?: () => any;
     titleAddons?: () => any;
-};
+    /** 默认选中的 Key 值 **/
+    defaultSelectedRowKeys?: any[];
+    /** 默认选中的 record 值 **/
+    defaultSelectedRecords?: any[];
+} & TableProps['rowSelection'];
 export declare type innerRowSelectionType = {
     rowSelection: rowSelectionType;
     selectedRowKeys: string[];

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

@@ -6,13 +6,13 @@ import { ProTableColumnProps, ITableCellRender } from '../typing';
  * @param data
  * @returns
  */
-export declare function genAutoWidthColumns(fileteredColumns: ProTableColumnProps[], ref: MutableRefObject<HTMLDivElement | null>, data: any[], size: 'small' | 'medium', useRowSelection?: boolean | undefined, actionColumnRef?: MutableRefObject<HTMLDivElement | null>): ProTableColumnProps[];
+export declare function genAutoWidthColumns(columns: ProTableColumnProps[], ref: MutableRefObject<HTMLDivElement | null>, data: any[], size: 'small' | 'medium', useRowSelection?: boolean | undefined, actionColumnRef?: MutableRefObject<HTMLDivElement | null>): ProTableColumnProps[];
 interface IShadowContainerProps {
     columns: ProTableColumnProps[];
     data: any[];
     shadowContainerRef: MutableRefObject<null>;
 }
-export declare const shadowContainer: (props: IShadowContainerProps) => JSX.Element;
+export declare const shadowContainer: (props: IShadowContainerProps) => JSX.Element | null;
 export declare const shadowActionColumnContainer: (columns: ProTableColumnProps[], shadowActionColumnContainerRef: MutableRefObject<null>) => JSX.Element | undefined;
 export declare const computeableWidthTypeList: {
     dateTime: (data: any[], render: ITableCellRender) => any;

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,17 +26,20 @@ 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 _childNodes$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,
@@ -97,7 +100,7 @@ export function genAutoWidthColumns(fileteredColumns, ref, data, size, useRowSel
       return;
     }
     // @ts-ignore
-    var titleWidth = (_childNodes$index = childNodes[index]) === null || _childNodes$index === void 0 ? void 0 : _childNodes$index.children[0].scrollWidth;
+    var titleWidth = _.get(childNodes, '[index]?.children[0].scrollWidth', 0);
     // @ts-ignore
     if (fixedWidthTypeList[finalType]) {
       // console.log(
@@ -119,6 +122,7 @@ export function genAutoWidthColumns(fileteredColumns, ref, data, size, useRowSel
       // @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;
@@ -131,6 +135,10 @@ export function genAutoWidthColumns(fileteredColumns, ref, data, size, useRowSel
       } 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) {
       // 首列不会被挤占
@@ -151,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"
@@ -254,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] : [];

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/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;