@lingxiteam/ebe-utils 0.2.4 → 0.2.5

package/lib/public/src/utils/hooks/useMovable.ts

@@ -15,17 +15,7 @@ interface MovableProps {
 }
 
 const useMovable = (props: MovableProps) => {
-  const {
-    targetRef,
-    splitterRef,
-    direction = 'prev',
-    nextRef,
-    type,
-    min = 0,
-    max = 0,
-    clickWidth,
-    movableLayoutRef,
-  } = props;
+  const { targetRef, splitterRef, direction = 'prev', nextRef, type, min = 0, max = 0, clickWidth, movableLayoutRef } = props;
   const [mouseData, setMouseData] = useState<any>({});
   const [mouseDownPosition, setMouseDownPosition] = useState<any>({});
   const [width, setWidth] = useState<any>(min);
@@ -35,17 +25,10 @@ const useMovable = (props: MovableProps) => {
   const getPrevSize = (size: any, baseSize?: any) => {
     let preSize = min;
     const temp: any = `${size}`.substring(0, size.length - 1);
-    if (
-      typeof size === 'string' &&
-      size.charAt(size.length - 1) === '%' &&
-      !!(temp * 1)
-    ) {
+    if (typeof size === 'string' && size.charAt(size.length - 1) === '%' && !!(temp * 1)) {
       // 百分比
       preSize = (baseSize * temp) / 100;
-    } else if (
-      (typeof size === 'string' && !!((size as any) * 1)) ||
-      typeof size === 'number'
-    ) {
+    } else if ((typeof size === 'string' && !!((size as any) * 1)) || typeof size === 'number') {
       // 数字字符串 或 纯数字
       preSize = (size as any) * 1;
     }
@@ -58,14 +41,12 @@ const useMovable = (props: MovableProps) => {
       // 水平布局
       prevLength.current = targetRef.current.style.width;
       targetRef.current.style.width = '0px';
-      splitterRef.current.style[direction === 'prev' ? 'left' : 'right'] =
-        '0px';
+      splitterRef.current.style[direction === 'prev' ? 'left' : 'right'] = '0px';
     } else if (type === 'vertical') {
       // 垂直布局
       prevLength.current = targetRef.current.style.height;
       targetRef.current.style.height = '0px';
-      splitterRef.current.style[direction === 'prev' ? 'top' : 'bottom'] =
-        '0px';
+      splitterRef.current.style[direction === 'prev' ? 'top' : 'bottom'] = '0px';
     }
   };
 
@@ -75,13 +56,11 @@ const useMovable = (props: MovableProps) => {
     if (type === 'horizontal') {
       // 水平布局
       targetRef.current.style.width = newPrevNum || prevNum;
-      splitterRef.current.style[direction === 'prev' ? 'left' : 'right'] =
-        newPrevNum || prevNum;
+      splitterRef.current.style[direction === 'prev' ? 'left' : 'right'] = newPrevNum || prevNum;
     } else if (type === 'vertical') {
       // 垂直布局
       targetRef.current.style.height = newPrevNum || prevNum;
-      splitterRef.current.style[direction === 'prev' ? 'top' : 'bottom'] =
-        newPrevNum || prevNum;
+      splitterRef.current.style[direction === 'prev' ? 'top' : 'bottom'] = newPrevNum || prevNum;
     }
   };
 
@@ -93,28 +72,19 @@ const useMovable = (props: MovableProps) => {
     if (!targetRef?.current || !splitterRef?.current) return;
     const target = targetRef.current; // 获取调整对象
     const splitter = splitterRef.current; // 获取分割线
-    if (
-      kind === 'splitterClicked' &&
-      ((clickWidth && target.style.width >= `${clickWidth}px`) ||
-        target.style.width === `${max}px`)
-    ) {
+    if (kind === 'splitterClicked' && ((clickWidth && target.style.width >= `${clickWidth}px`) || target.style.width === `${max}px`)) {
       target.style.width = `${min}px`;
       splitter.style[direction === 'prev' ? 'left' : 'right'] = `${min}px`;
       setWidth(min);
       return;
     }
     target.style.width = `${clickWidth ?? max}px`;
-    splitter.style[direction === 'prev' ? 'left' : 'right'] = `${
-      clickWidth ?? max
-    }px`;
+    splitter.style[direction === 'prev' ? 'left' : 'right'] = `${clickWidth ?? max}px`;
     setWidth(clickWidth ?? max);
   };
 
   const onClickSplitter = (e: any) => {
-    if (
-      mouseDownPosition.clientX === e.clientX &&
-      mouseDownPosition.clientY === e.clientY
-    ) {
+    if (mouseDownPosition.clientX === e.clientX && mouseDownPosition.clientY === e.clientY) {
       resetWidth('splitterClicked');
     }
   };
@@ -137,8 +107,7 @@ const useMovable = (props: MovableProps) => {
     const target = type === 'vertical' ? nextRef.current : targetRef.current; // 获取初始数据需要参考的对象
     setMouseData({
       ...mouseData,
-      coordinate:
-        type === 'vertical' ? target.offsetHeight : target.offsetWidth, // 记录初始宽或初始高
+      coordinate: type === 'vertical' ? target.offsetHeight : target.offsetWidth, // 记录初始宽或初始高
       clientX, // 记录鼠标初始x坐标
       clientY, // 记录鼠标初始y坐标
     });
@@ -150,34 +119,19 @@ const useMovable = (props: MovableProps) => {
 
   // 当鼠标坐标改变时，需要实时刷新dom尺寸
   useEffect(() => {
-    const onMouseMove = (e: {
-      stopPropagation?: any;
-      clientX?: any;
-      clientY?: any;
-    }) => {
+    const onMouseMove = (e: { stopPropagation?: any; clientX?: any; clientY?: any }) => {
       e.stopPropagation();
-      if (
-        !targetRef?.current ||
-        !splitterRef?.current ||
-        !movableLayoutRef?.current
-      )
-        return;
+      if (!targetRef?.current || !splitterRef?.current || !movableLayoutRef?.current) return;
       const { clientX, clientY } = e;
       const target = targetRef.current; // 获取调整对象
       const splitter = splitterRef.current; // 获取分割线
-      const baseSize =
-        movableLayoutRef.current[
-          type === 'vertical' ? 'clientHeight' : 'clientWidth'
-        ];
+      const baseSize = movableLayoutRef.current[type === 'vertical' ? 'clientHeight' : 'clientWidth'];
       const pprevMin = getPrevSize(min, baseSize);
       const pprevMax = getPrevSize(max, baseSize);
 
       if (type === 'horizontal') {
         // 水平布局
-        const x =
-          direction === 'prev'
-            ? mouseData.coordinate + clientX - mouseData.clientX
-            : mouseData.coordinate + (mouseData.clientX - clientX);
+        const x = direction === 'prev' ? mouseData.coordinate + clientX - mouseData.clientX : mouseData.coordinate + (mouseData.clientX - clientX);
         if (x < pprevMin || x > pprevMax) {
           return;
         }
@@ -188,10 +142,7 @@ const useMovable = (props: MovableProps) => {
         setWidth(x);
       } else if (type === 'vertical') {
         // 垂直布局
-        const y =
-          direction === 'prev'
-            ? mouseData.coordinate + clientY - mouseData.clientY
-            : mouseData.coordinate + (mouseData.clientY - clientY);
+        const y = direction === 'prev' ? mouseData.coordinate + clientY - mouseData.clientY : mouseData.coordinate + (mouseData.clientY - clientY);
         if (y < pprevMin || y > pprevMax) {
           return;
         }

package/lib/public/src/utils/hooks/useReactive.ts

@@ -8,10 +8,7 @@ const proxyMap = new WeakMap();
 // k:v 代理过的对象:原对象
 const rawMap = new WeakMap();
 
-function observer<T extends Record<string, any>>(
-  initialVal: T,
-  cb: () => void,
-): T {
+function observer<T extends Record<string, any>>(initialVal: T, cb: () => void): T {
   const existingProxy = proxyMap.get(initialVal);
 
   // 添加缓存 防止重新构建proxy

package/lib/public/src/utils/hooks/useRefState.ts

@@ -4,17 +4,13 @@ import useUpdate from './useUpdate';
 /**
  * 通过ref的引用值更新组件，一般用于性能优化。
  */
-export type SetRefState<S extends Record<string, any>> = <K extends keyof S>(
-  state: Pick<S, K> | null | undefined,
-) => void;
+export type SetRefState<S extends Record<string, any>> = <K extends keyof S>(state: Pick<S, K> | null | undefined) => void;
 
-const useRefState = <S extends Record<string, any>>(
-  initialState: S,
-): [S, SetRefState<S>] => {
+const useRefState = <S extends Record<string, any>>(initialState: S): [S, SetRefState<S>] => {
   const stateRef = useRef<S>(initialState);
   const update = useUpdate();
 
-  const setState = useCallback((patch) => {
+  const setState = useCallback(patch => {
     stateRef.current = patch;
     update();
   }, []);

package/lib/public/src/utils/hooks/useSetState.ts

@@ -1,19 +1,14 @@
 import { useCallback, useState } from 'react';
 
 export type SetState<S extends Record<string, any>> = <K extends keyof S>(
-  state:
-    | Pick<S, K>
-    | null
-    | ((prevState: Readonly<S>) => Pick<S, K> | S | null),
+  state: Pick<S, K> | null | ((prevState: Readonly<S>) => Pick<S, K> | S | null)
 ) => void;
 
-const useSetState = <S extends Record<string, any>>(
-  initialState: S | (() => S),
-): [S, SetState<S>] => {
+const useSetState = <S extends Record<string, any>>(initialState: S | (() => S)): [S, SetState<S>] => {
   const [state, setState] = useState<S>(initialState);
 
-  const setMergeState: SetState<S> = useCallback((patch) => {
-    setState((prevState) => {
+  const setMergeState: SetState<S> = useCallback(patch => {
+    setState(prevState => {
       const newState = typeof patch === 'function' ? patch(prevState) : patch;
       return newState ? { ...prevState, ...newState } : prevState;
     });

package/lib/public/src/utils/hooks/useStyle.ts

@@ -10,9 +10,7 @@ export interface AppViewProps {
   backgroundType?: any;
 }
 
-const getImageSize = async (
-  url: string,
-): Promise<{ width: number; height: number }> => {
+const getImageSize = async (url: string): Promise<{ width: number; height: number }> => {
   return new Promise((resolve, reject) => {
     const image = new Image();
     image.src = url;
@@ -22,7 +20,7 @@ const getImageSize = async (
         height: image.height,
       });
     };
-    image.onerror = (err) => {
+    image.onerror = err => {
       reject(err);
     };
   });
@@ -30,10 +28,7 @@ const getImageSize = async (
 
 export { getImageSize };
 
-const useStyle = (
-  props: AppViewProps,
-  ref: React.MutableRefObject<HTMLDivElement | null | undefined>,
-) => {
+const useStyle = (props: AppViewProps, ref: React.MutableRefObject<HTMLDivElement | null | undefined>) => {
   const { src: imgSrc, style, backgroundType = {} } = props;
   const { mode, type, color, startColor, endColor } = backgroundType || {};
   const [size, setSize] = useState({
@@ -128,7 +123,7 @@ const useStyle = (
       targetStyle.background = `linear-gradient(to bottom, ${startColor}, ${endColor})`;
     } else if (type === 'image') {
       const imageStyle: any = getImageStyle();
-      Object.keys(imageStyle).forEach((key) => {
+      Object.keys(imageStyle).forEach(key => {
         targetStyle[key] = imageStyle[key];
       });
     }

package/lib/public/src/utils/hooks/useTrackedEffect.ts

@@ -3,29 +3,20 @@
 import type { DependencyList } from 'react';
 import { useEffect, useRef } from 'react';
 
-type Effect<T extends DependencyList> = (
-  changes?: number[],
-  previousDeps?: T,
-  currentDeps?: T,
-) => void | (() => void);
+type Effect<T extends DependencyList> = (changes?: number[], previousDeps?: T, currentDeps?: T) => void | (() => void);
 
 const diffTwoDeps = (deps1?: DependencyList, deps2?: DependencyList) => {
   // Let's do a reference equality check on 2 dependency list.
   // If deps1 is defined, we iterate over deps1 and do comparison on each element with equivalent element from deps2
   // As this func is used only in this hook, we assume 2 deps always have same length.
   return deps1
-    ? deps1
-        .map((_ele, idx) => (!Object.is(deps1[idx], deps2?.[idx]) ? idx : -1))
-        .filter((ele) => ele >= 0)
+    ? deps1.map((_ele, idx) => (!Object.is(deps1[idx], deps2?.[idx]) ? idx : -1)).filter(ele => ele >= 0)
     : deps2
-    ? deps2.map((_ele, idx) => idx)
-    : [];
+      ? deps2.map((_ele, idx) => idx)
+      : [];
 };
 
-const useTrackedEffect = <T extends DependencyList>(
-  effect: Effect<T>,
-  deps?: [...T],
-) => {
+const useTrackedEffect = <T extends DependencyList>(effect: Effect<T>, deps?: [...T]) => {
   const previousDepsRef = useRef<T>();
 
   useEffect(() => {

package/lib/public/src/utils/hooks/useWhyDidYouUpdate.ts

@@ -2,10 +2,7 @@ import { useEffect, useRef } from 'react';
 
 export type IProps = Record<string, any>;
 
-export default function useWhyDidYouUpdate(
-  componentName: string,
-  props: IProps,
-) {
+export default function useWhyDidYouUpdate(componentName: string, props: IProps) {
   const prevProps = useRef<IProps>({});
 
   useEffect(() => {
@@ -13,7 +10,7 @@ export default function useWhyDidYouUpdate(
       const allKeys = Object.keys({ ...prevProps.current, ...props });
       const changedProps: IProps = {};
 
-      allKeys.forEach((key) => {
+      allKeys.forEach(key => {
         if (!Object.is(prevProps.current[key], props[key])) {
           changedProps[key] = {
             from: prevProps.current[key],

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

@@ -1,10 +1,6 @@
 import LcdpBaseApi from './lcdpBaseApi';
 
-export declare type LocaleFunction = (
-  key: string,
-  placeholder?: string,
-  kv?: Record<string, string>,
-) => string;
+export declare type LocaleFunction = (key: string, placeholder?: string, kv?: Record<string, string>) => string;
 // 对应用全局数据和全局方法访问的接口对象,为自定义代码提供更多可能性
 /* @__HOT_UPDATE__ */
 class LcdpApi extends LcdpBaseApi {
@@ -23,24 +19,14 @@ class LcdpApi extends LcdpBaseApi {
     // this.mount(mountObj);
     if (singletonLcdpApi) {
       // router 只应该由singletonLcdpApi访问
-      ['router'].forEach((k) => {
+      ['router'].forEach(k => {
         (() => {
           // eslint-disable-next-line
           let val = null;
           Object.defineProperty(this, k, {
             get() {
-              return (
-                url: string,
-                lcdpParentRenderId: string,
-                state?: Record<string, any>,
-              ) =>
-                singletonLcdpApi[k](
-                  url,
-                  this.data.pages,
-                  this.data.appConfig.appId,
-                  lcdpParentRenderId,
-                  state,
-                );
+              return (url: string, lcdpParentRenderId: string, state?: Record<string, any>) =>
+                singletonLcdpApi[k](url, this.data.pages, this.data.appConfig.appId, lcdpParentRenderId, state);
             },
             set(value) {
               val = value;
@@ -59,24 +45,12 @@ class LcdpApi extends LcdpBaseApi {
    * @param lcdpParentRenderId 父页面的渲染ID，是上下文中的renderId，打开弹窗/抽屉需要，否则调用父页面事件已出
    * @param state 组件状态数据
    */
-  router(
-    url: string,
-    currentAppPages: Array<any>,
-    appId: string,
-    lcdpParentRenderId: string,
-    state?: Record<string, any>,
-  ) {
+  router(url: string, currentAppPages: Array<any>, appId: string, lcdpParentRenderId: string, state?: Record<string, any>) {
     const { message } = this.antd;
     if (!url) {
-      message?.warning(
-        this.getLocale('lcdpApi.router.urlEmpty', '页面跳转地址缺失，请检查'),
-      );
+      message?.warning(this.getLocale('lcdpApi.router.urlEmpty', '页面跳转地址缺失，请检查'));
     }
-    if (
-      /^((http|https):)?\/\/[^\s]+/.test(url) ||
-      !this.refs.history ||
-      !this.data.pages
-    ) {
+    if (/^((http|https):)?\/\/[^\s]+/.test(url) || !this.refs.history || !this.data.pages) {
       window.location.href = url;
     } else {
       const isPageId = /^\d+$/.test(url);
@@ -85,36 +59,30 @@ class LcdpApi extends LcdpBaseApi {
       if (currentAppPages?.length) {
         pageData = isPageId
           ? currentAppPages.find((n: any) => n.pageId === url)
-          : currentAppPages.find((n: any) =>
-              url.split('?').includes(n.pagePath),
-            );
+          : currentAppPages.find((n: any) => url.split('?').includes(n.pagePath));
       }
       // this.data.pages 包含所有应用页面
       if (!pageData) {
         pageData = isPageId
           ? this.data.pages.find((n: any) => n.pageId === url)
-          : this.data.pages.find((n: any) =>
-              url.split('?').includes(n.pagePath),
-            );
+          : this.data.pages.find((n: any) => url.split('?').includes(n.pagePath));
       }
       if (pageData) {
         const [pathname, search] = url.split('?');
         const searchPamams = search
           ? search.split('&').reduce((pre: any, cur: any) => {
-              const [k, v] = cur.split('=');
-              if (v) {
-                pre[decodeURIComponent(k)] = decodeURIComponent(v);
-              }
-              return pre;
-            }, {})
+            const [k, v] = cur.split('=');
+            if (v) {
+              pre[decodeURIComponent(k)] = decodeURIComponent(v);
+            }
+            return pre;
+          }, {})
           : {};
         switch (pageData.pageContainerType) {
           case 'Page': {
             let realSearch = search;
             if (!searchPamams?.appId) {
-              realSearch = `${search === undefined ? '?' : `${search}&`}appId=${
-                pageData.appId || appId
-              }`;
+              realSearch = `${search === undefined ? '?' : `${search}&`}appId=${pageData.appId || appId}`;
             }
             this.refs.history.push({
               pathname,
@@ -134,13 +102,7 @@ class LcdpApi extends LcdpBaseApi {
               });
             } catch (e) {
               console.error(e);
-              message?.warning(
-                this.getLocale(
-                  'lcdpApi.router.openFail',
-                  '打开新页面失败，缺失Drawer',
-                  { type: 'Drawer' },
-                ),
-              );
+              message?.warning(this.getLocale('lcdpApi.router.openFail', '打开新页面失败，缺失Drawer', { type: 'Drawer' }));
             }
             break;
           }
@@ -154,31 +116,19 @@ class LcdpApi extends LcdpBaseApi {
               });
             } catch (e) {
               console.error(e);
-              message?.warning(
-                this.getLocale(
-                  'lcdpApi.router.openFail',
-                  '打开新页面失败，缺失Modal',
-                  { type: 'Modal' },
-                ),
-              );
+              message?.warning(this.getLocale('lcdpApi.router.openFail', '打开新页面失败，缺失Modal', { type: 'Modal' }));
             }
             break;
           }
           default: {
             message?.warning(
-              this.getLocale(
-                'lcdpApi.router.notSupport',
-                `不支持的页面类型: ${pageData.pageContainerType}`,
-                { type: pageData.pageContainerType },
-              ),
+              this.getLocale('lcdpApi.router.notSupport', `不支持的页面类型: ${pageData.pageContainerType}`, { type: pageData.pageContainerType })
             );
             break;
           }
         }
       } else {
-        message?.warning(
-          this.getLocale('lcdpApi.router.notFound', '找不到跳转页面的数据'),
-        );
+        message?.warning(this.getLocale('lcdpApi.router.notFound', '找不到跳转页面的数据'));
       }
     }
   }

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

@@ -83,19 +83,12 @@ class LcdpBaseApi {
      * @param {string} funcName 自定义事件名
      * @param {object} options 自定义事件所需参数
      */
-    this.callSelCustomFunc = (
-      currentPageId: string,
-      funcName: string,
-      options: any,
-    ) => {
+    this.callSelCustomFunc = (currentPageId: string, funcName: string, options: any) => {
       let pageId = currentPageId;
       let func = funcName;
 
       // 存量数据第一个参数为funcName，该参数支持嵌套写法，现调整为currentPageId
-      if (
-        typeof currentPageId === 'string' &&
-        currentPageId.indexOf('.') !== -1
-      ) {
+      if (typeof currentPageId === 'string' && currentPageId.indexOf('.') !== -1) {
         pageId = currentPageId.split('.')[0];
         func = currentPageId.split('.')[1];
       }
@@ -138,12 +131,12 @@ class LcdpBaseApi {
     // 兼容旧数据，在访问lcdpApi的data数据（仅针对公共数据部分，如： pages, user等）时需要将singletonLcdpApi的数据返回
     if (singletonLcdpApi) {
       const dataKeys = new Set(['user', 'tenantId']);
-      Object.keys(singletonLcdpApi.data).forEach((k) => {
+      Object.keys(singletonLcdpApi.data).forEach(k => {
         if (this.data[k] === undefined) {
           dataKeys.add(k);
         }
       });
-      [...dataKeys].forEach((k) => {
+      [...dataKeys].forEach(k => {
         (() => {
           // 理论上不会用到val
           let val = null;
@@ -158,7 +151,7 @@ class LcdpBaseApi {
           });
         })();
       });
-      ['history'].forEach((k) => {
+      ['history'].forEach(k => {
         (() => {
           let val = null;
           Object.defineProperty(this.refs, k, {
@@ -205,12 +198,9 @@ class LcdpBaseApi {
 
   setData(key: string, value: any, isReplaceAll = true) {
     // 对象/数组赋值保留原内存地址, 解决被变量引用内存地址，修改后导致该变量无法正常取值
-    if (
-      Object.prototype.toString.call(value) === '[object Object]' &&
-      Object.prototype.toString.call(this.data[key]) === '[object Object]'
-    ) {
+    if (Object.prototype.toString.call(value) === '[object Object]' && Object.prototype.toString.call(this.data[key]) === '[object Object]') {
       if (isReplaceAll) {
-        Object.keys(this.data[key]).forEach((n) => delete this.data[key][n]);
+        Object.keys(this.data[key]).forEach(n => delete this.data[key][n]);
       }
       this.data[key] = Object.assign(this.data[key], value);
     } else if (Array.isArray(value) && Array.isArray(this.data[key])) {
@@ -284,7 +274,7 @@ class LcdpBaseApi {
   }
 
   initHooks(hookArray: any[]) {
-    hookArray.forEach((c) => {
+    hookArray.forEach(c => {
       this.hooks[c.hookCode] = c.hookCompiledContent;
     });
   }

package/lib/public/src/utils/platform/type.ts

@@ -1,7 +1,3 @@
 import { AppCtxType } from '@/utils/service/baseRequest';
 
-export type HTTPMehodFn = (
-  params: any,
-  ctx: AppCtxType,
-  ...e: any[]
-) => Promise<any> | string;
+export type HTTPMehodFn = (params: any, ctx: AppCtxType, ...e: any[]) => Promise<any> | string;