@cloudbase/weda-ui 3.4.2 → 3.4.3

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

@@ -0,0 +1,61 @@
+import React, { 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] = useSyncValue(props.fields, isObjectEqual);
+    useEffect(() => {
+        const fetch = async () => {
+            setLoading(true);
+            const enumOptions = await getEnumOptions(props.fields);
+            setEnumOptions(enumOptions);
+            setLoading(false);
+        };
+        fetch();
+    }, [fields]);
+    return (React.createElement(EnumContext.Provider, { value: { enumOptions, loading } }, 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;
+}

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

@@ -0,0 +1,24 @@
+import { createContext, useContext } from 'react';
+// 通用选项集
+export const EnumContext = createContext({ enumOptions: {}, loading: true });
+// 通用选项集-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.js

@@ -0,0 +1,26 @@
+import React from 'react';
+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 (React.createElement(GlobalContext.Provider, { value: value },
+        React.createElement(WrappedComponent, { ...props })));
+};

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

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

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

@@ -0,0 +1,25 @@
+import { useState, useEffect } from 'react';
+/**
+ * 简化 ahooks 中的 useRequest
+ */
+export function useRequest(service, options) {
+    const { manual = false, refreshDeps = [], onError } = options;
+    const [loading, setLoading] = useState(false);
+    const [data, setData] = useState(undefined);
+    const run = async (params) => {
+        setLoading(true);
+        try {
+            const result = await service(params);
+            setData(result);
+        }
+        catch (e) {
+            onError === null || onError === void 0 ? void 0 : onError(e);
+        }
+        setLoading(false);
+    };
+    // 自动监听依赖执行或者手动执行
+    useEffect(() => {
+        !manual && run();
+    }, refreshDeps);
+    return { loading, run, data };
+}

package/dist/web/utils/platform.js

@@ -1,5 +1,5 @@
 import { useMediaQuery } from '@react-hookz/web';
-import { REL_DICT } from './constant';
+import { REL_DICT, SystemDefaultFields } from './constant';
 import { message as TeaMessage } from 'tea-component';
 /**
  * 当前环境是否为 H5 端
@@ -7,7 +7,7 @@ import { message as TeaMessage } from 'tea-component';
 export const isH5Platform = () => {
     var _a;
     if (window.matchMedia) {
-        return (_a = window.matchMedia('(max-width: 1024px)')) === null || _a === void 0 ? void 0 : _a.matches;
+        return (_a = window.matchMedia('(max-width: 768px)')) === null || _a === void 0 ? void 0 : _a.matches;
     }
     else {
         let is = false;
@@ -142,6 +142,10 @@ export const cutFileTitle = (str = '', count = 10) => {
  * 判断是否在 ide 中
  */
 export const isInIde = () => { 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.IS_WEDA_IDE); };
+/**
+ * 判断是否微信IDE环境
+ */
+export const isWXIDE = () => /wechatideplugin/i.test(navigator.userAgent);
 /**
  * 解析素材资源
  */
