@lingxiteam/ebe-utils 0.5.0 → 0.5.2

package/lib/public/src/utils/ModalManager/index.tsx

@@ -0,0 +1,278 @@
+import { getSafePage } from '@/components/common/Pageview';
+import DrawerMap from '@/components/drawer';
+import ModalMap from '@/components/modal';
+import React, { useImperativeHandle, useMemo, useRef, useState } from 'react';
+
+interface ModalManagerProps {
+  parseNodeBefore?: any;
+}
+
+/**
+ * 打开弹窗入参
+ */
+export interface OpenModalProps {
+  /**
+   * 页面路径
+   */
+
+  pagePath: string;
+  /**
+   * 弹窗的state（组件状态）
+   */
+  params?: Record<string, any>;
+  /**
+   * 父页面的容器ID，是页面的上下文中的renderId
+   */
+  lcdpParentRenderId: string;
+  onOk: (...arg0: any[]) => void;
+  onCancel: (...arg0: any[]) => void;
+}
+export interface ModalManagerHooks {
+  /**
+   * 弹窗打开
+   * @param data
+   */
+  openModal: (data: OpenModalProps) => void;
+  /**
+   * pc端抽屉打开
+   * @param data
+   */
+  openDrawer?: (data: OpenDrawerProps) => void;
+  /**
+   * 弹窗关闭
+   * @param instId
+   * @param pagePath
+   */
+  closeModal: (instId?: string, pagePath?: string) => void;
+  /**
+   * pc端抽屉关闭
+   * @param instId
+   * @param pagePath
+   */
+  closeDrawer?: (instId?: string, pagePath?: string) => void;
+  /**
+   * PC端弹窗/抽屉设置属性
+   * @param param0
+   */
+  setStatue?: ({
+    modalInstId,
+    pagePath,
+    type,
+    propsName,
+    propsValue,
+  }: {
+    modalInstId?: string;
+    pagePath?: string;
+    type: 'model' | 'drawer';
+    propsName: string;
+    propsValue: any;
+  }) => void;
+}
+export declare type OpenDrawerProps = OpenModalProps;
+/**
+ * 弹窗管理器
+ * 每一个动态渲染页面需要引入一个弹窗管理器组件【只应引入一个】，他会暴露出ref供动态渲染页面使用
+ * @module ModalManager
+ */
+const ModalManager = React.forwardRef<ModalManagerHooks, ModalManagerProps>(
+  (props, ref) => {
+    const [ModalData, setModalData] = useState<any[]>([]);
+    const [DrawerData, setDrawerData] = useState<any[]>([]);
+    const [idSerial, setIdSerial] = useState<number>(0);
+    const refModalData = useRef<any[]>([]);
+    const refDrawerData = useRef<any[]>([]);
+
+    /**
+     *  兼容lcdapi.router
+     */
+    // lcdpApi.setRefs('ModalManager', ref);
+
+    // 解决取不到最新值
+    useMemo(() => {
+      refModalData.current = ModalData;
+      refDrawerData.current = DrawerData;
+    }, [ModalData, DrawerData]);
+    const open = ({
+      pagePath,
+      onOk,
+      onCancel,
+      params,
+      lcdpParentRenderId,
+      type,
+    }: any) => {
+      const instData = type === 'Modal' ? ModalData : DrawerData;
+      const instMethod = type === 'Modal' ? setModalData : setDrawerData;
+      if (!pagePath) {
+        console.error('弹窗操作失败：缺少页面实例ID或页面路径');
+        return;
+      }
+      const targetObj = instData.find(
+        (i) => i.pagePath && i.pagePath === pagePath,
+      );
+      if (targetObj) {
+        // 这个pagePath已经存在一个弹窗，改为打开它
+        targetObj.visible = true;
+        targetObj.params = params;
+        targetObj.onOk = onOk;
+        targetObj.lcdpParentRenderId = lcdpParentRenderId;
+        // targetObj.onCancel = onCancel;
+        instMethod([...instData]);
+      } else {
+        const modalInstId = `D${type}_${idSerial}`;
+        instMethod([
+          ...instData,
+          {
+            modalInstId,
+            pagePath,
+            visible: true,
+            onOk,
+            params,
+            lcdpParentRenderId,
+            onCancel: (() => () => {
+              let cancelResult;
+              if (onCancel) {
+                cancelResult = onCancel();
+              }
+              // cancelResult: 用于今后使用，如果onCancel返回false，表示取消关闭操作，不能关闭
+              if (cancelResult === false) {
+                return;
+              }
+              _close(modalInstId, null, type);
+            })(),
+          },
+        ]);
+        setIdSerial(idSerial + 1);
+      }
+    };
+    const _close = (modalInstId: any, pagePath?: any, type = 'Modal') => {
+      const instData =
+        type === 'Modal' ? refModalData.current : refDrawerData.current;
+      const instMethod = type === 'Modal' ? setModalData : setDrawerData;
+      if (modalInstId) {
+        const targetIndex = instData.findIndex(
+          (i) => i.modalInstId === modalInstId,
+        );
+        if (targetIndex !== -1) {
+          instData[targetIndex].visible = false;
+          instMethod([...instData]);
+        }
+      } else if (pagePath) {
+        instData
+          .filter((i) => i.pagePath === pagePath)
+          .forEach((i) => {
+            i.visible = false;
+          });
+        instMethod([...instData]);
+      }
+      if (!modalInstId && !pagePath) {
+        instData.forEach((i) => {
+          i.visible = false;
+        });
+        instMethod([...instData]);
+      }
+    };
+
+    // 更改弹窗属性值
+    const setStatue = ({
+      modalInstId,
+      pagePath,
+      type = 'model',
+      propsName,
+      propsValue,
+    }: {
+      modalInstId?: string;
+      pagePath?: string;
+      type: 'model' | 'drawer';
+      propsName: string;
+      propsValue: any;
+    }) => {
+      const instData =
+        type === 'model' ? refModalData.current : refDrawerData.current;
+      const instMethod = type === 'model' ? setModalData : setDrawerData;
+      if (modalInstId) {
+        const targetIndex = instData.findIndex(
+          (i: any) => i.modalInstId === modalInstId,
+        );
+        if (targetIndex !== -1) {
+          instData[targetIndex][propsName] = propsValue;
+          instMethod([...instData]);
+        }
+      } else if (pagePath) {
+        instData
+          .filter((i: any) => i.pagePath === pagePath)
+          .forEach((i: any) => {
+            i[propsName] = propsValue;
+          });
+        instMethod([...instData]);
+      }
+    };
+    useImperativeHandle<any, ModalManagerHooks>(ref, () => ({
+      /**
+       * 打开一个弹窗
+       * @param {Object} pageOptions
+       * @param {string|number} pageOptions.pagePath - 要打开的页面的pagePath
+       * @param {Object} pageOptions.params - 要传入给打开页面的数据
+       * @param {Object} pageOptions.onOk - 该弹窗确认回调
+       * @param {Object} pageOptions.onCancel - 该弹窗关闭回调
+       * @return {number} 此次生成的实例ID
+       */
+      openModal: (pageOptions: OpenModalProps) =>
+        open({
+          ...pageOptions,
+          type: 'Modal',
+        }),
+      /**
+       * 打开一个弹窗
+       * @param {Object} pageOptions
+       * @param {string|number} pageOptions.pagePath - 要打开的页面的pagePath
+       * @param {Object} pageOptions.params - 要传入给打开页面的数据
+       * @param {Object} pageOptions.onOk - 该弹窗确认回调
+       * @param {Object} pageOptions.onCancel - 该弹窗关闭回调
+       * @return {number} 此次生成的实例ID
+       */
+      openDrawer: (pageOptions: OpenDrawerProps) =>
+        open({
+          ...pageOptions,
+          type: 'Drawer',
+        }),
+      /**
+       * 关闭一个弹窗，不传参的话则是关闭所有弹窗
+       * @param {number} [modalInstId] - 要关闭的弹窗的实例ID
+       * @param {string|number} [pagePath] 该弹窗的pagePath，如果传入了pagePath，在ModalInstId为null时则为关闭所有对应pagePath的弹窗实例
+       */
+      closeModal: (instId, pagePath) => _close(instId, pagePath, 'Modal'),
+      /**
+       * 关闭一个推拉门，不传参的话则是关闭所有推拉门
+       * @param {number} [modalInstId] - 要关闭的推拉门的实例ID
+       * @param {string|number} [pagePath] 该弹窗的pagePath，如果传入了pagePath，在ModalInstId为null时则为关闭所有对应pagePath的弹窗实例
+       */
+      closeDrawer: (instId, pagePath) => _close(instId, pagePath, 'Drawer'),
+      /**
+       * 更改推拉门/弹窗属性 如弹窗标题
+       */
+      setStatue,
+    }));
+    console.log(ModalData);
+    const renderModalOrDrawer = (data: any[], map: any) => {
+      return data.map((m) => {
+        const Page = getSafePage(m.pagePath, map);
+        return (
+          <Page
+            {...m}
+            pageSrc={m.pagePath}
+            state={m.params}
+            lcdpParentRenderId={m.lcdpParentRenderId}
+            closeModal={m.onCancel}
+          />
+        );
+      });
+    };
+    return (
+      <div>
+        {renderModalOrDrawer(ModalData, ModalMap)}
+        {renderModalOrDrawer(DrawerData, DrawerMap)}
+      </div>
+    );
+  },
+);
+export default ModalManager;

