@lingxiteam/ebe-utils 0.2.4 → 0.2.5

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

@@ -1,14 +1,10 @@
 // 求和
-export const sum = (numbers: { span: number }[] = []) =>
-  numbers.reduce((pre, current) => pre + current.span, 0);
+export const sum = (numbers: { span: number }[] = []) => numbers.reduce((pre, current) => pre + current.span, 0);
 
 export const PRIVATE_SYMBOL = Symbol('privateSymbol');
 
 // 数据重组
-export const regroupNum = (
-  base: number,
-  numbers: { span: number; [key: symbol | string]: any }[] = [],
-) => {
+export const regroupNum = (base: number, numbers: { span: number; [key: symbol | string]: any }[] = []) => {
   const sumNumber = sum(numbers);
   const target = numbers;
   if (base > sumNumber) {

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

@@ -12,19 +12,14 @@ export interface MyLevelViewProps extends LevelViewType {
 // 枚举定义， ’-‘ 前为dsl所配置样式名称，‘-’后面为组件内部实际所需的样式名称
 const enmu = {
   titleStyle: ['titleColor-color', 'titleStyle-style', 'titleSize-fontSize'],
-  contentStyle: [
-    'selectBackgroundColor-selectBackground',
-    'selectColor-selectColor',
-    'fontSize-fontSize',
-    'selectStyle-style',
-  ],
+  contentStyle: ['selectBackgroundColor-selectBackground', 'selectColor-selectColor', 'fontSize-fontSize', 'selectStyle-style'],
   btnStyle: ['btnStyle-style'],
 };
 const MyLevelView = LingxiForwardRef<any, MyLevelViewProps>((props, ref) => {
   const { visible, style } = props;
   const styleProps = useMemo(() => {
     const myStyle = {} as any;
-    Object.keys(enmu).forEach((key) => {
+    Object.keys(enmu).forEach(key => {
       let obj: any = {};
       // @ts-ignore
       enmu[key].forEach((i: string) => {
@@ -33,9 +28,7 @@ const MyLevelView = LingxiForwardRef<any, MyLevelViewProps>((props, ref) => {
         const objValue = style[objMap[0]];
         const objKey = objMap[1];
         if (!objValue) return;
-        objKey === 'style'
-          ? (obj = { ...obj, ...objValue })
-          : (obj[objKey] = objValue);
+        objKey === 'style' ? (obj = { ...obj, ...objValue }) : (obj[objKey] = objValue);
       });
       myStyle[key] = obj;
     });

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

@@ -7,15 +7,7 @@ import { useJsonToParse } from '../utils/hooks/useJsonToParse';
 import { MyLineProps } from './PropsType';
 
 const MyLine: LingXiFC<MyLineProps> = (props, ref) => {
-  const {
-    visible = true,
-    getEngineApis,
-    $$componentItem,
-    className,
-    style,
-    refData,
-    ...restProps
-  } = props;
+  const { visible = true, getEngineApis, $$componentItem, className, style, refData, ...restProps } = props;
   const finalStyle = useHiddenStyle(visible, style);
   // if (!visible) {
   //   return null;
@@ -45,7 +37,7 @@ const MyLine: LingXiFC<MyLineProps> = (props, ref) => {
           [state.y]: y,
         };
       }),
-    [JSON.stringify(data)],
+    [JSON.stringify(data)]
   );
 
   const xStyle = useMemo(() => {
@@ -65,15 +57,7 @@ const MyLine: LingXiFC<MyLineProps> = (props, ref) => {
 
   return (
     <div style={finalStyle} className={className}>
-      <Line
-        {...restProps}
-        x={state.x}
-        y={state.y}
-        canvasSize={{ width, height }}
-        data={dataSource}
-        xStyle={xStyle}
-        yStyle={yStyle}
-      />
+      <Line {...restProps} x={state.x} y={state.y} canvasSize={{ width, height }} data={dataSource} xStyle={xStyle} yStyle={yStyle} />
     </div>
   );
 };

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

@@ -3,10 +3,7 @@ import { LoadingComponennt } from '../utils/LoaderHelper';
 
 const LineLoader = Loadable({
   // eslint-disable-next-line func-call-spacing
-  loader: async () =>
-    (await import(
-      /* webpackChunkName: 'factory-Line' */ './Line'
-    )) as unknown as React.ComponentType<any>,
+  loader: async () => (await import(/* webpackChunkName: 'factory-Line' */ './Line')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });
 

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

@@ -33,7 +33,7 @@ const LineColumn: LingXiFC<ColumnProps> = (props, ref) => {
   const dataSource = parseData.map((i: any) => {
     if (i.constructor === Object) {
       const newObj = {} as any;
-      Object.keys(i).forEach((key) => {
+      Object.keys(i).forEach(key => {
         newObj[key] = i[key];
         if (!isNaN(parseInt(i[key], 10))) {
           newObj[key] = parseInt(i[key], 10);
@@ -127,9 +127,7 @@ const LineColumn: LingXiFC<ColumnProps> = (props, ref) => {
     items: legendItems,
   };
   if (!data) {
-    return (
-      <p style={finalStyle}>{getLocale('Chart.configData', '请配置数据源')}</p>
-    );
+    return <p style={finalStyle}>{getLocale('Chart.configData', '请配置数据源')}</p>;
   }
   return (
     <div className={className}>

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

@@ -2,6 +2,7 @@ import { ChartProps } from '@alitajs/f2/dist/Chart';
 import { CSSProperties } from 'react';
 
 export interface ColumnProps {
+
   /**
    * 图表展示数据
    */

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

@@ -3,10 +3,7 @@ import { LoadingComponennt } from '../utils/LoaderHelper';
 
 const LineColumnLoader = Loadable({
   // eslint-disable-next-line func-call-spacing
-  loader: async () =>
-    (await import(
-      /* webpackChunkName: 'factory-LineColumn' */ './LineColumn'
-    )) as unknown as React.ComponentType<any>,
+  loader: async () => (await import(/* webpackChunkName: 'factory-LineColumn' */ './LineColumn')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });
 

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

@@ -1,7 +1,4 @@
-import {
-  LoadMoreListView,
-  LoadMoreListViewProps,
-} from '@lingxiteam/antd-mobile-plus';
+import { LoadMoreListView, LoadMoreListViewProps } from '@lingxiteam/antd-mobile-plus';
 import { ErrorBlock } from 'antd-mobile-5';
 import { useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { AppForwardRef } from '../BasicComponents';
@@ -106,12 +103,10 @@ const LoadMore = AppForwardRef<MyListViewProps>((props, ref) => {
   }));
 
   return (
-    <div
-      className={`${prefixCls}-loadMore`}
-      style={wrapperHeight ? { height: wrapperHeight } : {}}
-    >
+    <div className={`${prefixCls}-loadMore`} style={wrapperHeight ? { height: wrapperHeight } : {}}>
       <LoadMoreListView
         {...otherProps}
+
         /* @ts-ignore */
         // eslint-disable-next-line react/jsx-props-no-multi-spaces
         type={props.type}

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

@@ -34,9 +34,7 @@ const Loop = LingxiForwardRef<any, MyLoopprops>((props, ref) => {
 
   const { MemoRenderer, getAppFileUrlByFileCode } = props.getEngineApis();
   const { MemoLoopItem, renderer, getLoopItemExtraProps } = MemoRenderer;
-  const [dataSource, setDataSource] = useState(
-    Array.isArray(myDataSource) ? myDataSource : [],
-  );
+  const [dataSource, setDataSource] = useState(Array.isArray(myDataSource) ? myDataSource : []);
 
   const [imgSrc, setImgSrc] = useState();
 
@@ -66,7 +64,7 @@ const Loop = LingxiForwardRef<any, MyLoopprops>((props, ref) => {
       ...props,
       src: imgSrc,
     },
-    viewRef,
+    viewRef
   );
 
   if (!visible) {
@@ -74,11 +72,7 @@ const Loop = LingxiForwardRef<any, MyLoopprops>((props, ref) => {
   }
 
   return (
-    <div
-      {...restProps}
-      className={`${className}`}
-      style={{ ...restStyle, ...style }}
-    >
+    <div {...restProps} className={`${className}`} style={{ ...restStyle, ...style }}>
       {dataSource?.map((item, i) => {
         const renderProps = {
           itemKey,

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

@@ -7,15 +7,7 @@ import { useJsonToParse } from '../utils/hooks/useJsonToParse';
 import { MyMultipleProgressProps, ProgressProps } from './PropsType';
 
 const MyMultipleProgress: LingXiFC<MyMultipleProgressProps> = (props, ref) => {
-  const {
-    style = {},
-    $$componentItem,
-    visible,
-    getEngineApis,
-    className,
-    refData,
-    ...restProps
-  } = props;
+  const { style = {}, $$componentItem, visible, getEngineApis, className, refData, ...restProps } = props;
   const finalStyle = useHiddenStyle(visible, style);
   const [{ data: myData }, setState] = useAsyncState({
     data: props.data,

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

@@ -1,4 +1,5 @@
 export interface ProgressProps {
+
   /**
    * @description 进度条颜色
    */
@@ -16,6 +17,7 @@ export interface ProgressProps {
 }
 
 export interface MyMultipleProgressProps {
+
   /**
    * @description 进度条颜色
    */

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

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

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

@@ -3,10 +3,7 @@ import { LoadingComponennt } from '../utils/LoaderHelper';
 
 const MultipleProgressLoader = Loadable({
   // eslint-disable-next-line func-call-spacing
-  loader: async () =>
-    (await import(
-      /* webpackChunkName: 'factory-MultipleProgress' */ './MultipleProgress'
-    )) as unknown as React.ComponentType<any>,
+  loader: async () => (await import(/* webpackChunkName: 'factory-MultipleProgress' */ './MultipleProgress')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });
 

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

@@ -11,67 +11,53 @@ export interface MyNoticeBarPlusProps extends NoticeBarProps {
   clsasName?: string;
 }
 
-const MyNoticeBarPlus = LingxiForwardRef<any, MyNoticeBarPlusProps>(
-  (props, ref) => {
-    const {
-      backgroundType = {},
-      srcType,
-      src,
-      fileCode,
-      errorSrc,
-      getEngineApis,
-      clsasName,
-      ...restProps
-    } = props;
-    const NoticeBarPlusRef = useRef<HTMLDivElement>(null);
-    const [imgSrc, setImgSrc] = useState('');
-    const [error, setError] = useState('');
-    const [icon, setIcon] = useState('');
-    const engineApis = getEngineApis();
-    const viewRef = useRef<HTMLDivElement>();
-    const style = useStyle(
-      {
-        ...props,
-        src: imgSrc,
-      } as any,
-      viewRef,
-    ) as any;
-    useEffect(() => {
-      if (errorSrc) {
-        setError(engineApis.getAppFileUrlByFileCode(errorSrc));
-      }
-    }, [errorSrc]);
+const MyNoticeBarPlus = LingxiForwardRef<any, MyNoticeBarPlusProps>((props, ref) => {
+  const { backgroundType = {}, srcType, src, fileCode, errorSrc, getEngineApis, clsasName, ...restProps } = props;
+  const NoticeBarPlusRef = useRef<HTMLDivElement>(null);
+  const [imgSrc, setImgSrc] = useState('');
+  const [error, setError] = useState('');
+  const [icon, setIcon] = useState('');
+  const engineApis = getEngineApis();
+  const viewRef = useRef<HTMLDivElement>();
+  const style = useStyle(
+    {
+      ...props,
+      src: imgSrc,
+    } as any,
+    viewRef
+  ) as any;
+  useEffect(() => {
+    if (errorSrc) {
+      setError(engineApis.getAppFileUrlByFileCode(errorSrc));
+    }
+  }, [errorSrc]);
 
-    useEffect(() => {
-      if (backgroundType.image) {
-        setImgSrc(engineApis.getAppFileUrlByFileCode(backgroundType.image));
-      }
-    }, [backgroundType]);
+  useEffect(() => {
+    if (backgroundType.image) {
+      setImgSrc(engineApis.getAppFileUrlByFileCode(backgroundType.image));
+    }
+  }, [backgroundType]);
 
-    useEffect(() => {
-      if (srcType === 'fileCode' && fileCode) {
-        setIcon(engineApis.getAppFileUrlByFileCode(fileCode));
-      } else if (srcType === 'src' && src) {
-        setIcon(src);
-      }
-    }, [fileCode, src, srcType]);
+  useEffect(() => {
+    if (srcType === 'fileCode' && fileCode) {
+      setIcon(engineApis.getAppFileUrlByFileCode(fileCode));
+    } else if (srcType === 'src' && src) {
+      setIcon(src);
+    }
+  }, [fileCode, src, srcType]);
 
-    return (
-      <div
-        className={`use-app-noticebarplus ${clsasName}`}
-        ref={NoticeBarPlusRef}
-      >
-        <NoticeBarPlus
-          {...restProps}
-          style={style}
-          src={icon}
-          errorSrc={error}
-          imgStyle={style.imgStyle}
-          extraText={restProps.extraText ?? engineApis.getLocale('more')}
-        />
-      </div>
-    );
-  },
-);
+  return (
+    <div className={`use-app-noticebarplus ${clsasName}`} ref={NoticeBarPlusRef}>
+      <NoticeBarPlus
+        {...restProps}
+        style={style}
+        src={icon}
+        errorSrc={error}
+        imgStyle={style.imgStyle}
+        extraText={restProps.extraText ?? engineApis.getLocale('more')}
+      />
+    </div>
+  );
+});
 
 export default MyNoticeBarPlus;

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

@@ -5,21 +5,12 @@ import useHiddenStyle from '../utils/hooks/useHiddenStyle';
 export interface MyNotificationProp extends NotificationType {
   visible: boolean;
 }
-const MyNotification = LingxiForwardRef<any, MyNotificationProp>(
-  (props, ref) => {
-    const { visible, style, title, dataSource, className } = props;
-    const displayStyle = useHiddenStyle(visible, style);
+const MyNotification = LingxiForwardRef<any, MyNotificationProp>((props, ref) => {
+  const { visible, style, title, dataSource, className } = props;
+  const displayStyle = useHiddenStyle(visible, style);
 
-    return (
-      <Notification
-        title={title}
-        dataSource={dataSource}
-        style={displayStyle}
-        className={className}
-      />
-    );
-  },
-);
+  return <Notification title={title} dataSource={dataSource} style={displayStyle} className={className} />;
+});
 
 MyNotification.displayName = 'Notification';
 

package/lib/h5public/src/components/factory/src/Picker/InnerPicker.tsx

@@ -13,16 +13,7 @@ export interface PickerProps {
   closeOnMaskClick: boolean;
 }
 const MyPicker = LingxiForwardRef<any, PickerProps>((props, ref) => {
-  const {
-    onChange = () => {},
-    visible = false,
-    onPopViewCancel,
-    getEngineApis,
-    title,
-    style,
-    closeOnMaskClick = true,
-    className,
-  } = props;
+  const { onChange = () => {}, visible = false, onPopViewCancel, getEngineApis, title, style, closeOnMaskClick = true, className } = props;
   const [data, setData] = useState<any>([]);
   const [show, setShow] = useListenToggleBoolean(visible);
   const { getLocale } = getEngineApis?.() || {};
@@ -50,10 +41,7 @@ const MyPicker = LingxiForwardRef<any, PickerProps>((props, ref) => {
     onClose();
   };
 
-  const getItem = useCallback(
-    (val) => data?.find((item: any) => item.value === val),
-    [data],
-  );
+  const getItem = useCallback(val => data?.find((item: any) => item.value === val), [data]);
 
   const onOk = (v: string | any[]) => {
     onClose();

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

@@ -1,10 +1,5 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
-import React, {
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useState,
-} from 'react';
+import React, { useEffect, useImperativeHandle, useMemo, useState } from 'react';
 import IconPlaceholder from './assets/placeholder.png';
 
 export interface PictureVerifyCodeProps {
@@ -14,10 +9,7 @@ export interface PictureVerifyCodeProps {
   visible?: boolean;
 }
 // @ts-ignore
-const PictureVerifyCode: React.FC<PictureVerifyCodeProps> = LingxiForwardRef<
-  any,
-  PictureVerifyCodeProps
->((props, ref) => {
+const PictureVerifyCode: React.FC<PictureVerifyCodeProps> = LingxiForwardRef<any, PictureVerifyCodeProps>((props, ref) => {
   const { digit, onClick, style, visible, getEngineApis, ...restProps } = props;
   const { getValidateCodePicture } = getEngineApis();
   const [imgSrc, setImgSrc] = useState(IconPlaceholder);
@@ -55,7 +47,7 @@ const PictureVerifyCode: React.FC<PictureVerifyCodeProps> = LingxiForwardRef<
       {...restProps}
       style={targetStyle}
       src={imgSrc}
-      onClick={(e) => {
+      onClick={e => {
         if (onClick) {
           onClick(e);
         } else {

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

@@ -7,37 +7,25 @@ export interface MyProcessTrackProps extends ProTrackProps {
   visible: boolean;
   style: React.CSSProperties;
 }
-const MyProcessTrack = LingxiForwardRef<any, MyProcessTrackProps>(
-  (props, ref) => {
-    const {
-      visible = true,
-      style,
-      className,
-      empty,
-      getEngineApis,
-      ...restProps
-    } = props;
+const MyProcessTrack = LingxiForwardRef<any, MyProcessTrackProps>((props, ref) => {
+  const { visible = true, style, className, empty, getEngineApis, ...restProps } = props;
 
-    const { getLocale } = getEngineApis();
+  const { getLocale } = getEngineApis();
 
-    const displayStyle = useHiddenStyle(visible);
+  const displayStyle = useHiddenStyle(visible);
 
-    return (
-      <div
-        style={{
-          ...style,
-          ...displayStyle,
-        }}
-        className={className}
-      >
-        <ProcessTrack
-          {...restProps}
-          empty={empty ?? getLocale('ProcessTrack.empty')}
-        />
-      </div>
-    );
-  },
-);
+  return (
+    <div
+      style={{
+        ...style,
+        ...displayStyle,
+      }}
+      className={className}
+    >
+      <ProcessTrack {...restProps} empty={empty ?? getLocale('ProcessTrack.empty')} />
+    </div>
+  );
+});
 
 MyProcessTrack.displayName = 'ProcessTrack';