@cloudbase/weda-ui 3.5.2-mp → 3.5.3

package/dist/web/utils/debounce.js

@@ -0,0 +1,92 @@
+/* eslint-disable */
+function isObject(value) {
+    const type = typeof value;
+    return value != null && (type === 'object' || type === 'function');
+}
+function debounce(func, wait, options) {
+    let lastArgs, lastThis, maxWait, result, timerId, lastCallTime;
+    let lastInvokeTime = 0;
+    let leading = false;
+    let maxing = false;
+    let trailing = true;
+    if (typeof func !== 'function') {
+        throw new TypeError('Expected a function');
+    }
+    wait = +wait || 0;
+    if (isObject(options)) {
+        leading = !!options.leading;
+        maxing = 'maxWait' in options;
+        maxWait = maxing ? Math.max(+options.maxWait || 0, wait) : maxWait;
+        trailing = 'trailing' in options ? !!options.trailing : trailing;
+    }
+    function invokeFunc(time) {
+        const args = lastArgs;
+        const thisArg = lastThis;
+        lastArgs = lastThis = undefined;
+        lastInvokeTime = time;
+        result = func.apply(thisArg, args);
+        return result;
+    }
+    function startTimer(pendingFunc, wait) {
+        return setTimeout(pendingFunc, wait);
+    }
+    function leadingEdge(time) {
+        lastInvokeTime = time;
+        timerId = startTimer(timerExpired, wait);
+        return leading ? invokeFunc(time) : result;
+    }
+    function remainingWait(time) {
+        const timeSinceLastCall = time - lastCallTime;
+        const timeSinceLastInvoke = time - lastInvokeTime;
+        const timeWaiting = wait - timeSinceLastCall;
+        return maxing
+            ? Math.min(timeWaiting, maxWait - timeSinceLastInvoke)
+            : timeWaiting;
+    }
+    function shouldInvoke(time) {
+        const timeSinceLastCall = time - lastCallTime;
+        const timeSinceLastInvoke = time - lastInvokeTime;
+        return (lastCallTime === undefined ||
+            timeSinceLastCall >= wait ||
+            timeSinceLastCall < 0 ||
+            (maxing && timeSinceLastInvoke >= maxWait));
+    }
+    function timerExpired() {
+        const time = Date.now();
+        if (shouldInvoke(time)) {
+            return trailingEdge(time);
+        }
+        timerId = startTimer(timerExpired, remainingWait(time));
+    }
+    function trailingEdge(time) {
+        timerId = undefined;
+        if (trailing && lastArgs) {
+            return invokeFunc(time);
+        }
+        lastArgs = lastThis = undefined;
+        return result;
+    }
+    //debouncedFunc
+    function debounced(...args) {
+        const time = Date.now();
+        const isInvoking = shouldInvoke(time);
+        lastArgs = args;
+        lastThis = this;
+        lastCallTime = time;
+        if (isInvoking) {
+            if (timerId === undefined) {
+                return leadingEdge(lastCallTime);
+            }
+            if (maxing) {
+                timerId = startTimer(timerExpired, wait);
+                return invokeFunc(lastCallTime);
+            }
+        }
+        if (timerId === undefined) {
+            timerId = startTimer(timerExpired, wait);
+        }
+        return result;
+    }
+    return debounced;
+}
+export default debounce;

package/dist/web/utils/error.d.ts

@@ -0,0 +1,10 @@
+export declare class WdCompError extends Error {
+    code?: string;
+    requestId?: string;
+    original?: Error;
+    constructor(message: any, context?: {
+        code?: string;
+        requestId?: string;
+        original?: Error;
+    });
+}

package/dist/web/utils/error.js

