@lingxiteam/ebe-utils 0.3.27 → 0.3.28

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

@@ -1,6 +1,6 @@
 import { DatePicker, Input, InputNumber, Select, Radio, Switch, Form } from 'antd';
 import moment, { Moment } from 'moment';
-import React, { useCallback, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import ComSelect from '../../SuperSelect/ComSelect';
 import ModalSelect from '../../ModalSelect';
 import { initMomentLocale, getRegExp } from '../../utils/common';
@@ -55,6 +55,7 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
     engineApis,
     onChange,
     onBlur,
+    form,
   } = props;
   const { dataIndex } = c;
   const {
@@ -75,6 +76,7 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
   const [tempInputValue, updateTempInputValue] = useState<string | undefined>();
 
   const { getLocale } = useLocale(engineApis || {});
+  const fieldName = getFormItemFieldName({ compId, currentRowKey, rowData, rowId, dataIndex });
 
   const limitRangeTime: {
     startTime: Moment;
@@ -212,6 +214,21 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
     return res?.length > 0 ? res : null;
   }, [initialValueType, isNaNValue, rules, validateDateCustomExpress]);
 
+  const needFormItem = useMemo(() => supportEditComponents.includes(edittype) && validateRules,
+    [supportEditComponents, edittype,
+      validateRules]);
+
+  useEffect(() => {
+    if (needFormItem && fieldName) {
+      const currentValue = tempInputValue ?? initialValue;
+      const formValue = form.getFieldValue(fieldName);
+      if (formValue !== currentValue) {
+        // 值不一样时需要通过表单赋值更新成由外部传入的新值
+        form.setFieldValue(fieldName, currentValue);
+      }
+    }
+  }, [needFormItem, fieldName, tempInputValue, initialValue]);
+
   const getDisabledDate = useCallback((current: Moment) => {
     // custom 自定义规则通过form表单进行校验
     if (!limitRange || limitRange === 'no' || limitRange === 'custom') {
@@ -498,8 +515,7 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
     }
   };
 
-  if (supportEditComponents.includes(edittype) && validateRules) {
-    const fieldName = getFormItemFieldName({ compId, currentRowKey, rowData, rowId, dataIndex });
+  if (needFormItem) {
     return (
       <Form.Item
         style={{ height: 'auto' }}
@@ -507,7 +523,7 @@ const EditComponent: React.FC<MyEditComponent> = (props) => {
         // TODO: 设置的 filedName 目前实际没作用，只是为了防止formitem错误告警
         name={fieldName}
         initialValue={initialValue}
-        rules={validateRules}
+        rules={validateRules as any}
       >
         {renderComponent(true)}
       </Form.Item>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxiteam/ebe-utils",
-  "version": "0.3.27",
+  "version": "0.3.28",
   "description": "",
   "keywords": [],
   "author": "",
@@ -19,7 +19,7 @@
     "@babel/types": "^7.12.12",
     "cac": "^6.7.14",
     "fs-extra": "9.x",
-    "@lingxiteam/ebe": "0.3.27"
+    "@lingxiteam/ebe": "0.3.28"
   },
   "publishConfig": {
     "access": "public"