@cloudbase/weda-ui 3.5.0 → 3.5.2-mp

package/dist/web/components/wd-table/components/FieldRender/index.js

@@ -1,700 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable */
-import React, { useMemo } from 'react';
-import { useMediaQuery } from '@react-hookz/web';
-import fromEntries from 'object.fromentries';
-import { Modal, Table, Form, ConfigProvider } from 'tea-component';
-import { formatTimeByType } from '../../../../utils/date';
-import { safeJsonParse, isValueEmpty } from '../../../../utils/tool';
-import Location, { locationProperties } from './Form/Location';
-import { EnumView, formatEnum } from './Form/Enum';
-import { ErrorBoundary } from 'react-error-boundary';
-import RichTextView from '../../../richTextView';
-import UploaderFileView from '../../../uploaderFileView';
-import { ViewCell } from './UserDepartment/ViewCell';
-import { QuoteModal } from './QuoteModal';
-import { TABLE_SLOT_PREFIX } from '../../../../utils/constant';
-import { getPrimaryField } from '../../../../utils/datasource';
-import { useConfig } from '../../../../utils/config-context';
-import { EnumHoc } from '../../../../utils/hooks/EnumHoc';
-import { ImagePreview } from './ImagePreview';
-const MODAL_SIZE = 'auto';
-// 文字提示框包裹组件
-const TextWrap = React.memo(function TextWrapComp(props) {
-    const { showTip, children, title: rawTitle } = props;
-    const title = rawTitle || children;
-    const rest = showTip ? { title, overflow: true } : { title };
-    return (_jsx("div", { className: "wd-text-overflow", ...rest, children: children }));
-});
-/**
- * 根据类型获取展示字段组件的 render 方法，用于表格/详情中的值转换
- * extra: { modelType: 'list' | 'detail' | 'update' | 'create', showTip: boolean }
- * 表格中的字符串/枚举数组，详情中的字符串数组会截断并showTip
- */
-export function getFieldRender(field = {}, extra = {}) {
-    var _a;
-    const { type, format, items, properties, title } = field;
-    const { modelType, showTip = true } = extra;
-    const textProps = { showTip };
-    // 枚举-旧，新版 TODO
-    if ((_a = field['x-enumObj']) === null || _a === void 0 ? void 0 : _a.length) {
-        const XEnumObj = (val) => {
-            if (!val)
-                return '-';
-            const item = field['x-enumObj'].find((item) => (item === null || item === void 0 ? void 0 : item.value) === val);
-            return _jsx(TextWrap, { ...textProps, children: (item === null || item === void 0 ? void 0 : item.label) || '-' });
-        };
-        return XEnumObj;
-    }
-    // render 方法
-    const FieldRender = (val) => {
-        if (isValueEmpty(val) || (type === 'array' && !(val === null || val === void 0 ? void 0 : val.length))) {
-            return '-';
-        }
-        // fieldValue 值转换，如布尔/时间/枚举等
-        let fieldValue = val;
-        // 图片 render 方法
-        const xImageRender = (val) => (_jsx("div", { className: `${modelType === 'table' ? 'table-data-item-value' : ''}`, children: _jsx(ImagePreview, { srcList: val }) }));
-        // 地理位置 Render方法
-        const xLocationRender = (val, modelType, isInArray = false) => {
-            var _a;
-            if (isInArray) {
-                const value = val === null || val === void 0 ? void 0 : val.reduce((prev, curr) => {
-                    const { address, longitude, latitude } = formatLocationData(curr).meta;
-                    prev.push({
-                        address,
-                        longitude,
-                        latitude,
-                    });
-                    return prev;
-                }, []);
-                const locationField = {
-                    ...field,
-                    items: {
-                        ...items,
-                        properties: locationProperties,
-                    },
-                };
-                return (_jsx(ArrayComponent, { value: value, modelType: modelType, field: locationField, items: items }));
-            }
-            if (modelType === 'table') {
-                const content = (_a = formatLocationData(val)) === null || _a === void 0 ? void 0 : _a.flatContent;
-                return _jsx(TextWrap, { ...textProps, children: content });
-            }
-            else {
-                return _jsx(Location, { readonly: true, value: val });
-            }
-        };
-        if (type === 'string') {
-            if (format === 'x-rtf') {
-                // 富文本
-                const showRichText = (val) => {
-                    const modal = Modal.show({
-                        className: 'e-rich-text-view-modal',
-                        caption: '内容展示',
-                        size: MODAL_SIZE,
-                        onClose: () => modal.destroy(),
-                        children: _jsx(RichTextView, { value: val }),
-                    });
-                };
-                fieldValue = JSON.stringify(val);
-                return modelType === 'detail' ? (_jsx(RichTextView, { value: fieldValue })) : (_jsx("a", { onClick: (e) => {
-                        e.stopPropagation();
-                        showRichText(fieldValue);
-                    }, children: "\u8BE6\u60C5" }));
-            }
-            else if (format === 'x-image') {
-                // 图片
-                return xImageRender(fieldValue);
-            }
-            else if (format === 'x-file') {
-                // 文件
-                return (_jsx(UploaderFileView, { value: fieldValue, single: (extra === null || extra === void 0 ? void 0 : extra.modelType) !== 'detail' }));
-            }
-            else if (isShowOrgsView(field, modelType)) {
-                return (_jsx(ViewCell, { data: fieldValue, showType: modelType, 
-                    // type={field['x-parent']?.parentDataSourceName === 'sys_department' ? 'org' : 'user'}
-                    relation: extra === null || extra === void 0 ? void 0 : extra.relation }));
-            }
-            else if (format === 'x-enum') {
-                // 枚举（新）
-                return (_jsx(TextWrap, { ...textProps, title: val, children: _jsx(EnumView, { field: field, values: val }) }));
-            }
-            else if (format === 'url') {
-                // 网址
-                return (_jsx("a", { target: "_blank", href: fieldValue, rel: "noreferrer", children: _jsx(TextWrap, { ...textProps, children: fieldValue }) }));
-            }
-            else {
-                return _jsx(TextWrap, { ...textProps, children: fieldValue });
-            }
-        }
-        else if (type === 'number') {
-            fieldValue = formatNumber(val, field);
-            return _jsx(TextWrap, { children: fieldValue });
-        }
-        else if (type === 'boolean') {
-            fieldValue = formatBoolean(val);
-            return _jsx(TextWrap, { children: fieldValue });
-        }
-        else if (type === 'object') {
-            const objectRender = ({ value, modelType, fields }) => {
-                if (typeof val === 'object') {
-                    return (_jsx(DataItemView, { value: value, modelType: modelType, fields: fields }));
-                }
-                return _jsx(TextWrap, { ...textProps, children: value });
-            };
-            fieldValue = safeJsonParse(val);
-            if ((field === null || field === void 0 ? void 0 : field.format) === 'x-location') {
-                return xLocationRender(fieldValue, modelType);
-            }
-            else if (modelType === 'detail') {
-                return objectRender({
-                    value: fieldValue,
-                    modelType: 'detail',
-                    fields: properties,
-                });
-            }
-            else {
-                return (_jsx(QuoteModal, { className: "e-object-view-modal", caption: title, size: MODAL_SIZE, children: objectRender({
-                        value: val,
-                        modelType: { modelType },
-                        fields: properties,
-                    }) }));
-            }
-        }
-        else if (type === 'array') {
-            if (field.name === '_departmentList' &&
-                ['table', 'detail'].includes(modelType)) {
-                return _jsx(TextWrap, { ...textProps, children: val || '-' });
-            }
-            if (format === 'x-enum') {
-                // 枚举（新）
-                return (_jsx(TextWrap, { ...textProps, title: val, children: _jsx(EnumView, { field: field, values: val }) }));
-            }
-            else if ((items === null || items === void 0 ? void 0 : items.format) === 'x-location') {
-                // 地理位置
-                return xLocationRender(fieldValue, modelType, true);
-            }
-            else if ((items === null || items === void 0 ? void 0 : items.format) === 'x-image') {
-                // 图片数组
-                return xImageRender(fieldValue);
-            }
-            else if ((items === null || items === void 0 ? void 0 : items.format) === 'x-file' && (extra === null || extra === void 0 ? void 0 : extra.modelType) === 'detail') {
-                // 文件数组，在详情页和表格页展示不同
-                return _jsx(UploaderFileView, { value: fieldValue, single: false });
-            }
-            else {
-                fieldValue = safeJsonParse(val);
-                return (_jsx(ArrayComponent, { value: fieldValue, field: field, modelType: modelType, items: items }));
-            }
-        }
-        return _jsx("span", { children: JSON.stringify(fieldValue) });
-    };
-    return FieldRender;
-}
-/**
- * object类型，展示表单组件
- */
-export const DataItemView = ({ fields, modelType, value }) => {
-    const isH5 = useMediaQuery('(max-width: 768px)');
-    return (_jsx(Form, { readonly: true, className: isH5 ? 'tea-form--vertical' : '', children: Object.entries(fields).map(([key, field]) => {
-            const fieldRender = getFieldRender(field, {
-                showTip: false,
-                modelType,
-            });
-            return (_jsx(Form.Item, { label: field.title, children: _jsx(Form.Text, { children: fieldRender(value === null || value === void 0 ? void 0 : value[(field === null || field === void 0 ? void 0 : field.name) || key]) }) }, key));
-        }) }));
-};
-/**
- * object，展示表格组件
- */
-export const DataTableView = ({ fields, value }) => {
-    var _a;
-    const { classPrefix } = useConfig();
-    const rawFields = (_a = Object === null || Object === void 0 ? void 0 : Object.entries(fields.properties)) === null || _a === void 0 ? void 0 : _a.map(([name, field]) => Object.assign({}, field, { name }));
-    const columns = useMemo(() => {
-        const rawFieldsSort = rawFields.sort((a, b) => a['x-index'] - b['x-index']);
-        const baseColumns = getColumns({
-            columnSets: [],
-            fields: rawFieldsSort,
-            isH5: false,
-        });
-        return baseColumns;
-    }, [rawFields]);
-    return (_jsx(ConfigProvider, { classPrefix: classPrefix, children: _jsx(EnumHoc, { fields: rawFields, children: _jsx(Table, { className: `${classPrefix}-table-wrap`, bordered: "all", recordKey: "_id", records: [].concat(value), columns: columns }) }) }));
-};
-/**
- * array类型，展示组件
- */
-const ArrayComponent = ({ items, modelType, value, field }) => {
-    const isH5 = useMediaQuery('(max-width: 768px)');
-    // PC端 数组嵌套子对象时，显示为表格
-    if (items.type === 'object' && !isH5) {
-        if (modelType === 'detail') {
-            return _jsx(DataTableView, { value: value, fields: field.items });
-        }
-        return (_jsx(QuoteModal, { className: "e-array-view-modal", caption: field.title, size: MODAL_SIZE, children: _jsx(DataTableView, { value: value, fields: field.items }) }));
-    }
-    // H5端或不为嵌套对象时，循环渲染字段
-    return (_jsx("div", { children: Array.isArray(value) &&
-            (value === null || value === void 0 ? void 0 : value.map((item, index) => {
-                const itemRender = getFieldRender(items, { modelType });
-                return (_jsx("div", { className: "field-array-item", children: itemRender(item) }, index));
-            })) }));
-};
-/**
- * 转换数字类型
- */
-export const formatNumber = (value, field) => {
-    let newValue = value;
-    try {
-        if (['date', 'time', 'datetime'].includes(field === null || field === void 0 ? void 0 : field.format) &&
-            typeof value === 'number') {
-            newValue = formatTimeByType(field === null || field === void 0 ? void 0 : field.format, value, field);
-        }
-        else {
-            newValue = formatNumberFix(value, field, true);
-        }
-    }
-    catch (e) { }
-    return newValue;
-};
-/**
- * 转换布尔值类型
- */
-export const formatBoolean = (value) => {
-    let newValue = value;
-    try {
-        if (typeof value === 'boolean') {
-            newValue = value ? '是' : '否';
-        }
-        else {
-            newValue = value;
-        }
-    }
-    catch (e) { }
-    return newValue;
-};
-/**
- * 地理位置格式服务端数据转换
- * @param {*} location
- * @returns
- */
-export const formatLocationData = (location) => {
-    const { address, geopoint } = location || {};
-    const [longitude, latitude] = (geopoint === null || geopoint === void 0 ? void 0 : geopoint.coordinates) || [];
-    const content = address ? `${address}（${latitude},${longitude}）` : '-';
-    return {
-        meta: { address, longitude, latitude },
-        flatContent: content,
-    };
-};
-/**
- * 数字类型-有小数点时补齐0
- * 值不为数字时原值返回，补齐 0 时返回 string，否则返回 number
- */
-export const formatNumberFix = (val, field, setZero = false) => {
-    const num = parseFloat(`${val}`);
-    if (isNaN(num)) {
-        return val;
-    }
-    if (typeof (field === null || field === void 0 ? void 0 : field.numberCount) === 'number') {
-        const numFix = num.toFixed(field === null || field === void 0 ? void 0 : field.numberCount);
-        return setZero ? numFix : parseFloat(numFix);
-    }
-    return num;
-};
-/**
- * 根据 fields 信息生成 column
- * h5 和 pc 部分参数不同
- */
-export const getColumns = ({ columnSets = [], fields, isH5 = false }) => fields === null || fields === void 0 ? void 0 : fields.map((item) => formatFieldToColumn(item, isH5, columnSets));
-const TableCell = ({ record, field, isH5 }) => {
-    const component = React.useMemo(() => {
-        const { name } = field;
-        const value = getFieldValue(name, record);
-        const extra = isH5
-            ? { modelType: 'table-h5', showTip: false, relation: record[`@${name}`] }
-            : { modelType: 'table', relation: record[`@${name}`] };
-        return getFieldRender(field, extra)(value);
-    }, [record, field, isH5]);
-    // 处理渲染错误
-    return (_jsx(ErrorBoundary, { FallbackComponent: () => _jsx("span", { className: "", children: "\u274C \u6570\u636E\u5F02\u5E38" }), children: component }));
-};
-/**
- * 根据 field 属性，生成 column 配置
- * https://git.woa.com/QBase/lcap/common-application-specs/blob/master/types/platform/datasource.ts
- */
-export const formatFieldToColumn = (field, isH5, columnSets) => {
-    const { name, title } = field;
-    // 计算列宽度，略大于计算宽度
-    const width = getFieldWidth(field) + 10;
-    const item = columnSets === null || columnSets === void 0 ? void 0 : columnSets.find((i) => i.key === name);
-    const isIllegalWidth = typeof (item === null || item === void 0 ? void 0 : item.width) !== 'number';
-    return {
-        width: !item || (item === null || item === void 0 ? void 0 : item.widthType) === 'auto' || isIllegalWidth
-            ? width
-            : item === null || item === void 0 ? void 0 : item.width,
-        render: (record) => _jsx(TableCell, { record: record, field: field, isH5: isH5 }),
-        key: name,
-        slotKey: (item === null || item === void 0 ? void 0 : item.slotKey) || name,
-        header: title,
-        align: (item === null || item === void 0 ? void 0 : item.align) || 'left',
-        fixed: '',
-    };
-};
-// 计算 field 占据的宽度
-export const getFieldWidth = (field) => {
-    var _a;
-    const TypeFormatWidthMap = {
-        string: {
-            default: 120,
-            'x-image': 100,
-            'x-file': 150,
-        },
-        number: {
-            datetime: 200,
-            date: 150,
-            default: 150,
-        },
-        boolean: {
-            default: 100,
-        },
-        object: {
-            default: 60,
-        },
-        array: {
-            default: 120,
-            'x-image': 230,
-            'x-file': 150,
-        },
-    };
-    const { title = '', type = '', format = '', items } = field;
-    // 按名称列宽度
-    const nameWidth = title.length * 25;
-    // 按类型列宽度
-    const typeWidth = ((_a = TypeFormatWidthMap === null || TypeFormatWidthMap === void 0 ? void 0 : TypeFormatWidthMap[type]) === null || _a === void 0 ? void 0 : _a[format || (items === null || items === void 0 ? void 0 : items.format) || 'default']) || 0;
-    // 最终宽度
-    const width = typeWidth
-        ? Math.max(nameWidth, typeWidth)
-        : Math.max(nameWidth, 120);
-    return width;
-};
-/**
- * https://tcloud-dev.oa.com/document/product/1505/58791?!preview&!document=1
- * @param  {[String]} processHold [占有： object， 存在， 被有一个流程拥有， 置灰]
- * @param  {[String]} lock [锁定： 没有那个字段 空字符串， 有值就锁定， 置灰]
- */
-export const isProcessHoldOrLocked = (processHold, lock) => {
-    let isProcessHold = false;
-    if (processHold && typeof processHold === 'object') {
-        const keys = Object.keys(processHold);
-        if (keys === null || keys === void 0 ? void 0 : keys.length) {
-            isProcessHold = true;
-        }
-    }
-    return isProcessHold || !!lock;
-};
-export const isShowOrgsView = (field, modelType) => {
-    var _a;
-    const { format } = field;
-    return (format === 'father-son' &&
-        !field['x-system'] &&
-        ['sys_department', 'sys_user'].includes((_a = field['x-parent']) === null || _a === void 0 ? void 0 : _a.parentDataSourceName) &&
-        ['table', 'detail', 'table-h5'].includes(modelType));
-};
-/**
- * 导出数据格式转换
- * 目前 number/boolean/x-enum/x-location 会被转换
- */
-export const formatDataToExport = (datas, fields, enumOptions = {}) => {
-    var _a, _b, _c, _d, _e, _f;
-    if (isValueEmpty(datas) || isValueEmpty(fields)) {
-        return datas;
-    }
-    // 数组
-    if (Array.isArray(datas)) {
-        return datas.map((item) => formatDataToExport(item, fields));
-    }
-    // 对象
-    if (typeof datas === 'object') {
-        const newDatas = {};
-        for (const field of fields) {
-            const key = field === null || field === void 0 ? void 0 : field.name;
-            const zhTitle = (field === null || field === void 0 ? void 0 : field.title) || key;
-            const data = datas[key];
-            if ((_a = field['x-enumObj']) === null || _a === void 0 ? void 0 : _a.length) {
-                // 枚举-旧
-                const item = field['x-enumObj'].find((item) => (item === null || item === void 0 ? void 0 : item.value) === data);
-                newDatas[zhTitle] = (item === null || item === void 0 ? void 0 : item.label) || (item === null || item === void 0 ? void 0 : item.value);
-            }
-            else {
-                switch (field === null || field === void 0 ? void 0 : field.type) {
-                    case 'string':
-                        newDatas[zhTitle] = data;
-                        if ((field === null || field === void 0 ? void 0 : field.format) === 'x-enum') {
-                            newDatas[zhTitle] = formatEnum(data, field, enumOptions);
-                        }
-                        break;
-                    case 'number':
-                        newDatas[zhTitle] = formatNumber(data, field);
-                        break;
-                    case 'boolean':
-                        newDatas[zhTitle] = formatBoolean(data);
-                        break;
-                    case 'object':
-                        if ((field === null || field === void 0 ? void 0 : field.format) === 'x-location') {
-                            newDatas[zhTitle] = (_b = formatLocationData(data)) === null || _b === void 0 ? void 0 : _b.flatContent;
-                        }
-                        else {
-                            newDatas[zhTitle] = formatDataToExport(data, Object.values((field === null || field === void 0 ? void 0 : field.properties) || {}));
-                        }
-                        break;
-                    case 'array':
-                        if (((_c = field === null || field === void 0 ? void 0 : field.items) === null || _c === void 0 ? void 0 : _c.type) === 'object') {
-                            newDatas[zhTitle] = formatDataToExport([].concat(data), Object.values(((_d = field === null || field === void 0 ? void 0 : field.items) === null || _d === void 0 ? void 0 : _d.properties) || {}));
-                        }
-                        else if (((_e = field === null || field === void 0 ? void 0 : field.items) === null || _e === void 0 ? void 0 : _e.type) === 'number') {
-                            newDatas[zhTitle] = []
-                                .concat(data)
-                                .map((d) => formatNumber(d, field === null || field === void 0 ? void 0 : field.items));
-                        }
-                        else if (((_f = field === null || field === void 0 ? void 0 : field.items) === null || _f === void 0 ? void 0 : _f.type) === 'boolean') {
-                            newDatas[zhTitle] = [].concat(data).map((d) => formatBoolean(d));
-                        }
-                        else if ((field === null || field === void 0 ? void 0 : field.format) === 'x-enum') {
-                            newDatas[zhTitle] = formatEnum(data, field, enumOptions);
-                        }
-                        else if (field.name === '_departmentList') {
-                            newDatas[zhTitle] = getFieldValue('_departmentList', datas);
-                        }
-                        else {
-                            newDatas[zhTitle] = data;
-                        }
-                        break;
-                    default:
-                        newDatas[zhTitle] = data;
-                }
-            }
-        }
-        return newDatas;
-    }
-    return datas;
-};
-/**
- * 导出数据为xlsx库接受的格式
- * [[title1, title2], [value1, value2], [value1, value2]]
- */
-export const formatDataToXlsx = (datas, fields, enumOptions = {}) => {
-    const getCellValue = (data, field) => {
-        const key = field === null || field === void 0 ? void 0 : field.name;
-        const value = data === null || data === void 0 ? void 0 : data[key];
-        if (value === undefined)
-            return value;
-        const dataProcessed = formatDataToExport(data, [{ ...field, title: key }], enumOptions);
-        let valueProcessed = dataProcessed[key];
-        if (field.type === 'object') {
-            // 对象字段，展示成 json 格式
-            valueProcessed = JSON.stringify(valueProcessed);
-            valueProcessed = valueProcessed === '{}' ? undefined : valueProcessed;
-        }
-        else if (field.type === 'array') {
-            // 数组字段，以;隔开，元素展示成 json 格式
-            valueProcessed = []
-                .concat(valueProcessed)
-                .map((d) => (typeof d === 'object' ? JSON.stringify(d) : d))
-                .join(';');
-            valueProcessed = valueProcessed === '' ? undefined : valueProcessed;
-        }
-        // 值数字格式转为字符串
-        if (typeof valueProcessed === 'number') {
-            valueProcessed = `${valueProcessed}`;
-        }
-        return valueProcessed;
-    };
-    if (isValueEmpty(datas) || isValueEmpty(fields))
-        return [[]];
-    const head = fields.map((field) => field === null || field === void 0 ? void 0 : field.title);
-    const rows = datas.map((data) => {
-        const row = fields.map((field) => getCellValue(data, field));
-        return row;
-    });
-    return [].concat([head], rows);
-};
-/**
- * 生成搜索配置
- * 1、过滤不支持搜索的字段，时间字段不支持
- * 2、生成配置
- * 3、枚举/数字需要特殊处理
- */
-export const getSearchAttributes = (fields) => fields
-    .filter((field) => {
-    // 不支持搜索的类型
-    if (field.type === 'array' || field.type === 'object')
-        return false;
-    if (['time', 'date', 'datetime'].includes(field.format))
-        return false;
-    if (field['x-parent'])
-        return false;
-    return true;
-})
-    .map((field) => {
-    var _a;
-    const inputTypes = ['string', 'number'];
-    const config = {
-        fieldType: field.type,
-        format: field.format,
-        type: (inputTypes === null || inputTypes === void 0 ? void 0 : inputTypes.includes(field.type)) ? 'input' : 'single',
-        key: field.name,
-        name: field.title,
-    };
-    if (field.type === 'boolean') {
-        config.type = 'single';
-        config.values = [
-            { key: true, name: '是' },
-            { key: false, name: '否' },
-        ];
-    }
-    // 枚举-旧，新版TODO
-    if ((_a = field['x-enumObj']) === null || _a === void 0 ? void 0 : _a.length) {
-        config.values = field['x-enumObj'].map((enumItem) => ({
-            key: enumItem === null || enumItem === void 0 ? void 0 : enumItem.value,
-            name: enumItem === null || enumItem === void 0 ? void 0 : enumItem.label,
-        }));
-        config.type = 'single';
-        config.format = 'x-enum';
-    }
-    return config;
-});
-export const getFieldValue = (name, _record) => {
-    var _a;
-    const record = getPrimaryField(_record);
-    if (name === '_departmentList')
-        return (((_a = record === null || record === void 0 ? void 0 : record['##SHOW']) === null || _a === void 0 ? void 0 : _a._departmentList) || []).join(',');
-    return record[name];
-};
-export const slotRender = (slot, props = {}) => typeof slot === 'function' ? slot(props) : slot;
-const TableSlotCell = ({ record, rowKey, recordIndex, column, columnIndex, slot, }) => {
-    const component = React.useMemo(() => {
-        // 计算单元格的值
-        return slotRender(slot, {
-            record,
-            rowKey,
-            recordIndex,
-            column,
-            columnIndex,
-        });
-    }, [record, rowKey, recordIndex, column, columnIndex]);
-    return _jsx(_Fragment, { children: component });
-};
-/**
- * 根据列管理，过滤表格列信息
- * columns: { key, header, width, align, render,fixed }[] Tea Table 的列
- * columnSets: { key, header, width, align, genre,fixed ,slotKey}[] 模型表格列管理属性
- * slots: object 模型表格作用域插槽
- * isH5: 判断自定义插槽列能否展示，目前是正常展示
- */
-export const filterCustomColumns = ({ columns, columnSets, slots }) => {
-    if (!Array.isArray(columnSets) || !(columnSets === null || columnSets === void 0 ? void 0 : columnSets.length))
-        return columns;
-    // 根据字段类型获取render方式
-    const columnsMap = columns.reduce((acc, item) => {
-        acc[item.key] = item;
-        return acc;
-    }, {});
-    return columnSets.map((item2) => {
-        var _a;
-        const { key, header, genre, fixed } = item2;
-        const isIllegalWidth = typeof (item2 === null || item2 === void 0 ? void 0 : item2.width) !== 'number';
-        item2.width =
-            (item2 === null || item2 === void 0 ? void 0 : item2.widthType) === 'auto' || isIllegalWidth
-                ? ((_a = columnsMap === null || columnsMap === void 0 ? void 0 : columnsMap[key]) === null || _a === void 0 ? void 0 : _a.width) || 120
-                : item2 === null || item2 === void 0 ? void 0 : item2.width;
-        // 拿到自定义列属性值
-        const customColumn = {
-            ...columnsMap[key],
-            ...item2,
-            key,
-            header,
-            fixed,
-        };
-        if (genre === 'slot') {
-            // 拿到列对应的插槽
-            const slot = slots[`${TABLE_SLOT_PREFIX}${(item2 === null || item2 === void 0 ? void 0 : item2.slotKey) || key}`];
-            customColumn.render = (record, rowKey, recordIndex, column, columnIndex) => (_jsx(TableSlotCell, { record: record, rowKey: rowKey, recordIndex: recordIndex, column: column, columnIndex: columnIndex, slot: slot }));
-        }
-        return customColumn;
-    });
-};
-/**
- * 过滤字段列表
- * 导出/搜索框，不展示自定义列
- */
-export const filterCustomFields = ({ fields, columnSets, isFilterGenre = false, }) => {
-    if (!Array.isArray(fields))
-        return [];
-    if (!Array.isArray(columnSets))
-        return fields;
-    const fieldsMap = fromEntries(fields.map((item) => [item.name, item]));
-    return columnSets
-        .filter((item1) => (item1 === null || item1 === void 0 ? void 0 : item1.key) &&
-        fieldsMap[item1.key] &&
-        ((item1 === null || item1 === void 0 ? void 0 : item1.genre) !== 'slot' || isFilterGenre))
-        .map((item2) => ({ ...fieldsMap[item2.key], title: item2.header }));
-};
-/**
- * 列管理加入冻结属性
- */
-export const getFixedColumnSets = ({ fixedFront = '', fixedEnd = '', columnSets, }) => {
-    if (!Array.isArray(columnSets))
-        return columnSets;
-    const fixedFrontIndex = columnSets.findIndex((item) => (item === null || item === void 0 ? void 0 : item.key) && item.key.length > 0 && item.key === fixedFront);
-    const fixedEndIndex = columnSets.findIndex((item) => (item === null || item === void 0 ? void 0 : item.key) && item.key.length > 0 && item.key === fixedEnd);
-    return Array.isArray(columnSets)
-        ? columnSets.map((item, index) => {
-            // 当冻结尾列在冻结前列之后时，冻结尾列属性才生效
-            if (fixedEndIndex >= 0 &&
-                fixedEndIndex > fixedFrontIndex &&
-                index >= fixedEndIndex) {
-                return { ...item, fixed: 'right' };
-            }
-            else if (fixedFrontIndex >= 0 && index <= fixedFrontIndex) {
-                return { ...item, fixed: 'left' };
-            }
-            else {
-                return { ...item, fixed: '' };
-            }
-        })
-        : [];
-};
-/**
- * 列管理字段转换
- */
-export const getTableColumns = ({ fields, columnSets, slots, fixedFront, fixedEnd, isH5, }) => {
-    const defaultColumns = getColumns({ columnSets, fields, isH5: false });
-    let fixedColumnSets = columnSets;
-    // h5端不冻结
-    if (!isH5) {
-        fixedColumnSets = getFixedColumnSets({
-            fixedFront,
-            fixedEnd,
-            columnSets,
-        });
-    }
-    const baseColumns = filterCustomColumns({
-        columns: defaultColumns,
-        columnSets: fixedColumnSets,
-        slots,
-    });
-    return baseColumns.map((i) => ({
-        ...i,
-        // key值默认为字段的name值，同时作为table的key值需要唯一，因此重新设置为slotKey
-        key: (i === null || i === void 0 ? void 0 : i.slotKey) || (i === null || i === void 0 ? void 0 : i.key),
-        // 此字段为colum 绑定字段的key值，业务场景使用次字段
-        fieldKey: i === null || i === void 0 ? void 0 : i.key,
-    }));
-};
-export const mapColumKey = (columnSets) => {
-    // 业务场景，多依赖key字段，还原为字段值
-    return columnSets.map((i) => ({ ...i, key: i.fieldKey }));
-};