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

package/dist/web/components/table/ExportFileModalByApi/index.js

@@ -1,4 +1,5 @@
-import React, { useState, useEffect } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
 import { Modal, Button, Radio, Form, Table, Checkbox, Icon, List, Status, Bubble, } from 'tea-component';
 import { useImportingStatus } from '../hooks/useImportingStatus';
 import { callWedaApi } from '../../../utils/tcb';
@@ -87,64 +88,32 @@ export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysLi
             header: '字段类型',
         },
     ];
-    return (React.createElement(Modal, { caption: "\u5BFC\u51FAExcel", visible: visible, onClose: onCancel, size: 'l', className: `weda-import-csv-file-modal` },
-        React.createElement(Modal.Body, null,
-            step === 'fieldMap' && (React.createElement("div", null,
-                React.createElement(Form, { className: "weda-import-csv-file-modal weda-export-csv-file-modal" },
-                    React.createElement(Form.Item, { label: "\u5BFC\u51FA\u6570\u636E\u8303\u56F4" },
-                        React.createElement(Radio.Group, { value: exportType, onChange: (value) => setExportType(value), style: { display: 'flex' } },
-                            React.createElement(Radio, { name: "all" }, "\u5168\u90E8\u6570\u636E"),
-                            React.createElement(Radio, { name: "filter" }, "\u7B5B\u9009\u540E\u7684\u6570\u636E"),
-                            React.createElement(Radio, { name: "selected", disabled: !(selectedKeysList === null || selectedKeysList === void 0 ? void 0 : selectedKeysList.length) },
-                                "\u9009\u4E2D\u7684\u6570\u636E",
-                                React.createElement("span", { style: { color: 'rgba(0, 0, 0, 0.6)' } }, !(selectedKeysList === null || selectedKeysList === void 0 ? void 0 : selectedKeysList.length) && '（无选中数据）'))))),
-                React.createElement("p", { className: "weda-export-csv-file-modal__wrap_text" }, "\u5BFC\u51FA\u5B57\u6BB5"),
-                React.createElement(Table, { records: fields, recordKey: "name", columns: columns, style: { border: '1px solid #E7E7E7', borderBottom: '0' }, addons: [
-                        selectable({
-                            value: selectedKeys,
-                            onChange: (keys) => {
-                                setSelectedKeys(keys);
-                            },
-                            rowSelect: true,
-                        }),
-                        scrollable({
-                            maxHeight: 320,
-                        }),
-                    ] }),
-                React.createElement(Checkbox.Group, { value: exportIdentity, onChange: (value) => setExportIdentity(value), style: { margin: '16px 0', color: 'rgba(0, 0, 0, 0.6)' } },
-                    React.createElement(Checkbox, { name: "exportIdentity", style: { color: 'rgba(0, 0, 0, 0.6)' } },
-                        React.createElement(Bubble, { content: "\u52FE\u9009\u540E\uFF0C\u53EF\u5BFC\u51FA\u679A\u4E3E\u5B57\u6BB5\u7684\u9009\u9879\u6807\u8BC6\uFF0C\u4E0E\u5173\u8054\u5173\u7CFB/\u4E3B\u5B50\u660E\u7EC6\u5B57\u6BB5\u5173\u8054\u6570\u636E\u7684\u6570\u636E\u6807\u8BC6\uFF0C\u53EF\u7528\u4E8E\u5BFC\u5165\u65F6\u66F4\u65B0\u679A\u4E3E/\u5173\u8054\u5173\u7CFB/\u4E3B\u5B50\u660E\u7EC6\u5B57\u6BB5\u6570\u636E" }, "\u5BFC\u51FA\u9009\u9879\u6807\u8BC6\u548C\u5173\u8054\u6570\u636E\u6807\u8BC6"))))),
-            step === 'isExporting' && (React.createElement("div", { className: "import-file-result-wrap" },
-                status === 'error' && (React.createElement("div", { className: "error-container" },
-                    React.createElement("div", { className: "error-tip" },
-                        React.createElement(Icon, { type: "error", size: "s" }),
-                        React.createElement("p", null, "\u6570\u636E\u5BFC\u51FA\u5931\u8D25")),
-                    React.createElement("div", { className: "error-content" },
-                        React.createElement(List, null, Array.isArray(errorMessage)
-                            ? errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.map((i, index) => (React.createElement(List.Item, { key: index }, i)))
-                            : errorMessage)))),
-                status !== 'validateError' && status !== 'error' && (React.createElement("div", { className: `status-wrap ${status}` },
-                    React.createElement(Status, { icon: 'blank', size: 'm', style: {
-                            maxWidth: '430px',
-                        }, title: status === 'success'
-                            ? '数据导出完成'
-                            : '数据导出中，请稍候...', description: status !== 'success' ? (React.createElement("div", null,
-                            "\u5173\u95ED\u5F39\u7A97\u540E\uFF0C\u5BFC\u51FA\u4EFB\u52A1\u4F1A\u7EE7\u7EED\u6267\u884C\uFF0C\u53EF\u5728",
-                            React.createElement("a", { onClick: () => {
+    return (_jsxs(Modal, { caption: "\u5BFC\u51FAExcel", visible: visible, onClose: onCancel, size: 'l', className: `weda-import-csv-file-modal`, children: [_jsxs(Modal.Body, { children: [step === 'fieldMap' && (_jsxs("div", { children: [_jsx(Form, { className: "weda-import-csv-file-modal weda-export-csv-file-modal", children: _jsx(Form.Item, { label: "\u5BFC\u51FA\u6570\u636E\u8303\u56F4", children: _jsxs(Radio.Group, { value: exportType, onChange: (value) => setExportType(value), style: { display: 'flex' }, children: [_jsx(Radio, { name: "all", children: "\u5168\u90E8\u6570\u636E" }), _jsx(Radio, { name: "filter", children: "\u7B5B\u9009\u540E\u7684\u6570\u636E" }), _jsxs(Radio, { name: "selected", disabled: !(selectedKeysList === null || selectedKeysList === void 0 ? void 0 : selectedKeysList.length), children: ["\u9009\u4E2D\u7684\u6570\u636E", _jsx("span", { style: { color: 'rgba(0, 0, 0, 0.6)' }, children: !(selectedKeysList === null || selectedKeysList === void 0 ? void 0 : selectedKeysList.length) && '（无选中数据）' })] })] }) }) }), _jsx("p", { className: "weda-export-csv-file-modal__wrap_text", children: "\u5BFC\u51FA\u5B57\u6BB5" }), _jsx(Table, { records: fields, recordKey: "name", columns: columns, style: { border: '1px solid #E7E7E7', borderBottom: '0' }, addons: [
+                                    selectable({
+                                        value: selectedKeys,
+                                        onChange: (keys) => {
+                                            setSelectedKeys(keys);
+                                        },
+                                        rowSelect: true,
+                                    }),
+                                    scrollable({
+                                        maxHeight: 320,
+                                    }),
+                                ] }), _jsx(Checkbox.Group, { value: exportIdentity, onChange: (value) => setExportIdentity(value), style: { margin: '16px 0', color: 'rgba(0, 0, 0, 0.6)' }, children: _jsx(Checkbox, { name: "exportIdentity", style: { color: 'rgba(0, 0, 0, 0.6)' }, children: _jsx(Bubble, { content: "\u52FE\u9009\u540E\uFF0C\u53EF\u5BFC\u51FA\u679A\u4E3E\u5B57\u6BB5\u7684\u9009\u9879\u6807\u8BC6\uFF0C\u4E0E\u5173\u8054\u5173\u7CFB/\u4E3B\u5B50\u660E\u7EC6\u5B57\u6BB5\u5173\u8054\u6570\u636E\u7684\u6570\u636E\u6807\u8BC6\uFF0C\u53EF\u7528\u4E8E\u5BFC\u5165\u65F6\u66F4\u65B0\u679A\u4E3E/\u5173\u8054\u5173\u7CFB/\u4E3B\u5B50\u660E\u7EC6\u5B57\u6BB5\u6570\u636E", children: "\u5BFC\u51FA\u9009\u9879\u6807\u8BC6\u548C\u5173\u8054\u6570\u636E\u6807\u8BC6" }) }) })] })), step === 'isExporting' && (_jsxs("div", { className: "import-file-result-wrap", children: [status === 'error' && (_jsxs("div", { className: "error-container", children: [_jsxs("div", { className: "error-tip", children: [_jsx(Icon, { type: "error", size: "s" }), _jsx("p", { children: "\u6570\u636E\u5BFC\u51FA\u5931\u8D25" })] }), _jsx("div", { className: "error-content", children: _jsx(List, { children: Array.isArray(errorMessage)
+                                                ? errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.map((i, index) => (_jsx(List.Item, { children: i }, index)))
+                                                : errorMessage }) })] })), status !== 'validateError' && status !== 'error' && (_jsx("div", { className: `status-wrap ${status}`, children: _jsx(Status, { icon: 'blank', size: 'm', style: {
+                                        maxWidth: '430px',
+                                    }, title: status === 'success'
+                                        ? '数据导出完成'
+                                        : '数据导出中，请稍候...', description: status !== 'success' ? (_jsxs("div", { children: ["\u5173\u95ED\u5F39\u7A97\u540E\uFF0C\u5BFC\u51FA\u4EFB\u52A1\u4F1A\u7EE7\u7EED\u6267\u884C\uFF0C\u53EF\u5728", _jsx("a", { onClick: () => {
+                                                    onCancel();
+                                                    handleInOrOutRecordModealVisible('export');
+                                                }, children: "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55" }), "\u67E5\u770B\u4EFB\u52A1\u8FDB\u5EA6"] })) : (_jsx("a", { target: '_blank', href: fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.DownloadUrl, rel: "noreferrer", style: { margin: '0 auto' }, children: "\u70B9\u51FB\u4E0B\u8F7D" })) }) }))] }))] }), _jsxs(Modal.Footer, { children: [step === 'fieldMap' && (_jsx(Button, { type: "link", style: { float: 'left' }, onClick: () => {
+                            onCancel();
+                            handleInOrOutRecordModealVisible('export');
+                        }, children: "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55" })), step === 'fieldMap' && (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => {
                                     onCancel();
-                                    handleInOrOutRecordModealVisible('export');
-                                } }, "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55"),
-                            "\u67E5\u770B\u4EFB\u52A1\u8FDB\u5EA6")) : (React.createElement("a", { target: '_blank', href: fileImportErrorMessage === null || fileImportErrorMessage === void 0 ? void 0 : fileImportErrorMessage.DownloadUrl, rel: "noreferrer", style: { margin: '0 auto' } }, "\u70B9\u51FB\u4E0B\u8F7D")) })))))),
-        React.createElement(Modal.Footer, null,
-            step === 'fieldMap' && (React.createElement(Button, { type: "link", style: { float: 'left' }, onClick: () => {
-                    onCancel();
-                    handleInOrOutRecordModealVisible('export');
-                } }, "\u6211\u7684\u5BFC\u51FA\u8BB0\u5F55")),
-            step === 'fieldMap' && (React.createElement(React.Fragment, null,
-                React.createElement(Button, { onClick: () => {
-                        onCancel();
-                    } }, "\u53D6\u6D88"),
-                React.createElement(Button, { type: "primary", onClick: () => {
-                        hadnleExport();
-                    }, style: { marginLeft: 10 }, disabled: !(selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) }, "\u786E\u5B9A"))))));
+                                }, children: "\u53D6\u6D88" }), _jsx(Button, { type: "primary", onClick: () => {
+                                    hadnleExport();
+                                }, style: { marginLeft: 10 }, disabled: !(selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length), children: "\u786E\u5B9A" })] }))] })] }));
 }

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