package/lib/public/src/utils/Security/encipher/des.ts

@@ -0,0 +1,52 @@
+import CryptoJS from 'crypto-js';
+import type { fnDESDecryptType, fnDESEncryptType } from '../types';
+
+/**
+ * 默认DES加密处理函数
+ * @param content 待加密内容
+ * @param desKey 密钥
+ * @param handle 自定义加密函数
+ * @returns 加密后内容
+ */
+export const DESEncrypt = (
+  content: string,
+  desKey: string,
+  handle?: fnDESEncryptType,
+): string => {
+  if (typeof handle === 'function') {
+    return handle(content, desKey, CryptoJS);
+  }
+  const key = CryptoJS.enc.Utf8.parse(desKey);
+  const ciphertext = CryptoJS.enc.Utf8.parse(content);
+  const encrypted = CryptoJS.DES.encrypt(ciphertext, key, {
+    mode: CryptoJS.mode.ECB,
+    padding: CryptoJS.pad.Pkcs7,
+  });
+  return encrypted.toString();
+};
+
+/**
+ * 默认AES解密处理函数
+ * @param content 待解密内容
+ * @param desKey 密钥
+ * @param handle 自定义解密函数
+ * @returns 解密后内容
+ */
+export const DESDecrypt = (
+  content: string,
+  desKey: string,
+  handle?: fnDESDecryptType,
+): string => {
+  if (typeof handle === 'function') {
+    return handle(content, desKey, CryptoJS);
+  }
+  const key = CryptoJS.enc.Utf8.parse(desKey);
+  const ciphertext = CryptoJS.enc.Base64.stringify(
+    CryptoJS.enc.Base64.parse(content),
+  );
+  const encrypted = CryptoJS.DES.decrypt(ciphertext, key, {
+    mode: CryptoJS.mode.ECB,
+    padding: CryptoJS.pad.Pkcs7,
+  });
+  return encrypted.toString(CryptoJS.enc.Utf8);
+};

