@lingxiteam/ebe-utils 0.2.3 → 0.2.5

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

@@ -1,10 +1,6 @@
 import { Input } from 'antd';
 import React from 'react';
-import {
-  FormFields,
-  getFieldsProps,
-  useCommonImperativeHandle,
-} from '../utils';
+import { FormFields, getFieldsProps, useCommonImperativeHandle } from '../utils';
 import { renderPassword } from '../utils/renderReadOnly';
 
 export interface PassWordProps {
@@ -47,20 +43,15 @@ export interface WrapperInputPasswordProps {
 }
 
 const INPUTPASSWORD_WRAPPER_CLASSNAME = 'ued-inputPassword-wrap';
-const WrapperInputPassword: React.FC<WrapperInputPasswordProps> = ({
-  children,
-}) =>
+const WrapperInputPassword: React.FC<WrapperInputPasswordProps> = ({ children }) =>
   React.cloneElement(children, {
-    className: `${INPUTPASSWORD_WRAPPER_CLASSNAME} ${
-      children.props.className || ''
-    }`,
+    className: `${INPUTPASSWORD_WRAPPER_CLASSNAME} ${children.props.className || ''}`,
   });
 
 const { Password: AntdPassword } = Input;
 
 const Password: React.FC<PassWordProps> = React.forwardRef((props, ref) => {
-  const { required, finalRules, disabled, formFieldsRef, readOnly } =
-    useCommonImperativeHandle(ref, props);
+  const { required, finalRules, disabled, formFieldsRef, readOnly } = useCommonImperativeHandle(ref, props);
   return (
     <FormFields
       {...getFieldsProps(props)}

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

@@ -1,10 +1,4 @@
-import React, {
-  forwardRef,
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useState,
-} from 'react';
+import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useState } from 'react';
 import IconPlaceholder from './assets/placeholder.png';
 
 export interface PictureVerifyCodeProps {
@@ -14,63 +8,60 @@ export interface PictureVerifyCodeProps {
   visible?: boolean;
   getEngineApis?: any;
 }
-const PictureVerifyCode: React.FC<PictureVerifyCodeProps> = forwardRef(
-  (props, ref) => {
-    const { digit, onClick, style, visible, getEngineApis, ...restProps } =
-      props;
+const PictureVerifyCode: React.FC<PictureVerifyCodeProps> = forwardRef((props, ref) => {
+  const { digit, onClick, style, visible, getEngineApis, ...restProps } = props;
 
-    const engineApis = getEngineApis?.() || {};
+  const engineApis = getEngineApis?.() || {};
 
-    const [imgSrc, setImgSrc] = useState(IconPlaceholder);
+  const [imgSrc, setImgSrc] = useState(IconPlaceholder);
 
-    const getPicVerifyCode = () => {
-      const newTimestamp = new Date().getTime();
-      if (digit && newTimestamp) {
-        (async () => {
-          try {
-            const params = {
-              validateCodeCount: `${digit}`,
-              t: `${newTimestamp}`,
-            };
-            const url = await engineApis.getValidateCodePicture(params);
-            setImgSrc(url);
-          } catch (e) {
-            console.log(e);
-          }
-        })();
-      }
-    };
-    useEffect(() => {
-      getPicVerifyCode();
-    }, []);
-    useImperativeHandle(ref, () => ({
-      refreshPictureVeriryCode: () => {
-        getPicVerifyCode();
-      },
-    }));
-    const targetStyle = useMemo(() => {
-      return { ...style, cursor: 'pointer' };
-    }, [style]);
-    if (!visible) {
-      return null;
+  const getPicVerifyCode = () => {
+    const newTimestamp = new Date().getTime();
+    if (digit && newTimestamp) {
+      (async () => {
+        try {
+          const params = {
+            validateCodeCount: `${digit}`,
+            t: `${newTimestamp}`,
+          };
+          const url = await engineApis.getValidateCodePicture(params);
+          setImgSrc(url);
+        } catch (e) {
+          console.log(e);
+        }
+      })();
     }
-    return (
-      <img
-        alt=""
-        {...restProps}
-        style={targetStyle}
-        src={imgSrc}
-        onClick={(e) => {
-          if (onClick) {
-            onClick(e);
-          } else {
-            // 点击事件如果有自定义则执行自定义事件，反之默认刷新验证码
-            getPicVerifyCode();
-          }
-        }}
-      />
-    );
-  },
-);
+  };
+  useEffect(() => {
+    getPicVerifyCode();
+  }, []);
+  useImperativeHandle(ref, () => ({
+    refreshPictureVeriryCode: () => {
+      getPicVerifyCode();
+    },
+  }));
+  const targetStyle = useMemo(() => {
+    return { ...style, cursor: 'pointer' };
+  }, [style]);
+  if (!visible) {
+    return null;
+  }
+  return (
+    <img
+      alt=""
+      {...restProps}
+      style={targetStyle}
+      src={imgSrc}
+      onClick={e => {
+        if (onClick) {
+          onClick(e);
+        } else {
+          // 点击事件如果有自定义则执行自定义事件，反之默认刷新验证码
+          getPicVerifyCode();
+        }
+      }}
+    />
+  );
+});
 
 export default PictureVerifyCode;

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

@@ -79,7 +79,7 @@ const MyProgress = LingxiForwardRef<any, MyProgressProps>((props, ref) => {
           {title}
         </div>
       ) : null,
-    [showTitle, title, type, color, fontSize, lineHeight, fontWeight],
+    [showTitle, title, type, color, fontSize, lineHeight, fontWeight]
   );
   // 数值
   const renderValue = useMemo(
@@ -89,10 +89,7 @@ const MyProgress = LingxiForwardRef<any, MyProgressProps>((props, ref) => {
           className={`${prefixCls}-value`}
           style={{
             color: valueColor,
-            fontSize:
-              type === 'line'
-                ? restStyle?.fontSize || valueFontSize
-                : valueFontSize,
+            fontSize: type === 'line' ? restStyle?.fontSize || valueFontSize : valueFontSize,
             lineHeight: valueLineHeight,
             fontWeight: valueFontWeight,
           }}
@@ -100,16 +97,7 @@ const MyProgress = LingxiForwardRef<any, MyProgressProps>((props, ref) => {
           {`${compValue ?? ''}%`}
         </div>
       ) : null,
-    [
-      showInfo,
-      compValue,
-      type,
-      valueColor,
-      valueLineHeight,
-      valueFontWeight,
-      valueFontSize,
-      restStyle?.fontSize,
-    ],
+    [showInfo, compValue, type, valueColor, valueLineHeight, valueFontWeight, valueFontSize, restStyle?.fontSize]
   );
 
   // 进度条
@@ -128,8 +116,7 @@ const MyProgress = LingxiForwardRef<any, MyProgressProps>((props, ref) => {
     <div
       className={classNames({
         [`${prefixCls}-wrapper`]: true,
-        [`${prefixCls}-wrapper-vertical`]:
-          placement === 'vertical' && type === 'line',
+        [`${prefixCls}-wrapper-vertical`]: placement === 'vertical' && type === 'line',
       })}
       style={{ ...restStyle, width, height }}
     >

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

@@ -50,9 +50,7 @@ const QRCode = LingxiForwardRef<any, MyQRCodeProps>((props, ref) => {
     if (srcType === 'fileCode' && fileCode) {
       (async () => {
         try {
-          setLogoSrc(
-            await engineApis?.service?.getAppFileUrlByFileCode(fileCode),
-          );
+          setLogoSrc(await engineApis?.service?.getAppFileUrlByFileCode(fileCode));
         } catch (e) {
           setLogoSrc(null);
           console.log(e);
@@ -70,10 +68,7 @@ const QRCode = LingxiForwardRef<any, MyQRCodeProps>((props, ref) => {
     return setRgbTo16(rbgaColor);
   }, [rbgaColor]);
 
-  const logoSize = useMemo(
-    () => logoSizeData && logoSizeTrans[logoSizeData],
-    [logoSizeData],
-  );
+  const logoSize = useMemo(() => logoSizeData && logoSizeTrans[logoSizeData], [logoSizeData]);
 
   const getQrCodeUrl: any = (config: any) => {
     const image = new Image();
@@ -133,11 +128,7 @@ const QRCode = LingxiForwardRef<any, MyQRCodeProps>((props, ref) => {
   }, [content, color, logoSrc, logoSize]);
 
   return visible ? (
-    <div
-      className={prefixCls}
-      style={{ display: 'contents' }}
-      onClick={() => onClick && onClick(url, content)}
-    >
+    <div className={prefixCls} style={{ display: 'contents' }} onClick={() => onClick && onClick(url, content)}>
       {flag && <img {...restProps} src={url} alt="" />}
     </div>
   ) : null;

package/lib/pcpublic/src/components/pcfactory/src/QuillEditor/QuillEditor.tsx

@@ -60,122 +60,90 @@ interface BaseQuillEditorPropsType {
 
 const quillEditorPrefix = 'ued-quill-editor';
 
-const BaseQuillEditor = React.forwardRef(
-  (props: BaseQuillEditorPropsType, ref) => {
-    const {
-      value,
-      disabled,
-      className,
-      imageType,
-      heightType,
-      minHeight,
-      maxHeight,
-      height,
-      engineApis,
-      onChange,
-    } = props;
+const BaseQuillEditor = React.forwardRef((props: BaseQuillEditorPropsType, ref) => {
+  const { value, disabled, className, imageType, heightType, minHeight, maxHeight, height, engineApis, onChange } = props;
 
-    const inputting = useRef<boolean>(false);
+  const inputting = useRef<boolean>(false);
 
-    const heightStyle = useMemo(
-      () => (heightType === 'auto' ? { minHeight, maxHeight } : { height }),
-      [heightType, height, maxHeight, minHeight],
-    );
+  const heightStyle = useMemo(() => (heightType === 'auto' ? { minHeight, maxHeight } : { height }), [heightType, height, maxHeight, minHeight]);
 
-    const [quillRef, modules] = useInitReactQuill({
-      engineApis,
-    });
+  const [quillRef, modules] = useInitReactQuill({
+    engineApis,
+  });
 
-    const quillModules = useMemo(() => {
-      if (imageType && imageType === 'base64') {
-        return {
-          toolbar: [...modules.toolbar.container],
-        };
-      }
-      return modules;
-    }, [imageType, modules]);
+  const quillModules = useMemo(() => {
+    if (imageType && imageType === 'base64') {
+      return {
+        toolbar: [...modules.toolbar.container],
+      };
+    }
+    return modules;
+  }, [imageType, modules]);
 
-    const convertBase64UrlToBlob = (urlData: string) => {
-      const imgSrc = urlData.match(/<img src="data:.*?(?:>|\/>)/gi);
-      if (!imgSrc || !imgSrc[0]) return null;
-      const imgData = imgSrc[0].split('"')[1];
-      // 去掉url的头，并转换为byte
-      const bytes = window.atob(imgData.split(',')[1]);
-      // 处理异常,将ascii码小于0的转换为大于0
-      const ab = new ArrayBuffer(bytes.length);
-      const ia = new Uint8Array(ab);
-      ia.forEach((i, index) => {
-        ia[index] = bytes.charCodeAt(index);
-      });
-      return new Blob([ia], {
-        type: imgData.split(',')[0].split(':')[1].split(';')[0],
-      });
-    };
+  const convertBase64UrlToBlob = (urlData: string) => {
+    const imgSrc = urlData.match(/<img src="data:.*?(?:>|\/>)/gi);
+    if (!imgSrc || !imgSrc[0]) return null;
+    const imgData = imgSrc[0].split('"')[1];
+    // 去掉url的头，并转换为byte
+    const bytes = window.atob(imgData.split(',')[1]);
+    // 处理异常,将ascii码小于0的转换为大于0
+    const ab = new ArrayBuffer(bytes.length);
+    const ia = new Uint8Array(ab);
+    ia.forEach((i, index) => {
+      ia[index] = bytes.charCodeAt(index);
+    });
+    return new Blob([ia], {
+      type: imgData.split(',')[0].split(':')[1].split(';')[0],
+    });
+  };
 
-    useEffect(() => {
-      if (inputting.current) {
-        inputting.current = false;
-      } else {
-        // quillRef.current?.getEditor().setText(value || '');
-      }
-    }, [value]);
+  useEffect(() => {
+    if (inputting.current) {
+      inputting.current = false;
+    } else {
+      // quillRef.current?.getEditor().setText(value || '');
+    }
+  }, [value]);
 
-    return (
-      <ReactQuill
-        ref={quillRef}
-        readOnly={disabled}
-        modules={quillModules}
-        style={heightStyle}
-        value={typeof value === 'number' ? `${value}` : value}
-        className={classnames(quillEditorPrefix, className)}
-        onChange={async (v: string) => {
-          // 刚执行了清空值操作，不需要调用onChange
-          if (v === '<p><br></p>' && value === '') {
-            return;
-          }
-          inputting.current = true;
-          let newValue = v;
-          let blobV = null;
-          if (imageType !== 'base64') {
-            blobV = convertBase64UrlToBlob(v);
-            if (blobV) {
-              const formData = new FormData();
-              formData.append('attach', blobV, 'tmpfile');
-              const res = await engineApis?.service?.uploadFileByFetch(
-                formData,
-              );
-              if (res?.fileId) {
-                const link = engineApis?.getAppFileUrlById(res?.fileId);
-                // TODO 后续做appid的数据隔离时候，需要改造
-                newValue = v.replace(
-                  /<img src="data:.*?(?:>|\/>)/gi,
-                  `<img src="${link}" />`,
-                );
-              }
+  return (
+    <ReactQuill
+      ref={quillRef}
+      readOnly={disabled}
+      modules={quillModules}
+      style={heightStyle}
+      value={typeof value === 'number' ? `${value}` : value}
+      className={classnames(quillEditorPrefix, className)}
+      onChange={async (v: string) => {
+        // 刚执行了清空值操作，不需要调用onChange
+        if (v === '<p><br></p>' && value === '') {
+          return;
+        }
+        inputting.current = true;
+        let newValue = v;
+        let blobV = null;
+        if (imageType !== 'base64') {
+          blobV = convertBase64UrlToBlob(v);
+          if (blobV) {
+            const formData = new FormData();
+            formData.append('attach', blobV, 'tmpfile');
+            const res = await engineApis?.service?.uploadFileByFetch(formData);
+            if (res?.fileId) {
+              const link = engineApis?.getAppFileUrlById(res?.fileId);
+              // TODO 后续做appid的数据隔离时候，需要改造
+              newValue = v.replace(/<img src="data:.*?(?:>|\/>)/gi, `<img src="${link}" />`);
             }
           }
-          if (!blobV && onChange) {
-            onChange(newValue);
-          }
-        }}
-      />
-    );
-  },
-);
+        }
+        if (!blobV && onChange) {
+          onChange(newValue);
+        }
+      }}
+    />
+  );
+});
 
 const QuillEditor = LingxiForwardRef<any, MyQuillEditorProps>((props, ref) => {
-  const {
-    height,
-    onChange,
-    className,
-    imageType,
-    heightType = 'fixed',
-    maxHeight,
-    minHeight,
-    getEngineApis,
-    value,
-    disabled,
-  } = props;
+  const { height, onChange, className, imageType, heightType = 'fixed', maxHeight, minHeight, getEngineApis, value, disabled } = props;
   const engineApis = getEngineApis?.() || {};
 
   return (

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

@@ -1,17 +1,11 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { useRef } from 'react';
-import {
-  filterHtmlNode,
-  FormFields,
-  getFieldsProps,
-  useCommonImperativeHandle,
-} from '../utils';
+import { filterHtmlNode, FormFields, getFieldsProps, useCommonImperativeHandle } from '../utils';
 import QuillEditorLoad from './loader';
 
 const QuillEditor = LingxiForwardRef<unknown, any>((props, ref) => {
   const gridViewRef = useRef<any>(null);
-  const { disabled, required, readOnly, formFieldsRef, finalRules } =
-    useCommonImperativeHandle(ref, props);
+  const { disabled, required, readOnly, formFieldsRef, finalRules } = useCommonImperativeHandle(ref, props);
 
   return (
     <FormFields
@@ -33,14 +27,7 @@ const QuillEditor = LingxiForwardRef<unknown, any>((props, ref) => {
         );
       }}
     >
-      <QuillEditorLoad
-        {...props}
-        disabled={disabled}
-        required={required}
-        readOnly={readOnly}
-        formFieldsRef={formFieldsRef}
-        ref={gridViewRef}
-      />
+      <QuillEditorLoad {...props} disabled={disabled} required={required} readOnly={readOnly} formFieldsRef={formFieldsRef} ref={gridViewRef} />
     </FormFields>
   );
 });

package/lib/pcpublic/src/components/pcfactory/src/QuillEditor/loader.ts

@@ -2,10 +2,7 @@ import Loadable from 'react-loadable';
 import { LoadingComponennt } from '../utils/LoaderHelper';
 
 const GanttLoader = Loadable({
-  loader: async () =>
-    (await import(
-      /* webpackChunkName: 'pcFactory-QuillEditor' */ './QuillEditor'
-    )) as unknown as React.ComponentType<any>,
+  loader: async () => (await import(/* webpackChunkName: 'pcFactory-QuillEditor' */ './QuillEditor')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });
 

package/lib/pcpublic/src/components/pcfactory/src/RadarChart/RadarChartHook.ts

@@ -6,12 +6,7 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { useLocale } from '../utils/hooks/useLocale';
 import type { ReactChartHookType } from './RadarChartType';
-import {
-  defaultDataSource,
-  defaultHint,
-  defaultIndicatorDataSource,
-  defaultRadarLevelHint,
-} from './radarDefaultConfig';
+import { defaultDataSource, defaultHint, defaultIndicatorDataSource, defaultRadarLevelHint } from './radarDefaultConfig';
 
 export const useRadarChartHook = (props: ReactChartHookType) => {
   const chartNode = useRef();
@@ -37,9 +32,7 @@ export const useRadarChartHook = (props: ReactChartHookType) => {
 
   const { getLocale } = useLocale(getEngineApis?.());
 
-  const isDynamicData =
-    typeof indicatorDataSource === 'string' ||
-    typeof radarDataSource === 'string';
+  const isDynamicData = typeof indicatorDataSource === 'string' || typeof radarDataSource === 'string';
   const getCurString = (propsString: string, defaultString: string) => {
     if (isDynamicData) {
       return defaultString;
@@ -130,7 +123,7 @@ export const useRadarChartHook = (props: ReactChartHookType) => {
   const radarData = useMemo(() => {
     return data.map((item: any) => {
       return {
-        value: _indicatorData.map((ind) => {
+        value: _indicatorData.map(ind => {
           const value = ind[indicatorKey] && item[ind[indicatorKey]];
           return value ?? 0;
         }),
@@ -157,12 +150,9 @@ export const useRadarChartHook = (props: ReactChartHookType) => {
   }, [hint, hintName, hintWidth, isRunningState]);
 
   const chartOption = useMemo(() => {
-    const radarGetLevelFunc = (
-      val: number,
-      hintArr: ReactChartHookType['radarLevelHint'],
-    ) => {
+    const radarGetLevelFunc = (val: number, hintArr: ReactChartHookType['radarLevelHint']) => {
       let _hintStr = '';
-      hintArr.forEach((item) => {
+      hintArr.forEach(item => {
         const max = item[radarMax];
         const min = item[radarMin];
         const description = item[radarDescription];
@@ -173,17 +163,14 @@ export const useRadarChartHook = (props: ReactChartHookType) => {
       return _hintStr;
     };
 
-    const indicator = _indicatorData.map((item) => ({
+    const indicator = _indicatorData.map(item => ({
       name: item[indicatorName],
       max: item[indicatorMax],
       min: item[indicatorMin],
     }));
     const level = radarGetLevelFunc(total, _radarLevelData);
     const hintText = `${hintNameValue}${level ?? ''}`;
-    const levelArr = _radarLevelData.map(
-      (item) =>
-        `${item[radarDescription]}：${item[radarMin]} < x < ${item[radarMax]}`,
-    );
+    const levelArr = _radarLevelData.map(item => `${item[radarDescription]}：${item[radarMin]} < x < ${item[radarMax]}`);
     if (indicator.length === 0) {
       return null;
     }
@@ -420,8 +407,7 @@ export const useRadarChartHook = (props: ReactChartHookType) => {
           Object.entries(params.selected).forEach(([key, value]) => {
             if (value && curData.length === 0) {
               const _data = chartInst.getOption().series[0].data;
-              curData =
-                _data.filter((item: any) => item.name === key)[0]?.value || [];
+              curData = _data.filter((item: any) => item.name === key)[0]?.value || [];
             }
           });
           if (curData.length > 0) {

package/lib/pcpublic/src/components/pcfactory/src/RadarChart/RadarECharts.tsx

@@ -36,11 +36,10 @@ echarts.use([
   RadarChart,
 ]);
 
-const RadarEChartsED: LingXiFC<MyRadarEChartsEDProps> = (props) => {
+const RadarEChartsED: LingXiFC<MyRadarEChartsEDProps> = props => {
   const { style = {}, visible = true, className = '' } = props;
   const runningProps = { ...props, isRunningState: true };
-  const { chartOption, chartNode, configMessage } =
-    useRadarChartHook(runningProps);
+  const { chartOption, chartNode, configMessage } = useRadarChartHook(runningProps);
   const finalStyle = useHiddenStyle(visible, style);
   const chartRef = useRef<HTMLDivElement>(null);
   const chartNodeRef = useRef<echarts.EChartsType>();
@@ -73,14 +72,7 @@ const RadarEChartsED: LingXiFC<MyRadarEChartsEDProps> = (props) => {
   if (configMessage) {
     return <div>{configMessage}</div>;
   }
-  return (
-    <div
-      data-compid={(props as any)?.['data-compid']}
-      style={finalStyle}
-      className={className}
-      ref={chartRef}
-    />
-  );
+  return <div data-compid={(props as any)?.['data-compid']} style={finalStyle} className={className} ref={chartRef} />;
 };
 
 export default RadarEChartsED;

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

@@ -3,14 +3,12 @@ import { useImperativeHandle } from 'react';
 import RaderChartLoader from './loader';
 import type { MyRadarEChartsEDProps } from './RadarChartType';
 
-const RaderChart = LingxiForwardRef<unknown, MyRadarEChartsEDProps>(
-  (props, ref) => {
-    useImperativeHandle(ref, () => ({
-      // 这里暴漏部分指令方法
-      // 由于组件采用懒加载延迟执行组件，导致组件在未加载完成的时候已经执行了页面加载完成的生命周期，所以未来的指令方法不应放入懒加载中，避免页面加载完成时机无法调用指令。
-    }));
-    return <RaderChartLoader {...props} />;
-  },
-);
+const RaderChart = LingxiForwardRef<unknown, MyRadarEChartsEDProps>((props, ref) => {
+  useImperativeHandle(ref, () => ({
+    // 这里暴漏部分指令方法
+    // 由于组件采用懒加载延迟执行组件，导致组件在未加载完成的时候已经执行了页面加载完成的生命周期，所以未来的指令方法不应放入懒加载中，避免页面加载完成时机无法调用指令。
+  }));
+  return <RaderChartLoader {...props} />;
+});
 
 export default RaderChart;

package/lib/pcpublic/src/components/pcfactory/src/RadarChart/loader.tsx

@@ -2,10 +2,7 @@ import Loadable from 'react-loadable';
 import { LoadingComponennt } from '../utils/LoaderHelper';
 
 const RadarChartLoader = Loadable({
-  loader: async () =>
-    (await import(
-      /* webpackChunkName: 'pcFactory-RadarECharts' */ './RadarECharts'
-    )) as unknown as React.ComponentType<any>,
+  loader: async () => (await import(/* webpackChunkName: 'pcFactory-RadarECharts' */ './RadarECharts')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });