From 8d2f2403812032dd4d506ba9149741ea1cb83afd Mon Sep 17 00:00:00 2001 From: pany <939630029@qq.com> Date: Tue, 3 Dec 2024 14:51:09 +0800 Subject: [PATCH] chore: fix typo --- src/pages/demo/vxe-table/index.vue | 8 ++++---- .../tsx/{RoleColumnSolts.tsx => RoleColumnSlots.tsx} | 2 +- .../tsx/{StatusColumnSolts.tsx => StatusColumnSlots.tsx} | 2 +- 3 files changed, 6 insertions(+), 6 deletions(-) rename src/pages/demo/vxe-table/tsx/{RoleColumnSolts.tsx => RoleColumnSlots.tsx} (83%) rename src/pages/demo/vxe-table/tsx/{StatusColumnSolts.tsx => StatusColumnSlots.tsx} (83%) diff --git a/src/pages/demo/vxe-table/index.vue b/src/pages/demo/vxe-table/index.vue index 7d22d21..86385d9 100644 --- a/src/pages/demo/vxe-table/index.vue +++ b/src/pages/demo/vxe-table/index.vue @@ -3,8 +3,8 @@ import type { TableResponseData } from "@@/apis/table/type" import type { ElMessageBoxOptions } from "element-plus" import type { VxeFormInstance, VxeFormProps, VxeGridInstance, VxeGridProps, VxeModalInstance, VxeModalProps } from "vxe-table" import { deleteTableDataApi, getTableDataApi } from "@@/apis/table" -import { RoleColumnSolts } from "./tsx/RoleColumnSolts" -import { StatusColumnSolts } from "./tsx/StatusColumnSolts" +import { RoleColumnSlots } from "./tsx/RoleColumnSlots" +import { StatusColumnSlots } from "./tsx/StatusColumnSlots" defineOptions({ // 命名当前组件 @@ -103,7 +103,7 @@ const xGridOpt: VxeGridProps = reactive({ field: "roles", title: "角色", /** 自定义列与 type: "html" 的列一起使用,会产生错误,所以采用 TSX 实现 */ - slots: RoleColumnSolts + slots: RoleColumnSlots }, { field: "phone", @@ -116,7 +116,7 @@ const xGridOpt: VxeGridProps = reactive({ { field: "status", title: "状态", - slots: StatusColumnSolts + slots: StatusColumnSlots }, { field: "createTime", diff --git a/src/pages/demo/vxe-table/tsx/RoleColumnSolts.tsx b/src/pages/demo/vxe-table/tsx/RoleColumnSlots.tsx similarity index 83% rename from src/pages/demo/vxe-table/tsx/RoleColumnSolts.tsx rename to src/pages/demo/vxe-table/tsx/RoleColumnSlots.tsx index 92884ea..d8f075d 100644 --- a/src/pages/demo/vxe-table/tsx/RoleColumnSolts.tsx +++ b/src/pages/demo/vxe-table/tsx/RoleColumnSlots.tsx @@ -1,6 +1,6 @@ import type { VxeColumnPropTypes } from "vxe-table/types/column" -export const RoleColumnSolts: VxeColumnPropTypes.Slots = { +export const RoleColumnSlots: VxeColumnPropTypes.Slots = { default: ({ row, column }) => { const cellValue = row[column.field] const type = cellValue === "admin" ? "primary" : "warning" diff --git a/src/pages/demo/vxe-table/tsx/StatusColumnSolts.tsx b/src/pages/demo/vxe-table/tsx/StatusColumnSlots.tsx similarity index 83% rename from src/pages/demo/vxe-table/tsx/StatusColumnSolts.tsx rename to src/pages/demo/vxe-table/tsx/StatusColumnSlots.tsx index 123a260..94e532a 100644 --- a/src/pages/demo/vxe-table/tsx/StatusColumnSolts.tsx +++ b/src/pages/demo/vxe-table/tsx/StatusColumnSlots.tsx @@ -1,6 +1,6 @@ import type { VxeColumnPropTypes } from "vxe-table/types/column" -export const StatusColumnSolts: VxeColumnPropTypes.Slots = { +export const StatusColumnSlots: VxeColumnPropTypes.Slots = { default: ({ row, column }) => { const cellValue = row[column.field] const [type, value] = cellValue ? ["success", "启用"] : ["danger", "禁用"]