@teamix/pro 1.0.25 → 1.1.0

package/lib/table/index.scss

@@ -0,0 +1,104 @@
+$prefix: 'teamix-pro-table';
+$fullscreenPadding: 24px;
+
+.next-overlay-wrapper {
+  --checkbox-select-icon-content: '\ead7';
+  --checkbox-semi-select-icon-content: '\ead5';
+}
+
+.#{$prefix} {
+  background: var(--table-row-bg, #ffffff);
+  position: relative;
+  --checkbox-select-icon-content: '\ead7';
+  --checkbox-semi-select-icon-content: '\ead5';
+  &-footer {
+    padding: 8px 0;
+  }
+  &-footer-fixed {
+    position: fixed;
+    z-index: 3;
+    bottom: 0;
+    border-top: 1px solid var(--color-line1-2);
+    box-shadow: var(--shadow-1-up);
+    background: var(--color-fill1-1);
+  }
+  &-footer-has-rowSelection {
+    display: flex;
+    align-items: center;
+    padding: 8px 0;
+  }
+  &-footer-left-wrapper {
+    display: flex;
+    flex: 1;
+    align-items: center;
+  }
+  &-footer-right-wrapper {
+    display: flex;
+    justify-content: flex-end;
+  }
+  &-footer-action {
+    margin-left: 16px;
+  }
+  &-footer-checkbox-medium {
+    margin-left: var(--table-cell-padding-left, 16px);
+  }
+  &-footer-checkbox-small {
+    margin-left: var(--table-size-s-cell-padding-left, 8px);
+  }
+  &-selected-msg {
+    color: var(--color-fill1-6);
+    margin-left: 16px;
+  }
+  &-fullscreen {
+    padding: $fullscreenPadding $fullscreenPadding 0 $fullscreenPadding;
+
+    // 去除全屏锁列之后右侧滚动条阴影
+    .next-table-stickylock.next-table-scrolling-to-right {
+      &::after {
+        box-shadow: unset;
+      }
+    }
+
+    .teamix-pro-table-footer {
+      position: fixed;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      padding: 10px $fullscreenPadding 8px $fullscreenPadding;
+      box-shadow: var(--shadow-1-up);
+      background-color: var(--table-row-bg, #ffffff);
+      margin: 0;
+      z-index: 2;
+    }
+
+    .next-table-body {
+      transition: all 0.1s;
+    }
+  }
+  // sort icon
+  .next-table-sort.next-table-header-icon {
+    line-height: 16px;
+    margin-left: 6px;
+    .teamix-icon {
+      position: absolute;
+      width: 12px;
+    }
+    & .current .teamix-icon {
+      color: var(--table-sort-color-current, #0064c8);
+    }
+  }
+}
+
+.teamix-pro-table-footer-suction {
+  margin-bottom: 50px;
+  .teamix-pro-table-footer {
+    position: fixed;
+    bottom: 0;
+    padding: 10px $fullscreenPadding 8px $fullscreenPadding;
+    box-shadow: var(--shadow-1-up);
+    background-color: var(--table-row-bg, #ffffff);
+    margin: 0;
+    z-index: 2;
+    transition: width .3s;
+  }
+}

package/lib/table/typing.d.ts

@@ -0,0 +1,222 @@
+/**
+ * ProTable 类型定义
+ */
+import { ColumnProps, TableProps } from '@alicloudfe/components/types/table';
+import { IProFieldType, IProFieldFormatterProps, IProFieldOptionItem, IProFieldValueEnum } from '../field';
+import { IFilterProps } from '../form';
+import { ActionGroupProps, IActionButton } from '../actions';
+import { PaginationProps } from '@alicloudfe/components/types/pagination';
+import { HeaderProps as ProTableHeaderProps } from '@teamix/utils';
+import { Method } from 'axios';
+import React from 'react';
+import type { Form as FormType } from '@formily/core';
+declare type IFieldRenderProps = keyof IProFieldFormatterProps;
+declare type ITableCellRender = {
+    [key in IFieldRenderProps]?: IProFieldFormatterProps[key] | ((...props: any) => void);
+} | ((...other: any) => React.ReactNode);
+declare type TDataService = {
+    /** 翻页器总数 */
+    total?: string;
+    /** 表格数据 */
+    data?: any;
+};
+export declare type ProColumnProps = {
+    /**
+     * 会在 title 之后展示一个 icon，hover 之后提示一些信息
+     */
+    tooltip?: string;
+    /**
+     * title 之后展示一个 icon 设置，可传 TeamixIcon 对应的 type，也可以是自定义 Icon
+     */
+    tooltipIcon?: React.ReactNode;
+    /** 对应 ProField 里面的 type */
+    valueType?: IProFieldType;
+    /** 是否默认隐藏列 */
+    columnFilters?: boolean;
+    /** 是否禁用隐藏列 */
+    columnFiltersDisabled?: boolean;
+    /** 渲染单元格内容字段 */
+    render?: ITableCellRender;
+    /** 枚举值 */
+    dataSource?: IProFieldValueEnum | IProFieldOptionItem[];
+    /** 表头的过滤菜单项，当值为 true 时，自动使用 dataSource 生成 */
+    filters?: boolean | ProTableColumnsFilterItemProps[];
+    /** 表头的过滤菜单项过滤方式 single 单选 multiple 多选 */
+    filtersMode?: 'single' | 'multiple';
+    /** 表头的过滤菜单项在搜索之前的参数操作 */
+    beforeFilter?: (rules: string[]) => string;
+    /** 操作组配置 */
+    actionSchema?: ActionGroupProps;
+    /** 指定列对应的字段，支持`a.b`形式的快速取值 和 数组取值 */
+    dataIndex?: string | string[];
+} & Omit<ColumnProps, 'filters' | 'dataIndex' | 'filtersMode'>;
+export declare type ProTableProps = {
+    /** ProColums 定义，取代 Table 的 columns */
+    columns: ProColumnProps[];
+    /** 请求地址 */
+    url?: string;
+    /** 请求方法 */
+    method?: Method;
+    /** 请求参数 */
+    params?: object;
+    /** 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;
+    /** 翻页页数的请求参数名  */
+    pageKey?: string;
+    /** 翻页器页数对应字段 */
+    pageSizeKey?: string;
+    /** 翻页器每页显示的条数 */
+    pageSize?: number;
+    /** 每页显示选择器可选值 */
+    pageSizeList?: PaginationProps['pageSizeList'];
+    /** 透传给翻页器的属性  */
+    paginationProps?: PaginationProps;
+    /** 是否显示翻页器  */
+    showPagination?: boolean;
+    /** 是否使用内置的 rowSelection */
+    useRowSelection?: boolean;
+    /** 内置 rowSelection 变化时的回调 */
+    onChangeRowSelection?: (selectedRowKeys: string[]) => void;
+    /** 获取内置 rowSelection */
+    getRowSelection?: (rowSelection: rowSelectionType) => void;
+    /** 表格底部（左侧）配置 */
+    footerAction?: ActionGroupProps | React.ReactNode;
+    /** 筛选区自动搜索的防抖时间（毫秒） */
+    filterDebounce?: number;
+    /** ProTable action 的引用，便于手动触发一些方法  */
+    actionRef?: React.MutableRefObject<ProTableActionType | undefined>;
+    /** 是否首次加载渲染骨架屏  */
+    showSkeleton?: boolean;
+    /** 渲染骨架屏条数  */
+    skeletonSize?: number;
+    /** 表格主题 className */
+    tableClassName?: string;
+    /** 非全屏模式下是否吸底 默认状态下取用 ProPageContainer 作为参照物。如果传入了Dom，则取用Dom作为参照物 */
+    footerSuction?: boolean | Element;
+} & 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>;
+    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[]) => void;
+    /** 设置表格大小 */
+    setSize?: (mode: 'small' | 'medium') => void;
+    /** 刷新表格 */
+    refresh?: (params?: any) => void;
+    /*** 表格内部请求方法 */
+    request?: (params?: any) => void;
+    /** 重置表格 */
+    reset?: () => void;
+    /** 清空表格选择 */
+    clearRowSelection?: () => void;
+    /** 过滤 DataSource */
+    filterDataSource?: (dataIndex: string) => void;
+    /** 翻页器当前信息 */
+    pageInfo?: {
+        /** 总数 */
+        total?: number;
+        /** 当前页 */
+        current?: number;
+        /** 每页数据量 */
+        pageSize?: number;
+    };
+} & ProTableActionTypeMutations;
+/** action State 定义 */
+export declare type ProTableActionTypeMutations = {
+    /** 获取state状态 */
+    getState?: () => ProTableActionTypeState;
+    /** 设置全屏状态 */
+    setFullScreenState?: (state: boolean) => void;
+    /** 绑定state监听事件 */
+    on?: (...args: any) => void;
+    /** 销毁监听事件 */
+    off?: (...args: any) => void;
+    /** 设置 列 过滤规则 */
+    setFilterRules?: (rules: ProTableColumnsFilterRulesItem) => void;
+    /** 重新计算表格maxHeight高度 */
+    resetTableMaxBodyHeight?: () => void;
+};
+/** action Mutations 定义 */
+export declare type ProTableActionTypeState = {
+    fullScreenState: boolean;
+    filterRules: ProTableColumnsFilterRulesItem;
+};
+export declare type dataFilterProps = {
+    /** 展示形式 */
+    mode?: 'inline' | 'panel';
+    /** mode='panel' 时是否默认展开 */
+    expand?: boolean;
+} & IFilterProps;
+export declare type ProTableTopAreaProps = {
+    /** 标题区 */
+    header?: ProTableHeaderProps;
+    /** 主操作区 */
+    mainAction?: ActionGroupProps | React.ReactNode;
+    /** 工具栏区 */
+    toolBar?: boolean | toolBarItem[];
+    /** 快捷操作区 */
+    quickAction?: IActionButton | React.ReactNode | React.ReactNode[];
+    /** 数据过滤区 */
+    dataFilter?: dataFilterProps;
+    /** 数据过滤区 form 表单模型 */
+    dataFilterForm?: FormType;
+};
+/** 单个工具栏 */
+declare type toolBarItem = React.ReactNode | 'refresh' | 'density' | 'filterColumn' | 'fullscreen';
+export declare type ProTableLayoutProps = {
+    actionRef: React.MutableRefObject<ProTableActionType | undefined>;
+    columns?: ProColumnProps[];
+    rowSelection?: innerRowSelectionType | rowSelectionType;
+} & 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;
+};
+export {};

