@lingxiteam/ebe-utils 0.2.21 → 0.2.23

package/lib/pcpublic/src/components/pcfactory/src/Table/EditComponent/index.tsx

@@ -1,12 +1,12 @@
-import { DatePicker, Form, Input, InputNumber, Radio, Select, Switch } from 'antd';
-import _, { cloneDeep } from 'lodash';
+import { DatePicker, Input, InputNumber, Select, Radio, Switch, Form } from 'antd';
 import moment, { Moment } from 'moment';
 import React, { useCallback, useMemo, useState } from 'react';
-import ModalSelect from '../../ModalSelect';
 import ComSelect from '../../SuperSelect/ComSelect';
-import { getRegExp, initMomentLocale } from '../../utils/common';
-import { useLocale } from '../../utils/hooks/useLocale';
+import ModalSelect from '../../ModalSelect';
+import { initMomentLocale, getRegExp } from '../../utils/common';
 import { ExpressionRenderingParams } from '../../utils/PropsType';
+import _, { cloneDeep } from 'lodash';
+import { useLocale } from '../../utils/hooks/useLocale';
 import { EDIT_COMPONENT_STOP_PROPAGATION_CLS } from '../constant';
 import { getFormItemFieldName } from '../utils';
 
@@ -37,20 +37,9 @@ export interface MyEditComponent {
 }
 
 type LimitRangeType = '' | 'no' | 'afterToday' | 'beforeToday' | 'period' | 'custom';
-const supportEditComponents = [
-  'Select',
-  'Radio',
-  'TimePicker',
-  'DatePicker',
-  'Switch',
-  'InputNumber',
-  'TextArea',
-  'Input',
-  'SuperSelect',
-  'ModalSelect',
-];
+const supportEditComponents = ['Select', 'Radio', 'TimePicker', 'DatePicker', 'Switch', 'InputNumber', 'TextArea', 'Input', 'SuperSelect', 'ModalSelect'];
 
