npm - @cloudbase/weda-ui - Versions diffs - 3.5.2 → 3.6.0 - Mend

@cloudbase/weda-ui 3.5.2 → 3.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (849) hide show

package/dist/configs/components/wd-table.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Static } from '../type-utils';
 import type { Simplify } from 'type-fest';
 declare const data: import("@sinclair/typebox").TObject<{
@@ -16,16 +15,20 @@ declare const data: import("@sinclair/typebox").TObject<{
     }>;
     dataSourceData: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{}>>>;
     recordKey: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    loading: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     columnSets: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
         key: import("@sinclair/typebox").TUnsafe<string>;
         header: import("@sinclair/typebox").TString;
         genre: import("@sinclair/typebox").TUnsafe<string>;
+        customType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        customArrayItem: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        customJson: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{}>>;
         widthType: import("@sinclair/typebox").TString;
         width: import("@sinclair/typebox").TNumber;
         align: import("@sinclair/typebox").TUnsafe<string>;
         isSort: import("@sinclair/typebox").TBoolean;
         isExport: import("@sinclair/typebox").TBoolean;
-        slotKey: import("@sinclair/typebox").TBoolean;
+        slotKey: import("@sinclair/typebox").TString;
         schema: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
             name: import("@sinclair/typebox").TString;
             type: import("@sinclair/typebox").TString;
@@ -33,6 +36,7 @@ declare const data: import("@sinclair/typebox").TObject<{
     }>>;
     defaultPageSize: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<number>>;
     defaultPageIndex: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+    isSuspendFooter: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     enableTotal: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     total: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
     supportManyRelated: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
@@ -40,8 +44,23 @@ declare const data: import("@sinclair/typebox").TObject<{
     queryCondition: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{}>>>;
     orderBy: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     orderType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    isSupportMultipleSort: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    sorter: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+        orderBy: import("@sinclair/typebox").TString;
+        label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        orderType: import("@sinclair/typebox").TUnsafe<string>;
+    }>>>;
     filterType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
-    filterFields: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TAny>;
+    filterFields: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
+        filterConfig: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+            name: import("@sinclair/typebox").TString;
+            label: import("@sinclair/typebox").TString;
+            value: import("@sinclair/typebox").TAny;
+            filterType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+            filterTypeOption: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
+        }>>>;
+    }>>;
+    filterConfigVersion: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     bindConnectMetadata: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
         datasource: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
             title: import("@sinclair/typebox").TString;
@@ -57,11 +76,15 @@ declare const data: import("@sinclair/typebox").TObject<{
     connectorParams: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     isOrderBy: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     enableCellCustomOption: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    customOptionTitle: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     columnSelectType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
     fixedFront: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<any>>;
     fixedEnd: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<any>>;
+    selectFieldType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    selectFields: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
     emptyText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     rowColor: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    isSuspendHeader: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     enablePagination: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     enableGlobalButton: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     enableRefreshBtn: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
@@ -69,6 +92,7 @@ declare const data: import("@sinclair/typebox").TObject<{
     globalButton: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
     cell: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
     cell__custom__option: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    __innerSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
 }>;
 export type DataType = Simplify<Static<typeof data>>;
 declare const config: {
@@ -88,16 +112,20 @@ declare const config: {
         }>;
         dataSourceData: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{}>>>;
         recordKey: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        loading: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         columnSets: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
             key: import("@sinclair/typebox").TUnsafe<string>;
             header: import("@sinclair/typebox").TString;
             genre: import("@sinclair/typebox").TUnsafe<string>;
+            customType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+            customArrayItem: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+            customJson: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{}>>;
             widthType: import("@sinclair/typebox").TString;
             width: import("@sinclair/typebox").TNumber;
             align: import("@sinclair/typebox").TUnsafe<string>;
             isSort: import("@sinclair/typebox").TBoolean;
             isExport: import("@sinclair/typebox").TBoolean;
-            slotKey: import("@sinclair/typebox").TBoolean;
+            slotKey: import("@sinclair/typebox").TString;
             schema: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
                 name: import("@sinclair/typebox").TString;
                 type: import("@sinclair/typebox").TString;
@@ -105,6 +133,7 @@ declare const config: {
         }>>;
         defaultPageSize: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<number>>;
         defaultPageIndex: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+        isSuspendFooter: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         enableTotal: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         total: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
         supportManyRelated: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
@@ -112,8 +141,23 @@ declare const config: {
         queryCondition: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{}>>>;
         orderBy: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         orderType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        isSupportMultipleSort: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        sorter: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+            orderBy: import("@sinclair/typebox").TString;
+            label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+            orderType: import("@sinclair/typebox").TUnsafe<string>;
+        }>>>;
         filterType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
-        filterFields: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TAny>;
+        filterFields: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
+            filterConfig: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+                name: import("@sinclair/typebox").TString;
+                label: import("@sinclair/typebox").TString;
+                value: import("@sinclair/typebox").TAny;
+                filterType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+                filterTypeOption: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
+            }>>>;
+        }>>;
+        filterConfigVersion: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         bindConnectMetadata: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
             datasource: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
                 title: import("@sinclair/typebox").TString;
