!445 fix(table): 初始化赋值expandKeys错误

jevin98 · jevin98 · commit 8d95f4442dfc · 2024-11-12T03:19:40.000Z
* fix(table): 初始化赋值expandKeys错误
diff --git a/packages/component/component/table/__tests__/table.test.ts b/packages/component/component/table/__tests__/table.test.ts
diff --git a/packages/component/component/table/__tests__/table.test.tsx b/packages/component/component/table/__tests__/table.test.tsx
@@ -0,0 +1,77 @@
+import { mount } from "@vue/test-utils";
+import LayTable from "../index.vue";
+
+import { describe, expect, test, vi } from "vitest";
+import { nextTick, ref } from "vue";
+
+describe("LayTable", () => {
+  test("点击不可排序表头 是否报错", async () => {
+    const errorSpy = vi.spyOn(console, "error").mockImplementation(() => {});
+
+    const wrapper = mount(LayTable, {
+      props: {
+        columns: [
+          { title: "姓名", width: "80px", key: "name", sort: "desc" },
+          { title: "状态", width: "180px", key: "status" },
+        ],
+        dataSource: [],
+      },
+    });
+    await nextTick();
+
+    const thDom = wrapper.findAll(
+      ".layui-table-header .layui-table-header-wrapper th"
+    );
+
+    await thDom[1].trigger("click");
+
+    expect(errorSpy).not.toHaveBeenCalled();
+
+    errorSpy.mockRestore();
+  });
+
+  test("初始化expand-keys 未生效", async () => {
+    const expandKeys = ref(["1", "1-1"]);
+    const columns = [
+      { title: "姓名", width: "80px", key: "name", sort: "desc" },
+      { title: "状态", width: "180px", key: "status" },
+    ];
+    const dataSource = [
+      {
+        id: "1",
+        name: "张三",
+        children: [
+          {
+            id: "1-1",
+            name: "张三",
+            children: [
+              {
+                id: "1-1-1",
+                name: "张三",
+                children: [],
+              },
+            ],
+          },
+        ],
+      },
+      { id: "2", name: "张三" },
+    ];
+    const wrapper = mount({
+      setup() {
+        return () => (
+          <LayTable
+            columns={columns}
+            dataSource={dataSource}
+            v-model:expandKeys={expandKeys.value}
+          ></LayTable>
+        );
+      },
+    });
+    await nextTick();
+
+    const trs = wrapper.findAll(".layui-table-body table tbody tr");
+
+    expect(trs.length).toBe(4);
+    expect(expandKeys.value).toEqual(["1", "1-1"]);
+  });
+});
diff --git a/packages/component/component/table/index.vue b/packages/component/component/table/index.vue
@@ -68,7 +68,6 @@ const { rowClick, rowDoubleClick, rowContextmenu, cellDoubleClick, rowExpand } =
   useEmit(emit);
 const { t } = useI18n();
 const slot = useSlots();
-const slots = slot.default && slot.default();
 const tableRef = ref();
 
 const s = "";
@@ -315,8 +314,6 @@ watch(
       const ids: string[] = [];
       lookForAllId(props.dataSource, ids);
       tableExpandKeys.value = ids;
-    } else {
-      tableExpandKeys.value = [];
     }
   },
   {
