@cloudbase/weda-ui 3.4.1 → 3.4.3

package/dist/web/utils/datasource.js

@@ -0,0 +1,357 @@
+import { isInIde, alertErrorMessage, isSystemField } from './platform';
+/* **** 数据源相关方法 **** */
+const callWedaApi = (...args) => { var _a, _b; return (_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.callWedaApi(...args); };
+export class DataSource {
+    constructor(name) {
+        Object.defineProperty(this, "dbName", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.dbName = name;
+    }
+    async getRecord(id) {
+        try {
+            const res = await window.app.cloud.callDataSource({
+                dataSourceName: this.dbName,
+                methodName: 'wedaGetItem',
+                params: {
+                    _id: id,
+                },
+            });
+            return res;
+        }
+        catch (error) {
+            if (!isInIde()) {
+                console.error('错误', error);
+                alertErrorMessage({
+                    message: `获取数据源字段失败,错误信息:${error.message}`,
+                });
+            }
+            return {};
+        }
+    }
+    async getRecordList(params = {}, db = this.dbName) {
+        try {
+            const res = await window.app.cloud.callDataSource({
+                params,
+                dataSourceName: db,
+                methodName: 'wedaGetRecords',
+            });
+            return res;
+        }
+        catch (error) {
+            if (!isInIde()) {
+                console.error('错误', error);
+                alertErrorMessage({
+                    message: `获取数据源字段失败,错误信息:${error.message}`,
+                });
+            }
+            return {};
+        }
+    }
+    async createRecord(data) {
+        return window.app.cloud.callDataSource({
+            dataSourceName: this.dbName,
+            methodName: 'wedaCreate',
+            params: data,
+        });
+    }
+    async batchDeleteRecord(ids) {
+        let params = {};
+        let methodName = '';
+        if (ids.length === 0)
+            return;
+        if (ids.length === 1) {
+            params = { _id: ids[0] };
+            methodName = 'wedaDelete';
+        }
+        else {
+            params = { where: [{ Key: '_id', Rel: 'in', Val: ids }] };
+            methodName = 'wedaBatchDelete';
+        }
+        return window.app.cloud.callDataSource({
+            dataSourceName: this.dbName,
+            methodName,
+            params,
+        });
+    }
+    async batchCreateRecord(data) {
+        return window.app.cloud.callDataSource({
+            dataSourceName: this.dbName,
+            methodName: 'wedaBatchCreate',
+            params: { records: data },
+        });
+    }
+    async updateRecord(id, data) {
+        return window.app.cloud.callDataSource({
+            dataSourceName: this.dbName,
+            methodName: 'wedaUpdate',
+            params: {
+                _id: id,
+                ...data,
+            },
+        });
+    }
+    /**
+     * API方法调用
+     */
+    async getConnect(method, params) {
+        const { where, ...newParams } = params;
+        return window.app.cloud.callConnector({
+            dataSourceName: this.dbName,
+            methodName: method,
+            params: Object.prototype.toString.call(params) === '[object Object]'
+                ? (where === null || where === void 0 ? void 0 : where.length) <= 0
+                    ? newParams
+                    : params
+                : {},
+        });
+    }
+}
+export const getDataSourceByName = async (dbName, GetColumnAuth = false) => {
+    var _a, _b;
+    try {
+        // dbName 为空时
+        if (!dbName)
+            return;
+        // 兼容私有环境，新接口不存在的情况
+        if ((window === null || window === void 0 ? void 0 : window._isPrivate) && !((_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.getDataSourceProfileAsync)) {
+            return getDataSourceByNameCompatibleProvite(dbName);
+        }
+        const datasource = await window.app.cloud.getDataSourceProfileAsync(GetColumnAuth ? { Name: dbName, GetColumnAuth: true } : dbName);
+        return datasource;
+    }
+    catch (error) {
+        alertErrorMessage({ message: `获取数据源字段失败,错误信息:${error}` });
+        console.error(`获取数据源字段失败,错误信息:${error}`);
+        return {};
+    }
+};
+// 兼容私有环境 getDataSourceProfileAsync 方法不存在的情况
+export const getDataSourceByNameCompatibleProvite = async (dbName) => {
+    try {
+        // dbName 为空时
+        if (!dbName)
+            return;
+        const datasource = await window.app.cloud.getDataSourceProfile(dbName);
+        return datasource;
+    }
+    catch (error) {
+        alertErrorMessage({ message: `获取数据源字段失败,错误信息:${error}` });
+        console.error(`获取数据源字段失败,错误信息:${error}`);
+        return {};
+    }
+};
+/**
+ * 获取数据源权限字段
+ * 返回对象格式
+ */
+export const getAuthFieldsByName = async (dbName) => {
+    var _a;
+    const dataSource = await getDataSourceByName(dbName, true);
+    const id = dataSource === null || dataSource === void 0 ? void 0 : dataSource.id;
+    const fieldsAuthObj = {};
+    try {
+        if (callWedaApi && id) {
+            const resp = await callWedaApi({
+                action: 'DescribeAuthStrategy',
+                data: {
+                    ResourceId: id,
+                },
+            });
+            const fieldsAuth = (_a = resp === null || resp === void 0 ? void 0 : resp.PermissionMap) === null || _a === void 0 ? void 0 : _a[id];
+            if (fieldsAuth) {
+                Object.keys(fieldsAuth).forEach((d) => {
+                    const pre = `${id}#`;
+                    if (d.startsWith(pre)) {
+                        const fieldKey = d.replace(pre, '');
+                        fieldKey && (fieldsAuthObj[fieldKey] = fieldsAuth[d]);
+                    }
+                });
+            }
+        }
+    }
+    catch (e) {
+        console.error('模型：请求权限出错.', e);
+    }
+    return fieldsAuthObj;
+};
+/**
+ * 添加数据源字段权限
+ * 接口文档：https://iwiki.woa.com/pages/viewpage.action?pageId=1920884250
+ * 新增读写权限字段 readWriteAuth
+ * n : 列操作无权限 ; r : 列操作只读权限 ; rw : 列操作读写权限
+ */
+export const getDataSourceFieldsWithAuth = (authList, resourceCheckInfos) => {
+    try {
+        if (isInIde() || (window === null || window === void 0 ? void 0 : window._isPrivate)) {
+            // 编辑器编辑区 和 兼容私有环境，新接口不存在的情况
+            return authList.map((item) => ({ ...item, readWriteAuth: 'rw' }));
+        }
+        if ((resourceCheckInfos === null || resourceCheckInfos === void 0 ? void 0 : resourceCheckInfos.length) > 0 && (authList === null || authList === void 0 ? void 0 : authList.length) > 0) {
+            const resourceCheckInfosList = resourceCheckInfos.map((item) => item.ReadWrite);
+            return authList.map((authItem) => {
+                const authInfoList = resourceCheckInfosList.filter((item) => !!item[authItem.name]);
+                // 匹配到了权限字段
+                if (authInfoList[0]) {
+                    authItem.readWriteAuth = authInfoList[0][authItem.name];
+                    if (authInfoList[0][authItem.name] === 'r') {
+                        // 只读字段标单项disable状态
+                        authItem['x-powerDisabled'] = true;
+                    }
+                }
+                return authItem;
+            });
+        }
+        // 没有返回字段权限列表
+        return authList;
+    }
+    catch (err) {
+        console.error('getDataSourceFieldsWithAuth err', err);
+    }
+};
+/**
+ * 获取过滤权限后的字段
+ * 返回格式: {readFields:[], writeFields: [], requireNoRwFields: []}，分别为：只读字段，读写字段，必填但无写权限字段
+ * 权限接口规则：有返回字段时以字段权限为准，无字段返回时，数据源所有字段都有读写权限，默认内置字段均有读写权限
+ * 2021-11-25 暂时下掉列权限，优化性能
+ * 2022-08-06
+ * 新增返回 showFields:[] 能够展示的字段，包含读写字段和只读字段，其中只读字段的表单项为disable状态
+ */
+export const getAuthFields = async (dbName, enabledFieldNames, displaySystem, isUseAll = false, isModel = true, connectorMethod) => {
+    const allFields = await resolveFieldsFromDatasource({
+        dbName,
+        enabledFieldNames,
+        displaySystem,
+        isUseAll,
+        isModel,
+        connectorMethod,
+    });
+    const [readFields, writeFields, requireNoRwFields, authLoading, showFields] = [
+        [].concat(allFields),
+        [].concat(allFields),
+        [],
+        false,
+        [].concat(allFields === null || allFields === void 0 ? void 0 : allFields.filter((item) => (item === null || item === void 0 ? void 0 : item.readWriteAuth) === 'rw' || (item === null || item === void 0 ? void 0 : item.readWriteAuth) === 'r')),
+    ];
+    return {
+        readFields,
+        writeFields,
+        requireNoRwFields,
+        authLoading,
+        showFields,
+    };
+};
+/**
+ * 根据数据库名，解析 fields
+ * isUseAll：表格组件不使用enabledFieldNames，而是使用columnSets
+ */
+export const resolveFieldsFromDatasource = async ({ dbName, enabledFieldNames, displaySystem, isUseAll, isModel = true, connectorMethod, }) => {
+    var _a, _b, _c, _d;
+    if (isModel) {
+        if ((!dbName || !(enabledFieldNames === null || enabledFieldNames === void 0 ? void 0 : enabledFieldNames.length)) && !isUseAll)
+            return [];
+        const datasource = await getDataSourceByName(dbName, true);
+        // 警告
+        if (!datasource) {
+            console.error(`未找到数据源 ${dbName}`, window.app.cloud);
+            return [];
+        }
+        let keys = [];
+        const { schema } = datasource;
+        if (!(schema === null || schema === void 0 ? void 0 : schema.properties))
+            return [];
+        if (isUseAll) {
+            keys = Object.keys(schema.properties || {});
+        }
+        else {
+            // 过滤掉系统字段 x-system=true 和不存在 datasource 中的字段（被删除的字段）
+            keys = enabledFieldNames.filter((key) => {
+                const field = schema.properties[key];
+                return field && (displaySystem || !isSystemField(field));
+            });
+        }
+        // 添加关联数据源
+        const resultPromise = keys.map(async (key) => {
+            var _a;
+            let parentDatasource;
+            if ((_a = schema.properties[key]) === null || _a === void 0 ? void 0 : _a['x-parent']) {
+                parentDatasource =
+                    (await getDataSourceByName(schema.properties[key]['x-parent'].parentDataSourceName, true)) || {};
+            }
+            return {
+                ...schema.properties[key],
+                name: key,
+                parentDatasource,
+            };
+        });
+        const result = await Promise.all(resultPromise);
+        return getDataSourceFieldsWithAuth(result, datasource === null || datasource === void 0 ? void 0 : datasource.resourceCheckInfos);
+    }
+    else {
+        if (!connectorMethod)
+            return [];
+        const datasource = await getDataSourceByName(dbName);
+        // 警告
+        if (!datasource) {
+            console.error(`未找到数据源 ${dbName}`, window.app.cloud);
+            return [];
+        }
+        const connectKeys = [];
+        const { methods } = datasource;
+        const { name } = connectorMethod;
+        let method = [];
+        if (methods && methods.length > 0) {
+            method = methods.filter((item) => {
+                return item.name == name;
+            });
+        }
+        datasource.schema = ((_d = (_c = (_b = (_a = method[0]) === null || _a === void 0 ? void 0 : _a.outParams) === null || _b === void 0 ? void 0 : _b.properties) === null || _c === void 0 ? void 0 : _c.records) === null || _d === void 0 ? void 0 : _d.items) || {};
+        const { schema } = datasource;
+        if (!(schema === null || schema === void 0 ? void 0 : schema.properties))
+            return [];
+        for (const item in schema.properties) {
+            connectKeys.push(item);
+        }
+        // 添加关联数据源
+        const resultPromise = connectKeys.map(async (key) => {
+            var _a;
+            let parentDatasource;
+            if ((_a = schema.properties[key]) === null || _a === void 0 ? void 0 : _a['x-parent']) {
+                parentDatasource =
+                    (await getDataSourceByName(schema.properties[key]['x-parent'].parentDataSourceName)) || {};
+            }
+            return {
+                ...schema.properties[key],
+                name: key,
+                parentDatasource,
+            };
+        });
+        const result = await Promise.all(resultPromise);
+        return result === null || result === void 0 ? void 0 : result.map((item) => ({ ...item, readWriteAuth: 'rw' }));
+    }
+};
+/**
+ * 获取主列字段标识并展示主列字段
+ */
+export const getPrimaryField = (data) => {
+    const keys = Object.keys(data).filter((item) => item.includes('@'));
+    keys.forEach((item) => {
+        var _a, _b, _c, _d, _e;
+        const field = item.replace('@', '');
+        const record = (_a = data[item]) === null || _a === void 0 ? void 0 : _a.v1.record;
+        const name = (_b = data[item]) === null || _b === void 0 ? void 0 : _b.v1.primaryColumn;
+        if (name) {
+            // 系统主列字段当record不存在时，默认展示最外层owner、createBy、updateBy字段，与其他列字段逻辑一致
+            if (record && record._id === data[field]) {
+                // 当record下主列字段没有值时，默认返回主列id
+                record[name]
+                    ? (data[field] = record[name])
+                    : (data[field] = ((_e = (_d = (_c = data[item]) === null || _c === void 0 ? void 0 : _c.v1) === null || _d === void 0 ? void 0 : _d.record) === null || _e === void 0 ? void 0 : _e._id) || '-');
+            }
+        }
+    });
+    return data;
+};

package/dist/web/utils/date.js

@@ -0,0 +1,137 @@
+import moment from 'moment';
+import 'moment/locale/zh-cn';
+import { isSystemField } from './platform';
+moment.locale('zh-cn');
+// 'time' | 'date' | 'datetime'
+export const formatTimeByType = (dateType, v = Date.now(), field = undefined) => {
+    // 时间
+    if (dateType === 'time') {
+        const timeStr = formatNumberToStr(v);
+        return timeStr;
+    }
+    // 日期，但不包括系统字段
+    if (dateType === 'date' && !isSystemField(field)) {
+        return moment(v).format('YYYY-MM-DD');
+    }
+    // 兼容逻辑，有一部分数据源的系统字段里的创建和更新时间被设置为了date，这里当作datetime来处理
+    return moment(v).format('YYYY-MM-DD HH:mm:ss');
+};
+export const getFullDate = (v = Date.now()) => moment(v).format('YYYY-MM-DD');
+export const addZero = (v) => (v < 10 ? `0${v}` : v);
+/**
+ * 24小时毫秒数转字符串
+ */
+export const formatNumberToStr = (v) => {
+    let timeStr = '-';
+    try {
+        const time = moment.duration(parseInt(v), 'milliseconds');
+        const hours = addZero(time.hours());
+        const minutes = addZero(time.minutes());
+        const seconds = addZero(time.seconds());
+        timeStr = `${hours}:${minutes}:${seconds}`;
+    }
+    catch (e) { }
+    return timeStr;
+};
+/**
+ * 时间字符串转24小时毫秒数
+ */
+export const formatTimeToNumber = (t = '') => {
+    let time = moment();
+    try {
+        t && (time = moment(t));
+    }
+    catch (e) { }
+    const hours = time.hours();
+    const minutes = time.minutes();
+    const seconds = time.seconds();
+    const value = (hours * 60 * 60 + minutes * 60 + seconds) * 1000;
+    return value;
+};
+/**
+ * 日期字符串转24小时毫秒数
+ */
+export const formatDateToNumber = (dateType = 'date', t = '') => {
+    const formatType = {
+        time: 'HH:mm:ss',
+        date: 'YYYY-MM-DD',
+        datetime: 'YYYY-MM-DD HH:mm:ss',
+    };
+    let time = moment().format(formatType[dateType]).valueOf();
+    try {
+        // @ts-ignore 兼容 string 和 number 类型
+        t && (time = moment(t, formatType[dateType]).valueOf());
+    }
+    catch (e) { }
+    if (dateType === 'time') {
+        return formatTimeToNumber(time);
+    }
+    return time;
+};
+/**
+ * 日期，日期时间按照毫秒区间转换为范围查询
+ */
+export const dateCalculation = ({ key, val, rel }, filterType) => {
+    const dateSearchvalue = [];
+    // 1.date日期时间查询精确到秒，换算成毫秒时间戳存储，区间相隔一秒
+    // 2.datetime日期查询精确到日，日期换算成毫秒时间戳存储，区间相隔一日
+    // 3.time时间查询精确到毫秒,换算成毫秒存储，区间相隔一秒
+    const endTime = filterType === 'date' ? 86400000 : 999;
+    switch (rel) {
+        case 'eq':
+            dateSearchvalue.push({
+                key,
+                val,
+                rel: 'gte',
+            });
+            dateSearchvalue.push({
+                key,
+                val: val + endTime,
+                rel: 'lte',
+            });
+            break;
+        case 'neq':
+            dateSearchvalue.push({
+                key,
+                val,
+                rel: 'lt',
+            });
+            dateSearchvalue.push({
+                key,
+                val: val + endTime,
+                rel: 'gt',
+            });
+            break;
+        case 'gt':
+            dateSearchvalue.push({
+                key,
+                val: val + endTime,
+                rel: 'gt',
+            });
+            break;
+        case 'lt':
+            dateSearchvalue.push({
+                key,
+                val,
+                rel: 'lt',
+            });
+            break;
+        case 'gte':
+            dateSearchvalue.push({
+                key,
+                val,
+                rel: 'gte',
+            });
+            break;
+        case 'lte':
+            dateSearchvalue.push({
+                key,
+                val: val + endTime,
+                rel: 'lte',
+            });
+            break;
+        default:
+            break;
+    }
+    return dateSearchvalue;
+};

package/dist/web/utils/file.js

@@ -0,0 +1,168 @@
+import jsonExport from 'jsonexport/dist';
+import moment from 'moment';
+import { utils, writeFile, SSF, readFile } from 'xlsx';
+/**
+ * 将数据导出为 CSV 或 JSON
+ */
+export const exportData = async (data, fileType = 'csv', name = 'weda-data-export') => {
+    const tail = moment().format('YYYYMMDDHHmmss') || createRandomString(8);
+    const title = `${name}-${tail}.${fileType}`;
+    try {
+        if (fileType === 'json') {
+            await saveContentToFile(JSON.stringify(data), title);
+        }
+        else if (fileType === 'xls' || fileType === 'xlsx') {
+            const book = utils.book_new();
+            const sheet = utils.aoa_to_sheet(data);
+            const reversalData = data[0].map((col, i) => data.map((row) => row[i]));
+            sheet['!cols'] = reversalData.map((cells) => ({
+                wch: getColumnWidth(cells),
+            }));
+            utils.book_append_sheet(book, sheet, 'Sheet1');
+            writeFile(book, title);
+        }
+        else {
+            let csv = await jsonExport(data);
+            csv = `\ufeff${csv}`;
+            await saveFile(new Blob([csv], { type: 'text/csv,charset=utf-8' }), title);
+        }
+    }
+    catch (e) { }
+};
+/**
+ * 取每列最大宽度，实现excel列宽自适应
+ */
+const getColumnWidth = (cells = []) => {
+    const widths = cells === null || cells === void 0 ? void 0 : cells.map((d) => {
+        if (!d)
+            return 10;
+        const value = `${d}`;
+        return value.replace(/[\u0391-\uFFE5]/g, 'aa').length * 1.1;
+    });
+    return Math.max(...widths);
+};
+/**
+ * 将内容保存为文件
+ */
+export const saveContentToFile = (content, fileName, type = 'application/json') => {
+    if (!/\.json$/.test(fileName) && type === 'application/json') {
+        throw new Error('文件格式指定错误');
+    }
+    return saveFile(new Blob([content], { type }), fileName);
+};
+/**
+ * 浏览器保存文件到本地
+ * @param {Blob} file
+ * @param {string} fileName
+ */
+export const saveFile = (file, fileName) => {
+    // @ts-ignore 兼容 ie
+    if (window.navigator.msSaveOrOpenBlob) {
+        // IE10+
+        // @ts-ignore 兼容 ie
+        window.navigator.msSaveOrOpenBlob(file, fileName);
+    }
+    else {
+        const url = URL.createObjectURL(file);
+        downloadFileFromUrl(url, fileName);
+    }
+};
+/**
+ * 通过链接下载文件
+ */
+export const downloadFileFromUrl = (url, fileName) => {
+    // 创建一个链接
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = fileName;
+    document.body.appendChild(a);
+    a.click();
+    // eslint-disable-next-line rulesdir/no-timer
+    setTimeout(() => {
+        document.body.removeChild(a);
+        window.URL.revokeObjectURL(url);
+    }, 0);
+};
+/**
+ * 读取上传的xlsx文件
+ */
+export const getXlsxFileToJson = (file, cb) => {
+    const reader = new FileReader();
+    reader.readAsArrayBuffer(file);
+    reader.onloadend = () => {
+        const wb = readFile(reader.result, {
+            type: 'binary',
+            cellDates: true,
+        });
+        const result = utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]], {
+            header: 1,
+            cellDates: true,
+        });
+        const [header, ...rest] = result;
+        const headers = Array.isArray(header) ? header : [];
+        // 修正时间格式的日期读取结果
+        const fixed = fixSheetToJson(rest, wb);
+        const xlsxToJsonResult = [];
+        fixed.forEach((i) => {
+            const temp = {};
+            i.forEach((n, index) => {
+                temp[headers[index]] = n;
+            });
+            xlsxToJsonResult.push(temp);
+        });
+        if (cb) {
+            cb({ xlsxToJsonResult, headers });
+        }
+    };
+};
+const datenum = (v, date1904) => {
+    /** excel 的时间从 1900/1/0（1899/12/30）开始 ，此时对中国用的上海时区（GMT+0805）+8:05:43，1800～1900年。
+        时区是动态的，根据时间的变化而变化
+        getTimezoneOffset 获取的分钟数，忽略了43秒，所以会少 43 秒
+        https://github.com/SheetJS/sheetjs/issues/1565
+        */
+    const basedate = new Date(1899, 11, 30, 0, 0, 0);
+    // 重新计算时间，精确到秒
+    const dnthresh = basedate.getTime() +
+        (new Date().getTimezoneOffset() - basedate.getTimezoneOffset()) * 60000;
+    const dayMs = 24 * 60 * 60 * 1000;
+    const days1462Ms = 1462 * dayMs;
+    let epoch = v.getTime();
+    if (date1904) {
+        epoch -= days1462Ms;
+    }
+    return (epoch - dnthresh) / dayMs;
+};
+const fixImportedDate = (date, isDate1904) => {
+    /** ssf是一个处理日期的js库，有两种模式处理时间
+        1900 mode (where date=0 is 1899-12-31)
+        1904 mode (where date=0 is 1904-01-01)
+       */
+    // 利用ssf库解析时间，获得最终时间
+    const parsed = SSF.parse_date_code(datenum(date, false), {
+        date1904: isDate1904,
+    });
+    return new Date(parsed.y, parsed.m, parsed.d, parsed.H, parsed.M, parsed.S);
+};
+const fixSheetToJson = (rest, wb) => {
+    // apply hotfix
+    const isDate1904 = wb.Workbook.WBProps.date1904;
+    const fixed = rest.map((arr) => arr.map((v) => {
+        if (v instanceof Date) {
+            return fixImportedDate(v, isDate1904);
+        }
+        return v;
+    }));
+    return fixed;
+};
+/**
+ * 生成随机字符串
+ */
+export const createRandomString = (len = 32) => {
+    const count = Math.ceil(Number(len) / 10) + 1;
+    let ret = '';
+    for (let i = 0; i < count; i++) {
+        ret += Math.random().toString(36).substr(2);
+    }
+    return ret.substr(0, len);
+};

package/dist/web/utils/getPageQuery.js

@@ -0,0 +1,16 @@
+import { parse } from 'querystring';
+/**
+ * 获取 query 参数
+ */
+export const getPageQuery = () => {
+    const { hash } = window.location;
+    const qsIndex = hash.indexOf('?');
+    const sharpIndex = hash.indexOf('#');
+    if (qsIndex !== -1) {
+        if (qsIndex > sharpIndex) {
+            return parse(hash.split('?')[1]);
+        }
+        return parse(hash.slice(qsIndex + 1, sharpIndex));
+    }
+    return {};
+};