@cloudbase/weda-ui 3.20.6 → 3.21.0

package/dist/web/components/wd-table/components/ModalTable/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState, useMemo, useImperativeHandle, forwardRef, } from 'react';
+import { useEffect, useState, useMemo, useImperativeHandle, forwardRef } from 'react';
 import { ConfigProvider } from 'tea-component';
 import { Table } from './../../components';
 import classNames from '../../../../utils/classnames';
@@ -126,9 +126,7 @@ enablePagination = true, columnSelectType = 'select', defaultPageIndex = _defaul
         if ((isTableLoading && !isH5) || isNoDataSourceBind) {
             return [];
         }
-        if (isTableLoading &&
-            isH5 &&
-            (queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageIndex) === _defaultPageIndex) {
+        if (isTableLoading && isH5 && (queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageIndex) === _defaultPageIndex) {
             return [];
         }
         return tableData;
@@ -153,15 +151,7 @@ enablePagination = true, columnSelectType = 'select', defaultPageIndex = _defaul
             showRelationWithTag: false,
         });
         return baseColumns === null || baseColumns === void 0 ? void 0 : baseColumns.map((i) => ({ ...i, isSort: true }));
-    }, [
-        isNoDataSourceBind,
-        fieldsLoading,
-        fields,
-        columnSets,
-        fixedFront,
-        fixedEnd,
-        isH5,
-    ]);
+    }, [isNoDataSourceBind, fieldsLoading, fields, columnSets, fixedFront, fixedEnd, isH5]);
     // 可排序字段
     const sortColumns = getSortColumns({ fields, columnSets: columns });
     // 事件属性
@@ -221,7 +211,7 @@ enablePagination = true, columnSelectType = 'select', defaultPageIndex = _defaul
     const renderTable = () => {
         return (_jsx(Table, { events: events, emptyText: emptyText, isH5: isH5, isNoDataSourceBind: isNoDataSourceBind, className: `${tableClassList} modal-table`, recordKey: recordKey, currentSize: tableHightSize, defaultPageIndex: defaultPageIndex, defaultPageSize: defaultPageSize, sortColumns: sortColumns, enablePagination: !isH5 && enablePagination, columnSelectType: columnSelectType, columns: columns, records: tableRecords, sort: queryParams.sort, selectedKeys: [], onSelectChange: () => { }, isError: false, isLoading: isTableLoading, rowColor: rowColor, queryParams: queryParams, total: total, setColumns: undefined, onQueryChange: (query) => {
                 setQueryParams({ ...queryParams, ...query });
-            }, rowClick: () => { }, cellClick: () => { }, errorObj: errorObj }));
+            }, rowClick: () => { }, cellClick: () => { }, errorObj: errorObj, bottomTip: undefined }));
     };
     return (_jsx(ConfigProvider, { classPrefix: classPrefix, children: _jsx(EnumHoc, { fields: authFields, children: _jsx("div", { className: classNames(wrapClassList, className), style: style, id: id, children: renderTable() }) }) }));
 });

