@lingxiteam/ebe-utils 0.0.33 → 0.0.35

package/lib/h5public/src/components/factory/src/Icon/IconED/index.tsx

@@ -0,0 +1,290 @@
+import { createFromIconfontCN } from '@ant-design/icons';
+import { Icon as LegacyIcon } from '@lingxiteam/icons';
+import { LingXiEdFC } from '@lingxiteam/types';
+import classnames from 'classnames';
+import { useEffect, useMemo, useState } from 'react';
+import './index.less';
+
+export interface IconFileEDProps {
+  fileId: string;
+  fileCode: string;
+  fileSubType: 'ICON_IMAGE' | 'ICONFONT';
+}
+
+export interface MyIconEDProps {
+  type?: string;
+  isIconFont?: boolean;
+  fontAddress?: string;
+  svgContent?: string;
+  theme?: string;
+  iconFileInfo?: any;
+  iconFile?: IconFileEDProps;
+}
+
+export interface IconEDProps {
+  icon?: MyIconEDProps;
+  type?: string;
+  isIconFont?: boolean;
+  fontAddress?: string;
+  svgContent?: string;
+  theme?: string;
+  style?: any;
+  className?: any;
+  rotate?: any;
+  iconFileInfo?: any;
+  iconFile?: IconFileEDProps;
+  size?: any;
+  color?: any;
+  mode?: string;
+  iconItems?: any;
+  isUsePrimary?: boolean;
+}
+
+const IconED: LingXiEdFC<IconEDProps> = (props) => {
+  const {
+    icon = {},
+    type,
+    rotate,
+    size,
+    style,
+    mode,
+    iconItems,
+    isUsePrimary: curIsUsePrimary,
+    theme: curTheme,
+    isIconFont: curIsIconFont,
+    fontAddress: curFontAddress,
+    svgContent: curSvgContent,
+    iconFileInfo: curIconFileInfo,
+    iconFile: curIconFile,
+    getEdEngineApi,
+    $$componentItem,
+    ...restProps
+  } = props;
+  const [scriptUrl, setScripUrl] = useState<any>();
+
+  const {
+    curType,
+    iconFile,
+    iconFileInfo,
+    fontAddress,
+    isIconFont,
+    theme,
+    svgContent,
+    isUsePrimary,
+    color,
+  } = useMemo(() => {
+    const iconInfo = Array.isArray(iconItems) && iconItems[0];
+    if (mode === 'custom' && iconInfo) {
+      return {
+        curType: iconInfo?.icon?.type,
+        theme: iconInfo?.icon?.theme,
+        isIconFont: iconInfo?.icon?.isIconFont,
+        fontAddress: iconInfo?.icon?.fontAddress,
+        svgContent: iconInfo?.icon?.svgContent,
+        iconFileInfo: iconInfo?.icon?.iconFileInfo,
+        iconFile: iconInfo?.icon?.iconFile,
+        isUsePrimary: iconInfo?.isUsePrimary,
+        color: iconInfo?.color,
+      };
+    }
+    return {
+      curType: icon?.type || type,
+      iconFile: icon?.iconFile || curIconFile,
+      iconFileInfo: icon?.iconFileInfo || curIconFileInfo,
+      fontAddress: icon?.fontAddress || curFontAddress,
+      isIconFont: icon?.isIconFont || curIsIconFont,
+      theme: icon?.theme || curTheme,
+      svgContent: icon?.svgContent || curSvgContent,
+    };
+  }, [
+    JSON.stringify(icon),
+    type,
+    curIconFile,
+    curIconFileInfo,
+    curFontAddress,
+    curIsIconFont,
+    curTheme,
+    curSvgContent,
+    mode,
+    iconItems,
+  ]);
+
+  useEffect(() => {
+    if (iconFile) {
+      const { fileId, fileCode, fileHttp } = iconFile;
+      (async () => {
+        const { getAppFileUrlById, getAppFileUrlByFileCode } =
+          getEdEngineApi?.() || {};
+        if (fileId && getAppFileUrlById) {
+          setScripUrl(getAppFileUrlById(fileId));
+        } else if (fileCode && getAppFileUrlByFileCode) {
+          setScripUrl(
+            getAppFileUrlByFileCode({
+              appId: $$componentItem?.appId || window.appId,
+              fileCode,
+            }),
+          );
+        } else if (fileHttp) {
+          setScripUrl(fileHttp);
+        }
+      })();
+    } else if (fontAddress) {
+      setScripUrl(fontAddress);
+    } else if (iconFileInfo && !iconFileInfo.svgContent) {
+      const { getMaterialFile } = getEdEngineApi?.() || {};
+      (async () => {
+        if (iconFileInfo.materialId && iconFileInfo.fileName) {
+          setScripUrl(
+            getMaterialFile({
+              materialId: iconFileInfo.materialId,
+              fileName: iconFileInfo.fileName,
+            }),
+          );
+        }
+      })();
+    } else {
+      setScripUrl('');
+    }
+  }, [iconFile, fontAddress, iconFileInfo]);
+
+  const curClassName = classnames({
+    [restProps?.className]: restProps?.className,
+    'cust-icon-ed': true,
+    'cust-icon-theme': isUsePrimary,
+    [`cust-icon-ed-${size}`]: size,
+  });
+  const curStyle = useMemo(
+    () => ({
+      width: style?.fontSize || style?.width,
+      height: style?.fontSize || style?.height,
+      fontSize: style?.fontSize || style?.width, // 兼容存量数据
+      ...(style || {}),
+      color: isUsePrimary
+        ? undefined
+        : color || style?.color || restProps?.color,
+      fill: isUsePrimary
+        ? undefined
+        : color || style?.color || restProps?.color,
+    }),
+    [isUsePrimary, style, color],
+  );
+
+  if (svgContent) {
+    return (
+      <div
+        className={curClassName}
+        style={{
+          ...curStyle,
+          transform: `rotate(${rotate}deg)`,
+        }}
+        // eslint-disable-next-line react/no-danger
+        dangerouslySetInnerHTML={{
+          __html: svgContent,
+        }}
+      />
+    );
+  }
+
+  if (curType) {
+    if (fontAddress || iconFile?.fileSubType === 'ICONFONT' || isIconFont) {
+      if (scriptUrl) {
+        const IconFont = createFromIconfontCN({
+          scriptUrl,
+        });
+        return (
+          <IconFont
+            type={curType}
+            rotate={rotate}
+            {...restProps}
+            style={curStyle}
+            className={curClassName}
+          />
+        );
+      }
+      if (!fontAddress) {
+        // 采用项目本地的iconfont文件
+        return (
+          <svg
+            style={{
+              ...curStyle,
+              transform: `rotate(${rotate}deg)`,
+            }}
+            aria-hidden="true"
+            className={curClassName}
+          >
+            <use xlinkHref={`#${curType}`} />
+          </svg>
+        );
+      }
+    } else if (
+      theme &&
+      !['cross-circle', 'cross-circle-o'].includes(curType) &&
+      Object.keys(iconFileInfo || {})?.length < 1
+    ) {
+      // 兼容原来的antd-mobile的图标
+      return (
+        <LegacyIcon
+          type={curType}
+          rotate={rotate}
+          theme={theme}
+          {...restProps}
+          style={curStyle}
+          className={curClassName}
+        />
+      );
+    } else if (iconFileInfo && Object.keys(iconFileInfo)?.length > 0) {
+      if (iconFileInfo.svgContent) {
+        return (
+          <div
+            className={curClassName}
+            style={{
+              ...curStyle,
+              transform: `rotate(${rotate}deg)`,
+            }}
+            // eslint-disable-next-line react/no-danger
+            dangerouslySetInnerHTML={{ __html: iconFileInfo.svgContent }}
+          />
+        );
+      }
+      return (
+        <img
+          className={curClassName}
+          style={{
+            ...curStyle,
+            transform: `rotate(${rotate}deg)`,
+          }}
+          src={scriptUrl}
+          alt=""
+        />
+      );
+    } else if (curType) {
+      return (
+        <LegacyIcon
+          type={curType}
+          rotate={rotate}
+          theme={theme}
+          {...restProps}
+          style={curStyle}
+          className={curClassName}
+        />
+      );
+    }
+  }
+  if (iconFile?.fileSubType === 'ICON_IMAGE' && scriptUrl) {
+    return (
+      <img
+        alt="图片格式错误"
+        src={scriptUrl}
+        {...restProps}
+        style={{
+          ...curStyle,
+          transform: `rotate(${rotate}deg)`,
+        }}
+        className={curClassName}
+      />
+    );
+  }
+  return null;
+};
+
+export default IconED;

