@cloudbase/weda-ui 3.4.16 → 3.5.1

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

@@ -1,6 +1,6 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable */
-import React, { useMemo } from 'react';
+import React, { useMemo, useRef } from 'react';
 import { useMediaQuery } from '@react-hookz/web';
 import fromEntries from 'object.fromentries';
 import { Modal, Table, Form, ConfigProvider } from 'tea-component';
@@ -18,9 +18,11 @@ 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';
+import { ModalTable } from '../ModalTable';
+import { getWhereParam } from '../../utils';
+const MODAL_SIZE = '80%';
 // 文字提示框包裹组件
-const TextWrap = React.memo(function TextWrapComp(props) {
+export const TextWrap = React.memo(function TextWrapComp(props) {
     const { showTip, children, title: rawTitle } = props;
     const title = rawTitle || children;
     const rest = showTip ? { title, overflow: true } : { title };
@@ -33,8 +35,8 @@ const TextWrap = React.memo(function TextWrapComp(props) {
  */
 export function getFieldRender(field = {}, extra = {}) {
     var _a;
-    const { type, format, items, properties, title } = field;
-    const { modelType, showTip = true } = extra;
+    const { type, format, items, properties, title, parentDatasource } = field;
+    const { modelType, showTip = true, detailText = '详情' } = extra;
     const textProps = { showTip };
     // 枚举-旧，新版 TODO
     if ((_a = field['x-enumObj']) === null || _a === void 0 ? void 0 : _a.length) {
@@ -48,6 +50,7 @@ export function getFieldRender(field = {}, extra = {}) {
     }
     // render 方法
     const FieldRender = (val) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         if (isValueEmpty(val) || (type === 'array' && !(val === null || val === void 0 ? void 0 : val.length))) {
             return '-';
         }
@@ -101,7 +104,7 @@ export function getFieldRender(field = {}, extra = {}) {
                 return modelType === 'detail' ? (_jsx(RichTextView, { value: fieldValue })) : (_jsx("a", { onClick: (e) => {
                         e.stopPropagation();
                         showRichText(fieldValue);
-                    }, children: "\u8BE6\u60C5" }));
+                    }, children: detailText }));
             }
             else if (format === 'x-image') {
                 // 图片
@@ -111,7 +114,8 @@ export function getFieldRender(field = {}, extra = {}) {
                 // 文件
                 return (_jsx(UploaderFileView, { value: fieldValue, single: (extra === null || extra === void 0 ? void 0 : extra.modelType) !== 'detail' }));
             }
-            else if (isShowOrgsView(field, modelType)) {
+            else if (!(extra === null || extra === void 0 ? void 0 : extra.supportManyRelated) &&
+                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 }));
@@ -124,6 +128,15 @@ export function getFieldRender(field = {}, extra = {}) {
                 // 网址
                 return (_jsx("a", { target: "_blank", href: fieldValue, rel: "noreferrer", children: _jsx(TextWrap, { ...textProps, children: fieldValue }) }));
             }
+            else if ((extra === null || extra === void 0 ? void 0 : extra.supportManyRelated) &&
+                (format === 'father-son' || format === 'related')) {
+                const primaryField = ((_b = (_a = field === null || field === void 0 ? void 0 : field.parentDatasource) === null || _a === void 0 ? void 0 : _a.schema) === null || _b === void 0 ? void 0 : _b['x-primary-column']) || '';
+                const relatedField = (_c = extra === null || extra === void 0 ? void 0 : extra.columnSet) === null || _c === void 0 ? void 0 : _c.relatedField;
+                if (typeof fieldValue === 'string') {
+                    return _jsx(TextWrap, { ...textProps, children: fieldValue });
+                }
+                return (_jsx(TextWrap, { ...textProps, children: fieldValue[relatedField] || fieldValue[primaryField] }));
+            }
             else {
                 return _jsx(TextWrap, { ...textProps, children: fieldValue });
             }
@@ -154,8 +167,15 @@ export function getFieldRender(field = {}, extra = {}) {
                     fields: properties,
                 });
             }
+            else if ((field === null || field === void 0 ? void 0 : field.format) === 'many-one' ||
+                (field === null || field === void 0 ? void 0 : field.format) === 'one-one' ||
+                (field === null || field === void 0 ? void 0 : field.format) === 'one-one-r') {
+                const primaryField = ((_e = (_d = field === null || field === void 0 ? void 0 : field.parentDatasource) === null || _d === void 0 ? void 0 : _d.schema) === null || _e === void 0 ? void 0 : _e['x-primary-column']) || '';
+                const relatedField = (_f = extra === null || extra === void 0 ? void 0 : extra.columnSet) === null || _f === void 0 ? void 0 : _f.relatedField;
+                return (_jsx(TextWrap, { ...textProps, children: fieldValue[relatedField] || fieldValue[primaryField] }));
+            }
             else {
-                return (_jsx(QuoteModal, { className: "e-object-view-modal", caption: title, size: MODAL_SIZE, children: objectRender({
+                return (_jsx(QuoteModal, { className: "e-object-view-modal", caption: title, size: MODAL_SIZE, text: detailText, children: objectRender({
                         value: val,
                         modelType: { modelType },
                         fields: properties,
@@ -183,6 +203,51 @@ export function getFieldRender(field = {}, extra = {}) {
                 // 文件数组，在详情页和表格页展示不同
                 return _jsx(UploaderFileView, { value: fieldValue, single: false });
             }
+            else if ((extra === null || extra === void 0 ? void 0 : extra.supportManyRelated) &&
+                (format === 'one-many' || format === 'many-many')) {
+                const primaryField = ((_h = (_g = field === null || field === void 0 ? void 0 : field.parentDatasource) === null || _g === void 0 ? void 0 : _g.schema) === null || _h === void 0 ? void 0 : _h['x-primary-column']) || '';
+                const relatedField = (_j = extra === null || extra === void 0 ? void 0 : extra.columnSet) === null || _j === void 0 ? void 0 : _j.relatedField;
+                const rowId = extra === null || extra === void 0 ? void 0 : extra.rowId;
+                const properties = ((_k = parentDatasource === null || parentDatasource === void 0 ? void 0 : parentDatasource.schema) === null || _k === void 0 ? void 0 : _k.properties) || {};
+                const propertyArr = Object.keys(properties);
+                const relatedKey = propertyArr.find((item) => {
+                    var _a;
+                    if (properties[item].format === 'one-many' ||
+                        properties[item].format === 'many-many') {
+                        return ((_a = properties[item]['x-parent']) === null || _a === void 0 ? void 0 : _a.parentFieldKey) === field.name;
+                    }
+                    else {
+                        return false;
+                    }
+                });
+                const param = {
+                    datasource: parentDatasource,
+                    enabledFieldNames: relatedField
+                        ? [relatedField]
+                        : [primaryField] || [],
+                };
+                const whereList = getWhereParam(relatedKey, rowId);
+                const isH5 = useMediaQuery('(max-width: 768px)');
+                const modalSize = isH5 ? 'auto' : 'l';
+                if (format === 'many-many') {
+                    const strRef = useRef(null);
+                    let showStr = '';
+                    fieldValue.map((item) => {
+                        showStr = `${showStr},${item[relatedField] || item[primaryField] || '-'}`;
+                    });
+                    return (_jsxs("div", { style: {
+                            display: 'flex',
+                            width: '100%',
+                        }, children: [_jsx("div", { ref: strRef, style: {
+                                    textOverflow: 'ellipsis',
+                                    whiteSpace: 'nowrap',
+                                    overflow: 'hidden',
+                                }, children: showStr.substring(1) }), ((_l = strRef === null || strRef === void 0 ? void 0 : strRef.current) === null || _l === void 0 ? void 0 : _l.scrollWidth) > ((_m = strRef === null || strRef === void 0 ? void 0 : strRef.current) === null || _m === void 0 ? void 0 : _m.offsetWidth) ? (_jsx("a", { className: "field-array-item", style: { margin: 'auto 2px' }, children: _jsx(QuoteModal, { className: "e-array-view-modal", size: modalSize, text: '更多', children: _jsx(ModalTable, { style: { height: '572px' }, bindMetadata: param, dataSourceType: 'data-model', columnSets: undefined, columnSelectType: 'disabled', whereModal: whereList }) }) })) : (_jsx(_Fragment, {}))] }));
+                }
+                if (format === 'one-many') {
+                    return (_jsx("a", { className: "field-array-item", children: _jsx(QuoteModal, { className: "e-array-view-modal", size: modalSize, text: '详情', children: _jsx(ModalTable, { style: { height: '572px' }, bindMetadata: param, dataSourceType: 'data-model', columnSets: undefined, columnSelectType: 'disabled', whereModal: whereList }) }) }));
+                }
+            }
             else {
                 fieldValue = safeJsonParse(val);
                 return (_jsx(ArrayComponent, { value: fieldValue, field: field, modelType: modelType, items: items }));
@@ -218,6 +283,7 @@ export const DataTableView = ({ fields, value }) => {
             columnSets: [],
             fields: rawFieldsSort,
             isH5: false,
+            supportManyRelated: false,
         });
         return baseColumns;
     }, [rawFields]);
@@ -238,7 +304,10 @@ const ArrayComponent = ({ items, modelType, value, field }) => {
     // H5端或不为嵌套对象时，循环渲染字段
     return (_jsx("div", { children: Array.isArray(value) &&
             (value === null || value === void 0 ? void 0 : value.map((item, index) => {
-                const itemRender = getFieldRender(items, { modelType });
+                const itemRender = getFieldRender(items, {
+                    modelType,
+                    detailText: value.length < 2 ? '详情' : `详情${index + 1}`,
+                });
                 return (_jsx("div", { className: "field-array-item", children: itemRender(item) }, index));
             })) }));
 };
@@ -308,14 +377,23 @@ export const formatNumberFix = (val, field, setZero = false) => {
  * 根据 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 }) => {
+export const getColumns = ({ columnSets = [], fields, isH5 = false, supportManyRelated, }) => fields === null || fields === void 0 ? void 0 : fields.map((item) => formatFieldToColumn(item, isH5, columnSets, supportManyRelated));
+const TableCell = ({ record, field, isH5, supportManyRelated }) => {
     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}`] };
+            ? {
+                modelType: 'table-h5',
+                showTip: false,
+                relation: record[`@${name}`],
+                supportManyRelated,
+            }
+            : {
+                modelType: 'table',
+                relation: record[`@${name}`],
+                supportManyRelated,
+            };
         return getFieldRender(field, extra)(value);
     }, [record, field, isH5]);
     // 处理渲染错误
@@ -325,7 +403,7 @@ const TableCell = ({ record, field, isH5 }) => {
  * 根据 field 属性，生成 column 配置
  * https://git.woa.com/QBase/lcap/common-application-specs/blob/master/types/platform/datasource.ts
  */
-export const formatFieldToColumn = (field, isH5, columnSets) => {
+export const formatFieldToColumn = (field, isH5, columnSets, supportManyRelated) => {
     const { name, title } = field;
     // 计算列宽度，略大于计算宽度
     const width = getFieldWidth(field) + 10;
@@ -335,7 +413,7 @@ export const formatFieldToColumn = (field, isH5, columnSets) => {
         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 }),
+        render: (record) => (_jsx(TableCell, { record: record, field: field, isH5: isH5, supportManyRelated: supportManyRelated })),
         key: name,
         slotKey: (item === null || item === void 0 ? void 0 : item.slotKey) || name,
         header: title,
@@ -594,17 +672,65 @@ const TableSlotCell = ({ record, rowKey, recordIndex, column, columnIndex, slot,
  * slots: object 模型表格作用域插槽
  * isH5: 判断自定义插槽列能否展示，目前是正常展示
  */
-export const filterCustomColumns = ({ columns, columnSets, slots }) => {
+export const filterCustomColumns = ({ columns, columnSets, slots, fields, isH5, supportManyRelated, }) => {
     if (!Array.isArray(columnSets) || !(columnSets === null || columnSets === void 0 ? void 0 : columnSets.length))
         return columns;
+    const columnSetsReg = columnSets.map((item) => {
+        const { key, isRelated } = item;
+        let obj = {
+            relatedDataSourceFiled: '',
+            sourceDataSourceFiled: '',
+        };
+        if (key && isRelated) {
+            let sourceDataSourceFiled = '';
+            try {
+                obj = JSON.parse(key);
+            }
+            catch { }
+            if (Object.keys(obj).length > 0) {
+                sourceDataSourceFiled = obj === null || obj === void 0 ? void 0 : obj.sourceDataSourceFiled;
+            }
+            return {
+                ...item,
+                key: sourceDataSourceFiled,
+                relatedField: obj === null || obj === void 0 ? void 0 : obj.relatedDataSourceFiled,
+            };
+        }
+        else {
+            return item;
+        }
+    });
     // 根据字段类型获取render方式
     const columnsMap = columns.reduce((acc, item) => {
         acc[item.key] = item;
         return acc;
     }, {});
-    return columnSets.map((item2) => {
+    return columnSetsReg.map((item2) => {
         var _a;
         const { key, header, genre, fixed } = item2;
+        const field = fields.find((el) => key === el.name);
+        // 处理渲染错误
+        const render = (record) => {
+            const extra = isH5
+                ? {
+                    modelType: 'table-h5',
+                    showTip: false,
+                    relation: record[`@${key}`],
+                    columnSet: item2,
+                    rowId: record._id,
+                    supportManyRelated,
+                }
+                : {
+                    modelType: 'table',
+                    relation: record[`@${key}`],
+                    columnSet: item2,
+                    rowId: record._id,
+                    supportManyRelated,
+                };
+            const value = getFieldValue(key, record);
+            const component = getFieldRender(field, extra)(value);
+            return (_jsx(ErrorBoundary, { FallbackComponent: () => _jsx("span", { className: "", children: "\u274C \u6570\u636E\u5F02\u5E38" }), children: component }));
+        };
         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
@@ -615,6 +741,7 @@ export const filterCustomColumns = ({ columns, columnSets, slots }) => {
             ...columnsMap[key],
             ...item2,
             key,
+            render,
             header,
             fixed,
         };
@@ -670,8 +797,13 @@ export const getFixedColumnSets = ({ fixedFront = '', fixedEnd = '', columnSets,
 /**
  * 列管理字段转换
  */
-export const getTableColumns = ({ fields, columnSets, slots, fixedFront, fixedEnd, isH5, }) => {
-    const defaultColumns = getColumns({ columnSets, fields, isH5: false });
+export const getTableColumns = ({ fields, columnSets, slots, fixedFront, fixedEnd, isH5, supportManyRelated, }) => {
+    const defaultColumns = getColumns({
+        columnSets,
+        fields,
+        isH5: false,
+        supportManyRelated,
+    });
     let fixedColumnSets = columnSets;
     // h5端不冻结
     if (!isH5) {
@@ -685,6 +817,9 @@ export const getTableColumns = ({ fields, columnSets, slots, fixedFront, fixedEn
         columns: defaultColumns,
         columnSets: fixedColumnSets,
         slots,
+        fields,
+        isH5,
+        supportManyRelated,
     });
     return baseColumns.map((i) => ({
         ...i,

package/dist/web/components/wd-table/components/FilterFieldsPanel/Fields.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { SelectSearch } from './SelectSearch';
+export { SelectSearch };
+export declare const DatePickerField: ({ disabled, showTime, isRange, updateValue, value, }: {
+    disabled?: boolean;
+    showTime?: boolean;
+    isRange: any;
+    updateValue: any;
+    value: any;
+}) => JSX.Element;
+export declare const TimePickerField: ({ disabled, isRange, updateValue, value, }: {
+    disabled?: boolean;
+    isRange: any;
+    updateValue: any;
+    value: any;
+}) => JSX.Element;
+export declare const InputField: ({ disabled, value, updateValue }: {
+    disabled?: boolean;
+    value: any;
+    updateValue: any;
+}) => JSX.Element;
+export declare const MultipleNumber: ({ disabled, value, updateValue }: {
+    disabled?: boolean;
+    value: any;
+    updateValue: any;
+}) => JSX.Element;
+export declare const NumberField: ({ disabled, value, updateValue, isRange, }: {
+    disabled?: boolean;
+    value: any;
+    updateValue: any;
+    isRange: any;
+}) => JSX.Element;
+export declare const SelectMultipleField: (props: any) => JSX.Element;
+export declare const SelectField: ({ optionName, value, updateValue, disabled }: {
+    optionName: any;
+    value: any;
+    updateValue: any;
+    disabled: any;
+}) => JSX.Element;

package/dist/web/components/wd-table/components/FilterFieldsPanel/FilterFieldItem.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const FilterFieldItem: ({ updateFilterData, ...filterFieldItemConfig }: {
+    [x: string]: any;
+    updateFilterData: any;
+}) => JSX.Element;

package/dist/web/components/wd-table/components/FilterFieldsPanel/InputAdornment.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const InputAdornment: ({ label, before, children }: {
+    label: any;
+    before: any;
+    children: any;
+}) => JSX.Element;

package/dist/web/components/wd-table/components/FilterFieldsPanel/SelectSearch.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const SelectSearch: ({ value, updateValue, format, childDbName, dbName, fields, disabled, }: {
+    value: any;
+    updateValue: any;
+    format: any;
+    childDbName: any;
+    dbName: any;
+    fields: any;
+    disabled?: boolean;
+}) => JSX.Element;

package/dist/web/components/wd-table/components/FilterFieldsPanel/filterFieldsGenerate.d.ts

@@ -0,0 +1,26 @@
+export declare const fieldCalculations: {
+    number: {
+        text: string;
+        value: string;
+    }[];
+    string: {
+        text: string;
+        value: string;
+    }[];
+    radio: {
+        text: string;
+        value: string;
+    }[];
+    checkbox: {
+        text: string;
+        value: string;
+    }[];
+};
+/**
+ * 生成筛选配置
+ * 1、过滤不支持搜索的字段
+ * 2、生成配置
+ * 3、枚举/数字需要特殊处理
+ * { filterType: 'datetime' | 'date' | 'time' | 'string' |'number' | 'x-enumObj' , isRange: boolean }
+ */
+export declare const filterFieldsGenerate: (fields: any) => any;

package/dist/web/components/wd-table/components/FilterFieldsPanel/filterFieldsGenerate.js

@@ -8,8 +8,8 @@ export const fieldCalculations = {
         { text: '小于', value: 'lt' },
         { text: '大于等于', value: 'gte' },
         { text: '小于等于', value: 'lte' },
-        { text: '为空', value: '$empty' },
-        { text: '不为空', value: '$nempty' },
+        // { text: '为空', value: '$empty' },
+        // { text: '不为空', value: '$nempty' },
     ],
     string: [
         { text: '包含', value: 'search' },
@@ -17,20 +17,20 @@ export const fieldCalculations = {
         { text: '等于', value: 'eq' },
         { text: '不等于', value: 'neq' },
         { text: '开头是', value: 'startWith' },
-        { text: '为空', value: '$empty' },
-        { text: '不为空', value: '$nempty' },
+        // { text: '为空', value: '$empty' },
+        // { text: '不为空', value: '$nempty' },
     ],
     radio: [
         { text: '等于', value: 'eq' },
         { text: '不等于', value: 'neq' },
-        { text: '为空', value: '$empty' },
-        { text: '不为空', value: '$nempty' },
+        // { text: '为空', value: '$empty' },
+        // { text: '不为空', value: '$nempty' },
     ],
     checkbox: [
         { text: '等于任意一个', value: 'in' },
         { text: '不等于任意一个', value: 'nin' },
-        { text: '为空', value: '$empty' },
-        { text: '不为空', value: '$nempty' },
+        // { text: '为空', value: '$empty' },
+        // { text: '不为空', value: '$nempty' },
     ],
 };
 /**

package/dist/web/components/wd-table/components/FilterFieldsPanel/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const FilterFieldsPanel: ({ filterFields, fetchData, openMobileFilter, setOpenMobileFilter, }: {
+    filterFields: any;
+    fetchData: any;
+    openMobileFilter: any;
+    setOpenMobileFilter: any;
+}) => JSX.Element;

package/dist/web/components/wd-table/components/ImportFileModalByApi/index.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+/**
+ * 后端导入弹窗
+ */
+export declare const ImportFileModal: ({ fields, isImportFileModalByApiVisible, datasourceTitle, dbName, setIsImportFileModalByApiVisible, setIsInOrOutRecordModalVisible, refresh, supportManyRelated, }: {
+    fields: any;
+    isImportFileModalByApiVisible: any;
+    datasourceTitle: any;
+    dbName: any;
+    setIsImportFileModalByApiVisible: any;
+    setIsInOrOutRecordModalVisible: any;
+    refresh: any;
+    supportManyRelated: any;
+}) => JSX.Element;
+/**
+ * 后端表格导入方法
+ */
+export declare const importHandleByApi: ({ isH5, setIsImportFileModalByApiVisible, }: {
+    isH5: any;
+    setIsImportFileModalByApiVisible: any;
+}) => void;

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

@@ -5,7 +5,7 @@ import { ConfigProvider } from 'tea-component';
 /**
  * 后端导入弹窗
  */
-export const ImportFileModal = ({ fields, isImportFileModalByApiVisible, datasourceTitle, dbName, setIsImportFileModalByApiVisible, setIsInOrOutRecordModalVisible, refresh, }) => {
+export const ImportFileModal = ({ fields, isImportFileModalByApiVisible, datasourceTitle, dbName, setIsImportFileModalByApiVisible, setIsInOrOutRecordModalVisible, refresh, supportManyRelated, }) => {
     var _a;
     const supportFields = (_a = fields
         .filter((field) => {
@@ -20,21 +20,22 @@ export const ImportFileModal = ({ fields, isImportFileModalByApiVisible, datasou
         // 关联模型的字段不支持
         if ((field === null || field === void 0 ? void 0 : field['x-viewType']) === 'RELATION_VIEW')
             return false;
+        // 多对多,一对多字段不支持
+        if ((field === null || field === void 0 ? void 0 : field.format) === 'many-many' ||
+            (field === null || field === void 0 ? void 0 : field.format) === 'one-many' ||
+            (field === null || field === void 0 ? void 0 : field.format) === 'one-one-r') {
+            return false;
+        }
         return true;
     })) === null || _a === void 0 ? void 0 : _a.sort((a, b) => (a === null || a === void 0 ? void 0 : a['x-index']) - (b === null || b === void 0 ? void 0 : b['x-index']));
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: isImportFileModalByApiVisible && (_jsx(ImportFileModalByApiFromTable, { fields: supportFields, visible: isImportFileModalByApiVisible, datasourceTitle: datasourceTitle, dbName: dbName, onCancel: () => {
+    return (isImportFileModalByApiVisible && (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(ImportFileModalByApiFromTable, { fields: supportFields, visible: isImportFileModalByApiVisible, datasourceTitle: datasourceTitle, dbName: dbName, onCancel: () => {
                 setIsImportFileModalByApiVisible(false);
-            }, handleInOrOutRecordModealVisible: setIsInOrOutRecordModalVisible, refresh: refresh })) }));
+            }, handleInOrOutRecordModealVisible: setIsInOrOutRecordModalVisible, refresh: refresh, supportManyRelated: supportManyRelated }) })));
 };
 /**
  * 后端表格导入方法
  */
-export const importHandleByApi = ({ isModel, isH5, setIsImportFileModalByApiVisible, }) => {
-    if (!isModel) {
-        return alertErrorMessage({
-            message: '当前表格组件绑定了APIs，暂不支持进行数据导入',
-        });
-    }
+export const importHandleByApi = ({ isH5, setIsImportFileModalByApiVisible, }) => {
     if (isH5) {
         return alertErrorMessage({
             message: '移动端暂不支持进行数据导入',

package/dist/web/components/wd-table/components/InOrOutRecordModal.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const InOrOutRecordModal: ({ isInOrOutRecordModalVisible, dbName, setIsImportFileModalByApiVisible, setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible, }: {
+    isInOrOutRecordModalVisible: any;
+    dbName: any;
+    setIsImportFileModalByApiVisible: any;
+    setIsExportFileModalByApiVisible: any;
+    setIsInOrOutRecordModalVisible: any;
+}) => JSX.Element;

package/dist/web/components/wd-table/components/ModalTable/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { CommonPropsType } from '../../../../types';
+import type { DataType } from '../../../../../configs/components/wd-table';
+export declare const ModalTable: React.ForwardRefExoticComponent<ModalTableProps & React.RefAttributes<TCompRef>>;
+export interface ModalTableProps extends CommonPropsType, DataType {
+    bindMetadata: any;
+    whereModal: any;
+}
+type TCompRef = {
+    refresh: () => void;
+    refreshKeepPage: () => void;
+    records?: any[];
+    total: number;
+    pageNo: number;
+    pageSize: number;
+};
+export {};