@cloudbase/weda-ui 3.5.0 → 3.5.2

package/dist/web/components/table/ImportFileModalByApi/uploadCSVFile.js

@@ -4,6 +4,17 @@ import { Upload, Form, Text, Status, Select, Bubble, Icon, } from 'tea-component
 import { exportData, getXlsxFileHeader } from '../../../utils/file';
 import { callWedaApi } from '../../../utils/tcb';
 import csvTemplate from '../ImportFileModal/csvTemplate.json';
+/**
+ * 序列化错误信息
+ */
+export const errorStringify = (error) => {
+    let msg = '未知';
+    try {
+        msg = JSON.stringify(error);
+    }
+    catch (error) { }
+    return msg;
+};
 // 下载模版
 const getCSVTemplate = (fields, datasourceTitle) => {
     const header = [];
@@ -17,11 +28,11 @@ const getCSVTemplate = (fields, datasourceTitle) => {
     exportData([header, row], 'xlsx', `_${datasourceTitle}_导入模版`);
 };
 // 上传csv文件
-export function UploadCSVFile({ parseFile, fields, datasourceTitle, dbName, setDisableNext, setFile, file, createDataImportQuery, setCreateDataImportQuery, updateByField, setUpdateByField, }) {
+export function UploadCSVFile({ parseFile, fields, datasourceTitle, dbName, setDisableNext, setFile, file, createDataImportQuery, setCreateDataImportQuery, updateByField, setUpdateByField, supportManyRelated, }) {
     const [status, setStatus] = useState(null);
     const [errorMsg, setErrorMsg] = useState('');
     const updateFieldOption = fields
-        .filter((i) => i['x-unique'])
+        .filter((i) => i['x-unique'] && i.format !== 'one-one')
         .map((i) => ({ value: i.name, text: i.title }));
     updateFieldOption.unshift({ value: 'identity', text: '数据标识' });
     function handleStart(file) {
@@ -34,6 +45,7 @@ export function UploadCSVFile({ parseFile, fields, datasourceTitle, dbName, setD
         const { code } = value;
         if (code === 'BAD_REQUEST') {
             setStatus('error');
+            setErrorMsg('上传文件失败' + errorStringify(value));
             setDisableNext(true);
         }
         else {
@@ -43,21 +55,32 @@ export function UploadCSVFile({ parseFile, fields, datasourceTitle, dbName, setD
     function handleError(error) {
         console.error('handleError', error);
         setStatus('error');
-        setErrorMsg('上传文件失败' + error);
+        setErrorMsg('上传文件失败' + errorStringify(error));
         setDisableNext(true);
     }
-    function beforeUpload(file, fileList, isAccepted) {
+    function beforeUpload(file, fileList, isAccepted, reasons) {
+        let accepted = isAccepted;
         if (!isAccepted) {
             setStatus('error');
+            setErrorMsg('上传文件失败' + errorStringify(reasons));
+        }
+        if ((file === null || file === void 0 ? void 0 : file.name) && /[!*(');:@&=+$,/?#[\]\s]/.test(file === null || file === void 0 ? void 0 : file.name)) {
+            accepted = false;
+            setStatus('error');
+            setErrorMsg(`文件名中不允许包含! * ' ( ) ; : @ & = + $ , / ? # [ ] 和空格，请修改后重新上传`);
         }
-        return isAccepted;
+        return accepted;
     }
     async function getUploadUrl(file) {
         try {
             const { name, size } = file;
             const queryParams = {
                 action: 'CreateDataPreImport',
-                data: { FileName: name, DataSourceName: dbName },
+                data: {
+                    FileName: name,
+                    DataSourceName: dbName,
+                    Version: supportManyRelated ? 2 : 1,
+                },
             };
             const { UploadUrl, FileId } = await callWedaApi(queryParams);
             setCreateDataImportQuery({
@@ -73,6 +96,7 @@ export function UploadCSVFile({ parseFile, fields, datasourceTitle, dbName, setD
             console.error('getUploadUrl error', error);
         }
     }
+    const tipsTemplate = `2、支持xlsx类型文件，要求文件大小10M以内，不能超过50000行，文件名中不可包含! * ' ( ) ; : @ & = + $ , / ? # [ ] 和空格`;
     return (_jsxs("div", { className: "modal-upload-wrap", children: [_jsxs(Form, { className: "weda_modal-upload-wrap_import_type", children: [_jsx(Form.Item, { label: "\u5BFC\u5165\u6A21\u5F0F", children: _jsx(Select, { size: "m", appearance: "button", matchButtonWidth: true, options: [
                                 { value: 'create', text: '仅新增' },
                                 { value: 'update', text: '仅更新' },
@@ -82,10 +106,10 @@ export function UploadCSVFile({ parseFile, fields, datasourceTitle, dbName, setD
                                 writeType: value,
                             }) }) }), ['update', 'upsert'].includes(createDataImportQuery.writeType) && (_jsx(Form.Item, { label: "\u66F4\u65B0\u4F9D\u636E\u5B57\u6BB5", children: _jsxs(_Fragment, { children: [_jsx(Select, { size: "m", appearance: "button", matchButtonWidth: true, onChange: (value) => {
                                         setUpdateByField(value);
-                                    }, value: updateByField, options: updateFieldOption }), _jsx(Bubble, { arrowPointAtCenter: true, placement: "top-end", content: "\u652F\u6301\u9009\u62E9\u5F00\u542F\u552F\u4E00\u5C5E\u6027\u7684\u5B57\u6BB5\uFF0C\u7528\u4E8E\u5339\u914D\u5E76\u66F4\u65B0\u5DF2\u6709\u7684\u6570\u636E\u8BB0\u5F55", children: _jsx(Icon, { type: "info" }) })] }) }))] }), _jsx(Form.Control, { status: status, message: status === 'error' ? errorMsg : '', children: _jsx(Upload, { method: "put", action: getUploadUrl, send: (file) => file, accept: ".xlsx", maxSize: 1024 * 1024 * 2, onStart: handleStart, onSuccess: handleSuccess, onError: handleError, beforeUpload: beforeUpload, children: ({ open, isDragging }) => (_jsx(Upload.Dragger, { filename: file && file.name, button: _jsx(Status, { className: "csv-file", icon: 'blank', size: 's', description: file && file.name, operation: _jsxs(_Fragment, { children: [_jsx("a", { onClick: open, children: "\u91CD\u65B0\u4E0A\u4F20" }), "\u00A0/\u00A0", _jsx("a", { onClick: () => {
+                                    }, value: updateByField, options: updateFieldOption }), _jsx(Bubble, { arrowPointAtCenter: true, placement: "top-end", content: "\u652F\u6301\u9009\u62E9\u5F00\u542F\u552F\u4E00\u5C5E\u6027\u7684\u5B57\u6BB5\uFF0C\u7528\u4E8E\u5339\u914D\u5E76\u66F4\u65B0\u5DF2\u6709\u7684\u6570\u636E\u8BB0\u5F55", children: _jsx(Icon, { type: "info" }) })] }) }))] }), _jsx(Form.Control, { status: status, message: status === 'error' ? errorMsg : '', children: _jsx(Upload, { method: "put", action: getUploadUrl, send: (file) => file, accept: ".xlsx", maxSize: 1024 * 1024 * 10, onStart: handleStart, onSuccess: handleSuccess, onError: handleError, beforeUpload: beforeUpload, children: ({ open, isDragging }) => (_jsx(Upload.Dragger, { filename: file && file.name, button: _jsx(Status, { className: "csv-file", icon: 'blank', size: 's', description: file && file.name, operation: _jsxs(_Fragment, { children: [_jsx("a", { onClick: open, children: "\u91CD\u65B0\u4E0A\u4F20" }), "\u00A0/\u00A0", _jsx("a", { onClick: () => {
                                             setFile(null);
                                             setDisableNext(true);
                                         }, children: "\u5220\u9664" })] }) }), children: isDragging ? ('释放鼠标') : (_jsx(Status, { className: "upload-file", icon: 'blank', size: 's', operation: _jsxs(_Fragment, { children: [_jsx("a", { onClick: open, children: "\u70B9\u51FB\u4E0A\u4F20" }), " /", ' ', _jsx(Text, { theme: "weak", children: "\u62D6\u62FD\u5230\u6B64\u533A\u57DF" })] }) })) })) }) }), _jsx("div", { className: "modal-upload-text-wrap", children: _jsxs("ul", { children: [_jsxs("li", { children: ["1\u3001\u8BF7\u4E0B\u8F7D\u4F7F\u7528", _jsx("span", { onClick: () => {
                                         getCSVTemplate(fields, datasourceTitle);
-                                    }, children: "\u00A0 \u5BFC\u5165\u6A21\u7248" }), "\uFF0C\u5E76\u6309\u7167\u793A\u4F8B\u586B\u5199\u6570\u636E\uFF0C\u4EE5\u4FDD\u8BC1\u6570\u636E\u5BFC\u5165\u987A\u5229"] }), _jsx("li", { children: "2\u3001\u652F\u6301xlsx\u7C7B\u578B\u6587\u4EF6\uFF0C\u8981\u6C42\u6587\u4EF6\u5927\u5C0F2M\u4EE5\u5185\uFF0C\u4E0D\u80FD\u8D85\u8FC710000\u884C" }), _jsxs("li", { children: [_jsx("div", { children: "3\u3001\u5BFC\u5165\u66F4\u65B0\u8BF4\u660E" }), _jsx("div", { children: "\u00A01\uFF09\u652F\u6301\u9009\u62E9\u5F00\u542F\u552F\u4E00\u5C5E\u6027\u7684\u5B57\u6BB5\uFF0C\u7528\u4E8E\u5339\u914D\u5E76\u66F4\u65B0\u5DF2\u6709\u7684\u6570\u636E\u8BB0\u5F55" }), _jsx("div", { children: "\u00A02\uFF09\u5BFC\u5165\u6A21\u5F0F\u4E3A\u300C\u65B0\u589E\u6216\u66F4\u65B0\u300D\u65F6\uFF0C\u5982\u300C\u6570\u636E\u6807\u8BC6\u300D\u5217\u4E3A\u7A7A\uFF0C\u8BE5\u884C\u6570\u636E\u4F1A\u6267\u884C\u65B0\u589E\u64CD\u4F5C" }), _jsx("div", { children: "\u00A03\uFF09\u5355\u5143\u683C\u5185\u5BB9\u4E3A\u7A7A\u65F6\uFF0C\u8BE5\u7A7A\u503C\u5C06\u8986\u76D6\u539F\u6709\u6570\u636E\uFF0C\u8BF7\u8C28\u614E\u64CD\u4F5C" })] }), _jsxs("li", { children: [_jsx("div", { children: "4\u3001\u6570\u636E\u683C\u5F0F\u8BF4\u660E" }), _jsx("div", { children: "\u00A0 1\uFF09\u679A\u4E3E\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u9009\u62E9\u9009\u9879\u6807\u8BC6\u6216\u9009\u9879\u503C\u8FDB\u884C\u5BFC\u5165\uFF1A\u9009\u9879\u6807\u8BC6\u4E3A\u8868\u683C\u4E2D\u5C55\u793A\u7684\u4E1A\u52A1\u540D\u79F0\uFF1B\u9009\u9879\u503C\u4E3A\u9009\u9879\u7684\u7CFB\u7EDF\u552F\u4E00\u6807\u8BC6" }), _jsx("div", { children: "\u00A02\uFF09\u5173\u8054\u5173\u7CFB\u3001\u4E3B\u5B50\u660E\u7EC6\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u9009\u62E9\u4E3B\u5217\u5B57\u6BB5\u6216\u6570\u636E\u6807\u8BC6\u8FDB\u884C\u5BFC\u5165\uFF1A\u4E3B\u5217\u5B57\u6BB5\u4E3A\u8868\u683C\u4E2D\u5C55\u793A\u7684\u5173\u8054\u6570\u636E\u4E1A\u52A1\u540D\u79F0\uFF1B\u6570\u636E\u6807\u8BC6\u4E3A\u5173\u8054\u6570\u636E\u7684\u7CFB\u7EDF\u552F\u4E00\u6807\u8BC6" }), _jsx("div", { children: "\u00A03\uFF09\u5E03\u5C14\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u5BFC\u5165\u300C\u662F/\u5426\u300D\u6216\u300Ctrue/false\u300D" }), _jsx("div", { children: "\u00A04\uFF09\u56FE\u7247\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u5BFC\u5165https\u6216cloud\u534F\u8BAE\u7684\u56FE\u7247\u5730\u5740" }), _jsx("div", { children: "\u00A05\uFF09\u6587\u4EF6\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301cloud\u534F\u8BAE\u7684\u6587\u4EF6\u5730\u5740" }), _jsx("div", { children: "\u00A06\uFF09\u5730\u7406\u4F4D\u7F6E\u7C7B\u578B\u6570\u636E\uFF1A\u6570\u636E\u683C\u5F0F\u8981\u6C42\u4E3A\u5730\u70B9\u540D\u79F0(\u5750\u6807\u7ECF\u5EA6\uFF0C\u5750\u6807\u7EF4\u5EA6)" })] })] }) })] }));
+                                    }, children: "\u00A0 \u5BFC\u5165\u6A21\u7248" }), "\uFF0C\u5E76\u6309\u7167\u793A\u4F8B\u586B\u5199\u6570\u636E\uFF0C\u4EE5\u4FDD\u8BC1\u6570\u636E\u5BFC\u5165\u987A\u5229"] }), _jsx("li", { children: tipsTemplate }), _jsxs("li", { children: [_jsx("div", { children: "3\u3001\u5BFC\u5165\u66F4\u65B0\u8BF4\u660E" }), _jsx("div", { children: "\u00A01\uFF09\u652F\u6301\u9009\u62E9\u5F00\u542F\u552F\u4E00\u5C5E\u6027\u7684\u5B57\u6BB5\uFF0C\u7528\u4E8E\u5339\u914D\u5E76\u66F4\u65B0\u5DF2\u6709\u7684\u6570\u636E\u8BB0\u5F55" }), _jsx("div", { children: "\u00A02\uFF09\u5BFC\u5165\u6A21\u5F0F\u4E3A\u300C\u65B0\u589E\u6216\u66F4\u65B0\u300D\u65F6\uFF0C\u5982\u300C\u6570\u636E\u6807\u8BC6\u300D\u5217\u4E3A\u7A7A\uFF0C\u8BE5\u884C\u6570\u636E\u4F1A\u6267\u884C\u65B0\u589E\u64CD\u4F5C" }), _jsx("div", { children: "\u00A03\uFF09\u5355\u5143\u683C\u5185\u5BB9\u4E3A\u7A7A\u65F6\uFF0C\u8BE5\u7A7A\u503C\u5C06\u8986\u76D6\u539F\u6709\u6570\u636E\uFF0C\u8BF7\u8C28\u614E\u64CD\u4F5C" })] }), _jsxs("li", { children: [_jsx("div", { children: "4\u3001\u6570\u636E\u683C\u5F0F\u8BF4\u660E" }), _jsx("div", { children: "\u00A0 1\uFF09\u679A\u4E3E\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u9009\u62E9\u9009\u9879\u6807\u8BC6\u6216\u9009\u9879\u503C\u8FDB\u884C\u5BFC\u5165\uFF1A\u9009\u9879\u6807\u8BC6\u4E3A\u8868\u683C\u4E2D\u5C55\u793A\u7684\u4E1A\u52A1\u540D\u79F0\uFF1B\u9009\u9879\u503C\u4E3A\u9009\u9879\u7684\u7CFB\u7EDF\u552F\u4E00\u6807\u8BC6" }), _jsx("div", { children: "\u00A02\uFF09\u5173\u8054\u5173\u7CFB\u3001\u4E3B\u5B50\u660E\u7EC6\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u9009\u62E9\u4E3B\u5217\u5B57\u6BB5\u6216\u6570\u636E\u6807\u8BC6\u8FDB\u884C\u5BFC\u5165\uFF1A\u4E3B\u5217\u5B57\u6BB5\u4E3A\u8868\u683C\u4E2D\u5C55\u793A\u7684\u5173\u8054\u6570\u636E\u4E1A\u52A1\u540D\u79F0\uFF1B\u6570\u636E\u6807\u8BC6\u4E3A\u5173\u8054\u6570\u636E\u7684\u7CFB\u7EDF\u552F\u4E00\u6807\u8BC6" }), _jsx("div", { children: "\u00A03\uFF09\u5E03\u5C14\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u5BFC\u5165\u300C\u662F/\u5426\u300D\u6216\u300Ctrue/false\u300D" }), _jsx("div", { children: "\u00A04\uFF09\u56FE\u7247\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301\u5BFC\u5165https\u6216cloud\u534F\u8BAE\u7684\u56FE\u7247\u5730\u5740" }), _jsx("div", { children: "\u00A05\uFF09\u6587\u4EF6\u7C7B\u578B\u6570\u636E\uFF1A\u652F\u6301cloud\u534F\u8BAE\u7684\u6587\u4EF6\u5730\u5740" }), _jsx("div", { children: "\u00A06\uFF09\u5730\u7406\u4F4D\u7F6E\u7C7B\u578B\u6570\u636E\uFF1A\u6570\u636E\u683C\u5F0F\u8981\u6C42\u4E3A\u5730\u70B9\u540D\u79F0(\u5750\u6807\u7ECF\u5EA6,\u5750\u6807\u7EF4\u5EA6)" }), _jsx("div", { children: "\u00A07\uFF09\u5F53\u8868\u683C\u5217\u7ED1\u5B9A\u4E86\u300C\u591A\u5BF9\u4E00\u3001\u4E00\u5BF9\u4E00\u300D\u5173\u7CFB\u7684\u5173\u8054\u6A21\u578B\u5B57\u6BB5\u65F6\uFF0C\u652F\u6301\u9009\u62E9\u4E3B\u5217\u5B57\u6BB5\u6216\u6570\u636E\u6807\u8BC6\uFF0C\u4E0E\u5DF2\u6709\u6570\u636E\u8FDB\u884C\u5339\u914D\u5173\u8054" }), _jsx("div", { children: "\u00A08\uFF09\u5BFC\u5165\u65F6\u6682\u4E0D\u652F\u6301\u4E0E\u300C\u591A\u5BF9\u591A\u3001\u4E00\u5BF9\u591A\u300D\u5173\u7CFB\u7684\u5173\u8054\u6A21\u578B\u6784\u5EFA\u5173\u7CFB" })] })] }) })] }));
 }

package/dist/web/components/table/InOrOutRecordModeal.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * 菜单导航配置弹窗
+ */
+export declare function InOrOutRecordModeal({ visible, onCancel, dbName }: {
+    visible: any;
+    onCancel: any;
+    dbName: any;
+}): JSX.Element;

package/dist/web/components/table/QuoteModal.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * 引用类型显示弹窗
+ * @description 使用组件方式编写，避免数据流中断
+ */
+export declare const QuoteModal: ({ children, ...restProps }: {
+    [x: string]: any;
+    children: any;
+}) => JSX.Element;

package/dist/web/components/table/SelectableBlock/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import './style';
+/**
+ * 选区组件
+ */
+export declare function SelectableBlock(props: any): JSX.Element;

package/dist/web/components/table/SelectableBlock/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../style';

package/dist/web/components/table/UserDepartment/ViewCell.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './style';
+export declare const ViewCell: ({ data, showType, relation }: {
+    data: any;
+    showType: any;
+    relation: any;
+}) => JSX.Element;

package/dist/web/components/table/UserDepartment/style.d.ts

@@ -0,0 +1,2 @@
+import './viewCell.css';
+import '../../style';

package/dist/web/components/table/UserDepartment/utils.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+export declare const parentIcon: ({ expanded }: {
+    expanded: any;
+}) => JSX.Element;
+export declare const roleIcon: () => JSX.Element;
+export declare const departIcon: () => JSX.Element;
+export declare const dealOrgData: (data?: any[]) => {
+    id: string;
+    content: any;
+    children: any;
+    selectable: boolean;
+    expandable: boolean;
+    icon: ({ expanded }: {
+        expanded: any;
+    }) => JSX.Element;
+    orgId: any;
+}[];
+export declare const dealRoleData: (data?: any[]) => {
+    id: any;
+    expandable: boolean;
+    selectable: boolean;
+    content: any;
+    children: any;
+    icon: ({ expanded }: {
+        expanded: any;
+    }) => JSX.Element;
+}[];
+export declare const dealUserData: (data: any[], isRole: any) => {
+    id: string;
+    expandable: boolean;
+    selectable: boolean;
+    content: any;
+    userId: any;
+    isUser: boolean;
+    icon: () => JSX.Element;
+}[];
+export declare function guidMod(bit: any): string;
+export declare const getNode: (nodes: any, id: any, key: any) => any;
+export declare const getRelationData: (relation: any) => {
+    content: any;
+    id: any;
+};

package/dist/web/components/table/UserDepartment/utils.js

@@ -72,9 +72,7 @@ export const getRelationData = (relation) => {
     const primaryColumn = (_b = relation === null || relation === void 0 ? void 0 : relation.v1) === null || _b === void 0 ? void 0 : _b.primaryColumn;
     const data = {
         content: record === null || record === void 0 ? void 0 : record[primaryColumn],
-        // eslint-disable-next-line no-underscore-dangle
         id: record === null || record === void 0 ? void 0 : record._id,
     };
-    // eslint-disable-next-line no-underscore-dangle
     return data;
 };

package/dist/web/components/table/hooks/useImportingStatus.d.ts

@@ -0,0 +1,13 @@
+interface useImportingStatusResultType {
+    fileImportStatus: string;
+    fileImportErrorMessage: {
+        Total?: string;
+        Success?: string;
+        Failure?: string;
+        ErrorDownloadUrl?: string;
+        DownloadUrl?: string;
+        ErrorMessage?: string[];
+    };
+}
+export declare const useImportingStatus: (fileId: string, DataSourceName: string, Type: string) => useImportingStatusResultType;
+export {};

package/dist/web/components/table/hooks/useImportingStatus.js

@@ -7,7 +7,7 @@ export const useImportingStatus = (fileId, DataSourceName, Type) => {
     useEffect(() => {
         if (!fileId)
             return;
-        const Polling = new PollingInterface(getImportingStatus, 5000, 60);
+        const Polling = new PollingInterface(getImportingStatus, 5000, 100);
         async function getImportingStatus() {
             try {
                 const queryParams = {
@@ -49,11 +49,7 @@ export const useImportingStatus = (fileId, DataSourceName, Type) => {
             }
         }
         Polling.setCallback(() => {
-            setFileImportStatus('failure');
-            setFileImportErrorMessage('查询导出请求超时');
-            setFileImportErrorMessage({
-                ErrorMessage: ['查询导出请求超时'],
-            });
+            setFileImportStatus('timeout');
         });
         Polling.start();
         return () => {

package/dist/web/components/table/hooks/useInOutFieldsRecords.d.ts

@@ -0,0 +1,10 @@
+interface useInOutFieldsRecordsProps {
+    type: string;
+    dbName: string;
+    setIsLodaing: any;
+}
+export declare function useInOutFieldsRecords({ type, dbName, setIsLodaing, }: useInOutFieldsRecordsProps): {
+    data: any;
+    isError: any;
+};
+export {};

package/dist/web/components/table/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BaseTable } from './BaseTable';
+import './style';
+/**
+ * 列表组件
+ */
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export default _default;
+export { BaseTable };

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

@@ -13,12 +13,12 @@ import './style';
  * 列表组件
  */
 export default React.forwardRef(function ModelTable(props, ref) {
-    const { dataSourceType, bindConnectMetadata = {
+    const { dataSourceType = 'data-model', bindConnectMetadata = {
         datasource: { id: '', name: '', title: '' },
     }, // APImock数据
     connectorMethod = { name: '', inParams: [], outParams: [], title: '' }, // API方法
     connectorParams, // API查询入参
-    isOrderBy, // API是否支持排序
+    isOrderBy = true, // API是否支持排序
     bindMetadata = {
         datasource: {},
         enabledFieldNames: [],
@@ -40,7 +40,7 @@ export default React.forwardRef(function ModelTable(props, ref) {
     fixedEnd = '', // 冻结本列至尾列
     enableCellCustomOption, // 是否显示插槽操作列
     enableGlobalButton, // 是否显示插槽全局按钮
-    className, emptyText, ...rest } = props;
+    className, emptyText = '暂无数据', ...rest } = props;
     const isModel = dataSourceType !== 'custom-connector';
     const { datasource, enabledFieldNames, selectedViewIds: selectedView, isNewData, } = isModel ? bindMetadata : bindConnectMetadata;
     const { outParams } = connectorMethod;

package/dist/web/components/table/style.d.ts

@@ -0,0 +1,3 @@
+import './index.css';
+import './baseTable.css';
+import '../style';

package/dist/web/components/tabs/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/tabs';
+import type { Except } from 'type-fest';
+import './style';
+export type TabsProps = CommonPropsType & Except<DataType, 'tabs'> & {
+    tabs: ReadonlyArray<DataType['tabs'][number] & {
+        name: string;
+    }>;
+    showType: 'h5' | 'pc';
+};
+export default function Tabs(props: TabsProps): JSX.Element;

package/dist/web/components/tabs/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';

package/dist/web/components/tabs/tabs.h5.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { TabsProps } from './index';
+export default function TabsH5({ tabs, selectedIndex, events, className, style, isMultipleSlot, ...restProps }: TabsProps): JSX.Element;

package/dist/web/components/tabs/tabs.h5.js

@@ -10,12 +10,17 @@ export default function TabsH5({ tabs = emptyArray, selectedIndex, events, class
     const [currentIndex, setCurrentIndex] = useSyncValue(typeof selectedIndex === 'string' ? parseInt(selectedIndex) : selectedIndex);
     const eventRef = useSyncedRef(events);
     useCustomCompareEffect(() => {
-        var _a, _b;
-        eventRef.current.change({
-            id: currentIndex,
-            label: (_a = tabs[currentIndex]) === null || _a === void 0 ? void 0 : _a.title,
-            value: (_b = tabs[currentIndex]) === null || _b === void 0 ? void 0 : _b.value,
-        });
+        // 延迟触发change事件，避免在slot未渲染完成时在事件中操作里面的组件方法
+        // eslint-disable-next-line rulesdir/no-timer
+        setTimeout(() => {
+            var _a, _b;
+            eventRef.current &&
+                eventRef.current.change({
+                    id: currentIndex,
+                    label: (_a = tabs[currentIndex]) === null || _a === void 0 ? void 0 : _a.title,
+                    value: (_b = tabs[currentIndex]) === null || _b === void 0 ? void 0 : _b.value,
+                });
+        }, 0);
     }, [currentIndex, tabs], isObjectEqual);
     return (_jsxs("div", { "data-testid": "tabs", className: classNames('weda-tabs weda-ui', {
             [className]: className,

package/dist/web/components/tabs/tabs.pc.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TabsProps } from './index';
+export default function TabsPc({ tabs, selectedIndex, events, className, style, isMultipleSlot, ...restProps }: TabsProps): JSX.Element;

package/dist/web/components/tabs/tabs.pc.js

@@ -22,13 +22,17 @@ export default function TabsPc({ tabs = emptyArray, selectedIndex, events, class
     }, [tabs]);
     const eventsRef = useSyncedRef(events);
     useCustomCompareEffect(() => {
-        var _a, _b, _c;
-        eventsRef.current &&
-            eventsRef.current.change({
-                id: (_a = _tabs[activeIndex]) === null || _a === void 0 ? void 0 : _a.id,
-                label: (_b = _tabs[activeIndex]) === null || _b === void 0 ? void 0 : _b.label,
-                value: (_c = _tabs[activeIndex]) === null || _c === void 0 ? void 0 : _c.value,
-            });
+        // 延迟触发change事件，避免在slot未渲染完成时在事件中操作里面的组件方法
+        // eslint-disable-next-line rulesdir/no-timer
+        setTimeout(() => {
+            var _a, _b, _c;
+            eventsRef.current &&
+                eventsRef.current.change({
+                    id: (_a = _tabs[activeIndex]) === null || _a === void 0 ? void 0 : _a.id,
+                    label: (_b = _tabs[activeIndex]) === null || _b === void 0 ? void 0 : _b.label,
+                    value: (_c = _tabs[activeIndex]) === null || _c === void 0 ? void 0 : _c.value,
+                });
+        }, 0);
     }, [activeIndex, _tabs], isObjectEqual);
     const onActive = (e) => {
         setActiveIndex(e.id);

package/dist/web/components/text/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { DataType, EventsType } from '../../../configs/components/text';
+import type { CommonPropsType, unknownFunction } from '../../types';
+import './style';
+export type TextProps = CommonPropsType & DataType & EventsType & {
+    contenteditable: HTMLParagraphElement['contentEditable'];
+    onInput?: unknownFunction;
+    onBlur?: unknownFunction;
+};
+export default function Text({ text, maxLines, space, tips, userSelect, style, className, events, id, level, contenteditable, onInput, onBlur, }: TextProps): JSX.Element;

package/dist/web/components/text/index.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import classNames from '../../utils/classnames';
 import { textToString } from '../../utils/platform';
 import './style';
-export default function Text({ text, maxLines, space, tips, userSelect, style, className, events, id, level, contenteditable, onInput, onBlur, }) {
+export default function Text({ text, maxLines = 2, space = false, tips = true, userSelect = true, style, className, events, id, level = '0', contenteditable, onInput, onBlur, }) {
     const textStyle = React.useMemo(() => ({
         WebkitLineClamp: maxLines,
         whiteSpace: space ? 'pre-wrap' : 'pre-line',

package/dist/web/components/text/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';

package/dist/web/components/uploaderFileView/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 上传文件回显，传showType强制展示某端样式，否则根据平台自动判断
+ */
+export default function UploaderFileView(props: any): JSX.Element;

package/dist/web/components/uploaderFileView/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';

package/dist/web/components/uploaderView/index.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import './style';
+/**
+ * 图片上传-展示组件
+ */
+export default function UploaderView({ srcList, // 兼容 cloud:和https: 协议，兼容 字符串和字符串数组
+alt, gutter, height, width, events, isZoom, isEmptyPlace, className, id, style, }: PropsType): JSX.Element;
+export interface PropsType extends CommonPropsType {
+    srcList?: string[] | string;
+    alt?: string;
+    isZoom?: boolean;
+    gutter?: number;
+    height?: number;
+    width?: number;
+    isEmptyPlace?: boolean;
+}

package/dist/web/components/uploaderView/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../style';

package/dist/web/components/userInfo/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import '../style';
+import type { ButtonProps } from '../../components/button';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wxOpenApi/userInfo';
+export type UserInfoProps = DataType & CommonPropsType;
+declare const UserInfo: (props: ButtonProps) => JSX.Element;
+export default UserInfo;

package/dist/web/components/wd-bubble/index.d.ts

@@ -0,0 +1,3 @@
+import { WdBubble } from './wd-bubble';
+export { WdBubble, type WdBubbleProps } from './wd-bubble';
+export default WdBubble;

package/dist/web/components/wd-bubble/wd-bubble.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import '../style';
+export declare const WdBubble: React.ForwardRefExoticComponent<WdBubbleProps & React.RefAttributes<unknown>>;
+export interface WdBubbleProps extends CommonPropsType {
+    trigger?: 'hover' | 'click';
+    placement?: 'left-start' | 'left' | 'left-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'right-end' | 'right' | 'right-start' | 'top-end' | 'top' | 'top-start' | 'auto-end' | 'auto' | 'auto-start';
+    promptTheme?: string;
+    arrowPointAtCenter?: boolean;
+    openDelay?: number;
+    closeDelay?: number;
+    bubbleContent?: React.ReactNode;
+    bubbleChildren?: React.ReactNode;
+}

package/dist/web/components/wd-bubble/wd-bubble.js

@@ -4,7 +4,8 @@ import { Bubble, ConfigProvider } from 'tea-component';
 import classNames from '../../utils/classnames';
 import { isInIde, usePlatform } from '../../utils/platform';
 import '../style';
-export const WdBubble = forwardRef(function WdBubble({ trigger, placement, promptTheme, arrowPointAtCenter, openDelay, closeDelay, bubbleContent, bubbleChildren, events, id, style, className, }, ref) {
+const defaultCloseDelay = 200;
+export const WdBubble = forwardRef(function WdBubble({ trigger = 'hover', placement = 'top', promptTheme = 'default', arrowPointAtCenter = false, openDelay = 0, closeDelay = defaultCloseDelay, bubbleContent, bubbleChildren, events, id, style, className, }, ref) {
     const platform = usePlatform();
     // Widget API，挂载组件只读属性和组件方法
     useImperativeHandle(ref, () => {

package/dist/web/components/wd-button/convert-legacy-props.d.ts

@@ -0,0 +1,7 @@
+import type { DataType } from '../../../configs/components/wd-button';
+interface IPropsValueMap {
+    size: Record<string, DataType['size']>;
+    theme: Record<string, DataType['theme']>;
+}
+export declare const convertLegacyProps: (key: keyof IPropsValueMap, prop: any) => string;
+export {};

package/dist/web/components/wd-button/index.d.ts

@@ -0,0 +1,3 @@
+import { WdButton } from './wd-button';
+export { WdButton, type WdButtonProps } from './wd-button';
+export default WdButton;

package/dist/web/components/wd-button/wd-button.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { Except } from 'type-fest';
+import type { CommonPropsType, unknownFunction } from '../../types';
+import type { DataType } from '../../../configs/components/wd-button';
+import '../style';
+export declare const WdButton: React.ForwardRefExoticComponent<WdButtonProps & React.RefAttributes<unknown>>;
+export interface WdButtonProps extends CommonPropsType, Except<DataType, 'theme'> {
+    theme?: DataType['theme'] | 'wechat';
+    [handlers: `on${string}`]: unknownFunction;
+}

package/dist/web/components/wd-button/wd-button.js

@@ -11,7 +11,7 @@ import { WD_BUTTON_THEME, WD_BUTTON_VARIANT, WD_BUTTON_SIZE, WD_BUTTON_ICON_TYPE
 import { WdIcon } from '../index';
 import '../style';
 export const WdButton = forwardRef(function WdButton(props, ref) {
-    const { text, size: _size = 'md', theme: _theme = 'secondary', variant: _variant = 'base', iconType: _iconType = 'none', iconSource = 'inner', icon: _icon, iconSrc, iconPosition: _iconPosition = 'before', block, formType: _formType, disabled, events = emptyObject, className, style, id, loading, 
+    const { text, size: _size = 'md', theme: _theme = 'primary', variant: _variant = 'base', iconType: _iconType = 'none', iconSource = 'inner', icon: _icon, iconSrc, iconPosition: _iconPosition = 'before', block = false, formType: _formType = 'button', disabled = false, events = emptyObject, className, style, id, loading = false, 
     // 组件 widget 实例，后续可能会更改接口
     $node, openType, $widget, ...restProps } = props;
     const platform = usePlatform();

package/dist/web/components/wd-card/index.d.ts

@@ -0,0 +1,3 @@
+import { WdCard } from './wd-card';
+export { WdCard, type WdCardProps } from './wd-card';
+export default WdCard;

package/dist/web/components/wd-card/index.js

@@ -0,0 +1,3 @@
+import { WdCard } from './wd-card';
+export { WdCard } from './wd-card';
+export default WdCard;

package/dist/web/components/wd-card/wd-card.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-card';
+export interface WdCardProps extends CommonPropsType, DataType {
+}
+export declare const WdCard: React.ForwardRefExoticComponent<WdCardProps & React.RefAttributes<unknown>>;

package/dist/web/components/wd-card/wd-card.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle } from 'react';
+import { useConfig } from '../../utils/config-context';
+import { usePlatform } from '../../utils/platform';
+export const WdCard = forwardRef(function WdCard({ showHeader = true, showContent = true, showFooter = false, showDivider = true, headerSlot, contentSlot, footerSlot, events, style, className, }, ref) {
+    // 样式
+    const { classPrefix } = useConfig();
+    const platform = usePlatform();
+    const isH5 = platform === 'h5';
+    useImperativeHandle(ref, () => {
+        return { showHeader, showContent, showFooter, showDivider };
+    }, [showHeader, showContent, showFooter, showDivider]);
+    return (_jsxs("div", { className: `${isH5 ? `${classPrefix}-h5-card-root` : `${classPrefix}-pc-card-root`} ${classPrefix}-card-root ${showDivider ? classPrefix + '-card--bordered' : ''} ${className}`, "data-testid": "wd-card-test", onClick: (e) => events.tap({}, { originEvent: e }), style: style, children: [showHeader ? (_jsx("div", { className: `${classPrefix}-card__header`, "data-testid": "wd-card-header-test", children: headerSlot })) : null, showContent ? (_jsx("div", { className: `${classPrefix}-card__body`, "data-testid": "wd-card-body-test", children: contentSlot })) : null, showFooter ? (_jsx("div", { className: `${classPrefix}-card__footer`, "data-testid": "wd-card-footer-test", children: footerSlot })) : null] }));
+});

package/dist/web/components/wd-checkbox/checkbox.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-checkbox';
+export declare const WdCheckbox: ({ index, option, name, size, disabled, checkedItemValue, getChangeHandler, isAll, }: WdCheckboxProps) => JSX.Element;
+export interface WdCheckboxProps extends CommonPropsType, DataType {
+    option?: object;
+    index?: number;
+    checkedItemValue?: string[] | object;
+    getChangeHandler?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, val: any) => any;
+    disabled?: boolean;
+    isAll?: boolean;
+}

package/dist/web/components/wd-checkbox/checkbox.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import classNames from '../../utils/classnames';
 import { useConfig } from '../../utils/config-context';
 import getLocalCounter from '../../utils/getLocalCounter';
-export const WdCheckbox = ({ index, option, name, size, disabled, readOnly, checkedItemValue, getChangeHandler, isAll, }) => {
+export const WdCheckbox = ({ index, option, name, size, disabled, checkedItemValue, getChangeHandler, isAll, }) => {
     const { classPrefix } = useConfig();
     const { label, value: optionValue } = option;
     // 类名
@@ -26,9 +26,9 @@ export const WdCheckbox = ({ index, option, name, size, disabled, readOnly, chec
     const _id = `checkbox-${hashcode}-${index}`;
     const _name = `checkbox-${hashcode}-${name}`;
     const NUMBER_1 = 1;
-    return (_jsxs("div", { className: `${classPrefix}-checkbox-wrap ${classNames(classList)}  ${checkedItemValue[optionValue] ? 'is-checked' : ''}  ${isAll ? 'is-indeterminate' : ''} ${disabled || readOnly ? 'is-disabled' : ''} ${'checkbox' + (index + NUMBER_1)}`, "data-testid": "wd-checkbox-test", onClickCapture: (e) => {
+    return (_jsxs("div", { className: `${classPrefix}-checkbox-wrap ${classNames(classList)}  ${checkedItemValue[optionValue] ? 'is-checked' : ''}  ${isAll ? 'is-indeterminate' : ''} ${disabled ? 'is-disabled' : ''} ${'checkbox' + (index + NUMBER_1)}`, "data-testid": "wd-checkbox-test", onClickCapture: (e) => {
             e.stopPropagation();
             e.preventDefault();
             getChangeHandler(e, optionValue);
-        }, children: [_jsx("input", { className: `${classPrefix}-checkbox-input `, type: "checkbox", id: _id, name: _name, value: optionValue, disabled: disabled || readOnly, checked: !!checkedItemValue[optionValue], onChange: (e) => e.stopPropagation() }), _jsx("span", { className: `${classPrefix}-checkbox-inner ` }), label && (_jsx("span", { className: `${classPrefix}-checkbox-label`, children: label }))] }, _id));
+        }, children: [_jsx("input", { className: `${classPrefix}-checkbox-input `, type: "checkbox", id: _id, name: _name, value: optionValue, disabled: disabled, checked: !!checkedItemValue[optionValue], onChange: (e) => e.stopPropagation() }), _jsx("span", { className: `${classPrefix}-checkbox-inner ` }), label && (_jsx("span", { className: `${classPrefix}-checkbox-label`, children: label }))] }, _id));
 };

package/dist/web/components/wd-checkbox/index.d.ts

@@ -0,0 +1,3 @@
+import { WdCheckbox } from './checkbox';
+export { WdCheckbox, type WdCheckboxProps } from './checkbox';
+export default WdCheckbox;

package/dist/web/components/wd-checkbox-list/checkboxList.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-checkbox';
+export declare const WdCheckboxList: React.ForwardRefExoticComponent<WdCheckboxListProps & React.RefAttributes<any>>;
+export interface WdCheckboxListProps extends CommonPropsType, DataType {
+    range: {
+        label: string;
+        value: any;
+        [key: string]: any;
+    }[];
+}