@@ -1,6 +1,8 @@
-import React, { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import { useMediaQuery } from '@react-hookz/web';
 import { Text, Modal, Table, Form } from 'tea-component';
+import fromEntries from 'object.fromentries';
 import { formatTimeByType } from '../../utils/date';
 import { safeJsonParse, isValueEmpty } from '../../utils/tool';
 import Location, { locationProperties } from './Form/Location';
@@ -20,7 +22,7 @@ const TextWrap = (props) => {
     const rest = showTip
         ? { title, overflow: true, style: { width } }
         : { title };
-    return React.createElement(Text, { ...rest }, children);
+    return _jsx(Text, { ...rest, children: children });
 };
 /**
  * 根据类型获取展示字段组件的 render 方法，用于表格/详情中的值转换
@@ -39,7 +41,7 @@ export function getFieldRender(field = {}, extra = {}) {
             if (!val)
                 return '-';
             const item = field['x-enumObj'].find((item) => (item === null || item === void 0 ? void 0 : item.value) === val);
-            return React.createElement(TextWrap, { ...textProps }, (item === null || item === void 0 ? void 0 : item.label) || '-');
+            return _jsx(TextWrap, { ...textProps, children: (item === null || item === void 0 ? void 0 : item.label) || '-' });
         };
         return XEnumObj;
     }
@@ -51,8 +53,7 @@ export function getFieldRender(field = {}, extra = {}) {
         // fieldValue 值转换，如布尔/时间/枚举等
         let fieldValue = val;
         // 图片 render 方法
-        const xImageRender = (val) => (React.createElement("div", { className: `${modelType === 'table' ? 'table-data-item-value' : ''}` },
-            React.createElement(UploaderView, { isEmptyPlace: false, srcList: val, height: 60, width: 60, gutter: 6 })));
+        const xImageRender = (val) => (_jsx("div", { className: `${modelType === 'table' ? 'table-data-item-value' : ''}`, children: _jsx(UploaderView, { isEmptyPlace: false, srcList: val, height: 60, width: 60, gutter: 6 }) }));
         // 地理位置 Render方法
         const xLocationRender = (val, modelType, isInArray = false) => {
             var _a;
@@ -73,14 +74,14 @@ export function getFieldRender(field = {}, extra = {}) {
                         properties: locationProperties,
                     },
                 };
-                return (React.createElement(ArrayComponent, { value: value, modelType: modelType, field: locationField, items: items }));
+                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 React.createElement(TextWrap, { ...textProps }, content);
+                return _jsx(TextWrap, { ...textProps, children: content });
             }
             else {
-                return React.createElement(Location, { readonly: true, value: val });
+                return _jsx(Location, { readonly: true, value: val });
             }
         };
         if (type === 'string') {
@@ -92,11 +93,11 @@ export function getFieldRender(field = {}, extra = {}) {
                         caption: '内容展示',
                         size: MODAL_SIZE,
                         onClose: () => modal.destroy(),
-                        children: React.createElement(RichTextView, { value: val }),
+                        children: _jsx(RichTextView, { value: val }),
                     });
                 };
                 fieldValue = JSON.stringify(val);
-                return modelType === 'detail' ? (React.createElement(RichTextView, { value: fieldValue })) : (React.createElement("a", { onClick: () => showRichText(fieldValue) }, "\u8BE6\u60C5"));
+                return modelType === 'detail' ? (_jsx(RichTextView, { value: fieldValue })) : (_jsx("a", { onClick: () => showRichText(fieldValue), children: "\u8BE6\u60C5" }));
             }
             else if (format === 'x-image') {
                 // 图片
@@ -104,41 +105,39 @@ export function getFieldRender(field = {}, extra = {}) {
             }
             else if (format === 'x-file') {
                 // 文件
-                return (React.createElement(UploaderFileView, { value: fieldValue, single: (extra === null || extra === void 0 ? void 0 : extra.modelType) !== 'detail' }));
+                return (_jsx(UploaderFileView, { value: fieldValue, single: (extra === null || extra === void 0 ? void 0 : extra.modelType) !== 'detail' }));
             }
             else if (isShowOrgsView(field, modelType)) {
-                return (React.createElement(ViewCell, { data: fieldValue, showType: 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 (React.createElement(TextWrap, { ...textProps, title: val },
-                    React.createElement(EnumView, { field: field, values: val })));
+                return (_jsx(TextWrap, { ...textProps, title: val, children: _jsx(EnumView, { field: field, values: val }) }));
             }
             else if (format === 'url') {
                 // 网址
-                return (React.createElement("a", { target: "_blank", href: fieldValue, rel: "noreferrer" },
-                    React.createElement(TextWrap, { ...textProps }, fieldValue)));
+                return (_jsx("a", { target: "_blank", href: fieldValue, rel: "noreferrer", children: _jsx(TextWrap, { ...textProps, children: fieldValue }) }));
             }
             else {
-                return React.createElement(TextWrap, { ...textProps }, fieldValue);
+                return _jsx(TextWrap, { ...textProps, children: fieldValue });
             }
         }
         else if (type === 'number') {
             fieldValue = formatNumber(val, field);
-            return React.createElement(TextWrap, null, fieldValue);
+            return _jsx(TextWrap, { children: fieldValue });
         }
         else if (type === 'boolean') {
             fieldValue = formatBoolean(val);
-            return React.createElement(TextWrap, null, fieldValue);
+            return _jsx(TextWrap, { children: fieldValue });
         }
         else if (type === 'object') {
             const objectRender = ({ value, modelType, fields }) => {
                 if (typeof val === 'object') {
-                    return (React.createElement(DataItemView, { value: value, modelType: modelType, fields: fields }));
+                    return (_jsx(DataItemView, { value: value, modelType: modelType, fields: fields }));
                 }
-                return React.createElement(TextWrap, { ...textProps }, value);
+                return _jsx(TextWrap, { ...textProps, children: value });
             };
             fieldValue = safeJsonParse(val);
             if ((field === null || field === void 0 ? void 0 : field.format) === 'x-location') {
@@ -152,22 +151,21 @@ export function getFieldRender(field = {}, extra = {}) {
                 });
             }
             else {
-                return (React.createElement(QuoteModal, { className: "e-object-view-modal", caption: title, size: "90%" }, objectRender({
-                    value: val,
-                    modelType: { modelType },
-                    fields: properties,
-                })));
+                return (_jsx(QuoteModal, { className: "e-object-view-modal", caption: title, size: "90%", children: objectRender({
+                        value: val,
+                        modelType: { modelType },
+                        fields: properties,
+                    }) }));
             }
         }
         else if (type === 'array') {
             if (field.name === '_departmentList' &&
                 ['table', 'detail'].includes(modelType)) {
-                return React.createElement(TextWrap, { ...textProps }, val || '-');
+                return _jsx(TextWrap, { ...textProps, children: val || '-' });
             }
             if (format === 'x-enum') {
                 // 枚举（新）
-                return (React.createElement(TextWrap, { ...textProps, title: val },
-                    React.createElement(EnumView, { field: field, values: val })));
+                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') {
                 // 地理位置
@@ -179,14 +177,14 @@ export function getFieldRender(field = {}, extra = {}) {
             }
             else if ((items === null || items === void 0 ? void 0 : items.format) === 'x-file' && (extra === null || extra === void 0 ? void 0 : extra.modelType) === 'detail') {
                 // 文件数组，在详情页和表格页展示不同
-                return React.createElement(UploaderFileView, { value: fieldValue, single: false });
+                return _jsx(UploaderFileView, { value: fieldValue, single: false });
             }
             else {
                 fieldValue = safeJsonParse(val);
-                return (React.createElement(ArrayComponent, { value: fieldValue, field: field, modelType: modelType, items: items }));
+                return (_jsx(ArrayComponent, { value: fieldValue, field: field, modelType: modelType, items: items }));
             }
         }
-        return React.createElement("span", null, JSON.stringify(fieldValue));
+        return _jsx("span", { children: JSON.stringify(fieldValue) });
     };
     return FieldRender;
 }
@@ -195,14 +193,13 @@ export function getFieldRender(field = {}, extra = {}) {
  */
 export const DataItemView = ({ fields, modelType, value }) => {
     const isH5 = useMediaQuery('(max-width: 1024px)');
-    return (React.createElement(Form, { readonly: true, className: isH5 ? 'tea-form--vertical' : '' }, Object.entries(fields).map(([key, field]) => {
-        const fieldRender = getFieldRender(field, {
-            showTip: false,
-            modelType,
-        });
-        return (React.createElement(Form.Item, { label: field.title, key: key },
-            React.createElement(Form.Text, null, fieldRender(value === null || value === void 0 ? void 0 : value[(field === null || field === void 0 ? void 0 : field.name) || key]))));
-    })));
+    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，展示表格组件
@@ -214,7 +211,7 @@ export const DataTableView = ({ fields, value }) => {
         const baseColumns = getColumns(rawFieldsSort);
         return baseColumns;
     }, [fields]);
-    return (React.createElement(Table, { bordered: "all", recordKey: "_id", records: [].concat(value), columns: columns }));
+    return (_jsx(Table, { bordered: "all", recordKey: "_id", records: [].concat(value), columns: columns }));
 };
 /**
  * array类型，展示组件
@@ -224,17 +221,16 @@ const ArrayComponent = ({ items, modelType, value, field }) => {
     // PC端 数组嵌套子对象时，显示为表格
     if (items.type === 'object' && !isH5) {
         if (modelType === 'detail') {
-            return React.createElement(DataTableView, { value: value, fields: field.items });
+            return _jsx(DataTableView, { value: value, fields: field.items });
         }
-        return (React.createElement(QuoteModal, { className: "e-array-view-modal", caption: field.title, size: MODAL_SIZE },
-            React.createElement(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 (React.createElement("div", null, Array.isArray(value) &&
-        (value === null || value === void 0 ? void 0 : value.map((item, index) => {
-            const itemRender = getFieldRender(items, { modelType });
-            return (React.createElement("div", { className: "field-array-item", key: index }, itemRender(item)));
-        }))));
+    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));
+            })) }));
 };
 /**
  * 转换数字类型
@@ -318,7 +314,7 @@ export const formatFieldToColumn = (field, isH5) => {
             : { modelType: 'table', relation: record[`@${name}`] };
         const value = getFieldValue(name, record);
         const component = getFieldRender(field, extra)(value);
-        return (React.createElement(ErrorBoundary, { FallbackComponent: () => React.createElement("span", { className: "" }, "\u274C \u6570\u636E\u5F02\u5E38") }, component));
+        return (_jsx(ErrorBoundary, { FallbackComponent: () => _jsx("span", { className: "", children: "\u274C \u6570\u636E\u5F02\u5E38" }), children: component }));
     };
     return { width, render, key: name, header: title, align: 'left', fixed: '' };
 };
@@ -595,7 +591,7 @@ export const filterCustomFields = ({ fields, columnSets, isFilterGenre = false,
         return [];
     if (!Array.isArray(columnSets))
         return fields;
-    const fieldsMap = Object.fromEntries(fields.map((item) => [item.name, item]));
+    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] &&

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

@@ -1,4 +1,5 @@
-import React, { useState, useEffect, useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from 'react';
 import { DatePicker, TimePicker, Input, Form, Tooltip, Select, SelectMultiple, InputAdornment, Button, Row, Col, useClassNames, LoadingTip, } from 'tea-component';
 import { formatDateToNumber, dateCalculation } from '../../utils/date';
 import isObjectEqual from '../../utils/isObjectEqual';
@@ -6,8 +7,7 @@ import moment from 'moment';
 import { useEnumContext } from '../../utils/hooks/context';
 const { RangePicker } = DatePicker;
 // 时间日期
-const DatePickerField = ({ showTime = false, isRange, updateValue, value }) => isRange ? (React.createElement(Tooltip, { title: value && `${value[0]}~${value[1]}` },
-    React.createElement(RangePicker, { clearable: true, value: value ? [moment(value[0]), moment(value[1])] : null, showTime: showTime, onChange: (value) => {
+const DatePickerField = ({ showTime = false, isRange, updateValue, value }) => isRange ? (_jsx(Tooltip, { title: value && `${value[0]}~${value[1]}`, children: _jsx(RangePicker, { clearable: true, value: value ? [moment(value[0]), moment(value[1])] : null, showTime: showTime, onChange: (value) => {
             var _a, _b;
             updateValue({
                 value: value[0]
@@ -17,10 +17,9 @@ const DatePickerField = ({ showTime = false, isRange, updateValue, value }) => i
                     ]
                     : null,
             });
-        } }))) : (React.createElement(Tooltip, { title: value },
-    React.createElement(DatePicker, { clearable: true, value: value ? moment(value) : null, showTime: showTime, onChange: (value) => updateValue({ value: value === null || value === void 0 ? void 0 : value.format('YYYY-MM-DD HH:mm:ss') }) })));
+        } }) })) : (_jsx(Tooltip, { title: value, children: _jsx(DatePicker, { clearable: true, value: value ? moment(value) : null, showTime: showTime, onChange: (value) => updateValue({ value: value === null || value === void 0 ? void 0 : value.format('YYYY-MM-DD HH:mm:ss') }) }) }));
 // 时间
-const TimePickerField = ({ isRange, updateValue, value }) => isRange ? (React.createElement(TimePicker.RangePicker, { clearable: true, value: value
+const TimePickerField = ({ isRange, updateValue, value }) => isRange ? (_jsx(TimePicker.RangePicker, { clearable: true, value: value
         ? [moment(value[0], 'HH:mm:ss'), moment(value[1], 'HH:mm:ss')]
         : [null, null], onChange: (value) => {
         var _a, _b;
@@ -29,32 +28,29 @@ const TimePickerField = ({ isRange, updateValue, value }) => isRange ? (React.cr
                 ? [(_a = value[0]) === null || _a === void 0 ? void 0 : _a.format('HH:mm:ss'), (_b = value[1]) === null || _b === void 0 ? void 0 : _b.format('HH:mm:ss')]
                 : null,
         });
-    } })) : (React.createElement(TimePicker, { clearable: true, value: value ? moment(value, 'HH:mm:ss') : null, onChange: (value) => updateValue({ value: value === null || value === void 0 ? void 0 : value.format('HH:mm:ss') }) }));
+    } })) : (_jsx(TimePicker, { clearable: true, value: value ? moment(value, 'HH:mm:ss') : null, onChange: (value) => updateValue({ value: value === null || value === void 0 ? void 0 : value.format('HH:mm:ss') }) }));
 // 文本输入框
-const InputField = ({ value, updateValue }) => (React.createElement(Input, { value: value, onChange: (value) => {
+const InputField = ({ value, updateValue }) => (_jsx(Input, { value: value, onChange: (value) => {
         updateValue({ value });
     } }));
 // 数字范围输入
 const MultipleNumber = ({ value, updateValue }) => {
     const val1 = value ? value[0] : '';
     const val2 = value ? value[1] : '';
-    return (React.createElement("div", { className: "_wedamodal-fn-input-range" },
-        React.createElement(Input, { size: "s", placeholder: "\u8BF7\u8F93\u5165", value: val1, onChange: (value) => {
-                if (isNaN(Number(value))) {
-                    return;
-                }
-                updateValue({ value: [value, val2] });
-            } }),
-        React.createElement("span", { className: "_wedamodal-fn-input-range__split" }, "~"),
-        React.createElement(Input, { value: val2, onChange: (value) => {
-                if (isNaN(Number(value))) {
-                    return;
-                }
-                updateValue({ value: [val1, value] });
-            }, size: "s", placeholder: "\u8BF7\u8F93\u5165" })));
+    return (_jsxs("div", { className: "_wedamodal-fn-input-range", children: [_jsx(Input, { size: "s", placeholder: "\u8BF7\u8F93\u5165", value: val1, onChange: (value) => {
+                    if (isNaN(Number(value))) {
+                        return;
+                    }
+                    updateValue({ value: [value, val2] });
+                } }), _jsx("span", { className: "_wedamodal-fn-input-range__split", children: "~" }), _jsx(Input, { value: val2, onChange: (value) => {
+                    if (isNaN(Number(value))) {
+                        return;
+                    }
+                    updateValue({ value: [val1, value] });
+                }, size: "s", placeholder: "\u8BF7\u8F93\u5165" })] }));
 };
 // 数字输入框
-const NumberField = ({ value, updateValue, isRange }) => isRange ? (React.createElement(MultipleNumber, { value: value, updateValue: updateValue })) : (React.createElement(Input, { value: value, onChange: (value) => {
+const NumberField = ({ value, updateValue, isRange }) => isRange ? (_jsx(MultipleNumber, { value: value, updateValue: updateValue })) : (_jsx(Input, { value: value, onChange: (value) => {
         if (isNaN(Number(value))) {
             return;
         }
@@ -68,7 +64,7 @@ const SelectMultipleField = (props) => {
     if (!optionName && options) {
         option = options;
     }
-    return (React.createElement(SelectMultiple, { searchable: true, staging: false, matchButtonWidth: true, value: value, appearance: "button", options: option, onChange: (value) => {
+    return (_jsx(SelectMultiple, { searchable: true, staging: false, matchButtonWidth: true, value: value, appearance: "button", options: option, onChange: (value) => {
             updateValue({ value });
         } }));
 };
@@ -76,14 +72,13 @@ const SelectMultipleField = (props) => {
 const SelectField = ({ optionName, value, updateValue }) => {
     const { enumOptions } = useEnumContext();
     const option = (enumOptions === null || enumOptions === void 0 ? void 0 : enumOptions[optionName]) || [];
-    return (React.createElement(Select, { clearable: true, searchable: true, 
+    return (_jsx(Select, { clearable: true, searchable: true, 
         // @ts-ignore 不存在的属性
         staging: false, matchButtonWidth: true, value: value, appearance: "button", options: option, onChange: (value) => {
             updateValue({ value });
         }, button: () => {
             var _a, _b;
-            return value ? (React.createElement(Tooltip, { title: (_a = option === null || option === void 0 ? void 0 : option.find((i) => i.value === value)) === null || _a === void 0 ? void 0 : _a.text },
-                React.createElement("span", null, ((_b = option === null || option === void 0 ? void 0 : option.find((i) => i.value === value)) === null || _b === void 0 ? void 0 : _b.text) || value))) : (React.createElement("span", { className: "wedatea2td-text-weak" }, "\u8BF7\u9009\u62E9"));
+            return value ? (_jsx(Tooltip, { title: (_a = option === null || option === void 0 ? void 0 : option.find((i) => i.value === value)) === null || _a === void 0 ? void 0 : _a.text, children: _jsx("span", { children: ((_b = option === null || option === void 0 ? void 0 : option.find((i) => i.value === value)) === null || _b === void 0 ? void 0 : _b.text) || value }) })) : (_jsx("span", { className: "wedatea2td-text-weak", children: "\u8BF7\u9009\u62E9" }));
         } }));
 };
 // 搜索下拉
@@ -185,7 +180,7 @@ const SelectSearch = ({ getChooseList, value, updateValue, format, childDbName,
             });
         }
     };
-    return (React.createElement(Select, { clearable: true, searchable: true, matchButtonWidth: true, appearance: "button", autoClearSearchValue: true, options: (isSearch ? searchOptions : options) || [], value: value, bottomTips: (isSearch ? searchLoading : loading) ? React.createElement(LoadingTip, null) : '', onChange: (value) => {
+    return (_jsx(Select, { clearable: true, searchable: true, matchButtonWidth: true, appearance: "button", autoClearSearchValue: true, options: (isSearch ? searchOptions : options) || [], value: value, bottomTips: (isSearch ? searchLoading : loading) ? _jsx(LoadingTip, {}) : '', onChange: (value) => {
             updateValue({ value });
         }, onOpen: () => {
             setSearchLoading(false);
@@ -244,8 +239,8 @@ const fieldCalculations = {
         { text: '不等于', value: 'neq' },
     ],
     checkbox: [
-        { text: '包含其一', value: 'in' },
-        { text: '不包含', value: 'nin' },
+        { text: '等于任意一个', value: 'in' },
+        { text: '不等于任意一个', value: 'nin' },
     ],
 };
 // 计算方式下拉选框
@@ -270,7 +265,7 @@ const CalculationSelect = ({ arg, cb, isDate = false }) => {
     const options = isDate
         ? fieldCalculations[arg.type].filter((i) => i.value !== 'neq')
         : fieldCalculations[arg.type];
-    return (React.createElement(Select, { appearance: "button", options: options, value: value, onChange: (value) => calculation(value) }));
+    return (_jsx(Select, { appearance: "button", options: options, value: value, onChange: (value) => calculation(value) }));
 };
 // 筛选项
 const FilterFieldItem = ({ updateFilterData, getChooseList, ...filterFieldItemConfig }) => {
@@ -282,45 +277,36 @@ const FilterFieldItem = ({ updateFilterData, getChooseList, ...filterFieldItemCo
     const renderFieldItem = () => {
         switch (filterType) {
             case 'datetime':
-                return (React.createElement(InputAdornment, { before: React.createElement(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig, isDate: true }) },
-                    React.createElement(DatePickerField, { showTime: true, isRange: isRange, updateValue: updateFilterConfig, value: value })));
+                return (_jsx(InputAdornment, { before: _jsx(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig, isDate: true }), children: _jsx(DatePickerField, { showTime: true, isRange: isRange, updateValue: updateFilterConfig, value: value }) }));
             case 'date':
-                return (React.createElement(InputAdornment, { before: React.createElement(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig, isDate: true }) },
-                    React.createElement(DatePickerField, { value: value, isRange: isRange, updateValue: updateFilterConfig })));
+                return (_jsx(InputAdornment, { before: _jsx(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig, isDate: true }), children: _jsx(DatePickerField, { value: value, isRange: isRange, updateValue: updateFilterConfig }) }));
             case 'time':
-                return (React.createElement(InputAdornment, { before: React.createElement(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig, isDate: true }) },
-                    React.createElement(TimePickerField, { value: value, isRange: isRange, updateValue: updateFilterConfig })));
+                return (_jsx(InputAdornment, { before: _jsx(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig, isDate: true }), children: _jsx(TimePickerField, { value: value, isRange: isRange, updateValue: updateFilterConfig }) }));
             case 'string':
-                return (React.createElement(InputAdornment, { before: React.createElement(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig }) },
-                    React.createElement(InputField, { updateValue: updateFilterConfig, value: value })));
+                return (_jsx(InputAdornment, { before: _jsx(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig }), children: _jsx(InputField, { updateValue: updateFilterConfig, value: value }) }));
             case 'number':
-                return (React.createElement(InputAdornment, { before: React.createElement(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig }) },
-                    React.createElement(NumberField, { updateValue: updateFilterConfig, value: value, isRange: isRange })));
+                return (_jsx(InputAdornment, { before: _jsx(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig }), children: _jsx(NumberField, { updateValue: updateFilterConfig, value: value, isRange: isRange }) }));
             case 'boolean':
-                return (React.createElement(InputAdornment, { before: React.createElement(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig }) },
-                    React.createElement(SelectMultipleField, { options: options || [], updateValue: updateFilterConfig, value: value })));
+                return (_jsx(InputAdornment, { before: _jsx(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig }), children: _jsx(SelectMultipleField, { options: options || [], updateValue: updateFilterConfig, value: value }) }));
             case 'x-enumObj':
-                return (React.createElement(SelectMultipleField
+                return (_jsx(SelectMultipleField
                 // @ts-ignore 不存在的属性
                 , { 
                     // @ts-ignore 不存在的属性
                     options: options || [], updateValue: updateFilterConfig, value: value }));
             case 'x-enum':
                 if (filterFieldItemConfig.xMultiSelect) {
-                    return (React.createElement(InputAdornment, { before: React.createElement(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig }) },
-                        React.createElement(SelectMultipleField, { optionName: filterFieldItemConfig.xOptionName, updateValue: updateFilterConfig, value: value })));
+                    return (_jsx(InputAdornment, { before: _jsx(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig }), children: _jsx(SelectMultipleField, { optionName: filterFieldItemConfig.xOptionName, updateValue: updateFilterConfig, value: value }) }));
                 }
-                return (React.createElement(InputAdornment, { before: React.createElement(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig }) },
-                    React.createElement(SelectField, { optionName: filterFieldItemConfig.xOptionName, updateValue: updateFilterConfig, value: value })));
+                return (_jsx(InputAdornment, { before: _jsx(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig }), children: _jsx(SelectField, { optionName: filterFieldItemConfig.xOptionName, updateValue: updateFilterConfig, value: value }) }));
             case 'father-son':
             case 'related':
-                return (React.createElement(InputAdornment, { before: React.createElement(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig }) },
-                    React.createElement(SelectSearch, { getChooseList: getChooseList, format: filterType, childDbName: filterFieldItemConfig.childDbName, value: value, updateValue: updateFilterConfig })));
+                return (_jsx(InputAdornment, { before: _jsx(CalculationSelect, { arg: fieldCalculation, cb: updateFilterConfig }), children: _jsx(SelectSearch, { getChooseList: getChooseList, format: filterType, childDbName: filterFieldItemConfig.childDbName, value: value, updateValue: updateFilterConfig }) }));
             default:
-                return React.createElement(Input, { disabled: true, defaultValue: '该类型暂不支持表单筛选器' });
+                return _jsx(Input, { disabled: true, defaultValue: '该类型暂不支持表单筛选器' });
         }
     };
-    return (React.createElement(Form.Item, { label: React.createElement(Tooltip, { title: label }, label) }, renderFieldItem()));
+    return (_jsx(Form.Item, { label: _jsx(Tooltip, { title: label, children: label }), children: renderFieldItem() }));
 };
 /**
  * 生成筛选配置
@@ -496,23 +482,11 @@ export const FilterFieldsPanel = ({ data, getChooseList, fetchData, isH5 = false
         });
         fetchData(searchValues);
     };
-    return (!!filterData.length && (React.createElement("div", { className: `${isH5 ? 'filter-wrap' : 'filter-table-wrap'}` },
-        React.createElement(Form, { style: { maxWidth: 'unset', width: '100%' }, className: `${isH5 ? 'wedatea2td-form-h5' : ''}`, layout: `${isH5 ? 'default' : 'inline-vertical'}` },
-            React.createElement(Row, { gap: 20, verticalAlign: 'bottom', style: { justifyContent: 'space-between' } },
-                React.createElement(React.Fragment, null, filterData === null || filterData === void 0 ? void 0 : filterData.map((i) => isH5 ? (React.createElement(Col, { span: 24, key: i.id },
-                    React.createElement(FilterFieldItem, { ...i, getChooseList: getChooseList, updateFilterData: updateFilterData }))) : (React.createElement(Col, { span: 24, lg: 8, xl: 6, key: i.id },
-                    React.createElement(FilterFieldItem, { ...i, getChooseList: getChooseList, updateFilterData: updateFilterData }))))),
-                !isH5 && (React.createElement(Col, { span: 24, lg: 8, xl: 6, key: "search-button", style: { flex: '1' } },
-                    React.createElement(Form.Item, { className: "_wedamodal-form__op" },
-                        React.createElement(Button, { type: "primary", className: `${Margin.Right['4n']}`, onClick: searchHandle }, "\u67E5\u8BE2"),
-                        React.createElement(Button, { onClick: () => {
-                                setFilterData(initFilterData);
-                                fetchData();
-                            } }, "\u91CD\u7F6E")))))),
-        isH5 && (React.createElement(Form.Item, { className: "_wedamodal-form__op" },
-            React.createElement(Button, { type: "link", className: `${Margin.Right['4n']}`, onClick: searchHandle }, "\u67E5\u8BE2"),
-            React.createElement(Button, { type: "link", onClick: () => {
-                    setFilterData(initFilterData);
-                    fetchData();
-                } }, "\u91CD\u7F6E"))))));
+    return (!!filterData.length && (_jsxs("div", { className: `${isH5 ? 'filter-wrap' : 'filter-table-wrap'}`, children: [_jsx(Form, { style: { maxWidth: 'unset', width: '100%' }, className: `${isH5 ? 'wedatea2td-form-h5' : ''}`, layout: `${isH5 ? 'default' : 'inline-vertical'}`, children: _jsxs(Row, { gap: 20, verticalAlign: 'bottom', style: { justifyContent: 'space-between' }, children: [_jsx(_Fragment, { children: filterData === null || filterData === void 0 ? void 0 : filterData.map((i) => isH5 ? (_jsx(Col, { span: 24, children: _jsx(FilterFieldItem, { ...i, getChooseList: getChooseList, updateFilterData: updateFilterData }) }, i.id)) : (_jsx(Col, { span: 24, lg: 8, xl: 6, children: _jsx(FilterFieldItem, { ...i, getChooseList: getChooseList, updateFilterData: updateFilterData }) }, i.id))) }), !isH5 && (_jsx(Col, { span: 24, lg: 8, xl: 6, style: { flex: '1' }, children: _jsxs(Form.Item, { className: "_wedamodal-form__op", children: [_jsx(Button, { type: "primary", className: `${Margin.Right['4n']}`, onClick: searchHandle, children: "\u67E5\u8BE2" }), _jsx(Button, { onClick: () => {
+                                            setFilterData(initFilterData);
+                                            fetchData();
+                                        }, children: "\u91CD\u7F6E" })] }) }, "search-button"))] }) }), isH5 && (_jsxs(Form.Item, { className: "_wedamodal-form__op", children: [_jsx(Button, { type: "link", className: `${Margin.Right['4n']}`, onClick: searchHandle, children: "\u67E5\u8BE2" }), _jsx(Button, { type: "link", onClick: () => {
+                            setFilterData(initFilterData);
+                            fetchData();
+                        }, children: "\u91CD\u7F6E" })] }))] })));
 };

package/dist/web/components/table/Form/Enum.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Select, Icon } from 'tea-component';
 import { useEnumContext } from '../../../utils/hooks/context';
 // 枚举输入组件
@@ -24,9 +24,9 @@ export const EnumSelect = (props) => {
         }
     };
     if (isMulti) {
-        return React.createElement(Select.Multiple, { ...selectProps });
+        return _jsx(Select.Multiple, { ...selectProps });
     }
-    return React.createElement(Select, { ...selectProps, onChange: onSelectChange });
+    return _jsx(Select, { ...selectProps, onChange: onSelectChange });
 };
 // 转换枚举值
 export const formatEnum = (value, field, enumOptions) => {
@@ -51,6 +51,6 @@ export const EnumView = (props) => {
     const { field, values } = props;
     const { enumOptions, loading } = useEnumContext();
     if (loading)
-        return React.createElement(Icon, { type: "loading" });
+        return _jsx(Icon, { type: "loading" });
     return formatEnum(values, field, enumOptions);
 };