@lingxiteam/ebe-utils 0.5.11 → 0.6.2

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

@@ -1,6 +1,11 @@
 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) => {
   if (!str) return '';
@@ -10,18 +15,18 @@ const funcExpExeCute: FuncExpExeCuteType = (str, params, execute, getLocale?: Fu
   try {
     if (params && Array.isArray(params)) {
       const isArrowFunc = codeStr.indexOf('=>') !== -1;
-
+      
       if (isArrowFunc) {
         const [funcDefine, funcBody] = codeStr.split('=>');
         codeStr = `function ${funcDefine} ${funcBody}`;
       }
-
+  
       const codeFunc = execute?.(codeStr);
 
       if (typeof codeFunc !== 'function') {
         throw new Error(getLocale?.('functionWarning') || '必须为函数声明的表达式');
       }
-
+  
       let funcParams: any = [];
 
       /**
@@ -35,18 +40,18 @@ const funcExpExeCute: FuncExpExeCuteType = (str, params, execute, getLocale?: Fu
         funcParams = params.map(param => param.value);
       } else {
         const objParam: any = {};
-
+  
         params.forEach(param => {
           objParam[param.key] = param.value;
         });
-
+  
         funcParams = objParam;
       }
-
+  
       if (funcParams && Array.isArray(funcParams)) {
         return codeFunc(...funcParams);
       }
-
+  
       return codeFunc(funcParams);
     }
   } catch (error) {
@@ -66,10 +71,7 @@ export const useFuncExpExecute = (executor: Function, getLocale?: any) => {
    * @param {function} execute
    * @returns
    */
-  return useCallback(
-    (str, params) => {
-      return funcExpExeCute(str, params, executor, getLocale);
-    },
-    [executor]
-  );
+  return useCallback((str, params) => {
+    return funcExpExeCute(str, params, executor, getLocale);
+  }, [executor]);
 };

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

@@ -1,5 +1,6 @@
 import { CSSProperties, useMemo } from 'react';
 
+
 /**
  *
  * @param visible 是否显示
@@ -22,18 +23,16 @@ const useHiddenStyle = (visible: boolean, style?: CSSProperties, visibility?: bo
         return _style;
       }
       if (visibility) {
-        return {
-          visibility: 'hidden',
-          transform: 'opacity 0.3s ease',
-          opacity: 0,
-        };
+        return { visibility: 'hidden', transform: 'opacity 0.3s ease', opacity: 0 };
       }
       return { display: 'none' };
     }
     return style || {};
   }, [visible, visibility]);
 
+
   return finalStyle;
 };
 
+
 export default useHiddenStyle;

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

@@ -1,5 +1,6 @@
 import { usePrevious, useSafeState, useUpdateEffect } from '../ahooks';
 
+
 /**
  * 属性值变化调用方法更新
  * @param value

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

@@ -6,24 +6,28 @@ 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,9 +1,5 @@
 // eslint-disable-next-line max-len
-export const getCalendarLocale = (
-  getLocale: (t: string, placelhoder?: string, tempValue?: Record<string, any>) => string | undefined,
-  t: string,
-  tempValue?: Record<string, any>
-) => {
+export const getCalendarLocale = (getLocale: (t: string, placelhoder?: string, tempValue?: Record<string, any>) => string | undefined, t: string, tempValue?: Record<string, any>) => {
   if (t === 'confirm') {
     return getLocale(t, '', tempValue);
   }

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

@@ -1,4 +1,9 @@
-import type { FilterWhiteSpaceFunction, FilterWhiteSpaceParamaters, GetRulesFunction, GetRulesParamaters } from './PropType';
+import type {
+  FilterWhiteSpaceFunction,
+  FilterWhiteSpaceParamaters,
+  GetRulesFunction,
+  GetRulesParamaters,
+} from './PropType';
 
 const WUFENG_ACTIONS = {
   LcdpApis: 'apis',
@@ -49,7 +54,7 @@ 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));
@@ -59,9 +64,9 @@ export const getRegExp = (pattern = '') => {
   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;
@@ -73,7 +78,7 @@ export const filterWhiteSpace: FilterWhiteSpaceFunction<FilterWhiteSpaceParamate
 export const getRules: GetRulesFunction<GetRulesParamaters> = ({ required, regexp, message }) => {
   const r: FilterWhiteSpaceParamaters[] = [{ required, message }];
   if (Array.isArray(regexp)) {
-    regexp.forEach(reg => {
+    regexp.forEach((reg) => {
       const { enum: en, len, max, min, type, whitespace, validateTrigger } = reg;
       r.push(
         filterWhiteSpace({
@@ -87,7 +92,7 @@ export const getRules: GetRulesFunction<GetRulesParamaters> = ({ required, regex
           whitespace,
           validateTrigger,
           pattern: getRegExp(reg.pattern),
-        })
+        }),
       );
     });
   }
@@ -117,7 +122,10 @@ 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 '';
 };
@@ -142,11 +150,7 @@ export const evalMyFunction = (str: any, params: any = {}) => {
   if (!str) return '';
 
   // 去除前后$, 去除注释，去除换行
-  let codeStr = str
-    .replace(/^\$/, '')
-    .replace(/\$$/, '')
-    .replace(/\/\*.+[\s\S]*\*\//, '')
-    .replace(/\n/, '');
+  let codeStr = str.replace(/^\$/, '').replace(/\$$/, '').replace(/\/\*.+[\s\S]*\*\//, '').replace(/\n/, '');
 
   try {
     if (params && Array.isArray(params)) {
@@ -213,7 +217,12 @@ 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)}`
+  );
 };
 
 /**
@@ -224,7 +233,9 @@ export const setRgbTo16 = (str: 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 '';
 };
@@ -300,11 +311,15 @@ export const transformFile = (file: any, quality = 0.9, maxSizeKB?: number, comp
             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),
+              );
             }
           }
         }
@@ -318,7 +333,10 @@ export const transformFile = (file: any, quality = 0.9, maxSizeKB?: number, comp
         // 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;
@@ -330,9 +348,9 @@ export const transformFile = (file: any, quality = 0.9, maxSizeKB?: number, comp
             // 二分法进行压缩
             // 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);
+              (newFile.size / 1024) > maxSizeKB ? L = false : L = true;
             }
             resolve(newFile);
           }
@@ -343,9 +361,7 @@ export const transformFile = (file: any, quality = 0.9, maxSizeKB?: number, comp
       };
     };
     reader.onerror = () => file;
-  })
-    .then(res => res)
-    .catch(() => file);
+  }).then(res => res).catch(() => file);
 };
 
 // 将MB、KB转换成Bytes
@@ -353,13 +369,7 @@ export const convertToBytes = (size: string) => {
   if (typeof size !== 'string') return 0;
   const unit = size.match(/[a-zA-Z]+/)?.[0]?.toUpperCase() || 'B';
   const value = parseFloat(size);
-  const units: any = {
-    B: 1,
-    KB: 1024,
-    MB: 1024 * 1024,
-    GB: 1024 * 1024 * 1024,
-    TB: 1024 * 1024 * 1024 * 1024,
-  };
+  const units: any = { B: 1, KB: 1024, MB: 1024 * 1024, GB: 1024 * 1024 * 1024, TB: 1024 * 1024 * 1024 * 1024 };
   return value * (units[unit] || 0);
 };
 
@@ -377,3 +387,44 @@ export const createId = (prefix?: string, id?: string, slength: number = 12) =>
   }
   return prefix ? `${prefix}_${uid}` : uid;
 };
+
+/**
+ * 过滤html里面的危险标签
+ * @param str
+ * @returns
+ */
+export const filterHtmlNode = (str: string) => {
+  if (typeof str !== 'string' || !str) return str || '';
+  const blacklist = ['script', 'style', 'iframe'];
+
+  // 创建一个新的 DOM 解析器对象
+  const parser = new DOMParser();
+
+  // 使用 parseFromString 方法将 HTML 片段转换为 DOM 对象
+  const doc = parser.parseFromString(str, 'text/html');
+
+  // 遍历 DOM 树并删除恶意节点
+  function cleanNode(node: Element) {
+    if (node.nodeType === 1) {
+      // 元素节点
+      if (blacklist.indexOf(node.nodeName.toLowerCase()) !== -1) {
+        node.parentNode?.removeChild(node);
+        return;
+      }
+
+      // 移除元素节点上所有事件属性
+      for (let i = node.attributes.length - 1; i >= 0; i -= 1) {
+        const attr = node.attributes[i];
+        if (attr.name.startsWith('on') || String(node.getAttribute(attr.name)).toLowerCase().indexOf('javascript:') !== -1) {
+          node.removeAttribute(attr.name);
+        }
+      }
+    }
+
+    for (let i = 0; i < node.childNodes.length; i += 1) {
+      cleanNode(node.childNodes[i] as Element);
+    }
+  }
+  cleanNode(doc.body);
+  return doc.body.innerHTML;
+};

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

@@ -1,5 +1,5 @@
-import { LocaleFunction } from '@lingxiteam/types';
 import { Toast as message } from 'antd-mobile-5';
+import { LocaleFunction } from '@lingxiteam/types';
 
 const defaultUrl = '/app/file/uploadSingleFile';
 
@@ -78,7 +78,7 @@ class UploadHandle implements UploadOpts {
   }
 
   async setProps(opts: UploadOpts) {
-    Object.keys(opts).forEach(key => {
+    Object.keys(opts).forEach((key) => {
       if (key && opts[key]) {
         // @ts-ignore
         this[key] = opts[key];
@@ -100,14 +100,14 @@ class UploadHandle implements UploadOpts {
   }
 
   setHooks(hooks = {}) {
-    Object.keys(hooks).forEach(h => {
+    Object.keys(hooks).forEach((h) => {
       // @ts-ignore
       this.hooks[h] = hooks[h];
     });
   }
 
   // 当传入hooks，优先执行传入的hooks，图片多张上传使用
-  sendRequestAfter(value: { hooks?: UploadHooks; [key: string]: any }) {
+  sendRequestAfter(value: { hooks?: UploadHooks, [key: string]: any }) {
     const { hooks, ...resProps } = value;
     if (this.onChange) {
       this.onChange(value.resultObject);
@@ -160,7 +160,7 @@ class UploadHandle implements UploadOpts {
   }
 
   // 当发送请求的时候传入hooks， 和file 优先使用参数的，图片多张上传使用
-  async sendRequest(params?: { hooks: UploadHooks; file: Blob }) {
+  async sendRequest(params?: {hooks: UploadHooks, file: Blob }) {
     const { hooks = params?.hooks, ...restOpts } = this.opts as UploadOpts;
     const { uploadBefore, uploadError } = hooks as UploadHooks;
     const file = params?.file || this.file;
@@ -181,31 +181,29 @@ class UploadHandle implements UploadOpts {
       }
       Object.keys(this.customHeaders).forEach((key: string) => {
         // 将自定义头部里非ISO-8859-1字符 转码下
-        this.headers.headers[key] = encodeURIComponent(this.customHeaders?.[key] || '');
+        this.headers.headers[key] = encodeURI(this.customHeaders?.[key] || '');
       });
     }
-
-    this.request
-      .post(this.url, formData, this.headers)
-      .then((data: any) => {
-        if (!data) {
-          return Promise.reject(new Error(this.getLocale('Upload.exception', '请求失败，网关响应异常')));
-        }
-        const resp = {
-          ...data,
-          url: `${this.filePrefix}${data[this.fileIdKey]}`,
-          fileType: file?.type,
-        };
-        this.resultObj = resp;
-        this.sendRequestAfter({
-          ...restOpts,
-          resultObject: data,
-          file,
-          realUrl: `${this.filePrefix}${data[this.fileIdKey]}`,
-          hooks: params?.hooks,
-        });
-        return resp;
-      })
+    
+    this.request.post(this.url, formData, this.headers).then((data: any) => {
+      if (!data) {
+        return Promise.reject(new Error(this.getLocale('Upload.exception', '请求失败，网关响应异常')));
+      }
+      const resp = {
+        ...data,
+        url: `${this.filePrefix}${data[this.fileIdKey]}`,
+        fileType: file?.type,
+      };
+      this.resultObj = resp;
+      this.sendRequestAfter({
+        ...restOpts,
+        resultObject: data,
+        file,
+        realUrl: `${this.filePrefix}${data[this.fileIdKey]}`,
+        hooks: params?.hooks,
+      });
+      return resp;
+    })
       .catch((err: { message: any }) => {
         console.log(this.getLocale('Upload.failed', '上传失败'));
         message.show({
@@ -245,7 +243,7 @@ class UploadHandle implements UploadOpts {
     reqList.forEach((req: any, index) => {
       sequence = sequence
         .then(() => req(files[index]))
-        .then(data => {
+        .then((data) => {
           if (Array.isArray(this.resultObjs)) {
             this.resultObjs.push(data);
           }
@@ -262,7 +260,7 @@ class UploadHandle implements UploadOpts {
 
   constructor(opts?: UploadOpts) {
     this.hooks = {};
-    this.onChange = () => {};
+    this.onChange = () => { };
     this.resultObj = {};
     // @ts-ignore
     this.getLocale = (_, placelhoder) => {

package/lib/h5public/src/components/factory/src/utils/withTransformProps.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { $$componentItem } from '../interfaces/types';
 
+
 export interface ComponentProps {
   $$componentItem?: $$componentItem;
   [key: string]: any;
@@ -17,8 +18,11 @@ function defaultTransformProps(props: ComponentProps) {
   return newProps;
 }
 
-const withTransformProps = (Componnent: React.FC<any>, transformProps: (props: any) => any = defaultTransformProps) => {
-  const WrappedComponent: React.FC<ComponentProps> = props => {
+const withTransformProps = (
+  Componnent: React.FC<any>,
+  transformProps: (props: any) => any = defaultTransformProps,
+) => {
+  const WrappedComponent: React.FC<ComponentProps> = (props) => {
     const { forwardedRef, ...rest } = props;
     const newProps = rest?.$$componentItem?.fusionMode ? transformProps(rest) : rest;
     return <Componnent ref={forwardedRef} {...newProps} />;

package/lib/pcpublic/src/components/pcfactory/package.json

@@ -1,4 +1 @@
-{
-  "name": "@lingxiteam/pcfactory",
-  "version": "4.1.1"
-}
+{"name":"@lingxiteam/pcfactory","version":"4.3.1"}

package/lib/pcpublic/src/components/pcfactory/src/Alert/index.tsx

@@ -1,5 +1,5 @@
-import { Alert } from 'antd';
 import React from 'react';
+import Alert from 'antd/es/alert';
 import useHiddenStyle from '../utils/hooks/useHiddenStyle';
 
 export interface MyAlertProps {
@@ -7,14 +7,24 @@ export interface MyAlertProps {
   name?: string;
   style?: any;
   visible: boolean;
+  description?: string;
 }
 
-const MyAlert: React.FC<MyAlertProps> = props => {
-  const { name, visible, style, ...restProps } = props;
+const MyAlert: React.FC<MyAlertProps> = (props) => {
+  const { name, visible, style, description, message, ...restProps } = props;
   const finalStyle = useHiddenStyle(visible, style);
   return (
     <div className="ued-alert">
-      <Alert style={finalStyle} {...restProps} />
+      <Alert
+        style={finalStyle}
+        {...restProps}
+        message={(
+          <>
+            {message}
+            {description ? <div className="ued-alert-description">{description}</div> : null}
+          </>
+      )}
+      />
     </div>
   );
 };