chore: 抽离公共schema、effects

src/pages/transaction/purchaserEvaluation/common/effects/index.tsx

+/*
+ * @Author: XieZhiXiong
+ * @Date: 2021-07-16 17:13:23
+ * @LastEditors: XieZhiXiong
+ * @LastEditTime: 2021-07-16 17:13:24
+ * @Description: 
+ */
+import { useBusinessEffects } from './useBusinessEffects';
+
+export const createEffects = (context, actions) => {
+  useBusinessEffects(context, actions);
+};
\ No newline at end of file

src/pages/transaction/purchaserEvaluation/common/effects/useBusinessEffects.tsx

+/*
+ * @Author: XieZhiXiong
+ * @Date: 2021-07-16 17:13:39
+ * @LastEditors: XieZhiXiong
+ * @LastEditTime: 2021-07-16 17:14:46
+ * @Description: 
+ */
+import { FormEffectHooks, FormPath } from '@formily/antd';
+
+const { 
+  onFieldInputChange$, 
+  onFieldValueChange$, 
+} = FormEffectHooks;
+
+export const useBusinessEffects = (context, actions) => {
+  const { 
+    setFieldState, 
+  } = actions;
+
+  // 评论图片限制 4 张
+  onFieldInputChange$('comments.*.picture').subscribe(fieldState => {
+    const { name, value } = fieldState;
+    setFieldState(
+      FormPath.transform(name, /\d/, $1 => {
+        return `comments.${$1}.picture`
+      }),
+      state => {
+        // 禁用掉 或者 editable 设置成 false，删除按钮也会禁用掉的
+        // 所以目前先用过 rules 去限制最多可上传多少张
+        // state.props['x-component-props'].disabled = value.length >= 4;
+      }
+    );
+  });
+
+  // 评分联动
+  onFieldInputChange$('comments.*.star').subscribe(fieldState => {
+    const { name, value } = fieldState;
+    setFieldState(
+      FormPath.transform(name, /\d/, $1 => {
+        return `comments.${$1}.smile`
+      }),
+      state => {
+        state.value = value;
+      }
+    );
+  });
+}
\ No newline at end of file

src/pages/transaction/purchaserEvaluation/common/schemas/evaluateSchema.tsx

+/*
+ * @Author: XieZhiXiong
+ * @Date: 2021-07-16 16:53:17
+ * @LastEditors: XieZhiXiong
+ * @LastEditTime: 2021-07-16 16:57:12
+ * @Description: 评价 schema
+ */
+import { ISchema } from '@formily/antd';
+import { UPLOAD_TYPE } from '@/constants';
+
+export const evaluateSchema: ISchema = {
+  type: 'object', 
+  properties: {
+    comments: {
+      type: 'array', 
+      'x-component': 'EvaluationList', 
+      default: [], 
+      items: {
+        type: 'object', 
+        properties: {
+          LEFT_RIGHT: {
+            type: 'object', 
+            'x-component': 'LeftRightLayout', 
+            'x-component-props': {
+              rightProps: {
+                span: 2, 
+                offset: 4, 
+              },
+            },
+            properties: {
+              MEGA_LADYOUT: {
+                type: 'object', 
+                'x-component': 'Mega-Layout', 
+                'x-component-props': {
+                  labelCol: 6, 
+                  labelAlign: 'left', 
+                  position: 'left', 
+                },
+                properties: {
+                  star: {
+                    title: '满意程度',
+                    required: true, 
+                    'x-component': 'Rating', 
+                    'x-component-props': {
+                      allowHalf: false, 
+                      allowClear: false, 
+                    }, 
+                    'x-rules': [
+                      {
+                        required: true, 
+                        message: '请选择满意程度', 
+                      }, 
+                    ],
+                  }, 
+                  comment: {
+                    type: 'string', 
+                    title: '评价',
+                    required: true,
+                    'x-component': 'TextArea', 
+                    'x-component-props': {
+                      rows: 4, 
+                    }, 
+                    'x-rules': {
+                      max: 200, 
+                    },
+                  }, 
+                  picture: {
+                    type: 'string', 
+                    title: '图片', 
+                    'x-component': 'FixUpload', 
+                    'x-component-props': {
+                      listType: 'card', 
+                      action: '/api/file/file/upload/prefix', 
+                      data: {
+                        fileType: UPLOAD_TYPE, 
+                        prefix: '', 
+                      }, 
+                      beforeUpload: '{{beforeUpload}}',
+                      accept: '.png, .jpg, .jpeg',
+                    },
+                    'x-rules': [
+                      {
+                        max: 4, 
+                        message: '最多可上传4张图片',
+                      }, 
+                    ],
+                    'x-mega-props': {
+                      addonAfter: '{{UploadTip}}',
+                    },
+                  }, 
+                },
+              },
+              smile: {
+                type: 'object', 
+                default: 5, 
+                'x-component': 'SmilingFace', 
+                'x-component-props': {
+                  position: 'right', 
+                },
+              }, 
+            },
+          },
+        },
+      },
+    },
+  },
+};
\ No newline at end of file