@lingxiteam/ebe-utils 0.5.1 → 0.5.3

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

@@ -1,5 +1,5 @@
+import React, { useImperativeHandle, useState, useEffect, useMemo } from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import React, { useEffect, useImperativeHandle, useMemo, useState } from 'react';
 import IconPlaceholder from './assets/placeholder.png';
 
 export interface PictureVerifyCodeProps {
@@ -10,15 +10,14 @@ export interface PictureVerifyCodeProps {
 }
 // @ts-ignore
 const PictureVerifyCode: React.FC<PictureVerifyCodeProps> = LingxiForwardRef<any, PictureVerifyCodeProps>((props, ref) => {
-  const { digit, onClick, style, visible, getEngineApis, ...restProps } = props;
+  const { onClick, style, visible, getEngineApis, ...restProps } = props;
   const { getValidateCodePicture } = getEngineApis();
   const [imgSrc, setImgSrc] = useState(IconPlaceholder);
   const getPicVerifyCode = () => {
     const newTimestamp = new Date().getTime();
-    if (digit && newTimestamp) {
+    if (newTimestamp) {
       try {
         const params = {
-          validateCodeCount: `${digit}`,
           t: `${newTimestamp}`,
         };
         setImgSrc(getValidateCodePicture(params));
@@ -42,21 +41,18 @@ const PictureVerifyCode: React.FC<PictureVerifyCodeProps> = LingxiForwardRef<any
     return null;
   }
   // eslint-disable-next-line jsx-a11y/alt-text
-  return (
-    <img
-      {...restProps}
-      style={targetStyle}
-      src={imgSrc}
-      onClick={e => {
-        if (onClick) {
-          onClick(e);
-        } else {
-          // 点击事件如果有自定义则执行自定义事件，反之默认刷新验证码
-          getPicVerifyCode();
-        }
-      }}
-    />
-  );
+  return <img
+    {...restProps}
+    style={targetStyle}
+    src={imgSrc}
+    onClick={(e) => {
+      if (onClick) {
+        onClick(e);
+      } else { // 点击事件如果有自定义则执行自定义事件，反之默认刷新验证码
+        getPicVerifyCode();
+      }
+    }}
+  />;
 });
 
 export default PictureVerifyCode;

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

@@ -1,12 +1,13 @@
-import React, { useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
-import DynamicForm from '@lingxiteam/dform';
 import Field from '@lingxiteam/dform/es/components/Field';
-import { LingxiForwardRef } from '@lingxiteam/types';
-import classNames from 'classnames';
-import useAsyncState from '../utils/hooks/useAsyncState';
+import DynamicForm from '@lingxiteam/dform';
+import React, { useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { useFormItem } from '../utils/hooks/useFormItem';
 import IconPlaceholder from './assets/placeholder.png';
 import './index.less';
+import { LingxiForwardRef } from '@lingxiteam/types';
+import useAsyncState from '../utils/hooks/useAsyncState';
+import classNames from 'classnames';
+
 
 const { Context } = DynamicForm;
 export interface MyVerificationCodeProps {
@@ -45,7 +46,6 @@ const VerificationCode = LingxiForwardRef<any, MyVerificationCodeProps>((props,
     style,
     fieldProps,
     onClick,
-    digit,
     visible = true,
     getEngineApis,
     formItemInstance,
@@ -61,9 +61,7 @@ const VerificationCode = LingxiForwardRef<any, MyVerificationCodeProps>((props,
   const readingRef = useRef(false);
   const time = useRef<any>();
   const timer = useRef<any>();
-  const [{ imageURL }, setState] = useAsyncState({
-    imageURL: props.imageURL,
-  });
+  const [{ imageURL }, setState] = useAsyncState({ imageURL: props.imageURL });
   const [imgSrc, setImgSrc] = useState(IconPlaceholder);
   const countdownReading = () => {
     timer.current = setInterval(() => {
@@ -126,20 +124,17 @@ const VerificationCode = LingxiForwardRef<any, MyVerificationCodeProps>((props,
 
   const getPicVerifyCode = () => {
     const newTimestamp = new Date().getTime();
-    if (digit) {
-      const params = {
-        validateCodeCount: `${digit}`,
-        t: `${newTimestamp}`,
-      };
-      setImgSrc(getValidateCodePicture(params));
-    }
+    const params = {
+      t: `${newTimestamp}`,
+    };
+    setImgSrc(getValidateCodePicture(params));
   };
   useEffect(() => {
     if (displayStyle === 'random') {
       // 随机数的情况下自动刷新
       getPicVerifyCode();
     }
-  }, [displayStyle, digit]);
+  }, [displayStyle]);
 
   /**
    * 获取验证码
@@ -152,7 +147,7 @@ const VerificationCode = LingxiForwardRef<any, MyVerificationCodeProps>((props,
           src={imgSrc}
           alt=""
           className="imageActive"
-          onClick={e => {
+          onClick={(e) => {
             if (onClick) {
               onClick(e);
             } else {
@@ -171,15 +166,21 @@ const VerificationCode = LingxiForwardRef<any, MyVerificationCodeProps>((props,
           <div className={`${prefixCls}-titleTop`} style={otherStyle}>
             <span className="topText">
               {title}
-              {required && <div className="redStar">*</div>}
+              {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 === '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}
                   >
@@ -198,13 +199,19 @@ const VerificationCode = LingxiForwardRef<any, MyVerificationCodeProps>((props,
           <div className="normalArea">
             <span className="titleText">
               {title}
-              {required && <div className="redStar">*</div>}
+              {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 === '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}
               >
@@ -221,7 +228,9 @@ const VerificationCode = LingxiForwardRef<any, MyVerificationCodeProps>((props,
       <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 === 'imageStyle' && (
+            <img className="imageActive" src={imageURL} alt="" onClick={onClick} />
+          )}
           {displayStyle === 'countdownStyle' && (
             <div
               className={readingRef.current === false ? 'sendButtonActive' : 'sendButtonDisable'}
@@ -261,7 +270,7 @@ export default LingxiForwardRef<unknown, MyVerificationCodeProps>((props, ref) =
 
   return (
     <Field initialValue={props.defaultValue} name={props?.fieldProps} rules={visible ? formItemInstance.getRules() : []} validateTrigger="onBlur">
-      <VerificationCode {...props} onBlur={() => {}} ref={extraRef} formItemInstance={formItemInstance} />
+      <VerificationCode {...props} onBlur={() => { }} ref={extraRef} formItemInstance={formItemInstance} />
     </Field>
   );
 });

package/lib/pcpublic/src/components/pcfactory/src/PictureVerifyCode/index.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useState } from 'react';
+import React, { useImperativeHandle, forwardRef, useState, useEffect, useMemo } from 'react';
 import IconPlaceholder from './assets/placeholder.png';
 
 export interface PictureVerifyCodeProps {
@@ -9,7 +9,14 @@ export interface PictureVerifyCodeProps {
   getEngineApis?: any;
 }
 const PictureVerifyCode: React.FC<PictureVerifyCodeProps> = forwardRef((props, ref) => {
-  const { digit, onClick, style, visible, getEngineApis, ...restProps } = props;
+  const {
+    digit,
+    onClick,
+    style,
+    visible,
+    getEngineApis,
+    ...restProps
+  } = props;
 
   const engineApis = getEngineApis?.() || {};
 
@@ -21,7 +28,7 @@ const PictureVerifyCode: React.FC<PictureVerifyCodeProps> = forwardRef((props, r
       (async () => {
         try {
           const params = {
-            validateCodeCount: `${digit}`,
+            // validateCodeCount: `${digit}`,
             t: `${newTimestamp}`,
           };
           const url = await engineApis.getValidateCodePicture(params);
@@ -46,22 +53,19 @@ const PictureVerifyCode: React.FC<PictureVerifyCodeProps> = forwardRef((props, r
   if (!visible) {
     return null;
   }
-  return (
-    <img
-      alt=""
-      {...restProps}
-      style={targetStyle}
-      src={imgSrc}
-      onClick={e => {
-        if (onClick) {
-          onClick(e);
-        } else {
-          // 点击事件如果有自定义则执行自定义事件，反之默认刷新验证码
-          getPicVerifyCode();
-        }
-      }}
-    />
-  );
+  return <img
+    alt=""
+    {...restProps}
+    style={targetStyle}
+    src={imgSrc}
+    onClick={(e) => {
+      if (onClick) {
+        onClick(e);
+      } else { // 点击事件如果有自定义则执行自定义事件，反之默认刷新验证码
+        getPicVerifyCode();
+      }
+    }}
+  />;
 });
 
 export default PictureVerifyCode;

package/lib/pcpublic/src/components/pcfactory/src/Table/hooks/useFormatCell.ts

@@ -0,0 +1,279 @@
+import { message } from 'antd';
+import type { FuncExpExeCuteType } from '../../utils/hooks/useFuncExpExecute';
+import { CUSTOM, DOWNLOAD_FILE, OPEN_MODAL, PAGE_JUMP, PREVIEW_FILE, ROUTE_PUSH, ROUTE_REPLACE } from '../constant';
+import type { ContentClick, FuncCode } from '../types/contentStyle';
+
+interface useFormatCellProps extends ContentClick {
+  appId: string;
+  pageId: string;
+  modalHeight?: number;
+  modalWidth?: number;
+  funcExpExecute?: FuncExpExeCuteType;
+  engineApis: any;
+}
+
+const useFormatCell = (props: useFormatCellProps) => {
+  const {
+    funcExpExecute,
+    engineApis,
+    appId,
+    pageId,
+    content,
+    clickType,
+    page,
+    modal,
+    openType,
+    fileIds,
+    filename,
+    previewType,
+    downloadUrl,
+    modalHeight,
+    modalWidth,
+  } = props;
+
+  const realAppId = appId;
+  const realPageId = pageId;
+
+  const handleCellContent = (row: any, rowIndex: number) => {
+    if ((content as FuncCode)?.code && funcExpExecute) {
+      return funcExpExecute((content as FuncCode).code, [
+        {
+          key: 'row',
+          value: row,
+        },
+        {
+          key: 'index',
+          value: rowIndex,
+        },
+      ]);
+    }
+
+    return content;
+  };
+
+  const handlePageJump = async (row: any, rowId: string | number, rowIndex: number) => {
+    if (page) {
+      const { pagePath, searchParams = {} } = page;
+      const newSearchParams: any = {};
+
+      Object.keys(searchParams).forEach(key => {
+        if (typeof searchParams[key] === 'string') {
+          const exp = searchParams[key];
+          searchParams[key] = (row: any, rowId: string | number, index: number) =>
+            engineApis?.sandBoxSafeRun(exp, {
+              row,
+              rowId,
+              index,
+            });
+        }
+
+        if (typeof searchParams[key] === 'function') {
+          try {
+            newSearchParams[key] = searchParams[key](row, rowId, rowIndex);
+          } catch (e) {
+            console.error(e);
+          }
+        }
+      });
+
+      let newPath = pagePath || '';
+      Object.keys(newSearchParams).forEach(key => {
+        if (!newPath.includes(`${key}=`)) {
+          newPath += `${newPath.includes('?') ? '&' : '?'}${key}=${newSearchParams[key]}`;
+        }
+      });
+
+      switch (openType) {
+        case ROUTE_PUSH:
+          if (typeof engineApis?.historyPush === 'function') {
+            engineApis.historyPush(newPath);
+          }
+          break;
+        case ROUTE_REPLACE:
+          if (typeof engineApis?.historyReplace === 'function') {
+            engineApis.historyReplace(newPath);
+          }
+          break;
+        default:
+          break;
+      }
+    }
+  };
+
+  const handleOpenModal = async (row: any, rowId: string | number, rowIndex: number) => {
+    if (modal) {
+      const { pageId, compStates = {} } = modal;
+
+      const newCompStates: any = {};
+      Object.keys(compStates).forEach(key => {
+        if (typeof compStates[key] === 'string') {
+          const exp = compStates[key];
+          compStates[key] = (row: any, rowId: string | number, index: number) =>
+            engineApis?.sandBoxSafeRun(exp, {
+              row,
+              rowId,
+              index,
+            });
+        }
+
+        if (typeof compStates[key] === 'function') {
+          try {
+            newCompStates[key] = compStates[key](row, rowId, rowIndex);
+          } catch (e) {
+            console.error(e);
+          }
+        }
+      });
+
+      if (engineApis?.openModal) {
+        engineApis.openModal({
+          pageId,
+          params: newCompStates,
+        });
+      }
+    }
+  };
+
+  const handleDownloadFile = async (row: any, rowIndex: number) => {
+    if (typeof engineApis?.batchDownloadFileByIds === 'function') {
+      try {
+        let realFilename = filename;
+        let realFileIds = fileIds;
+
+        if ((filename as FuncCode)?.code && funcExpExecute) {
+          realFilename = funcExpExecute((filename as FuncCode).code, [
+            {
+              key: 'row',
+              value: row,
+            },
+            {
+              key: 'index',
+              value: rowIndex,
+            },
+          ]);
+        }
+
+        if ((fileIds as FuncCode)?.code && funcExpExecute) {
+          realFileIds = funcExpExecute((fileIds as FuncCode).code, [
+            {
+              key: 'row',
+              value: row,
+            },
+            {
+              key: 'index',
+              value: rowIndex,
+            },
+          ]);
+        }
+
+        realFileIds = Array.isArray(realFileIds) ? realFileIds[0] : realFileIds;
+
+        engineApis.batchDownloadFileByIds({
+          fileIds: realFileIds,
+          newFileName: realFilename,
+          onError: (errorMessage: string) => {
+            message.error(errorMessage);
+          },
+        });
+      } catch (e) {
+        console.error(e);
+      }
+    }
+  };
+
+  const handlePreviewFile = async (row: any, rowIndex: number) => {
+    let realFileIds: any = fileIds;
+
+    if ((fileIds as FuncCode)?.code && funcExpExecute) {
+      realFileIds = funcExpExecute((fileIds as FuncCode).code, [
+        {
+          key: 'row',
+          value: row,
+        },
+        {
+          key: 'index',
+          value: rowIndex,
+        },
+      ]);
+    }
+
+    if (typeof engineApis?.BannerModal?.open === 'function') {
+      // 弹窗预览
+      realFileIds = typeof realFileIds === 'string' ? [realFileIds] : realFileIds;
+      const fileList = realFileIds.map((fileId: string | number) => {
+        return {
+          fileId,
+          file: {
+            fileId,
+          },
+        };
+      });
+      engineApis.BannerModal.open({
+        fileIndex: 0,
+        fileList,
+        viewMode: previewType,
+        modalHeight,
+        pageId: realPageId,
+        appId: realAppId,
+        modalWidth,
+      });
+    } else if (previewType !== undefined && typeof engineApis?.previewFile === 'function') {
+      // 新窗口预览
+      realFileIds = Array.isArray(realFileIds) ? realFileIds[0] : realFileIds;
+      try {
+        engineApis.previewFile({
+          fileId: realFileIds,
+          appId: realAppId,
+          pageId: realPageId,
+        });
+      } catch (e) {
+        console.error(e);
+      }
+    }
+  };
+
+  const onCellClick = async (row: any, rowId: string | number, rowIndex: number) => {
+    switch (clickType) {
+      case PAGE_JUMP:
+        handlePageJump(row, rowId, rowIndex);
+        break;
+      case OPEN_MODAL:
+        handleOpenModal(row, rowId, rowIndex);
+        break;
+      case DOWNLOAD_FILE:
+        handleDownloadFile(row, rowIndex);
+        break;
+      case PREVIEW_FILE:
+        handlePreviewFile(row, rowIndex);
+        break;
+      case CUSTOM: {
+        let realDownloadUrl: any = downloadUrl;
+
+        if ((downloadUrl as FuncCode)?.code && funcExpExecute) {
+          realDownloadUrl = funcExpExecute((downloadUrl as FuncCode).code, [
+            {
+              key: 'row',
+              value: row,
+            },
+            {
+              key: 'index',
+              value: rowIndex,
+            },
+          ]);
+        }
+
+        window.open(realDownloadUrl, openType);
+        break;
+      }
+      default:
+        break;
+    }
+  };
+
+  return {
+    onCellClick,
+    handleCellContent,
+  };
+};
+
+export default useFormatCell;

package/lib/pcpublic/src/components/pcfactory/src/VerificationCode/index.tsx

@@ -1,8 +1,8 @@
+import React, { useEffect, useRef, useState, forwardRef } from 'react';
 import { Input } from 'antd';
-import React, { forwardRef, useEffect, useRef, useState } from 'react';
 import { FormFields, getFieldsProps, useCommonImperativeHandle, useForm } from '../utils';
-import { useLocale } from '../utils/hooks/useLocale';
 import IconPlaceholder from './assets/placeholder.png';
+import { useLocale } from '../utils/hooks/useLocale';
 
 export interface MyVerificationCodeProps {
   defaultValue?: any;
@@ -58,18 +58,38 @@ const countDownTextFn = (getLocale?: any) => ({
 
 const InnerView = (p: any) => {
   const { renderView, ...restProps } = p;
-  return <div className={prefixCls}>{p.renderView(restProps)}</div>;
+  return (
+    <div className={prefixCls}>
+      {p.renderView(restProps)}
+    </div>
+  );
 };
 
 const VerificationCode: React.FC<MyVerificationCodeProps> = forwardRef((props, ref) => {
-  const { placeholderText, displayStyle, countdownTime, style, regexp, digit, getEngineApis, onChange, onClick, imageURL: myImageURL } = props;
+  const {
+    placeholderText,
+    displayStyle,
+    countdownTime,
+    style,
+    regexp,
+    getEngineApis,
+    onChange,
+    onClick,
+    imageURL: myImageURL,
+  } = props;
 
   const engineApis = getEngineApis?.() || {};
 
   const { getLocale } = useLocale(engineApis);
 
   const countDownTextMap: any = countDownTextFn(getLocale);
-  const { color, margin: customMargin, display: customDisplay, visibility: customVisibility, ...otherStyle } = style;
+  const {
+    color,
+    margin: customMargin,
+    display: customDisplay,
+    visibility: customVisibility,
+    ...otherStyle
+  } = style;
 
   const { inForm } = useForm();
 
@@ -90,11 +110,10 @@ const VerificationCode: React.FC<MyVerificationCodeProps> = forwardRef((props, r
 
   const getPicVerifyCode = () => {
     const newTimestamp = new Date().getTime();
-    if (digit && newTimestamp) {
+    if (newTimestamp) {
       (async () => {
         try {
           const params = {
-            validateCodeCount: `${digit}`,
             t: `${newTimestamp}`,
           };
           const url = await engineApis?.getValidateCodePicture(params);
@@ -158,25 +177,23 @@ const VerificationCode: React.FC<MyVerificationCodeProps> = forwardRef((props, r
   };
 
   /**
-   * 获取验证码
-   * @returns
-   */
+ * 获取验证码
+ * @returns
+ */
   const renderPicVerifyCode = () => {
     if (displayStyle === 'random') {
-      return (
-        <img
-          src={imgSrc}
-          alt=""
-          className="imageActive"
-          onClick={e => {
-            if (onClick) {
-              onClick(e);
-            } else {
-              getPicVerifyCode();
-            }
-          }}
-        />
-      );
+      return <img
+        src={imgSrc}
+        alt=""
+        className="imageActive"
+        onClick={(e) => {
+          if (onClick) {
+            onClick(e);
+          } else {
+            getPicVerifyCode();
+          }
+        }}
+      />;
     }
     return null;
   };
@@ -186,7 +203,9 @@ const VerificationCode: React.FC<MyVerificationCodeProps> = forwardRef((props, r
       <div className={`${prefixCls}-inputContent`} style={otherStyle}>
         <div className="normalArea">
           <Input placeholder={placeholderText} value={p.value} onBlur={p.onBlur} onChange={p.onChange} />
-          {displayStyle === 'imageStyle' && <img className="imageActive" src={imageURL} alt="" onClick={onClick} />}
+          {displayStyle === 'imageStyle' && (
+            <img className="imageActive" src={imageURL} alt="" onClick={onClick} />
+          )}
           {displayStyle === 'countdownStyle' && (
             <div
               className={countdownText === 'send' ? 'sendButtonActive' : 'sendButtonDisable'}
@@ -223,11 +242,10 @@ const VerificationCode: React.FC<MyVerificationCodeProps> = forwardRef((props, r
   }, [resetCountdown]);
 
   useEffect(() => {
-    if (displayStyle === 'random') {
-      // 随机数的情况下自动刷新
+    if (displayStyle === 'random') { // 随机数的情况下自动刷新
       getPicVerifyCode();
     }
-  }, [displayStyle, digit]);
+  }, [displayStyle]);
 
   return (
     <FormFields