package/dist/web/components/wd-table/components/Table/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const BaseTableCom: ({ events, recordKey, className, columns, setColumns, records, sortColumns, sort, onSelectChange, selectedKeys, rowColor, isError, errorObj, isLoading, queryParams, total, onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageIndex, rowClick, cellClick, currentSize, isNoDataSourceBind, isH5, emptyText: _emptyText, __innerSlot, }: {
+export declare const BaseTableCom: ({ events, recordKey, className, columns, setColumns, records, sortColumns, sort, onSelectChange, selectedKeys, rowColor, isError, errorObj, isLoading, queryParams, total, onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageIndex, rowClick, cellClick, currentSize, isNoDataSourceBind, isH5, emptyText: _emptyText, __innerSlot, bottomTip, enableBottomTipSlot, }: {
     events: any;
     recordKey: any;
     className: any;
@@ -28,8 +28,10 @@ export declare const BaseTableCom: ({ events, recordKey, className, columns, set
     isH5: any;
     emptyText: any;
     __innerSlot?: React.ReactNode;
+    bottomTip: any;
+    enableBottomTipSlot?: boolean;
 }) => JSX.Element;
-export declare const BaseTable: React.MemoExoticComponent<({ events, recordKey, className, columns, setColumns, records, sortColumns, sort, onSelectChange, selectedKeys, rowColor, isError, errorObj, isLoading, queryParams, total, onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageIndex, rowClick, cellClick, currentSize, isNoDataSourceBind, isH5, emptyText: _emptyText, __innerSlot, }: {
+export declare const BaseTable: React.MemoExoticComponent<({ events, recordKey, className, columns, setColumns, records, sortColumns, sort, onSelectChange, selectedKeys, rowColor, isError, errorObj, isLoading, queryParams, total, onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageIndex, rowClick, cellClick, currentSize, isNoDataSourceBind, isH5, emptyText: _emptyText, __innerSlot, bottomTip, enableBottomTipSlot, }: {
     events: any;
     recordKey: any;
     className: any;
@@ -58,4 +60,6 @@ export declare const BaseTable: React.MemoExoticComponent<({ events, recordKey,
     isH5: any;
     emptyText: any;
     __innerSlot?: React.ReactNode;
+    bottomTip: any;
+    enableBottomTipSlot?: boolean;
 }) => JSX.Element>;

package/dist/web/components/wd-table/components/Table/index.js

@@ -34,7 +34,7 @@ const renderStatus = ({ isH5, status, isNoDataSourceBind, _emptyText, errorObj,
 // eslint-disable-next-line complexity
 export const BaseTableCom = ({ events, recordKey, className, columns, setColumns, records, sortColumns, sort, onSelectChange, selectedKeys, rowColor, isError, errorObj, isLoading, queryParams, total = defaultTotal, 
 // refreshTable,
-onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageIndex, rowClick, cellClick, currentSize, isNoDataSourceBind, isH5, emptyText: _emptyText, __innerSlot = (_jsx(_Fragment, {})), }) => {
+onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageIndex, rowClick, cellClick, currentSize, isNoDataSourceBind, isH5, emptyText: _emptyText, __innerSlot = (_jsx(_Fragment, {})), bottomTip, enableBottomTipSlot = false, }) => {
     var _a;
     const inEditor = isInIde();
     const tableRef = useRef(null);
@@ -162,16 +162,19 @@ onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageI
     const showLoadingBottomTip = isLoading && (queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageIndex) !== pageIndexSpan;
     const showAllDataBottomTip = (records === null || records === void 0 ? void 0 : records.length) === total && !isLoading && (records === null || records === void 0 ? void 0 : records.length) > miniPageSize;
     const bottomTipCompRender = () => {
-        if (!isH5) {
-            return false;
+        const shouldShowBottomTip = enableBottomTipSlot && !showStatus;
+        if (isH5) {
+            if (showLoadingBottomTip) {
+                return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { className: `${classPrefix}-h5-table-loading-wrap ${classPrefix}-h5-table-loading-${currentSize}`, children: _jsx(LoadingTip, { className: "adaptation-table__loading", loadingText: '数据加载中,请稍候...' }) }) }));
+            }
+            if (!enableBottomTipSlot && showAllDataBottomTip) {
+                return (_jsx("div", { className: `${classPrefix}-h5-table-loading-wrap ${classPrefix}-h5-table-loading-${currentSize}`, children: _jsx("span", { children: "\u5DF2\u52A0\u8F7D\u5168\u90E8\u6570\u636E" }) }));
+            }
         }
-        if (showLoadingBottomTip) {
-            return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { className: `${classPrefix}-h5-table-loading-wrap ${classPrefix}-h5-table-loading-${currentSize}`, children: _jsx(LoadingTip, { className: "adaptation-table__loading", loadingText: '数据加载中,请稍候...' }) }) }));
+        if (shouldShowBottomTip) {
+            return _jsx(_Fragment, { children: bottomTip });
         }
-        if (showAllDataBottomTip) {
-            return (_jsx("div", { className: `${classPrefix}-h5-table-loading-wrap ${classPrefix}-h5-table-loading-${currentSize}`, children: _jsx("span", { children: "\u5DF2\u52A0\u8F7D\u5168\u90E8\u6570\u636E" }) }));
-        }
-        return false;
+        return null;
     };
     const resetPadding = () => {
         var _a, _b;

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

@@ -15,6 +15,7 @@ export interface WdTableProps extends CommonPropsType, DataType {
     isMock?: boolean;
     multipleSelect: boolean;
     mockEmpty?: boolean;
+    row__bottom__slot?: React.ReactNode;
     __innerSlot?: React.ReactNode;
 }
 type TCompRef = {

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

@@ -74,7 +74,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
     isSupportMultipleSort = false, // 是否支持多字段排序
     sorter, // 排序规则
     __innerSlot, enableRelationTag = true, // 关联关系字段是否开启关联标签
-    ...props } = tableProps;
+    enableBottomTipSlot = false, row__bottom__slot, ...props } = tableProps;
     const wList = convertWhere(props, supportManyRelated); // 查询参数
     const { classPrefix } = useConfig();
     const platform = usePlatform();
@@ -735,7 +735,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
                                                 setOpenMobileFilter(true);
                                             }, enableRefreshBtn: enableRefreshBtn, enableTableHeightSizeBtn: enableTableHeightSizeBtn, enablePagination: enablePagination }) }))] })), isH5 && (enablePagination || enableRefreshBtn || enableTableHeightSizeBtn || hasFilterButton) && (_jsx(ToolBar, { hasFilterButton: hasFilterButton, total: total, refreshTable: onRefreshBtnClick, setTableHightSize: setTableHightSize, currentSize: tableHightSize, setOpenMobileFilter: () => {
                                     setOpenMobileFilter(true);
-                                }, enableRefreshBtn: enableRefreshBtn, enableTableHeightSizeBtn: enableTableHeightSizeBtn, enablePagination: enablePagination })), _jsx(Table, { events: events, emptyText: emptyText, isH5: isH5, isNoDataSourceBind: isNoDataSourceBind, className: tableClassList, recordKey: recordKey, currentSize: tableHightSize, defaultPageIndex: defaultPageIndex, defaultPageSize: defaultPageSize, sortColumns: sortColumns, enablePagination: !isH5 && enablePagination, columnSelectType: columnSelectType, columns: columns, setColumns: setColumns, records: tableRecords, sort: queryParams.sort, selectedKeys: selectedKeys, onSelectChange: onSelectChange, isLoading: isTableLoading, rowColor: rowColor, queryParams: queryParams, total: total, onQueryChange: onQueryChange, rowClick: rowClick, cellClick: cellClick, isError: errorStatus, errorObj: errorMsg, __innerSlot: __innerSlot }), isH5 && enableGlobalButton && !isNoDataSourceBind && (_jsx("div", { className: `${classPrefix}-h5-table-wrap-footer`, children: _jsx(GlobalButton, { classPrefix: classPrefix, slots: slots === null || slots === void 0 ? void 0 : slots.globalButton }) }))] }), _jsx(ImportFileModal, { columnSets: columnSets, dbName: dbName, datasourceTitle: datasourceTitle, fields: fields, setIsImportFileModalByApiVisible: setIsImportFileModalByApiVisible, isImportFileModalByApiVisible: isImportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible, refresh: refreshTable, supportManyRelated: supportManyRelated }), _jsx(ExportFileModal, { whereList: wList, fields: fields, columns: mapColumKey(columns), isExportFileModalByApiVisible: isExportFileModalByApiVisible, selectedKeys: selectedKeys, dbName: dbName, query: query, setIsExportFileModalByApiVisible: setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible, supportManyRelated: supportManyRelated }), _jsx(InOrOutRecordModal, { dbName: dbName, isInOrOutRecordModalVisible: isInOrOutRecordModalVisible, setIsImportFileModalByApiVisible: setIsImportFileModalByApiVisible, setIsExportFileModalByApiVisible: setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible }), isH5 && (_jsx(Modal, { overlayClassName: `${classPrefix}-h5-table-overlay`, className: `${classPrefix}-h5-table-option-modal-wrap`, disableCloseIcon: true, title: "\u64CD\u4F5C", visible: isMobileOptionVisible, outerRef: modalRef, events: {
+                                }, enableRefreshBtn: enableRefreshBtn, enableTableHeightSizeBtn: enableTableHeightSizeBtn, enablePagination: enablePagination })), _jsx(Table, { events: events, emptyText: emptyText, isH5: isH5, isNoDataSourceBind: isNoDataSourceBind, className: tableClassList, recordKey: recordKey, currentSize: tableHightSize, defaultPageIndex: defaultPageIndex, defaultPageSize: defaultPageSize, sortColumns: sortColumns, enablePagination: !isH5 && enablePagination, columnSelectType: columnSelectType, columns: columns, setColumns: setColumns, records: tableRecords, sort: queryParams.sort, selectedKeys: selectedKeys, onSelectChange: onSelectChange, isLoading: isTableLoading, rowColor: rowColor, queryParams: queryParams, total: total, onQueryChange: onQueryChange, rowClick: rowClick, cellClick: cellClick, isError: errorStatus, errorObj: errorMsg, __innerSlot: __innerSlot, bottomTip: row__bottom__slot, enableBottomTipSlot: enableBottomTipSlot }), isH5 && enableGlobalButton && !isNoDataSourceBind && (_jsx("div", { className: `${classPrefix}-h5-table-wrap-footer`, children: _jsx(GlobalButton, { classPrefix: classPrefix, slots: slots === null || slots === void 0 ? void 0 : slots.globalButton }) }))] }), _jsx(ImportFileModal, { columnSets: columnSets, dbName: dbName, datasourceTitle: datasourceTitle, fields: fields, setIsImportFileModalByApiVisible: setIsImportFileModalByApiVisible, isImportFileModalByApiVisible: isImportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible, refresh: refreshTable, supportManyRelated: supportManyRelated }), _jsx(ExportFileModal, { whereList: wList, fields: fields, columns: mapColumKey(columns), isExportFileModalByApiVisible: isExportFileModalByApiVisible, selectedKeys: selectedKeys, dbName: dbName, query: query, setIsExportFileModalByApiVisible: setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible, supportManyRelated: supportManyRelated }), _jsx(InOrOutRecordModal, { dbName: dbName, isInOrOutRecordModalVisible: isInOrOutRecordModalVisible, setIsImportFileModalByApiVisible: setIsImportFileModalByApiVisible, setIsExportFileModalByApiVisible: setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible }), isH5 && (_jsx(Modal, { overlayClassName: `${classPrefix}-h5-table-overlay`, className: `${classPrefix}-h5-table-option-modal-wrap`, disableCloseIcon: true, title: "\u64CD\u4F5C", visible: isMobileOptionVisible, outerRef: modalRef, events: {
                             close: () => {
                                 setIsMobileOptionVisible(false);
                             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.20.6",
+  "version": "3.21.0",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",

package/dist/configs/components/swiper.json

@@ -1,234 +0,0 @@
-{
-    "$schema": "https://comp-public-replace-1303824488-cos.weda.tencent.com/schema/lcds_component.json",
-    "data": {
-        "properties": {
-            "interval": {
-                "title": "自动切换时间间隔（毫秒）",
-                "default": 5000,
-                "type": "number",
-                "x-index": 1,
-                "x-category": "基础属性",
-                "description": "配置轮播图滚动的时间间隔，时间单位为ms"
-            },
-            "vertical": {
-                "title": "纵向轮播",
-                "default": false,
-                "x-index": 2,
-                "type": "boolean",
-                "x-category": "基础属性",
-                "description": "开启后，轮播的滚动方式将会由横向滚动变更为纵向滚动"
-            },
-            "autoplay": {
-                "title": "自动切换",
-                "default": true,
-                "x-index": 3,
-                "type": "boolean",
-                "x-category": "基础属性",
-                "description": "开启后，轮播图将会自动根据配置的时间间隔进行自动滚动，关闭后则轮播图仅支持通过点击锚点的方式进行切换"
-            },
-            "indicatorActiveColor": {
-                "title": "锚点激活色",
-                "x-index": 4,
-                "type": "string",
-                "x-component": "color",
-                "default": "rgba(0, 0, 0, 0.9)",
-                "x-category": "高级属性",
-                "description": "更改锚点选中时的颜色"
-            },
-            "indicatorColor": {
-                "title": "锚点颜色",
-                "type": "string",
-                "x-index": 5,
-                "x-component": "color",
-                "default": "rgba(200, 200, 200, 0.9)",
-                "x-category": "高级属性",
-                "description": "更改锚点普通状态下的颜色"
-            },
-            "duration": {
-                "title": "滑动动画时长",
-                "default": 500,
-                "x-index": 6,
-                "type": "number",
-                "x-category": "高级属性",
-                "description": "更改轮播图切换时的滑动动画时长"
-            },
-            "current": {
-                "title": "当前所在滑块的 index",
-                "default": 0,
-                "x-index": 7,
-                "type": "number",
-                "x-category": "高级属性",
-                "description": "更改轮播图的默认展示位置，0为默认展示第一张轮播图，以此类推"
-            },
-            "circular": {
-                "title": "衔接滑动",
-                "default": true,
-                "type": "boolean",
-                "x-index": 8,
-                "x-category": "高级属性",
-                "description": "更改轮播图切换时动画的滑动方式"
-            },
-            "indicatorDots": {
-                "title": "导航锚点",
-                "default": true,
-                "type": "boolean",
-                "x-index": 9,
-                "x-category": "高级属性",
-                "description": "开启/关闭轮播图锚点"
-            },
-            "layoutType": {
-                "title": "渲染模式",
-                "default": "normal",
-                "type": "string",
-                "x-index": 10,
-                "x-category": "高级属性",
-                "description": "渲染模式，小程序 Skyline 特有属性",
-                "enum": [
-                    {
-                        "value": "normal",
-                        "label": "默认方式"
-                    },
-                    {
-                        "value": "stackLeft",
-                        "label": "左向堆叠"
-                    },
-                    {
-                        "value": "stackRight",
-                        "label": "右向堆叠"
-                    },
-                    {
-                        "value": "tinder",
-                        "label": "滑动卡片"
-                    },
-                    {
-                        "value": "transformer",
-                        "label": "过渡动画"
-                    }
-                ],
-                "x-linkages": [
-                    {
-                        "type": "value:visible",
-                        "target": "transformType",
-                        "condition": "{{$self.value=='transformer'}}"
-                    }
-                ],
-                "x-platforms": [
-                    "MP"
-                ]
-            },
-            "transformType": {
-                "title": "指定动画类型",
-                "default": "scaleAndFade",
-                "type": "string",
-                "x-index": 11,
-                "x-category": "高级属性",
-                "description": "layout-type 为 transformer 时指定动画类型，小程序 Skyline 特有属性",
-                "enum": [
-                    {
-                        "value": "scaleAndFade",
-                        "label": "scaleAndFade"
-                    },
-                    {
-                        "value": "accordion",
-                        "label": "accordion"
-                    },
-                    {
-                        "value": "threeD",
-                        "label": "threeD"
-                    },
-                    {
-                        "value": "zoomIn",
-                        "label": "zoomIn"
-                    },
-                    {
-                        "value": "zoomOut",
-                        "label": "zoomOut"
-                    },
-                    {
-                        "value": "deepthPage",
-                        "label": "deepthPage"
-                    }
-                ],
-                "x-platforms": [
-                    "MP"
-                ]
-            },
-            "previousMargin": {
-                "title": "前边距",
-                "type": "string",
-                "default": "0px",
-                "x-index": 12,
-                "x-category": "高级属性",
-                "description": "前边距，可用于露出前一项的一小部分，接受 px 和 rpx 值",
-                "x-platforms": [
-                    "MP"
-                ]
-            },
-            "nextMargin": {
-                "title": "后边距",
-                "type": "string",
-                "default": "0px",
-                "x-index": 13,
-                "x-category": "高级属性",
-                "description": "后边距，可用于露出后一项的一小部分，接受 px 和 rpx 值。skyline 于 3.5.1 版本支持",
-                "x-platforms": [
-                    "MP"
-                ]
-            },
-            "easingFunction": {
-                "title": "缓动动画类型",
-                "type": "string",
-                "default": "default",
-                "x-index": 14,
-                "x-category": "高级属性",
-                "description": "指定 swiper 切换缓动动画类型",
-                "x-platforms": [
-                    "MP"
-                ],
-                "enum": [
-                    {
-                        "value": "default",
-                        "label": "默认缓动函数"
-                    },
-                    {
-                        "value": "linear",
-                        "label": "线性动画"
-                    },
-                    {
-                        "value": "easeInCubic",
-                        "label": "缓入动画"
-                    },
-                    {
-                        "value": "easeOutCubic",
-                        "label": "缓出动画"
-                    },
-                    {
-                        "value": "easeInOutCubic",
-                        "label": "缓入缓出动画"
-                    }
-                ]
-            }
-        }
-    },
-    "events": [
-        {
-            "name": "change",
-            "title": "切换"
-        }
-    ],
-    "meta": {
-        "title": "轮播容器",
-        "description": "用于快速在页面搭建轮播图展示效果，并支持轮播图的跳转、播放配置。",
-        "category": "布局",
-        "categoryOrder": 200,
-        "componentOrder": 90,
-        "figureIcon": "../figureIcons/Swiper.svg",
-        "icon": "../icons/Swiper.svg",
-        "propertyPanelTips": "轮播容器组件在小程序侧使用时，建议给组件设置一个高度，否则按照小程序swiper组件默认高度渲染"
-    },
-    "configMeta": {
-        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/Swiper"
-    },
-    "isContainer": true,
-    "mpOrigin": "swiper"
-}