From ffeeaa231afa606b682ce7cb60e5e4392c5c9ea3 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Mon, 3 Apr 2023 11:48:13 +0800
Subject: [PATCH] fix: radio value type is incorrect in the form defined by
 formkit schema (#3668)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What type of PR is this?

/kind bug
/area console
/milestone 2.5.x
/cherry-pick release-2.4

#### What this PR does / why we need it:

修复使用了 FormKit Schema 生成的表单中，Radio 输入类型如果值的类型定义为 boolean 类型，但得到的结果为 string 类型的问题。

#### Which issue(s) this PR fixes:

Fixes #3666

#### Special notes for your reviewer:

测试方式：

1. 安装一个主题设置使用了 Radio 输入类型的主题，比如 https://github.com/halo-dev/halo-theme-anatole
2. 测试保存其中包含了 Radio 输入类型的表单。
3. 刷新页面，检查值回显是否正确。

#### Does this PR introduce a user-facing change?

```release-note
修复 Console 端 FormKit Schema 生成的表单中，Radio 输入类型值类型为 boolean 但结果为 string 的问题。
```
---
 .../attachments/components/AttachmentPolicyEditingModal.vue   | 4 ++--
 console/src/modules/interface/themes/ThemeSetting.vue         | 4 ++--
 .../interface/themes/components/preview/ThemePreviewModal.vue | 4 ++--
 .../src/modules/system/auth-providers/AuthProviderDetail.vue  | 4 ++--
 console/src/modules/system/plugins/PluginSetting.vue          | 3 ++-
 console/src/modules/system/settings/SystemSetting.vue         | 4 ++--
 6 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/console/src/modules/contents/attachments/components/AttachmentPolicyEditingModal.vue b/console/src/modules/contents/attachments/components/AttachmentPolicyEditingModal.vue
index 891390ba5..309898730 100644
--- a/console/src/modules/contents/attachments/components/AttachmentPolicyEditingModal.vue
+++ b/console/src/modules/contents/attachments/components/AttachmentPolicyEditingModal.vue
@@ -3,7 +3,7 @@ import { Toast, VButton, VModal, VSpace } from "@halo-dev/components";
 import SubmitButton from "@/components/button/SubmitButton.vue";
 import type { Policy, PolicyTemplate } from "@halo-dev/api-client";
 import cloneDeep from "lodash.clonedeep";
-import { computed, ref, watch, watchEffect } from "vue";
+import { computed, ref, toRaw, watch, watchEffect } from "vue";
 import { useSettingForm } from "@/composables/use-setting-form";
 import { apiClient } from "@/utils/api-client";
 import {
@@ -230,7 +230,7 @@ const onVisibleChange = (visible: boolean) => {
           validation="required|length:0,50"
         ></FormKit>
         <FormKitSchema
-          :schema="formSchema"
+          :schema="toRaw(formSchema)"
           :data="configMapFormData['default']"
         />
       </FormKit>
diff --git a/console/src/modules/interface/themes/ThemeSetting.vue b/console/src/modules/interface/themes/ThemeSetting.vue
index 699c3142a..ec773412f 100644
--- a/console/src/modules/interface/themes/ThemeSetting.vue
+++ b/console/src/modules/interface/themes/ThemeSetting.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 // core libs
-import { inject, ref, computed } from "vue";
+import { inject, ref, computed, toRaw } from "vue";
 
 // components
 import { Toast, VButton } from "@halo-dev/components";
@@ -85,7 +85,7 @@ await suspense();
           @submit="handleSaveConfigMap"
         >
           <FormKitSchema
-            :schema="formSchema"
+            :schema="toRaw(formSchema)"
             :data="configMapFormData[group]"
           />
         </FormKit>
diff --git a/console/src/modules/interface/themes/components/preview/ThemePreviewModal.vue b/console/src/modules/interface/themes/components/preview/ThemePreviewModal.vue
index bbf456ae9..ce06256f6 100644
--- a/console/src/modules/interface/themes/components/preview/ThemePreviewModal.vue
+++ b/console/src/modules/interface/themes/components/preview/ThemePreviewModal.vue
@@ -24,7 +24,7 @@ import {
   Toast,
 } from "@halo-dev/components";
 import { storeToRefs } from "pinia";
-import { computed, markRaw, ref, watch } from "vue";
+import { computed, markRaw, ref, toRaw, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
 import { useQuery } from "@tanstack/vue-query";
@@ -361,7 +361,7 @@ const iframeClasses = computed(() => {
                     @submit="handleSaveConfigMap"
                   >
                     <FormKitSchema
-                      :schema="formSchema"
+                      :schema="toRaw(formSchema)"
                       :data="configMapFormData[tab.id]"
                     />
                   </FormKit>
diff --git a/console/src/modules/system/auth-providers/AuthProviderDetail.vue b/console/src/modules/system/auth-providers/AuthProviderDetail.vue
index e6039816f..829cdd57b 100644
--- a/console/src/modules/system/auth-providers/AuthProviderDetail.vue
+++ b/console/src/modules/system/auth-providers/AuthProviderDetail.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, ref } from "vue";
+import { computed, ref, toRaw } from "vue";
 import { apiClient } from "@/utils/api-client";
 import { useQuery } from "@tanstack/vue-query";
 import type { AuthProvider, Setting } from "@halo-dev/api-client";
@@ -257,7 +257,7 @@ const handleSaveConfigMap = async () => {
               @submit="handleSaveConfigMap"
             >
               <FormKitSchema
-                :schema="formSchema"
+                :schema="toRaw(formSchema)"
                 :data="configMapFormData[group]"
               />
             </FormKit>
diff --git a/console/src/modules/system/plugins/PluginSetting.vue b/console/src/modules/system/plugins/PluginSetting.vue
index d24ebfa45..1bf07396b 100644
--- a/console/src/modules/system/plugins/PluginSetting.vue
+++ b/console/src/modules/system/plugins/PluginSetting.vue
@@ -14,6 +14,7 @@ import type { ConfigMap, Plugin, Setting } from "@halo-dev/api-client";
 import { useRouteParams } from "@vueuse/router";
 import { useI18n } from "vue-i18n";
 import { useQuery, useQueryClient } from "@tanstack/vue-query";
+import { toRaw } from "vue";
 
 const { t } = useI18n();
 const queryClient = useQueryClient();
@@ -81,7 +82,7 @@ await suspense();
           @submit="handleSaveConfigMap"
         >
           <FormKitSchema
-            :schema="formSchema"
+            :schema="toRaw(formSchema)"
             :data="configMapFormData[group]"
           />
         </FormKit>
diff --git a/console/src/modules/system/settings/SystemSetting.vue b/console/src/modules/system/settings/SystemSetting.vue
index 2c8249bef..99d034f00 100644
--- a/console/src/modules/system/settings/SystemSetting.vue
+++ b/console/src/modules/system/settings/SystemSetting.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 // core libs
-import { computed, ref, type Ref, inject } from "vue";
+import { computed, ref, type Ref, inject, toRaw } from "vue";
 
 // components
 import { Toast, VButton } from "@halo-dev/components";
@@ -83,7 +83,7 @@ await suspense();
           @submit="handleSaveConfigMap"
         >
           <FormKitSchema
-            :schema="formSchema"
+            :schema="toRaw(formSchema)"
             :data="configMapFormData[group]"
           />
         </FormKit>