@cloudbase/weda-ui 3.4.8 → 3.4.9-alpha.1024

package/dist/web/components/table/BaseTable.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo, useEffect, useRef, useImperativeHandle, useState, } from 'react';
 import { Icon, Table, Button, Justify, Modal, message, TagSearchBox, useClassNames, Card, Row, Col, Checkbox, LoadingTip, Dropdown, List, Radio, Collapse, Form, } from 'tea-component';
 import InfiniteScroll from 'react-infinite-scroll-component';
@@ -16,7 +17,7 @@ import { callWedaApi, appCloudGetWedaUserId, getIsExitApi, } from '../../utils/t
 import { exportData } from '../../utils/file';
 import { DataSource, getDataSourceByName, getPrimaryField, getDataSourceFieldsWithAuth, } from '../../utils/datasource';
 import { getUuid, getFieldsTypeName } from '../../utils/tool';
-import EmptyContent from '../emptyContent';
+import EmptyContent from '../statusContent';
 import './baseTable.css';
 // eslint-disable-next-line prettier/prettier
 const { sortable, radioable, selectable, pageable, autotip, injectable } = Table.addons;
@@ -96,14 +97,6 @@ export const BaseTable = (props) => {
         records: [],
         total: 0,
     });
-    React.useMemo(() => {
-        if (!isModel) {
-            setState({
-                pageSize: (connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.pageSize) || 10,
-                pageIndex: (connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.pageNo) || 1,
-            });
-        }
-    }, [connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.pageSize, connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.pageNo, isModel]);
     // 数据筛选条件
     const whereList = () => {
         try {
@@ -136,7 +129,6 @@ export const BaseTable = (props) => {
                             if (val === '' ||
                                 val === undefined ||
                                 Object.prototype.toString.call(val) === '[object Object]') {
-                                console.error(`${item2 === null || item2 === void 0 ? void 0 : item2.key}筛选值为：${val},不符合查询条件，请检查绑定变量值是否正确`);
                                 return;
                             }
                             if ('_begin_with' === rel) {
@@ -411,14 +403,15 @@ export const BaseTable = (props) => {
     // 筛选条件变化时候请求
     useEffect(() => {
         if (!isObjectEqual(whereRef.current, where)) {
-            fetchData({ pageNo: pageIndex, pageSize });
+            fetchData();
             whereRef.current = where;
         }
     }, [where]);
     useEffect(() => {
         if (connectorParams &&
             !isObjectEqual(connectorParamsRef.current, connectorParams)) {
-            fetchData({ pageNo: pageIndex, pageSize });
+            const params = getConnectorParams(connectorParams);
+            fetchData(params);
             connectorParamsRef.current = connectorParams;
         }
     }, [connectorParams]);
@@ -429,6 +422,17 @@ export const BaseTable = (props) => {
     useEffect(() => {
         fetchData();
     }, [sort, defaultOrderBy, defaultOrderType, isViewTable]);
+    // 获取APIs对标数据模型的默认参数
+    const getConnectorParams = (connectorParams) => {
+        const params = {};
+        try {
+            const { pageSize, pageNo } = connectorParams;
+            pageSize && (params['pageSize'] = pageSize);
+            pageNo && (params['pageNo'] = pageNo);
+        }
+        catch (e) { }
+        return params;
+    };
     // 查询子系数据库
     const getChooseList = async (params) => {
         var _a, _b, _c, _d, _e;
@@ -608,31 +612,28 @@ export const BaseTable = (props) => {
                 className: 'modal-table-delete',
                 caption: '操作确认',
                 onClose: () => modal.destroy(),
-                children: (React.createElement(React.Fragment, null,
-                    React.createElement("div", null, msg),
-                    React.createElement(Modal.Footer, null,
-                        React.createElement(Button, { type: "primary", onClick: async () => {
-                                try {
-                                    modal.destroy();
-                                    message.loading({
-                                        content: '删除数据中',
-                                    });
-                                    await datasource.batchDeleteRecord(keys || selectedKeys);
-                                    // 清除选中的 key
-                                    setState({
-                                        selectedKeys: [],
-                                    });
-                                    // 重新加载数据
-                                    fetchData(pageSize);
-                                    message.success({ content: '删除数据成功' });
-                                }
-                                catch (error) {
-                                    console.error('删除', error);
-                                    alertErrorMessage({
-                                        message: `删除数据失败: ${error.message}`,
-                                    });
-                                }
-                            } }, "\u786E\u8BA4")))),
+                children: (_jsxs(_Fragment, { children: [_jsx("div", { children: msg }), _jsx(Modal.Footer, { children: _jsx(Button, { type: "primary", onClick: async () => {
+                                    try {
+                                        modal.destroy();
+                                        message.loading({
+                                            content: '删除数据中',
+                                        });
+                                        await datasource.batchDeleteRecord(keys || selectedKeys);
+                                        // 清除选中的 key
+                                        setState({
+                                            selectedKeys: [],
+                                        });
+                                        // 重新加载数据
+                                        fetchData(pageSize);
+                                        message.success({ content: '删除数据成功' });
+                                    }
+                                    catch (error) {
+                                        console.error('删除', error);
+                                        alertErrorMessage({
+                                            message: `删除数据失败: ${error.message}`,
+                                        });
+                                    }
+                                }, children: "\u786E\u8BA4" }) })] })),
             });
         }
         catch (e) {
@@ -734,7 +735,7 @@ export const BaseTable = (props) => {
                     setState({ selectedKeys: keys });
                     handleRowsSelect(keys);
                 },
-                render: (element, { disabled }) => disabled ? React.createElement(Icon, { type: "loading" }) : element,
+                render: (element, { disabled }) => disabled ? _jsx(Icon, { type: "loading" }) : element,
                 targetColumnKey: fixedFront ? 'weda_select' : undefined,
             })
             : radioable({
@@ -743,13 +744,13 @@ export const BaseTable = (props) => {
                     selectedKeys: [key],
                 }),
                 rowSelect: true,
-                render: (element, { disabled }) => disabled ? React.createElement(Icon, { type: "loading" }) : element,
+                render: (element, { disabled }) => disabled ? _jsx(Icon, { type: "loading" }) : element,
                 targetColumnKey: fixedFront ? 'weda_select' : undefined,
             }),
         // 加载、错误信息提示
         autotip({
             isLoading,
-            emptyText: emptyText && (React.createElement(EmptyContent, { emptyText: emptyText, component: "table" })),
+            emptyText: emptyText && (_jsx(EmptyContent, { emptyText: emptyText, component: "table" })),
             // isError: Boolean(tableError),
             // isFound: Boolean(searchKeyword),
             onClear: () => {
@@ -800,7 +801,7 @@ export const BaseTable = (props) => {
         },
         del: (e, { recordkey }) => deleteRecord([recordkey]),
     };
-    const BlockButton = ({ props, index, record, recordkey }) => (React.createElement(SelectableBlock, { ...props, component: "Button", blockKey: "settings", index: index, disabled: props.action === 'edit' || props.action === 'del'
+    const BlockButton = ({ props, index, record, recordkey }) => (_jsx(SelectableBlock, { ...props, component: "Button", blockKey: "settings", index: index, disabled: props.action === 'edit' || props.action === 'del'
             ? props.disabled ||
                 isProcessHoldOrLocked(record['!!Weda!!ProcessHold'], record['!!Weda!!LOCK'])
             : props.disabled, compId: compId, exportValue: { record, recordKey: recordkey }, actionMap: settingsMap, actionParams: { dbName, recordkey }, selectableBlockEvents: selectableBlockEvents }));
@@ -845,17 +846,13 @@ export const BaseTable = (props) => {
                 header: '操作',
                 align: 'left',
                 fixed: 'right',
-                render: (record, recordkey) => !isInIde() ? (React.createElement(React.Fragment, null, settings === null || settings === void 0 ? void 0 :
-                    settings.map((props, index) => index < 3 && (React.createElement(BlockButton, { key: index, props: props, index: index, record: record, recordkey: recordkey }))),
-                    settings.length > 3 && (React.createElement(Dropdown, { boxStyle: {
-                            minWidth: '80px',
-                        }, overlayStyle: { zIndex: 998 }, className: "adminPortal_dropdown", clickClose: false, button: "\u66F4\u591A", appearance: "link", placement: "bottom" },
-                        React.createElement(List, { type: "option" }, settings === null || settings === void 0 ? void 0 : settings.map((props, index) => index > 2 &&
-                            props.show && (React.createElement(List.Item, { key: index },
-                            React.createElement(BlockButton, { props: props, index: index, record: record, recordkey: recordkey }))))))))) : (settings === null || settings === void 0 ? void 0 : settings.map((props, index) => (React.createElement(SelectableBlock, { key: index, ...props, component: "Button", blockKey: "settings", index: index, disabled: props.action === 'edit' || props.action === 'del'
+                render: (record, recordkey) => !isInIde() ? (_jsxs(_Fragment, { children: [settings === null || settings === void 0 ? void 0 : settings.map((props, index) => index < 3 && (_jsx(BlockButton, { props: props, index: index, record: record, recordkey: recordkey }, index))), settings.length > 3 && (_jsx(Dropdown, { boxStyle: {
+                                minWidth: '80px',
+                            }, overlayStyle: { zIndex: 998 }, className: "adminPortal_dropdown", clickClose: false, button: "\u66F4\u591A", appearance: "link", placement: "bottom", children: _jsx(List, { type: "option", children: settings === null || settings === void 0 ? void 0 : settings.map((props, index) => index > 2 &&
+                                    props.show && (_jsx(List.Item, { children: _jsx(BlockButton, { props: props, index: index, record: record, recordkey: recordkey }) }, index))) }) }))] })) : (settings === null || settings === void 0 ? void 0 : settings.map((props, index) => (_jsx(SelectableBlock, { ...props, component: "Button", blockKey: "settings", index: index, disabled: props.action === 'edit' || props.action === 'del'
                         ? props.disabled ||
                             isProcessHoldOrLocked(record['!!Weda!!ProcessHold'], record['!!Weda!!LOCK'])
-                        : props.disabled, compId: compId, exportValue: { record, recordKey: recordkey }, actionMap: settingsMap, actionParams: { dbName, recordkey }, selectableBlockEvents: selectableBlockEvents })))),
+                        : props.disabled, compId: compId, exportValue: { record, recordKey: recordkey }, actionMap: settingsMap, actionParams: { dbName, recordkey }, selectableBlockEvents: selectableBlockEvents }, index)))),
             });
         }
         else if (enableCellCustomOption) {
@@ -880,24 +877,22 @@ export const BaseTable = (props) => {
     /**
      * 表格底部，表格弹窗的确定和取消
      */
-    const renderFooter = () => (onSelectConfirm || onSelectCancel) && (React.createElement("div", { className: isH5
+    const renderFooter = () => (onSelectConfirm || onSelectCancel) && (_jsxs("div", { className: isH5
             ? 'adaptation-table__footer modal-table__footer'
-            : ' modal-table__footer' },
-        onSelectConfirm && (React.createElement(Button, { type: "primary", className: "adaptation-table__footer-btn", onClick: () => {
-                if (!(selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length)) {
-                    return alertErrorMessage({ message: '请选择记录' });
-                }
-                if (!multipleSelect && (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) > 1) {
-                    return alertErrorMessage({ message: '仅允许选择一条记录' });
-                }
-                const keys = multipleSelect
-                    ? selectedKeys
-                    : records.find((item) => item._id === selectedKeys[0]);
-                onSelectConfirm === null || onSelectConfirm === void 0 ? void 0 : onSelectConfirm(keys);
-            } }, "\u786E\u8BA4")),
-        onSelectCancel && (React.createElement(Button, { className: "adaptation-table__footer-btn", onClick: () => {
-                onSelectCancel === null || onSelectCancel === void 0 ? void 0 : onSelectCancel();
-            } }, "\u53D6\u6D88"))));
+            : ' modal-table__footer', children: [onSelectConfirm && (_jsx(Button, { type: "primary", className: "adaptation-table__footer-btn", onClick: () => {
+                    if (!(selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length)) {
+                        return alertErrorMessage({ message: '请选择记录' });
+                    }
+                    if (!multipleSelect && (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) > 1) {
+                        return alertErrorMessage({ message: '仅允许选择一条记录' });
+                    }
+                    const keys = multipleSelect
+                        ? selectedKeys
+                        : records.find((item) => item._id === selectedKeys[0]);
+                    onSelectConfirm === null || onSelectConfirm === void 0 ? void 0 : onSelectConfirm(keys);
+                }, children: "\u786E\u8BA4" })), onSelectCancel && (_jsx(Button, { className: "adaptation-table__footer-btn", onClick: () => {
+                    onSelectCancel === null || onSelectCancel === void 0 ? void 0 : onSelectCancel();
+                }, children: "\u53D6\u6D88" }))] }));
     /**
      * 后端表格导入方法
      */
@@ -980,50 +975,48 @@ export const BaseTable = (props) => {
                 ? buttons.filter((i) => i.action !== 'import')
                 : buttons;
             return (buttonsList &&
-                buttonsList.map((props, index) => (React.createElement(SelectableBlock, { key: index, ...props, style: { marginBottom: '8px', marginRight: '10px', ...props.style }, component: "Button", blockKey: "buttons", index: index, compId: compId, exportValue: exportValue, actionMap: actionMap, selectableBlockEvents: selectableBlockEvents }))));
+                buttonsList.map((props, index) => (_jsx(SelectableBlock, { ...props, style: { marginBottom: '8px', marginRight: '10px', ...props.style }, component: "Button", blockKey: "buttons", index: index, compId: compId, exportValue: exportValue, actionMap: actionMap, selectableBlockEvents: selectableBlockEvents }, index))));
         }
     };
     /**
      * 右上角搜索
      */
-    const renderSearch = () => (React.createElement("div", { className: "modal-table__search" },
-        React.createElement(TagSearchBox, { className: "modal-table__search-input", hideHelp: true, minWidth: 400, tips: searchValues ? '' : '搜索', attributesSelectTips: "\u9009\u62E9\u8FDB\u884C\u641C\u7D22\u7684\u5B57\u6BB5", attributes: getSearchAttributes(searchFields), onClearButtonClick: () => fetchData(), onChange: (tags) => {
-                const searchValues = tags
-                    .map((item) => {
-                    var _a, _b, _c;
-                    // 没有选择 key
-                    if (!item.attr) {
-                        alertErrorMessage({ message: '请选择搜索关键字' });
-                        return null;
-                    }
-                    const { key } = item.attr;
-                    let val = ((_a = item.values[0]) === null || _a === void 0 ? void 0 : _a.key) === undefined
-                        ? (_b = item.values[0]) === null || _b === void 0 ? void 0 : _b.name
-                        : (_c = item.values[0]) === null || _c === void 0 ? void 0 : _c.key;
-                    let rel = 'search';
-                    // 过滤无效搜索值
-                    if (val === undefined) {
-                        return null;
-                    }
-                    // 字符串转换成数字
-                    if (item.attr.fieldType === 'number') {
-                        val = Number(val);
-                    }
-                    // 枚举-旧/数字/布尔用 eq，新枚举 TODO
-                    if (['number', 'boolean'].includes(item.attr.fieldType) ||
-                        item.attr.format === 'x-enum') {
-                        rel = 'eq';
-                    }
-                    return { key, val, rel };
-                })
-                    .filter((item) => item);
-                fetchData({ searchValues });
-            } }),
-        React.createElement(Button, { className: Margin.Left['2n'], icon: "refresh", title: "\u5237\u65B0", onClick: async () => fetchData({ searchValues }) })));
+    const renderSearch = () => (_jsxs("div", { className: "modal-table__search", children: [_jsx(TagSearchBox, { className: "modal-table__search-input", hideHelp: true, minWidth: 400, tips: searchValues ? '' : '搜索', attributesSelectTips: "\u9009\u62E9\u8FDB\u884C\u641C\u7D22\u7684\u5B57\u6BB5", attributes: getSearchAttributes(searchFields), onClearButtonClick: () => fetchData(), onChange: (tags) => {
+                    const searchValues = tags
+                        .map((item) => {
+                        var _a, _b, _c;
+                        // 没有选择 key
+                        if (!item.attr) {
+                            alertErrorMessage({ message: '请选择搜索关键字' });
+                            return null;
+                        }
+                        const { key } = item.attr;
+                        let val = ((_a = item.values[0]) === null || _a === void 0 ? void 0 : _a.key) === undefined
+                            ? (_b = item.values[0]) === null || _b === void 0 ? void 0 : _b.name
+                            : (_c = item.values[0]) === null || _c === void 0 ? void 0 : _c.key;
+                        let rel = 'search';
+                        // 过滤无效搜索值
+                        if (val === undefined) {
+                            return null;
+                        }
+                        // 字符串转换成数字
+                        if (item.attr.fieldType === 'number') {
+                            val = Number(val);
+                        }
+                        // 枚举-旧/数字/布尔用 eq，新枚举 TODO
+                        if (['number', 'boolean'].includes(item.attr.fieldType) ||
+                            item.attr.format === 'x-enum') {
+                            rel = 'eq';
+                        }
+                        return { key, val, rel };
+                    })
+                        .filter((item) => item);
+                    fetchData({ searchValues });
+                } }), _jsx(Button, { className: Margin.Left['2n'], icon: "refresh", title: "\u5237\u65B0", onClick: async () => fetchData({ searchValues }) })] }));
     /**
      * H5的全选
      */
-    const renderH5CheckboxAll = () => multipleSelect && (React.createElement(Checkbox, { value: cardList.length !== 0 && selectedKeys.length === cardList.length, onChange: (value) => {
+    const renderH5CheckboxAll = () => multipleSelect && (_jsx(Checkbox, { value: cardList.length !== 0 && selectedKeys.length === cardList.length, onChange: (value) => {
             if (value) {
                 const userKeys = cardList.map((item) => item._id);
                 setState({
@@ -1035,15 +1028,14 @@ export const BaseTable = (props) => {
                     selectedKeys: [],
                 });
             }
-        } }, "\u5168\u9009"));
+        }, children: "\u5168\u9009" }));
     /**
      * H5的表单单行内容
      */
     const renderH5FormItem = (columns, record, indexParam = {}) => columns.map((columnsItem, i) => {
         const { offset = 0, recordIndex = 0 } = indexParam;
         const component = columnsItem.render(record, record === null || record === void 0 ? void 0 : record[columnsItem.key], recordIndex, columnsItem, i + offset);
-        return (React.createElement(Form.Item, { label: columnsItem.header, key: columnsItem.key || i },
-            React.createElement(Form.Text, null, component)));
+        return (_jsx(Form.Item, { label: columnsItem.header, children: _jsx(Form.Text, { children: component }) }, columnsItem.key || i));
     });
     /**
      * H5的以表单格式展示内容
@@ -1053,7 +1045,7 @@ export const BaseTable = (props) => {
             (settings === null || settings === void 0 ? void 0 : settings.length) > 0 &&
             enableCellCustomOption === undefined) ||
             enableCellCustomOption;
-        return (React.createElement(InfiniteScroll, { dataLength: cardList.length, next: async () => {
+        return (_jsx(InfiniteScroll, { dataLength: cardList.length, next: async () => {
                 if (!isLoading) {
                     await fetchData({
                         searchValues,
@@ -1061,66 +1053,54 @@ export const BaseTable = (props) => {
                         empty: false,
                     });
                 }
-            }, hasMore: cardList.length < total, loader: React.createElement(LoadingTip, { className: "adaptation-table__loading" }), scrollableTarget: "listScrollableContainer" }, cardList.map((recordsItem, recordIndex) => (React.createElement(Card, { className: "adaptation-table__card", key: recordsItem === null || recordsItem === void 0 ? void 0 : recordsItem._id },
-            React.createElement(Card.Body, { className: "adaptation-table__card-body" },
-                actionColumn &&
-                    (settings === null || settings === void 0 ? void 0 : settings.length) > 0 &&
-                    enableCellCustomOption === undefined && (React.createElement(Dropdown, { clickClose: false, className: "adaptation-table__row-actions", overlayStyle: { zIndex: 998 }, button: React.createElement(Button, { type: "icon", icon: "more", style: { width: '100%' } }), appearance: "pure", ...(isInIde() && recordIndex === 0 ? { open: true } : {}) },
-                    React.createElement(List, { type: "option" }, settings === null || settings === void 0 ? void 0 : settings.map((props, index) => props.show && (React.createElement(List.Item, { key: index },
-                        React.createElement(SelectableBlock, { ...props, component: "Button", blockKey: "settings", index: index, disabled: props.action === 'edit' ||
-                                props.action === 'del'
-                                ? props.disabled ||
-                                    isProcessHoldOrLocked(recordsItem['!!Weda!!ProcessHold'], recordsItem['!!Weda!!LOCK'])
-                                : props.disabled, compId: compId, exportValue: {
-                                record: recordsItem,
-                                recordKey: recordsItem === null || recordsItem === void 0 ? void 0 : recordsItem._id,
-                            }, actionMap: settingsMap, actionParams: {
-                                dbName,
-                                recordkey: recordsItem === null || recordsItem === void 0 ? void 0 : recordsItem._id,
-                            }, selectableBlockEvents: selectableBlockEvents, style: props.type === 'link'
-                                ? { width: '100%', color: 'inherit' }
-                                : { width: '100%' } }))))))),
-                enableCellCustomOption && (React.createElement(Dropdown, { clickClose: false, className: "adaptation-table__row-actions", overlayStyle: { zIndex: 998 }, button: React.createElement(Button, { type: "icon", icon: "more", style: { width: '100%' } }), appearance: "pure", ...(isInIde() && recordIndex === 0 ? { open: true } : {}) },
-                    React.createElement(List, { type: "option", className: "adaptation-table__row-actions-list" }, slotRender(slots[CELL_CUSTOM_OPTION], {
-                        record: recordsItem,
-                        rowKey: recordsItem === null || recordsItem === void 0 ? void 0 : recordsItem._id,
-                        recordIndex,
-                    })))),
-                React.createElement(Form, { readonly: true, className: "adaptation-table__form", layout: "fixed", fixedLabelWidth: "70px" },
-                    multipleSelect ? (React.createElement(Checkbox, { className: "adaptation-table__item-check", name: recordsItem === null || recordsItem === void 0 ? void 0 : recordsItem._id })) : (React.createElement(Radio, { className: "adaptation-table__item-check", name: recordsItem === null || recordsItem === void 0 ? void 0 : recordsItem._id })),
-                    renderH5FormItem(columns.slice(0, columns.length < 4 ? -1 : 3), recordsItem, {
-                        offset: 0,
-                        recordIndex,
-                    })),
-                React.createElement(Form, { readonly: true, className: "adaptation-table__form adaptation-table__form-extra", layout: "fixed", fixedLabelWidth: "70px" },
-                    React.createElement(Collapse, { icon: (active) => (React.createElement(Icon, { type: active ? 'arrowup' : 'arrowdown' })), iconPosition: "right", className: "adaptation-table__text-down" },
-                        React.createElement(Collapse.Panel, { id: "1", title: (active) => (active ? '收起' : '展开更多'), className: "adaptation-table__form-collapse" }, renderH5FormItem(hasActionColumn ? columns.slice(3, -1) : columns.slice(3), recordsItem, {
-                            offset: 3,
-                            recordIndex,
-                        }))))))))));
+            }, hasMore: cardList.length < total, loader: _jsx(LoadingTip, { className: "adaptation-table__loading" }), scrollableTarget: "listScrollableContainer", children: cardList.map((recordsItem, recordIndex) => (_jsx(Card, { className: "adaptation-table__card", children: _jsxs(Card.Body, { className: "adaptation-table__card-body", children: [actionColumn &&
+                            (settings === null || settings === void 0 ? void 0 : settings.length) > 0 &&
+                            enableCellCustomOption === undefined && (_jsx(Dropdown, { clickClose: false, className: "adaptation-table__row-actions", overlayStyle: { zIndex: 998 }, button: _jsx(Button, { type: "icon", icon: "more", style: { width: '100%' } }), appearance: "pure", ...(isInIde() && recordIndex === 0 ? { open: true } : {}), children: _jsx(List, { type: "option", children: settings === null || settings === void 0 ? void 0 : settings.map((props, index) => props.show && (_jsx(List.Item, { children: _jsx(SelectableBlock, { ...props, component: "Button", blockKey: "settings", index: index, disabled: props.action === 'edit' ||
+                                            props.action === 'del'
+                                            ? props.disabled ||
+                                                isProcessHoldOrLocked(recordsItem['!!Weda!!ProcessHold'], recordsItem['!!Weda!!LOCK'])
+                                            : props.disabled, compId: compId, exportValue: {
+                                            record: recordsItem,
+                                            recordKey: recordsItem === null || recordsItem === void 0 ? void 0 : recordsItem._id,
+                                        }, actionMap: settingsMap, actionParams: {
+                                            dbName,
+                                            recordkey: recordsItem === null || recordsItem === void 0 ? void 0 : recordsItem._id,
+                                        }, selectableBlockEvents: selectableBlockEvents, style: props.type === 'link'
+                                            ? { width: '100%', color: 'inherit' }
+                                            : { width: '100%' } }) }, index))) }) })), enableCellCustomOption && (_jsx(Dropdown, { clickClose: false, className: "adaptation-table__row-actions", overlayStyle: { zIndex: 998 }, button: _jsx(Button, { type: "icon", icon: "more", style: { width: '100%' } }), appearance: "pure", ...(isInIde() && recordIndex === 0 ? { open: true } : {}), children: _jsx(List, { type: "option", className: "adaptation-table__row-actions-list", children: slotRender(slots[CELL_CUSTOM_OPTION], {
+                                    record: recordsItem,
+                                    rowKey: recordsItem === null || recordsItem === void 0 ? void 0 : recordsItem._id,
+                                    recordIndex,
+                                }) }) })), _jsxs(Form, { readonly: true, className: "adaptation-table__form", layout: "fixed", fixedLabelWidth: "70px", children: [multipleSelect ? (_jsx(Checkbox, { className: "adaptation-table__item-check", name: recordsItem === null || recordsItem === void 0 ? void 0 : recordsItem._id })) : (_jsx(Radio, { className: "adaptation-table__item-check", name: recordsItem === null || recordsItem === void 0 ? void 0 : recordsItem._id })), renderH5FormItem(columns.slice(0, columns.length < 4 ? -1 : 3), recordsItem, {
+                                    offset: 0,
+                                    recordIndex,
+                                })] }), _jsx(Form, { readonly: true, className: "adaptation-table__form adaptation-table__form-extra", layout: "fixed", fixedLabelWidth: "70px", children: _jsx(Collapse, { icon: (active) => (_jsx(Icon, { type: active ? 'arrowup' : 'arrowdown' })), iconPosition: "right", className: "adaptation-table__text-down", children: _jsx(Collapse.Panel, { id: "1", title: (active) => (active ? '收起' : '展开更多'), className: "adaptation-table__form-collapse", children: renderH5FormItem(hasActionColumn ? columns.slice(3, -1) : columns.slice(3), recordsItem, {
+                                        offset: 3,
+                                        recordIndex,
+                                    }) }) }) })] }) }, recordsItem === null || recordsItem === void 0 ? void 0 : recordsItem._id))) }));
     };
     /**
      * H5的表格内容
      */
     const renderH5Table = () => {
         if (dbName && isLoading && cardList.length === 0) {
-            return React.createElement(LoadingTip, { className: "adaptation-table__loading" });
+            return _jsx(LoadingTip, { className: "adaptation-table__loading" });
         }
         if (cardList.length === 0 || !dbName) {
             return (!isLoading &&
-                emptyText && (React.createElement(EmptyContent, { emptyText: emptyText, component: "table", isH5: true })));
+                emptyText && (_jsx(EmptyContent, { emptyText: emptyText, component: "table", isH5: true })));
         }
         if (multipleSelect) {
-            return (React.createElement(Checkbox.Group, { value: selectedKeys, className: "adaptation-table__all-check", onChange: (val) => {
+            return (_jsx(Checkbox.Group, { value: selectedKeys, className: "adaptation-table__all-check", onChange: (val) => {
                     setState({ selectedKeys: val });
                     handleRowsSelect(val);
-                } }, renderH5Form()));
+                }, children: renderH5Form() }));
         }
-        return (React.createElement(Radio.Group, { value: selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0], className: "adaptation-table__item-check", onChange: (val) => {
+        return (_jsx(Radio.Group, { value: selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0], className: "adaptation-table__item-check", onChange: (val) => {
                 const keys = [].concat(val);
                 setState({ selectedKeys: keys });
                 handleRowsSelect(keys);
-            } }, renderH5Form()));
+            }, children: renderH5Form() }));
     };
     /**
      * filter 查询
@@ -1131,23 +1111,14 @@ export const BaseTable = (props) => {
     /**
      * h5 filter面板
      */
-    const renderH5Filter = () => (React.createElement("div", { className: "_wedamodal-fn-data-filter-form-h5" },
-        React.createElement("div", { className: "_wedamodal-fn-data-filter _wedamodal-fn-data-filter--mobile" },
-            React.createElement("div", { className: "_wedamodal-fn-data-filter__panel filter__panel", style: filterCollapse ? { display: 'block' } : { display: 'none' } },
-                React.createElement("div", { className: "_wedamodal-fn-data-filter__panel-inner" },
-                    React.createElement("div", { className: "_wedamodal-fn-data-filter__panel-header" },
-                        React.createElement("span", { className: "filter-title" }, "\u6761\u4EF6\u7B5B\u9009"),
-                        React.createElement("i", { className: "filter-close-icon", onClick: () => setState((prev) => ({ filterCollapse: !prev.filterCollapse })) })),
-                    React.createElement("br", null),
-                    React.createElement(FilterFieldsPanel, { data: filterFields, getChooseList: getChooseList, fetchData: queryHandle, isH5: true }))))));
+    const renderH5Filter = () => (_jsx("div", { className: "_wedamodal-fn-data-filter-form-h5", children: _jsx("div", { className: "_wedamodal-fn-data-filter _wedamodal-fn-data-filter--mobile", children: _jsx("div", { className: "_wedamodal-fn-data-filter__panel filter__panel", style: filterCollapse ? { display: 'block' } : { display: 'none' }, children: _jsxs("div", { className: "_wedamodal-fn-data-filter__panel-inner", children: [_jsxs("div", { className: "_wedamodal-fn-data-filter__panel-header", children: [_jsx("span", { className: "filter-title", children: "\u6761\u4EF6\u7B5B\u9009" }), _jsx("i", { className: "filter-close-icon", onClick: () => setState((prev) => ({ filterCollapse: !prev.filterCollapse })) })] }), _jsx("br", {}), _jsx(FilterFieldsPanel, { data: filterFields, getChooseList: getChooseList, fetchData: queryHandle, isH5: true })] }) }) }) }));
     /**
      * pc 搜索 视图选择 筛选
      */
-    const renderPCViewFilter = () => (React.createElement(Row, { gap: 10 },
-        React.createElement(Col, { span: 24 }, tableSearch &&
-            (filterType === 'searchbox' ? (renderSearch()) : (React.createElement(Button, { className: `${Margin.Left['2n']} ${filterCollapse && 'active'}`, icon: "filter", title: "\u7B5B\u9009", onClick: () => {
-                    setState((prev) => ({ filterCollapse: !prev.filterCollapse }));
-                } }))))));
+    const renderPCViewFilter = () => (_jsx(Row, { gap: 10, children: _jsx(Col, { span: 24, children: tableSearch &&
+                (filterType === 'searchbox' ? (renderSearch()) : (_jsx(Button, { className: `${Margin.Left['2n']} ${filterCollapse && 'active'}`, icon: "filter", title: "\u7B5B\u9009", onClick: () => {
+                        setState((prev) => ({ filterCollapse: !prev.filterCollapse }));
+                    } }))) }) }));
     /**
      * 后端导入弹窗
      */
@@ -1168,7 +1139,7 @@ export const BaseTable = (props) => {
                 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 (isImportFileModalByApiVisible && (React.createElement(ImportFileModalByApi, { fields: supportFields, visible: isImportFileModalByApiVisible, datasourceTitle: datasourceTitle, dbName: dbName, onCancel: () => {
+        return (isImportFileModalByApiVisible && (_jsx(ImportFileModalByApi, { fields: supportFields, visible: isImportFileModalByApiVisible, datasourceTitle: datasourceTitle, dbName: dbName, onCancel: () => {
                 setIsImportFileModalByApiVisible(false);
             }, handleInOrOutRecordModealVisible: setIsInOrOutRecordModealVisible, refresh: () => {
                 fetchData({ searchValues, pageSize, pageNo: 1 });
@@ -1200,7 +1171,7 @@ export const BaseTable = (props) => {
                 type: 'string',
             });
         }
-        return (isExportFileModalByApiVisible && (React.createElement(ExportFileModalByApi, { fields: getFieldsTypeName(supportFields), selectedKeysList: selectedKeys, visible: isExportFileModalByApiVisible, dbName: dbName, tableColumns: columns, where: getRecordParams === null || getRecordParams === void 0 ? void 0 : getRecordParams.where, whereList: whereList(), orderBy: getRecordParams === null || getRecordParams === void 0 ? void 0 : getRecordParams.orderBy, orderType: getRecordParams === null || getRecordParams === void 0 ? void 0 : getRecordParams.orderType, onCancel: () => {
+        return (isExportFileModalByApiVisible && (_jsx(ExportFileModalByApi, { fields: getFieldsTypeName(supportFields), selectedKeysList: selectedKeys, visible: isExportFileModalByApiVisible, dbName: dbName, tableColumns: columns, where: getRecordParams === null || getRecordParams === void 0 ? void 0 : getRecordParams.where, whereList: whereList(), orderBy: getRecordParams === null || getRecordParams === void 0 ? void 0 : getRecordParams.orderBy, orderType: getRecordParams === null || getRecordParams === void 0 ? void 0 : getRecordParams.orderType, onCancel: () => {
                 setIsExportFileModalByApiVisible(false);
             }, handleInOrOutRecordModealVisible: setIsInOrOutRecordModealVisible })));
     };
@@ -1208,33 +1179,14 @@ export const BaseTable = (props) => {
       导入导出记录弹窗
     */
     const renderInOrOutRecordModeal = () => {
-        return (isInOrOutRecordModealVisible && (React.createElement(InOrOutRecordModeal, { visible: isInOrOutRecordModealVisible, dbName: dbName, onCancel: () => {
+        return (isInOrOutRecordModealVisible && (_jsx(InOrOutRecordModeal, { visible: isInOrOutRecordModealVisible, dbName: dbName, onCancel: () => {
                 isInOrOutRecordModealVisible === 'import'
                     ? setIsImportFileModalByApiVisible(true)
                     : setIsExportFileModalByApiVisible(true);
                 setIsInOrOutRecordModealVisible(false);
             } })));
     };
-    return isH5 ? (React.createElement("div", { className: "_wedamodal-fn-data-filter-body-h5 adaptation-table" },
-        React.createElement("div", { className: "hiddenScrollbar adaptation-table__body", id: "listScrollableContainer" },
-            React.createElement("div", { className: "adaptation-table__actions" },
-                React.createElement(React.Fragment, null,
-                    React.createElement("div", { className: "_wedamodal-fn-data-filter _wedamodal-fn-data-filter--mobile" },
-                        tableAction && renderButtons(),
-                        tableSearch && filterType === 'filter' && (React.createElement(Icon, { style: { marginLeft: '10px', marginBottom: '8px' }, type: "filter", onClick: () => setState((prev) => ({
-                                filterCollapse: !prev.filterCollapse,
-                            })) }))),
-                    React.createElement(Justify, { className: "adaptation-table__all_check", left: renderH5CheckboxAll(), right: tableSearch && filterType === 'searchbox' && renderSearch() }))),
-            renderH5Table()),
-        filterType === 'filter' && renderH5Filter(),
-        renderFooter())) : (React.createElement(React.Fragment, null,
-        React.createElement(Table.ActionPanel, null,
-            React.createElement(Justify, { left: tableAction && renderButtons(), right: renderPCViewFilter() })),
-        filterType === 'filter' && (React.createElement("div", { className: "_wedamodal-fn-data-filter", style: { display: `${filterCollapse ? 'block' : 'none'}` } },
-            React.createElement(FilterFieldsPanel, { data: filterFields, getChooseList: getChooseList, fetchData: queryHandle }))),
-        React.createElement(Table, { className: `modal-table ${isLoading ? 'modal-table-loading' : ''}`, recordKey: "_id", records: isLoading ? [] : records, addons: tableAddons, columns: fields.length > 0 ? columns : [] }),
-        renderFooter(),
-        renderImportFileModalByApi(),
-        renderExportFileModalByApi(),
-        renderInOrOutRecordModeal()));
+    return isH5 ? (_jsxs("div", { className: "_wedamodal-fn-data-filter-body-h5 adaptation-table", children: [_jsxs("div", { className: "hiddenScrollbar adaptation-table__body", id: "listScrollableContainer", children: [_jsx("div", { className: "adaptation-table__actions", children: _jsxs(_Fragment, { children: [_jsxs("div", { className: "_wedamodal-fn-data-filter _wedamodal-fn-data-filter--mobile", children: [tableAction && renderButtons(), tableSearch && filterType === 'filter' && (_jsx(Icon, { style: { marginLeft: '10px', marginBottom: '8px' }, type: "filter", onClick: () => setState((prev) => ({
+                                                filterCollapse: !prev.filterCollapse,
+                                            })) }))] }), _jsx(Justify, { className: "adaptation-table__all_check", left: renderH5CheckboxAll(), right: tableSearch && filterType === 'searchbox' && renderSearch() })] }) }), renderH5Table()] }), filterType === 'filter' && renderH5Filter(), renderFooter()] })) : (_jsxs(_Fragment, { children: [_jsx(Table.ActionPanel, { children: _jsx(Justify, { left: tableAction && renderButtons(), right: renderPCViewFilter() }) }), filterType === 'filter' && (_jsx("div", { className: "_wedamodal-fn-data-filter", style: { display: `${filterCollapse ? 'block' : 'none'}` }, children: _jsx(FilterFieldsPanel, { data: filterFields, getChooseList: getChooseList, fetchData: queryHandle }) })), _jsx(Table, { className: `modal-table ${isLoading ? 'modal-table-loading' : ''}`, recordKey: "_id", records: isLoading ? [] : records, addons: tableAddons, columns: fields.length > 0 ? columns : [] }), renderFooter(), renderImportFileModalByApi(), renderExportFileModalByApi(), renderInOrOutRecordModeal()] }));
 };