From 38d39d5e3d16572797be1931fdd81541d5e49fc5 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Wed, 2 Apr 2025 16:46:31 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BF=AE=E6=94=B9=E4=B8=BAcomputed?=
 =?UTF-8?q?=20=E6=94=AF=E6=8C=81=E8=AF=AD=E8=A8=80=E5=88=87=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/table/src/table-switch.vue | 29 +++++++++++++++----
 .../src/locales/langs/en-US/pages.json        |  4 ++-
 .../src/locales/langs/zh-CN/pages.json        |  4 ++-
 3 files changed, 30 insertions(+), 7 deletions(-)

diff --git a/apps/web-antd/src/components/table/src/table-switch.vue b/apps/web-antd/src/components/table/src/table-switch.vue
index cdaebdfc..5529df95 100644
--- a/apps/web-antd/src/components/table/src/table-switch.vue
+++ b/apps/web-antd/src/components/table/src/table-switch.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
+
+import { $t } from '@vben/locales';
 
 import { Modal, Switch } from 'ant-design-vue';
 import { isFunction } from 'lodash-es';
@@ -7,7 +9,15 @@ import { isFunction } from 'lodash-es';
 type CheckedType = boolean | number | string;
 
 interface Props {
+  /**
+   * 选中的文本
+   * @default i18n 启用
+   */
   checkedText?: string;
+  /**
+   * 未选中的文本
+   * @default i18n 禁用
+   */
   unCheckedText?: string;
   checkedValue?: CheckedType;
   unCheckedValue?: CheckedType;
@@ -30,8 +40,8 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  checkedText: '启用',
-  unCheckedText: '禁用',
+  checkedText: undefined,
+  unCheckedText: undefined,
   checkedValue: '0',
   unCheckedValue: '1',
   confirm: false,
@@ -40,6 +50,15 @@ const props = withDefaults(defineProps<Props>(), {
 
 const emit = defineEmits<{ reload: [] }>();
 
+// 修改为computed 支持语言切换
+const checkedTextComputed = computed(() => {
+  return props.checkedText ?? $t('pages.common.enable');
+});
+
+const unCheckedTextComputed = computed(() => {
+  return props.unCheckedText ?? $t('pages.common.disable');
+});
+
 const currentChecked = defineModel<CheckedType>('value', {
   default: false,
 });
@@ -106,9 +125,9 @@ async function handleChange(checked: CheckedType, e: Event) {
     :loading="loading"
     :disabled="disabled"
     :checked="currentChecked"
-    :checked-children="checkedText"
+    :checked-children="checkedTextComputed"
     :checked-value="checkedValue"
-    :un-checked-children="unCheckedText"
+    :un-checked-children="unCheckedTextComputed"
     :un-checked-value="unCheckedValue"
     @change="handleChange"
   />
diff --git a/apps/web-antd/src/locales/langs/en-US/pages.json b/apps/web-antd/src/locales/langs/en-US/pages.json
index 4b736ab0..9cea0723 100644
--- a/apps/web-antd/src/locales/langs/en-US/pages.json
+++ b/apps/web-antd/src/locales/langs/en-US/pages.json
@@ -19,6 +19,8 @@
     "generate": "Generate",
     "downloadLoading": "Downloading... Please wait.",
     "preview": "Preview",
-    "tip": "Tip"
+    "tip": "Tip",
+    "enable": "Enable",
+    "disable": "Disabled"
   }
 }
diff --git a/apps/web-antd/src/locales/langs/zh-CN/pages.json b/apps/web-antd/src/locales/langs/zh-CN/pages.json
index 0e6e9b6e..43066862 100644
--- a/apps/web-antd/src/locales/langs/zh-CN/pages.json
+++ b/apps/web-antd/src/locales/langs/zh-CN/pages.json
@@ -19,6 +19,8 @@
     "generate": "生成",
     "downloadLoading": "下载中, 请稍后...",
     "preview": "预览",
-    "tip": "提示"
+    "tip": "提示",
+    "enable": "启用",
+    "disable": "禁用"
   }
 }