@@ -0,0 +1,27 @@
+export class WdCompError extends Error {
+    constructor(message, context = {}) {
+        super(message);
+        Object.defineProperty(this, "code", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "requestId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "original", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.name = 'CompError';
+        this.code = (context === null || context === void 0 ? void 0 : context.code) || '';
+        this.requestId = (context === null || context === void 0 ? void 0 : context.requestId) || '';
+        this.original = context === null || context === void 0 ? void 0 : context.original;
+    }
+}

package/dist/web/utils/file.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 将数据导出为 CSV 或 JSON
+ */
+export declare const exportData: (data: any, fileType?: string, name?: string) => Promise<void>;
+/**
+ * 将内容保存为文件
+ */
+export declare const saveContentToFile: (content: any, fileName: any, type?: string) => void;
+/**
+ * 浏览器保存文件到本地
+ * @param {Blob} file
+ * @param {string} fileName
+ */
+export declare const saveFile: (file: any, fileName: any) => void;
+/**
+ * 通过链接下载文件
+ */
+export declare const downloadFileFromUrl: (url: any, fileName: any) => void;
+/**
+ * 读取上传的xlsx文件
+ */
+export declare const getXlsxFileToJson: (file: any, cb: any) => void;
+/**
+ * 读取上传的xlsx文件的表头
+ */
+export declare const getXlsxFileHeader: (file: any, cb: any) => void;
+/**
+ * 生成随机字符串
+ */
+export declare const createRandomString: (len?: number) => string;

package/dist/web/utils/file.js

@@ -0,0 +1,190 @@
+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 });
+        }
+    };
+};
+/**
+ * 读取上传的xlsx文件的表头
+ */
+export const getXlsxFileHeader = (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] = result;
+        const headers = Array.isArray(header) ? header : [];
+        if (cb) {
+            cb({ 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/getLocalCounter.d.ts

@@ -0,0 +1 @@
+export default function getLocalCounter(): number;

package/dist/web/utils/getLocalCounter.js

@@ -0,0 +1,4 @@
+let localCounter = 1;
+export default function getLocalCounter() {
+    return localCounter++;
+}

package/dist/web/utils/getModelParams.d.ts

@@ -0,0 +1,6 @@
+export function convertWhere(props: any, supportManyRelated: any): any;
+export function getModelParams(props: any): {
+    orderBy: any;
+    orderType: any;
+    where: any[];
+};

package/dist/web/utils/getModelParams.js

@@ -0,0 +1,38 @@
+import { getWhereList, getParseValue } from './platform';
+/**
+ * 兼容新旧查询条件协议
+ */
+export const convertWhere = (props, supportManyRelated) => {
+    var _a;
+    let where;
+    // 如果是新添加的组件，且使用了v3版查询协议返回的是对象，直接传给接口
+    if (supportManyRelated && ((_a = props === null || props === void 0 ? void 0 : props.queryCondition) === null || _a === void 0 ? void 0 : _a.constructor) === Object) {
+        return props.queryCondition || {};
+    }
+    // v1,v2版协议返回的是数组，处理后传给接口
+    try {
+        where = props.queryCondition || getWhereList(props.where);
+        where = getParseValue(where);
+    }
+    catch (e) { }
+    return Array.isArray(where) ? where : [];
+};
+/**
+ * 获取tcb查询条件
+ */
+export const getModelParams = (props) => {
+    const params = {};
+    try {
+        const where = convertWhere(props);
+        const { orderBy, orderType } = props || {};
+        if (orderBy && ['asc', 'desc'].includes(orderType)) {
+            params['orderBy'] = orderBy;
+            params['orderType'] = orderType;
+        }
+        if (Array.isArray(where) && where.length > 0) {
+            params['where'] = where;
+        }
+    }
+    catch (e) { }
+    return params;
+};

package/dist/web/utils/getPageQuery.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="node" />
+/**
+ * 获取 query 参数
+ */
+export declare const getPageQuery: () => import("querystring").ParsedUrlQuery;

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 {};
+};

package/dist/web/utils/hooks/CreatePortal.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+export declare function CreatePortal(props: {
+    children?: ReactElement<any, any>;
+    className?: string;
+}): JSX.Element;

package/dist/web/utils/hooks/CreatePortal.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef } from 'react';
+import ReactDOM from 'react-dom';
+export function CreatePortal(props) {
+    const container = useRef(document.querySelector('body'));
+    return (_jsx(_Fragment, { children: ReactDOM.createPortal(_jsx("div", { "data-testid": "portal-container", style: { zIndex: 1001, position: 'relative' }, className: props.className, children: props.children }), container.current) }));
+}

package/dist/web/utils/hooks/EnumHoc.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IEnumHoc {
+    fields: any[];
+    children?: React.ReactNode;
+}
+/**
+ * 选项集高阶组件，提供 loading 状态
+ */
+export declare function EnumHoc(props: IEnumHoc): JSX.Element;
+export {};

package/dist/web/utils/hooks/EnumHoc.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { callWedaApi } from '../tcb';
+import { EnumContext } from './context';
+import isObjectEqual from '../isObjectEqual';
+import { useSyncValue } from './useSyncValue';
+/**
+ * 选项集高阶组件，提供 loading 状态
+ */
+export function EnumHoc(props) {
+    const [enumOptions, setEnumOptions] = useState({});
+    const [loading, setLoading] = useState(true);
+    const [fields, setFields] = useSyncValue(props.fields, isObjectEqual);
+    useEffect(() => {
+        const fetch = async () => {
+            setLoading(true);
+            const fieldsProcessed = flattenFields(fields);
+            const enumOptions = await getEnumOptions(fieldsProcessed);
+            setEnumOptions(enumOptions);
+            setLoading(false);
+        };
+        fetch();
+    }, [fields]);
+    return (_jsx(EnumContext.Provider, { value: { enumOptions, loading, setFields }, children: props.children }));
+}
+/**
+ * 获取通用选项集
+ */
+async function getEnumOptions(fields) {
+    var _a;
+    let result = {};
+    try {
+        if (Array.isArray(fields) && fields.length > 0) {
+            const optionNames = fields
+                .filter((item) => (item === null || item === void 0 ? void 0 : item.format) === 'x-enum' && (item === null || item === void 0 ? void 0 : item['x-option-name']))
+                .map((item) => item['x-option-name']);
+            if (optionNames.length) {
+                const ids = Array.from(new Set(optionNames));
+                const res = await callWedaApi({
+                    action: 'DescribeGeneralOptionsDetailList',
+                    data: {
+                        OptNameList: ids,
+                        PageIndex: 1,
+                        PageSize: ids === null || ids === void 0 ? void 0 : ids.length,
+                    },
+                });
+                result = (_a = (res.Items || [])) === null || _a === void 0 ? void 0 : _a.reduce((prev, curr) => {
+                    var _a;
+                    const { Config, Name } = curr;
+                    prev[Name] = (_a = JSON.parse(Config)) === null || _a === void 0 ? void 0 : _a.map((item) => ({
+                        value: item === null || item === void 0 ? void 0 : item.key,
+                        text: item === null || item === void 0 ? void 0 : item.value,
+                    }));
+                    return prev;
+                }, {});
+            }
+        }
+    }
+    catch (e) {
+        console.error('getEnumOptions: ', e);
+    }
+    return result;
+}
+/**
+ * 遍历关联关系拿到所有字段列表
+ */
+function flattenFields(fields, result = []) {
+    try {
+        fields.map((item) => {
+            var _a, _b;
+            result.push(item);
+            if (item.parentDatasource) {
+                const subFields = Object.values((_b = (_a = item.parentDatasource) === null || _a === void 0 ? void 0 : _a.schema) === null || _b === void 0 ? void 0 : _b.properties);
+                flattenFields(subFields, result);
+            }
+        });
+    }
+    catch (e) {
+        result = fields;
+    }
+    return result;
+}

package/dist/web/utils/hooks/context.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+export declare const EnumContext: import("react").Context<{
+    enumOptions: {};
+    loading: boolean;
+    setFields: any;
+}>;
+export declare const useEnumContext: () => {
+    enumOptions: {};
+    loading: boolean;
+    setFields: any;
+};
+export declare const GlobalContext: import("react").Context<{
+    IS_WEDA_IDE: boolean;
+    wedaUserId: any;
+    wedaRelatedRoles: any[];
+    getDataSourceByName: () => void;
+    callWorkflow: () => void;
+    callWedaApi: () => void;
+    showToast: () => void;
+    showError: () => void;
+}>;
+export declare const useGlobalContext: () => {
+    IS_WEDA_IDE: boolean;
+    wedaUserId: any;
+    wedaRelatedRoles: any[];
+    getDataSourceByName: () => void;
+    callWorkflow: () => void;
+    callWedaApi: () => void;
+    showToast: () => void;
+    showError: () => void;
+};

package/dist/web/utils/hooks/context.js

@@ -0,0 +1,28 @@
+import { createContext, useContext } from 'react';
+// 通用选项集
+export const EnumContext = createContext({
+    enumOptions: {},
+    loading: true,
+    setFields: null,
+});
+// 通用选项集-hook
+export const useEnumContext = () => {
+    const value = useContext(EnumContext);
+    return value;
+};
+// 全局状态
+export const GlobalContext = createContext({
+    IS_WEDA_IDE: false,
+    wedaUserId: null,
+    wedaRelatedRoles: [],
+    getDataSourceByName: () => { },
+    callWorkflow: () => { },
+    callWedaApi: () => { },
+    showToast: () => { },
+    showError: () => { },
+});
+// 全局状态-hook
+export const useGlobalContext = () => {
+    const value = useContext(GlobalContext);
+    return value;
+};

package/dist/web/utils/hooks/globalConnect.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const globalContextConnect: (WrappedComponent: any) => (props: any) => JSX.Element;

package/dist/web/utils/hooks/globalConnect.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { appCloudIsInWedaIde, appCloudGetDataSourceProfile, appCloudCallWedaApi, appCloudCallWorkFlow, appCloudShowWedaToast, appCloudGetWedaUserId, appCloudGetWedaRelatedRoles, } from '../tcb';
+import { GlobalContext } from './context';
+// eslint-disable-next-line  react/display-name
+export const globalContextConnect = (WrappedComponent) => (props) => {
+    const showToast = appCloudShowWedaToast;
+    // 汇总所有 获取数据的方法与 环境或用户信息， 通过 appCloud提供的Api 进行获取。
+    const value = {
+        IS_WEDA_IDE: appCloudIsInWedaIde === null || appCloudIsInWedaIde === void 0 ? void 0 : appCloudIsInWedaIde(),
+        wedaUserId: appCloudGetWedaUserId === null || appCloudGetWedaUserId === void 0 ? void 0 : appCloudGetWedaUserId(),
+        wedaRelatedRoles: appCloudGetWedaRelatedRoles === null || appCloudGetWedaRelatedRoles === void 0 ? void 0 : appCloudGetWedaRelatedRoles(),
+        getDataSourceByName: appCloudGetDataSourceProfile,
+        callWorkflow: appCloudCallWorkFlow,
+        callWedaApi: appCloudCallWedaApi,
+        showError: (error) => {
+            showToast({
+                title: error.message,
+                icon: 'error',
+            });
+            Promise.reject(error);
+        },
+        showToast,
+    };
+    return (_jsx(GlobalContext.Provider, { value: value, children: _jsx(WrappedComponent, { ...props }) }));
+};

package/dist/web/utils/hooks/use-cloud-id-temp-url.d.ts

@@ -0,0 +1,3 @@
+export declare function useTempUrl(src: string): import("swr/_internal").SWRResponse<any, any, Required<{
+    dedupingInterval: number;
+}>>;

package/dist/web/utils/hooks/use-cloud-id-temp-url.js

@@ -0,0 +1,15 @@
+import useSWR from 'swr';
+import { getTempFileURL } from '../tcb';
+export function useTempUrl(src) {
+    const prefix = 'tcb:temp-url';
+    const key = `${prefix}:${src}`;
+    return useSWR(key, async () => {
+        if (!(src === null || src === void 0 ? void 0 : src.startsWith('cloud://'))) {
+            return src;
+        }
+        const tempUrl = await getTempFileURL(src);
+        return tempUrl;
+    }, 
+    // 8秒dedupe
+    { dedupingInterval: 8 * 1000 });
+}

package/dist/web/utils/hooks/useDataSource.d.ts

@@ -0,0 +1,3 @@
+export declare const useDataSource: (dbName: string, GetColumnAuth?: boolean) => import("swr/_internal").SWRResponse<any, any, Required<{
+    onError(err: any): void;
+}>>;