package/lib/public/src/services/api/engine.ts

@@ -27,8 +27,6 @@ interface ApiType {
   getSqlQueryColumnsList: HTTPMehodFn;
   // 根据 busiObjectIds 获取业务对象字段
   queryBusiObjectRowColumnsList: HTTPMehodFn;
-  // 获取服务编排出参字段
-  queryServiceResponseColumnsList: HTTPMehodFn;
 }
 
 const api: ApiType = {

package/lib/public/src/utils/Security/clientCapabilities.ts

@@ -1,3 +1,6 @@
+/**
+ * 环境检测
+ */
 export const isBrowser =
   typeof window !== 'undefined' && typeof window.document !== 'undefined';
 export const isNode =
@@ -6,13 +9,18 @@ export const isNode =
   typeof process.versions.node !== 'undefined';
 export const isWXminiProgram = !isBrowser && typeof wx === 'object';
 
+/**
+ * 环境能力检测
+ */
 const capabilities = (function () {
   return {
     cookie: isBrowser && navigator.cookieEnabled,
     fetch: typeof fetch === 'function',
     xhr: typeof XMLHttpRequest === 'function',
     wxRequest: isWXminiProgram && typeof wx.request === 'function',
+    wxStorage: isWXminiProgram && typeof wx.getStorageSync === 'function',
     localStorage: typeof localStorage === 'object',
+    proxy: typeof Proxy === 'function',
   };
 })();
 

package/lib/public/src/utils/Security/config.ts

@@ -1,8 +1,7 @@
 import merge from 'merge';
-import capabilities, { isBrowser } from './clientCapabilities';
+import { isBrowser } from './clientCapabilities';
 import {
   aesKey,
-  desKey,
   rsaPrivKey,
   rsaPublicKey,
   securityHeaderKey,
@@ -10,64 +9,67 @@ import {
   signKey,
   signSaltKey,
 } from './const';
-import type { configType } from './types';
+import type { configType, securityType } from './types';
 import { MODE } from './types';
+import customAtob from './utils/atob';
 import CookieUtil from './utils/cookie';
-
-let isInit: boolean = false;
+import storageUtil from './utils/storge';
 
 // 在浏览器模式下，通过平台env/info.js写入配置数据
 const defaultMode = () =>
   (isBrowser && (window as any).lxSecurityMode) || MODE.SIGN_WITH_TIME;
+const defaultLxKey = () =>
+  (isBrowser &&
+    (window as any).lxKey &&
+    customAtob((window as any).lxKey)?.split(',')) ||
+  undefined;
 const defaultSignSaltKey = () =>
   (isBrowser && (window as any).lxDataSaltCode) || signSaltKey;
-const countTimeDeviation = () =>
-  isBrowser && (window as any).lxServerTime
-    ? Date.now() - (window as any).lxServerTime
+const defaultTimeDeviation = () =>
+  isBrowser && (window as any).lxClientTimeDeviation
+    ? (window as any).lxClientTimeDeviation
     : 0;
 
-export const createDefaultConfig = (): configType => ({
-  // 安全模式
-  mode: defaultMode(),
+export const createDefaultConfig = (): configType => {
+  const lxkey = defaultLxKey();
+  return {
+    // 安全模式
+    mode: defaultMode(),
 
-  requester: ['xhr', 'fetch', 'wxRequest'],
-  // 签名&加密配置
-  sign: {
-    key: signKey,
-    saltKey: defaultSignSaltKey(),
-    saltValue: isBrowser
-      ? () => CookieUtil.get(config.sign?.saltKey as string)
-      : '',
-    valueKeyName: signHeaderKey,
-  },
-  aes: {
-    key: aesKey,
-  },
-  des: {
-    key: desKey,
-  },
-  rsa: {
-    privKey: rsaPrivKey,
-    publicKey: rsaPublicKey,
-  },
+    requester: ['xhr', 'fetch', 'wxRequest'],
+    // 签名&加密配置
+    sign: {
+      key: lxkey?.[0] || signKey,
+      saltKey: defaultSignSaltKey(),
+      saltValue: isBrowser
+        ? () => CookieUtil.getItem(config.sign?.saltKey as string)
+        : '',
+      valueKeyName: signHeaderKey,
+    },
+    aes: {
+      key: lxkey?.[1] || aesKey,
+    },
+    rsa: {
+      privKey: lxkey?.[2] || rsaPrivKey,
+      publicKey: lxkey?.[3] || rsaPublicKey,
+    },
 
-  // 服务器与客户端时间偏差
-  timeDeviation: countTimeDeviation(),
+    // 服务器与客户端时间偏差
+    timeDeviation: defaultTimeDeviation(),
 
-  // 服务器时间
-  serverTime: null,
+    // 服务器时间
+    serverTime: null,
 
-  // 通过请求头传递给后端安全类型的字段
-  securityHeaderKey,
+    // 通过请求头传递给后端安全类型的字段
+    securityHeaderKey,
 
-  debug: capabilities.localStorage
-    ? localStorage.getItem('lxDebug') === 'true'
-    : false,
-});
+    debug: storageUtil.get('lxDebug') === 'true',
+  };
+};
 
 const config: configType = {};
 
-const setConfig = (newConfig: configType = {}): void => {
+const setConfig: typeof securityType.setConfig = (newConfig) => {
   // 只更新服务器时间时，重新计算时间偏差
   if (
     newConfig.serverTime &&
@@ -77,13 +79,18 @@ const setConfig = (newConfig: configType = {}): void => {
     newConfig.timeDeviation =
       Date.now() - Number(new Date(newConfig.serverTime));
   }
-  if (!isInit) {
-    isInit = true;
-    merge.recursive(config, createDefaultConfig(), newConfig);
-  } else {
-    merge.recursive(config, newConfig);
-  }
+  merge.recursive(config, newConfig);
 };
 
+const getConfig: typeof securityType.getConfig = (key) => {
+  return config[key];
+};
+
+const initConfig = () => {
+  setConfig(createDefaultConfig());
+};
+
+initConfig();
+
 export default config;
-export { setConfig };
+export { setConfig, initConfig, getConfig };

package/lib/public/src/utils/Security/const.ts

@@ -1,129 +1,40 @@
 // 不建议使用环境变量，后期通一通过config来配置
 // 兼容非node环境构建(如：小程序)
-if (typeof process === 'undefined') {
-  // eslint-disable-next-line no-global-assign
-  process = { env: {} } as any;
-}
-
-const defaultAESKey = [
-  'd',
-  '8',
-  '6',
-  'd',
-  '7',
-  'b',
-  'a',
-  'b',
-  '3',
-  'd',
-  '6',
-  'a',
-  'c',
-  '0',
-  '1',
-  'a',
-].join('');
-const defaultDESKey = ['9', '1', 'T', 'H', 'R', 'A', 'B', 'Y'].join('');
-const defaultSignHeaderKey = 'X-SIGN';
-
-export const lxKey = [
-  'd',
-  '8',
-  '6',
-  'd',
-  '7',
-  'b',
-  'a',
-  'b',
-  '3',
-  'd',
-  '6',
-  'a',
-  'c',
-  '0',
-  'I',
-  'a',
-].join('');
-
-export const securityHeaderKey = 'XA-TYPE';
-
-export const signSaltKey =
-  process.env.LING_XI_USER_KEY_IN_COOKIE || 'X-LX-N-ID';
-
-export const signKey =
-  process.env.LING_XI_HTTP_SIGN_KEY ||
-  [
-    'z',
-    'r',
-    'T',
-    '5',
-    'b',
-    'i',
-    '2',
-    'e',
-    's',
-    'c',
-    'X',
-    'i',
-    'l',
-    'a',
-    'H',
-    '1',
-    'f',
-    's',
-    '6',
-    '5',
-    '3',
-    'u',
-    'Z',
-    'i',
-    'H',
-    '9',
-    'R',
-    'W',
-    'f',
-    'z',
-    'C',
-    'S',
-  ].join('');
-
-export const signHeaderKey =
-  process.env.LINGXI_HTTP_SIGN_HEADER_KEY ||
-  process.env.REACT_APP_HTTP_SIGN_HEADER_KEY ||
-  process.env.UMI_APP_HTTP_SIGN_HEADER_KEY ||
-  process.env.FISHX_APP_HTTP_SIGN_HEADER_KEY ||
-  defaultSignHeaderKey;
-
-export const rsaPublicKey =
-  process.env.LINGXI_HTTP_RSA_PUBLIC_KEY ||
-  process.env.REACT_APP_HTTP_RSA_PUBLIC_KEY ||
-  process.env.UMI_APP_HTTP_RSA_PUBLIC_KEY ||
-  process.env.FISHX_APP_HTTP_RSA_PUBLIC_KEY;
-
-export const rsaPrivKey =
-  process.env.LINGXI_HTTP_RSA_PRIV_KEY ||
-  process.env.REACT_APP_HTTP_RSA_PRIV_KEY ||
-  process.env.UMI_APP_HTTP_RSA_PRIV_KEY ||
-  process.env.FISHX_APP_HTTP_RSA_PRIV_KEY;
-
-export const aesKey =
-  process.env.LINGXI_HTTP_AES_KEY ||
-  process.env.REACT_APP_HTTP_AES_KEY ||
-  process.env.UMI_APP_HTTP_AES_KEY ||
-  process.env.FISHX_APP_HTTP_AES_KEY ||
-  defaultAESKey;
-
-export const desKey =
-  process.env.LINGXI_HTTP_DES_KEY ||
-  process.env.REACT_APP_HTTP_DES_KEY ||
-  process.env.UMI_APP_HTTP_DES_KEY ||
-  process.env.FISHX_APP_HTTP_DES_KEY ||
-  defaultDESKey;
-
-export default {
-  signKey,
-  rsaPublicKey,
-  rsaPrivKey,
-  aesKey,
-  desKey,
-};
+// const _process = typeof process === 'undefined' ? { env: {} } as any : process;
+import customAtob from './utils/atob';
+
+export const reqIdKey = 'reqid';
+
+export const commonGlobal: any = (function () {
+  // nodejs、wx、electron 环境(在wx和electron同时具备global和window，wx下写入的全局变量在global里，故优先使用global)
+  if (typeof global !== 'undefined') {
+    return global;
+  }
+  // 使用标准的方式来获取不同环境下的全局 this 对象
+  if (typeof globalThis !== 'undefined') {
+    return globalThis;
+  }
+  // 浏览器环境
+  if (typeof window !== 'undefined') {
+    return window;
+  }
+  // Workers环境
+  if (typeof self !== 'undefined') {
+    return self;
+  }
+  return {};
+})();
+
+// 'd86d7bab3d6ac01a,X-SIGN,d86d7bab3d6ac0Ia,XA-TYPE,X-LX-N-ID,zrT5bi2escXilaH1fs653uZiH9RWfzCS'
+const k = customAtob(
+  'ZDg2ZDdiYWIzZDZhYzAxYSxYLVNJR04sZDg2ZDdiYWIzZDZhYzBJYSxYQS1UWVBFLFgtTFgtTi1JRCx6clQ1YmkyZXNjWGlsYUgxZnM2NTN1WmlIOVJXZnpDUw==',
+).split(',');
+
+export const aesKey = k[0];
+export const signHeaderKey = k[1];
+export const lxKey = k[2];
+export const securityHeaderKey = k[3];
+export const signSaltKey = k[4];
+export const signKey = k[5];
+export const rsaPublicKey = k[6];
+export const rsaPrivKey = k[7];