@@ -129,11 +173,15 @@ declare const config: {
         connectorParams: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         isOrderBy: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         enableCellCustomOption: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        customOptionTitle: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         columnSelectType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
         fixedFront: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<any>>;
         fixedEnd: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<any>>;
+        selectFieldType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        selectFields: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
         emptyText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         rowColor: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        isSuspendHeader: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         enablePagination: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         enableGlobalButton: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         enableRefreshBtn: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
@@ -141,6 +189,7 @@ declare const config: {
         globalButton: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
         cell: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
         cell__custom__option: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+        __innerSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
     }>;
     readonly properties: import("@sinclair/typebox").TObject<{
         filter: import("@sinclair/typebox").TAny;
@@ -160,12 +209,15 @@ declare const config: {
             key: import("@sinclair/typebox").TUnsafe<string>;
             header: import("@sinclair/typebox").TString;
             genre: import("@sinclair/typebox").TUnsafe<string>;
+            customType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+            customArrayItem: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+            customJson: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{}>>;
             widthType: import("@sinclair/typebox").TString;
             width: import("@sinclair/typebox").TNumber;
             align: import("@sinclair/typebox").TUnsafe<string>;
             isSort: import("@sinclair/typebox").TBoolean;
             isExport: import("@sinclair/typebox").TBoolean;
-            slotKey: import("@sinclair/typebox").TBoolean;
+            slotKey: import("@sinclair/typebox").TString;
             schema: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
                 name: import("@sinclair/typebox").TString;
                 type: import("@sinclair/typebox").TString;
@@ -185,6 +237,13 @@ declare const config: {
         }>;
         defaultPageSize: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<number>>;
         defaultPageIndex: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+        filterConfig: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+            name: import("@sinclair/typebox").TString;
+            label: import("@sinclair/typebox").TString;
+            value: import("@sinclair/typebox").TAny;
+            filterType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+            filterTypeOption: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
+        }>>;
         selectedRecords: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{}>>;
         dataSourceVersion: import("@sinclair/typebox").TString;
     }>;
@@ -201,45 +260,30 @@ declare const config: {
         readonly selector: ".wd-h5-table";
         readonly description: "可以为 H5 端的表格编写样式";
     }, {
-        readonly name: "筛选器容器";
-        readonly selector: ".wd-table-wrap-filter";
-        readonly description: "筛选器容器根元素";
-    }, {
-        readonly name: "H5 端筛选器容器";
-        readonly selector: ".wd-h5-table-wrap-filter";
-        readonly description: "可以为 H5 端的筛选器容器编写样式";
-    }, {
-        readonly name: "表格容器";
-        readonly selector: ".wd-table";
-        readonly description: "表格展示区域根元素";
-    }, {
-        readonly name: "表格头部";
-        readonly selector: ".wd-table__header";
-        readonly description: "表格头部区域根元素";
-    }, {
-        readonly name: "表格内容展示";
-        readonly selector: ".wd-table__body";
-        readonly description: "表格内容展示区域根元素";
-    }, {
-        readonly name: "表格边框";
-        readonly selector: ".wd-table--bordered";
-        readonly description: "表格边框";
+        readonly name: "表头文字样式";
+        readonly selector: ".wd-table__box th>div";
+        readonly description: "表头文字样式";
+        readonly code: "\n        :scope .wd-table__box th>div {\n          font-size: 20px;\n          color: gray;\n        }\n      ";
     }, {
-        readonly name: "表格行高-低";
-        readonly selector: ".wd-table--size-sm  .wd-table__box td";
-        readonly description: "表格行高-低";
+        readonly name: "表头背景样式";
+        readonly selector: ".wd-table__box th";
+        readonly description: "表头背景样式";
+        readonly code: "\n        :scope .wd-table__box th {\n          background-color: red;\n        }\n      ";
     }, {
-        readonly name: "表格行高-中";
-        readonly selector: ".wd-table--size-md  .wd-table__box td";
-        readonly description: "表格行高-中";
+        readonly name: "表格文字样式";
+        readonly selector: ".wd-table__box td>div";
+        readonly description: "表格文字样式";
+        readonly code: "\n        :scope .wd-table__box td>div {\n          font-size: 20px;\n          color: gray;\n        }\n      ";
     }, {
-        readonly name: "表格行高-高";
-        readonly selector: ".wd-table--size-lg  .wd-table__box td";
-        readonly description: "表格行高-高";
+        readonly name: "表格文字样式";
+        readonly selector: ".wd-table__box td";
+        readonly description: "表格文字样式";
+        readonly code: "\n        :scope .wd-table__box td {\n          background-color: lightgray;\n          height: 36px;\n        }\n      ";
     }, {
-        readonly name: "分页器容器";
-        readonly selector: ".wd-pagination";
-        readonly description: "分页器容器根元素";
+        readonly name: "表格主体样式";
+        readonly selector: ".wd-table";
+        readonly description: "表格主体样式";
+        readonly code: "\n        :scope .wd-table {\n          border: 2px solid gray;\n          border-radius: 10px;\n        }\n      ";
     }];
     readonly methods: readonly [{
         readonly name: "import";
@@ -290,6 +334,11 @@ declare const config: {
         readonly label: "打开操作列弹窗(仅移动端生效)";
         readonly 'x-platforms': readonly ["MOBILEWEB"];
         readonly description: "打开操作列弹窗";
+    }, {
+        readonly name: "resetFilter";
+        readonly label: "重置筛选器";
+        readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
+        readonly description: "重置筛选器";
     }];
     readonly events: readonly [{
         readonly title: "点击表格行";
@@ -393,14 +442,29 @@ declare const config: {
         readonly title: "数据表格";
         readonly componentName: "Table";
         readonly description: "以表格形式展示多行数据，支持对数据进行排序、搜索、分页、自定义显示内容和操作。";
-        readonly icon: "../../icons/Table.svg";
+        readonly figureIcon: "../figureIcons/WdTable.svg";
+        readonly icon: "../icons/Table.svg";
         readonly category: "数据容器";
         readonly categoryOrder: 100;
         readonly componentOrder: 50;
         readonly platform: readonly ["MOBILEWEB", "PCWEB"];
         readonly visible: readonly ["APP"];
+        readonly inlineStyleForm: {
+            readonly $text: {
+                readonly visible: false;
+            };
+            readonly justifyContent: {
+                readonly visible: false;
+            };
+            readonly flexDirection: {
+                readonly visible: false;
+            };
+            readonly alignItems: {
+                readonly visible: false;
+            };
+        };
         readonly shortcut: {
-            readonly props: readonly ["dataSourceType", "bindMetadata", "bindConnectMetadata", "connectorMethod", "connectorParams"];
+            readonly props: readonly ["dataSourceType", "isSupportApis", "bindMetadata", "bindConnectMetadata", "connectorMethod", "connectorParams"];
         };
         readonly templates: readonly [{
             readonly when: "dataSourceType";
@@ -409,8 +473,64 @@ declare const config: {
         }, {
             readonly when: "$attached";
             readonly to: "$children";
-            readonly body: "\n[attributes]\nsupportManyRelated = true\nisSupportApis = false\n";
+            readonly body: "\n[attributes]\nsupportManyRelated = true\nisSupportApis = false\nisSupportMultipleSort = true\n";
         }];
+        readonly queryGeneratorConfig: {
+            readonly sceneConfig: {
+                readonly scenes: readonly ["batchSelect", "batchDelete", "create", "select", "update"];
+                readonly availableScenes: readonly ["batchSelect", "create", "select", "update", "batchDelete"];
+                readonly validCombinations: ("select" | "create" | "update" | "batchSelect" | "batchDelete")[][];
+                readonly enableSelectMultiple: true;
+            };
+            readonly fieldsConfig: {
+                readonly enableConfigFormat: true;
+                readonly showFieldTypeColumn: true;
+            };
+            readonly apisConfig: {
+                readonly enableConfigRecordAndTotalKey: true;
+            };
+            readonly mysqlConfig: {
+                readonly autoGenerateCountQuery: true;
+                readonly countName: "count";
+            };
+            readonly bindParamsPath: {
+                readonly select: {
+                    readonly condition: "params.id";
+                };
+                readonly create: {
+                    readonly value: "params.data";
+                };
+                readonly update: {
+                    readonly value: "params.data";
+                    readonly condition: "params.id";
+                };
+                readonly delete: {
+                    readonly condition: "params.id";
+                };
+                readonly batchDelete: {
+                    readonly condition: "params.ids";
+                };
+                readonly batchSelect: {
+                    readonly limit: "$w.{{$self.id}}.pageSize";
+                    readonly offset: "($w.{{$self.id}}.pageNo - 1) * $w.{{$self.id}}.pageSize";
+                };
+            };
+            readonly quickOperateButton: readonly [{
+                readonly icon: string;
+                readonly targetField: "dataSourceType";
+                readonly content: "快速生成";
+            }];
+        };
+        readonly previewOperation: {
+            readonly headerIcon: string;
+            readonly insertSlotName: "";
+            readonly previewSlotName: "__innerSlot";
+            readonly operation: readonly [{
+                readonly icon: string;
+                readonly title: "使用数据源生成表格";
+                readonly action: "OPEN_GENERATE_QUERY_FORM";
+            }];
+        };
     };
     readonly configMeta: {
         readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/WdTable";
@@ -465,6 +585,7 @@ declare const config: {
         };
     };
     readonly compConfig: {
+        readonly componentType: "table";
         readonly isDataContainer: true;
     };
 };
@@ -518,4 +639,9 @@ export declare const methods: readonly [{
     readonly label: "打开操作列弹窗(仅移动端生效)";
     readonly 'x-platforms': readonly ["MOBILEWEB"];
     readonly description: "打开操作列弹窗";
+}, {
+    readonly name: "resetFilter";
+    readonly label: "重置筛选器";
+    readonly 'x-platforms': readonly ["MOBILEWEB", "PCWEB"];
+    readonly description: "重置筛选器";
 }];