@@ -191,27 +195,55 @@ export const randomStr = (len = 32) => {
  * 根据编辑器传入数据筛选条件，转换接口参数条件
  */
 export const getWhereList = (where) => {
-    const result = [];
-    Array.isArray(where) &&
-        where.forEach((item1) => {
-            if ((item1 === null || item1 === void 0 ? void 0 : item1.groupLogic) !== 'or' && Array.isArray(item1 === null || item1 === void 0 ? void 0 : item1.logicData)) {
-                item1 === null || item1 === void 0 ? void 0 : item1.logicData.forEach((item2) => {
-                    let [rel, val] = [REL_DICT[item2 === null || item2 === void 0 ? void 0 : item2.rel], item2 === null || item2 === void 0 ? void 0 : item2.value];
-                    if ('_begin_with' === rel) {
-                        rel = 'regex';
-                        val = `^${val}`;
-                    }
-                    if ('_exclude' === rel) {
-                        rel = 'regex';
-                        val = `^((?!${val}).)*$`;
-                    }
-                    if ((item2 === null || item2 === void 0 ? void 0 : item2.logic) !== 'or' && (item2 === null || item2 === void 0 ? void 0 : item2.key) && rel && val !== undefined) {
-                        result.push({ key: item2.key, rel, val });
-                    }
-                });
-            }
-        });
-    return result;
+    try {
+        let resultList = [];
+        let groupLogic = {};
+        let firstGroupLogicTyp = 'and';
+        let groupLogicList = [];
+        if (Array.isArray(where) && (where === null || where === void 0 ? void 0 : where.length)) {
+            groupLogicList = where.map((item1, index1) => {
+                let item1Result = {};
+                let item1ResultList = [];
+                let secondGroupLogicTyp = 'and';
+                if (index1 === 1) {
+                    // 每组之间统一取且/或，只有一组 groupLogic 默认值为 null
+                    firstGroupLogicTyp = item1 === null || item1 === void 0 ? void 0 : item1.groupLogic;
+                }
+                if (Array.isArray(item1 === null || item1 === void 0 ? void 0 : item1.logicData)) {
+                    item1ResultList = item1 === null || item1 === void 0 ? void 0 : item1.logicData.map((item2, index2) => {
+                        let item2Result = {};
+                        let rule = {};
+                        if (index2 === 1) {
+                            // 每组之间统一取且/或，只有一组 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];
+                        if ('_begin_with' === rel) {
+                            rel = 'regex';
+                            val = `^${val}`;
+                        }
+                        if ('_exclude' === rel) {
+                            rel = 'regex';
+                            val = `^((?!${val}).)*$`;
+                        }
+                        rule['$' + rel] = val;
+                        item2Result[item2 === null || item2 === void 0 ? void 0 : item2.key] = rule;
+                        return 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 textToString = (text) => {
     let str = String(text);
@@ -240,3 +272,60 @@ export function alertErrorMessage({ message, duration = 1500, icon = 'none' }) {
         TeaMessage.error({ content: message, duration });
     }
 }
+/**
+ * 跳转到相关的模型页面
+ */
+export const navigateToModelPage = (action, params = {}) => {
+    // eslint-disable-next-line prefer-const
+    let { id, dbName } = params;
+    // 没有指定数据库标识
+    if (!dbName) {
+        alertErrorMessage({ message: '页面信息错误，缺少“数据源名称”' });
+        return;
+    }
+    window.app.navigateTo({
+        pageId: `${dbName}_${action}`,
+        params: { id },
+    });
+};
+/**
+ * 判断一个字段是否为内置系统字段
+ */
+export const isSystemField = (field) => {
+    if ((field === null || field === void 0 ? void 0 : field['x-system']) === undefined) {
+        return SystemDefaultFields.includes(field === null || field === void 0 ? void 0 : field.name);
+    }
+    return (field === null || field === void 0 ? void 0 : field['x-system']) === true;
+};
+/**
+ * 过滤无效值
+ */
+export const filterInvalidFormValue = (formValues, formFieldsEntityList) => {
+    const has = Object.prototype.hasOwnProperty;
+    // 过滤规则，针对一些特定的空值过滤规则在此进行扩展
+    const filterRules = (value, fieldEntity) => [
+        // 过滤掉 值为undefined 的字段
+        [undefined].includes(value),
+        // 过滤掉 枚举类型 且 值为空字符串 的字段
+        has.call(fieldEntity, 'x-enumObj') && value === '',
+    ];
+    // 遍历字段信息,执行过滤规则
+    return formFieldsEntityList.reduce((newFormValue, fieldEntity) => {
+        const fieldName = fieldEntity === null || fieldEntity === void 0 ? void 0 : fieldEntity.name;
+        const fieldValue = formValues === null || formValues === void 0 ? void 0 : formValues[fieldName];
+        const isEffectiveFieldValue = !filterRules(fieldValue, fieldEntity).includes(true);
+        if (isEffectiveFieldValue) {
+            // eslint-disable-next-line no-param-reassign
+            newFormValue[fieldName] = fieldValue;
+        }
+        return newFormValue;
+    }, {});
+};
+/**
+ * 获取当前登录人信息
+ */
+export const getUserInfo = () => {
+    var _a, _b;
+    const userInfo = (_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.auth) === null || _b === void 0 ? void 0 : _b.getUserInfo();
+    return Promise.resolve(userInfo);
+};

package/dist/web/utils/tcb.js

@@ -15,11 +15,6 @@ import { isInIde } from './platform';
 // export function getNativeCloudInstance() {
 //   return tcb;
 // }
-export async function getCloudInstance() {
-    var _a, _b;
-    const tcb = await ((_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.getCloudInstance());
-    return tcb;
-}
 /**
  * 获取单个临时链接
  * 单个cos文件，返回字符串
@@ -100,9 +95,6 @@ export async function getAppCustomNav() {
         return {};
     }
 }
-export function callWedaApi(...args) {
-    return window.app.cloud.callWedaApi(...args);
-}
 /*
   获取数据源字段权限
 */
@@ -116,3 +108,33 @@ export const getDataSourceByName = async (dbName) => {
     });
     return datasource;
 };
+export 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 const callFunction = (...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.callFunction(...args); };
+export async function getCloudInstance() {
+    var _a, _b;
+    const tcb = await ((_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.getCloudInstance());
+    return tcb;
+}
+export const appCloudCallWorkFlow = (...args) => {
+    var _a, _b;
+    const callWorkflow = (_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.callWorkflow;
+    return callWorkflow && (callWorkflow === null || callWorkflow === void 0 ? void 0 : callWorkflow(...args));
+};
+export const appCloudCallWedaApi = (...args) => {
+    var _a, _b;
+    const callWedaApi = (_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;
+    return callWedaApi && (callWedaApi === null || callWedaApi === void 0 ? void 0 : callWedaApi(...args));
+};
+export const appCloudGetDataSourceProfile = (dbName) => {
+    var _a, _b, _c;
+    if (!dbName)
+        return;
+    return (_c = (_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.getDataSourceProfile) === null || _c === void 0 ? void 0 : _c.call(_b, dbName);
+};
+export const appCloudGetWedaUserId = () => { var _a, _b, _c; return (_c = (_b = (_a = window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.currentUser) === null || _c === void 0 ? void 0 : _c.wedaId; };
+export const appCloudIsInWedaIde = () => { 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.IS_WEDA_IDE; };
+export const appCloudGetWedaRelatedRoles = () => { var _a, _b, _c; return (_c = (_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.currentUser) === null || _c === void 0 ? void 0 : _c.relatedRoles; };
+export function appCloudShowWedaToast(params) {
+    var _a;
+    return (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.showToast(params);
+}

package/dist/web/utils/tool.js

@@ -0,0 +1,21 @@
+/**
+ * 字符串安全转JSON
+ */
+export const safeJsonParse = (val) => {
+    let result = val;
+    if (typeof val === 'string') {
+        try {
+            result = JSON.parse(val);
+        }
+        catch (e) { }
+    }
+    return result;
+};
+/**
+ * 判断值是否为空
+ */
+export const isValueNone = (val) => [undefined, '', null].includes(val);
+/**
+ * 判断值是否为空，在 isValueNone 基础上加上空数组
+ */
+export const isValueEmpty = (val) => isValueNone(val) || (Array.isArray(val) && (val === null || val === void 0 ? void 0 : val.length) === 0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.4.2",
+  "version": "3.4.3",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",
@@ -59,7 +59,7 @@
   "dependencies": {
     "@loadable/component": "^5.15.2",
     "@react-hookz/web": "^14.2.2",
-    "@sinclair/typebox": "^0.25.1",
+    "@sinclair/typebox": "^0.25.3",
     "@tcwd/style-wedatheme": "^1.0.4",
     "@use-gesture/react": "^10.2.14",
     "dayjs": "^1.10.7",
@@ -67,6 +67,7 @@
     "echarts": "^5.3.0",
     "kedao": "^0.1.24",
     "lodash.isequal": "^4.5.0",
+    "moment": "^2.29.4",
     "object.fromentries": "^2.0.5",
     "prop-types": "^15.7.2",
     "react-easy-swipe": "0.0.22",
@@ -76,9 +77,16 @@
     "tdesign-icons-react": "0.0.8",
     "tea-component": "^2.7.8",
     "uuid": "8.3.2",
-    "video.js": "^7.18.1",
+    "video.js": "7.20.3",
     "weui": "^2.5.9",
-    "weui.js": "1.2.2"
+    "weui.js": "1.2.2",
+    "react-vant": "3.0.0-rc.7",
+    "react-highlight-within-textarea": "3.1.1",
+    "await-to-js": "3.0.0",
+    "@antv/g6": "3.8.5",
+    "react-infinite-scroll-component": "6.1.0",
+    "jsonexport": "3.2.0",
+    "xlsx": "0.18.5"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
@@ -87,6 +95,7 @@
     "@babel/preset-env": "^7.18.6",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
+    "@cloudbase/cals": "^0.4.10",
     "@cloudbase/lowcode-cli": "^0.16.2",
     "@commitlint/cli": "^16.0.2",
     "@commitlint/config-conventional": "^17.0.0",
@@ -133,9 +142,11 @@
     "eslint-plugin-react": "^7.30.1",
     "eslint-plugin-rulesdir": "^0.2.1",
     "eslint-plugin-storybook": "^0.5.13",
+    "fs-extra": "^10.1.0",
     "glob": "^8.0.3",
     "husky": "^8.0.1",
     "identity-obj-proxy": "^3.0.0",
+    "is-builtin-module": "^3.2.0",
     "jest": "^27.5.1",
     "jest-canvas-mock": "^2.4.0",
     "jest-environment-jsdom": "^27",
@@ -160,13 +171,14 @@
     "rimraf": "^3.0.2",
     "size-limit": "^7.0.8",
     "start-server-and-test": "^1.14.0",
+    "storybook-addon-swc": "^1.1.9",
     "swc-loader": "0.2.3",
     "swc-plugin-coverage-instrument": "^0.0.7",
     "ts-branding": "^1.0.2",
     "ts-loader": "^9.3.1",
     "ts-node": "^10.9.1",
-    "type-fest": "^3.0.0",
-    "typescript": "^4.7.4",
+    "type-fest": "^3.2.0",
+    "typescript": "^4.8.4",
     "webpack": "^5.73.0",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.9.3",