@lingxiteam/ebe-utils 0.2.4 → 0.2.5

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;

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

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

package/lib/h5public/src/components/factory/src/LXRadarChart/LXRadarChat.tsx

@@ -10,16 +10,7 @@ const LXRadarChart: LingXiFC<LXRadarChartPorps> = (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="Radar"
-    />
-  );
+  return <LXChart style={finalStyle} className={className} configProps={props} isEditMode={false} isMobile chartType="Radar" />;
 };
 
 export default LXRadarChart;

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

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

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

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

package/lib/h5public/src/components/factory/src/Layout/Col/index.tsx

@@ -2,6 +2,7 @@ import classNames from 'classnames';
 import React, { FC } from 'react';
 
 interface ColItemProps {
+
   /**
    * 索引行号
    */
@@ -13,13 +14,10 @@ interface ColItemProps {
 }
 
 const prefixCls = 'lcdp-col-item';
-const ColItem: FC<ColItemProps> = (props) => {
+const ColItem: FC<ColItemProps> = props => {
   const { style, className, gutter = 0, index } = props;
   return (
-    <div
-      style={{ marginLeft: index === 0 ? 0 : gutter, ...style }}
-      className={classNames(prefixCls, className)}
-    >
+    <div style={{ marginLeft: index === 0 ? 0 : gutter, ...style }} className={classNames(prefixCls, className)}>
       {props.children}
     </div>
   );

package/lib/h5public/src/components/factory/src/Layout/Row/index.tsx

@@ -5,6 +5,7 @@ import { PRIVATE_SYMBOL, regroupNum } from '../utils';
 import './index.less';
 
 interface RowProps {
+
   /**
    * 索引行号
    */
@@ -44,7 +45,7 @@ interface RowProps {
 }
 
 const prefixCls = 'lcdp-row';
-const Row: FC<RowProps> = (props) => {
+const Row: FC<RowProps> = props => {
   const { style, className, gutter, cols, render, base, index = 0 } = props;
 
   // 数据重组
@@ -61,12 +62,7 @@ const Row: FC<RowProps> = (props) => {
       {calculateCols.map((col, index) => {
         const { span } = col;
         return (
-          <Col
-            key={`${index}`}
-            index={index}
-            gutter={gutter?.[1]}
-            style={{ flex: span }}
-          >
+          <Col key={`${index}`} index={index} gutter={gutter?.[1]} style={{ flex: span }}>
             {!col[PRIVATE_SYMBOL] && render(col)}
           </Col>
         );

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

@@ -15,15 +15,8 @@ export interface LayoutProps {
 }
 
 const prefixCls = 'lcdp-factory-Layout';
-const Layout = LingxiForwardRef<unknown, LayoutProps>((props) => {
-  const {
-    backgroundType = {},
-    fileCode,
-    src,
-    $$componentItem,
-    visible,
-    getEngineApis,
-  } = props;
+const Layout = LingxiForwardRef<unknown, LayoutProps>(props => {
+  const { backgroundType = {}, fileCode, src, $$componentItem, visible, getEngineApis } = props;
 
   const { getAppFileUrlByFileCode } = getEngineApis();
 
@@ -49,15 +42,11 @@ const Layout = LingxiForwardRef<unknown, LayoutProps>((props) => {
       ...props,
       src: imgSrc,
     },
-    viewRef,
+    viewRef
   );
 
   return (
-    <div
-      ref={viewRef}
-      className={prefixCls}
-      style={{ ...style, ...finalStyle }}
-    >
+    <div ref={viewRef} className={prefixCls} style={{ ...style, ...finalStyle }}>
       {children}
     </div>
   );

package/lib/h5public/src/components/factory/src/Layout/useLayout.tsx

@@ -32,7 +32,7 @@ const useLayout = (props: LayoutOptions) => {
    * 输出：[[6, 6]]
    */
   const rowData = useMemo(() => {
-    const colSpanArr = colSpan.split(':').map((it) => Number(it ?? 0));
+    const colSpanArr = colSpan.split(':').map(it => Number(it ?? 0));
 
     const base = Number(grid);
     const rows: { span: number; index: number }[][] = [];
@@ -66,7 +66,7 @@ const useLayout = (props: LayoutOptions) => {
           index={index}
           gutter={[rowSpace, colSpace]}
           cols={cols}
-          render={(item) => {
+          render={item => {
             const { index } = item;
             return items[index];
           }}