@teamix/pro 1.4.25-bugfix → 1.4.25-bugfix.2

package/lib/table/index.scss

@@ -89,6 +89,14 @@ $fullscreenPadding: 24px;
       color: var(--table-sort-color-current, #0064c8);
     }
   }
+  .next-table-empty {
+    padding: 0;
+  }
+  .next-table-wrap-empty {
+    .next-table-body tr td{
+      border-bottom: 0;
+    }
+  }
 }
 
 .teamix-pro-table-footer-suction {

package/lib/table/typing.d.ts

@@ -2,13 +2,14 @@
  * ProTable 类型定义
  */
 import { ColumnProps, TableProps } from '@alicloudfe/components/types/table';
-import { ProFieldType, ProFieldRenderProps, ProFieldDataSourceItem } from '../field';
+import { ProFieldType, ProFieldRenderProps, ProFieldDataSourceItem, EmptyContentProps } from '../field';
 import { QueryFilterProps, ProFormType } from '../form';
 import { ProActionGroupProps, ProActionButtonProps } from '../actions';
 import { PaginationProps } from '@alicloudfe/components/types/pagination';
 import { HeaderProps as ProTableHeaderProps } from '../field';
-import { Method } from 'axios';
+import { Method, AxiosRequestConfig } from 'axios';
 import React from 'react';
+import { ProCardProps } from '../card';
 declare type IFieldRenderProps = keyof ProFieldRenderProps;
 /** 列record函数 */
 declare type ProTableCellFunProp = (value: any, index: number, record: any, ...others: any) => any;
@@ -57,9 +58,11 @@ export declare type ProTableColumnProps = {
     dataIndex?: string | string[];
     /** 指定 valueType 为日期时间格式时，可以格式化日期时间 */
     format?: string;
+    /** 多级表头 **/
+    children?: ProTableColumnProps[];
     /** ProField 其他配置项 */
     props?: any;
-} & Omit<ColumnProps, 'filters' | 'dataIndex' | 'filtersMode'>;
+} & Omit<ColumnProps, 'filters' | 'dataIndex' | 'filtersMode' | 'children'>;
 export declare type ProColumnProps = ProTableColumnProps;
 export declare type ProTableProps = {
     /** ProColums 定义，取代 Table 的 columns */
@@ -75,9 +78,9 @@ export declare type ProTableProps = {
     /** sort 排序请求参数处理函数 */
     formatSort?: (sort: object) => object;
     /** 如需自定义调用参数格式，则可以设定此值在请求前对 params 进行自定义，如果返回false则可以阻止请求 */
-    formatParams?: (params: any) => typeof params;
+    formatParams?: ((params: any) => typeof params) | string;
     /** 对返回值的 data，total 进行映射处理  */
-    formatResult?: TDataService | ((res: any) => TDataService);
+    formatResult?: TDataService | ((res: any) => TDataService) | string;
     /** 请求成功后经过 formatResult 转换后的回调 */
     onFormatResult?: (data: any[]) => void;
     /** 是否第一次加载时就发起请求 */
@@ -86,6 +89,8 @@ export declare type ProTableProps = {
     onSuccess?: (res: any) => void;
     /** 内部请求失败时的回调 */
     onError?: (error: Error) => void;
+    /** 自定义的请求配置 */
+    requestConfig?: AxiosRequestConfig;
     /** 翻页页数的请求参数名  */
     pageKey?: string;
     /** 翻页器页数对应字段 */
@@ -126,7 +131,15 @@ export declare type ProTableProps = {
     /** 非全屏模式下是否吸底 默认状态下取用 ProPageContainer 作为参照物。如果传入了 Dom，则取用 Dom 作为参照物 */
     footerSuction?: boolean | Element;
     /** 当满足条件时开启自动刷新，返回值为自动刷新间隔时间，如果返回 0 或 false 则停止自动刷新，每次触发翻页、搜索都将重置时间 */
-    autoRefresh?: (dataSource: any[]) => number | boolean;
+    autoRefresh?: ((dataSource: any[]) => number | boolean) | boolean;
+    /** 自动刷新配置 */
+    autoRefreshProps?: {
+        /** 可选间隔列表 **/
+        dataSource?: {
+            label?: React.ReactNode;
+            value?: number;
+        }[];
+    };
     /** 自定义请求方法，必需返回 success，data 字段，如果需要手动分页 total 也是必需的 */
     customRequest?: (params: any) => Promise<{
         success: boolean;
@@ -145,6 +158,20 @@ export declare type ProTableProps = {
     context?: any;
     /** 是否固定表格主体（开启后横向滚动条会固定在底部） */
     fixedTableBody?: boolean;
+    /** 用于埋点 */
+    'data-teamix-spm'?: string;
+    /** 是否切换卡片视角 **/
+    switchCardView?: boolean;
+    /** 卡片视角配置 **/
+    cardViewProps?: ProTableCardProps;
+    /** 默认展示维度 **/
+    defaultView?: 'table' | 'card';
+    /** 空状态配置 **/
+    emptyProps?: EmptyContentProps;
+    /** 是否绑定 url **/
+    bindUrl?: boolean;
+    /** 绑定 url 配置 **/
+    bindUrlProps?: ProTableBindUrlProps;
 } & Omit<TableProps, 'columns'> & ProTableTopAreaProps;
 export declare type rowSelectionType = {
     getProps?: (record: any, index: number) => any;
@@ -201,6 +228,7 @@ export declare type ProTableActionType = {
     };
     /** 重置翻页器为1，不发送请求 */
     resetPage?: () => void;
+    nextPage?: () => void;
     /** 获取数据过滤区表单实例 */
     dataFilterForm?: ProFormType;
     /** 用于在 mount 的时候获取到表单 ref */
@@ -210,6 +238,15 @@ export declare type ProTableActionType = {
     filterEnableRef?: any;
     /** 表格当前的数据 */
     data?: any[];
+    /** 切换视角 **/
+    switchView?: (view: 'card' | 'table') => void;
+    /** 设置数据源 **/
+    setData?: (data: any[]) => void;
+    setCardViewScrollPosition?: (scrollTop: number) => void;
+    /** 刷新定时器间隔时间 */
+    setAutoRefreshTimers?: (timers: number) => void;
+    /** 清除刷新定时器 */
+    clearAutoRefreshTimers?: () => void;
 } & ProTableActionTypeMutations;
 /** action State 定义 */
 export declare type ProTableActionTypeMutations = {
@@ -256,6 +293,8 @@ export declare type ProTableTopAreaProps = {
     mainAction?: ProActionGroupProps | React.ReactNode;
     /** 工具栏区 */
     toolBar?: boolean | ProTableToolBarItem[];
+    /** 是否开启工具栏自适应 */
+    toolBarAutoWidth?: boolean;
     /** 快捷操作区 */
     extra?: ProActionButtonProps | React.ReactNode | React.ReactNode[];
     /** 数据过滤区 */
@@ -274,6 +313,14 @@ export declare type ProTableLayoutProps = {
     actionRef: React.MutableRefObject<ProTableActionType | undefined>;
     columns?: ProTableColumnProps[];
     rowSelection?: innerRowSelectionType | rowSelectionType;
+    fullScreenState?: boolean;
+    dataTeamixSpm?: string;
+    switchCardView?: boolean;
+    defaultView?: 'table' | 'card';
+    autoRefresh?: ProTableProps['autoRefresh'];
+    autoRefreshProps?: ProTableProps['autoRefreshProps'];
+    bindUrl?: ProTableProps['bindUrl'];
+    bindUrlProps?: ProTableProps['bindUrlProps'];
 } & ProTableTopAreaProps;
 /** columns 列过滤 */
 export declare type ProTableColumnsFilterItemProps = {
@@ -296,4 +343,76 @@ export declare type parentPositionProps = {
     offsetLeft: number;
     offsetRight: number;
 };
+/** card props **/
+export declare type ProTableCardProps = {
+    /** 标题 dataIndex **/
+    title?: (ProTableColumnProps['dataIndex'] | ProTableColumnProps) | ((index: number, record: any) => ProTableColumnProps['dataIndex'] | ProTableColumnProps);
+    /** 副标题 dataIndex **/
+    subTitle?: (ProTableColumnProps['dataIndex'] | ProTableColumnProps) | ((index: number, record: any) => ProTableColumnProps['dataIndex'] | ProTableColumnProps);
+    /** 内容区域 dataIndex **/
+    content?: (ProTableColumnProps['dataIndex'] | ProTableColumnProps)[] | ((index: number, record: any) => (ProTableColumnProps['dataIndex'] | ProTableColumnProps)[]);
+    /** extra 区域 **/
+    extra?: (ProActionGroupProps | React.ReactNode | ProTableColumnProps['dataIndex'])[] | ((index: number, record: any) => (ProActionGroupProps | React.ReactNode | ProTableColumnProps['dataIndex'])[]);
+    /** 标签区域 **/
+    tags?: (ProTableColumnProps['dataIndex'] | ProTableColumnProps)[] | ((index: number, record: any) => (ProTableColumnProps['dataIndex'] | ProTableColumnProps)[]);
+    /** 分页器条数 **/
+    pageSize?: 12 | 24 | 48 | 96 | number;
+    /** 卡片区域滚动高度 **/
+    scrollHeight?: number | string;
+    /** 自动加载下一页 **/
+    autoLoadNextPage?: boolean;
+    /** 滚动容器 用于监听触底事件 **/
+    scrollDom?: HTMLElement;
+    /** 触底事件 **/
+    onScrollBottom?: () => void;
+    /** 使用表格分页 **/
+    useTablePagination?: boolean;
+    /** 使用响应式 **/
+    cardResponsiveProps?: {
+        xxs?: number;
+        xs?: number;
+        s?: number;
+        m?: number;
+        l?: number;
+        xl?: number;
+    };
+    /** 卡片配置 **/
+    cardProps?: {
+        [key in keyof ProCardProps]?: ProCardProps[key] | ((index: number, record: any) => ProCardProps[key]);
+    };
+    /** 是否展示卡片骨架 **/
+    showSkeleton?: boolean;
+};
+/** card 视角 Props （内部组件） **/
+export declare type ProTableCardViewProps = {
+    /** 卡片视角配置 **/
+    cardViewProps?: ProTableCardProps;
+    /** 数据源 **/
+    dataSource?: any[];
+    /** 原始 columns **/
+    originColumns?: any[];
+    /** 处理过后的 columns **/
+    columns?: any[];
+    /** 加载动画 **/
+    loading?: boolean;
+    /** 上下文 **/
+    context?: any;
+    actionRef?: React.MutableRefObject<ProTableActionType | undefined>;
+    /** 卡片区域滚动高度 **/
+    scrollHeight?: number | string;
+    /** 骨架屏状态 **/
+    showSkeleton?: boolean;
+    /** ProCard 卡片配置 **/
+    cardProps?: ProTableCardProps['cardProps'];
+    /** 表格分页器参数 **/
+    tablePaginationProps?: PaginationProps;
+};
+export declare type ProTableBindUrlProps = {
+    /** 翻页器区域 **/
+    pagination?: boolean;
+    /** 搜索区域 **/
+    filters?: boolean;
+    /** 表格标题过滤器区域 **/
+    headerFilters?: boolean;
+};
 export {};

package/lib/table/utils/columnRender.d.ts

@@ -2,12 +2,12 @@
  * 渲染列的逻辑函数
  */
 import React from 'react';
-import { ProTableColumnProps, ProTableActionType } from '../typing';
+import { ProTableColumnProps, ProTableActionType, ProTableProps } from '../typing';
 /**
  * 增加了 icon 的功能 render title
  */
-export declare const renderColumnsTitle: (item: ProTableColumnProps, actionRef: React.MutableRefObject<ProTableActionType | undefined>) => JSX.Element;
+export declare const renderColumnsTitle: (item: ProTableColumnProps, actionRef: React.MutableRefObject<ProTableActionType | undefined>, bindUrl?: ProTableProps['bindUrl'], bindUrlProps?: ProTableProps['bindUrlProps']) => JSX.Element;
 /**
  * 负责单元格的具体渲染
  */
-export declare const renderCell: (value: any, item: ProTableColumnProps, index: number, record: any, actionRef: React.MutableRefObject<ProTableActionType | undefined>, context?: any) => JSX.Element;
+export declare const renderCell: (value: any, item: ProTableColumnProps, index: number, record: any, actionRef: React.MutableRefObject<ProTableActionType | undefined>, context?: any, dataTeamixSpm?: string) => JSX.Element;

package/lib/table/utils/columnRender.js

@@ -1,86 +1,56 @@
 "use strict";
 
 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); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderColumnsTitle = exports.renderCell = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _utils = require("@teamix/utils");
-
 var _actions = require("../../actions");
-
 var _field = _interopRequireWildcard(require("../../field"));
-
 var _Filter = _interopRequireDefault(require("../components/Filter"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 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; }
-
 /**
  * 增加了 icon 的功能 render title
  */
-var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
+var renderColumnsTitle = function renderColumnsTitle(item, actionRef, bindUrl, bindUrlProps) {
   var filterMode = item.filterMode,
-      filters = item.filters,
-      dataSource = item.dataSource,
-      dataIndex = item.dataIndex,
-      valueType = item.valueType; // 为列过滤添加状态标题
-
+    filters = item.filters,
+    dataSource = item.dataSource,
+    dataIndex = item.dataIndex,
+    valueType = item.valueType;
+  // 为列过滤添加状态标题
   var getItemLabel = function getItemLabel() {
     if (filters && filterMode !== 'multiple') {
       var _actionRef$current$ge, _actionRef$current, _actionRef$current$ge2;
-
       var selectedItem = (_actionRef$current$ge = (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$ge2 = _actionRef$current.getState) === null || _actionRef$current$ge2 === void 0 ? void 0 : _actionRef$current$ge2.call(_actionRef$current).filterRules) !== null && _actionRef$current$ge !== void 0 ? _actionRef$current$ge : {};
-
       if (Object.keys(selectedItem).length > 0) {
         var _selectedItem$dataInd;
-
         if ((_selectedItem$dataInd = selectedItem[dataIndex]) === null || _selectedItem$dataInd === void 0 ? void 0 : _selectedItem$dataInd.params) {
           var _targetFilters$find;
-
           // 找到对应的 label
           var targetFilters = filters !== null && filters !== void 0 ? filters : [];
-
           if (filters === true) {
             targetFilters = dataSource !== null && dataSource !== void 0 ? dataSource : [];
           }
-
           var label = (_targetFilters$find = targetFilters.find(function (item) {
             var _selectedItem$dataInd2;
-
             return item.value === ((_selectedItem$dataInd2 = selectedItem[dataIndex]) === null || _selectedItem$dataInd2 === void 0 ? void 0 : _selectedItem$dataInd2.params);
           })) === null || _targetFilters$find === void 0 ? void 0 : _targetFilters$find.label;
           var value = "".concat(item.title, " (").concat(label, ")");
@@ -98,7 +68,6 @@ var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
         }
       }
     }
-
     return /*#__PURE__*/_react.default.createElement(_field.default, {
       style: {
         display: 'inline-flex'
@@ -111,40 +80,37 @@ var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
       }
     });
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_field.LabelIconTip, {
     label: item.title,
     tooltip: item.tooltip,
     icon: item.tooltipIcon
   }), item.filters && /*#__PURE__*/_react.default.createElement(_Filter.default, {
     column: item,
-    actionRef: actionRef
+    actionRef: actionRef,
+    bindUrl: bindUrl,
+    bindUrlProps: bindUrlProps
   }));
 };
 /**
  * 负责单元格的具体渲染
  */
-
-
 exports.renderColumnsTitle = renderColumnsTitle;
-
-var renderCell = function renderCell(value, item, index, record, actionRef,
-/** 接收外部比如 dialog-table 传过来的 context，用于弹窗关闭等 */
-context) {
+var renderCell = function renderCell(value, item, index, record, actionRef, /** 接收外部比如 dialog-table 传过来的 context，用于弹窗关闭等 */
+context,
+// 用于埋点
+dataTeamixSpm) {
   var _actionSchema$actions;
-
   var _item$valueType = item.valueType,
-      valueType = _item$valueType === void 0 ? 'text' : _item$valueType,
-      render = item.render,
-      actionSchema = item.actionSchema,
-      dataIndex = item.dataIndex,
-      format = item.format; // 如果没传 dataIndex，返回 null
-
+    valueType = _item$valueType === void 0 ? 'text' : _item$valueType,
+    render = item.render,
+    actionSchema = item.actionSchema,
+    dataIndex = item.dataIndex,
+    format = item.format;
+  // 如果没传 dataIndex，返回 null
   if (!dataIndex) {
     value = null;
-  } // 处理 dataIndex 为数组的情况
-
-
+  }
+  // 处理 dataIndex 为数组的情况
   if (Array.isArray(dataIndex)) {
     value = dataIndex.map(function (item) {
       return (0, _utils.getTargetValue)("{{".concat(item, "}}"), _objectSpread(_objectSpread({}, record), {}, {
@@ -152,18 +118,16 @@ context) {
       }));
     });
   }
-
   var newRender = null;
   var newDataSource = null;
-  var props = item.props; // 如果 render 直接传函数
-
+  var props = item.props;
+  // 如果 render 直接传函数
   if (typeof render === 'function') {
     newRender = function newRender() {
       return render === null || render === void 0 ? void 0 : render(value, index, record);
     };
   } else {
     newRender = processBuriedPoint(processRenderFunction(render, value, index, record), record, value, index);
-
     if (valueType === 'selectGroup') {
       newRender = _objectSpread(_objectSpread({
         maxShowNumber: 'auto',
@@ -180,15 +144,13 @@ context) {
         }
       }, props);
     }
-
     if ((render === null || render === void 0 ? void 0 : render.type) === 'step') {
       newRender = _objectSpread(_objectSpread({}, newRender), {}, {
         ellipsis: false
       });
     }
-  } // 渲染操作组
-
-
+  }
+  // 渲染操作组
   if (actionSchema && ((_actionSchema$actions = actionSchema.actions) === null || _actionSchema$actions === void 0 ? void 0 : _actionSchema$actions.length)) {
     // 默认 context
     var defaultContext = _objectSpread({
@@ -197,28 +159,24 @@ context) {
       record: record,
       action: actionRef.current
     }, context);
-
     return /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _objectSpread(_objectSpread({
       type: "text"
     }, actionSchema), {}, {
-      context: _objectSpread(_objectSpread({}, defaultContext), actionSchema.context)
+      context: _objectSpread(_objectSpread({}, defaultContext), actionSchema.context),
+      "data-teamix-spm": dataTeamixSpm ? "".concat(dataTeamixSpm, "-columnAction") : undefined
     }));
-  } // dataSource可传函数
-
-
+  }
+  // dataSource可传函数
   if (typeof item.dataSource === 'function') {
     var _item$dataSource;
-
     newDataSource = (_item$dataSource = item.dataSource) === null || _item$dataSource === void 0 ? void 0 : _item$dataSource.call(item, value, index, record);
   } else {
     var _item$dataSource2;
-
     newDataSource = ((_item$dataSource2 = item.dataSource) !== null && _item$dataSource2 !== void 0 ? _item$dataSource2 : []).map(function (item) {
       return Object.fromEntries(Object.entries(item).map(function (_ref) {
         var _ref2 = _slicedToArray(_ref, 2),
-            k = _ref2[0],
-            v = _ref2[1];
-
+          k = _ref2[0],
+          v = _ref2[1];
         return [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
           record: record,
           value: value,
@@ -226,9 +184,8 @@ context) {
         }))];
       }));
     });
-  } // 渲染 ProField
-
-
+  }
+  // 渲染 ProField
   return /*#__PURE__*/_react.default.createElement(_field.default, _objectSpread({
     type: valueType || 'text',
     value: value,
@@ -245,10 +202,7 @@ context) {
  * @param record table cell record
  * @returns
  */
-
-
 exports.renderCell = renderCell;
-
 var processRenderFunction = function processRenderFunction() {
   var render = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var value = arguments.length > 1 ? arguments[1] : undefined;
@@ -258,25 +212,20 @@ var processRenderFunction = function processRenderFunction() {
   var external = ['linkOnClick', 'link', 'value', 'renderEdit', 'descriptionRenderEdit', 'editPopConfirmProps', 'descriptionEditPopConfirmProps', 'editOnClick', 'descriptionEditOnClick', 'extra', 'prefixExtra'];
   return Object.fromEntries(Object.entries(render).map(function (_ref3) {
     var _ref4 = _slicedToArray(_ref3, 2),
-        k = _ref4[0],
-        v = _ref4[1];
-
+      k = _ref4[0],
+      v = _ref4[1];
     if (typeof v === 'function') {
       var _v;
-
       if (external.includes(k)) {
         return [k, function () {
           for (var _len = arguments.length, others = new Array(_len), _key = 0; _key < _len; _key++) {
             others[_key] = arguments[_key];
           }
-
           return v === null || v === void 0 ? void 0 : v.apply(void 0, [value, index, record].concat(others));
         }];
       }
-
       return [k, (_v = v === null || v === void 0 ? void 0 : v(value, index, record)) !== null && _v !== void 0 ? _v : ''];
     }
-
     return [k, v];
   }));
 };
@@ -286,20 +235,18 @@ var processRenderFunction = function processRenderFunction() {
  * @param record table cell record
  * @returns
  */
-
-
 var processBuriedPoint = function processBuriedPoint() {
   var render = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var record = arguments.length > 1 ? arguments[1] : undefined;
   var value = arguments.length > 2 ? arguments[2] : undefined;
   var index = arguments.length > 3 ? arguments[3] : undefined;
-  return Object.fromEntries([// 默认 ellipsis、descriptionEllipsis 为 true
+  return Object.fromEntries([
+  // 默认 ellipsis、descriptionEllipsis 为 true
   // emptyText 默认为 '-'
   ['ellipsis', true], ['descriptionEllipsis', true], ['emptyText', '-']].concat(_toConsumableArray(Object.entries(render).map(function (_ref5) {
     var _ref6 = _slicedToArray(_ref5, 2),
-        k = _ref6[0],
-        v = _ref6[1];
-
+      k = _ref6[0],
+      v = _ref6[1];
     return [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
       record: record,
       value: value,

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

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

package/lib/table/utils/genProColumnToColumn.js

@@ -4,41 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = genProColumnToColumn;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _columnRender = require("./columnRender");
-
 var _skeleton = require("../../skeleton");
-
 var _utils = require("@teamix/utils");
-
-var _excluded = ["filters", "dataIndex"];
-
+var _excluded = ["filters", "dataIndex", "children"];
 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; }
-
 /**
  * ProColumn => Column
  */
-function genProColumnToColumn(columns,
-/** 是否渲染骨架屏 */
+function genProColumnToColumn(columns, /** 是否渲染骨架屏 */
 showSkeleton, actionRef) {
   var context = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var
+  // 用于埋点
+  dataTeamixSpm = arguments.length > 4 ? arguments[4] : undefined;
+  var bindUrl = arguments.length > 5 ? arguments[5] : undefined;
+  var bindUrlProps = arguments.length > 6 ? arguments[6] : undefined;
   return columns.map(function (columnProps) {
     var filters = columnProps.filters,
-        dataIndex = columnProps.dataIndex,
-        others = _objectWithoutProperties(columnProps, _excluded);
-
+      dataIndex = columnProps.dataIndex,
+      children = columnProps.children,
+      others = _objectWithoutProperties(columnProps, _excluded);
     if (showSkeleton) {
       return _objectSpread(_objectSpread({}, others), {}, {
         filters: undefined,
@@ -50,16 +42,16 @@ showSkeleton, actionRef) {
         }
       });
     }
-
     return _objectSpread(_objectSpread({
       // 金钱样式默认右对齐
       align: columnProps.valueType === 'money' ? 'right' : 'left',
       wordBreak: (0, _utils.getLanguage)() === 'en-us' ? 'word' : 'all'
     }, others), {}, {
+      children: children ? genProColumnToColumn(children, showSkeleton, actionRef, context) : undefined,
       dataIndex: dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.toString(),
-      title: (0, _columnRender.renderColumnsTitle)(columnProps, actionRef),
+      title: (0, _columnRender.renderColumnsTitle)(columnProps, actionRef, bindUrl, bindUrlProps),
       cell: function cell(value, index, record) {
-        return (0, _columnRender.renderCell)(value, columnProps, index, record, actionRef, context);
+        return (0, _columnRender.renderCell)(value, columnProps, index, record, actionRef, context, dataTeamixSpm);
       }
     });
   });

package/lib/table/utils/getTableProps.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 // 返回 Table 属性列表
 var _default = function _default() {
   return ['stickyHeader', 'offsetTop', 'affixProps', 'components', 'useVirtual', 'rowHeight', 'maxBodyHeight', 'primaryKey', 'dataSource', 'onBodyScroll', 'openRowKeys', 'defaultOpenRowKeys', 'onRowOpen', 'indent', 'isTree', 'locale', 'expandedRowRender', 'rowExpandable', 'expandedRowIndent', 'hasExpandedRowCtrl', 'getExpandedColProps', 'onExpandedRowClick', 'rowSelection', 'entireDataSource', 'scrollToCol', 'scrollToRow', 'hasHeader', 'fixedHeader', 'prefix', 'defaultPropsConfig', 'errorBoundary', 'pure', 'warning', 'rtl', 'device', 'children', 'popupContainer', 'tableLayout', 'tableWidth', 'style', 'size', 'onRowClick', 'onRowMouseEnter', 'onRowMouseLeave', 'onSort', 'onFilter', 'onResizeChange', 'rowProps', 'cellProps', 'hasBorder', 'isZebra', 'loading', 'loadingComponent', 'filterParams', 'sort', 'sortIcons', 'columns', 'emptyContent', 'lockType', 'wrapperContent', 'refs', 'expandedIndexSimulate', 'crossline', 'lengths'];
 };
-
 exports.default = _default;