@yh-ui/components 0.1.21 → 0.1.23

package/dist/table/__tests__/table.ssr.test.cjs

@@ -1,296 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("vue/server-renderer");
-var _vue = require("vue");
-var _index = require("../index.cjs");
-const mockData = [{
-  id: 1,
-  name: "\u5F20\u4E09",
-  age: 28,
-  address: "\u5317\u4EAC\u5E02\u671D\u9633\u533A"
-}, {
-  id: 2,
-  name: "\u674E\u56DB",
-  age: 32,
-  address: "\u4E0A\u6D77\u5E02\u6D66\u4E1C\u65B0\u533A"
-}, {
-  id: 3,
-  name: "\u738B\u4E94",
-  age: 25,
-  address: "\u5E7F\u5DDE\u5E02\u5929\u6CB3\u533A"
-}];
-const mockColumns = [{
-  prop: "name",
-  label: "\u59D3\u540D",
-  width: 100
-}, {
-  prop: "age",
-  label: "\u5E74\u9F84",
-  width: 80
-}, {
-  prop: "address",
-  label: "\u5730\u5740"
-}];
-(0, _vitest.describe)("Table SSR", () => {
-  (0, _vitest.it)("should render on server side", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: mockData,
-          columns: mockColumns
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("yh-table");
-    (0, _vitest.expect)(html).toContain("yh-table__header");
-    (0, _vitest.expect)(html).toContain("yh-table__body");
-  });
-  (0, _vitest.it)("should render with border", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          border: true
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("is-border");
-  });
-  (0, _vitest.it)("should render with stripe", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          stripe: true
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("is-stripe");
-  });
-  (0, _vitest.it)("should render data rows", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: mockData,
-          columns: mockColumns
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("\u5F20\u4E09");
-    (0, _vitest.expect)(html).toContain("\u674E\u56DB");
-    (0, _vitest.expect)(html).toContain("\u738B\u4E94");
-  });
-  (0, _vitest.it)("should render column headers", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: mockData,
-          columns: mockColumns
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("\u59D3\u540D");
-    (0, _vitest.expect)(html).toContain("\u5E74\u9F84");
-    (0, _vitest.expect)(html).toContain("\u5730\u5740");
-  });
-  (0, _vitest.it)("should render empty state", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: [],
-          columns: mockColumns,
-          emptyText: "\u6682\u65E0\u6570\u636E"
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("yh-table__empty");
-    (0, _vitest.expect)(html).toContain("\u6682\u65E0\u6570\u636E");
-  });
-  (0, _vitest.it)("should render with size", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          size: "small"
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("yh-table--small");
-  });
-  (0, _vitest.it)("should render selection column", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          selectionConfig: {
-            type: "checkbox"
-          }
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("yh-table__selection-cell");
-    (0, _vitest.expect)(html).toContain('type="checkbox"');
-  });
-  (0, _vitest.it)("should render index column", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          showIndex: true
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("yh-table__index-cell");
-  });
-  (0, _vitest.it)("should hide header when showHeader is false", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          showHeader: false
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).not.toContain("yh-table__header-wrapper");
-  });
-  (0, _vitest.it)("should render loading state", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          loading: true
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("yh-table__loading");
-  });
-  (0, _vitest.it)("should render with fixed height style", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          height: 300
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("height");
-    (0, _vitest.expect)(html).toContain("300px");
-  });
-  (0, _vitest.it)("should render tree structure", async () => {
-    const treeData = [{
-      id: 1,
-      name: "\u4E00\u7EA7 1",
-      children: [{
-        id: 11,
-        name: "\u4E8C\u7EA7 1-1"
-      }]
-    }];
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: treeData,
-          columns: [{
-            prop: "name",
-            label: "\u540D\u79F0",
-            treeNode: true
-          }],
-          treeConfig: {
-            childrenKey: "children",
-            expandAll: true
-          }
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("\u4E00\u7EA7 1");
-    (0, _vitest.expect)(html).toContain("yh-table__tree-icon");
-  });
-  (0, _vitest.it)("should render expand column", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          expandConfig: {}
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("yh-table__expand-cell");
-    (0, _vitest.expect)(html).toContain("yh-table__expand-icon");
-  });
-  (0, _vitest.it)("should render formatted cell content", async () => {
-    const columns = [{
-      prop: "age",
-      label: "\u5E74\u9F84",
-      formatter: row => `${row.age}\u5C81`
-    }];
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: mockData,
-          columns
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("28\u5C81");
-    (0, _vitest.expect)(html).toContain("32\u5C81");
-  });
-  (0, _vitest.it)("should apply column alignment", async () => {
-    const columns = [{
-      prop: "name",
-      label: "\u59D3\u540D",
-      align: "center"
-    }];
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: mockData,
-          columns
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("is-center");
-  });
-  (0, _vitest.it)("should render sortable indicator", async () => {
-    const columns = [{
-      prop: "age",
-      label: "\u5E74\u9F84",
-      sortable: true
-    }];
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhTable, {
-          data: mockData,
-          columns
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("is-sortable");
-    (0, _vitest.expect)(html).toContain("yh-table__sort-icon");
-  });
-});

