@cloudbase/weda-ui 3.5.3 → 3.6.0

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

@@ -33,24 +33,35 @@ export const getDataBaseInfo = (fields, format, childDbName) => {
     const dataBase = (_a = dsList === null || dsList === void 0 ? void 0 : dsList.find((child) => child.format === format)) === null || _a === void 0 ? void 0 : _a.list.find((item) => item.childDbName === childDbName);
     return dataBase;
 };
-export const mapResult = (data, primaryColumn) => {
-    var _a;
-    return (_a = data === null || data === void 0 ? void 0 : data.records) === null || _a === void 0 ? void 0 : _a.map((childItem) => ({
+export const mapResult = (records, primaryColumn) => {
+    return records === null || records === void 0 ? void 0 : records.map((childItem) => ({
         value: childItem._id,
         text: childItem[primaryColumn] ? childItem[primaryColumn] : childItem._id,
     }));
 };
-export const useChooseList = ({ dataSourceAPI, queryParams, childDbName, primaryColumn, }) => {
+export const useChooseList = ({ dataSourceAPI, queryParams, childDbName, primaryColumn, value, }) => {
     const [option, setOption] = useState([]);
     const [total, setTotal] = useState(0);
     const [loading, setLoading] = useState(true);
     useEffect(() => {
         async function fetchData() {
             setLoading(true);
-            const result = await dataSourceAPI.getRecordList(queryParams, {
-                db: childDbName,
-            });
-            let optionRes = mapResult(result, primaryColumn);
+            const [result, itemResult] = await Promise.all([
+                dataSourceAPI.getRecordList(queryParams, {
+                    db: childDbName,
+                }),
+                value
+                    ? dataSourceAPI.getRecord(value, {
+                        db: childDbName,
+                    })
+                    : Promise.resolve(),
+            ]);
+            let transformedRecords = [...((result === null || result === void 0 ? void 0 : result.records) || [])];
+            if (value &&
+                transformedRecords.findIndex((item) => item._id === value) < 0) {
+                transformedRecords = [itemResult, ...transformedRecords];
+            }
+            let optionRes = mapResult(transformedRecords, primaryColumn);
             if ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageNo) > defaultPage) {
                 optionRes = [...option, ...optionRes];
             }

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

@@ -6,7 +6,8 @@ interface queryParamsProp {
     orderBy?: string;
     orderType?: string;
 }
-export declare const useQueryParams: ({ queryParams, wList, viewFieldsData, connectorParams, isModel, isViewTable, events, columns, authFields, supportManyRelated, }: {
+export declare const useQueryParams: ({ queryParams, wList, viewFieldsData, connectorParams, isModel, isViewTable, events, columns, authFields, supportManyRelated, selectFieldType, selectFields, ...rest }: {
+    [x: string]: any;
     queryParams: any;
     wList: any;
     viewFieldsData: any;
@@ -17,6 +18,8 @@ export declare const useQueryParams: ({ queryParams, wList, viewFieldsData, conn
     columns: any;
     authFields: any;
     supportManyRelated: any;
+    selectFieldType: any;
+    selectFields: any;
 }) => {
     query: queryParamsProp;
 };

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

@@ -2,7 +2,8 @@ import { useEffect, useRef, useState } from 'react';
 import { getQueryParams } from '../utils';
 import isObjectEqual from '../../../utils/isObjectEqual';
 // const defaultCount = 1;
-export const useQueryParams = ({ queryParams, wList, viewFieldsData, connectorParams, isModel, isViewTable, events, columns, authFields, supportManyRelated, }) => {
+export const useQueryParams = ({ queryParams, wList, viewFieldsData, connectorParams, isModel, isViewTable, events, columns, authFields, supportManyRelated, selectFieldType, selectFields, ...rest }) => {
+    const isSupportMultipleSort = rest === null || rest === void 0 ? void 0 : rest.isSupportMultipleSort;
     const queryRef = useRef({});
     const [query, setQuery] = useState(() => {
         return getQueryParams({
@@ -15,6 +16,9 @@ export const useQueryParams = ({ queryParams, wList, viewFieldsData, connectorPa
             columns,
             authFields,
             supportManyRelated,
+            selectFieldType,
+            selectFields,
+            isSupportMultipleSort,
         });
     });
     useEffect(() => {
@@ -29,6 +33,9 @@ export const useQueryParams = ({ queryParams, wList, viewFieldsData, connectorPa
             columns,
             authFields,
             supportManyRelated,
+            selectFieldType,
+            selectFields,
+            isSupportMultipleSort,
         });
         if (!isObjectEqual(queryRef.current, query)) {
             queryRef.current = query;
@@ -45,6 +52,9 @@ export const useQueryParams = ({ queryParams, wList, viewFieldsData, connectorPa
         columns,
         authFields,
         supportManyRelated,
+        selectFieldType,
+        selectFields,
+        isSupportMultipleSort,
     ]);
     return { query };
 };

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

@@ -50,13 +50,13 @@ export const useTableData = ({ dataSourceAPI, connectorMethod, query, events, is
             else {
                 setTableData(records);
             }
-            (records === null || records === void 0 ? void 0 : records.length) > 0
-                ? events === null || events === void 0 ? void 0 : events.querySuccess({
-                    data: Object.assign({}, data, query),
-                })
-                : events === null || events === void 0 ? void 0 : events.queryEmpty({
+            events === null || events === void 0 ? void 0 : events.querySuccess({
+                data: Object.assign({}, data, query),
+            });
+            (records === null || records === void 0 ? void 0 : records.length) === 0 &&
+                (events === null || events === void 0 ? void 0 : events.queryEmpty({
                     data: Object.assign({}, data, query),
-                });
+                }));
             setTableLoading(false);
         }
         catch (error) {

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

@@ -2,17 +2,7 @@ export declare const getSlots: (props: any) => {
     globalButton?: any;
 };
 export declare const whereList: (whereProxy: any) => any[];
-export declare const getQueryParams: ({ queryParams, wList, viewFieldsData, connectorParams, isModel, isViewTable, authFields, supportManyRelated, columns, }: {
-    queryParams: any;
-    wList: any;
-    viewFieldsData: any;
-    connectorParams: any;
-    isModel: any;
-    isViewTable: any;
-    authFields: any;
-    supportManyRelated: any;
-    columns: any;
-}) => {
+export declare const getQueryParams: ({ queryParams, wList, viewFieldsData, connectorParams, isModel, isViewTable, authFields, supportManyRelated, columns, selectFieldType, selectFields, isSupportMultipleSort, }: any) => {
     pageNo: number;
     pageSize: number;
     where?: any[];
@@ -28,7 +18,11 @@ export declare const getViews: (dbName: any, selectedView: any) => Promise<{
     fields: any;
     selectedViewId: any;
 }>;
-export declare const getFilterFields: (filterFields: any, authFields: any) => any[];
+export declare const getFilterFields: (filterFields: any, authFields: any) => {
+    name: string;
+    title: string;
+    filterConfig?: any[];
+}[];
 export declare const getSelectedView: (selectedViews: any) => any;
 export declare const getSortColumns: ({ fields, columnSets }: {
     fields: any;

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

@@ -1,6 +1,7 @@
 import { getDataSourceFieldsWithAuth } from '../../../utils/datasource';
 import { TABLE_SLOT_PREFIX, GLOBAL_BUTTON, REL_DICT, } from '../../../utils/constant';
 import { callWedaApi, appCloudGetWedaUserId, getIsExitApi, } from '../../../utils/tcb';
+import { isObj, deepClone } from '../../../utils/tool';
 // 新接口没有返回关联表的主列字段，从旧接口中查询出来
 const getPrimaryColumn = (fields, dataViewPropertiesList, selectedView) => {
     var _a, _b;
@@ -85,13 +86,15 @@ export const whereList = (whereProxy) => {
     }
 };
 // V2 查询方法中，要显式传入所有应该展示的字段
-const selectParam = (columns, authFields) => {
+const selectParam = (columns, authFields, selectParam) => {
+    const { selectFieldType = 'table', selectFields = [] } = selectParam || {};
     const select = {};
-    if (columns) {
+    if (selectFieldType === 'table' && columns) {
         const parentKeys = {};
         columns.forEach((item) => {
             const { fieldKey, isRelated, relatedField } = item;
-            if (fieldKey && relatedField && isRelated) {
+            // 含相同字段时，以最外层为准
+            if (fieldKey && relatedField && isRelated && select[fieldKey] !== true) {
                 parentKeys[relatedField] = true;
                 select[fieldKey] = parentKeys;
             }
@@ -100,9 +103,21 @@ const selectParam = (columns, authFields) => {
             }
         });
     }
+    else if (selectFieldType === 'custom') {
+        const _selectFields = Array.isArray(selectFields) ? selectFields : [];
+        authFields.forEach((item) => {
+            const name = item === null || item === void 0 ? void 0 : item.name;
+            // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+            if (name && _selectFields.indexOf(name) > -1) {
+                select[name] = true;
+            }
+        });
+    }
     else {
         authFields.forEach((item) => {
-            (item === null || item === void 0 ? void 0 : item.name) ? (select[item.name] = true) : null;
+            if (item === null || item === void 0 ? void 0 : item.name) {
+                select[item.name] = true;
+            }
         });
     }
     return select;
@@ -111,16 +126,11 @@ const selectParam = (columns, authFields) => {
 const getFilter = (wList, searchValues, SearchConfig, ConditionConfig) => {
     var _a, _b, _c;
     let where = [];
-    let filter = {};
+    let filter = { where: {} };
     if ((_a = wList === null || wList === void 0 ? void 0 : wList.where) === null || _a === void 0 ? void 0 : _a.$or) {
         const wListWhere = ((_b = wList === null || wList === void 0 ? void 0 : wList.where) === null || _b === void 0 ? void 0 : _b.$or) || [];
         if ((wList === null || wList === void 0 ? void 0 : wList.constructor) === Object) {
-            where = [
-                ...searchValues,
-                ...SearchConfig,
-                ...ConditionConfig,
-                ...wListWhere,
-            ];
+            where = [...SearchConfig, ...ConditionConfig, ...wListWhere];
             filter = {
                 ...wList,
                 where: {
@@ -132,12 +142,7 @@ const getFilter = (wList, searchValues, SearchConfig, ConditionConfig) => {
     else {
         const wListWhere = ((_c = wList === null || wList === void 0 ? void 0 : wList.where) === null || _c === void 0 ? void 0 : _c.$and) || [];
         if ((wList === null || wList === void 0 ? void 0 : wList.constructor) === Object) {
-            where = [
-                ...searchValues,
-                ...SearchConfig,
-                ...ConditionConfig,
-                ...wListWhere,
-            ];
+            where = [...SearchConfig, ...ConditionConfig, ...wListWhere];
             filter = {
                 ...wList,
                 where: {
@@ -147,13 +152,22 @@ const getFilter = (wList, searchValues, SearchConfig, ConditionConfig) => {
         }
     }
     if (Array.isArray(wList)) {
-        where = [...searchValues, ...wList, ...SearchConfig, ...ConditionConfig];
+        where = [...wList, ...SearchConfig, ...ConditionConfig];
         filter = {
             where: {
                 $and: where,
             },
         };
     }
+    if (searchValues === null || searchValues === void 0 ? void 0 : searchValues.length) {
+        // 筛选面板的查询条件与数据过滤的查询条件是且的关系
+        filter = {
+            ...filter,
+            where: {
+                $and: [filter.where, { $and: searchValues }],
+            },
+        };
+    }
     return filter;
 };
 // 拼接筛选条件参数
@@ -170,14 +184,17 @@ const getSearchValues = (searchValues) => {
         };
     });
 };
-const getPageParam = (sort, params, _defaultPageSize, _defaultPageIndex, supportManyRelated, columns) => {
-    var _a;
+const getPageParam = (_sort, params, _defaultPageSize, _defaultPageIndex, supportManyRelated, columns, isSupportMultipleSort) => {
+    // 后端根据业务字段排序
+    const sort = _sort.map((n) => {
+        var _a;
+        return ({
+            ...n,
+            by: ((_a = columns === null || columns === void 0 ? void 0 : columns.find((i) => n.by === i.slotKey)) === null || _a === void 0 ? void 0 : _a.fieldKey) || n.by,
+        });
+    });
     if ((sort === null || sort === void 0 ? void 0 : sort.length) && sort[0].order) {
         params.orderBy = sort[0].by;
-        // 后端根据业务字段排序
-        params.orderBy =
-            ((_a = columns === null || columns === void 0 ? void 0 : columns.find((i) => params.orderBy === i.slotKey)) === null || _a === void 0 ? void 0 : _a.fieldKey) ||
-                params.orderBy;
         params.orderType = sort[0].order;
     }
     const _pageSize = parseInt(`${params.pageSize}`);
@@ -187,9 +204,10 @@ const getPageParam = (sort, params, _defaultPageSize, _defaultPageIndex, support
         params.pageNumber = isNaN(_pageNo) ? _defaultPageIndex : _pageNo;
         params.getCount = true; // 默认不返回总数，需要显式传入
         params.compatibleWithV1 = true; // 旧版关联关系，支持V1版本的返回数据
-        const orderByObj = {};
-        orderByObj[params.orderBy] = params.orderType;
-        params.orderBy = [orderByObj];
+        // 支持多字段排序后以sort为最终排序结果，单字段排序orderBy兜底
+        params.orderBy = isSupportMultipleSort
+            ? sort === null || sort === void 0 ? void 0 : sort.map((i) => ({ [i === null || i === void 0 ? void 0 : i.by]: i === null || i === void 0 ? void 0 : i.order }))
+            : [{ [params.orderBy]: params.orderType }];
     }
     else {
         params.pageNo = isNaN(_pageNo) ? _defaultPageIndex : _pageNo;
@@ -197,7 +215,7 @@ const getPageParam = (sort, params, _defaultPageSize, _defaultPageIndex, support
     return params;
 };
 // 获取最终的查询参数
-export const getQueryParams = ({ queryParams, wList, viewFieldsData, connectorParams, isModel, isViewTable, authFields, supportManyRelated, columns, }) => {
+export const getQueryParams = ({ queryParams, wList, viewFieldsData, connectorParams, isModel, isViewTable, authFields, supportManyRelated, columns, selectFieldType, selectFields, isSupportMultipleSort, }) => {
     var _a, _b;
     const _defaultPageSize = 10;
     const _defaultPageIndex = 1;
@@ -219,7 +237,10 @@ export const getQueryParams = ({ queryParams, wList, viewFieldsData, connectorPa
                 : [];
             const formatSearchValues = getSearchValues(searchValues);
             params.filter = getFilter(wList, formatSearchValues, SearchConfig, ConditionConfig);
-            params.select = selectParam(columns, authFields);
+            params.select = selectParam(columns, authFields, {
+                selectFieldType,
+                selectFields,
+            });
         }
         else {
             ConditionConfig = (viewed === null || viewed === void 0 ? void 0 : viewed.ConditionConfig) || {};
@@ -245,7 +266,7 @@ export const getQueryParams = ({ queryParams, wList, viewFieldsData, connectorPa
         params = Object.assign({}, connectorParams, params);
     }
     // 运行态主动排序进行覆盖
-    params = getPageParam(sort, params, _defaultPageSize, _defaultPageIndex, supportManyRelated, columns);
+    params = getPageParam(sort, params, _defaultPageSize, _defaultPageIndex, supportManyRelated, columns, isSupportMultipleSort);
     return params;
 };
 // 获取视图
@@ -372,21 +393,44 @@ export const getFilterFields = (filterFields, authFields) => {
     let result = [];
     try {
         const filterFieldsObj = JSON.parse(JSON.stringify(filterFields));
-        result =
-            ((_a = filterFieldsObj === null || filterFieldsObj === void 0 ? void 0 : filterFieldsObj.selected) === null || _a === void 0 ? void 0 : _a.map((i) => authFields.find((j) => (j === null || j === void 0 ? void 0 : j.name) === i))) || [];
-        result = result.filter((i) => !!i);
-        result = result.map((i) => {
-            var _a, _b, _c;
-            if ((_a = filterFieldsObj === null || filterFieldsObj === void 0 ? void 0 : filterFieldsObj.customTitles) === null || _a === void 0 ? void 0 : _a.length) {
-                i.title =
-                    ((_c = (_b = filterFieldsObj === null || filterFieldsObj === void 0 ? void 0 : filterFieldsObj.customTitles) === null || _b === void 0 ? void 0 : _b.find((j) => (j === null || j === void 0 ? void 0 : j.name) === (i === null || i === void 0 ? void 0 : i.name))) === null || _c === void 0 ? void 0 : _c.title) || i.title;
-            }
-            return i;
-        });
+        if (filterFields === null || filterFields === void 0 ? void 0 : filterFields.filterConfig) {
+            // 变量绑定的情况
+            // 筛选有权限的字段
+            filterFields === null || filterFields === void 0 ? void 0 : filterFields.filterConfig.forEach((i) => {
+                var _a, _b;
+                const item = authFields.find((j) => (j === null || j === void 0 ? void 0 : j.name) === i.name);
+                if (item) {
+                    result.push({
+                        ...deepClone(item),
+                        isRange: item.isRange === undefined
+                            ? (_b = (_a = i.filterTypeOption) === null || _a === void 0 ? void 0 : _a.includes) === null || _b === void 0 ? void 0 : _b.call(_a, 'scope')
+                            : item.isRange,
+                        title: (i === null || i === void 0 ? void 0 : i.label) || item.title,
+                        filterConfig: i,
+                    });
+                }
+            });
+        }
+        else {
+            // 筛选有权限的字段
+            result =
+                ((_a = filterFieldsObj === null || filterFieldsObj === void 0 ? void 0 : filterFieldsObj.selected) === null || _a === void 0 ? void 0 : _a.map((i) => authFields.find((j) => (j === null || j === void 0 ? void 0 : j.name) === i))) || [];
+            result = result.filter((i) => isObj(i));
+            result = deepClone(result);
+            result = result.map((i) => {
+                var _a, _b;
+                if ((_a = filterFieldsObj === null || filterFieldsObj === void 0 ? void 0 : filterFieldsObj.customTitles) === null || _a === void 0 ? void 0 : _a.length) {
+                    const customTitle = (_b = filterFieldsObj === null || filterFieldsObj === void 0 ? void 0 : filterFieldsObj.customTitles) === null || _b === void 0 ? void 0 : _b.find((j) => (j === null || j === void 0 ? void 0 : j.name) === (i === null || i === void 0 ? void 0 : i.name));
+                    i.title = (customTitle === null || customTitle === void 0 ? void 0 : customTitle.title) || i.title;
+                }
+                return i;
+            });
+        }
     }
     catch (error) {
         result = [];
     }
+    result = result.filter((i) => !!i);
     return result;
 };
 //处理选择视图的意外情况(存量用户不会更新数据源的默认视图可能会出现[null])
@@ -460,6 +504,8 @@ const defaultSupportMethod = {
     refreshKeepPage: true,
     // 打开操作列弹窗(仅移动端生效)
     openOperationDialog: true,
+    // 重置筛选器
+    resetFilter: true,
 };
 export var DataSourceType;
 (function (DataSourceType) {
@@ -483,6 +529,7 @@ const tableMethodList = {
             deleteOne: false,
             refreshKeepPage: false,
             refresh: false,
+            resetFilter: false,
         },
     },
     [DataSourceType.CustomConnector]: {
@@ -494,6 +541,7 @@ const tableMethodList = {
             export: false,
             deleteSelected: false,
             deleteOne: false,
+            resetFilter: false,
         },
     },
 };

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+import './tableTheme.css';

package/dist/web/components/wd-table/utils/tableTheme.css

@@ -0,0 +1,117 @@
+/* 表格内容 */
+.wd-table .wd-table__a,
+.wd-table .wd-table-detail-btn {
+  color: var(--wd-color-brand, #0052d9);
+}
+
+/* 筛选条件 */
+.wd-table-wrap-filter .wedatea2td-input:focus,
+.wd-table-wrap-filter .wedatea2td-input:hover,
+.wd-table-wrap-filter .wedatea2td-textarea-group:focus,
+.wd-table-wrap-filter .wedatea2td-textarea-group:hover,
+.wd-table-wrap-filter .wedatea2td-textarea:focus,
+.wd-table-wrap-filter .wedatea2td-textarea:hover {
+  border-color: var(--wd-color-brand, #0052d9);
+}
+
+/* tea 自带的弹窗 */
+.wedatea2td-overlay .wedatea2td-checkbox:focus,
+.wedatea2td-overlay .wedatea2td-checkbox:hover,
+.wedatea2td-overlay input[type='checkbox']:focus,
+.wedatea2td-overlay input[type='checkbox']:hover {
+  border-color: var(--wd-color-brand, #0052d9);
+}
+.wedatea2td-overlay .wedatea2td-checkbox:checked,
+.wedatea2td-overlay .wedatea2td-checkbox:checked:focus,
+.wedatea2td-overlay .wedatea2td-checkbox:checked:hover,
+.wedatea2td-overlay input[type='checkbox']:checked,
+.wedatea2td-overlay input[type='checkbox']:checked:focus,
+.wedatea2td-overlay input[type='checkbox']:checked:hover {
+  border-color: var(--wd-color-brand, #0052d9);
+  background-color: var(--wd-color-brand, #0052d9);
+}
+.wedatea2td-overlay
+  .wedatea2td-dropdown-box
+  .wedatea2td-search--icon-front
+  .wedatea2td-input--search,
+.wedatea2td-overlay
+  .wedatea2td-dropdown-box
+  .wedatea2td-search--simple
+  .wedatea2td-input--search {
+  caret-color: var(--wd-color-brand, #0052d9);
+}
+.wedatea2td-overlay .wedatea2td-datepicker__input--range:focus-within {
+  border-color: var(--wd-color-brand, #0052d9);
+}
+.wedatea2td-overlay .wedatea2td-calendar__cell--now {
+  color: var(--wd-color-brand, #0052d9);
+}
+.wedatea2td-overlay .wedatea2td-calendar__cell.is-selected:hover > span,
+.wedatea2td-overlay .wedatea2td-calendar__cell.is-selected > span {
+  background-color: var(--wd-color-brand, #0052d9);
+}
+
+.wedatea2td-overlay
+  .wedatea2td-calendar--date-range
+  .wedatea2td-calendar__day--in-range:before {
+  background-color: var(--wd-color-brand-light, #ecf2fe);
+}
+
+.wedatea2td-overlay .wd-table__a {
+  color: var(--wd-color-brand, #0052d9);
+}
+
+.wedatea2td-overlay .wedatea2td-step__num {
+  background-color: var(--wd-color-brand-light, #fff);
+  border-color: var(--wd-color-brand, #0052d9);
+}
+
+.wedatea2td-overlay .wedatea2td-step__item.is-current > .wedatea2td-step__num {
+  background-color: var(--wd-color-brand, #0052d9);
+  border-color: var(--wd-color-brand, #0052d9);
+}
+
+.wedatea2td-overlay
+  .wedatea2td-dropdown-box
+  .wedatea2td-list--calendar-time
+  > li.is-selected {
+  background-color: var(--wd-color-brand, #0052d9);
+}
+
+/* default */
+.wedatea2td-overlay .wedatea2td-btn {
+  border-color: var(--wd-color-brand, #0052d9);
+  background-color: var(--wd-color-brand, #0052d9);
+}
+.wedatea2td-overlay .wedatea2td-btn:hover {
+  border-color: var(--wd-color-brand-hover, #266fe8);
+  background-color: var(--wd-color-brand-hover, #266fe8);
+}
+
+/* weak */
+.wedatea2td-overlay .wedatea2td-btn--weak {
+  background-color: var(--wd-color-brand-light, #f3f3f3);
+  border-color: var(--wd-color-border-default, #dcdcdc);
+  color: var(--wd-color-brand, #0052d9);
+}
+.wedatea2td-btn--weak:not(.is-disabled):hover {
+  color: var(--wd-color-brand-light, #f3f3f3);
+}
+
+/* link */
+.wedatea2td-overlay .wedatea2td-btn--link {
+  color: var(--wd-color-brand, #0052d9);
+  background-color: transparent;
+}
+.wedatea2td-overlay .wedatea2td-btn--link:hover {
+  background-color: transparent;
+}
+
+/* icon */
+.wedatea2td-overlay .wedatea2td-btn--icon {
+  color: var(--wd-color-brand, #0052d9);
+  background-color: transparent;
+}
+.wedatea2td-overlay .wedatea2td-btn--icon:not(.is-disabled):hover {
+  background-color: var(--wd-color-brand-light, #f3f3f3);
+}

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

@@ -2,9 +2,10 @@ import React from 'react';
 import type { CommonPropsType } from '../../types';
 import type { DataType } from '../../../configs/components/wd-table';
 import '../style';
+import './utils/style';
 export declare const _defaultPageIndex = 1;
 export declare const _defaultPageSize = 10;
-export declare const TableOption: React.NamedExoticComponent<any>;
+export declare const TableOption: ({ slots, ...props }: any) => any;
 export declare const GlobalButton: React.NamedExoticComponent<{
     classPrefix: string;
     slots: any;
@@ -14,6 +15,7 @@ export interface WdTableProps extends CommonPropsType, DataType {
     isMock?: boolean;
     multipleSelect: boolean;
     mockEmpty?: boolean;
+    __innerSlot?: React.ReactNode;
 }
 type TCompRef = {
     import: () => void;