-const EditComponent: React.FC<MyEditComponent> = props => {
+const EditComponent: React.FC<MyEditComponent> = (props) => {
   const {
     disabled,
     inlineVChange,
@@ -91,7 +80,7 @@ const EditComponent: React.FC<MyEditComponent> = props => {
     startTime: Moment;
     endTime: Moment;
   } = useMemo(() => {
-    const res: { startTime: Moment; endTime: Moment } = {
+    const res: { startTime: Moment; endTime: Moment; } = {
       startTime: moment(),
       endTime: moment(),
     };
@@ -136,7 +125,10 @@ const EditComponent: React.FC<MyEditComponent> = props => {
         return value;
       }
       case 'Switch': {
-        const checked = typeof initValue === 'string' && ['null', 'undefined', 'false', '0'].includes(initValue) ? false : !!initValue;
+        const checked =
+          typeof initValue === 'string' && ['null', 'undefined', 'false', '0'].includes(initValue)
+            ? false
+            : !!initValue;
         return checked;
       }
       default:
@@ -164,8 +156,7 @@ const EditComponent: React.FC<MyEditComponent> = props => {
           message: errorMsg,
           transform,
         };
-      }
-      if (typeof res === 'string') {
+      } if (typeof res === 'string') {
         return {
           pattern: getRegExp(res),
           message: errorMsg,
@@ -221,51 +212,43 @@ const EditComponent: React.FC<MyEditComponent> = props => {
     return res?.length > 0 ? res : null;
   }, [initialValueType, isNaNValue, rules, validateDateCustomExpress]);
 
-  const getDisabledDate = useCallback(
-    (current: Moment) => {
-      // custom 自定义规则通过form表单进行校验
-      if (!limitRange || limitRange === 'no' || limitRange === 'custom') {
-        return false;
-      }
-      switch (limitRange) {
-        case 'beforeToday':
-          return current > moment(new Date().setHours(0, 0, 0, 0) + 24 * 60 * 60 * 1000 - 1);
-        case 'afterToday':
-          return current < moment(new Date().setHours(0, 0, 0, 0));
-        case 'period':
-          if (!startTime && !endTime) {
-            return false;
-          }
-          if (startTime && endTime && limitRangeTime.startTime <= limitRangeTime.endTime) {
-            if (current >= limitRangeTime.startTime && current <= limitRangeTime.endTime) {
-              return false;
-            }
-            return true;
-          }
-          if (startTime && current > limitRangeTime.startTime) {
-            return false;
-          }
-          if (endTime && current < limitRangeTime.endTime) {
+  const getDisabledDate = useCallback((current: Moment) => {
+    // custom 自定义规则通过form表单进行校验
+    if (!limitRange || limitRange === 'no' || limitRange === 'custom') {
+      return false;
+    }
+    switch (limitRange) {
+      case 'beforeToday':
+        return current > moment(new Date().setHours(0, 0, 0, 0) + 24 * 60 * 60 * 1000 - 1);
+      case 'afterToday':
+        return current < moment(new Date().setHours(0, 0, 0, 0));
+      case 'period':
+        if (!startTime && !endTime) {
+          return false;
+        }
+        if (startTime && endTime && limitRangeTime.startTime <= limitRangeTime.endTime) {
+          if (current >= limitRangeTime.startTime && current <= limitRangeTime.endTime) {
             return false;
           }
-          break;
-        default:
           return true;
-      }
-      return undefined;
-    },
-    [limitRange, format, limitRangeTime]
-  );
+        }
+        if (startTime && current > limitRangeTime.startTime) {
+          return false;
+        }
+        if (endTime && current < limitRangeTime.endTime) {
+          return false;
+        }
+        break;
+      default:
+        return true;
+    }
+    return undefined;
+  }, [limitRange, format, limitRangeTime]);
 
   initMomentLocale();
 
   const renderComponent = (isFormItem = false) => {
-    const commonProps: any = isFormItem
-      ? {}
-      : {
-        value: tempInputValue ?? initialValue,
-        className: EDIT_COMPONENT_STOP_PROPAGATION_CLS,
-      };
+    const commonProps: any = isFormItem ? {} : { value: tempInputValue ?? initialValue, className: EDIT_COMPONENT_STOP_PROPAGATION_CLS };
     switch (edittype) {
       case 'Select':
         // eslint-disable-next-line no-case-declarations
@@ -286,7 +269,7 @@ const EditComponent: React.FC<MyEditComponent> = props => {
               inlineVChange(v, {});
               onChange(v);
             }}
-            onClick={e => {
+            onClick={(e) => {
               e.stopPropagation();
             }}
           >
@@ -340,7 +323,7 @@ const EditComponent: React.FC<MyEditComponent> = props => {
               inlineVChange(dateVal, {});
               onChange(dateVal);
             }}
-            onClick={e => {
+            onClick={(e) => {
               e.stopPropagation();
             }}
           />
@@ -361,7 +344,7 @@ const EditComponent: React.FC<MyEditComponent> = props => {
               inlineVChange(dateVal, {});
               onChange(dateVal);
             }}
-            onClick={e => {
+            onClick={(e) => {
               e.stopPropagation();
             }}
           />
@@ -369,32 +352,30 @@ const EditComponent: React.FC<MyEditComponent> = props => {
         );
       }
       case 'Switch': {
-        return (
-          <Switch
-            disabled={disabled}
-            checked={initialValue}
-            onChange={v => {
-              inlineVChange(v, {});
-              onChange(v);
-            }}
-          />
-        );
+        return <Switch
+          disabled={disabled}
+          checked={initialValue}
+          onChange={(v) => {
+            inlineVChange(v, {});
+            onChange(v);
+          }}
+        />;
       }
       case 'InputNumber':
         return (
           <InputNumber
             {...commonProps}
             disabled={disabled}
-            onChange={v => {
+            onChange={(v) => {
               inlineVChange(v, {});
               onChange(v);
             }}
-            onBlur={e => {
+            onBlur={(e) => {
               // 行主键字段编辑时tr被卸载，光标会被重置
               inlineVChange(e.target.value, {});
               onBlur(e.target.value);
             }}
-            onClick={e => {
+            onClick={(e) => {
               e.stopPropagation();
             }}
           />
@@ -406,17 +387,17 @@ const EditComponent: React.FC<MyEditComponent> = props => {
             {...commonProps}
             disabled={disabled}
             rows={4}
-            onBlur={e => {
+            onBlur={(e) => {
               // 行主键字段编辑时tr被卸载，光标会被重置
               inlineVChange(e.target.value, {});
               updateTempInputValue(undefined);
               onBlur(e.target.value);
             }}
-            onChange={e => {
+            onChange={(e) => {
               updateTempInputValue(e.target.value);
               onChange(e.target.value);
             }}
-            onClick={e => {
+            onClick={(e) => {
               e.stopPropagation();
             }}
           />
@@ -428,23 +409,24 @@ const EditComponent: React.FC<MyEditComponent> = props => {
           <Input
             {...commonProps}
             disabled={disabled}
-            onBlur={e => {
+            onBlur={(e) => {
               // 行主键字段编辑时tr被卸载，光标会被重置
               inlineVChange(e.target.value, {});
               updateTempInputValue(undefined);
               onBlur(e.target.value);
             }}
-            onChange={e => {
+            onChange={(e) => {
               updateTempInputValue(e.target.value);
               onChange(e.target.value);
             }}
-            onClick={e => {
+            onClick={(e) => {
               e.stopPropagation();
             }}
           />
           // </WrapperInput>
         );
-      case 'SuperSelect': {
+      case 'SuperSelect':
+      {
         let showLabel = rowData[`${c.dataIndex}_introduce`];
         if (Array.isArray(c.dataIndex)) {
           // 兼容层级字段情况
@@ -468,7 +450,7 @@ const EditComponent: React.FC<MyEditComponent> = props => {
             label={c.title}
             value={initialValue}
             engineApis={engineApis}
-            getEngineApis={() => {}}
+            getEngineApis={() => { }}
             onChange={(e: any, _label: any) => {
               inlineVChange(e, {
                 [`${c.dataIndex}_introduce`]: _label,
@@ -479,8 +461,7 @@ const EditComponent: React.FC<MyEditComponent> = props => {
               e.stopPropagation();
             }}
           />
-        );
-      }
+        ); }
       case 'ModalSelect':
         return (
           <ModalSelect
@@ -502,7 +483,7 @@ const EditComponent: React.FC<MyEditComponent> = props => {
             postfixStyle={c?.editoption?.postfixStyle}
             size="sm"
             engineApis={engineApis}
-            getEngineApis={() => {}}
+            getEngineApis={() => { }}
             onChange={(val: any, options: any) => {
               const labels = (options || [])?.map((v: any) => v.label);
               inlineVChange(val, {
@@ -518,13 +499,7 @@ const EditComponent: React.FC<MyEditComponent> = props => {
   };
 
   if (supportEditComponents.includes(edittype) && validateRules) {
-    const fieldName = getFormItemFieldName({
-      compId,
-      currentRowKey,
-      rowData,
-      rowId,
-      dataIndex,
-    });
+    const fieldName = getFormItemFieldName({ compId, currentRowKey, rowData, rowId, dataIndex });
     return (
       <Form.Item
         style={{ height: 'auto' }}

package/lib/pcpublic/src/components/pcfactory/src/Table/FormatCell/GhostTag/index.tsx

@@ -11,14 +11,21 @@ export interface GhostTagProps {
 
 const ghostTagClassName = 'ued-table-cell-ghostTag';
 
-const GhostTag: React.FC<GhostTagProps> = props => {
-  const { fontColor, backgroundColor, borderColor, content, onClick } = props;
+const GhostTag: React.FC<GhostTagProps> = (props) => {
+  const {
+    fontColor,
+    backgroundColor,
+    borderColor,
+    content,
+    onClick,
+  } = props;
 
   return (
     <span
-      className={classNames(ghostTagClassName, {
-        [`${ghostTagClassName}-click`]: !!onClick,
-      })}
+      className={classNames(
+        ghostTagClassName,
+        { [`${ghostTagClassName}-click`]: !!onClick }
+      )}
       style={{
         color: fontColor,
         backgroundColor,

package/lib/pcpublic/src/components/pcfactory/src/Table/FormatCell/Hyperlink/index.tsx

@@ -8,14 +8,18 @@ export interface HyperlinkProps {
 
 const hyperlinkClassName = 'ued-table-cell-hyperlink';
 
-const Hyperlink: React.FC<HyperlinkProps> = props => {
-  const { content, onClick } = props;
+const Hyperlink: React.FC<HyperlinkProps> = (props) => {
+  const {
+    content,
+    onClick,
+  } = props;
 
   return (
     <span
-      className={classNames(hyperlinkClassName, {
-        [`${hyperlinkClassName}-click`]: !!onClick,
-      })}
+      className={classNames(
+        hyperlinkClassName,
+        { [`${hyperlinkClassName}-click`]: !!onClick }
+      )}
       onClick={onClick}
     >
       {content}

package/lib/pcpublic/src/components/pcfactory/src/Table/FormatCell/PointTag/index.tsx

@@ -10,14 +10,20 @@ export interface PointTagProps {
 
 const pointTagClassName = 'ued-table-cell-pointTag';
 
-const PointTag: React.FC<PointTagProps> = props => {
-  const { fontColor, backgroundColor, content, onClick } = props;
+const PointTag: React.FC<PointTagProps> = (props) => {
+  const {
+    fontColor,
+    backgroundColor,
+    content,
+    onClick,
+  } = props;
 
   return (
     <div
-      className={classNames(pointTagClassName, {
-        [`${pointTagClassName}-click`]: !!onClick,
-      })}
+      className={classNames(
+        pointTagClassName,
+        { [`${pointTagClassName}-click`]: !!onClick }
+      )}
       onClick={onClick}
     >
       <span

package/lib/pcpublic/src/components/pcfactory/src/Table/FormatCell/PureColourFill/index.tsx

@@ -10,14 +10,20 @@ export interface PureColourFillProps {
 
 const pureColourFillClassName = 'ued-table-cell-pureColourFill';
 
-const PureColourFill: React.FC<PureColourFillProps> = props => {
-  const { fontColor, backgroundColor, content, onClick } = props;
+const PureColourFill: React.FC<PureColourFillProps> = (props) => {
+  const {
+    fontColor,
+    backgroundColor,
+    content,
+    onClick,
+  } = props;
 
   return (
     <div
-      className={classNames(pureColourFillClassName, {
-        [`${pureColourFillClassName}-click`]: !!onClick,
-      })}
+      className={classNames(
+        pureColourFillClassName,
+        { [`${pureColourFillClassName}-click`]: !!onClick }
+      )}
       style={{
         backgroundColor,
         color: fontColor,

package/lib/pcpublic/src/components/pcfactory/src/Table/FormatCell/PureFadeColourTag/index.tsx

@@ -1,8 +1,8 @@
-import classNames from 'classnames';
 import React from 'react';
+import classNames from 'classnames';
 
 export interface PureFadeColorTagProps {
-  fontColor?: string;
+  fontColor?: string
   backgroundColor?: string;
   content?: any;
   onClick: any;
@@ -11,14 +11,21 @@ export interface PureFadeColorTagProps {
 const pureColourTagClassName = 'ued-table-cell-pureColourTag';
 const fadeColourTagClassName = 'ued-table-cell-fadeColourTag';
 
-const PureFadeColorTag: React.FC<PureFadeColorTagProps> = props => {
-  const { fontColor, backgroundColor, content, onClick } = props;
+const PureFadeColorTag: React.FC<PureFadeColorTagProps> = (props) => {
+  const {
+    fontColor,
+    backgroundColor,
+    content,
+    onClick,
+  } = props;
 
   return (
     <span
-      className={classNames(pureColourTagClassName, fadeColourTagClassName, {
-        [`${pureColourTagClassName}-click ${fadeColourTagClassName}-click`]: !!onClick,
-      })}
+      className={classNames(
+        pureColourTagClassName,
+        fadeColourTagClassName,
+        { [`${pureColourTagClassName}-click ${fadeColourTagClassName}-click`]: !!onClick }
+      )}
       style={{
         color: fontColor,
         backgroundColor,

package/lib/pcpublic/src/components/pcfactory/src/Table/FormatCell/Thumbnail/index.tsx

@@ -1,7 +1,7 @@
+import React, { useMemo, useEffect, useState } from 'react';
 import { Popover } from 'antd';
-import React, { useEffect, useMemo, useState } from 'react';
-import CommIcon from '../../../Icon';
 import IconPlaceholder from '../../assets/placeholder.png';
+import CommIcon from '../../../Icon';
 import { BODY_CELL_MODE_ED } from '../../constant';
 
 export interface PureFadeColorTagProps {
@@ -18,7 +18,7 @@ export interface PureFadeColorTagProps {
 
 const thumbnailClassName = 'ued-table-cell-thumbnail';
 
-const Thumbnail: React.FC<PureFadeColorTagProps> = props => {
+const Thumbnail: React.FC<PureFadeColorTagProps> = (props) => {
   const {
     row,
     field,
@@ -48,22 +48,20 @@ const Thumbnail: React.FC<PureFadeColorTagProps> = props => {
     if (!Array.isArray(imgsData) && imgsData) {
       imgsData = [imgsData];
     }
-    imgsData = await Promise.all(
-      imgsData?.map?.(async (img: any) => {
-        let src = img.url || img.data;
-        if (img.fileId) {
-          src = engineApis?.getAppFileUrlById(img.fileId);
-        } else if (img.url) {
-          // 对回填url地址重新进行加密加签处理
-          src = engineApis?.securityWithUrl(src);
-        }
-        return {
-          ...img,
-          downloadUrl: src,
-          src: src || IconPlaceholder,
-        };
-      })
-    );
+    imgsData = await Promise.all(imgsData?.map?.(async (img: any) => {
+      let src = img.url || img.data;
+      if (img.fileId) {
+        src = engineApis?.getAppFileUrlById(img.fileId);
+      } else if (img.url) {
+        // 对回填url地址重新进行加密加签处理
+        src = engineApis?.securityWithUrl(src);
+      }
+      return {
+        ...img,
+        downloadUrl: src,
+        src: src || IconPlaceholder,
+      };
+    }));
 
     setImgs(imgsData);
   };
@@ -179,17 +177,15 @@ const Thumbnail: React.FC<PureFadeColorTagProps> = props => {
 
   // 加载错误时展示默认图片
   const handleImgError = (index: number) => {
-    setImgs(pre =>
-      pre.map((v, i) => {
-        if (i === index) {
-          return {
-            ...v,
-            src: IconPlaceholder,
-          };
-        }
-        return v;
-      })
-    );
+    setImgs((pre) => pre.map((v, i) => {
+      if (i === index) {
+        return {
+          ...v,
+          src: IconPlaceholder,
+        };
+      }
+      return v;
+    }));
   };
 
   const renderPopoverContent = () => {
@@ -251,7 +247,10 @@ const Thumbnail: React.FC<PureFadeColorTagProps> = props => {
   };
 
   return (
-    <span className={thumbnailClassName} title="">
+    <span
+      className={thumbnailClassName}
+      title=""
+    >
       {renderImg()}
     </span>
   );