@lingxiteam/ebe-utils 0.2.4 → 0.2.6

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

@@ -13,15 +13,7 @@ export interface MyTextprops {
 }
 
 const Text = LingxiForwardRef<any, MyTextprops>((props, ref) => {
-  const {
-    children,
-    name,
-    textReg,
-    showHtml = false,
-    visible = true,
-    style,
-    ...restProps
-  } = props;
+  const { children, name, textReg, showHtml = false, visible = true, style, ...restProps } = props;
 
   const hiddenStyle = useHiddenStyle(visible, style);
 
@@ -30,54 +22,33 @@ const Text = LingxiForwardRef<any, MyTextprops>((props, ref) => {
    */
   const { customs, attrNbrInfo } = textReg || {};
 
-  const getRegStr = (str: string) =>
-    /^\/.+\/.*/g.test(str) ? str.replace(/^\//, '').replace(/\/$/g, '') : str;
+  const getRegStr = (str: string) => (/^\/.+\/.*/g.test(str) ? str.replace(/^\//, '').replace(/\/$/g, '') : str);
 
-  const getRegMap = (
-    array: string[],
-    originKey: string,
-    targetKey: string,
-  ): [Record<string, any>, string[]] => {
+  const getRegMap = (array: string[], originKey: string, targetKey: string): [Record<string, any>, string[]] => {
     const regExpMap = {};
-    const regExpSort = [...array].sort(
-      (a: any, b: any) =>
-        String(b[originKey]).length - String(a[originKey]).length,
-    );
-    regExpSort.forEach((c) => {
+    const regExpSort = [...array].sort((a: any, b: any) => String(b[originKey]).length - String(a[originKey]).length);
+    regExpSort.forEach(c => {
       // @ts-ignore
       regExpMap[getRegStr(c[originKey])] = c[targetKey];
     });
     // @ts-ignore
-    return [regExpMap, regExpSort.map((c) => c[originKey])];
+    return [regExpMap, regExpSort.map(c => c[originKey])];
   };
   const getRegMapItem = (map: any, item: string) => {
-    const key = Object.keys(map).find((c) => new RegExp(c).test(item)) || '';
+    const key = Object.keys(map).find(c => new RegExp(c).test(item)) || '';
     return map[key];
   };
-  const getFinalStr = (
-    array: string[],
-    originKey: string,
-    targetKey: string,
-  ) => {
-    const [customRegMap, customRegSort] = getRegMap(
-      array,
-      originKey,
-      targetKey,
-    );
+  const getFinalStr = (array: string[], originKey: string, targetKey: string) => {
+    const [customRegMap, customRegSort] = getRegMap(array, originKey, targetKey);
     const reStr = `(${customRegSort.join('|')})`;
     const newReg = new RegExp(reStr, 'g');
     const pcontent = typeof children === 'string' ? children : '';
-    return pcontent.replace(
-      newReg,
-      (it) => customRegMap[it] || getRegMapItem(customRegMap, it),
-    );
+    return pcontent.replace(newReg, it => customRegMap[it] || getRegMapItem(customRegMap, it));
   };
   const showContent = useMemo(() => {
     if (textReg) {
       if (Array.isArray(attrNbrInfo) && attrNbrInfo.length) {
-        return attrNbrInfo?.length
-          ? getFinalStr(attrNbrInfo, 'value', 'label')
-          : children;
+        return attrNbrInfo?.length ? getFinalStr(attrNbrInfo, 'value', 'label') : children;
       }
       if (Array.isArray(customs) && customs.length) {
         return getFinalStr(customs, 'text', 'translation');

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

@@ -2,13 +2,7 @@ import DynamicForm from '@lingxiteam/dform';
 import Field from '@lingxiteam/dform/es/components/Field';
 import { LingxiForwardRef } from '@lingxiteam/types';
 import classNames from 'classnames';
-import {
-  useContext,
-  useEffect,
-  useImperativeHandle,
-  useRef,
-  useState,
-} from 'react';
+import { useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import useAsyncState from '../utils/hooks/useAsyncState';
 import { useFormItem } from '../utils/hooks/useFormItem';
 import IconPlaceholder from './assets/placeholder.png';
@@ -40,223 +34,160 @@ export interface MyVerificationCodeProps {
 
 const prefixCls = 'verificationCode';
 
-const VerificationCode = LingxiForwardRef<any, MyVerificationCodeProps>(
-  (props, ref) => {
-    const {
-      titleShow,
-      title,
-      titlePosition,
-      placeholderText,
-      displayStyle,
-      countdownTime,
-      style,
-      fieldProps,
-      onClick,
-      digit,
-      visible = true,
-      getEngineApis,
-      formItemInstance,
-      onBlur,
-      required,
-      className,
-    } = props;
-    const { onInputChange, val } = formItemInstance;
-    const { getValidateCodePicture, getLocale } = getEngineApis?.() || {};
-    const { color, ...otherStyle } = style;
-    const [countdownText, setCountdownText] = useState(
-      getLocale('VerificationCode.text') || '发送验证码',
-    );
-    // const [errorInfo, setErrorInfo] = useState(null);
-    const readingRef = useRef(false);
-    const time = useRef<any>();
-    const timer = useRef<any>();
-    const [{ imageURL }, setState] = useAsyncState({
-      imageURL: props.imageURL,
-    });
-    const [imgSrc, setImgSrc] = useState(IconPlaceholder);
-    const countdownReading = () => {
-      timer.current = setInterval(() => {
-        let readingTime = time.current ? time.current : countdownTime;
-        readingTime -= 1;
-        time.current = readingTime;
-        if (readingTime < 1) {
-          readingRef.current = false;
-          setCountdownText(getLocale('VerificationCode.text') || '发送验证码');
-          clearInterval(timer?.current);
-        } else {
-          setCountdownText(
-            `${
-              getLocale('VerificationCode.refresh') || '重新获取'
-            } ${readingTime}s`,
-          );
-        }
-      }, 1000);
-    };
+const VerificationCode = LingxiForwardRef<any, MyVerificationCodeProps>((props, ref) => {
+  const {
+    titleShow,
+    title,
+    titlePosition,
+    placeholderText,
+    displayStyle,
+    countdownTime,
+    style,
+    fieldProps,
+    onClick,
+    digit,
+    visible = true,
+    getEngineApis,
+    formItemInstance,
+    onBlur,
+    required,
+    className,
+  } = props;
+  const { onInputChange, val } = formItemInstance;
+  const { getValidateCodePicture, getLocale } = getEngineApis?.() || {};
+  const { color, ...otherStyle } = style;
+  const [countdownText, setCountdownText] = useState(getLocale('VerificationCode.text') || '发送验证码');
+  // const [errorInfo, setErrorInfo] = useState(null);
+  const readingRef = useRef(false);
+  const time = useRef<any>();
+  const timer = useRef<any>();
+  const [{ imageURL }, setState] = useAsyncState({
+    imageURL: props.imageURL,
+  });
+  const [imgSrc, setImgSrc] = useState(IconPlaceholder);
+  const countdownReading = () => {
+    timer.current = setInterval(() => {
+      let readingTime = time.current ? time.current : countdownTime;
+      readingTime -= 1;
+      time.current = readingTime;
+      if (readingTime < 1) {
+        readingRef.current = false;
+        setCountdownText(getLocale('VerificationCode.text') || '发送验证码');
+        clearInterval(timer?.current);
+      } else {
+        setCountdownText(`${getLocale('VerificationCode.refresh') || '重新获取'} ${readingTime}s`);
+      }
+    }, 1000);
+  };
+
+  const { errorValue } = useContext(Context);
 
-    const { errorValue } = useContext(Context);
+  useImperativeHandle(ref, () => ({
+    refreshPictureVeriryCode: () => {
+      getPicVerifyCode();
+    },
+    startCountdown: (date: Date) => {
+      if (displayStyle === 'countdownStyle') {
+        if (readingRef.current) return;
+        readingRef.current = true;
+        countdownReading();
+      }
+    },
+    resetCountdown: () => {
+      if (displayStyle === 'countdownStyle') {
+        readingRef.current = false;
+        setCountdownText(getLocale('VerificationCode.text') || '发送验证码');
+        clearInterval(timer?.current);
+        time.current = null;
+      }
+    },
+    setImageURL: (src: string) => {
+      setState({
+        imageURL: src,
+      });
+    },
+  }));
 
-    useImperativeHandle(ref, () => ({
-      refreshPictureVeriryCode: () => {
-        getPicVerifyCode();
-      },
-      startCountdown: (date: Date) => {
-        if (displayStyle === 'countdownStyle') {
-          if (readingRef.current) return;
-          readingRef.current = true;
-          countdownReading();
-        }
-      },
-      resetCountdown: () => {
-        if (displayStyle === 'countdownStyle') {
-          readingRef.current = false;
-          setCountdownText(getLocale('VerificationCode.text') || '发送验证码');
-          clearInterval(timer?.current);
-          time.current = null;
-        }
-      },
-      setImageURL: (src: string) => {
-        setState({
-          imageURL: src,
-        });
-      },
-    }));
+  const errorInfo = errorValue?.[fieldProps];
 
-    const errorInfo = errorValue?.[fieldProps];
+  const onMyChange = (e: any) => {
+    // setErrorInfo(null);
+    onInputChange(e.currentTarget.value, true);
+    // if (isForm) {
+    //   form?.setFieldsValue({ [fieldProps]: e.currentTarget.value });
+    // }
+  };
 
-    const onMyChange = (e: any) => {
-      // setErrorInfo(null);
-      onInputChange(e.currentTarget.value, true);
-      // if (isForm) {
-      //   form?.setFieldsValue({ [fieldProps]: e.currentTarget.value });
-      // }
+  useEffect(() => {
+    return () => {
+      clearInterval(timer?.current);
     };
+  }, []);
 
-    useEffect(() => {
-      return () => {
-        clearInterval(timer?.current);
+  const getPicVerifyCode = () => {
+    const newTimestamp = new Date().getTime();
+    if (digit) {
+      const params = {
+        validateCodeCount: `${digit}`,
+        t: `${newTimestamp}`,
       };
-    }, []);
-
-    const getPicVerifyCode = () => {
-      const newTimestamp = new Date().getTime();
-      if (digit) {
-        const params = {
-          validateCodeCount: `${digit}`,
-          t: `${newTimestamp}`,
-        };
-        setImgSrc(getValidateCodePicture(params));
-      }
-    };
-    useEffect(() => {
-      if (displayStyle === 'random') {
-        // 随机数的情况下自动刷新
-        getPicVerifyCode();
-      }
-    }, [displayStyle, digit]);
+      setImgSrc(getValidateCodePicture(params));
+    }
+  };
+  useEffect(() => {
+    if (displayStyle === 'random') {
+      // 随机数的情况下自动刷新
+      getPicVerifyCode();
+    }
+  }, [displayStyle, digit]);
 
-    /**
-     * 获取验证码
-     * @returns
-     */
-    const renderPicVerifyCode = () => {
-      if (displayStyle === 'random') {
+  /**
+   * 获取验证码
+   * @returns
+   */
+  const renderPicVerifyCode = () => {
+    if (displayStyle === 'random') {
+      return (
+        <img
+          src={imgSrc}
+          alt=""
+          className="imageActive"
+          onClick={e => {
+            if (onClick) {
+              onClick(e);
+            } else {
+              getPicVerifyCode();
+            }
+          }}
+        />
+      );
+    }
+    return null;
+  };
+  const renderView = () => {
+    if (titleShow) {
+      if (titlePosition === 'top') {
         return (
-          <img
-            src={imgSrc}
-            alt=""
-            className="imageActive"
-            onClick={(e) => {
-              if (onClick) {
-                onClick(e);
-              } else {
-                getPicVerifyCode();
-              }
-            }}
-          />
-        );
-      }
-      return null;
-    };
-    const renderView = () => {
-      if (titleShow) {
-        if (titlePosition === 'top') {
-          return (
-            <div className={`${prefixCls}-titleTop`} style={otherStyle}>
-              <span className="topText">
-                {title}
-                {required && <div className="redStar">*</div>}
-              </span>
-              <div className={`${prefixCls}-inputContent`}>
-                <div className="normalArea">
-                  <input
-                    placeholder={placeholderText}
-                    onBlur={onBlur}
-                    value={val}
-                    onChange={onMyChange}
-                  />
-                  {displayStyle === 'imageStyle' && (
-                    <img
-                      className="imageActive"
-                      src={imageURL}
-                      alt=""
-                      onClick={onClick}
-                    />
-                  )}
-                  {displayStyle === 'countdownStyle' && (
-                    <div
-                      className={
-                        readingRef.current === false
-                          ? 'sendButtonActive'
-                          : 'sendButtonDisable'
-                      }
-                      style={readingRef.current === false ? { color } : {}}
-                      onClick={onClick}
-                    >
-                      {countdownText}
-                    </div>
-                  )}
-                  {renderPicVerifyCode()}
-                </div>
+          <div className={`${prefixCls}-titleTop`} style={otherStyle}>
+            <span className="topText">
+              {title}
+              {required && <div className="redStar">*</div>}
+            </span>
+            <div className={`${prefixCls}-inputContent`}>
+              <div className="normalArea">
+                <input placeholder={placeholderText} onBlur={onBlur} value={val} onChange={onMyChange} />
+                {displayStyle === 'imageStyle' && <img className="imageActive" src={imageURL} alt="" onClick={onClick} />}
+                {displayStyle === 'countdownStyle' && (
+                  <div
+                    className={readingRef.current === false ? 'sendButtonActive' : 'sendButtonDisable'}
+                    style={readingRef.current === false ? { color } : {}}
+                    onClick={onClick}
+                  >
+                    {countdownText}
+                  </div>
+                )}
+                {renderPicVerifyCode()}
               </div>
-              {errorInfo && <span className="errorNotice">{errorInfo}</span>}
-            </div>
-          );
-        }
-        return (
-          <div className={`${prefixCls}-inputContent`} style={otherStyle}>
-            <div className="normalArea">
-              <span className="titleText">
-                {title}
-                {required && <div className="redStar">*</div>}
-              </span>
-              <input
-                placeholder={placeholderText}
-                onBlur={onBlur}
-                value={val}
-                onChange={onMyChange}
-              />
-              {displayStyle === 'imageStyle' && (
-                <img
-                  className="imageActive"
-                  src={imageURL}
-                  alt=""
-                  onClick={onClick}
-                />
-              )}
-              {displayStyle === 'countdownStyle' && (
-                <div
-                  className={
-                    readingRef.current === false
-                      ? 'sendButtonActive'
-                      : 'sendButtonDisable'
-                  }
-                  style={readingRef.current === false ? { color } : {}}
-                  onClick={onClick}
-                >
-                  {countdownText}
-                </div>
-              )}
-              {renderPicVerifyCode()}
             </div>
             {errorInfo && <span className="errorNotice">{errorInfo}</span>}
           </div>
@@ -265,27 +196,15 @@ const VerificationCode = LingxiForwardRef<any, MyVerificationCodeProps>(
       return (
         <div className={`${prefixCls}-inputContent`} style={otherStyle}>
           <div className="normalArea">
-            <input
-              placeholder={placeholderText}
-              value={val}
-              onBlur={onBlur}
-              onChange={onMyChange}
-            />
-            {displayStyle === 'imageStyle' && (
-              <img
-                className="imageActive"
-                src={imageURL}
-                alt=""
-                onClick={onClick}
-              />
-            )}
+            <span className="titleText">
+              {title}
+              {required && <div className="redStar">*</div>}
+            </span>
+            <input placeholder={placeholderText} onBlur={onBlur} value={val} onChange={onMyChange} />
+            {displayStyle === 'imageStyle' && <img className="imageActive" src={imageURL} alt="" onClick={onClick} />}
             {displayStyle === 'countdownStyle' && (
               <div
-                className={
-                  readingRef.current === false
-                    ? 'sendButtonActive'
-                    : 'sendButtonDisable'
-                }
+                className={readingRef.current === false ? 'sendButtonActive' : 'sendButtonDisable'}
                 style={readingRef.current === false ? { color } : {}}
                 onClick={onClick}
               >
@@ -297,55 +216,52 @@ const VerificationCode = LingxiForwardRef<any, MyVerificationCodeProps>(
           {errorInfo && <span className="errorNotice">{errorInfo}</span>}
         </div>
       );
-    };
-
+    }
     return (
-      <div
-        className={classNames(prefixCls, className)}
-        style={visible ? {} : { display: 'none' }}
-      >
-        {renderView()}
+      <div className={`${prefixCls}-inputContent`} style={otherStyle}>
+        <div className="normalArea">
+          <input placeholder={placeholderText} value={val} onBlur={onBlur} onChange={onMyChange} />
+          {displayStyle === 'imageStyle' && <img className="imageActive" src={imageURL} alt="" onClick={onClick} />}
+          {displayStyle === 'countdownStyle' && (
+            <div
+              className={readingRef.current === false ? 'sendButtonActive' : 'sendButtonDisable'}
+              style={readingRef.current === false ? { color } : {}}
+              onClick={onClick}
+            >
+              {countdownText}
+            </div>
+          )}
+          {renderPicVerifyCode()}
+        </div>
+        {errorInfo && <span className="errorNotice">{errorInfo}</span>}
       </div>
     );
-  },
-);
+  };
 
-export default LingxiForwardRef<unknown, MyVerificationCodeProps>(
-  (props, ref) => {
-    const extraRef = useRef<any>({});
-    const { visible } = props;
-    const formItemInstance = useFormItem(ref, props, {
-      refreshPictureVeriryCode: () =>
-        extraRef.current.refreshPictureVeriryCode?.(),
-      startCountdown: () => extraRef.current.startCountdown?.(),
-      resetCountdown: () => extraRef.current.resetCountdown?.(),
-      setImageURL: (src: string) => extraRef.current.setImageURL?.(src),
-    });
+  return (
+    <div className={classNames(prefixCls, className)} style={visible ? {} : { display: 'none' }}>
+      {renderView()}
+    </div>
+  );
+});
 
-    if (!formItemInstance.isForm) {
-      return (
-        <VerificationCode
-          {...props}
-          formItemInstance={formItemInstance}
-          ref={extraRef}
-        />
-      );
-    }
+export default LingxiForwardRef<unknown, MyVerificationCodeProps>((props, ref) => {
+  const extraRef = useRef<any>({});
+  const { visible } = props;
+  const formItemInstance = useFormItem(ref, props, {
+    refreshPictureVeriryCode: () => extraRef.current.refreshPictureVeriryCode?.(),
+    startCountdown: () => extraRef.current.startCountdown?.(),
+    resetCountdown: () => extraRef.current.resetCountdown?.(),
+    setImageURL: (src: string) => extraRef.current.setImageURL?.(src),
+  });
 
-    return (
-      <Field
-        initialValue={props.defaultValue}
-        name={props?.fieldProps}
-        rules={visible ? formItemInstance.getRules() : []}
-        validateTrigger="onBlur"
-      >
-        <VerificationCode
-          {...props}
-          onBlur={() => {}}
-          ref={extraRef}
-          formItemInstance={formItemInstance}
-        />
-      </Field>
-    );
-  },
-);
+  if (!formItemInstance.isForm) {
+    return <VerificationCode {...props} formItemInstance={formItemInstance} ref={extraRef} />;
+  }
+
+  return (
+    <Field initialValue={props.defaultValue} name={props?.fieldProps} rules={visible ? formItemInstance.getRules() : []} validateTrigger="onBlur">
+      <VerificationCode {...props} onBlur={() => {}} ref={extraRef} formItemInstance={formItemInstance} />
+    </Field>
+  );
+});

package/lib/h5public/src/components/factory/src/VideoPlayer/ViewPlayer.tsx

@@ -37,12 +37,7 @@ const VideoPlayer = LingxiForwardRef<any, ReactPlayerProps>((props, ref) => {
   const [curPlaying, setCurPlaying] = useState(playing);
   const totalTime = useRef<number>();
   const rate = useMemo(() => {
-    if (
-      speed &&
-      typeof playbackRate === 'number' &&
-      playbackRate &&
-      playbackRate > 0
-    ) {
+    if (speed && typeof playbackRate === 'number' && playbackRate && playbackRate > 0) {
       return playbackRate;
     }
     return 1;

package/lib/h5public/src/components/factory/src/VideoPlayer/loader.ts

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