package/lib/table/typing.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

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

package/lib/table/utils/columnRender.js

@@ -0,0 +1,201 @@
+"use strict";
+
+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 = _interopRequireDefault(require("../../field"));
+
+var _Filter = _interopRequireDefault(require("../components/Filter"));
+
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_utils.LabelIconTip, {
+    label: item.title,
+    tooltip: item.tooltip,
+    icon: item.tooltipIcon
+  }), item.filters && /*#__PURE__*/_react.default.createElement(_Filter.default, {
+    column: item,
+    actionRef: actionRef
+  }));
+};
+/**
+ * 负责单元格的具体渲染
+ */
+
+
+exports.renderColumnsTitle = renderColumnsTitle;
+
+var renderCell = function renderCell(value, item, index, record, actionRef) {
+  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; // 如果没传 dataIndex，返回 null
+
+  if (!dataIndex) {
+    value = null;
+  } // 处理 dataIndex 为数组的情况
+
+
+  if (Array.isArray(dataIndex)) {
+    value = dataIndex.map(function (item) {
+      return (0, _utils.getTargetValue)("{{".concat(item, "}}"), _objectSpread(_objectSpread({}, record), {}, {
+        record: record
+      }));
+    });
+  }
+
+  var newRender = null; // 如果 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 (actionSchema && ((_actionSchema$actions = actionSchema.actions) === null || _actionSchema$actions === void 0 ? void 0 : _actionSchema$actions.length)) {
+    // 默认 context
+    var defaultContext = {
+      value: value,
+      index: index,
+      record: record,
+      action: actionRef.current
+    };
+    return /*#__PURE__*/_react.default.createElement(_actions.ActionGroup, _objectSpread(_objectSpread({
+      type: "text"
+    }, actionSchema), {}, {
+      context: _objectSpread(_objectSpread({}, defaultContext), actionSchema.context)
+    }));
+  } // 渲染 ProField
+
+
+  if (render) {
+    return /*#__PURE__*/_react.default.createElement(_field.default, {
+      type: valueType,
+      value: value,
+      render: newRender,
+      dataSource: item.dataSource
+    });
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_field.default, {
+    type: valueType || 'text',
+    value: value,
+    // 默认 ellipsis、descriptionEllipsis 为 true
+    render: {
+      ellipsis: true,
+      descriptionEllipsis: true
+    }
+  });
+};
+/**
+ * 处理 render 配置项是函数的情况
+ * @param render ProFieldRender
+ * @param value table cell value
+ * @param index table cell index
+ * @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;
+  var index = arguments.length > 2 ? arguments[2] : undefined;
+  var record = arguments.length > 3 ? arguments[3] : undefined;
+  var external = ['linkOnClick', 'link', 'value'];
+  return Object.fromEntries(Object.entries(render).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        k = _ref2[0],
+        v = _ref2[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];
+  }));
+};
+/**
+ * 处理 render 数据，取出 {{xxx}} 匹配值
+ * @param render ProFieldRender
+ * @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
+  ['ellipsis', true], ['descriptionEllipsis', true]].concat(_toConsumableArray(Object.entries(render).map(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+        k = _ref4[0],
+        v = _ref4[1];
+
+    return [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
+      record: record,
+      value: value,
+      index: index
+    }))];
+  }))));
+};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ProColumnProps, ProTableActionType } from '../typing';
+import { ColumnProps } from '@alicloudfe/components/types/table';
+/**
+ * ProColumn => Column
+ */
+export default function genProColumnToColumn(columns: ProColumnProps[], 
+/** 是否渲染骨架屏 */
+showSkeleton: boolean, actionRef: React.MutableRefObject<ProTableActionType | undefined>): ColumnProps[];

