[incubator-seatunnel-web] branch main updated: [Fix][UI] Fix the error of fillet switching. (#39)

[songjian]

This is an automated email from the ASF dual-hosted git repository.

songjian pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/incubator-seatunnel-web.git


The following commit(s) were added to refs/heads/main by this push:
     new 9b90573f [Fix][UI] Fix the error of fillet switching. (#39)
9b90573f is described below

commit 9b90573fee0e4eb5e37bf867fd8d328c170899f1
Author: songjianet <1778651...@qq.com>
AuthorDate: Sat Mar 4 23:28:24 2023 +0800

    [Fix][UI] Fix the error of fillet switching. (#39)
---
 seatunnel-ui/src/App.tsx                 | 8 +++++---
 seatunnel-ui/src/views/setting/index.tsx | 4 +++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/seatunnel-ui/src/App.tsx b/seatunnel-ui/src/App.tsx
index 5ed0f946..96635f88 100644
--- a/seatunnel-ui/src/App.tsx
+++ b/seatunnel-ui/src/App.tsx
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { defineComponent, computed, watch } from 'vue'
+import { defineComponent, computed, watch, ref } from 'vue'
 import {
   NConfigProvider,
   NMessageProvider,
@@ -30,6 +30,7 @@ import { useLocalesStore } from '@/store/locale'
 import { useSettingStore } from '@/store/setting'
 import themeList from '@/themes'
 import type { GlobalThemeOverrides } from 'naive-ui'
+import type { Ref } from 'vue'
 
 const App = defineComponent({
   setup() {
@@ -38,13 +39,14 @@ const App = defineComponent({
       themeStore.darkTheme ? darkTheme : undefined
     )
     const localesStore = useLocalesStore()
-    const themeOverrides: GlobalThemeOverrides =
+    const themeOverrides: Ref<GlobalThemeOverrides> = ref(
       themeList[currentTheme.value ? 'dark' : 'light']
+    )
 
     watch(
       () => useSettingStore().getFilletValue,
       () => {
-        ;(themeOverrides.common as any).borderRadius =
+        ;(themeOverrides.value.common as any).borderRadius =
           useSettingStore().getFilletValue + 'px'
       }
     )
diff --git a/seatunnel-ui/src/views/setting/index.tsx 
b/seatunnel-ui/src/views/setting/index.tsx
index dc116c3e..a044914b 100644
--- a/seatunnel-ui/src/views/setting/index.tsx
+++ b/seatunnel-ui/src/views/setting/index.tsx
@@ -116,7 +116,9 @@ const Setting = defineComponent({
                       { value: 5, label: '5px' },
                       { value: 10, label: '10px' },
                       { value: 15, label: '15px' },
-                      { value: 20, label: '20px' }
+                      { value: 20, label: '20px' },
+                      { value: 25, label: '25px' },
+                      { value: 30, label: '30px' }
                     ]}
                   />
                 </div>