@lingxiteam/ebe-utils 0.2.4 → 0.2.6

package/lib/h5public/src/components/factory/src/utils/getImageSize.ts

@@ -1,6 +1,4 @@
-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;
@@ -10,7 +8,7 @@ const getImageSize = async (
         height: image.height,
       });
     };
-    image.onerror = (err) => {
+    image.onerror = err => {
       reject(err);
     };
   });

package/lib/h5public/src/components/factory/src/utils/hooks/useAsyncState.ts

@@ -2,16 +2,14 @@ import { isEqual } from 'lodash';
 import { useEffect, useMemo, useRef } from 'react';
 import { SetState, useSetState } from '../ahooks';
 
-const useAsyncState = <S extends Record<string, any>>(
-  depth: S,
-): [S, SetState<S>] => {
+const useAsyncState = <S extends Record<string, any>>(depth: S): [S, SetState<S>] => {
   const [state, setState] = useSetState(depth);
 
   const preDepthRef = useRef<any[]>([]);
 
   const depthList = useMemo(() => {
     const values: any[] = [];
-    Object.keys(depth).forEach((key) => {
+    Object.keys(depth).forEach(key => {
       values.push(key);
     });
 

package/lib/h5public/src/components/factory/src/utils/hooks/useCompState.tsx

@@ -3,12 +3,7 @@ import { useMemo } from 'react';
 const renderHTML = (des: string) => {
   if (des) {
     // eslint-disable-next-line react/no-danger
-    return (
-      <span
-        dangerouslySetInnerHTML={{ __html: des }}
-        style={{ display: 'flex', justifyContent: 'center' }}
-      />
-    );
+    return <span dangerouslySetInnerHTML={{ __html: des }} style={{ display: 'flex', justifyContent: 'center' }} />;
   }
   return null;
 };

package/lib/h5public/src/components/factory/src/utils/hooks/useDefaultValue.ts

@@ -22,19 +22,17 @@ const useDefaultValue = (temDefaultValue: any, max?: number) => {
     // 对应数据格式时1,2 逗号分隔字符串
     if (typeof defaultValue === 'string' && defaultValue.length > 0) {
       // eslint-disable-next-line camelcase
-      const new_val = `${defaultValue}`
-        ?.replace(/(^\[)|(\]$)/g, '')
-        ?.split(',');
+      const new_val = `${defaultValue}`?.replace(/(^\[)|(\]$)/g, '')?.split(',');
       // eslint-disable-next-line camelcase
       return Array.isArray(new_val) && max ? new_val.slice(0, max) : new_val;
     }
     if (Array.isArray(defaultValue)) {
       const tem = max ? defaultValue.slice(0, max) : defaultValue;
       // @ts-ignore
-      return tem.map((item) => item?.value || item);
+      return tem.map(item => item?.value || item);
     }
     if (Object.prototype.toString.call(defaultValue) === '[object Object]') {
-      return [defaultValue].map((item) => item?.value || item);
+      return [defaultValue].map(item => item?.value || item);
     }
     return [];
   }, [temDefaultValue, max]);

package/lib/h5public/src/components/factory/src/utils/hooks/useFormItem.ts

@@ -1,19 +1,8 @@
 import { ComponentItemType, EngineApisType } from '@lingxiteam/types';
 import isEqual from 'lodash/isEqual';
-import React, {
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-} from 'react';
+import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import { getRules as getAppRules } from '..';
-import {
-  useDeepCompareEffect,
-  useMemoizedFn,
-  usePrevious,
-  useSafeState,
-} from '../ahooks/index';
+import { useDeepCompareEffect, useMemoizedFn, usePrevious, useSafeState } from '../ahooks/index';
 import { DFormContext, MonitorFn } from '../form';
 
 export interface UseFormItemProps {
@@ -31,6 +20,31 @@ export interface UseFormItemProps {
   getEngineApis: () => EngineApisType;
 }
 
+/**
+ * 空规则标识
+ * gai
+ */
+const EMPTY_RULE_SYMBOL = Symbol('EMPTY_SYMBOL');
+
+/**
+ * 为了规避rc-form-field的校验bug
+ * FIXME: 为了规避rc-form-field的校验bug 具体代码可以参考rc-form-field/src/useForm.ts#904，
+ * 如果把rules直接设置为空之后，该规则将不再进行校验。导致一直存在错误的信息展示。
+ * @returns
+ */
+export const createEmptyRule = (): any => {
+  return {
+    [EMPTY_RULE_SYMBOL]: true,
+  };
+};
+
+/**
+ * 移除空的校验规则
+ * @param rules
+ * @returns
+ */
+export const removeEmptyRule = (rules: any[] = []) => rules.filter(item => !item[EMPTY_RULE_SYMBOL]);
+
 /**
  * 属性值变化调用方法更新
  * @param value
@@ -50,11 +64,7 @@ function useListenState<T>(propsValue: T): [T, (data: T) => void] {
   return [memoValue, setValue];
 }
 
-export const useFormItem = (
-  ref: any,
-  props: UseFormItemProps,
-  handle?: any,
-) => {
+export const useFormItem = (ref: any, props: UseFormItemProps, handle?: any) => {
   const {
     defaultValue,
     required: defaulrequired,
@@ -71,26 +81,42 @@ export const useFormItem = (
   } = props;
 
   const { getLocale, onlySyncValue, compatConfig } = getEngineApis?.() || {};
-  const {
-    isForm,
-    form,
-    allDisabled: tempAllDisabled,
-    error,
-    statusMonitor,
-    uploadChildRelation,
-  } = React.useContext(DFormContext) || {};
+  const { isForm, form, allDisabled: tempAllDisabled, error, statusMonitor, uploadChildRelation } = React.useContext(DFormContext) || {};
   const [rules, setRules] = useListenState(defaultRules);
   const [required, setRequired] = useListenState(defaulrequired);
   const [disabled, setDisabled] = useListenState(defaultDisabled);
   const [readOnly, setReadOnly] = useListenState(defaulReadonly);
   const { uid, type } = $$componentItem || {};
 
-  const setExtendRules = (newRules: any[], isAppendLastTime: boolean) => {
+  const setExtendRules = (newRules: Array<{ pattern?: RegExp; message?: string }>, isAppendLastTime: boolean) => {
     if (Array.isArray(newRules)) {
+      // 过滤掉重复的正则规则
+      const appendFilterList = (ruleList: Array<{ pattern?: RegExp; message?: string }>) => {
+        const list = removeEmptyRule(ruleList);
+        const currentRuleMap = new Map<string, string[] | undefined>();
+        const newRulesList: any[] = [];
+        (list || []).forEach(p => {
+          const { message, pattern } = p;
+          if (pattern) {
+            const patternStr = pattern.toString();
+            const msgList = currentRuleMap.get(patternStr);
+            // 正则和message相同的规则，有且只能有一条
+            if (!(msgList && msgList.includes(message || ''))) {
+              newRulesList.push(p);
+              if (message) {
+                currentRuleMap.set(patternStr, [...(msgList || []), message]);
+              }
+            }
+          } else {
+            newRulesList.push(p);
+          }
+        });
+        return newRulesList;
+      };
       if (isAppendLastTime === true) {
-        setRules([...(rules || []), ...newRules]);
+        setRules(appendFilterList([...(rules || []), ...newRules]));
       } else {
-        setRules(newRules);
+        setRules(appendFilterList(newRules));
       }
     }
   };
@@ -127,11 +153,7 @@ export const useFormItem = (
       const finalRules = getAppRules({
         required,
         // message: `${compName === 'DCheckbox' ? '请选择' : '请输入'}${title}`,
-        message: getLocale?.(
-          `${compName || type}.selectPlaceholder`,
-          '请输入',
-          { title },
-        ),
+        message: getLocale?.(`${compName || type}.selectPlaceholder`, '请输入', { title }),
         regexp,
       });
       if (Array.isArray(rules)) {
@@ -139,7 +161,7 @@ export const useFormItem = (
       }
       return finalRules as any;
     },
-    [regexp, required, title, rules],
+    [regexp, required, title, rules]
   );
 
   const onInputChange = useMemoizedFn((value: any, ...args: any[]) => {
@@ -169,6 +191,16 @@ export const useFormItem = (
       setExtendRules(newRules, isAppendLastTime);
     },
 
+    /**
+     * 清空rules
+     */
+    clearRules: () => {
+      setRules([createEmptyRule()]);
+      if (form && fieldProps) {
+        form.validateFields([fieldProps]);
+      }
+    },
+
     /**
      * 零代码使用
      */

package/lib/h5public/src/components/factory/src/utils/hooks/useFuncExpExecute.ts

@@ -1,18 +1,8 @@
 import { useCallback } from 'react';
 
-export type FuncExpExeCuteType = (
-  str: string,
-  params: { key: string; value: any }[],
-  execute?: Function,
-  getLocale?: Function,
-) => any;
+export type FuncExpExeCuteType = (str: string, params: { key: string; value: any }[], execute?: Function, getLocale?: Function) => any;
 
-const funcExpExeCute: FuncExpExeCuteType = (
-  str,
-  params,
-  execute,
-  getLocale?: Function,
-) => {
+const funcExpExeCute: FuncExpExeCuteType = (str, params, execute, getLocale?: Function) => {
   if (!str) return '';
 
   let codeStr = str;
@@ -29,9 +19,7 @@ const funcExpExeCute: FuncExpExeCuteType = (
       const codeFunc = execute?.(codeStr);
 
       if (typeof codeFunc !== 'function') {
-        throw new Error(
-          getLocale?.('functionWarning') || '必须为函数声明的表达式',
-        );
+        throw new Error(getLocale?.('functionWarning') || '必须为函数声明的表达式');
       }
 
       let funcParams: any = [];
@@ -44,11 +32,11 @@ const funcExpExeCute: FuncExpExeCuteType = (
        * 所以，需要兼容参数格式解析，在这边临时处理强行弥补
        */
       if (!str.match(/function.*\(renderParams\)/g)) {
-        funcParams = params.map((param) => param.value);
+        funcParams = params.map(param => param.value);
       } else {
         const objParam: any = {};
 
-        params.forEach((param) => {
+        params.forEach(param => {
           objParam[param.key] = param.value;
         });
 
@@ -82,6 +70,6 @@ export const useFuncExpExecute = (executor: Function, getLocale?: any) => {
     (str, params) => {
       return funcExpExeCute(str, params, executor, getLocale);
     },
-    [executor],
+    [executor]
   );
 };

package/lib/h5public/src/components/factory/src/utils/hooks/useHiddenStyle.ts

@@ -7,11 +7,7 @@ import { CSSProperties, useMemo } from 'react';
  * @param visibility 是否隐藏占位
  * @returns
  */
-const useHiddenStyle = (
-  visible: boolean,
-  style?: CSSProperties,
-  visibility?: boolean,
-) => {
+const useHiddenStyle = (visible: boolean, style?: CSSProperties, visibility?: boolean) => {
   const finalStyle = useMemo<CSSProperties>(() => {
     if (!visible) {
       if (style) {

package/lib/h5public/src/components/factory/src/utils/hooks/useToggleBoolean.ts

@@ -6,28 +6,24 @@ import { useListenProps } from './useListenState';
  * @param defaultValue 默认值
  * @returns
  */
-export const useToggleBoolean = (
-  defaultValue: any,
-): [boolean, (val: boolean | 'toggle') => void] => {
+export const useToggleBoolean = (defaultValue: any): [boolean, (val: boolean | 'toggle') => void] => {
   const [state, setState] = useState<boolean>(defaultValue);
   const setToggleState = useCallback(
     (val: boolean | 'toggle') => {
       setState(val === 'toggle' ? !state : val);
     },
-    [state],
+    [state]
   );
   return [state, setToggleState];
 };
 
-export const useListenToggleBoolean = (
-  defaultValue: any,
-): [boolean, (val: boolean | 'toggle') => void] => {
+export const useListenToggleBoolean = (defaultValue: any): [boolean, (val: boolean | 'toggle') => void] => {
   const [state, setState] = useListenProps<boolean>(defaultValue);
   const setToggleState = useCallback(
     (val: boolean | 'toggle') => {
       setState(val === 'toggle' ? !state : val);
     },
-    [state],
+    [state]
   );
   return [state, setToggleState];
 };

package/lib/h5public/src/components/factory/src/utils/i18n.ts

@@ -1,12 +1,8 @@
 // eslint-disable-next-line max-len
 export const getCalendarLocale = (
-  getLocale: (
-    t: string,
-    placelhoder?: string,
-    tempValue?: Record<string, any>,
-  ) => string | undefined,
+  getLocale: (t: string, placelhoder?: string, tempValue?: Record<string, any>) => string | undefined,
   t: string,
-  tempValue?: Record<string, any>,
+  tempValue?: Record<string, any>
 ) => {
   if (t === 'confirm') {
     return getLocale(t, '', tempValue);

package/lib/h5public/src/components/factory/src/utils/index.ts

@@ -1,9 +1,4 @@
-import type {
-  FilterWhiteSpaceFunction,
-  FilterWhiteSpaceParamaters,
-  GetRulesFunction,
-  GetRulesParamaters,
-} from './PropType';
+import type { FilterWhiteSpaceFunction, FilterWhiteSpaceParamaters, GetRulesFunction, GetRulesParamaters } from './PropType';
 
 const WUFENG_ACTIONS = {
   LcdpApis: 'apis',
@@ -54,24 +49,19 @@ export const getRegExp = (pattern = '') => {
       pattern
         .split('')
         .reverse()
-        .findIndex((w) => w === '/') -
+        .findIndex(w => w === '/') -
       1; // 找到 '/'
     if (location === pattern.length - 1) {
       return new RegExp(pattern.substr(1, pattern.length - 2));
     }
-    return new RegExp(
-      pattern.substr(1, location - 1),
-      pattern.substring(location + 1),
-    );
+    return new RegExp(pattern.substr(1, location - 1), pattern.substring(location + 1));
   }
   return new RegExp(pattern);
 };
 
-export const filterWhiteSpace: FilterWhiteSpaceFunction<
-  FilterWhiteSpaceParamaters
-> = (obj) => {
+export const filterWhiteSpace: FilterWhiteSpaceFunction<FilterWhiteSpaceParamaters> = obj => {
   const source: FilterWhiteSpaceParamaters = {};
-  Object.keys(obj).forEach((key) => {
+  Object.keys(obj).forEach(key => {
     const value = obj[key];
     if (value !== undefined) {
       source[key] = value;
@@ -80,23 +70,11 @@ export const filterWhiteSpace: FilterWhiteSpaceFunction<
   return source;
 };
 
-export const getRules: GetRulesFunction<GetRulesParamaters> = ({
-  required,
-  regexp,
-  message,
-}) => {
+export const getRules: GetRulesFunction<GetRulesParamaters> = ({ required, regexp, message }) => {
   const r: FilterWhiteSpaceParamaters[] = [{ required, message }];
   if (Array.isArray(regexp)) {
-    regexp.forEach((reg) => {
-      const {
-        enum: en,
-        len,
-        max,
-        min,
-        type,
-        whitespace,
-        validateTrigger,
-      } = reg;
+    regexp.forEach(reg => {
+      const { enum: en, len, max, min, type, whitespace, validateTrigger } = reg;
       r.push(
         filterWhiteSpace({
           enum: en,
@@ -109,7 +87,7 @@ export const getRules: GetRulesFunction<GetRulesParamaters> = ({
           whitespace,
           validateTrigger,
           pattern: getRegExp(reg.pattern),
-        }),
+        })
       );
     });
   }
@@ -118,9 +96,7 @@ export const getRules: GetRulesFunction<GetRulesParamaters> = ({
 
 export const getLcdpApi = async () => {
   // eslint-disable-next-line no-return-await
-  return await (window as any).wufengController.getAction(
-    WUFENG_ACTIONS.LcdpApis,
-  );
+  return await (window as any).wufengController.getAction(WUFENG_ACTIONS.LcdpApis);
 };
 
 export const getRequestByMethod = async (key: string) => {
@@ -130,9 +106,7 @@ export const getRequestByMethod = async (key: string) => {
 
 export const getLcdpUtils = async () => {
   // eslint-disable-next-line no-return-await
-  return await (window as any).wufengController.getAction(
-    WUFENG_ACTIONS.LcdpUtils,
-  );
+  return await (window as any).wufengController.getAction(WUFENG_ACTIONS.LcdpUtils);
 };
 
 /**
@@ -143,11 +117,7 @@ export const getLcdpUtils = async () => {
 export const resolveImageDownload = async (fileCode: string) => {
   if (fileCode) {
     const utils = await getLcdpUtils();
-    return utils.resolveImageDownload(
-      `app/file/appFileResource/downloadFileByFileCode?appId=${
-        (window as any).appId
-      }&fileCode=${fileCode}`,
-    );
+    return utils.resolveImageDownload(`app/file/appFileResource/downloadFileByFileCode?appId=${(window as any).appId}&fileCode=${fileCode}`);
   }
   return '';
 };
@@ -199,11 +169,11 @@ export const evalMyFunction = (str: any, params: any = {}) => {
        * 所以，需要兼容两种参数格式解析，在这边临时处理强行弥补
        */
       if (!str.match(/function.*\(renderParams\)/g)) {
-        funcParams = params.map((param) => param.value);
+        funcParams = params.map(param => param.value);
       } else {
         const objParam: any = {};
 
-        params.forEach((param) => {
+        params.forEach(param => {
           objParam[param.key] = param.value;
         });
 
@@ -243,9 +213,7 @@ export const setRgbTo16 = (str: string) => {
   const g = Math.floor(a * parseInt(values[1]) + (1 - a) * 255);
   // eslint-disable-next-line radix
   const b = Math.floor(a * parseInt(values[2]) + (1 - a) * 255);
-  return `#${`0${r.toString(16)}`.slice(-2)}${`0${g.toString(16)}`.slice(
-    -2,
-  )}${`0${b.toString(16)}`.slice(-2)}`;
+  return `#${`0${r.toString(16)}`.slice(-2)}${`0${g.toString(16)}`.slice(-2)}${`0${b.toString(16)}`.slice(-2)}`;
 };
 
 /**
@@ -253,15 +221,10 @@ export const setRgbTo16 = (str: string) => {
  * @param fileCode 文件编码
  * @returns
  */
-export const resolvePicVeriryCodeDownload = async (
-  validateCodeCount: string,
-  random: string,
-) => {
+export const resolvePicVeriryCodeDownload = async (validateCodeCount: string, random: string) => {
   if (`${validateCodeCount}` && `${random}`) {
     const utils = await getLcdpUtils();
-    return utils.resolvePicVeriryCodeDownload(
-      `app/validateCode/getValidateCodePicture?validateCodeCount=${validateCodeCount}&t=${random}`,
-    );
+    return utils.resolvePicVeriryCodeDownload(`app/validateCode/getValidateCodePicture?validateCodeCount=${validateCodeCount}&t=${random}`);
   }
   return '';
 };
@@ -290,12 +253,7 @@ const transImageFile = (fileName: string, imageDataURL: any) => {
  * @param compressionNumber 压缩次数compressionNumber
  * @returns 返回图片
  */
-export const transformFile = (
-  file: any,
-  quality = 0.9,
-  maxSizeKB?: number,
-  compressionNumber?: number,
-) => {
+export const transformFile = (file: any, quality = 0.9, maxSizeKB?: number, compressionNumber?: number) => {
   /**
    * 针对图片进行压缩,如果图片大小超过压缩阈值,则执行压缩,否则不压缩
    */
@@ -312,7 +270,7 @@ export const transformFile = (
     }
   }
 
-  return new Promise((resolve) => {
+  return new Promise(resolve => {
     // 声明FileReader文件读取对象
     const reader = new FileReader();
     reader.readAsDataURL(file);
@@ -342,15 +300,11 @@ export const transformFile = (
             if (originImageWidth / originImageHeight > ratio) {
               // 宽度取最大宽度值maxWidth,缩放高度
               targetWidth = maxWidth;
-              targetHeight = Math.round(
-                maxWidth * (originImageHeight / originImageWidth),
-              );
+              targetHeight = Math.round(maxWidth * (originImageHeight / originImageWidth));
             } else {
               // 高度取最大高度值maxHeight,缩放宽度
               targetHeight = maxHeight;
-              targetWidth = Math.round(
-                maxHeight * (originImageWidth / originImageHeight),
-              );
+              targetWidth = Math.round(maxHeight * (originImageWidth / originImageHeight));
             }
           }
         }
@@ -364,10 +318,7 @@ export const transformFile = (
         // quality值越小,图像越模糊,默认图片质量为0.92
         // 只有设置类型'image/jpeg'压缩才会生效
 
-        let imageDataURL = canvas.toDataURL(
-          'image/jpeg',
-          pictureQuality,
-        ) as any;
+        let imageDataURL = canvas.toDataURL('image/jpeg', pictureQuality) as any;
         if (maxSizeKB && device > 0) {
           let L = true;
           let quality = 0;
@@ -379,10 +330,7 @@ export const transformFile = (
             // 二分法进行压缩
             // eslint-disable-next-line no-plusplus
             for (let index = 1; index <= device; index++) {
-              imageDataURL = canvas.toDataURL(
-                'image/jpeg',
-                L ? (quality += 1 / 2 ** index) : (quality -= 1 / 2 ** index),
-              );
+              imageDataURL = canvas.toDataURL('image/jpeg', L ? (quality += 1 / 2 ** index) : (quality -= 1 / 2 ** index));
               newFile = transImageFile(file.name, imageDataURL);
               newFile.size / 1024 > maxSizeKB ? (L = false) : (L = true);
             }
@@ -396,7 +344,7 @@ export const transformFile = (
     };
     reader.onerror = () => file;
   })
-    .then((res) => res)
+    .then(res => res)
     .catch(() => file);
 };
 
@@ -414,3 +362,18 @@ export const convertToBytes = (size: string) => {
   };
   return value * (units[unit] || 0);
 };
+
+/**
+ * 生成唯一id
+ * @param prefix
+ * @param id
+ * @param slength
+ * @returns
+ */
+export const createId = (prefix?: string, id?: string, slength: number = 12) => {
+  let uid = id;
+  if (!uid) {
+    uid = `${Math.random()}`.slice(slength);
+  }
+  return prefix ? `${prefix}_${uid}` : uid;
+};