package/lib/table/utils/genProColumnToColumn.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = genProColumnToColumn;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _columnRender = require("./columnRender");
+
+var _skeleton = require("../../skeleton");
+
+var _excluded = ["filters", "dataIndex"];
+
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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,
+/** 是否渲染骨架屏 */
+showSkeleton, actionRef) {
+  return columns.map(function (columnProps) {
+    var filters = columnProps.filters,
+        dataIndex = columnProps.dataIndex,
+        others = _objectWithoutProperties(columnProps, _excluded);
+
+    if (showSkeleton) {
+      return _objectSpread(_objectSpread({}, others), {}, {
+        filters: undefined,
+        sortable: false,
+        dataIndex: dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.toString(),
+        title: /*#__PURE__*/_react.default.createElement(_skeleton.BaseSkeleton.Table.TH, null),
+        cell: function cell() {
+          return /*#__PURE__*/_react.default.createElement(_skeleton.BaseSkeleton.Table.TD, null);
+        }
+      });
+    }
+
+    return _objectSpread(_objectSpread({
+      // 金钱样式默认右对齐
+      align: columnProps.valueType === 'money' ? 'right' : 'left'
+    }, others), {}, {
+      dataIndex: dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.toString(),
+      title: (0, _columnRender.renderColumnsTitle)(columnProps, actionRef),
+      cell: function cell(value, index, record) {
+        return (0, _columnRender.renderCell)(value, columnProps, index, record, actionRef);
+      }
+    });
+  });
+}

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

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

package/lib/table/utils/getTableProps.js

@@ -0,0 +1,13 @@
+"use strict";
+
+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;

package/lib/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/lib/table/utils/getTableSortIcons.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _icon = _interopRequireDefault(require("@teamix/icon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** 返回自定义 sortIcons */
+var _default = function _default() {
+  return {
+    asc: /*#__PURE__*/_react.default.createElement(_icon.default, {
+      type: "swap-up-line",
+      size: "small",
+      style: {
+        left: 4
+      }
+    }),
+    desc: /*#__PURE__*/_react.default.createElement(_icon.default, {
+      type: "swap-down-line",
+      size: "small",
+      style: {
+        left: -4
+      }
+    })
+  };
+};
+
+exports.default = _default;