@lingxiteam/ebe-utils 0.2.3 → 0.2.5

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

@@ -1,10 +1,4 @@
-import React, {
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
+import React, { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 // @ts-ignore
 import { LingXiFC } from '@lingxiteam/types';
 import { PlayButton, Progress, Timer } from 'react-soundplayer/components';
@@ -77,7 +71,7 @@ const CustomAudio = withCustomAudio((props: any) => {
   );
 });
 
-const Audio: LingXiFC<MyAudioProps> = (props) => {
+const Audio: LingXiFC<MyAudioProps> = props => {
   // eslint-disable-next-line max-len
   const {
     audioTitle,
@@ -130,7 +124,7 @@ const Audio: LingXiFC<MyAudioProps> = (props) => {
       src: imgSrc,
       backgroundType,
     },
-    viewRef,
+    viewRef
   );
   const onMediaPlay = () => {
     if (!visible && hideType === 'remove') {
@@ -205,13 +199,7 @@ const Audio: LingXiFC<MyAudioProps> = (props) => {
   }, [visible, hideType]);
   return (
     <div style={{ ...style, ...restStyle, display: audioDisplay }}>
-      <CustomAudio
-        audioTitle={audioTitle}
-        autoPlay={autoPlay}
-        preloadType={preloadType}
-        streamUrl={audioUrl}
-        ref={sRef}
-      />
+      <CustomAudio audioTitle={audioTitle} autoPlay={autoPlay} preloadType={preloadType} streamUrl={audioUrl} ref={sRef} />
     </div>
   );
 };

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

@@ -3,43 +3,39 @@ import { useImperativeHandle, useRef } from 'react';
 import type { ForwardRefProps, MyAudioProps } from './Audio';
 import AudioLoader from './loader';
 
-const Audio = LingxiForwardRef<unknown, Omit<MyAudioProps, 'forwardRef'>>(
-  (props, ref) => {
-    const sequenceRef = useRef<{ methodName: string; args: any[] }[]>([]);
-    const audioRef = useRef<ForwardRefProps>();
+const Audio = LingxiForwardRef<unknown, Omit<MyAudioProps, 'forwardRef'>>((props, ref) => {
+  const sequenceRef = useRef<{ methodName: string; args: any[] }[]>([]);
+  const audioRef = useRef<ForwardRefProps>();
 
-    // 解决页面加载完成时，无法调用内部方法
-    const runSeq = () => {
-      sequenceRef.current.forEach((seq) => {
-        const { methodName, args } = seq;
-        try {
-          // @ts-ignore
-          audioRef.current?.[methodName](...args);
-        } catch (error) {
-          console.log(error);
-        }
-      });
+  // 解决页面加载完成时，无法调用内部方法
+  const runSeq = () => {
+    sequenceRef.current.forEach(seq => {
+      const { methodName, args } = seq;
+      try {
+        // @ts-ignore
+        audioRef.current?.[methodName](...args);
+      } catch (error) {
+        console.log(error);
+      }
+    });
 
-      sequenceRef.current = [];
-    };
+    sequenceRef.current = [];
+  };
 
-    // 缓存节点
-    useImperativeHandle(ref, () => ({
-      onOperationAudio(s: 'toggle' | 'play' | 'pasue') {
-        if (!audioRef.current?.audio) {
-          sequenceRef.current.push({
-            methodName: 'toggelAudioStatus',
-            args: [s],
-          });
-        } else {
-          audioRef.current.toggelAudioStatus(s);
-        }
-      },
-    }));
-    return (
-      <AudioLoader {...props} forwardRef={audioRef} componentDidLoad={runSeq} />
-    );
-  },
-);
+  // 缓存节点
+  useImperativeHandle(ref, () => ({
+    onOperationAudio(s: 'toggle' | 'play' | 'pasue') {
+      if (!audioRef.current?.audio) {
+        sequenceRef.current.push({
+          methodName: 'toggelAudioStatus',
+          args: [s],
+        });
+      } else {
+        audioRef.current.toggelAudioStatus(s);
+      }
+    },
+  }));
+  return <AudioLoader {...props} forwardRef={audioRef} componentDidLoad={runSeq} />;
+});
 
 export default Audio;

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

@@ -2,15 +2,9 @@ import Loadable from 'react-loadable';
 import { LoadingComponennt } from '../utils/LoaderHelper';
 import type { MyAudioProps } from './Audio';
 
-const ViewPlayerLoader = Loadable<
-  MyAudioProps,
-  React.ComponentType<MyAudioProps>
->({
+const ViewPlayerLoader = Loadable<MyAudioProps, React.ComponentType<MyAudioProps>>({
   // eslint-disable-next-line func-call-spacing
-  loader: async () =>
-    (await import(
-      /* webpackChunkName: "factory-Audio" */ './Audio'
-    )) as unknown as React.ComponentType<any>,
+  loader: async () => (await import(/* webpackChunkName: "factory-Audio" */ './Audio')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });
 

package/lib/h5public/src/components/factory/src/BasicComponents/DFormWrapper/index.tsx

@@ -15,7 +15,7 @@ interface DformWrapperProps {
   getEngineApis: EngineBaseProps['getEngineApis'];
 }
 
-const DFormWrapper: React.FC<DformWrapperProps> = (props) => {
+const DFormWrapper: React.FC<DformWrapperProps> = props => {
   const { children, style, visible, ctmCoverStyle, getEngineApis } = props;
   const { useTopContainerHidden } = getEngineApis?.() || {};
   // 获取上层容器是否被隐藏
@@ -80,17 +80,8 @@ const DFormWrapper: React.FC<DformWrapperProps> = (props) => {
   // ];
 
   const getExtra = () => {
-    const {
-      onDformItemExtra,
-      icon = {},
-      fieldProps,
-      defaultValue,
-      postfix,
-      postfixIconPosition,
-      iconColor,
-    } = children?.props || {};
-    const { type, theme, isIconFont, fontAddress, iconFileInfo, iconFile } =
-      icon;
+    const { onDformItemExtra, icon = {}, fieldProps, defaultValue, postfix, postfixIconPosition, iconColor } = children?.props || {};
+    const { type, theme, isIconFont, fontAddress, iconFileInfo, iconFile } = icon;
     let value = defaultValue;
     if (children?.props?.dformType === 'DAddressPicker') {
       value = value?.value;
@@ -152,30 +143,15 @@ const DFormWrapper: React.FC<DformWrapperProps> = (props) => {
       <span
         className={`${prefixCls}-right-content`}
         style={after ? { marginLeft: '8px' } : {}}
-        onClick={
-          onDformItemExtra
-            ? () => onDformItemExtra({ [fieldProps]: value })
-            : undefined
-        }
+        onClick={onDformItemExtra ? () => onDformItemExtra({ [fieldProps]: value }) : undefined}
       >
         {after}
       </span>
     );
   };
   const getOriginStyle = (props: any) => {
-    const {
-      borderSetting,
-      borderRadius,
-      backgroundColor,
-      color,
-      fontSize,
-      fontWeight,
-      textAlign,
-      lineHeight,
-      boxStyle,
-      titleStyle,
-      coverStyle,
-    } = props || {};
+    const { borderSetting, borderRadius, backgroundColor, color, fontSize, fontWeight, textAlign, lineHeight, boxStyle, titleStyle, coverStyle } =
+      props || {};
     const originStyle = {
       backgroundColor,
       fontSize,
@@ -200,10 +176,7 @@ const DFormWrapper: React.FC<DformWrapperProps> = (props) => {
       propsStyle.textAlign = children?.props?.textAlign;
     }
     // 对测试期间地址选择器的textAlign进行兼容
-    if (
-      children?.props?.dformType === 'DAddressPicker' &&
-      children?.props?.style?.textAlign
-    ) {
+    if (children?.props?.dformType === 'DAddressPicker' && children?.props?.style?.textAlign) {
       propsStyle.textAlign = children.props.style.textAlign;
     }
     const mewStyle: any = { ...getOriginStyle(children?.props), ...propsStyle };
@@ -258,8 +231,7 @@ const DFormWrapper: React.FC<DformWrapperProps> = (props) => {
     if (ctmCoverStyle && Object.keys(ctmCoverStyle).length) {
       Object.keys(ctmCoverStyle).forEach((styleK: string) => {
         if (propsStyle[styleK]) {
-          dformStyleProps.coverStyle[ctmCoverStyle[styleK]] =
-            propsStyle[styleK];
+          dformStyleProps.coverStyle[ctmCoverStyle[styleK]] = propsStyle[styleK];
         }
       });
     }
@@ -277,18 +249,12 @@ const DFormWrapper: React.FC<DformWrapperProps> = (props) => {
 
   if (dformExtraKeys.includes(children?.props?.dformType)) {
     dformStyleProps.extra = getExtra();
-    if (
-      children?.props?.dformType === 'DformRangePicker' &&
-      children?.props.style?.inputContent === '2'
-    ) {
+    if (children?.props?.dformType === 'DformRangePicker' && children?.props.style?.inputContent === '2') {
       dformStyleProps.showExtra = false;
     } else {
       dformStyleProps.showExtra = !!dformStyleProps.extra;
     }
-    if (
-      children?.props?.dformType !== 'DformInput' &&
-      children?.props?.dformType !== 'DformInputNumber'
-    ) {
+    if (children?.props?.dformType !== 'DformInput' && children?.props?.dformType !== 'DformInputNumber') {
       dformStyleProps.arrow = !getExtra();
     }
   }
@@ -324,14 +290,9 @@ const DFormWrapper: React.FC<DformWrapperProps> = (props) => {
   // console.log("dformStyleProps：", dformStyleProps);
 
   // 标题图标
-  const { titleIcon, prefixIcon, color, fontSize, titleExtension } =
-    children?.props || {};
+  const { titleIcon, prefixIcon, color, fontSize, titleExtension } = children?.props || {};
   const titleIconRender = useMemo(() => {
-    if (
-      titleIcon === 'icon' &&
-      (prefixIcon?.prefixIconType || prefixIcon?.prefixIconiconFile) &&
-      !titleExtension
-    ) {
+    if (titleIcon === 'icon' && (prefixIcon?.prefixIconType || prefixIcon?.prefixIconiconFile) && !titleExtension) {
       return (
         // @ts-ignore
         <Icon
@@ -375,13 +336,13 @@ const DFormWrapper: React.FC<DformWrapperProps> = (props) => {
     >
       {React.isValidElement(children)
         ? React.cloneElement(children, {
-            ...myProps,
-            ...dformStyleProps,
-            fieldProps: (children?.props as any)?.fieldProps || '',
-            // ...titleProps,
-            error: false,
-            hidden: topHidden || !visible, // 隐藏模式下表单模式不校验
-          })
+          ...myProps,
+          ...dformStyleProps,
+          fieldProps: (children?.props as any)?.fieldProps || '',
+          // ...titleProps,
+          error: false,
+          hidden: topHidden || !visible, // 隐藏模式下表单模式不校验
+        })
         : children}
     </div>
   );

package/lib/h5public/src/components/factory/src/BasicComponents/Empty/empty.tsx

@@ -1,11 +1,6 @@
 export default (props: any) => {
   return (
-    <svg
-      width="1.28rem"
-      viewBox="0 0 64 40"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
+    <svg width="1.28rem" viewBox="0 0 64 40" fill="none" xmlns="http://www.w3.org/2000/svg">
       <g id=".components/empty-img-simple" clipPath="url(#clip0_6752_81174)">
         <path
           id="Vector"

package/lib/h5public/src/components/factory/src/BasicComponents/Empty/index.tsx

@@ -10,7 +10,7 @@ interface EmptyProps {
   getLocale: LocaleFunction;
 }
 
-const Empty: FC<EmptyProps> = (props) => {
+const Empty: FC<EmptyProps> = props => {
   const { dataState, getLocale } = props;
 
   const { stateIcon, stateTip } = useCompState({ dataState, type: 'empty' });

package/lib/h5public/src/components/factory/src/BasicComponents/FormItem/index.tsx

@@ -5,7 +5,7 @@ import { FC } from 'react';
  */
 interface FormItemProps {}
 
-const FormItem: FC<FormItemProps> = (props) => {
+const FormItem: FC<FormItemProps> = props => {
   // 增加form组件的classname, 使对应的customClass生效。
   let formItemClassName = '';
   const getClassName = (item: any) => {
@@ -16,11 +16,7 @@ const FormItem: FC<FormItemProps> = (props) => {
     }
   };
   getClassName(props);
-  return (
-    <div className={`lcdp-form-item ${formItemClassName}`}>
-      {props.children}
-    </div>
-  );
+  return <div className={`lcdp-form-item ${formItemClassName}`}>{props.children}</div>;
 };
 
 export default FormItem;

package/lib/h5public/src/components/factory/src/BasicComponents/ForwardRef/index.tsx

@@ -2,10 +2,8 @@ import type { FC } from 'react';
 import React from 'react';
 
 function AppForwardRef<P, T = any>(
-  Comp: FC<P & { ref?: React.LegacyRef<T> | undefined }>,
-): React.ForwardRefExoticComponent<
-  React.PropsWithoutRef<P> & React.RefAttributes<T>
->;
+  Comp: FC<P & { ref?: React.LegacyRef<T> | undefined }>
+): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
 
 function AppForwardRef(Comp: any) {
   return React.forwardRef(Comp);

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

@@ -1,16 +1,12 @@
 import type { FC } from 'react';
 import React, { useEffect, useRef, useState } from 'react';
 
-export interface ImageProps
-  extends React.DetailedHTMLProps<
-    React.ImgHTMLAttributes<HTMLImageElement>,
-    HTMLImageElement
-  > {
+export interface ImageProps extends React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {
   defaultSrc?: string;
   errorSrc?: string;
 }
 
-const MyImage: FC<ImageProps> = (props) => {
+const MyImage: FC<ImageProps> = props => {
   const { defaultSrc, errorSrc, ...restProps } = props;
   const imageRef = useRef<HTMLImageElement>();
   const [src, setSrc] = useState(props.defaultSrc);

package/lib/h5public/src/components/factory/src/BasicComponents/Spin/index.tsx

@@ -21,12 +21,7 @@ const SpinItem = (props: SpinProps) => {
         [`${prefixCls}-default`]: size === 'default',
       })}
     >
-      <span
-        className={classNames(
-          `${prefixCls}-dotSpin`,
-          `${prefixCls}-spinning-dotSpin`,
-        )}
-      >
+      <span className={classNames(`${prefixCls}-dotSpin`, `${prefixCls}-spinning-dotSpin`)}>
         <i className={`${prefixCls}-dotSpin-spinDotItem`} />
         <i className={`${prefixCls}-dotSpin-spinDotItem`} />
         <i className={`${prefixCls}-dotSpin-spinDotItem`} />
@@ -36,7 +31,7 @@ const SpinItem = (props: SpinProps) => {
   );
 };
 
-const Spin: FC<SpinProps> = (props) => {
+const Spin: FC<SpinProps> = props => {
   const { spinning = true, tip, children, size = 'default' } = props;
 
   const SpinWrapper = (

package/lib/h5public/src/components/factory/src/BasicComponents/SpinComp/index.tsx

@@ -11,7 +11,7 @@ interface SpinProps {
 /**
  * 根据数据状态dataState设置返回
  */
-const Spin: FC<SpinProps> = (props) => {
+const Spin: FC<SpinProps> = props => {
   const { dataState } = props;
   const { stateIcon, stateTip } = useCompState({ dataState, type: 'loading' });
 

package/lib/h5public/src/components/factory/src/BasicComponents/Sticky/index.tsx

@@ -16,7 +16,7 @@ interface StickyProps {
   children: (opts: StickyChildProps) => React.ReactElement;
 }
 
-const StickyHeader: FC<StickyProps> = (props) => {
+const StickyHeader: FC<StickyProps> = props => {
   const { children, isOpenSticky = false, top = 0 } = props;
   const ref = useRef(null);
   const contentRef = useRef<Element>();

package/lib/h5public/src/components/factory/src/BlockSelect/components/ActionView/index.tsx

@@ -39,19 +39,9 @@ const ActionView = (props: any) => {
       return (
         <div className="rigthView">
           {myActionView.map((item: any, index: number) => {
-            const {
-              title,
-              iconPos,
-              icon,
-              customStyle,
-              customCode,
-              isIcon,
-              rule,
-            } = item;
+            const { title, iconPos, icon, customStyle, customCode, isIcon, rule } = item;
 
-            const svgContent =
-              (icon && icon?.iconFileInfo && icon?.iconFileInfo?.svgContent) ||
-              null;
+            const svgContent = (icon && icon?.iconFileInfo && icon?.iconFileInfo?.svgContent) || null;
 
             let myTitle = title;
             const buttonPadding: any = {};
@@ -143,15 +133,7 @@ const ActionView = (props: any) => {
             }
 
             let view = <></>;
-            const iconView = (
-              <Icon
-                {...icon}
-                svgContent={svgContent}
-                getEngineApis={getEngineApis}
-                name={name}
-                $$componentItem={$$componentItem}
-              />
-            );
+            const iconView = <Icon {...icon} svgContent={svgContent} getEngineApis={getEngineApis} name={name} $$componentItem={$$componentItem} />;
             if (iconPos === 'left') {
               view = (
                 <>
@@ -192,7 +174,7 @@ const ActionView = (props: any) => {
                   <div
                     className="borderBtn"
                     style={buttonPadding}
-                    onClick={(e) => {
+                    onClick={e => {
                       myOnClick(e);
                     }}
                   >
@@ -204,7 +186,7 @@ const ActionView = (props: any) => {
                   <div
                     className="lightBtn"
                     style={buttonPadding}
-                    onClick={(e) => {
+                    onClick={e => {
                       myOnClick(e);
                     }}
                   >
@@ -216,7 +198,7 @@ const ActionView = (props: any) => {
                   <div
                     className="primaryBtn"
                     style={buttonPadding}
-                    onClick={(e) => {
+                    onClick={e => {
                       myOnClick(e);
                     }}
                   >
@@ -229,20 +211,13 @@ const ActionView = (props: any) => {
                   ...icon,
                   svgContent,
                 };
-                return (
-                  <CustomBtn
-                    customCode={customCode}
-                    icon={iconInfo}
-                    title={myTitle}
-                    isIcon={isIcon}
-                  />
-                );
+                return <CustomBtn customCode={customCode} icon={iconInfo} title={myTitle} isIcon={isIcon} />;
               default: {
                 // 默认图标按钮
                 return (
                   <div
                     style={{ ...buttonStyle, ...buttonPadding }}
-                    onClick={(e) => {
+                    onClick={e => {
                       myOnClick(e);
                     }}
                   >

package/lib/h5public/src/components/factory/src/BlockSelect/components/CheckBox/index.tsx

@@ -19,16 +19,8 @@ interface CheckBoxProps extends IconProps {
   selectIconColor?: any;
 }
 
-const CheckBox: FC<CheckBoxProps> = (props) => {
-  const {
-    col,
-    space,
-    style,
-    children,
-    iconPosition,
-    defaultIcon,
-    ...iconProps
-  } = props;
+const CheckBox: FC<CheckBoxProps> = props => {
+  const { col, space, style, children, iconPosition, defaultIcon, ...iconProps } = props;
   const myStyle = { ...style } || {};
   if (iconProps?.restItem?.myBSHidden === 'hidden') {
     myStyle.display = 'none';
@@ -37,13 +29,7 @@ const CheckBox: FC<CheckBoxProps> = (props) => {
   }
   return (
     <div style={myStyle} className={classNames(`${prefixCls}-blockSelect`)}>
-      {iconPosition === 'left' && defaultIcon !== 'none' && (
-        <Icon
-          {...iconProps}
-          iconPosition={iconPosition}
-          defaultIcon={defaultIcon}
-        />
-      )}
+      {iconPosition === 'left' && defaultIcon !== 'none' && <Icon {...iconProps} iconPosition={iconPosition} defaultIcon={defaultIcon} />}
       <div
         className={`${prefixCls}-content`}
         onClick={() =>
@@ -55,13 +41,7 @@ const CheckBox: FC<CheckBoxProps> = (props) => {
       >
         {children}
       </div>
-      {iconPosition === 'right' && defaultIcon !== 'none' && (
-        <Icon
-          {...iconProps}
-          iconPosition={iconPosition}
-          defaultIcon={defaultIcon}
-        />
-      )}
+      {iconPosition === 'right' && defaultIcon !== 'none' && <Icon {...iconProps} iconPosition={iconPosition} defaultIcon={defaultIcon} />}
     </div>
   );
 };

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

@@ -1,12 +1,7 @@
 import { EngineBaseProps } from '@lingxiteam/types';
 import type { FC } from 'react';
 import MyIcon from '../../../Icon';
-import {
-  circleNormalIcon,
-  circleSelectedIcon,
-  squareNormalIcon,
-  squareSelectedIcon,
-} from '../../assets';
+import { circleNormalIcon, circleSelectedIcon, squareNormalIcon, squareSelectedIcon } from '../../assets';
 import '../../index.less';
 
 const prefixCls = 'lcdp-blockselect';
@@ -28,7 +23,7 @@ export interface IconProps {
   $$componentItem: EngineBaseProps['$$componentItem'];
 }
 
-const Icon: FC<IconProps> = (props) => {
+const Icon: FC<IconProps> = props => {
   const {
     selectImg,
     normalImg,
@@ -59,8 +54,7 @@ const Icon: FC<IconProps> = (props) => {
     }
   };
 
-  const myClassName =
-    iconPosition === 'left' ? `${prefixCls}-icon` : `${prefixCls}-iconRight`;
+  const myClassName = iconPosition === 'left' ? `${prefixCls}-icon` : `${prefixCls}-iconRight`;
 
   if (defaultIcon === 'square') {
     if (checked) {
@@ -76,14 +70,7 @@ const Icon: FC<IconProps> = (props) => {
   }
   if (checked) {
     if (typeof selectImg === 'string') {
-      return (
-        <img
-          onClick={myOnClick}
-          src={selectImg}
-          alt=""
-          className={`${myClassName} ${className}`}
-        />
-      );
+      return <img onClick={myOnClick} src={selectImg} alt="" className={`${myClassName} ${className}`} />;
     }
     return (
       <MyIcon
@@ -98,9 +85,7 @@ const Icon: FC<IconProps> = (props) => {
     );
   }
   if (typeof normalImg === 'string') {
-    return (
-      <img onClick={myOnClick} src={normalImg} alt="" className={myClassName} />
-    );
+    return <img onClick={myOnClick} src={normalImg} alt="" className={myClassName} />;
   }
   // eslint-disable-next-line max-len
   return (

package/lib/h5public/src/components/factory/src/BlockSelect/components/NoCheckBox/index.tsx

@@ -14,7 +14,7 @@ interface NoCheckBoxProps extends IconProps {
   valueKey?: string;
 }
 
-const NoCheckBox: FC<NoCheckBoxProps> = (props) => {
+const NoCheckBox: FC<NoCheckBoxProps> = props => {
   // 去除非选则模式下的默认选中框
   // const { checked, style, children, onChange, getEngineApis, ...restProps } = props;
   const { style, children, onChange, getEngineApis, ...restProps } = props;
@@ -30,7 +30,7 @@ const NoCheckBox: FC<NoCheckBoxProps> = (props) => {
       style={myStyle}
       className={classNames(
         `${prefixCls}-blockSelect`,
-        `${prefixCls}-showIcon`,
+        `${prefixCls}-showIcon`
         // { [`${prefixCls}-select`]: checked }
       )}
       onClick={(e: any) => {