@teamix/pro 1.5.1-aplha.0 → 1.5.1

package/es/table/typing.d.ts

@@ -0,0 +1,371 @@
+/**
+ * ProTable 类型定义
+ */
+import { ColumnProps, TableProps } from '@alicloudfe/components/types/table';
+import { ProFieldType, ProFieldRenderProps, ProFieldDataSourceItem } 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, 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;
+declare type ITableCellRender = {
+    [key in IFieldRenderProps]?: ProFieldRenderProps[key] | ProTableCellFunProp;
+} | ((...other: any) => React.ReactNode);
+declare type TDataService = {
+    /** 翻页器总数 */
+    total?: string | number;
+    /** 表格数据 */
+    data?: any;
+};
+export declare type responsivePaginationType = 'mini' | 'small' | 'simple' | 'normal';
+export declare type ProTableColumnProps = {
+    /**
+     * 会在 title 之后展示一个 icon，hover 之后提示一些信息
+     */
+    tooltip?: string;
+    /**
+     * title 之后展示一个 icon 设置，可传 TeamixIcon 对应的 type，也可以是自定义 Icon
+     */
+    tooltipIcon?: React.ReactNode;
+    /** 对应 ProField 里面的 type */
+    valueType?: ProFieldType;
+    /** 是否隐藏表格列，列配置也不显示 */
+    hidden?: boolean;
+    /** 【列配置】是否默认隐藏表格列，但列配置显示 */
+    columnFilters?: boolean;
+    /** 【列配置】是否禁用隐藏列 */
+    columnFiltersDisabled?: boolean;
+    /** 渲染单元格内容字段 */
+    render?: ITableCellRender;
+    /** 枚举值 */
+    dataSource?: ProFieldDataSourceItem[] | ProTableCellFunProp;
+    /** 表头的过滤菜单项，当值为 true 时，自动使用 dataSource 生成 */
+    filters?: boolean | ProTableColumnsFilterItemProps[];
+    /** 表头的过滤菜单项过滤方式 single 单选 multiple 多选 */
+    filtersMode?: 'single' | 'multiple';
+    /** 表头的过滤菜单项在搜索之前的参数操作 */
+    beforeFilter?: (rules: string[]) => string;
+    /** 表头的过滤菜单宽度 */
+    filtersWidth?: string | number;
+    /** 操作组配置 */
+    actionSchema?: ProActionGroupProps;
+    /** 指定列对应的字段，支持`a.b`形式的快速取值 和 数组取值 */
+    dataIndex?: string | string[];
+    /** 指定 valueType 为日期时间格式时，可以格式化日期时间 */
+    format?: string;
+    /** ProField 其他配置项 */
+    props?: any;
+} & Omit<ColumnProps, 'filters' | 'dataIndex' | 'filtersMode'>;
+export declare type ProColumnProps = ProTableColumnProps;
+export declare type ProTableProps = {
+    /** ProColums 定义，取代 Table 的 columns */
+    columns: ProTableColumnProps[];
+    /** 请求地址 */
+    url?: string;
+    /** 请求方法 */
+    method?: Method;
+    /** 请求参数 */
+    params?: {
+        [propName: string]: any;
+    };
+    /** sort 排序请求参数处理函数 */
+    formatSort?: (sort: object) => object;
+    /** 如需自定义调用参数格式，则可以设定此值在请求前对 params 进行自定义，如果返回false则可以阻止请求 */
+    formatParams?: (params: any) => typeof params;
+    /** 对返回值的 data，total 进行映射处理  */
+    formatResult?: TDataService | ((res: any) => TDataService);
+    /** 请求成功后经过 formatResult 转换后的回调 */
+    onFormatResult?: (data: any[]) => void;
+    /** 是否第一次加载时就发起请求 */
+    requestWhenMount?: boolean;
+    /** 内部请求每次成功后的回调 */
+    onSuccess?: (res: any) => void;
+    /** 内部请求失败时的回调 */
+    onError?: (error: Error) => void;
+    /** 自定义的请求配置 */
+    requestConfig?: AxiosRequestConfig;
+    /** 翻页页数的请求参数名  */
+    pageKey?: string;
+    /** 翻页器页数对应字段 */
+    pageSizeKey?: string;
+    /** 翻页器每页显示的条数 */
+    pageSize?: number;
+    /** 每页显示选择器可选值 */
+    pageSizeList?: PaginationProps['pageSizeList'];
+    /** 透传给翻页器的属性  */
+    paginationProps?: PaginationProps;
+    /** 是否显示翻页器  */
+    showPagination?: boolean;
+    /** 手动指定响应式翻页器的 type */
+    responsivePaginationType?: responsivePaginationType;
+    /** 是否使用内置的 rowSelection */
+    useRowSelection?: boolean;
+    /** 内置 rowSelection 变化时的回调 */
+    onChangeRowSelection?: (selectedRowKeys: string[]) => void;
+    /** 获取内置 rowSelection */
+    getRowSelection?: (rowSelection: innerRowSelectionType) => void;
+    /** 表格底部（左侧）配置 */
+    footerAction?: ProActionGroupProps | React.ReactNode;
+    /** 表格底部（右层）配置 */
+    footer?: React.ReactNode;
+    /**
+     * @deprecated 已废弃 建议用 dataFilter 中的 filterDebounce 代替
+     * 筛选区自动搜索的防抖时间（毫秒）
+     */
+    filterDebounce?: number;
+    /** ProTable action 的引用，便于手动触发一些方法  */
+    actionRef?: React.MutableRefObject<ProTableActionType | undefined>;
+    /** 是否首次加载渲染骨架屏  */
+    showSkeleton?: boolean;
+    /** 渲染骨架屏条数  */
+    skeletonSize?: number;
+    /** 表格主题 className */
+    tableClassName?: string;
+    /** 非全屏模式下是否吸底 默认状态下取用 ProPageContainer 作为参照物。如果传入了 Dom，则取用 Dom 作为参照物 */
+    footerSuction?: boolean | Element;
+    /** 当满足条件时开启自动刷新，返回值为自动刷新间隔时间，如果返回 0 或 false 则停止自动刷新，每次触发翻页、搜索都将重置时间 */
+    autoRefresh?: (dataSource: any[]) => number | boolean;
+    /** 自定义请求方法，必需返回 success，data 字段，如果需要手动分页 total 也是必需的 */
+    customRequest?: (params: any) => Promise<{
+        success: boolean;
+        data: any[];
+        total?: number;
+    }>;
+    /** 翻页时是否保留之前批量选择数据 */
+    reserveSelectedRecords?: boolean;
+    /** 默认漏斗过滤条件 */
+    defaultFilterParams?: {
+        [key: string]: any[] | any;
+    };
+    /** 禁用掉批量选择中的全选 */
+    disableSelectAll?: boolean;
+    /** 接收外部传来的 context，eg: dialog-table */
+    context?: any;
+    /** 是否固定表格主体（开启后横向滚动条会固定在底部） */
+    fixedTableBody?: boolean;
+    /** 用于埋点 */
+    'data-teamix-spm'?: string;
+    /** 是否切换卡片视角 **/
+    switchCardView?: boolean;
+    /** 卡片视角配置 **/
+    cardViewProps?: ProTableCardProps;
+    /** 默认展示维度 **/
+    defaultView?: 'table' | 'card';
+} & Omit<TableProps, 'columns'> & ProTableTopAreaProps;
+export declare type rowSelectionType = {
+    getProps?: (record: any, index: number) => any;
+    onChange?: (selectedRowKeys: Array<any>, records: Array<any>) => void;
+    onSelect?: (selected: boolean, record: any, records: Array<any>) => void;
+    onSelectAll?: (selected: boolean, records: Array<any>) => void;
+    selectedRowKeys?: Array<any>;
+    selectedRecords?: any[];
+    mode?: 'single' | 'multiple';
+    titleProps?: () => any;
+    columnProps?: () => any;
+    titleAddons?: () => any;
+};
+export declare type innerRowSelectionType = {
+    rowSelection: rowSelectionType;
+    selectedRowKeys: string[];
+    setSelectedRowKeys: (selectedRowKeys: string[]) => void;
+    selectedRecords: any[];
+    setSelectedRecords: (selectedRecords: any[]) => void;
+};
+export declare type ProTableActionType = {
+    /** 全屏展示 */
+    fullScreen?: () => boolean;
+    /** 设置显示列 */
+    setColumn?: (newColumns: ProColumnProps[], update?: boolean) => void;
+    /** 表格尺寸 */
+    size?: 'small' | 'medium';
+    /** 设置表格大小 */
+    setSize?: (mode: 'small' | 'medium') => void;
+    /** 刷新表格 */
+    refresh?: (params?: any) => void;
+    /*** 表格内部请求方法 */
+    request?: (params?: any) => void;
+    /** 重置表格 */
+    reset?: () => void;
+    /** 表格选择相关属性 */
+    rowSelection?: innerRowSelectionType | rowSelectionType;
+    /** 清空表格选择 */
+    clearRowSelection?: () => void;
+    /** 过滤 DataSource */
+    filterDataSource?: (dataIndex: string) => void;
+    /** 翻页器当前信息 */
+    pageInfo?: {
+        /** 总数 */
+        total?: number;
+        /** 当前页 */
+        current?: number;
+        /** 每页数据量 */
+        pageSize?: number;
+        /** 翻页页数的请求参数名*/
+        targetPageKey?: string;
+        /** 翻页单页数量的请求参数名 */
+        targetPageSizeKey?: string;
+    };
+    /** 重置翻页器为1，不发送请求 */
+    resetPage?: () => void;
+    nextPage?: () => void;
+    /** 获取数据过滤区表单实例 */
+    dataFilterForm?: ProFormType;
+    /** 用于在 mount 的时候获取到表单 ref */
+    dataFilterFormRef?: React.MutableRefObject<ProFormType>;
+    normalDataFilterForm?: ProFormType;
+    fullscreenDataFilterForm?: ProFormType;
+    filterEnableRef?: any;
+    /** 表格当前的数据 */
+    data?: any[];
+    /** 切换视角 **/
+    switchView?: (view: 'card' | 'table') => void;
+    /** 设置数据源 **/
+    setData?: (data: any[]) => void;
+    setCardViewScrollPosition?: (scrollTop: number) => void;
+} & ProTableActionTypeMutations;
+/** action State 定义 */
+export declare type ProTableActionTypeMutations = {
+    /** 获取state 状态 */
+    getState?: () => ProTableActionTypeState;
+    /** 设置state 状态 */
+    setState?: (key: string, value: any) => void;
+    /** 设置全屏状态 */
+    setFullScreenState?: (state: boolean) => void;
+    /** 绑定state监听事件 */
+    on?: (...args: any) => void;
+    /** 销毁监听事件 */
+    off?: (...args: any) => void;
+    /** 设置 列 过滤规则 */
+    setFilterRules?: (rules: ProTableColumnsFilterRulesItem) => void;
+    /** 获取 列 过滤规则 */
+    getFilterRules?: () => object;
+    /** 重新计算表格maxHeight高度 */
+    resetTableMaxBodyHeight?: (offset: number) => void;
+    /** 列筛选规则 */
+    filterColumns?: any[];
+    /** 获取所有 on 监听事件 */
+    getCallback?: () => any;
+};
+/** action Mutations 定义 */
+export declare type ProTableActionTypeState = {
+    fullScreenState: boolean;
+    filterRules: ProTableColumnsFilterRulesItem;
+    filterColumns: ProTableColumnProps[];
+    [key: string]: any;
+};
+export declare type ProTableDataFilterProps = {
+    searchUndefined?: boolean;
+    /** 搜索时是否传入值为空字符串的参数，默认不传 */
+    searchEmptyString?: boolean;
+    /** 自定义内容 */
+    content?: React.ReactNode;
+} & QueryFilterProps;
+export declare type dataFilterProps = ProTableDataFilterProps;
+export declare type ProTableTopAreaProps = {
+    /** 标题区 */
+    header?: ProTableHeaderProps;
+    /** 主操作区 */
+    mainAction?: ProActionGroupProps | React.ReactNode;
+    /** 工具栏区 */
+    toolBar?: boolean | ProTableToolBarItem[];
+    /** 是否开启工具栏自适应 */
+    toolBarAutoWidth?: boolean;
+    /** 快捷操作区 */
+    extra?: ProActionButtonProps | React.ReactNode | React.ReactNode[];
+    /** 数据过滤区 */
+    dataFilter?: ProTableDataFilterProps;
+    /** 数据过滤区下方自定义区域 */
+    afterDataFilter?: React.ReactNode;
+    /** 传给 QueryFilter 的 formRef */
+    dataFilterFormRef?: any;
+    /** 排序、筛选列展示状态 */
+    filterColumnType?: 'dialog' | 'dropdown' | 'auto';
+};
+/** 单个工具栏 */
+export declare type ProTableToolBarItem = React.ReactNode | 'refresh' | 'density' | 'filterColumn' | 'fullscreen';
+export declare type toolBarItem = ProTableToolBarItem;
+export declare type ProTableLayoutProps = {
+    actionRef: React.MutableRefObject<ProTableActionType | undefined>;
+    columns?: ProTableColumnProps[];
+    rowSelection?: innerRowSelectionType | rowSelectionType;
+    fullScreenState?: boolean;
+    dataTeamixSpm?: string;
+    switchCardView?: boolean;
+    defaultView?: 'table' | 'card';
+} & ProTableTopAreaProps;
+/** columns 列过滤 */
+export declare type ProTableColumnsFilterItemProps = {
+    /** 绑定值 */
+    value?: string | boolean | number;
+    /** 显示值 */
+    label?: React.ReactNode;
+};
+/** columns 列过滤规则 item （action ref state用） */
+export declare type ProTableColumnsFilterRulesItem = {
+    [key: string]: {
+        /** 原始规则 */
+        rules: string[];
+        /** 处理过后的作为params的规则 */
+        params: string;
+    };
+};
+/** 非全屏模式下的吸底 useState类型定义 */
+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;
+    /** 卡片配置 **/
+    cardProps?: {
+        [key in keyof ProCardProps]?: ProCardProps[key] | ((index: number, record: any) => ProCardProps[key]);
+    };
+};
+/** 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'];
+};
+export {};

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

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

package/es/table/utils/columnRender.js

@@ -18,8 +18,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function 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; }
@@ -52,24 +50,22 @@ export var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
       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;
+        var _selectedItem$dataInd;
 
-        if ((_selectedItem = selectedItem[dataIndex]) === null || _selectedItem === void 0 ? void 0 : _selectedItem.params) {
-          var _ref, _targetFilters$find;
+        if ((_selectedItem$dataInd = selectedItem[dataIndex]) === null || _selectedItem$dataInd === void 0 ? void 0 : _selectedItem$dataInd.params) {
+          var _targetFilters$find;
 
           // 找到对应的 label
-          var targetFilters = (_ref = filters) !== null && _ref !== void 0 ? _ref : [];
+          var targetFilters = filters !== null && filters !== void 0 ? filters : [];
 
           if (filters === true) {
-            var _ref2;
-
-            targetFilters = (_ref2 = dataSource) !== null && _ref2 !== void 0 ? _ref2 : [];
+            targetFilters = dataSource !== null && dataSource !== void 0 ? dataSource : [];
           }
 
           var label = (_targetFilters$find = targetFilters.find(function (item) {
-            var _selectedItem2;
+            var _selectedItem$dataInd2;
 
-            return item.value === ((_selectedItem2 = selectedItem[dataIndex]) === null || _selectedItem2 === void 0 ? void 0 : _selectedItem2.params);
+            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, ")");
           return /*#__PURE__*/React.createElement(ProField, {
@@ -113,7 +109,10 @@ export var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
  * 负责单元格的具体渲染
  */
 
-export var renderCell = function renderCell(value, item, index, record, actionRef, context) {
+export var renderCell = function renderCell(value, item, index, record, actionRef,
+/** 接收外部比如 dialog-table 传过来的 context，用于弹窗关闭等 */
+context, // 用于埋点
+dataTeamixSpm) {
   var _actionSchema$actions;
 
   var _item$valueType = item.valueType,
@@ -181,10 +180,11 @@ export var renderCell = function renderCell(value, item, index, record, actionRe
       action: actionRef.current
     }, context);
 
-    return /*#__PURE__*/React.createElement(ProActionGroup, _extends({
+    return /*#__PURE__*/React.createElement(ProActionGroup, _objectSpread(_objectSpread({
       type: "text"
-    }, actionSchema, {
-      context: _objectSpread(_objectSpread({}, defaultContext), actionSchema.context)
+    }, actionSchema), {}, {
+      context: _objectSpread(_objectSpread({}, defaultContext), actionSchema.context),
+      "data-teamix-spm": dataTeamixSpm ? "".concat(dataTeamixSpm, "-columnAction") : undefined
     }));
   } // dataSource可传函数
 
@@ -197,10 +197,10 @@ export var renderCell = function renderCell(value, item, index, record, actionRe
     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 (_ref3) {
-        var _ref4 = _slicedToArray(_ref3, 2),
-            k = _ref4[0],
-            v = _ref4[1];
+      return Object.fromEntries(Object.entries(item).map(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+            k = _ref2[0],
+            v = _ref2[1];
 
         return [k, getTargetValue(v, _objectSpread(_objectSpread({}, record), {}, {
           record: record,
@@ -212,7 +212,7 @@ export var renderCell = function renderCell(value, item, index, record, actionRe
   } // 渲染 ProField
 
 
-  return /*#__PURE__*/React.createElement(ProField, _extends({
+  return /*#__PURE__*/React.createElement(ProField, _objectSpread({
     type: valueType || 'text',
     value: value,
     render: newRender,
@@ -236,10 +236,10 @@ var processRenderFunction = function processRenderFunction() {
   var record = arguments.length > 3 ? arguments[3] : undefined;
   // 当 ProField render 类型为 function 时。需要表格预先处理以塞入 record
   var external = ['linkOnClick', 'link', 'value', 'renderEdit', 'descriptionRenderEdit', 'editPopConfirmProps', 'descriptionEditPopConfirmProps', 'editOnClick', 'descriptionEditOnClick', 'extra', 'prefixExtra'];
-  return Object.fromEntries(Object.entries(render).map(function (_ref5) {
-    var _ref6 = _slicedToArray(_ref5, 2),
-        k = _ref6[0],
-        v = _ref6[1];
+  return Object.fromEntries(Object.entries(render).map(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+        k = _ref4[0],
+        v = _ref4[1];
 
     if (typeof v === 'function') {
       var _v;
@@ -275,10 +275,10 @@ var processBuriedPoint = function processBuriedPoint() {
   var index = arguments.length > 3 ? arguments[3] : undefined;
   return Object.fromEntries([// 默认 ellipsis、descriptionEllipsis 为 true
   // emptyText 默认为 '-'
-  ['ellipsis', true], ['descriptionEllipsis', true], ['emptyText', '-']].concat(_toConsumableArray(Object.entries(render).map(function (_ref7) {
-    var _ref8 = _slicedToArray(_ref7, 2),
-        k = _ref8[0],
-        v = _ref8[1];
+  ['ellipsis', true], ['descriptionEllipsis', true], ['emptyText', '-']].concat(_toConsumableArray(Object.entries(render).map(function (_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+        k = _ref6[0],
+        v = _ref6[1];
 
     return [k, getTargetValue(v, _objectSpread(_objectSpread({}, record), {}, {
       record: record,

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

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

package/es/table/utils/genProColumnToColumn.js

@@ -14,14 +14,16 @@ import React from 'react';
 import { renderColumnsTitle, renderCell } from './columnRender';
 import { ProSkeletonRaw as Skeleton } from '../../skeleton';
 import { getLanguage } from '@teamix/utils';
-
 /**
  * ProColumn => Column
  */
+
 export default function genProColumnToColumn(columns,
 /** 是否渲染骨架屏 */
 showSkeleton, actionRef) {
   var context = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var // 用于埋点
+  dataTeamixSpm = arguments.length > 4 ? arguments[4] : undefined;
   return columns.map(function (columnProps) {
     var filters = columnProps.filters,
         dataIndex = columnProps.dataIndex,
@@ -47,7 +49,7 @@ showSkeleton, actionRef) {
       dataIndex: dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.toString(),
       title: renderColumnsTitle(columnProps, actionRef),
       cell: function cell(value, index, record) {
-        return renderCell(value, columnProps, index, record, actionRef, context);
+        return renderCell(value, columnProps, index, record, actionRef, context, dataTeamixSpm);
       }
     });
   });

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

@@ -0,0 +1,2 @@
+declare const _default: () => string[];
+export default _default;

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

@@ -0,0 +1,3 @@
+import { TableProps } from '@alicloudfe/components/types/table';
+declare const _default: () => TableProps['sortIcons'];
+export default _default;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { ProTableActionType } from '../typing';
+import { ProTableProps, ProTableColumnProps } from '..';
+export declare function actionRefUseStateOn(callback: any, state: string, ...args: any): void;
+/** table 组件内监听 不对外暴露 */
+export declare function on(fun: any, key: string): void;
+/** table 组件内销毁监听 不对外暴露 */
+export declare function off(key: string): void;
+/** table 组件内触发事件 不对外暴露 */
+export declare function emit(key: string, ...args: any): void;
+export declare function initActionRef(ref: React.MutableRefObject<ProTableActionType | undefined>, action: ProTableActionType): void;
+export declare function useActionType<T>(ref: React.MutableRefObject<ProTableActionType | undefined>, action: ProTableActionType): void;
+export declare function cloneDeep<T>(obj: T): T;
+/**
+ * 处理默认过滤参数
+ * @param columns
+ * @param ref
+ */
+export declare function processDefaultFilter(columns: ProTableColumnProps[], ref: React.MutableRefObject<ProTableActionType | undefined>, defaultFilterParams: ProTableProps['defaultFilterParams']): void;

package/es/table/utils/index.js

@@ -16,8 +16,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import cloneDeepLodash from 'lodash.clonedeep';
-// 所有 ProTable 组件公用一套组件内事件转发机制
+import cloneDeepLodash from 'lodash.clonedeep'; // 所有 ProTable 组件公用一套组件内事件转发机制
+
 var tableCallback = {}; // 组件内对全局状态的更改
 
 var getMutations = function getMutations(actionRef) {

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

@@ -0,0 +1,9 @@
+import { ProTableColumnProps } from '../typing';
+/**
+ * 增加了 icon 的功能 render title
+ */
+export declare const renderColumnsTitle: (item: ProTableColumnProps) => JSX.Element;
+/**
+ * 负责单元格的具体渲染
+ */
+export declare const renderCell: (value: any, item: ProTableColumnProps, index: number, record: any) => JSX.Element;

package/es/table/utils/pureColumnRender.js

@@ -6,8 +6,6 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _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."); }
@@ -32,10 +30,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import React from 'react';
 import { getTargetValue } from '@teamix/utils';
 import ProField, { LabelIconTip } from '../../field';
-
 /**
  * 增加了 icon 的功能 render title
  */
+
 export var renderColumnsTitle = function renderColumnsTitle(item) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelIconTip, {
     label: item.title,
@@ -126,7 +124,7 @@ export var renderCell = function renderCell(value, item, index, record) {
   } // 渲染 ProField
 
 
-  return /*#__PURE__*/React.createElement(ProField, _extends({
+  return /*#__PURE__*/React.createElement(ProField, _objectSpread({
     type: valueType || 'text',
     value: value,
     render: newRender,

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

@@ -0,0 +1,7 @@
+import { ProTableColumnProps } from '../typing';
+import { ColumnProps } from '@alicloudfe/components/types/table';
+/**
+ * ProColumn => Column，去掉操作列，过滤器相关逻辑
+ * 用于非 ProTable 比如 selectTable
+ */
+export default function genProColumnToColumn(columns: ProTableColumnProps[]): ColumnProps[];

package/es/table/utils/pureGenProColumnToColumn.js

@@ -11,11 +11,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 { renderColumnsTitle, renderCell } from './pureColumnRender';
-
 /**
  * ProColumn => Column，去掉操作列，过滤器相关逻辑
  * 用于非 ProTable 比如 selectTable
  */
+
 export default function genProColumnToColumn(columns) {
   return columns.map(function (columnProps) {
     var filters = columnProps.filters,

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

@@ -0,0 +1,3 @@
+import { rowSelectionType, innerRowSelectionType } from '../typing';
+declare function useTableSelection(config?: rowSelectionType, primaryKey?: string): innerRowSelectionType;
+export default useTableSelection;

package/es/templates/Detail/index.d.ts

@@ -0,0 +1,2 @@
+import './index.scss';
+export declare const DetailPage: () => JSX.Element;