perf: Optimization settings auth org select2

src/views/settings/Auth/CAS.vue

@@ -10,7 +10,7 @@
 import BaseAuth from './Base'
 import { JsonRequiredUserNameMapped } from '@/components/Form/DataForm/rules'
 import { JsonEditor } from '@/components/Form/FormFields'
-import { Select2 } from '@/components'
+import { getOrgSelect2Meta } from '@/views/settings/Auth/const'
 
 export default {
   name: 'Cas',
@@ -37,22 +37,7 @@ export default {
             component: JsonEditor,
             rules: [JsonRequiredUserNameMapped]
           },
-          CAS_ORG_IDS: {
+          CAS_ORG_IDS: getOrgSelect2Meta()
-            component: Select2,
-            el: {
-              popperClass: 'sync-setting-org',
-              multiple: true,
-              ajax: {
-                url: '/api/v1/orgs/orgs/',
-                transformOption: (item) => {
-                  return { label: item.name, value: item.id }
-                }
-              }
-            },
-            hidden: () => {
-              return !this.$hasLicense()
-            }
-          }
         },
         submitMethod: () => 'patch',
         afterGetFormValue(obj) {

src/views/settings/Auth/DingTalk.vue

@@ -9,7 +9,7 @@
 <script>
 import BaseAuth from './Base'
 import { JsonEditor, UpdateToken } from '@/components/Form/FormFields'
-import { Select2 } from '@/components'
+import { getOrgSelect2Meta } from '@/views/settings/Auth/const'
 
 export default {
   name: 'DingTalk',
@@ -56,22 +56,7 @@ export default {
           DINGTALK_RENAME_ATTRIBUTES: {
             component: JsonEditor
           },
-          DINGTALK_ORG_IDS: {
+          DINGTALK_ORG_IDS: getOrgSelect2Meta()
-            component: Select2,
-            el: {
-              popperClass: 'sync-setting-org',
-              multiple: true,
-              ajax: {
-                url: '/api/v1/orgs/orgs/',
-                transformOption: (item) => {
-                  return { label: item.name, value: item.id }
-                }
-              }
-            },
-            hidden: () => {
-              return !this.$hasLicense()
-            }
-          }
         },
         hasDetailInMsg: false,
         submitMethod() {

src/views/settings/Auth/FeiShu.vue

@@ -10,7 +10,7 @@
 <script>
 import BaseAuth from './Base'
 import { JsonEditor, UpdateToken } from '@/components/Form/FormFields'
-import { Select2 } from '@/components'
+import { getOrgSelect2Meta } from '@/views/settings/Auth/const'
 
 export default {
   name: 'Feishu',
@@ -51,22 +51,7 @@ export default {
           FEISHU_RENAME_ATTRIBUTES: {
             component: JsonEditor
           },
-          FEISHU_ORG_IDS: {
+          FEISHU_ORG_IDS: getOrgSelect2Meta()
-            component: Select2,
-            el: {
-              popperClass: 'sync-setting-org',
-              multiple: true,
-              ajax: {
-                url: '/api/v1/orgs/orgs/',
-                transformOption: (item) => {
-                  return { label: item.name, value: item.id }
-                }
-              }
-            },
-            hidden: () => {
-              return !this.$hasLicense()
-            }
-          }
         }
       }
     },

src/views/settings/Auth/Lark.vue

@@ -12,7 +12,7 @@
 <script>
 import FeiShu from './FeiShu'
 import { JsonEditor } from '@/components/Form/FormFields'
-import { Select2 } from '@/components'
+import { getOrgSelect2Meta } from '@/views/settings/Auth/const'
 
 export default {
   name: 'Lark',
@@ -45,22 +45,7 @@ export default {
         LARK_RENAME_ATTRIBUTES: {
           component: JsonEditor
         },
-        LARK_ORG_IDS: {
+        LARK_ORG_IDS: getOrgSelect2Meta()
-          component: Select2,
-          el: {
-            popperClass: 'sync-setting-org',
-            multiple: true,
-            ajax: {
-              url: '/api/v1/orgs/orgs/',
-              transformOption: (item) => {
-                return { label: item.name, value: item.id }
-              }
-            }
-          },
-          hidden: () => {
-            return !this.$hasLicense()
-          }
-        }
       }
     }
   },

src/views/settings/Auth/OAuth2.vue

@@ -11,8 +11,9 @@
 import BaseAuth from './Base'
 import { JsonEditor } from '@/components/Form/FormFields'
 import { JsonRequired } from '@/components/Form/DataForm/rules'
-import { Select2, UploadField } from '@/components'
+import { UploadField } from '@/components'
 import request from '@/utils/request'
+import { getOrgSelect2Meta } from '@/views/settings/Auth/const'
 
 export default {
   name: 'OAuth2',
@@ -68,22 +69,7 @@ export default {
           },
           AUTH_OAUTH2_ACCESS_TOKEN_METHOD: {
           },
-          OAUTH2_ORG_IDS: {
+          OAUTH2_ORG_IDS: getOrgSelect2Meta()
-            component: Select2,
-            el: {
-              popperClass: 'sync-setting-org',
-              multiple: true,
-              ajax: {
-                url: '/api/v1/orgs/orgs/',
-                transformOption: (item) => {
-                  return { label: item.name, value: item.id }
-                }
-              }
-            },
-            hidden: () => {
-              return !this.$hasLicense()
-            }
-          }
         },
         submitMethod: () => 'patch',
         afterGetFormValue(obj) {

src/views/settings/Auth/OIDC.vue

@@ -10,7 +10,7 @@
 import BaseAuth from './Base'
 import { JsonEditor, UpdateToken } from '@/components/Form/FormFields'
 import { JsonRequired } from '@/components/Form/DataForm/rules'
-import { Select2 } from '@/components'
+import { getOrgSelect2Meta } from '@/views/settings/Auth/const'
 
 export default {
   name: 'OIDC',
@@ -127,22 +127,7 @@ export default {
             component: JsonEditor,
             rules: [JsonRequired]
           },
-          OPENID_ORG_IDS: {
+          OPENID_ORG_IDS: getOrgSelect2Meta()
-            component: Select2,
-            el: {
-              popperClass: 'sync-setting-org',
-              multiple: true,
-              ajax: {
-                url: '/api/v1/orgs/orgs/',
-                transformOption: (item) => {
-                  return { label: item.name, value: item.id }
-                }
-              }
-            },
-            hidden: () => {
-              return !this.$hasLicense()
-            }
-          }
         },
         submitMethod: () => 'patch',
         afterGetFormValue(obj) {

src/views/settings/Auth/Radius.vue

@@ -9,7 +9,7 @@
 <script>
 import BaseAuth from './Base'
 import { UpdateToken } from '@/components/Form/FormFields'
-import { Select2 } from '@/components'
+import { getOrgSelect2Meta } from '@/views/settings/Auth/const'
 
 export default {
   name: 'Cas',
@@ -30,22 +30,7 @@ export default {
           RADIUS_SECRET: {
             component: UpdateToken
           },
-          RADIUS_ORG_IDS: {
+          RADIUS_ORG_IDS: getOrgSelect2Meta()
-            component: Select2,
-            el: {
-              popperClass: 'sync-setting-org',
-              multiple: true,
-              ajax: {
-                url: '/api/v1/orgs/orgs/',
-                transformOption: (item) => {
-                  return { label: item.name, value: item.id }
-                }
-              }
-            },
-            hidden: () => {
-              return !this.$hasLicense()
-            }
-          }
         },
         submitMethod: () => 'patch'
       }

src/views/settings/Auth/SAML2.vue

@@ -10,8 +10,9 @@
 <script>
 import BaseAuth from './Base'
 import { JsonRequired } from '@/components/Form/DataForm/rules'
-import { Select2, UploadKey } from '@/components'
+import { UploadKey } from '@/components'
 import { JsonEditor } from '@/components/Form/FormFields'
+import { getOrgSelect2Meta } from '@/views/settings/Auth/const'
 
 export default {
   name: 'SAML2',
@@ -68,22 +69,7 @@ export default {
             component: JsonEditor,
             rules: [JsonRequired]
           },
-          SAML2_ORG_IDS: {
+          SAML2_ORG_IDS: getOrgSelect2Meta()
-            component: Select2,
-            el: {
-              popperClass: 'sync-setting-org',
-              multiple: true,
-              ajax: {
-                url: '/api/v1/orgs/orgs/',
-                transformOption: (item) => {
-                  return { label: item.name, value: item.id }
-                }
-              }
-            },
-            hidden: () => {
-              return !this.$hasLicense()
-            }
-          }
         },
         submitMethod: () => 'patch',
         afterGetFormValue(obj) {

src/views/settings/Auth/Slack.vue

@@ -10,7 +10,7 @@
 <script>
 import BaseAuth from './Base'
 import { JsonEditor, UpdateToken } from '@/components/Form/FormFields'
-import { Select2 } from '@/components'
+import { getOrgSelect2Meta } from '@/views/settings/Auth/const'
 
 export default {
   name: 'Slack',
@@ -60,22 +60,7 @@ export default {
           SLACK_RENAME_ATTRIBUTES: {
             component: JsonEditor
           },
-          SLACK_ORG_IDS: {
+          SLACK_ORG_IDS: getOrgSelect2Meta()
-            component: Select2,
-            el: {
-              popperClass: 'sync-setting-org',
-              multiple: true,
-              ajax: {
-                url: '/api/v1/orgs/orgs/',
-                transformOption: (item) => {
-                  return { label: item.name, value: item.id }
-                }
-              }
-            },
-            hidden: () => {
-              return !this.$hasLicense()
-            }
-          }
         },
         // 不清理的话，编辑secret，在删除提交会报错
         cleanFormValue(data) {

src/views/settings/Auth/WeCom.vue

@@ -9,7 +9,7 @@
 <script>
 import BaseAuth from './Base'
 import { JsonEditor, UpdateToken } from '@/components/Form/FormFields'
-import { Select2 } from '@/components'
+import { getOrgSelect2Meta } from '@/views/settings/Auth/const'
 
 export default {
   name: 'WeCom',
@@ -58,22 +58,7 @@ export default {
           WECOM_RENAME_ATTRIBUTES: {
             component: JsonEditor
           },
-          WECOM_ORG_IDS: {
+          WECOM_ORG_IDS: getOrgSelect2Meta()
-            component: Select2,
-            el: {
-              popperClass: 'sync-setting-org',
-              multiple: true,
-              ajax: {
-                url: '/api/v1/orgs/orgs/',
-                transformOption: (item) => {
-                  return { label: item.name, value: item.id }
-                }
-              }
-            },
-            hidden: () => {
-              return !this.$hasLicense()
-            }
-          }
         },
         // 不清理的话，编辑secret，在删除提交会报错
         cleanFormValue(data) {

src/views/settings/Auth/const.js

@@ -0,0 +1,20 @@
+import { Select2 } from '@/components/Form/FormFields'
+import store from '@/store'
+
+export function getOrgSelect2Meta() {
+  return {
+    component: Select2,
+    el: {
+      multiple: true,
+      ajax: {
+        url: '/api/v1/orgs/orgs/',
+        transformOption: (item) => {
+          return { label: item.name, value: item.id }
+        }
+      }
+    },
+    hidden: () => {
+      return !store.getters.hasValidLicense
+    }
+  }
+}