@lingxiteam/ebe-utils 0.2.4 → 0.2.5

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

@@ -94,12 +94,11 @@ const Switch = LingxiForwardRef<any, SwitchProps>((props, ref) => {
   const [loading, setLoading] = useState(false);
 
   const { inForm } = useForm();
-  const { disabled, required, formFieldsRef, finalRules } =
-    useCommonImperativeHandle(ref, props, {
-      setLoading: (_loading: boolean) => {
-        setLoading(_loading);
-      },
-    });
+  const { disabled, required, formFieldsRef, finalRules } = useCommonImperativeHandle(ref, props, {
+    setLoading: (_loading: boolean) => {
+      setLoading(_loading);
+    },
+  });
 
   // 渲染开关开启/关闭文案或图标
   const renderSwitchStyle = useCallback(
@@ -111,21 +110,14 @@ const Switch = LingxiForwardRef<any, SwitchProps>((props, ref) => {
         } else if (switchStyle === 'icon') {
           const iconInfo = (props as any)[`${type}Icon`];
           if (handleIsValidIconCfg(iconInfo)) {
-            Comp = (
-              <CommIcon
-                icon={iconInfo}
-                getEngineApis={getEngineApis}
-                $$componentItem={props?.$$componentItem}
-                className=""
-              />
-            );
+            Comp = <CommIcon icon={iconInfo} getEngineApis={getEngineApis} $$componentItem={props?.$$componentItem} className="" />;
           }
         }
         if (Comp) {
           return props.size === 'small' ? (
             <div
               className="ued-switch-children"
-              ref={(r) => {
+              ref={r => {
                 if (r) {
                   // 小号时把内容缩小80%
                   const clientInfo = r.getBoundingClientRect();
@@ -151,25 +143,11 @@ const Switch = LingxiForwardRef<any, SwitchProps>((props, ref) => {
       }
       return undefined;
     },
-    [
-      switchStyle,
-      props.checkedChildren,
-      props.unCheckedChildren,
-      props.size,
-      unCheckedChildrenIcon,
-      checkedChildrenIcon,
-      value,
-    ],
+    [switchStyle, props.checkedChildren, props.unCheckedChildren, props.size, unCheckedChildrenIcon, checkedChildrenIcon, value]
   );
 
-  const checkedChildrenComp = useMemo(
-    () => renderSwitchStyle('checkedChildren'),
-    [renderSwitchStyle],
-  );
-  const unCheckedChildrenComp = useMemo(
-    () => renderSwitchStyle('unCheckedChildren'),
-    [renderSwitchStyle],
-  );
+  const checkedChildrenComp = useMemo(() => renderSwitchStyle('checkedChildren'), [renderSwitchStyle]);
+  const unCheckedChildrenComp = useMemo(() => renderSwitchStyle('unCheckedChildren'), [renderSwitchStyle]);
 
   return (
     <FormFields
@@ -179,7 +157,7 @@ const Switch = LingxiForwardRef<any, SwitchProps>((props, ref) => {
       ref={formFieldsRef}
       defaultValue={props.defaultChecked}
       rules={finalRules}
-      handleFormValue={(val) => {
+      handleFormValue={val => {
         if (val !== undefined) {
           if (typeof val === 'string') {
             if (val === 'true') {
@@ -199,13 +177,7 @@ const Switch = LingxiForwardRef<any, SwitchProps>((props, ref) => {
         defaultChecked={!!defaultChecked}
         style={inForm ? restCusStyles : props.style}
         // eslint-disable-next-line no-nested-ternary
-        checked={
-          typeof value === 'string'
-            ? value.toLowerCase() === 'false'
-              ? false
-              : !!value
-            : !!value
-        }
+        checked={typeof value === 'string' ? (value.toLowerCase() === 'false' ? false : !!value) : !!value}
         onChange={(e: any) => {
           if (onChange) {
             onChange(e);

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

@@ -33,9 +33,7 @@ const MyTabPane = LingxiForwardRef<any, MyTabPaneProps>((props, ref) => {
   /**
    * visible 表示用户是否设置了隐藏
    */
-  const [visible, setVisible] = useListenProps(
-    typeof props.visible === 'undefined' ? true : props.visible,
-  );
+  const [visible, setVisible] = useListenProps(typeof props.visible === 'undefined' ? true : props.visible);
 
   const { sandBoxSafeRun, sandBoxLoadModule } = getEngineApis();
   const { getLocale } = useLocale(getEngineApis());
@@ -92,11 +90,7 @@ const MyTabPane = LingxiForwardRef<any, MyTabPaneProps>((props, ref) => {
           _tab = (
             <div style={{ position: 'relative' }}>
               {title}
-              <Badge
-                count={badge}
-                overflowCount={999}
-                style={{ position: 'absolute', top: '-20px', right: '-20px' }}
-              />
+              <Badge count={badge} overflowCount={999} style={{ position: 'absolute', top: '-20px', right: '-20px' }} />
             </div>
           );
         }

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

@@ -26,8 +26,7 @@ const validateCondition = (data: any, row: any) => {
   const { code, operator, value } = data;
 
   const toStringVal = (val: any) => `${val}`;
-  const toNumberVal = (val: any) =>
-    !isNaN(Number(val)) ? Number(val) : toStringVal(val);
+  const toNumberVal = (val: any) => (!isNaN(Number(val)) ? Number(val) : toStringVal(val));
 
   switch (operator) {
     case OPERATOR_EQUAL:
@@ -62,20 +61,13 @@ const validateCondition = (data: any, row: any) => {
     case OPERATOR_NULL:
       return row[code] === undefined || row[code] === null || row[code] === '';
     case OPERATOR_NOT_NULL:
-      return !(
-        row[code] === undefined ||
-        row[code] === null ||
-        row[code] === ''
-      );
+      return !(row[code] === undefined || row[code] === null || row[code] === '');
     default:
       return false;
   }
 };
 
-const collectCondition: (data: string | any[], record: any) => any = (
-  data: string | any[],
-  record: any,
-) => {
+const collectCondition: (data: string | any[], record: any) => any = (data: string | any[], record: any) => {
   if (!data || !data?.length) {
     return true;
   }
@@ -98,7 +90,7 @@ const collectCondition: (data: string | any[], record: any) => any = (
   return valid;
 };
 
-const MyBodyCell: React.FC<MyBodyCellProps> = (props) => {
+const MyBodyCell: React.FC<MyBodyCellProps> = props => {
   const {
     mode,
     editable,
@@ -124,6 +116,13 @@ const MyBodyCell: React.FC<MyBodyCellProps> = (props) => {
 
   // 编辑单元格和扩展单元格忽略样式
   if (editable || isExtend) {
+    if (editable) {
+      return (
+        <td {...restProps}>
+          <div className="ued-table-edit-cell">{children}</div>
+        </td>
+      );
+    }
     return <td {...restProps}>{children}</td>;
   }
 
@@ -161,23 +160,14 @@ const MyBodyCell: React.FC<MyBodyCellProps> = (props) => {
       } = item;
 
       // 背景相关
-      if (
-        [
-          SET_ROW_ALL_CELL_BACKGROUND_COLOR,
-          SET_ROW_SPECIAL_CELL_BACKGROUND_COLOR,
-        ].includes(formatStyle)
-      ) {
+      if ([SET_ROW_ALL_CELL_BACKGROUND_COLOR, SET_ROW_SPECIAL_CELL_BACKGROUND_COLOR].includes(formatStyle)) {
         /**
          * 1、属于列单元格的单元格背景样式，需要多判断是否为当前列
          * 2、运行态时，单元格背景样式配置符合条件才生效
          */
         if (
-          (SET_ROW_SPECIAL_CELL_BACKGROUND_COLOR === formatStyle
-            ? `${dataIndex}` === `${field}`
-            : true) &&
-          (mode === BODY_CELL_MODE_ED && !__isExeCondition__
-            ? true
-            : collectCondition(conditions, record))
+          (SET_ROW_SPECIAL_CELL_BACKGROUND_COLOR === formatStyle ? `${dataIndex}` === `${field}` : true) &&
+          (mode === BODY_CELL_MODE_ED && !__isExeCondition__ ? true : collectCondition(conditions, record))
         ) {
           bgColorStyle = {
             formatStyle,
@@ -189,19 +179,13 @@ const MyBodyCell: React.FC<MyBodyCellProps> = (props) => {
            * 兼容存量：
            * 如果前面的内容样式不存在 contentType，说明是旧版配置，此时，需要让前面的内容样式配置置空，不能同时生效
            */
-          if (
-            contentStyle &&
-            typeof (contentStyle as ContentStyle)?.contentType === 'undefined'
-          ) {
+          if (contentStyle && typeof (contentStyle as ContentStyle)?.contentType === 'undefined') {
             contentStyle = undefined;
           }
         }
       } else if (
         // 内容相关
-        [
-          SET_ROW_ALL_CELL_CONTENT_STYLE,
-          SET_ROW_SPECIAL_CELL_CONTENT_STYLE,
-        ].includes(formatStyle)
+        [SET_ROW_ALL_CELL_CONTENT_STYLE, SET_ROW_SPECIAL_CELL_CONTENT_STYLE].includes(formatStyle)
       ) {
         // 当存在 contentType 时，表明是新版的内容样式，如果有自定义函数，则内容样式都不生效
         if (typeof contentType === 'string' && isCustomRendering) {
@@ -214,12 +198,8 @@ const MyBodyCell: React.FC<MyBodyCellProps> = (props) => {
          * 2、运行态时，单元格内容样式配置符合条件才生效
          */
         if (
-          (SET_ROW_SPECIAL_CELL_CONTENT_STYLE === formatStyle
-            ? `${dataIndex}` === `${field}`
-            : true) &&
-          (mode === BODY_CELL_MODE_ED && !__isExeCondition__
-            ? true
-            : collectCondition(conditions, record))
+          (SET_ROW_SPECIAL_CELL_CONTENT_STYLE === formatStyle ? `${dataIndex}` === `${field}` : true) &&
+          (mode === BODY_CELL_MODE_ED && !__isExeCondition__ ? true : collectCondition(conditions, record))
         ) {
           contentStyle = {
             formatStyle,

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

@@ -1,12 +1,4 @@
-import {
-  DatePicker,
-  Form,
-  Input,
-  InputNumber,
-  Radio,
-  Select,
-  Switch,
-} from 'antd';
+import { DatePicker, Form, Input, InputNumber, Radio, Select, Switch } from 'antd';
 import _, { cloneDeep } from 'lodash';
 import moment, { Moment } from 'moment';
 import React, { useCallback, useMemo, useState } from 'react';
@@ -40,15 +32,11 @@ export interface MyEditComponent {
   };
   modalSelectParams?: any;
   appId?: any;
+  onChange: (value: any) => void;
+  onBlur: (value: any) => void;
 }
 
-type LimitRangeType =
-  | ''
-  | 'no'
-  | 'afterToday'
-  | 'beforeToday'
-  | 'period'
-  | 'custom';
+type LimitRangeType = '' | 'no' | 'afterToday' | 'beforeToday' | 'period' | 'custom';
 const supportEditComponents = [
   'Select',
   'Radio',
@@ -62,7 +50,7 @@ const supportEditComponents = [
   'ModalSelect',
 ];
 
-const EditComponent: React.FC<MyEditComponent> = (props) => {
+const EditComponent: React.FC<MyEditComponent> = props => {
   const {
     disabled,
     inlineVChange,
@@ -76,6 +64,8 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
     appId,
     sandBoxSafeRun,
     engineApis,
+    onChange,
+    onBlur,
   } = props;
   const { dataIndex } = c;
   const {
@@ -138,23 +128,15 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
       case 'ModalSelect':
         return initValue;
       case 'TimePicker': {
-        const value = initValue
-          ? moment(initValue, format || 'YYYY-MM-DD HH:mm:ss')
-          : null;
+        const value = initValue ? moment(initValue, format || 'YYYY-MM-DD HH:mm:ss') : null;
         return value;
       }
       case 'DatePicker': {
-        const value = initValue
-          ? moment(initValue, format || 'YYYY-MM-DD')
-          : null;
+        const value = initValue ? moment(initValue, format || 'YYYY-MM-DD') : null;
         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:
@@ -168,9 +150,7 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
   const validateDateCustomExpress = useMemo<any>(() => {
     if (customExpression && customExpression.code && sandBoxSafeRun) {
       const res = sandBoxSafeRun(customExpression.code);
-      const errorMsg = customExpressionErrorMsg.code
-        ? String(sandBoxSafeRun(customExpressionErrorMsg.code))
-        : customExpressionErrorMsg.value;
+      const errorMsg = customExpressionErrorMsg.code ? String(sandBoxSafeRun(customExpressionErrorMsg.code)) : customExpressionErrorMsg.value;
       const transform = (source: any) => {
         const _tmp = cloneDeep(source);
         if (typeof _tmp === 'object' && _tmp.format) {
@@ -200,11 +180,7 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
     let res: any[] = [];
     if (rules?.length > 0) {
       res = rules.map((rule: any, idx: number) => {
-        if (
-          !Array.isArray(rule) &&
-          typeof rule !== 'function' &&
-          typeof rule === 'object'
-        ) {
+        if (!Array.isArray(rule) && typeof rule !== 'function' && typeof rule === 'object') {
           const { pattern } = rule || {};
           if (pattern && typeof pattern === 'string') {
             rule.pattern = getRegExp(pattern);
@@ -221,7 +197,7 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
     }
     // 移除规则中干扰字段
     const getRules = (res: any[]) => {
-      return cloneDeep(res).map((item) => {
+      return cloneDeep(res).map(item => {
         delete item.type;
         delete item.id;
         delete item.title;
@@ -235,13 +211,7 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
     // 添加数组类型校验
     if (requiredType && requiredType !== initialValueType) {
       // 数字输入框时，格式为数字型字符串视为合法类型
-      if (
-        !(
-          requiredType === 'number' &&
-          initialValueType === 'string' &&
-          !isNaNValue
-        )
-      ) {
+      if (!(requiredType === 'number' && initialValueType === 'string' && !isNaNValue)) {
         res.push({
           type: requiredType,
           message: getLocale?.('Table.dateTypeWarning'),
@@ -259,25 +229,15 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
       }
       switch (limitRange) {
         case 'beforeToday':
-          return (
-            current >
-            moment(new Date().setHours(0, 0, 0, 0) + 24 * 60 * 60 * 1000 - 1)
-          );
+          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
-            ) {
+          if (startTime && endTime && limitRangeTime.startTime <= limitRangeTime.endTime) {
+            if (current >= limitRangeTime.startTime && current <= limitRangeTime.endTime) {
               return false;
             }
             return true;
@@ -294,7 +254,7 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
       }
       return undefined;
     },
-    [limitRange, format, limitRangeTime],
+    [limitRange, format, limitRangeTime]
   );
 
   initMomentLocale();
@@ -303,9 +263,9 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
     const commonProps: any = isFormItem
       ? {}
       : {
-          value: tempInputValue ?? initialValue,
-          className: EDIT_COMPONENT_STOP_PROPAGATION_CLS,
-        };
+        value: tempInputValue ?? initialValue,
+        className: EDIT_COMPONENT_STOP_PROPAGATION_CLS,
+      };
     switch (edittype) {
       case 'Select':
         // eslint-disable-next-line no-case-declarations
@@ -324,8 +284,9 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
             disabled={disabled}
             onChange={(v: any) => {
               inlineVChange(v, {});
+              onChange(v);
             }}
-            onClick={(e) => {
+            onClick={e => {
               e.stopPropagation();
             }}
           >
@@ -352,6 +313,7 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
             disabled={disabled}
             onChange={(v: any) => {
               inlineVChange(v.target.value, {});
+              onChange(v.target.value);
             }}
             onClick={(e: any) => {
               e.stopPropagation();
@@ -374,14 +336,11 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
             format={format || 'YYYY-MM-DD HH:mm:ss'}
             disabledDate={getDisabledDate}
             onChange={(date, dateString) => {
-              inlineVChange(
-                date
-                  ? moment(date).format(format || 'YYYY-MM-DD HH:mm:ss')
-                  : date,
-                {},
-              );
+              const dateVal = date ? moment(date).format(format || 'YYYY-MM-DD HH:mm:ss') : date;
+              inlineVChange(dateVal, {});
+              onChange(dateVal);
             }}
-            onClick={(e) => {
+            onClick={e => {
               e.stopPropagation();
             }}
           />
@@ -398,12 +357,11 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
             disabledDate={getDisabledDate}
             picker={__mode__ || timeMode}
             onChange={(date, dateString) => {
-              inlineVChange(
-                date ? moment(date).format(format || 'YYYY-MM-DD') : date,
-                {},
-              );
+              const dateVal = date ? moment(date).format(format || 'YYYY-MM-DD') : date;
+              inlineVChange(dateVal, {});
+              onChange(dateVal);
             }}
-            onClick={(e) => {
+            onClick={e => {
               e.stopPropagation();
             }}
           />
@@ -415,8 +373,9 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
           <Switch
             disabled={disabled}
             checked={initialValue}
-            onChange={(v) => {
+            onChange={v => {
               inlineVChange(v, {});
+              onChange(v);
             }}
           />
         );
@@ -426,14 +385,16 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
           <InputNumber
             {...commonProps}
             disabled={disabled}
-            onBlur={(e) => {
+            onChange={v => {
+              inlineVChange(v, {});
+              onChange(v);
+            }}
+            onBlur={e => {
               // 行主键字段编辑时tr被卸载，光标会被重置
               inlineVChange(e.target.value, {});
+              onBlur(e.target.value);
             }}
-            onStep={(v: number, { type }) => {
-              inlineVChange(type === 'up' ? v + 1 : v - 1, {});
-            }}
-            onClick={(e) => {
+            onClick={e => {
               e.stopPropagation();
             }}
           />
@@ -445,15 +406,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();
             }}
           />
@@ -465,15 +428,17 @@ 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();
             }}
           />
@@ -508,6 +473,7 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
               inlineVChange(e, {
                 [`${c.dataIndex}_introduce`]: _label,
               });
+              onChange(e);
             }}
             onClick={(e: any) => {
               e.stopPropagation();
@@ -542,6 +508,7 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
               inlineVChange(val, {
                 [`${c.dataIndex}_introduce`]: labels,
               });
+              onChange(val);
             }}
           />
         );

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

@@ -11,7 +11,7 @@ export interface GhostTagProps {
 
 const ghostTagClassName = 'ued-table-cell-ghostTag';
 
-const GhostTag: React.FC<GhostTagProps> = (props) => {
+const GhostTag: React.FC<GhostTagProps> = props => {
   const { fontColor, backgroundColor, borderColor, content, onClick } = props;
 
   return (

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

@@ -8,7 +8,7 @@ export interface HyperlinkProps {
 
 const hyperlinkClassName = 'ued-table-cell-hyperlink';
 
-const Hyperlink: React.FC<HyperlinkProps> = (props) => {
+const Hyperlink: React.FC<HyperlinkProps> = props => {
   const { content, onClick } = props;
 
   return (

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

@@ -10,7 +10,7 @@ export interface PointTagProps {
 
 const pointTagClassName = 'ued-table-cell-pointTag';
 
-const PointTag: React.FC<PointTagProps> = (props) => {
+const PointTag: React.FC<PointTagProps> = props => {
   const { fontColor, backgroundColor, content, onClick } = props;
 
   return (

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

@@ -10,7 +10,7 @@ export interface PureColourFillProps {
 
 const pureColourFillClassName = 'ued-table-cell-pureColourFill';
 
-const PureColourFill: React.FC<PureColourFillProps> = (props) => {
+const PureColourFill: React.FC<PureColourFillProps> = props => {
   const { fontColor, backgroundColor, content, onClick } = props;
 
   return (

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

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