@cloudbase/weda-ui 3.4.8 → 3.4.9-alpha.1024

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

@@ -0,0 +1,202 @@
+export const Mock = {
+    records: [
+        {
+            id: '1',
+            name: 'Mario',
+            age: 25,
+            sex: '男',
+            location: '北京市',
+            marriage: '未婚',
+        },
+        {
+            _id: '2',
+            name: 'Luigi',
+            age: 15,
+            sex: '男',
+            location: '上海市',
+            marriage: '未婚',
+        },
+        {
+            _id: '3',
+            name: 'Koopa',
+            age: 35,
+            sex: '男',
+            location: '河北省',
+            marriage: '已婚',
+        },
+        {
+            _id: '4',
+            name: 'Yoshi',
+            age: 50,
+            sex: '男',
+            location: '广州省',
+            marriage: '已婚',
+        },
+        {
+            _id: '5',
+            name: 'Link',
+            age: 30,
+            sex: '女',
+            location: '福建省',
+            marriage: '已婚',
+        },
+        {
+            _id: '6',
+            name: 'Julie',
+            age: 40,
+            sex: '女',
+            location: '重庆市',
+            marriage: '已婚',
+        },
+        {
+            _id: '7',
+            name: 'Ross',
+            age: 10,
+            sex: '女',
+            location: '北京市',
+            marriage: '未婚',
+        },
+        {
+            _id: '8',
+            name: 'Bob',
+            age: 23,
+            sex: '男',
+            location: '上海市',
+            marriage: '未婚',
+        },
+        {
+            _id: '9',
+            name: 'John',
+            age: 36,
+            sex: '男',
+            location: '河北省',
+            marriage: '已婚',
+        },
+        {
+            _id: '10',
+            name: 'Kevin',
+            age: 9,
+            sex: '男',
+            location: '广州省',
+            marriage: '未婚',
+        },
+    ],
+    columns: [
+        {
+            key: 'weda_select',
+            header: null,
+            width: 48,
+            fixed: 'left',
+        },
+        { key: 'name', header: '姓名', width: 100 },
+        { key: 'age', header: '年龄', width: 100 },
+        {
+            key: 'sex',
+            header: '性别',
+            width: 100,
+        },
+        { key: 'location', header: '居住地', width: 100 },
+        {
+            key: 'marriage',
+            header: '婚姻状态',
+            width: 100,
+        },
+    ],
+    filterFields: [
+        {
+            default: '',
+            'x-system': true,
+            'x-id': '5f9cd72',
+            format: '',
+            pattern: '',
+            'x-index': 1,
+            type: 'string',
+            title: '姓名',
+            'x-unique': true,
+            name: '_id',
+            readWriteAuth: 'rw',
+        },
+        {
+            default: 0,
+            'x-system': true,
+            'x-id': 'ad77ac1',
+            format: 'location',
+            'x-index': 2,
+            type: 'number',
+            title: '创建时间',
+            'x-unique': false,
+            name: 'createdAt',
+            readWriteAuth: 'rw',
+        },
+        {
+            'x-required': false,
+            'x-keyPath': '',
+            'x-id': '84ca3b8',
+            format: '',
+            name: 'sex',
+            description: '',
+            isEnum: false,
+            type: 'number',
+            'x-index': 9,
+            title: '年龄段',
+            'x-unique': false,
+            readWriteAuth: 'rw',
+        },
+        {
+            'x-required': false,
+            'x-keyPath': '',
+            'x-id': '84ca3b8',
+            format: '',
+            name: 'sex',
+            description: '',
+            isEnum: false,
+            type: 'boolean',
+            'x-index': 9,
+            title: '年龄段',
+            'x-unique': false,
+            readWriteAuth: 'rw',
+        },
+        {
+            'x-required': false,
+            'x-keyPath': '',
+            'x-id': '84ca3b8',
+            format: 'x-enum',
+            name: 'sex',
+            description: '',
+            isEnum: false,
+            type: 'x-enum',
+            'x-index': 9,
+            title: '年龄段',
+            'x-unique': false,
+            readWriteAuth: 'rw',
+        },
+        {
+            'x-required': false,
+            'x-keyPath': '',
+            'x-id': '84ca3b8',
+            format: 'time',
+            name: 'sex',
+            description: '',
+            isEnum: false,
+            type: 'number',
+            'x-index': 9,
+            title: '年龄段',
+            'x-unique': false,
+            readWriteAuth: 'rw',
+        },
+        {
+            'x-required': false,
+            'x-keyPath': '',
+            'x-id': '84ca3b8',
+            format: 'date',
+            name: 'sex',
+            description: '',
+            isEnum: false,
+            type: 'number',
+            'x-index': 9,
+            title: '年龄段',
+            'x-unique': false,
+            readWriteAuth: 'rw',
+        },
+    ],
+};

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

