refactor: TableSwitch组件重构

apps/web-antd/src/views/system/client/index.vue

@@ -144,10 +144,10 @@ const { hasAccessByCodes } = useAccess();
         <!-- pc不允许禁用 禁用了直接登录不了 应该设置disabled -->
         <!-- 登录提示: 认证权限类型已禁用 -->
         <TableSwitch
-          v-model="row.status"
+          v-model:value="row.status"
           :api="() => clientChangeStatus(row)"
           :disabled="row.id === 1 || !hasAccessByCodes(['system:client:edit'])"
-          :reload="() => tableApi.query()"
+          @reload="tableApi.query()"
         />
       </template>
       <template #action="{ row }">

apps/web-antd/src/views/system/oss-config/index.vue

@@ -128,10 +128,10 @@ const { hasAccessByCodes } = useAccess();
       </template>
       <template #status="{ row }">
         <TableSwitch
-          v-model="row.status"
+          v-model:value="row.status"
           :api="() => ossConfigChangeStatus(row)"
           :disabled="!hasAccessByCodes(['system:ossConfig:edit'])"
-          :reload="() => tableApi.query()"
+          @reload="tableApi.query()"
         />
       </template>
       <template #action="{ row }">

apps/web-antd/src/views/system/role/index.vue

@@ -177,14 +177,14 @@ function handleAssignRole(record: Role) {
       </template>
       <template #status="{ row }">
         <TableSwitch
-          v-model="row.status"
+          v-model:value="row.status"
           :api="() => roleChangeStatus(row)"
           :disabled="
             row.roleId === 1 ||
             row.roleKey === 'admin' ||
             !hasAccessByCodes(['system:role:edit'])
           "
-          :reload="() => tableApi.query()"
+          @reload="tableApi.query()"
         />
       </template>
       <template #action="{ row }">

apps/web-antd/src/views/system/tenant/index.vue

@@ -183,10 +183,10 @@ function handleSyncTenantDict() {
       </template>
       <template #status="{ row }">
         <TableSwitch
-          v-model="row.status"
+          v-model:value="row.status"
           :api="() => tenantStatusChange(row)"
           :disabled="row.id === 1 || !hasAccessByCodes(['system:tenant:edit'])"
-          :reload="() => tableApi.query()"
+          @reload="tableApi.query()"
         />
       </template>
       <template #action="{ row }">

apps/web-antd/src/views/system/tenantPackage/index.vue

@@ -154,10 +154,10 @@ const isSuperAdmin = computed(() => {
       </template>
       <template #status="{ row }">
         <TableSwitch
-          v-model="row.status"
+          v-model:value="row.status"
           :api="() => packageChangeStatus(row)"
           :disabled="!hasAccessByCodes(['system:tenantPackage:edit'])"
-          :reload="() => tableApi.query()"
+          @reload="tableApi.query()"
         />
       </template>
       <template #action="{ row }">

apps/web-antd/src/views/system/user/index.vue

@@ -64,7 +64,7 @@ const formOptions: VbenFormProps = {
   wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4',
   handleReset: async () => {
     selectDeptId.value = [];
-    // eslint-disable-next-line no-use-before-define
+
     const { formApi, reload } = tableApi;
     await formApi.resetForm();
     const formValues = formApi.form.values;
@@ -231,12 +231,12 @@ const { hasAccessByCodes } = useAccess();
         </template>
         <template #status="{ row }">
           <TableSwitch
-            v-model="row.status"
+            v-model:value="row.status"
             :api="() => userStatusChange(row)"
             :disabled="
               row.userId === 1 || !hasAccessByCodes(['system:user:edit'])
             "
-            :reload="() => tableApi.query()"
+            @reload="() => tableApi.query()"
           />
         </template>
         <template #action="{ row }">