@cloudbase/weda-ui 3.4.16 → 3.5.1

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/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ConfigProvider, Button, Popover } from 'tea-component';
 import { isInIde, isWXIDE } from '../../../utils/platform';
-import './index.css';
+import './style';
 /**
  * 选区组件
  */

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

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

package/dist/web/components/table/SelectableBlock/style.js

@@ -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/ViewCell.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Text } from 'tea-component';
 import { getRelationData } from './utils';
-import './viewCell.css';
+import './style';
 export const ViewCell = ({ data, showType, relation }) => {
     if (showType === 'tree') {
         return _jsx(Text, { verticalAlign: "middle", children: (data === null || data === void 0 ? void 0 : data.content) || '-' });

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

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

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

@@ -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/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

@@ -8,17 +8,17 @@ import classNames from '../../utils/classnames';
 import { TABLE_BUTTONS, TABLE_SETTINGS, TABLE_SLOT_PREFIX, GLOBAL_BUTTON, } from '../../utils/constant';
 import { EnumHoc } from '../../utils/hooks/EnumHoc';
 import { alertErrorMessage } from '../../utils/platform';
-import './index.css';
+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/table/style.js

@@ -0,0 +1,4 @@
+import './index.css';
+import './baseTable.css';
+// common style
+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/index.js

@@ -4,6 +4,7 @@ import { CommonErrorBoundary } from '../common/error-boundary';
 // import { fallback } from '../../utils/loading-fallback';
 import TabsH5 from './tabs.h5';
 import TabsPc from './tabs.pc';
+import './style';
 function TabsImpl(props) {
     const platform = usePlatform();
     if ((props === null || props === void 0 ? void 0 : props.showType) === 'pc') {

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

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

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

@@ -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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './index.css';
 import classNames from '../../utils/classnames';
 import { useSyncValue } from '../../utils/hooks/useSyncValue';
 import { useCustomCompareEffect, useSyncedRef } from '@react-hookz/web';
@@ -11,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

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from '../../utils/classnames';
 import { textToString } from '../../utils/platform';
-import './index.css';
-export default function Text({ text, maxLines, space, tips, userSelect, style, className, events, id, level, contenteditable, onInput, onBlur, }) {
+import './style';
+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/text/style.js

@@ -0,0 +1,3 @@
+import './index.css';
+// common style
+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/index.js

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { UploadFilePc } from '../form/uploaderFile/uploadFile.pc';
 import { UploadFileH5 } from '../form/uploaderFile/uploadFile.h5';
 import { filterStrList, isCloudFileID, downloadFile, usePlatform, transFileCloudidToName, } from '../../utils/platform';
-import './index.css';
 import { useTempUrl } from '../../utils/hooks/use-cloud-id-temp-url';
+import './style';
 const CLASS_PREFIX = 'weda-uploader-file-view';
 /**
  * 上传文件回显，传showType强制展示某端样式，否则根据平台自动判断

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

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

package/dist/web/components/uploaderFileView/style.js

@@ -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/index.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { TcbImage } from '../form/uploader/uploader.pc';
 import classNames from '../../utils/classnames';
-import './index.css';
 import { emptyObject } from '../../utils/constant';
+import './style';
 const CLASS_PREFIX = 'g-uploader-view';
 /**
  * 图片上传-展示组件

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

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

package/dist/web/components/uploaderView/style.js

@@ -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/userInfo/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Bubble, ConfigProvider } from 'tea-component';
 import Button from '../../components/button';
+import '../style';
 const UserInfo = (props) => (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C\u3002", children: _jsx(Button, { ...props }) }) }));
 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

@@ -3,7 +3,9 @@ import { forwardRef, useImperativeHandle } from 'react';
 import { Bubble, ConfigProvider } from 'tea-component';
 import classNames from '../../utils/classnames';
 import { isInIde, usePlatform } from '../../utils/platform';
-export const WdBubble = forwardRef(function WdBubble({ trigger, placement, promptTheme, arrowPointAtCenter, openDelay, closeDelay, bubbleContent, bubbleChildren, events, id, style, className, }, ref) {
+import '../style';
+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

@@ -9,8 +9,9 @@ import { textToString, usePlatform } from '../../utils/platform';
 import { convertLegacyEnum, filterPropsWithOn } from '../../utils/tool';
 import { WD_BUTTON_THEME, WD_BUTTON_VARIANT, WD_BUTTON_SIZE, WD_BUTTON_ICON_TYPE, WD_BUTTON_ICON_POSITION, WD_BUTTON_TYPE, } from '../../../enum';
 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();