From 4014f39d2e0589cf43403a3ff2acede83232b893 Mon Sep 17 00:00:00 2001
From: tingfuyeh <tingfuyeh@tencent.com>
Date: Thu, 5 Sep 2024 17:54:13 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=9C=8D=E5=8A=A1=E5=8F=AF=E8=A7=81?=
 =?UTF-8?q?=E6=80=A7=E4=B8=8E=E6=8E=88=E6=9D=83=E5=BC=80=E5=85=B3=E8=A7=A3?=
 =?UTF-8?q?=E8=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../polaris/namespace/operation/Create.tsx    | 84 ++++++++---------
 web/src/polaris/service/operation/Create.tsx  | 90 +++++++++----------
 2 files changed, 87 insertions(+), 87 deletions(-)

diff --git a/web/src/polaris/namespace/operation/Create.tsx b/web/src/polaris/namespace/operation/Create.tsx
index 1daf24d..e140134 100644
--- a/web/src/polaris/namespace/operation/Create.tsx
+++ b/web/src/polaris/namespace/operation/Create.tsx
@@ -63,15 +63,15 @@ const CreateForm = purify(function CreateForm(props: DuckCmpProps<Duck>) {
           <Input field={comment} maxLength={1024} placeholder={'长度不超过1024个字符'} size={'l'} />
         </FormField>
 
-        {options.authOpen && (
-          <>
-            <Button type={'link'} onClick={() => setShowAdvance(!showAdvance)} style={{ cursor: 'pointer' }}>
-              <Icon type={showAdvance ? 'arrowup' : 'arrowdown'} />
-              {'高级设置'}
-            </Button>
-            {showAdvance && (
-              <>
-                {' '}
+        <>
+          <Button type={'link'} onClick={() => setShowAdvance(!showAdvance)} style={{ cursor: 'pointer' }}>
+            <Icon type={showAdvance ? 'arrowup' : 'arrowdown'} />
+            {'高级设置'}
+          </Button>
+
+          {showAdvance && (
+            <>
+              {options.authOpen && (
                 <FormItem label={'授权'}>
                   <ResourcePrincipalAuth
                     userDuck={userSelect}
@@ -81,39 +81,39 @@ const CreateForm = purify(function CreateForm(props: DuckCmpProps<Duck>) {
                     dispatch={dispatch}
                   />
                 </FormItem>
-                <FormItem label={'服务可见性'} tips={'当前命名空间下的服务被允许可见的命名空间列表'} required>
-                  <section style={{ marginBottom: '15px' }}>
-                    <RadioGroup
-                      value={visibilityMode.getValue()}
-                      onChange={v => {
-                        visibilityMode.setValue(v)
-                        service_export_to.setValue([])
-                      }}
-                    >
-                      <Radio name={VisibilityMode.Single}>{'仅当前命名空间'}</Radio>
-                      <Radio name={VisibilityMode.All}>{'全部命名空间（包括新增）'}</Radio>
-                      <Radio name={''}>{'指定命名空间'}</Radio>
-                    </RadioGroup>
-                  </section>
-                  {visibilityMode.getValue() === '' && (
-                    <SelectMultiple
-                      searchable
-                      allOption={{ text: '当前全部命名空间', value: 'all' }}
-                      value={service_export_to.getValue() || []}
-                      options={options.namespaceList || []}
-                      onChange={value => {
-                        service_export_to.setValue(value)
-                        visibilityMode.setValue('')
-                      }}
-                      appearance={'button'}
-                      size='l'
-                    ></SelectMultiple>
-                  )}
-                </FormItem>
-              </>
-            )}
-          </>
-        )}
+              )}
+              <FormItem label={'服务可见性'} tips={'当前命名空间下的服务被允许可见的命名空间列表'} required>
+                <section style={{ marginBottom: '15px' }}>
+                  <RadioGroup
+                    value={visibilityMode.getValue()}
+                    onChange={v => {
+                      visibilityMode.setValue(v)
+                      service_export_to.setValue([])
+                    }}
+                  >
+                    <Radio name={VisibilityMode.Single}>{'仅当前命名空间'}</Radio>
+                    <Radio name={VisibilityMode.All}>{'全部命名空间（包括新增）'}</Radio>
+                    <Radio name={''}>{'指定命名空间'}</Radio>
+                  </RadioGroup>
+                </section>
+                {visibilityMode.getValue() === '' && (
+                  <SelectMultiple
+                    searchable
+                    allOption={{ text: '当前全部命名空间', value: 'all' }}
+                    value={service_export_to.getValue() || []}
+                    options={options.namespaceList || []}
+                    onChange={value => {
+                      service_export_to.setValue(value)
+                      visibilityMode.setValue('')
+                    }}
+                    appearance={'button'}
+                    size='l'
+                  ></SelectMultiple>
+                )}
+              </FormItem>
+            </>
+          )}
+        </>
       </Form>
     </>
   )
diff --git a/web/src/polaris/service/operation/Create.tsx b/web/src/polaris/service/operation/Create.tsx
index 1ce57fd..162c9a3 100644
--- a/web/src/polaris/service/operation/Create.tsx
+++ b/web/src/polaris/service/operation/Create.tsx
@@ -97,14 +97,14 @@ const CreateForm = purify(function CreateForm(props: DuckCmpProps<Duck>) {
           />
         </FormField>
 
-        {options.authOpen && (
-          <>
-            <Button type={'link'} onClick={() => setShowAdvance(!showAdvance)} style={{ cursor: 'pointer' }}>
-              <Icon type={showAdvance ? 'arrowup' : 'arrowdown'} />
-              {'高级设置'}
-            </Button>
-            {showAdvance && (
-              <>
+        <>
+          <Button type={'link'} onClick={() => setShowAdvance(!showAdvance)} style={{ cursor: 'pointer' }}>
+            <Icon type={showAdvance ? 'arrowup' : 'arrowdown'} />
+            {'高级设置'}
+          </Button>
+          {showAdvance && (
+            <>
+              {options.authOpen && (
                 <FormItem label={'授权'}>
                   <ResourcePrincipalAuth
                     userDuck={userSelect}
@@ -114,43 +114,43 @@ const CreateForm = purify(function CreateForm(props: DuckCmpProps<Duck>) {
                     dispatch={dispatch}
                   />
                 </FormItem>
-                <FormItem
-                  label={'可见性'}
-                  tips={'当前服务允许可见的命名空间列表，当与命名空间的服务可见性冲突时，优先使用该选项配置'}
-                  required
-                >
-                  <section style={{ marginBottom: '15px' }}>
-                    <RadioGroup
-                      value={visibilityMode.getValue()}
-                      onChange={v => {
-                        visibilityMode.setValue(v)
-                        export_to.setValue([])
-                      }}
-                    >
-                      <Radio name={VisibilityMode.Single}>{'仅当前命名空间'}</Radio>
-                      <Radio name={VisibilityMode.All}>{'全部命名空间（包括新增）'}</Radio>
-                      <Radio name={''}>{'指定命名空间'}</Radio>
-                    </RadioGroup>
-                  </section>
-                  {visibilityMode.getValue() === '' && (
-                    <SelectMultiple
-                      searchable
-                      allOption={{ text: '当前全部命名空间', value: 'all' }}
-                      value={export_to.getValue() || []}
-                      options={options.namespaceList || []}
-                      onChange={value => {
-                        export_to.setValue(value)
-                        visibilityMode.setValue('')
-                      }}
-                      appearance={'button'}
-                      size='l'
-                    ></SelectMultiple>
-                  )}
-                </FormItem>
-              </>
-            )}
-          </>
-        )}
+              )}
+              <FormItem
+                label={'可见性'}
+                tips={'当前服务允许可见的命名空间列表，当与命名空间的服务可见性冲突时，优先使用该选项配置'}
+                required
+              >
+                <section style={{ marginBottom: '15px' }}>
+                  <RadioGroup
+                    value={visibilityMode.getValue()}
+                    onChange={v => {
+                      visibilityMode.setValue(v)
+                      export_to.setValue([])
+                    }}
+                  >
+                    <Radio name={VisibilityMode.Single}>{'仅当前命名空间'}</Radio>
+                    <Radio name={VisibilityMode.All}>{'全部命名空间（包括新增）'}</Radio>
+                    <Radio name={''}>{'指定命名空间'}</Radio>
+                  </RadioGroup>
+                </section>
+                {visibilityMode.getValue() === '' && (
+                  <SelectMultiple
+                    searchable
+                    allOption={{ text: '当前全部命名空间', value: 'all' }}
+                    value={export_to.getValue() || []}
+                    options={options.namespaceList || []}
+                    onChange={value => {
+                      export_to.setValue(value)
+                      visibilityMode.setValue('')
+                    }}
+                    appearance={'button'}
+                    size='l'
+                  ></SelectMultiple>
+                )}
+              </FormItem>
+            </>
+          )}
+        </>
       </Form>
     </>
   )