package/dist/table/__tests__/table.ssr.test.mjs

@@ -1,265 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderToString } from "vue/server-renderer";
-import { createSSRApp, h } from "vue";
-import { YhTable } from "../index.mjs";
-const mockData = [
-  { id: 1, name: "\u5F20\u4E09", age: 28, address: "\u5317\u4EAC\u5E02\u671D\u9633\u533A" },
-  { id: 2, name: "\u674E\u56DB", age: 32, address: "\u4E0A\u6D77\u5E02\u6D66\u4E1C\u65B0\u533A" },
-  { id: 3, name: "\u738B\u4E94", age: 25, address: "\u5E7F\u5DDE\u5E02\u5929\u6CB3\u533A" }
-];
-const mockColumns = [
-  { prop: "name", label: "\u59D3\u540D", width: 100 },
-  { prop: "age", label: "\u5E74\u9F84", width: 80 },
-  { prop: "address", label: "\u5730\u5740" }
-];
-describe("Table SSR", () => {
-  it("should render on server side", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: mockData,
-          columns: mockColumns
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("yh-table");
-    expect(html).toContain("yh-table__header");
-    expect(html).toContain("yh-table__body");
-  });
-  it("should render with border", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          border: true
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("is-border");
-  });
-  it("should render with stripe", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          stripe: true
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("is-stripe");
-  });
-  it("should render data rows", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: mockData,
-          columns: mockColumns
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("\u5F20\u4E09");
-    expect(html).toContain("\u674E\u56DB");
-    expect(html).toContain("\u738B\u4E94");
-  });
-  it("should render column headers", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: mockData,
-          columns: mockColumns
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("\u59D3\u540D");
-    expect(html).toContain("\u5E74\u9F84");
-    expect(html).toContain("\u5730\u5740");
-  });
-  it("should render empty state", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: [],
-          columns: mockColumns,
-          emptyText: "\u6682\u65E0\u6570\u636E"
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("yh-table__empty");
-    expect(html).toContain("\u6682\u65E0\u6570\u636E");
-  });
-  it("should render with size", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          size: "small"
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("yh-table--small");
-  });
-  it("should render selection column", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          selectionConfig: {
-            type: "checkbox"
-          }
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("yh-table__selection-cell");
-    expect(html).toContain('type="checkbox"');
-  });
-  it("should render index column", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          showIndex: true
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("yh-table__index-cell");
-  });
-  it("should hide header when showHeader is false", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          showHeader: false
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).not.toContain("yh-table__header-wrapper");
-  });
-  it("should render loading state", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          loading: true
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("yh-table__loading");
-  });
-  it("should render with fixed height style", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          height: 300
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("height");
-    expect(html).toContain("300px");
-  });
-  it("should render tree structure", async () => {
-    const treeData = [
-      {
-        id: 1,
-        name: "\u4E00\u7EA7 1",
-        children: [{ id: 11, name: "\u4E8C\u7EA7 1-1" }]
-      }
-    ];
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: treeData,
-          columns: [{ prop: "name", label: "\u540D\u79F0", treeNode: true }],
-          treeConfig: {
-            childrenKey: "children",
-            expandAll: true
-          }
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("\u4E00\u7EA7 1");
-    expect(html).toContain("yh-table__tree-icon");
-  });
-  it("should render expand column", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: mockData,
-          columns: mockColumns,
-          expandConfig: {}
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("yh-table__expand-cell");
-    expect(html).toContain("yh-table__expand-icon");
-  });
-  it("should render formatted cell content", async () => {
-    const columns = [
-      {
-        prop: "age",
-        label: "\u5E74\u9F84",
-        formatter: (row) => `${row.age}\u5C81`
-      }
-    ];
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: mockData,
-          columns
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("28\u5C81");
-    expect(html).toContain("32\u5C81");
-  });
-  it("should apply column alignment", async () => {
-    const columns = [{ prop: "name", label: "\u59D3\u540D", align: "center" }];
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: mockData,
-          columns
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("is-center");
-  });
-  it("should render sortable indicator", async () => {
-    const columns = [{ prop: "age", label: "\u5E74\u9F84", sortable: true }];
-    const app = createSSRApp({
-      render() {
-        return h(YhTable, {
-          data: mockData,
-          columns
-        });
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("is-sortable");
-    expect(html).toContain("yh-table__sort-icon");
-  });
-});