@@ -0,0 +1,307 @@
+/* eslint-disable max-lines */
+import { getDataSourceFieldsWithAuth } from '../../../utils/datasource';
+import { TABLE_SLOT_PREFIX, GLOBAL_BUTTON, REL_DICT, } from '../../../utils/constant';
+import { callWedaApi, appCloudGetWedaUserId, getIsExitApi, } from '../../../utils/tcb';
+// 通过前缀过滤出插槽属性，传入属性是确定的，所以可以通过前缀识别
+export const getSlots = (props) => Object.keys(props).reduce((acc, key) => {
+    if (key.startsWith(TABLE_SLOT_PREFIX) || key === GLOBAL_BUTTON) {
+        acc[key] = props[key];
+    }
+    return acc;
+}, {});
+// 数据筛选条件
+export const whereList = (whereProxy) => {
+    try {
+        const where = whereProxy && JSON.parse(JSON.stringify(whereProxy));
+        const resultList = [];
+        const groupLogic = {};
+        let firstGroupLogicTyp = 'and';
+        let groupLogicList = [];
+        if (Array.isArray(where) && (where === null || where === void 0 ? void 0 : where.length)) {
+            groupLogicList = where.map((item1, index1) => {
+                const item1Result = {};
+                const item1ResultList = [];
+                let secondGroupLogicTyp = 'and';
+                const flag = 1;
+                if (index1 === flag) {
+                    // 每组之间统一取且/或，只有一组 groupLogic 默认值为 null
+                    firstGroupLogicTyp = item1 === null || item1 === void 0 ? void 0 : item1.groupLogic;
+                }
+                if (Array.isArray(item1 === null || item1 === void 0 ? void 0 : item1.logicData)) {
+                    item1.logicData.forEach((item2, index2) => {
+                        const item2Result = {};
+                        const rule = {};
+                        if (index2 === flag) {
+                            // 每组之间统一取且/或，只有一组 groupLogic 默认值为 null
+                            secondGroupLogicTyp = item2 === null || item2 === void 0 ? void 0 : item2.logic;
+                        }
+                        let [rel, val] = [REL_DICT[item2 === null || item2 === void 0 ? void 0 : item2.rel], item2 === null || item2 === void 0 ? void 0 : item2.value];
+                        // 去掉空字符串、undefined(接口不支持)、对象类型(接口不支持)
+                        if (val === '' ||
+                            val === undefined ||
+                            Object.prototype.toString.call(val) === '[object Object]') {
+                            return;
+                        }
+                        if ('_begin_with' === rel) {
+                            rel = 'regex';
+                            val = `^${val}`;
+                        }
+                        if ('_exclude' === rel) {
+                            rel = 'nsearch';
+                        }
+                        rule['$' + rel] = val;
+                        item2Result[item2 === null || item2 === void 0 ? void 0 : item2.key] = rule;
+                        item1ResultList.push(item2Result);
+                    });
+                }
+                item1Result['$' + secondGroupLogicTyp] = item1ResultList;
+                return item1Result;
+            });
+            groupLogic['$' + firstGroupLogicTyp] = groupLogicList;
+            resultList.push(groupLogic);
+            return resultList;
+        }
+        return [];
+    }
+    catch (error) {
+        console.error('getWhereList error', error);
+        return [];
+    }
+};
+// 获取最终的查询参数
+export const getQueryParams = ({ queryParams, wList, viewFieldsData, connectorParams, isModel, isViewTable, }) => {
+    var _a, _b;
+    const _defaultPageSize = 10;
+    const _defaultPageIndex = 1;
+    const { pageIndex: pageNo, pageSize, sort } = queryParams;
+    let params = {
+        pageNo,
+        pageSize,
+    };
+    if (isModel) {
+        const { orderBy, orderType } = queryParams;
+        const { viewList, selectedViewId } = viewFieldsData;
+        const viewed = viewList === null || viewList === void 0 ? void 0 : viewList.filter((item) => item.ViewId === selectedViewId)[0];
+        const SearchConfig = (viewed === null || viewed === void 0 ? void 0 : viewed.SearchConfig) || [];
+        const ConditionConfig = (viewed === null || viewed === void 0 ? void 0 : viewed.ConditionConfig) || {};
+        const searchValues = (queryParams === null || queryParams === void 0 ? void 0 : queryParams.searchValues) || [];
+        params.where = [
+            ...searchValues,
+            ...wList,
+            ...SearchConfig,
+            ConditionConfig,
+        ];
+        // 如果设计态存在排序条件并且排序属性未设置
+        if ((viewed === null || viewed === void 0 ? void 0 : viewed.sortItem) && !orderBy && !orderType) {
+            params.orderBy = (_a = viewed === null || viewed === void 0 ? void 0 : viewed.sortItem) === null || _a === void 0 ? void 0 : _a.orderBy;
+            params.orderType = (_b = viewed === null || viewed === void 0 ? void 0 : viewed.sortItem) === null || _b === void 0 ? void 0 : _b.orderType;
+        }
+        // 存在排序属性配置
+        if (!isViewTable && orderBy && orderType) {
+            params.orderBy = orderBy;
+            params.orderType = orderType;
+        }
+    }
+    else {
+        params = Object.assign({}, connectorParams, params);
+    }
+    // 运行态主动排序进行覆盖
+    if ((sort === null || sort === void 0 ? void 0 : sort.length) && sort[0].order) {
+        params.orderBy = sort[0].by;
+        params.orderType = sort[0].order;
+    }
+    const _pageSize = parseInt(`${params.pageSize}`);
+    params.pageSize = isNaN(_pageSize) ? _defaultPageSize : _pageSize;
+    const _pageNo = parseInt(`${params.pageNo}`);
+    params.pageNo = isNaN(_pageNo) ? _defaultPageIndex : _pageNo;
+    return params;
+};
+// 获取视图
+export const getViews = async (dbName, selectedView) => {
+    try {
+        let dataViewList = { Count: null, Rows: [] };
+        let dataViewPropertiesList = { ResourceCheckInfos: null };
+        let describeRuntimeDataViewPropertiesListStatus = true;
+        const queryParams = {
+            action: 'DescribeRuntimeDataViewList',
+            data: { DatasourceName: dbName, GetColumnAuth: true },
+        };
+        const viewPropertiesQueryParams = {
+            action: 'DescribeRuntimeDataViewPropertiesList',
+            data: { DatasourceName: dbName },
+        };
+        // 兼容私有环境，新接口不存在的情况，产品策略完善后移除
+        if (window === null || window === void 0 ? void 0 : window._isPrivate) {
+            // 私有化环境下，判断该接口是否存在
+            // DescribeRuntimeDataViewPropertiesList接口存在，可以展示关联模型字，同时兼容权限不存在
+            describeRuntimeDataViewPropertiesListStatus = await getIsExitApi({
+                action: 'DescribeRuntimeDataViewPropertiesList',
+                data: { DatasourceName: dbName },
+            });
+            if (!describeRuntimeDataViewPropertiesListStatus) {
+                dataViewList = await callWedaApi(queryParams);
+            }
+            else {
+                dataViewPropertiesList = await callWedaApi(queryParams);
+                dataViewList = await callWedaApi(viewPropertiesQueryParams);
+            }
+        }
+        else {
+            dataViewPropertiesList = await callWedaApi(queryParams);
+            dataViewList = await callWedaApi(viewPropertiesQueryParams);
+        }
+        const { Count, Rows } = dataViewList;
+        if (Count) {
+            const selectedViewList = selectedView
+                .map((view) => Rows === null || Rows === void 0 ? void 0 : Rows.filter((item) => item.ViewId === view)[0])
+                .filter((item) => !!item);
+            const views = selectedViewList.map((item) => {
+                var _a, _b, _c, _d, _e, _f;
+                item.text = item.ViewName;
+                item.value = item.ViewId;
+                if (!describeRuntimeDataViewPropertiesListStatus) {
+                    // 主模型字段
+                    const schemaProperties = JSON.parse(item.Schema).properties;
+                    item.fields = (_a = Object.keys(schemaProperties)) === null || _a === void 0 ? void 0 : _a.map((key) => ({
+                        name: key,
+                        ...schemaProperties[key],
+                    }));
+                }
+                else {
+                    item.fields = (_b = item === null || item === void 0 ? void 0 : item.Properties) === null || _b === void 0 ? void 0 : _b.map((itemProperties) => {
+                        itemProperties = JSON.parse(itemProperties);
+                        if (itemProperties && itemProperties['x-viewType']) {
+                            // 关联模型字段
+                            itemProperties.parentRelationRecordsName = itemProperties === null || itemProperties === void 0 ? void 0 : itemProperties.name;
+                            itemProperties.name = `${itemProperties['x-parentRelationKey']}.${itemProperties['name']}`;
+                            itemProperties.title = `${itemProperties['title']}(${itemProperties['x-dataSourceTitle']})`;
+                        }
+                        return itemProperties;
+                    });
+                }
+                // 筛选条件
+                if (item.SearchConfig) {
+                    item.SearchConfig = (_c = JSON.parse(item.SearchConfig)
+                        .condition) === null || _c === void 0 ? void 0 : _c.filter((item) => item.IsQuery).map((item) => {
+                        var _a, _b;
+                        // 当规则为包含/不包含当前用户时，设计态无法获取当前用户uid需要 运行态主动获取
+                        if (item.Rel === 'eq-current-user' ||
+                            item.Rel === 'ne-current-user') {
+                            item.Val =
+                                (appCloudGetWedaUserId === null || appCloudGetWedaUserId === void 0 ? void 0 : appCloudGetWedaUserId()) ||
+                                    ((_b = (_a = window === null || window === void 0 ? void 0 : window._WedaHostConfig) === null || _a === void 0 ? void 0 : _a.wedaUser) === null || _b === void 0 ? void 0 : _b.userId);
+                        }
+                        return {
+                            Key: item.Key,
+                            Rel: item.Rel,
+                            Val: item.Val,
+                        };
+                    });
+                }
+                // 数据查询支持复杂条件改造新增 ConditionConfig 查询字段
+                if (item.ConditionConfig) {
+                    item.ConditionConfig = {
+                        ...JSON.parse((item === null || item === void 0 ? void 0 : item.ConditionConfig) || '{}'),
+                    };
+                }
+                // 排序
+                const sortItem = (_d = item.fields) === null || _d === void 0 ? void 0 : _d.filter((item) => item['x-sortable'])[0];
+                if (sortItem) {
+                    item.sortItem = {
+                        orderBy: sortItem.name,
+                        orderType: sortItem['x-defaultSort'],
+                    };
+                }
+                // 根据x-layoutShow显示隐藏
+                item.fields = (_e = item.fields) === null || _e === void 0 ? void 0 : _e.filter((item) => item['x-layoutShow'] === true).sort((a, b) => a['x-index'] - b['x-index']);
+                if (!(window === null || window === void 0 ? void 0 : window._isPrivate) ||
+                    describeRuntimeDataViewPropertiesListStatus) {
+                    // 设置字段权限,关联模型字段权限，接口没返回暂不进行校验：['x-viewType']
+                    item.fields = (_f = getDataSourceFieldsWithAuth(item.fields, dataViewPropertiesList.ResourceCheckInfos)) === null || _f === void 0 ? void 0 : _f.filter((value) => value.readWriteAuth === 'rw' || value.readWriteAuth === 'r');
+                }
+                return item;
+            });
+            return {
+                viewList: views,
+                fields: views[0].fields,
+                selectedViewId: views[0].ViewId,
+            };
+        }
+    }
+    catch (err) {
+        console.error('err getViews', err);
+    }
+};
+// 获取选中的筛选字段
+export const getFilterFields = (filterFields, authFields) => {
+    var _a;
+    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.name === 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.name)) === null || _c === void 0 ? void 0 : _c.title) || i.title;
+            }
+            return i;
+        });
+    }
+    catch (error) {
+        result = [];
+    }
+    return result;
+};
+//处理选择视图的意外情况(存量用户不会更新数据源的默认视图可能会出现[null])
+export const getSelectedView = (selectedViews) => {
+    if (selectedViews && (selectedViews === null || selectedViews === void 0 ? void 0 : selectedViews.length) > 0) {
+        return selectedViews.filter((item) => !!item);
+    }
+    return [];
+};
+export const getSortColumns = ({ fields, columnSets }) => {
+    let sortColumns = [];
+    if (!Array.isArray(columnSets) || !(columnSets === null || columnSets === void 0 ? void 0 : columnSets.length))
+        return sortColumns;
+    sortColumns = columnSets === null || columnSets === void 0 ? void 0 : columnSets.filter((i) => i.isSort);
+    sortColumns = sortColumns.filter((i) => {
+        const field = fields === null || fields === void 0 ? void 0 : fields.find((j) => i.key === j.name);
+        if ((field === null || field === void 0 ? void 0 : field.type) !== 'array' &&
+            (field === null || field === void 0 ? void 0 : field.type) !== 'object' &&
+            !(field === null || field === void 0 ? void 0 : field.name.includes('@'))) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    });
+    return sortColumns.map((_) => _.slotKey || _.key);
+};
+// 视图数据过滤
+export const mapTableDataWithView = (viewFieldsData, records) => {
+    var _a, _b;
+    try {
+        const viewed = (_a = viewFieldsData === null || viewFieldsData === void 0 ? void 0 : viewFieldsData.viewList) === null || _a === void 0 ? void 0 : _a.filter((item) => item.ViewId === (viewFieldsData === null || viewFieldsData === void 0 ? void 0 : viewFieldsData.selectedViewId))[0];
+        // 关联模型字段
+        const relationViewsFields = (_b = viewed === null || viewed === void 0 ? void 0 : viewed.fields) === null || _b === void 0 ? void 0 : _b.filter((item) => item['x-viewType']);
+        if ((relationViewsFields === null || relationViewsFields === void 0 ? void 0 : relationViewsFields.length) > 0) {
+            return records.map((item) => {
+                relationViewsFields.forEach((_viewFields) => {
+                    var _a, _b;
+                    const parentRelationRecord = (_b = (_a = item[_viewFields['x-parentRelationKey']]) === null || _a === void 0 ? void 0 : _a.v1) === null || _b === void 0 ? void 0 : _b.record;
+                    item[_viewFields.name] = parentRelationRecord
+                        ? parentRelationRecord[_viewFields === null || _viewFields === void 0 ? void 0 : _viewFields.parentRelationRecordsName]
+                        : '';
+                });
+                return item;
+            });
+        }
+        return records;
+    }
+    catch (error) {
+        console.error('err map table data with view');
+        return records;
+    }
+};