@lingxiteam/ebe-utils 0.2.3 → 0.2.5

package/lib/h5public/src/components/factory/src/Icon/index.tsx

@@ -81,20 +81,8 @@ const MyIcon = LingxiForwardRef<any, IconProps>((props, ref) => {
   const [icon, setIcon] = useListenProps(propsIcon);
   const [scriptUrl, setScripUrl] = useState<any>();
   const displayStyle = useHiddenStyle(visible);
-  const {
-    curType,
-    iconFile,
-    iconFileInfo,
-    fontAddress,
-    isIconFont,
-    theme,
-    svgContent,
-    isUsePrimary,
-    color,
-  } = useMemo(() => {
-    const iconInfo =
-      Array.isArray(iconItems) &&
-      (iconItems.find((c) => c.rule) || iconItems[0]);
+  const { curType, iconFile, iconFileInfo, fontAddress, isIconFont, theme, svgContent, isUsePrimary, color } = useMemo(() => {
+    const iconInfo = Array.isArray(iconItems) && (iconItems.find(c => c.rule) || iconItems[0]);
     if (mode === 'custom' && iconInfo) {
       return {
         curType: iconInfo?.icon?.type,
@@ -117,18 +105,7 @@ const MyIcon = LingxiForwardRef<any, IconProps>((props, ref) => {
       theme: icon?.theme || curTheme,
       svgContent: icon?.svgContent || curSvgContent,
     };
-  }, [
-    JSON.stringify(icon),
-    type,
-    curIconFile,
-    curIconFileInfo,
-    curFontAddress,
-    curIsIconFont,
-    curTheme,
-    curSvgContent,
-    mode,
-    iconItems,
-  ]);
+  }, [JSON.stringify(icon), type, curIconFile, curIconFileInfo, curFontAddress, curIsIconFont, curTheme, curSvgContent, mode, iconItems]);
 
   useEffect(() => {
     if (iconFile && Object.keys(iconFile).length > 0) {
@@ -138,9 +115,7 @@ const MyIcon = LingxiForwardRef<any, IconProps>((props, ref) => {
       setScripUrl(fontAddress);
     } else if (iconFileInfo && !iconFileInfo.svgContent) {
       if (iconFileInfo.materialId && iconFileInfo.fileName) {
-        setScripUrl(
-          getMaterialFile(iconFileInfo.materialId, iconFileInfo.fileName),
-        );
+        setScripUrl(getMaterialFile(iconFileInfo.materialId, iconFileInfo.fileName));
       }
     } else {
       setScripUrl('');
@@ -154,6 +129,7 @@ const MyIcon = LingxiForwardRef<any, IconProps>((props, ref) => {
   }));
 
   const curClassName = classnames({
+
     /**
      * 用于主题，如果是单独使用的是，在className 增加一个变量，防止在主题设置图标的时候，影响影响引用图标的其他控件
      */
@@ -170,14 +146,10 @@ const MyIcon = LingxiForwardRef<any, IconProps>((props, ref) => {
       height: style?.fontSize || style?.height,
       fontSize: style?.fontSize || style?.width, // 兼容存量数据
       ...(style || {}), // 修复下从浩鲸D升上来图表丢失部分样式的问题
-      color: isUsePrimary
-        ? undefined
-        : color || style?.color || restProps?.color,
-      fill: isUsePrimary
-        ? undefined
-        : color || style?.color || restProps?.color,
+      color: isUsePrimary ? undefined : color || style?.color || restProps?.color,
+      fill: isUsePrimary ? undefined : color || style?.color || restProps?.color,
     }),
-    [color],
+    [color]
   );
 
   // svg字符串
@@ -240,11 +212,7 @@ const MyIcon = LingxiForwardRef<any, IconProps>((props, ref) => {
   // }
 
   // 兼容antd的图标
-  if (
-    theme &&
-    !['cross-circle', 'cross-circle-o'].includes(curType) &&
-    Object.keys(iconFileInfo || {})?.length < 1
-  ) {
+  if (theme && !['cross-circle', 'cross-circle-o'].includes(curType) && Object.keys(iconFileInfo || {})?.length < 1) {
     // 兼容原来的antd的图标
     return (
       <LegacyIcon
@@ -262,8 +230,7 @@ const MyIcon = LingxiForwardRef<any, IconProps>((props, ref) => {
     );
   }
 
-  const shouldSysTag =
-    curType && iconFileInfo && Object.keys(iconFileInfo)?.length > 0;
+  const shouldSysTag = curType && iconFileInfo && Object.keys(iconFileInfo)?.length > 0;
 
   if (shouldSysTag && iconFileInfo.svgContent) {
     return (
@@ -297,17 +264,7 @@ const MyIcon = LingxiForwardRef<any, IconProps>((props, ref) => {
 
   if (curType) {
     // 删除antd-v2-的icon
-    return (
-      <LegacyIcon
-        type={curType}
-        rotate={rotate}
-        theme={theme}
-        onClick={onClick}
-        {...extendProps}
-        style={curStyle}
-        className={curClassName}
-      />
-    );
+    return <LegacyIcon type={curType} rotate={rotate} theme={theme} onClick={onClick} {...extendProps} style={curStyle} className={curClassName} />;
   }
 
   if (iconFile?.fileSubType === 'ICON_IMAGE' && scriptUrl) {

package/lib/h5public/src/components/factory/src/Image/BasicImage/index.tsx

@@ -2,11 +2,7 @@ import React, { useEffect, useImperativeHandle, useState } from 'react';
 import { AppForwardRef } from '../../BasicComponents';
 import useHiddenStyle from '../../utils/hooks/useHiddenStyle';
 
-export interface ImageProps
-  extends React.DetailedHTMLProps<
-    React.ImgHTMLAttributes<HTMLImageElement>,
-    HTMLImageElement
-  > {
+export interface ImageProps extends React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {
   [x: string]: any;
   defaultSrc?: any;
   src?: any;
@@ -15,44 +11,16 @@ export interface ImageProps
 }
 
 const MyImage = AppForwardRef<ImageProps>((props, ref) => {
-  const {
-    defaultSrc,
-    errorSrc,
-    alt,
-    visible = true,
-    style,
-    getEngineApis,
-    ...restProps
-  } = props;
+  const { defaultSrc, errorSrc, alt, visible = true, style, getEngineApis, ...restProps } = props;
   const engineApis = getEngineApis?.();
   const [src, setSrc] = useState(props.src);
   const [complete, setComplete] = useState(false);
   const finStyle = useHiddenStyle(visible, style);
 
   const setImgsrcWithSign = (src: string) => {
-    if (
-      src &&
-      (src.match('downloadFileByFileCode') || src.match('file/download')) &&
-      engineApis?.service?.buildXSignUrl
-    ) {
-      // 如果是平台服务，统一添加或更新签名
-      if (src.match('X-SIGN=')) {
-        // 如果资源地址使用签名模式，需更新地址签名
-        setSrc(
-          engineApis.service.buildXSignUrl({
-            url: src.slice(0, src.indexOf('&X-SIGN')),
-            version: (window as any).lxSecurityModeInFile || '1.0',
-          }),
-        );
-      } else {
-        // 添加签名
-        setSrc(
-          engineApis.service.buildXSignUrl({
-            url: src,
-            version: (window as any).lxSecurityModeInFile || '1.0',
-          }),
-        );
-      }
+    if (src && (src.match('/downloadFileByFileCode') || src.match('/file/download') || src.match('/file/id/')) && engineApis?.securityWithUrl) {
+      // 如果是平台服务，统一加密加签
+      setSrc(engineApis.securityWithUrl(src));
     } else {
       setSrc(src);
     }
@@ -97,9 +65,7 @@ const MyImage = AppForwardRef<ImageProps>((props, ref) => {
           setComplete(true);
         }}
       />
-      {!complete && (
-        <img {...restProps} alt={alt} src={props.defaultSrc} style={finStyle} />
-      )}
+      {!complete && <img {...restProps} alt={alt} src={props.defaultSrc} style={finStyle} />}
     </>
   );
 });

package/lib/h5public/src/components/factory/src/Image/File/index.tsx

@@ -1,11 +1,5 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
-import React, {
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
+import React, { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { Spin } from '../../BasicComponents';
 import { transformFile } from '../../utils';
 import UploadHandle from '../../utils/upload';
@@ -62,11 +56,7 @@ const File = LingxiForwardRef<any, FileProps>((props, ref) => {
     compressSize,
     ...restProps
   } = props;
-  const {
-    api = '/app/file/uploadSingleFile',
-    _source,
-    _serviceId,
-  } = columns || {};
+  const { api = '/app/file/uploadSingleFile', _source, _serviceId } = columns || {};
   const engineApis = getEngineApis?.();
   const [fileProps, setFileProps] = useState(restProps);
   const uploadCallbackRef = useRef<UploadCallbackType>({});
@@ -111,12 +101,8 @@ const File = LingxiForwardRef<any, FileProps>((props, ref) => {
   };
 
   useImperativeHandle(ref, () => ({
-    upload(
-      opts = {},
-      success: ((data: any, file: any) => void) | undefined,
-      fail: any,
-    ) {
-      setFileProps((prevProps) => ({ ...prevProps, ...opts }));
+    upload(opts = {}, success: ((data: any, file: any) => void) | undefined, fail: any) {
+      setFileProps(prevProps => ({ ...prevProps, ...opts }));
       uploadCallbackRef.current.success = success;
       uploadCallbackRef.current.fail = fail;
       setTimeout(() => {
@@ -197,11 +183,7 @@ const File = LingxiForwardRef<any, FileProps>((props, ref) => {
       targetCompressRation = compressRatio;
     }
     if (targetCompressRation) {
-      const newFile = await transformFile(
-        files[0],
-        targetCompressRation,
-        maxSizeKB,
-      );
+      const newFile = await transformFile(files[0], targetCompressRation, maxSizeKB);
       // 当上传方式修改base64时，不需要上传图片，只需要将图片转换成base64String
       if (uploadType === 'base64StringType') {
         uploadFileFromBase64(newFile);
@@ -232,7 +214,7 @@ const File = LingxiForwardRef<any, FileProps>((props, ref) => {
         request: engineApis?.http,
         getLocale: engineApis.getLocale,
         headers,
-        onChange: (v) => {
+        onChange: v => {
           if (props.onChange) {
             props.onChange(v);
           }
@@ -262,7 +244,7 @@ const File = LingxiForwardRef<any, FileProps>((props, ref) => {
     return (
       <div
         className={`${prefixCls}-stop`}
-        onClick={async (e) => {
+        onClick={async e => {
           e.stopPropagation();
           if (onCheckUpload) {
             const isCheck = await onCheckUpload();
@@ -283,18 +265,8 @@ const File = LingxiForwardRef<any, FileProps>((props, ref) => {
   }
   return (
     <div className={prefixCls} style={cStyle}>
-      <Spin
-        spinning={spinning}
-        tip={`${getLocale('uploading', '正在上传')}...`}
-      >
-        <input
-          {...fileProps}
-          ref={FileRef}
-          accept={accept}
-          type="file"
-          onChange={onChange}
-          className={`${prefixCls}-input`}
-        />
+      <Spin spinning={spinning} tip={`${getLocale('uploading', '正在上传')}...`}>
+        <input {...fileProps} ref={FileRef} accept={accept} type="file" onChange={onChange} className={`${prefixCls}-input`} />
         {showStopRender && renderClickDiv()}
       </Spin>
     </div>

package/lib/h5public/src/components/factory/src/Image/factoryImage.tsx

@@ -98,15 +98,7 @@ const MyImage = LingxiForwardRef<any, MyImageProps>((props, ref) => {
     );
   }
   if (!disabled) {
-    return (
-      <File
-        ref={ref}
-        value={imgSrc}
-        accept={accept}
-        {...restProps}
-        getEngineApis={getEngineApis}
-      />
-    );
+    return <File ref={ref} value={imgSrc} accept={accept} {...restProps} getEngineApis={getEngineApis} />;
   }
   return null;
 });

package/lib/h5public/src/components/factory/src/Input/BasicInput/index.tsx

@@ -1,22 +1,10 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import classnames from 'classnames';
-import React, {
-  useCallback,
-  useImperativeHandle,
-  useRef,
-  useState,
-} from 'react';
+import React, { useCallback, useImperativeHandle, useRef, useState } from 'react';
 import { getRules, ruesEcute } from '../../utils';
 import './index.less';
 
-interface BasicInputProps
-  extends Omit<
-    React.DetailedHTMLProps<
-      React.InputHTMLAttributes<HTMLInputElement>,
-      HTMLInputElement
-    >,
-    'onChange'
-  > {
+interface BasicInputProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'onChange'> {
   onChange?: (val: any) => void;
   onBlur?: (val?: any) => void;
   onKeyDown?: (val?: any) => void;
@@ -101,7 +89,7 @@ const BasicInput = LingxiForwardRef<any, BasicInputProps>((props, ref) => {
         // number类型自己手动处理
         // eslint-disable-next-line react/jsx-props-no-multi-spaces
         type={type === 'number' && props.rules ? undefined : type}
-        onKeyPress={(e) => {
+        onKeyPress={e => {
           if (e.key === 'Enter') {
             if (onKeyDown) {
               onKeyDown(e.currentTarget.value);
@@ -113,19 +101,19 @@ const BasicInput = LingxiForwardRef<any, BasicInputProps>((props, ref) => {
             useErrorMessage();
           }
         }}
-        onBlur={(e) => {
+        onBlur={e => {
           const v = e.currentTarget.value;
           if (onBlur) {
             onBlur(v);
           }
           useErrorMessage();
         }}
-        onInput={(e) => {
+        onInput={e => {
           if (type === 'number') {
             e.currentTarget.value = e.currentTarget.value.replace(/[^\d]/g, '');
           }
         }}
-        onChange={(e) => {
+        onChange={e => {
           const v = e.currentTarget.value;
           if (onChange) {
             onChange(v);

package/lib/h5public/src/components/factory/src/Input/BasicTextArea/index.tsx

@@ -3,13 +3,7 @@ import { getRules, ruesEcute } from '../../utils';
 import './index.less';
 
 interface BasicTextAreaProps
-  extends Omit<
-    React.DetailedHTMLProps<
-      React.TextareaHTMLAttributes<HTMLTextAreaElement>,
-      HTMLTextAreaElement
-    >,
-    'onChange'
-  > {
+  extends Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'onChange'> {
   onChange?: (val: any) => void;
   onBlur?: (val?: any) => void;
   onKeyDown?: (val?: any) => void;
@@ -19,108 +13,91 @@ interface BasicTextAreaProps
 }
 
 const prefixCls = 'lcdp-textarea';
-const BasicTextArea = React.forwardRef<any, BasicTextAreaProps>(
-  (props, ref) => {
-    const {
-      value,
-      onChange,
-      style,
-      disabled,
-      rules,
-      onKeyDown,
-      onBlur,
-      maxLength,
-      regexp,
-      title,
-      readOnly,
+const BasicTextArea = React.forwardRef<any, BasicTextAreaProps>((props, ref) => {
+  const { value, onChange, style, disabled, rules, onKeyDown, onBlur, maxLength, regexp, title, readOnly, required, visible, placeholder } = props;
+  const [errMessage, setErrMessage] = useState('');
+  const curRef = useRef(null);
+  const getAppRules = useCallback(() => {
+    const finalRules = getRules({
       required,
-      visible,
-      placeholder,
-    } = props;
-    const [errMessage, setErrMessage] = useState('');
-    const curRef = useRef(null);
-    const getAppRules = useCallback(() => {
-      const finalRules = getRules({
-        required,
-        message: placeholder,
-        regexp,
-      });
-      if (Array.isArray(rules)) {
-        finalRules.push(...rules);
+      message: placeholder,
+      regexp,
+    });
+    if (Array.isArray(rules)) {
+      finalRules.push(...rules);
+    }
+    return finalRules as any;
+  }, [regexp, required, title, rules]);
+  const useErrorMessage = () => {
+    if (readOnly || disabled) return;
+    const errMessage = ruesEcute(getAppRules(), value);
+    setErrMessage(errMessage);
+  };
+  React.useImperativeHandle(ref, () => ({
+    clearValue() {
+      onChange && onChange('');
+    },
+    focus() {
+      if (curRef) {
+        (curRef as any)?.current.focus();
       }
-      return finalRules as any;
-    }, [regexp, required, title, rules]);
-    const useErrorMessage = () => {
-      if (readOnly || disabled) return;
-      const errMessage = ruesEcute(getAppRules(), value);
-      setErrMessage(errMessage);
-    };
-    React.useImperativeHandle(ref, () => ({
-      clearValue() {
-        onChange && onChange('');
-      },
-      focus() {
-        if (curRef) {
-          (curRef as any)?.current.focus();
-        }
-      },
-      blur() {
-        if (curRef) {
-          (curRef as any)?.current.blur();
-        }
-      },
-    }));
+    },
+    blur() {
+      if (curRef) {
+        (curRef as any)?.current.blur();
+      }
+    },
+  }));
 
-    if (!visible) {
-      return <></>;
-    }
-    return (
-      <>
-        <textarea
-          readOnly={readOnly}
-          placeholder={placeholder}
-          maxLength={maxLength}
-          autoComplete="off"
-          style={style}
-          disabled={disabled}
-          // 回车事件
-          onKeyPress={(e) => {
-            if (e.key === 'Enter') {
-              if (onKeyDown) {
-                onKeyDown(e.currentTarget.value);
-              }
-              const inputDOM: HTMLInputElement = curRef.current!;
-              if (inputDOM) {
-                inputDOM.blur();
-              }
-              useErrorMessage();
+  if (!visible) {
+    return <></>;
+  }
+  return (
+    <>
+      <textarea
+        readOnly={readOnly}
+        placeholder={placeholder}
+        maxLength={maxLength}
+        autoComplete="off"
+        style={style}
+        disabled={disabled}
+        // 回车事件
+        onKeyPress={e => {
+          if (e.key === 'Enter') {
+            if (onKeyDown) {
+              onKeyDown(e.currentTarget.value);
             }
-          }}
-          onBlur={(e) => {
-            const v = e.currentTarget.value;
-            if (onBlur) {
-              onBlur(v);
+            const inputDOM: HTMLInputElement = curRef.current!;
+            if (inputDOM) {
+              inputDOM.blur();
             }
             useErrorMessage();
-          }}
-          onChange={(e) => {
-            const v = e.currentTarget.value;
-            if (onChange) {
-              onChange(v);
-            }
-          }}
-          className={prefixCls}
-          value={readOnly && !value ? '--' : value || ''}
-          ref={curRef}
-        />
-        {errMessage && (
-          <div style={style} className={`${prefixCls}-error-text`}>
-            {errMessage}
-          </div>
-        )}
-      </>
-    );
-  },
-);
+          }
+        }}
+        onBlur={e => {
+          const v = e.currentTarget.value;
+          if (onBlur) {
+            onBlur(v);
+          }
+          useErrorMessage();
+        }}
+        onChange={e => {
+          const v = e.currentTarget.value;
+          if (onChange) {
+            onChange(v);
+          }
+        }}
+        className={prefixCls}
+        value={readOnly && !value ? '--' : value || ''}
+        ref={curRef}
+      />
+      {errMessage && (
+        <div style={style} className={`${prefixCls}-error-text`}>
+          {errMessage}
+        </div>
+      )}
+    </>
+  );
+});
 
 export default BasicTextArea;

package/lib/h5public/src/components/factory/src/JSBridgeView/index.tsx

@@ -1,10 +1,7 @@
 import React from 'react';
 import { AppForwardRef } from '../BasicComponents';
 
-export type MyJSBridgeViewProps = React.DetailedHTMLProps<
-  React.HTMLAttributes<HTMLDivElement>,
-  HTMLDivElement
->;
+export type MyJSBridgeViewProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 
 const JSBridgeView = AppForwardRef((props, ref) => {
   return <div ref={ref} {...props} />;

package/lib/h5public/src/components/factory/src/LXLineChart/ChartLine.tsx

@@ -5,17 +5,7 @@ import useHiddenStyle from '../utils/hooks/useHiddenStyle';
 import ChartLineProps from './PropsType';
 
 const ChartLine: LingXiFC<ChartLineProps> = (props, ref) => {
-  const {
-    style,
-    className,
-    getEngineApis,
-    exampleData,
-    dataSource,
-    dataSourceTop,
-    visible = true,
-    $$componentItem,
-    ...restProps
-  } = props;
+  const { style, className, getEngineApis, exampleData, dataSource, dataSourceTop, visible = true, $$componentItem, ...restProps } = props;
 
   const finalStyle = useHiddenStyle(visible, style);
   const engineApis = getEngineApis?.();

package/lib/h5public/src/components/factory/src/LXLineChart/PropsType.ts

@@ -28,16 +28,7 @@ export default interface ChartLineProps {
   yAxisMaxRight?: number;
   yAxisFormatterRight?: string;
   color: any[]; // 颜色
-  layout:
-    | 'top'
-    | 'left'
-    | 'leftTop'
-    | 'rightTop'
-    | 'bottom'
-    | 'right'
-    | 'rightBottom'
-    | 'leftBottom'
-    | 'horizontal'; // 图标布局
+  layout: 'top' | 'left' | 'leftTop' | 'rightTop' | 'bottom' | 'right' | 'rightBottom' | 'leftBottom' | 'horizontal'; // 图标布局
   smooth?: boolean; // 平滑曲线
   lineType: 'solid' | 'dashed' | 'dotted'; // 线类型
   stacked?: any; // 堆叠
@@ -51,27 +42,11 @@ export default interface ChartLineProps {
   tooltipFormatter?: string; // 提示内容值后缀
   label?: any; // 标签支持扩展
   showLable?: boolean; // 数字标签显隐
-  symbol:
-    | 'circle'
-    | 'rect'
-    | 'roundRect'
-    | 'triangle'
-    | 'diamond'
-    | 'pin'
-    | 'arrow'
-    | 'none'; // 标记图形 - 只有折线图存在symbol
+  symbol: 'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond' | 'pin' | 'arrow' | 'none'; // 标记图形 - 只有折线图存在symbol
   symbolSize: number; // 标记大小
   markPoint?: any; // 标签支持扩展
   showMarkPoint?: boolean; // 标注显隐
-  markPointSymbol?:
-    | 'circle'
-    | 'rect'
-    | 'roundRect'
-    | 'triangle'
-    | 'diamond'
-    | 'pin'
-    | 'arrow'
-    | 'none'; // 标注图形
+  markPointSymbol?: 'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond' | 'pin' | 'arrow' | 'none'; // 标注图形
   markPointType: 'min' | 'max' | 'average'; // 标注纬度
   markLine?: any; // 标线支持扩展
   showMarkLine?: boolean; // 标线显隐

package/lib/h5public/src/components/factory/src/LXLineChart/loader.tsx

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

package/lib/h5public/src/components/factory/src/LXPieChart/LXPieChart.tsx

@@ -8,16 +8,7 @@ const LXPieChart: LingXiFC<LXPieChartPorps> = (props, ref) => {
   const { style, visible = true, className } = props;
   const finalStyle = useHiddenStyle(visible, style);
 
-  return (
-    <LXChart
-      style={finalStyle}
-      className={className}
-      configProps={props}
-      isEditMode={false}
-      isMobile
-      chartType="Pie"
-    />
-  );
+  return <LXChart style={finalStyle} className={className} configProps={props} isEditMode={false} isMobile chartType="Pie" />;
 };
 
 export default LXPieChart;