Automated cherry pick of #1336: fix(dop): add default value for custom fields when quick create issue

shell/app/modules/project/common/components/issue/edit-issue-drawer.tsx

@@ -627,12 +627,12 @@ export const EditIssueDrawer = (props: IProps) => {
   const defaultCustomFormData = React.useMemo(() => {
     const customFieldDefaultValues = {};
     map(fieldList, (item) => {
-      if (item?.required) {
-        if (item?.propertyType === 'Select') {
-          customFieldDefaultValues[item?.propertyName] = item?.enumeratedValues[0]?.id;
+      if (item && item.required) {
+        if (item.propertyType === 'Select') {
+          customFieldDefaultValues[item.propertyName] = item.enumeratedValues?.[0].id;
         }
-        if (item?.propertyType === 'MultiSelect') {
-          customFieldDefaultValues[item?.propertyName] = [item?.enumeratedValues[0]?.id];
+        if (item.propertyType === 'MultiSelect') {
+          customFieldDefaultValues[item.propertyName] = [item.enumeratedValues?.[0].id];
         }
       }
     });
@@ -712,23 +712,23 @@ export const EditIssueDrawer = (props: IProps) => {
   }, [propsIssueType]);
 
   React.useEffect(() => {
-    if (id && visible) {
-      getIssueDetail({ type: issueType, id });
-      getIssueStreams({ type: issueType, id, pageNo: 1, pageSize: 50 });
-      getCustomFields();
-    } else {
-      visible &&
-        getCustomFieldsByProject({
-          propertyIssueType: issueType,
+    if (visible) {
+      if (id) {
+        getIssueDetail({ type: issueType, id });
+        getIssueStreams({ type: issueType, id, pageNo: 1, pageSize: 50 });
+        getCustomFields();
+      }
+      getCustomFieldsByProject({
+        propertyIssueType: issueType,
+        orgID,
+      }).then((res) => {
+        updateCustomFieldDetail({
+          property: res,
           orgID,
-        }).then((res) => {
-          updateCustomFieldDetail({
-            property: res,
-            orgID,
-            projectID: +addRelatedMattersProjectId,
-            issueID: undefined,
-          });
+          projectID: +addRelatedMattersProjectId,
+          issueID: undefined,
         });
+      });
     }
   }, [
     addRelatedMattersProjectId,

shell/app/modules/project/common/components/issue/issue-relation.tsx

@@ -438,6 +438,7 @@ const AddNewIssue = ({ onSaveRelation, iterationID, onCancel, defaultIssueType }
           ...val,
         }).then((res: number) => {
           onSaveRelation(res); // 添加关联
+          return res;
         });
       }}
     />

shell/app/modules/project/pages/backlog/issue-item.tsx

@@ -28,6 +28,9 @@ import routeInfoStore from 'core/stores/route';
 import userStore from 'app/user/stores';
 import { useUserMap } from 'core/stores/userMap';
 import { useMount } from 'react-use';
+import issueStore from 'project/stores/issues';
+import issueFieldStore from 'org/stores/issue-field';
+import orgStore from 'app/org-home/stores/org';
 
 export enum BACKLOG_ISSUE_TYPE {
   iterationIssue = 'iterationIssue',
@@ -157,6 +160,13 @@ export const IssueForm = (props: IIssueFormProps) => {
   const formRef = React.useRef(null as any);
   const { projectId } = routeInfoStore.getState((s) => s.params);
   const [shouldAutoFocus, setShouldAutoFocus] = React.useState(true);
+  const { addFieldsToIssue } = issueStore.effects;
+  const [bugStageList, taskTypeList, fieldList] = issueFieldStore.useStore((s) => [
+    s.bugStageList,
+    s.taskTypeList,
+    s.fieldList,
+  ]);
+  const orgID = orgStore.useStore((s) => s.currentOrg.id);
 
   useMount(() => {
     setShouldAutoFocus(false);
@@ -167,7 +177,19 @@ export const IssueForm = (props: IIssueFormProps) => {
     if (curForm) {
       curForm.onSubmit((val: ISSUE.BacklogIssueCreateBody) => {
         if (val.title) {
-          onOk(val).then(() => curForm.reset('title'));
+          const data = {
+            ...val,
+            // some special fields for different type
+            taskType: taskTypeList?.length ? taskTypeList[0].value : '',
+            bugStage: bugStageList?.length ? bugStageList[0].value : '',
+            owner: '',
+          };
+          onOk(data).then((res) => {
+            curForm.reset('title');
+            if (fieldList.length) {
+              addFieldsToIssue({ property: fieldList, issueID: res, orgID, projectID: +projectId });
+            }
+          });
         } else {
           message.warn(i18n.t('please enter {name}', { name: i18n.t('title') }));
         }