@yh-ui/components 0.1.0

package/dist/typography/__tests__/typography.test.cjs

@@ -0,0 +1,362 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _testUtils = require("@vue/test-utils");
+var _title = _interopRequireDefault(require("../src/title.vue"));
+var _text = _interopRequireDefault(require("../src/text.vue"));
+var _paragraph = _interopRequireDefault(require("../src/paragraph.vue"));
+var _link = _interopRequireDefault(require("../src/link.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("YhTypographyTitle", () => {
+  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3\u6B63\u786E\u7684\u6807\u9898\u7EA7\u522B", () => {
+    const wrapper = (0, _testUtils.mount)(_title.default, {
+      props: {
+        level: 2
+      },
+      slots: {
+        default: "\u6807\u9898"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("h2").exists()).toBe(true);
+    (0, _vitest.expect)(wrapper.text()).toBe("\u6807\u9898");
+  });
+  (0, _vitest.it)("\u9ED8\u8BA4\u6E32\u67D3 h1", () => {
+    const wrapper = (0, _testUtils.mount)(_title.default, {
+      slots: {
+        default: "\u6807\u9898"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("h1").exists()).toBe(true);
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 h1-h6 \u5168\u90E8\u7EA7\u522B", () => {
+    for (let level = 1; level <= 6; level++) {
+      const wrapper = (0, _testUtils.mount)(_title.default, {
+        props: {
+          level
+        },
+        slots: {
+          default: "T"
+        }
+      });
+      (0, _vitest.expect)(wrapper.find(`h${level}`).exists()).toBe(true);
+    }
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 type \u7C7B\u578B", () => {
+    const wrapper = (0, _testUtils.mount)(_title.default, {
+      props: {
+        type: "danger"
+      },
+      slots: {
+        default: "\u9519\u8BEF"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("h1").classes()).toContain("yh-typography__title--danger");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 bold \u4FEE\u9970", () => {
+    const wrapper = (0, _testUtils.mount)(_title.default, {
+      props: {
+        bold: true
+      },
+      slots: {
+        default: "\u52A0\u7C97"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("h1").classes()).toContain("is-bold");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 delete \u4FEE\u9970", () => {
+    const wrapper = (0, _testUtils.mount)(_title.default, {
+      props: {
+        delete: true
+      },
+      slots: {
+        default: "\u5220\u9664"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("h1").classes()).toContain("is-delete");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 italic \u4FEE\u9970", () => {
+    const wrapper = (0, _testUtils.mount)(_title.default, {
+      props: {
+        italic: true
+      },
+      slots: {
+        default: "\u659C\u4F53"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("h1").classes()).toContain("is-italic");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 mark \u6807\u8BB0", () => {
+    const wrapper = (0, _testUtils.mount)(_title.default, {
+      props: {
+        mark: true
+      },
+      slots: {
+        default: "\u6807\u8BB0"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("mark").exists()).toBe(true);
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 code \u4EE3\u7801", () => {
+    const wrapper = (0, _testUtils.mount)(_title.default, {
+      props: {
+        code: true
+      },
+      slots: {
+        default: "\u4EE3\u7801"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("code").exists()).toBe(true);
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 ellipsis \u7701\u7565", () => {
+    const wrapper = (0, _testUtils.mount)(_title.default, {
+      props: {
+        ellipsis: true
+      },
+      slots: {
+        default: "\u7701\u7565"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("h1").classes()).toContain("is-ellipsis");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49 tag", () => {
+    const wrapper = (0, _testUtils.mount)(_title.default, {
+      props: {
+        tag: "div"
+      },
+      slots: {
+        default: "\u81EA\u5B9A\u4E49"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("div").exists()).toBe(true);
+  });
+});
+(0, _vitest.describe)("YhTypographyText", () => {
+  (0, _vitest.it)("\u5E94\u8BE5\u9ED8\u8BA4\u6E32\u67D3 span", () => {
+    const wrapper = (0, _testUtils.mount)(_text.default, {
+      slots: {
+        default: "\u6587\u672C"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("span").exists()).toBe(true);
+    (0, _vitest.expect)(wrapper.text()).toBe("\u6587\u672C");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 type", () => {
+    const wrapper = (0, _testUtils.mount)(_text.default, {
+      props: {
+        type: "success"
+      },
+      slots: {
+        default: "\u6210\u529F"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("span").classes()).toContain("yh-typography__text--success");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 size", () => {
+    const wrapper = (0, _testUtils.mount)(_text.default, {
+      props: {
+        size: "large"
+      },
+      slots: {
+        default: "\u5927\u53F7"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("span").classes()).toContain("yh-typography__text--large");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 keyboard \u6837\u5F0F", () => {
+    const wrapper = (0, _testUtils.mount)(_text.default, {
+      props: {
+        keyboard: true
+      },
+      slots: {
+        default: "Ctrl"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("kbd").exists()).toBe(true);
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 bold \u4FEE\u9970", () => {
+    const wrapper = (0, _testUtils.mount)(_text.default, {
+      props: {
+        bold: true
+      },
+      slots: {
+        default: "\u52A0\u7C97"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("span").classes()).toContain("is-bold");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 mark \u6807\u8BB0", () => {
+    const wrapper = (0, _testUtils.mount)(_text.default, {
+      props: {
+        mark: true
+      },
+      slots: {
+        default: "\u6807\u8BB0"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("mark").exists()).toBe(true);
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49 tag", () => {
+    const wrapper = (0, _testUtils.mount)(_text.default, {
+      props: {
+        tag: "strong"
+      },
+      slots: {
+        default: "\u5F3A\u8C03"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("strong").exists()).toBe(true);
+  });
+});
+(0, _vitest.describe)("YhTypographyParagraph", () => {
+  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3 p \u6807\u7B7E", () => {
+    const wrapper = (0, _testUtils.mount)(_paragraph.default, {
+      slots: {
+        default: "\u6BB5\u843D"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("p").exists()).toBe(true);
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 type", () => {
+    const wrapper = (0, _testUtils.mount)(_paragraph.default, {
+      props: {
+        type: "warning"
+      },
+      slots: {
+        default: "\u8B66\u544A"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("p").classes()).toContain("yh-typography__paragraph--warning");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 align", () => {
+    const wrapper = (0, _testUtils.mount)(_paragraph.default, {
+      props: {
+        align: "center"
+      },
+      slots: {
+        default: "\u5C45\u4E2D"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("p").classes()).toContain("yh-typography__paragraph--center");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 spacing", () => {
+    const wrapper = (0, _testUtils.mount)(_paragraph.default, {
+      props: {
+        spacing: "compact"
+      },
+      slots: {
+        default: "\u7D27\u51D1"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("p").classes()).toContain("yh-typography__paragraph--compact");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 mark \u6807\u8BB0", () => {
+    const wrapper = (0, _testUtils.mount)(_paragraph.default, {
+      props: {
+        mark: true
+      },
+      slots: {
+        default: "\u9AD8\u4EAE"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("mark").exists()).toBe(true);
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u591A\u884C\u7701\u7565 (number)", () => {
+    const wrapper = (0, _testUtils.mount)(_paragraph.default, {
+      props: {
+        ellipsis: 3
+      },
+      slots: {
+        default: "\u591A\u884C\u7701\u7565"
+      }
+    });
+    const style = wrapper.find("p").attributes("style") || "";
+    (0, _vitest.expect)(style).toContain("overflow: hidden");
+  });
+});
+(0, _vitest.describe)("YhTypographyLink", () => {
+  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3 a \u6807\u7B7E", () => {
+    const wrapper = (0, _testUtils.mount)(_link.default, {
+      props: {
+        href: "https://example.com"
+      },
+      slots: {
+        default: "\u94FE\u63A5"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("a").exists()).toBe(true);
+    (0, _vitest.expect)(wrapper.find("a").attributes("href")).toBe("https://example.com");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 target", () => {
+    const wrapper = (0, _testUtils.mount)(_link.default, {
+      props: {
+        href: "#",
+        target: "_blank"
+      },
+      slots: {
+        default: "\u65B0\u7A97\u53E3"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("a").attributes("target")).toBe("_blank");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 underline", () => {
+    const wrapper = (0, _testUtils.mount)(_link.default, {
+      props: {
+        underline: true
+      },
+      slots: {
+        default: "\u4E0B\u5212\u7EBF"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("a").classes()).toContain("is-underline");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 disabled", () => {
+    const wrapper = (0, _testUtils.mount)(_link.default, {
+      props: {
+        href: "#",
+        disabled: true
+      },
+      slots: {
+        default: "\u7981\u7528"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("a").classes()).toContain("is-disabled");
+    (0, _vitest.expect)(wrapper.find("a").attributes("href")).toBeUndefined();
+    (0, _vitest.expect)(wrapper.find("a").attributes("aria-disabled")).toBe("true");
+    (0, _vitest.expect)(wrapper.find("a").attributes("tabindex")).toBe("-1");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 type", () => {
+    const wrapper = (0, _testUtils.mount)(_link.default, {
+      props: {
+        type: "danger"
+      },
+      slots: {
+        default: "\u5371\u9669"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find("a").classes()).toContain("yh-typography__link--danger");
+  });
+  (0, _vitest.it)("\u7981\u7528\u65F6\u70B9\u51FB\u4E0D\u89E6\u53D1\u4E8B\u4EF6", async () => {
+    const wrapper = (0, _testUtils.mount)(_link.default, {
+      props: {
+        disabled: true
+      },
+      slots: {
+        default: "\u7981\u7528"
+      }
+    });
+    await wrapper.find("a").trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("click")).toBeFalsy();
+  });
+  (0, _vitest.it)("\u542F\u7528\u65F6\u70B9\u51FB\u5E94\u89E6\u53D1\u4E8B\u4EF6", async () => {
+    const wrapper = (0, _testUtils.mount)(_link.default, {
+      props: {
+        href: "#"
+      },
+      slots: {
+        default: "\u94FE\u63A5"
+      }
+    });
+    await wrapper.find("a").trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("click")).toBeTruthy();
+  });
+});

package/dist/typography/__tests__/typography.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/typography/__tests__/typography.test.mjs

@@ -0,0 +1,161 @@
+import { describe, it, expect } from "vitest";
+import { mount } from "@vue/test-utils";
+import Title from "../src/title.vue";
+import Text from "../src/text.vue";
+import Paragraph from "../src/paragraph.vue";
+import Link from "../src/link.vue";
+describe("YhTypographyTitle", () => {
+  it("\u5E94\u8BE5\u6E32\u67D3\u6B63\u786E\u7684\u6807\u9898\u7EA7\u522B", () => {
+    const wrapper = mount(Title, { props: { level: 2 }, slots: { default: "\u6807\u9898" } });
+    expect(wrapper.find("h2").exists()).toBe(true);
+    expect(wrapper.text()).toBe("\u6807\u9898");
+  });
+  it("\u9ED8\u8BA4\u6E32\u67D3 h1", () => {
+    const wrapper = mount(Title, { slots: { default: "\u6807\u9898" } });
+    expect(wrapper.find("h1").exists()).toBe(true);
+  });
+  it("\u5E94\u8BE5\u652F\u6301 h1-h6 \u5168\u90E8\u7EA7\u522B", () => {
+    for (let level = 1; level <= 6; level++) {
+      const wrapper = mount(Title, {
+        props: { level },
+        slots: { default: "T" }
+      });
+      expect(wrapper.find(`h${level}`).exists()).toBe(true);
+    }
+  });
+  it("\u5E94\u8BE5\u652F\u6301 type \u7C7B\u578B", () => {
+    const wrapper = mount(Title, { props: { type: "danger" }, slots: { default: "\u9519\u8BEF" } });
+    expect(wrapper.find("h1").classes()).toContain("yh-typography__title--danger");
+  });
+  it("\u5E94\u8BE5\u652F\u6301 bold \u4FEE\u9970", () => {
+    const wrapper = mount(Title, { props: { bold: true }, slots: { default: "\u52A0\u7C97" } });
+    expect(wrapper.find("h1").classes()).toContain("is-bold");
+  });
+  it("\u5E94\u8BE5\u652F\u6301 delete \u4FEE\u9970", () => {
+    const wrapper = mount(Title, { props: { delete: true }, slots: { default: "\u5220\u9664" } });
+    expect(wrapper.find("h1").classes()).toContain("is-delete");
+  });
+  it("\u5E94\u8BE5\u652F\u6301 italic \u4FEE\u9970", () => {
+    const wrapper = mount(Title, { props: { italic: true }, slots: { default: "\u659C\u4F53" } });
+    expect(wrapper.find("h1").classes()).toContain("is-italic");
+  });
+  it("\u5E94\u8BE5\u652F\u6301 mark \u6807\u8BB0", () => {
+    const wrapper = mount(Title, { props: { mark: true }, slots: { default: "\u6807\u8BB0" } });
+    expect(wrapper.find("mark").exists()).toBe(true);
+  });
+  it("\u5E94\u8BE5\u652F\u6301 code \u4EE3\u7801", () => {
+    const wrapper = mount(Title, { props: { code: true }, slots: { default: "\u4EE3\u7801" } });
+    expect(wrapper.find("code").exists()).toBe(true);
+  });
+  it("\u5E94\u8BE5\u652F\u6301 ellipsis \u7701\u7565", () => {
+    const wrapper = mount(Title, { props: { ellipsis: true }, slots: { default: "\u7701\u7565" } });
+    expect(wrapper.find("h1").classes()).toContain("is-ellipsis");
+  });
+  it("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49 tag", () => {
+    const wrapper = mount(Title, { props: { tag: "div" }, slots: { default: "\u81EA\u5B9A\u4E49" } });
+    expect(wrapper.find("div").exists()).toBe(true);
+  });
+});
+describe("YhTypographyText", () => {
+  it("\u5E94\u8BE5\u9ED8\u8BA4\u6E32\u67D3 span", () => {
+    const wrapper = mount(Text, { slots: { default: "\u6587\u672C" } });
+    expect(wrapper.find("span").exists()).toBe(true);
+    expect(wrapper.text()).toBe("\u6587\u672C");
+  });
+  it("\u5E94\u8BE5\u652F\u6301 type", () => {
+    const wrapper = mount(Text, { props: { type: "success" }, slots: { default: "\u6210\u529F" } });
+    expect(wrapper.find("span").classes()).toContain("yh-typography__text--success");
+  });
+  it("\u5E94\u8BE5\u652F\u6301 size", () => {
+    const wrapper = mount(Text, { props: { size: "large" }, slots: { default: "\u5927\u53F7" } });
+    expect(wrapper.find("span").classes()).toContain("yh-typography__text--large");
+  });
+  it("\u5E94\u8BE5\u652F\u6301 keyboard \u6837\u5F0F", () => {
+    const wrapper = mount(Text, { props: { keyboard: true }, slots: { default: "Ctrl" } });
+    expect(wrapper.find("kbd").exists()).toBe(true);
+  });
+  it("\u5E94\u8BE5\u652F\u6301 bold \u4FEE\u9970", () => {
+    const wrapper = mount(Text, { props: { bold: true }, slots: { default: "\u52A0\u7C97" } });
+    expect(wrapper.find("span").classes()).toContain("is-bold");
+  });
+  it("\u5E94\u8BE5\u652F\u6301 mark \u6807\u8BB0", () => {
+    const wrapper = mount(Text, { props: { mark: true }, slots: { default: "\u6807\u8BB0" } });
+    expect(wrapper.find("mark").exists()).toBe(true);
+  });
+  it("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49 tag", () => {
+    const wrapper = mount(Text, { props: { tag: "strong" }, slots: { default: "\u5F3A\u8C03" } });
+    expect(wrapper.find("strong").exists()).toBe(true);
+  });
+});
+describe("YhTypographyParagraph", () => {
+  it("\u5E94\u8BE5\u6E32\u67D3 p \u6807\u7B7E", () => {
+    const wrapper = mount(Paragraph, { slots: { default: "\u6BB5\u843D" } });
+    expect(wrapper.find("p").exists()).toBe(true);
+  });
+  it("\u5E94\u8BE5\u652F\u6301 type", () => {
+    const wrapper = mount(Paragraph, { props: { type: "warning" }, slots: { default: "\u8B66\u544A" } });
+    expect(wrapper.find("p").classes()).toContain("yh-typography__paragraph--warning");
+  });
+  it("\u5E94\u8BE5\u652F\u6301 align", () => {
+    const wrapper = mount(Paragraph, { props: { align: "center" }, slots: { default: "\u5C45\u4E2D" } });
+    expect(wrapper.find("p").classes()).toContain("yh-typography__paragraph--center");
+  });
+  it("\u5E94\u8BE5\u652F\u6301 spacing", () => {
+    const wrapper = mount(Paragraph, { props: { spacing: "compact" }, slots: { default: "\u7D27\u51D1" } });
+    expect(wrapper.find("p").classes()).toContain("yh-typography__paragraph--compact");
+  });
+  it("\u5E94\u8BE5\u652F\u6301 mark \u6807\u8BB0", () => {
+    const wrapper = mount(Paragraph, { props: { mark: true }, slots: { default: "\u9AD8\u4EAE" } });
+    expect(wrapper.find("mark").exists()).toBe(true);
+  });
+  it("\u5E94\u8BE5\u652F\u6301\u591A\u884C\u7701\u7565 (number)", () => {
+    const wrapper = mount(Paragraph, { props: { ellipsis: 3 }, slots: { default: "\u591A\u884C\u7701\u7565" } });
+    const style = wrapper.find("p").attributes("style") || "";
+    expect(style).toContain("overflow: hidden");
+  });
+});
+describe("YhTypographyLink", () => {
+  it("\u5E94\u8BE5\u6E32\u67D3 a \u6807\u7B7E", () => {
+    const wrapper = mount(Link, {
+      props: { href: "https://example.com" },
+      slots: { default: "\u94FE\u63A5" }
+    });
+    expect(wrapper.find("a").exists()).toBe(true);
+    expect(wrapper.find("a").attributes("href")).toBe("https://example.com");
+  });
+  it("\u5E94\u8BE5\u652F\u6301 target", () => {
+    const wrapper = mount(Link, {
+      props: { href: "#", target: "_blank" },
+      slots: { default: "\u65B0\u7A97\u53E3" }
+    });
+    expect(wrapper.find("a").attributes("target")).toBe("_blank");
+  });
+  it("\u5E94\u8BE5\u652F\u6301 underline", () => {
+    const wrapper = mount(Link, { props: { underline: true }, slots: { default: "\u4E0B\u5212\u7EBF" } });
+    expect(wrapper.find("a").classes()).toContain("is-underline");
+  });
+  it("\u5E94\u8BE5\u652F\u6301 disabled", () => {
+    const wrapper = mount(Link, {
+      props: { href: "#", disabled: true },
+      slots: { default: "\u7981\u7528" }
+    });
+    expect(wrapper.find("a").classes()).toContain("is-disabled");
+    expect(wrapper.find("a").attributes("href")).toBeUndefined();
+    expect(wrapper.find("a").attributes("aria-disabled")).toBe("true");
+    expect(wrapper.find("a").attributes("tabindex")).toBe("-1");
+  });
+  it("\u5E94\u8BE5\u652F\u6301 type", () => {
+    const wrapper = mount(Link, { props: { type: "danger" }, slots: { default: "\u5371\u9669" } });
+    expect(wrapper.find("a").classes()).toContain("yh-typography__link--danger");
+  });
+  it("\u7981\u7528\u65F6\u70B9\u51FB\u4E0D\u89E6\u53D1\u4E8B\u4EF6", async () => {
+    const wrapper = mount(Link, { props: { disabled: true }, slots: { default: "\u7981\u7528" } });
+    await wrapper.find("a").trigger("click");
+    expect(wrapper.emitted("click")).toBeFalsy();
+  });
+  it("\u542F\u7528\u65F6\u70B9\u51FB\u5E94\u89E6\u53D1\u4E8B\u4EF6", async () => {
+    const wrapper = mount(Link, { props: { href: "#" }, slots: { default: "\u94FE\u63A5" } });
+    await wrapper.find("a").trigger("click");
+    expect(wrapper.emitted("click")).toBeTruthy();
+  });
+});

package/dist/typography/index.cjs

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  YhTypographyTitle: true,
+  YhTypographyText: true,
+  YhTypographyParagraph: true,
+  YhTypographyLink: true
+};
+module.exports = exports.YhTypographyTitle = exports.YhTypographyText = exports.YhTypographyParagraph = exports.YhTypographyLink = void 0;
+var _utils = require("@yh-ui/utils");
+var _title = _interopRequireDefault(require("./src/title.vue"));
+var _text = _interopRequireDefault(require("./src/text.vue"));
+var _paragraph = _interopRequireDefault(require("./src/paragraph.vue"));
+var _link = _interopRequireDefault(require("./src/link.vue"));
+var _typography = require("./src/typography.cjs");
+Object.keys(_typography).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _typography[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _typography[key];
+    }
+  });
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const YhTypographyTitle = exports.YhTypographyTitle = (0, _utils.withInstall)(_title.default);
+const YhTypographyText = exports.YhTypographyText = (0, _utils.withInstall)(_text.default);
+const YhTypographyParagraph = exports.YhTypographyParagraph = (0, _utils.withInstall)(_paragraph.default);
+const YhTypographyLink = exports.YhTypographyLink = (0, _utils.withInstall)(_link.default);
+module.exports = YhTypographyTitle;

package/dist/typography/index.d.ts

@@ -0,0 +1,14 @@
+import Title from './src/title.vue';
+import Text from './src/text.vue';
+import Paragraph from './src/paragraph.vue';
+import Link from './src/link.vue';
+export declare const YhTypographyTitle: any;
+export declare const YhTypographyText: any;
+export declare const YhTypographyParagraph: any;
+export declare const YhTypographyLink: any;
+export default YhTypographyTitle;
+export * from './src/typography';
+export type TypographyTitleInstance = InstanceType<typeof Title>;
+export type TypographyTextInstance = InstanceType<typeof Text>;
+export type TypographyParagraphInstance = InstanceType<typeof Paragraph>;
+export type TypographyLinkInstance = InstanceType<typeof Link>;

package/dist/typography/index.mjs

@@ -0,0 +1,11 @@
+import { withInstall } from "@yh-ui/utils";
+import Title from "./src/title.vue";
+import Text from "./src/text.vue";
+import Paragraph from "./src/paragraph.vue";
+import Link from "./src/link.vue";
+export const YhTypographyTitle = withInstall(Title);
+export const YhTypographyText = withInstall(Text);
+export const YhTypographyParagraph = withInstall(Paragraph);
+export const YhTypographyLink = withInstall(Link);
+export default YhTypographyTitle;
+export * from "./src/typography.mjs";

package/dist/typography/src/link.d.vue.ts

@@ -0,0 +1,21 @@
+import type { TypographyLinkProps } from './typography';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<TypographyLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<TypographyLinkProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    target: "_blank" | "_self" | "_parent" | "_top";
+    disabled: boolean;
+    underline: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};