@yh-ui/components 0.1.0

package/dist/config-provider/src/config-provider.d.ts

@@ -0,0 +1,96 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { PresetTheme } from '@yh-ui/theme';
+import type { Language } from '@yh-ui/locale';
+import type { ConfigProviderContext } from '@yh-ui/hooks';
+export declare const configProviderProps: {
+    theme: {
+        type: PropType<string | PresetTheme>;
+        default: string;
+    };
+    locale: {
+        type: PropType<Language>;
+        default: Language;
+    };
+    size: {
+        type: PropType<"small" | "default" | "large">;
+        default: string;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    message: {
+        type: PropType<ConfigProviderContext["message"]>;
+        default: () => {};
+    };
+    global: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    theme: {
+        type: PropType<string | PresetTheme>;
+        default: string;
+    };
+    locale: {
+        type: PropType<Language>;
+        default: Language;
+    };
+    size: {
+        type: PropType<"small" | "default" | "large">;
+        default: string;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    message: {
+        type: PropType<ConfigProviderContext["message"]>;
+        default: () => {};
+    };
+    global: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    theme: {
+        type: PropType<string | PresetTheme>;
+        default: string;
+    };
+    locale: {
+        type: PropType<Language>;
+        default: Language;
+    };
+    size: {
+        type: PropType<"small" | "default" | "large">;
+        default: string;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    message: {
+        type: PropType<ConfigProviderContext["message"]>;
+        default: () => {};
+    };
+    global: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    size: "default" | "large" | "small";
+    message: {
+        max?: number;
+        duration?: number;
+        offset?: number;
+    } | undefined;
+    zIndex: number;
+    theme: string;
+    locale: Language;
+    global: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/config-provider/src/config-provider.mjs

@@ -0,0 +1,114 @@
+import { defineComponent, provide, renderSlot, watch, computed, ref, h, onMounted } from "vue";
+import { useTheme, ThemeManager } from "@yh-ui/theme";
+import { zhCn } from "@yh-ui/locale";
+import { configProviderContextKey } from "@yh-ui/hooks";
+export const configProviderProps = {
+  theme: {
+    type: String,
+    default: "default"
+  },
+  locale: {
+    type: Object,
+    default: zhCn
+  },
+  size: {
+    type: String,
+    default: "default"
+  },
+  zIndex: {
+    type: Number,
+    default: 2e3
+  },
+  message: {
+    type: Object,
+    default: () => ({})
+  },
+  global: {
+    type: Boolean,
+    default: true
+  }
+};
+export default defineComponent({
+  name: "YhConfigProvider",
+  props: configProviderProps,
+  setup(props, { slots }) {
+    const containerRef = ref(null);
+    const isMounted = ref(false);
+    let themeManager = null;
+    const validPresets = ["default", "dark", "blue", "green", "purple", "orange"];
+    const isValidPreset = (theme) => {
+      return validPresets.includes(theme);
+    };
+    const getThemeManager = () => {
+      if (props.global) {
+        return useTheme();
+      }
+      if (!themeManager) {
+        themeManager = new ThemeManager({ preset: "default" });
+      }
+      return themeManager;
+    };
+    const applyTheme = (theme, el) => {
+      if (!theme) return;
+      const manager = getThemeManager();
+      if (!props.global && el) {
+        manager.apply({ scope: el });
+      }
+      if (isValidPreset(theme)) {
+        manager.setThemePreset(theme);
+      } else if (typeof theme === "string" && theme.startsWith("#")) {
+        manager.setThemeColor(theme);
+      }
+    };
+    onMounted(() => {
+      isMounted.value = true;
+      if (!props.global && containerRef.value) {
+        const manager = getThemeManager();
+        const initialPreset = isValidPreset(props.theme) ? props.theme : "default";
+        manager.apply({
+          scope: containerRef.value,
+          preset: initialPreset
+        });
+        if (!isValidPreset(props.theme) && props.theme.startsWith("#")) {
+          manager.setThemeColor(props.theme);
+        }
+      } else if (props.global) {
+        applyTheme(props.theme);
+      }
+    });
+    watch(
+      () => props.theme,
+      (newTheme) => {
+        if (isMounted.value) {
+          applyTheme(newTheme, containerRef.value);
+        }
+      }
+    );
+    const config = computed(() => ({
+      size: props.size,
+      zIndex: props.zIndex,
+      locale: props.locale,
+      message: props.message
+    }));
+    const themeStyles = computed(() => {
+      const manager = getThemeManager();
+      const colors = {};
+      if (!isValidPreset(props.theme) && props.theme.startsWith("#")) {
+        colors.primary = props.theme;
+      }
+      return manager.getThemeStyles(colors);
+    });
+    provide(configProviderContextKey, config);
+    return () => {
+      return h(
+        "div",
+        {
+          ref: containerRef,
+          class: "yh-config-provider",
+          style: themeStyles.value
+        },
+        [renderSlot(slots, "default")]
+      );
+    };
+  }
+});

package/dist/config-provider/src/locale.cjs

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.zhCn = exports.en = void 0;
+const zhCn = exports.zhCn = {
+  name: "zh-cn",
+  el: {
+    colorpicker: {
+      confirm: "\u786E\u5B9A",
+      clear: "\u6E05\u7A7A"
+    },
+    datepicker: {
+      now: "\u6B64\u523B",
+      today: "\u4ECA\u5929",
+      cancel: "\u53D6\u6D88",
+      clear: "\u6E05\u7A7A",
+      confirm: "\u786E\u5B9A",
+      selectDate: "\u9009\u62E9\u65E5\u671F",
+      selectTime: "\u9009\u62E9\u65F6\u95F4",
+      startDate: "\u5F00\u59CB\u65E5\u671F",
+      startTime: "\u5F00\u59CB\u65F6\u95F4",
+      endDate: "\u7ED3\u675F\u65E5\u671F",
+      endTime: "\u7ED3\u675F\u65F6\u95F4"
+    },
+    transfer: {
+      noMatch: "\u65E0\u5339\u914D\u6570\u636E",
+      noData: "\u65E0\u6570\u636E",
+      titles: ["\u5217\u8868 1", "\u5217\u8868 2"],
+      filterPlaceholder: "\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9",
+      noCheckedFormat: "\u5171 {total} \u9879",
+      hasCheckedFormat: "\u5DF2\u9009 {checked}/{total} \u9879"
+    },
+    table: {
+      emptyText: "\u6682\u65E0\u6570\u636E",
+      confirmFilter: "\u7B5B\u9009",
+      resetFilter: "\u91CD\u7F6E",
+      clearFilter: "\u5168\u90E8",
+      sumText: "\u5408\u8BA1"
+    },
+    messagebox: {
+      title: "\u63D0\u793A",
+      confirm: "\u786E\u5B9A",
+      cancel: "\u53D6\u6D88",
+      error: "\u8F93\u5165\u7684\u6570\u636E\u4E0D\u5408\u6CD5!"
+    },
+    upload: {
+      deleteTip: "\u6309 delete \u952E\u53EF\u5220\u9664",
+      delete: "\u5220\u9664",
+      preview: "\u67E5\u770B\u56FE\u7247",
+      continue: "\u7EE7\u7EED\u4E0A\u4F20"
+    }
+  }
+};
+const en = exports.en = {
+  name: "en",
+  el: {
+    colorpicker: {
+      confirm: "OK",
+      clear: "Clear"
+    },
+    datepicker: {
+      now: "Now",
+      today: "Today",
+      cancel: "Cancel",
+      clear: "Clear",
+      confirm: "OK",
+      selectDate: "Select date",
+      selectTime: "Select time",
+      startDate: "Start Date",
+      startTime: "Start Time",
+      endDate: "End Date",
+      endTime: "End Time"
+    },
+    transfer: {
+      noMatch: "No matching data",
+      noData: "No data",
+      titles: ["List 1", "List 2"],
+      filterPlaceholder: "Enter keyword",
+      noCheckedFormat: "{total} items",
+      hasCheckedFormat: "{checked}/{total} checked"
+    },
+    table: {
+      emptyText: "No Data",
+      confirmFilter: "Confirm",
+      resetFilter: "Reset",
+      clearFilter: "All",
+      sumText: "Sum"
+    },
+    messagebox: {
+      title: "Message",
+      confirm: "OK",
+      cancel: "Cancel",
+      error: "Illegal input"
+    },
+    upload: {
+      deleteTip: "press delete to remove",
+      delete: "Delete",
+      preview: "Preview",
+      continue: "Continue"
+    }
+  }
+};

package/dist/config-provider/src/locale.d.ts

@@ -0,0 +1,51 @@
+export interface Language {
+    name: string;
+    el: {
+        colorpicker: {
+            confirm: string;
+            clear: string;
+        };
+        datepicker: {
+            now: string;
+            today: string;
+            cancel: string;
+            clear: string;
+            confirm: string;
+            selectDate: string;
+            selectTime: string;
+            startDate: string;
+            startTime: string;
+            endDate: string;
+            endTime: string;
+        };
+        transfer: {
+            noMatch: string;
+            noData: string;
+            titles: [string, string];
+            filterPlaceholder: string;
+            noCheckedFormat: string;
+            hasCheckedFormat: string;
+        };
+        table: {
+            emptyText: string;
+            confirmFilter: string;
+            resetFilter: string;
+            clearFilter: string;
+            sumText: string;
+        };
+        messagebox: {
+            title: string;
+            confirm: string;
+            cancel: string;
+            error: string;
+        };
+        upload: {
+            deleteTip: string;
+            delete: string;
+            preview: string;
+            continue: string;
+        };
+    };
+}
+export declare const zhCn: Language;
+export declare const en: Language;

package/dist/config-provider/src/locale.mjs

@@ -0,0 +1,92 @@
+export const zhCn = {
+  name: "zh-cn",
+  el: {
+    colorpicker: { confirm: "\u786E\u5B9A", clear: "\u6E05\u7A7A" },
+    datepicker: {
+      now: "\u6B64\u523B",
+      today: "\u4ECA\u5929",
+      cancel: "\u53D6\u6D88",
+      clear: "\u6E05\u7A7A",
+      confirm: "\u786E\u5B9A",
+      selectDate: "\u9009\u62E9\u65E5\u671F",
+      selectTime: "\u9009\u62E9\u65F6\u95F4",
+      startDate: "\u5F00\u59CB\u65E5\u671F",
+      startTime: "\u5F00\u59CB\u65F6\u95F4",
+      endDate: "\u7ED3\u675F\u65E5\u671F",
+      endTime: "\u7ED3\u675F\u65F6\u95F4"
+    },
+    transfer: {
+      noMatch: "\u65E0\u5339\u914D\u6570\u636E",
+      noData: "\u65E0\u6570\u636E",
+      titles: ["\u5217\u8868 1", "\u5217\u8868 2"],
+      filterPlaceholder: "\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9",
+      noCheckedFormat: "\u5171 {total} \u9879",
+      hasCheckedFormat: "\u5DF2\u9009 {checked}/{total} \u9879"
+    },
+    table: {
+      emptyText: "\u6682\u65E0\u6570\u636E",
+      confirmFilter: "\u7B5B\u9009",
+      resetFilter: "\u91CD\u7F6E",
+      clearFilter: "\u5168\u90E8",
+      sumText: "\u5408\u8BA1"
+    },
+    messagebox: {
+      title: "\u63D0\u793A",
+      confirm: "\u786E\u5B9A",
+      cancel: "\u53D6\u6D88",
+      error: "\u8F93\u5165\u7684\u6570\u636E\u4E0D\u5408\u6CD5!"
+    },
+    upload: {
+      deleteTip: "\u6309 delete \u952E\u53EF\u5220\u9664",
+      delete: "\u5220\u9664",
+      preview: "\u67E5\u770B\u56FE\u7247",
+      continue: "\u7EE7\u7EED\u4E0A\u4F20"
+    }
+  }
+};
+export const en = {
+  name: "en",
+  el: {
+    colorpicker: { confirm: "OK", clear: "Clear" },
+    datepicker: {
+      now: "Now",
+      today: "Today",
+      cancel: "Cancel",
+      clear: "Clear",
+      confirm: "OK",
+      selectDate: "Select date",
+      selectTime: "Select time",
+      startDate: "Start Date",
+      startTime: "Start Time",
+      endDate: "End Date",
+      endTime: "End Time"
+    },
+    transfer: {
+      noMatch: "No matching data",
+      noData: "No data",
+      titles: ["List 1", "List 2"],
+      filterPlaceholder: "Enter keyword",
+      noCheckedFormat: "{total} items",
+      hasCheckedFormat: "{checked}/{total} checked"
+    },
+    table: {
+      emptyText: "No Data",
+      confirmFilter: "Confirm",
+      resetFilter: "Reset",
+      clearFilter: "All",
+      sumText: "Sum"
+    },
+    messagebox: {
+      title: "Message",
+      confirm: "OK",
+      cancel: "Cancel",
+      error: "Illegal input"
+    },
+    upload: {
+      deleteTip: "press delete to remove",
+      delete: "Delete",
+      preview: "Preview",
+      continue: "Continue"
+    }
+  }
+};

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

@@ -0,0 +1,71 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _container = _interopRequireDefault(require("../src/container.vue"));
+var _header = _interopRequireDefault(require("../src/header.vue"));
+var _aside = _interopRequireDefault(require("../src/aside.vue"));
+var _main = _interopRequireDefault(require("../src/main.vue"));
+var _footer = _interopRequireDefault(require("../src/footer.vue"));
+var _ssr = require("../../__tests__/utils/ssr.cjs");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("YhContainer SSR", () => {
+  (0, _vitest.it)("Container should render section in SSR", async () => {
+    const html = await (0, _ssr.renderSSR)(_container.default, {}, {
+      default: () => "Content"
+    });
+    (0, _vitest.expect)(html).toContain("<section");
+    (0, _ssr.expectSSRHasClass)(html, "yh-container");
+  });
+  (0, _vitest.it)("Header should render with default height in SSR", async () => {
+    const html = await (0, _ssr.renderSSR)(_header.default, {}, {
+      default: () => "Header"
+    });
+    (0, _vitest.expect)(html).toContain("<header");
+    (0, _vitest.expect)(html).toMatch(/height:\s*60px/);
+  });
+  (0, _vitest.it)("Aside should render with default width in SSR", async () => {
+    const html = await (0, _ssr.renderSSR)(_aside.default, {}, {
+      default: () => "Aside"
+    });
+    (0, _vitest.expect)(html).toContain("<aside");
+    (0, _vitest.expect)(html).toMatch(/width:\s*200px/);
+  });
+  (0, _vitest.it)("Main should render in SSR", async () => {
+    const html = await (0, _ssr.renderSSR)(_main.default, {}, {
+      default: () => "Main Content"
+    });
+    (0, _vitest.expect)(html).toContain("<main");
+    (0, _vitest.expect)(html).toContain("Main Content");
+  });
+  (0, _vitest.it)("Footer should render in SSR", async () => {
+    const html = await (0, _ssr.renderSSR)(_footer.default, {}, {
+      default: () => "Footer"
+    });
+    (0, _vitest.expect)(html).toContain("<footer");
+    (0, _vitest.expect)(html).toMatch(/height:\s*60px/);
+  });
+  (0, _vitest.it)("Container should hydrate without mismatch", async () => {
+    const result = await (0, _ssr.testHydration)(_container.default, {
+      direction: "vertical"
+    }, {
+      default: () => "Hydrate"
+    });
+    (0, _vitest.expect)(result.isMatch).toBe(true);
+  });
+  (0, _vitest.it)("Header should hydrate without mismatch", async () => {
+    const result = await (0, _ssr.testHydration)(_header.default, {
+      height: "80px"
+    }, {
+      default: () => "Header"
+    });
+    (0, _vitest.expect)(result.isMatch).toBe(true);
+  });
+  (0, _vitest.it)("Footer should hydrate without mismatch", async () => {
+    const result = await (0, _ssr.testHydration)(_footer.default, {
+      height: "100px"
+    }, {
+      default: () => "Footer"
+    });
+    (0, _vitest.expect)(result.isMatch).toBe(true);
+  });
+});

package/dist/container/__tests__/container.ssr.test.d.ts

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

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

@@ -0,0 +1,50 @@
+import { describe, it, expect } from "vitest";
+import Container from "../src/container.vue";
+import Header from "../src/header.vue";
+import Aside from "../src/aside.vue";
+import Main from "../src/main.vue";
+import Footer from "../src/footer.vue";
+import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
+describe("YhContainer SSR", () => {
+  it("Container should render section in SSR", async () => {
+    const html = await renderSSR(Container, {}, { default: () => "Content" });
+    expect(html).toContain("<section");
+    expectSSRHasClass(html, "yh-container");
+  });
+  it("Header should render with default height in SSR", async () => {
+    const html = await renderSSR(Header, {}, { default: () => "Header" });
+    expect(html).toContain("<header");
+    expect(html).toMatch(/height:\s*60px/);
+  });
+  it("Aside should render with default width in SSR", async () => {
+    const html = await renderSSR(Aside, {}, { default: () => "Aside" });
+    expect(html).toContain("<aside");
+    expect(html).toMatch(/width:\s*200px/);
+  });
+  it("Main should render in SSR", async () => {
+    const html = await renderSSR(Main, {}, { default: () => "Main Content" });
+    expect(html).toContain("<main");
+    expect(html).toContain("Main Content");
+  });
+  it("Footer should render in SSR", async () => {
+    const html = await renderSSR(Footer, {}, { default: () => "Footer" });
+    expect(html).toContain("<footer");
+    expect(html).toMatch(/height:\s*60px/);
+  });
+  it("Container should hydrate without mismatch", async () => {
+    const result = await testHydration(
+      Container,
+      { direction: "vertical" },
+      { default: () => "Hydrate" }
+    );
+    expect(result.isMatch).toBe(true);
+  });
+  it("Header should hydrate without mismatch", async () => {
+    const result = await testHydration(Header, { height: "80px" }, { default: () => "Header" });
+    expect(result.isMatch).toBe(true);
+  });
+  it("Footer should hydrate without mismatch", async () => {
+    const result = await testHydration(Footer, { height: "100px" }, { default: () => "Footer" });
+    expect(result.isMatch).toBe(true);
+  });
+});

package/dist/container/__tests__/container.test.cjs

@@ -0,0 +1,111 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _testUtils = require("@vue/test-utils");
+var _container = _interopRequireDefault(require("../src/container.vue"));
+var _header = _interopRequireDefault(require("../src/header.vue"));
+var _aside = _interopRequireDefault(require("../src/aside.vue"));
+var _main = _interopRequireDefault(require("../src/main.vue"));
+var _footer = _interopRequireDefault(require("../src/footer.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("YhContainer", () => {
+  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3 section \u6807\u7B7E", () => {
+    const wrapper = (0, _testUtils.mount)(_container.default);
+    (0, _vitest.expect)(wrapper.find("section").exists()).toBe(true);
+    (0, _vitest.expect)(wrapper.find(".yh-container").exists()).toBe(true);
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u624B\u52A8\u8BBE\u7F6E vertical \u65B9\u5411", () => {
+    const wrapper = (0, _testUtils.mount)(_container.default, {
+      props: {
+        direction: "vertical"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-container").classes()).toContain("is-vertical");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u624B\u52A8\u8BBE\u7F6E horizontal \u65B9\u5411", () => {
+    const wrapper = (0, _testUtils.mount)(_container.default, {
+      props: {
+        direction: "horizontal"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-container").classes()).not.toContain("is-vertical");
+  });
+});
+(0, _vitest.describe)("YhHeader", () => {
+  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3 header \u6807\u7B7E", () => {
+    const wrapper = (0, _testUtils.mount)(_header.default);
+    (0, _vitest.expect)(wrapper.find("header").exists()).toBe(true);
+    (0, _vitest.expect)(wrapper.find(".yh-header").exists()).toBe(true);
+  });
+  (0, _vitest.it)("\u9ED8\u8BA4\u9AD8\u5EA6\u4E3A 60px", () => {
+    const wrapper = (0, _testUtils.mount)(_header.default);
+    const style = wrapper.find(".yh-header").attributes("style");
+    (0, _vitest.expect)(style).toContain("height: 60px");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u9AD8\u5EA6", () => {
+    const wrapper = (0, _testUtils.mount)(_header.default, {
+      props: {
+        height: "80px"
+      }
+    });
+    const style = wrapper.find(".yh-header").attributes("style");
+    (0, _vitest.expect)(style).toContain("height: 80px");
+  });
+});
+(0, _vitest.describe)("YhAside", () => {
+  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3 aside \u6807\u7B7E", () => {
+    const wrapper = (0, _testUtils.mount)(_aside.default);
+    (0, _vitest.expect)(wrapper.find("aside").exists()).toBe(true);
+    (0, _vitest.expect)(wrapper.find(".yh-aside").exists()).toBe(true);
+  });
+  (0, _vitest.it)("\u9ED8\u8BA4\u5BBD\u5EA6\u4E3A 200px", () => {
+    const wrapper = (0, _testUtils.mount)(_aside.default);
+    const style = wrapper.find(".yh-aside").attributes("style");
+    (0, _vitest.expect)(style).toContain("width: 200px");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u5BBD\u5EA6", () => {
+    const wrapper = (0, _testUtils.mount)(_aside.default, {
+      props: {
+        width: "300px"
+      }
+    });
+    const style = wrapper.find(".yh-aside").attributes("style");
+    (0, _vitest.expect)(style).toContain("width: 300px");
+  });
+});
+(0, _vitest.describe)("YhMain", () => {
+  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3 main \u6807\u7B7E", () => {
+    const wrapper = (0, _testUtils.mount)(_main.default);
+    (0, _vitest.expect)(wrapper.find("main").exists()).toBe(true);
+    (0, _vitest.expect)(wrapper.find(".yh-main").exists()).toBe(true);
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3\u63D2\u69FD\u5185\u5BB9", () => {
+    const wrapper = (0, _testUtils.mount)(_main.default, {
+      slots: {
+        default: "\u5185\u5BB9\u533A\u57DF"
+      }
+    });
+    (0, _vitest.expect)(wrapper.text()).toBe("\u5185\u5BB9\u533A\u57DF");
+  });
+});
+(0, _vitest.describe)("YhFooter", () => {
+  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3 footer \u6807\u7B7E", () => {
+    const wrapper = (0, _testUtils.mount)(_footer.default);
+    (0, _vitest.expect)(wrapper.find("footer").exists()).toBe(true);
+    (0, _vitest.expect)(wrapper.find(".yh-footer").exists()).toBe(true);
+  });
+  (0, _vitest.it)("\u9ED8\u8BA4\u9AD8\u5EA6\u4E3A 60px", () => {
+    const wrapper = (0, _testUtils.mount)(_footer.default);
+    const style = wrapper.find(".yh-footer").attributes("style");
+    (0, _vitest.expect)(style).toContain("height: 60px");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u9AD8\u5EA6", () => {
+    const wrapper = (0, _testUtils.mount)(_footer.default, {
+      props: {
+        height: "100px"
+      }
+    });
+    const style = wrapper.find(".yh-footer").attributes("style");
+    (0, _vitest.expect)(style).toContain("height: 100px");
+  });
+});