package/lib/public/src/utils/customFuncMapping.ts

@@ -0,0 +1,107 @@
+export declare type RenderId = string;
+
+const getSaleEventName = (eventName: any) => {
+  const sale =
+    /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(eventName) &&
+    !/^(?:abstract|arguments|await|boolean|break|byte|case|catch|char|class|const|continue|debugger|default|delete|do|double|else|enum|eval|export|extends|false|final|finally|float|for|function|goto|if|implements|import|in|instanceof|int|interface|let|long|native|new|null|package|private|protected|public|return|short|static|super|switch|synchronized|this|throw|throws|transient|true|try|typeof|var|void|volatile|while|with|yield)$/.test(
+      eventName,
+    );
+  return sale ? eventName : `event_${eventName}`;
+};
+
+/**
+ * 生成唯一id
+ * @param prefix
+ * @param id
+ * @param slength
+ * @returns
+ */
+export const createRenderId = (
+  prefix?: string,
+  separator: string = '##',
+  id?: string,
+  slength: number = 12,
+) => {
+  let uid = id;
+  if (!uid) {
+    uid = Math.random().toString().slice(slength);
+  }
+  return prefix ? prefix + separator + uid : uid;
+};
+
+class customFuncMapping {
+  private mapping: Map<RenderId, Record<string, Function>> = new Map();
+
+  /**
+   * 记录id和生成的id关系，用于一个页面嵌入两个相同页面，然后吊影页面的方法，需要执行两个页面两次方法
+   */
+  private rennderIdMap: string[] = [];
+
+  /**
+   * 移除记录
+   * @param routerId 路由id
+   * @param engineId 引擎id
+   */
+  remove(renderId: RenderId) {
+    if (renderId) {
+      this.mapping.delete(renderId);
+      this.rennderIdMap = this.rennderIdMap.filter((i) => i !== renderId);
+    } else {
+      console.error('renderId为空');
+    }
+  }
+  get(renderId: string) {
+    if (renderId) {
+      return this.mapping.get(renderId) || {};
+    } else {
+      console.error('renderId为空');
+      return {};
+    }
+  }
+  add(renderId: RenderId, functions: Record<string, Function>) {
+    if (typeof renderId === 'string') {
+      this.mapping.set(renderId, functions);
+      this.rennderIdMap.push(renderId);
+    } else {
+      console.error('renderId类型错误');
+    }
+  }
+  callCustomFunc(renderId: string | undefined, funcName: string, ...args: any) {
+    if (renderId) {
+      const eventName = getSaleEventName(funcName);
+      const customActionMapRef = this.get(renderId);
+      if (typeof customActionMapRef?.[eventName] === 'function') {
+        customActionMapRef?.[eventName](...args);
+      } else {
+        console.error(`${eventName}不存在`);
+      }
+    } else {
+      console.error('renderId不能为空');
+    }
+  }
+
+  /**
+   * 调用任意页面的自定义事件
+   * @param pageName
+   * @param funcName
+   * @param args
+   */
+  callPageCustomFunc(pageName: string, funcName: string, ...args: any) {
+    if (pageName) {
+      this.rennderIdMap.forEach((i) => {
+        // 切割得到页面名称
+        const ids = i.split('##');
+        if (Array.isArray(ids)) {
+          const id = ids[0];
+          if (id === pageName) {
+            this.callCustomFunc(i, funcName, ...args);
+          }
+        }
+      });
+    } else {
+      console.error('pageName不能为空');
+    }
+  }
+}
+
+export default new customFuncMapping();