@yh-ui/components 0.1.17 → 0.1.22

package/dist/spin/src/spin.d.vue.ts

@@ -1,67 +0,0 @@
-declare var __VLS_1: {}, __VLS_7: {}, __VLS_13: {}, __VLS_15: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    tip?: (props: typeof __VLS_7) => any;
-} & {
-    tip?: (props: typeof __VLS_13) => any;
-} & {
-    default?: (props: typeof __VLS_15) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly show: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly tip: StringConstructor;
-    readonly size: {
-        readonly type: import("vue").PropType<"small" | "default" | "large" | number>;
-        readonly default: "default";
-    };
-    readonly vertical: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly delay: {
-        readonly type: NumberConstructor;
-        readonly default: 0;
-    };
-    readonly glass: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly dot: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly type: {
-        readonly type: import("vue").PropType<import("./spin").LoadingSpinnerType>;
-        readonly default: "circle";
-    };
-    readonly color: {
-        readonly type: import("vue").PropType<string | string[] | Record<string, string>>;
-    };
-    readonly themeOverrides: {
-        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        readonly default: undefined;
-    };
-}>, {
-    /** 是否可见 */
-    visible: import("vue").ComputedRef<boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
-    readonly type: import("./spin").LoadingSpinnerType;
-    readonly size: number | "small" | "default" | "large";
-    readonly show: boolean;
-    readonly vertical: boolean;
-    readonly dot: boolean;
-    readonly glass: boolean;
-    readonly delay: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,73 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-var _steps = _interopRequireDefault(require("../src/steps.vue"));
-var _step = _interopRequireDefault(require("../src/step.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("Steps SSR", () => {
-  (0, _vitest.it)("should render steps container on server", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_steps.default, {
-          active: 1
-        }, () => [(0, _vue.h)(_step.default, {
-          title: "Step 1"
-        }), (0, _vue.h)(_step.default, {
-          title: "Step 2"
-        }), (0, _vue.h)(_step.default, {
-          title: "Step 3"
-        })]);
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("yh-steps");
-  });
-  (0, _vitest.it)("should render vertical steps container on server", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_steps.default, {
-          direction: "vertical",
-          active: 0
-        }, () => [(0, _vue.h)(_step.default, {
-          title: "Step 1"
-        }), (0, _vue.h)(_step.default, {
-          title: "Step 2"
-        })]);
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("yh-steps--vertical");
-  });
-  (0, _vitest.it)("should render simple steps container on server", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_steps.default, {
-          simple: true,
-          active: 0
-        }, () => [(0, _vue.h)(_step.default, {
-          title: "Step 1"
-        }), (0, _vue.h)(_step.default, {
-          title: "Step 2"
-        })]);
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("is-simple");
-  });
-  (0, _vitest.it)("should render step content on server", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_steps.default, {
-          active: 0
-        }, () => [(0, _vue.h)(_step.default, {
-          title: "Step 1",
-          description: "This is step 1"
-        })]);
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("Step 1");
-  });
-});

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

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

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

@@ -1,55 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { createSSRApp, h } from "vue";
-import YhSteps from "../src/steps.vue";
-import YhStep from "../src/step.vue";
-describe("Steps SSR", () => {
-  it("should render steps container on server", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhSteps, { active: 1 }, () => [
-          h(YhStep, { title: "Step 1" }),
-          h(YhStep, { title: "Step 2" }),
-          h(YhStep, { title: "Step 3" })
-        ]);
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("yh-steps");
-  });
-  it("should render vertical steps container on server", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhSteps, { direction: "vertical", active: 0 }, () => [
-          h(YhStep, { title: "Step 1" }),
-          h(YhStep, { title: "Step 2" })
-        ]);
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("yh-steps--vertical");
-  });
-  it("should render simple steps container on server", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhSteps, { simple: true, active: 0 }, () => [
-          h(YhStep, { title: "Step 1" }),
-          h(YhStep, { title: "Step 2" })
-        ]);
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("is-simple");
-  });
-  it("should render step content on server", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhSteps, { active: 0 }, () => [
-          h(YhStep, { title: "Step 1", description: "This is step 1" })
-        ]);
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("Step 1");
-  });
-});

package/dist/steps/__tests__/steps.test.cjs

@@ -1,152 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _steps = _interopRequireDefault(require("../src/steps.vue"));
-var _step = _interopRequireDefault(require("../src/step.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("Steps", () => {
-  (0, _vitest.it)("should render basic steps", async () => {
-    const wrapper = (0, _testUtils.mount)({
-      components: {
-        YhSteps: _steps.default,
-        YhStep: _step.default
-      },
-      template: `
-        <yh-steps :active="1">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-          <yh-step title="Step 3" />
-        </yh-steps>
-      `
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-steps").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.findAll(".yh-step").length).toBe(3);
-  });
-  (0, _vitest.it)("should show correct status based on active", async () => {
-    const wrapper = (0, _testUtils.mount)({
-      components: {
-        YhSteps: _steps.default,
-        YhStep: _step.default
-      },
-      template: `
-        <yh-steps :active="1">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-          <yh-step title="Step 3" />
-        </yh-steps>
-      `
-    });
-    await (0, _vue.nextTick)();
-    const steps = wrapper.findAll(".yh-step");
-    (0, _vitest.expect)(steps[0].classes()).toContain("is-finish");
-    (0, _vitest.expect)(steps[1].classes()).toContain("is-process");
-    (0, _vitest.expect)(steps[2].classes()).toContain("is-wait");
-  });
-  (0, _vitest.it)("should support vertical direction", async () => {
-    const wrapper = (0, _testUtils.mount)({
-      components: {
-        YhSteps: _steps.default,
-        YhStep: _step.default
-      },
-      template: `
-        <yh-steps direction="vertical" :active="0">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-        </yh-steps>
-      `
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-steps--vertical").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should support simple mode", async () => {
-    const wrapper = (0, _testUtils.mount)({
-      components: {
-        YhSteps: _steps.default,
-        YhStep: _step.default
-      },
-      template: `
-        <yh-steps simple :active="0">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-        </yh-steps>
-      `
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-steps.is-simple").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should support description", async () => {
-    const wrapper = (0, _testUtils.mount)({
-      components: {
-        YhSteps: _steps.default,
-        YhStep: _step.default
-      },
-      template: `
-        <yh-steps :active="0">
-          <yh-step title="Step 1" description="Description 1" />
-        </yh-steps>
-      `
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-step__description").text()).toBe("Description 1");
-  });
-  (0, _vitest.it)("should support custom status", async () => {
-    const wrapper = (0, _testUtils.mount)({
-      components: {
-        YhSteps: _steps.default,
-        YhStep: _step.default
-      },
-      template: `
-        <yh-steps :active="1">
-          <yh-step title="Step 1" status="error" />
-          <yh-step title="Step 2" />
-        </yh-steps>
-      `
-    });
-    await (0, _vue.nextTick)();
-    const steps = wrapper.findAll(".yh-step");
-    (0, _vitest.expect)(steps[0].classes()).toContain("is-error");
-  });
-  (0, _vitest.it)("should support clickable steps", async () => {
-    const onChange = _vitest.vi.fn();
-    const wrapper = (0, _testUtils.mount)({
-      components: {
-        YhSteps: _steps.default,
-        YhStep: _step.default
-      },
-      template: `
-        <yh-steps clickable :active="0" @change="onChange">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-        </yh-steps>
-      `,
-      setup() {
-        return {
-          onChange
-        };
-      }
-    });
-    await (0, _vue.nextTick)();
-    const steps = wrapper.findAll(".yh-step");
-    await steps[1].trigger("click");
-    (0, _vitest.expect)(onChange).toHaveBeenCalledWith(1);
-  });
-  (0, _vitest.it)("should support dot progress style", async () => {
-    const wrapper = (0, _testUtils.mount)({
-      components: {
-        YhSteps: _steps.default,
-        YhStep: _step.default
-      },
-      template: `
-        <yh-steps progress-dot :active="0">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-        </yh-steps>
-      `
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-steps.is-dot").exists()).toBe(true);
-  });
-});

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

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

package/dist/steps/__tests__/steps.test.mjs

@@ -1,123 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { mount } from "@vue/test-utils";
-import { nextTick } from "vue";
-import YhSteps from "../src/steps.vue";
-import YhStep from "../src/step.vue";
-describe("Steps", () => {
-  it("should render basic steps", async () => {
-    const wrapper = mount({
-      components: { YhSteps, YhStep },
-      template: `
-        <yh-steps :active="1">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-          <yh-step title="Step 3" />
-        </yh-steps>
-      `
-    });
-    await nextTick();
-    expect(wrapper.find(".yh-steps").exists()).toBe(true);
-    expect(wrapper.findAll(".yh-step").length).toBe(3);
-  });
-  it("should show correct status based on active", async () => {
-    const wrapper = mount({
-      components: { YhSteps, YhStep },
-      template: `
-        <yh-steps :active="1">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-          <yh-step title="Step 3" />
-        </yh-steps>
-      `
-    });
-    await nextTick();
-    const steps = wrapper.findAll(".yh-step");
-    expect(steps[0].classes()).toContain("is-finish");
-    expect(steps[1].classes()).toContain("is-process");
-    expect(steps[2].classes()).toContain("is-wait");
-  });
-  it("should support vertical direction", async () => {
-    const wrapper = mount({
-      components: { YhSteps, YhStep },
-      template: `
-        <yh-steps direction="vertical" :active="0">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-        </yh-steps>
-      `
-    });
-    await nextTick();
-    expect(wrapper.find(".yh-steps--vertical").exists()).toBe(true);
-  });
-  it("should support simple mode", async () => {
-    const wrapper = mount({
-      components: { YhSteps, YhStep },
-      template: `
-        <yh-steps simple :active="0">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-        </yh-steps>
-      `
-    });
-    await nextTick();
-    expect(wrapper.find(".yh-steps.is-simple").exists()).toBe(true);
-  });
-  it("should support description", async () => {
-    const wrapper = mount({
-      components: { YhSteps, YhStep },
-      template: `
-        <yh-steps :active="0">
-          <yh-step title="Step 1" description="Description 1" />
-        </yh-steps>
-      `
-    });
-    await nextTick();
-    expect(wrapper.find(".yh-step__description").text()).toBe("Description 1");
-  });
-  it("should support custom status", async () => {
-    const wrapper = mount({
-      components: { YhSteps, YhStep },
-      template: `
-        <yh-steps :active="1">
-          <yh-step title="Step 1" status="error" />
-          <yh-step title="Step 2" />
-        </yh-steps>
-      `
-    });
-    await nextTick();
-    const steps = wrapper.findAll(".yh-step");
-    expect(steps[0].classes()).toContain("is-error");
-  });
-  it("should support clickable steps", async () => {
-    const onChange = vi.fn();
-    const wrapper = mount({
-      components: { YhSteps, YhStep },
-      template: `
-        <yh-steps clickable :active="0" @change="onChange">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-        </yh-steps>
-      `,
-      setup() {
-        return { onChange };
-      }
-    });
-    await nextTick();
-    const steps = wrapper.findAll(".yh-step");
-    await steps[1].trigger("click");
-    expect(onChange).toHaveBeenCalledWith(1);
-  });
-  it("should support dot progress style", async () => {
-    const wrapper = mount({
-      components: { YhSteps, YhStep },
-      template: `
-        <yh-steps progress-dot :active="0">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-        </yh-steps>
-      `
-    });
-    await nextTick();
-    expect(wrapper.find(".yh-steps.is-dot").exists()).toBe(true);
-  });
-});

package/dist/steps/src/step.d.vue.ts

@@ -1,105 +0,0 @@
-import type { StepsStatus } from './steps';
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {};
-type __VLS_Slots = {} & {
-    time?: (props: typeof __VLS_1) => any;
-} & {
-    icon?: (props: typeof __VLS_3) => any;
-} & {
-    title?: (props: typeof __VLS_5) => any;
-} & {
-    description?: (props: typeof __VLS_7) => any;
-} & {
-    default?: (props: typeof __VLS_9) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly title: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly description: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly icon: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly status: {
-        readonly type: import("vue").PropType<StepsStatus>;
-        readonly default: "";
-    };
-    readonly disabled: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly time: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly progress: {
-        readonly type: NumberConstructor;
-        readonly default: 0;
-    };
-    readonly lazy: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly themeOverrides: {
-        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        readonly default: undefined;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly title: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly description: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly icon: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly status: {
-        readonly type: import("vue").PropType<StepsStatus>;
-        readonly default: "";
-    };
-    readonly disabled: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly time: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly progress: {
-        readonly type: NumberConstructor;
-        readonly default: 0;
-    };
-    readonly lazy: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly themeOverrides: {
-        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        readonly default: undefined;
-    };
-}>> & Readonly<{}>, {
-    readonly disabled: boolean;
-    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
-    readonly progress: number;
-    readonly icon: string;
-    readonly time: string;
-    readonly title: string;
-    readonly description: string;
-    readonly status: "wait" | "error" | "success" | "finish" | "process";
-    readonly lazy: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/steps/src/steps.d.vue.ts

@@ -1,94 +0,0 @@
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly active: {
-        readonly type: NumberConstructor;
-        readonly default: 0;
-    };
-    readonly direction: {
-        readonly type: import("vue").PropType<import("./steps").StepsDirection>;
-        readonly default: "horizontal";
-    };
-    readonly alignCenter: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly simple: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly progressDot: {
-        readonly type: import("vue").PropType<boolean | import("./steps").StepsProgressDot>;
-        readonly default: false;
-    };
-    readonly finishStatus: {
-        readonly type: import("vue").PropType<import("./steps").StepsStatus>;
-        readonly default: "finish";
-    };
-    readonly processStatus: {
-        readonly type: import("vue").PropType<import("./steps").StepsStatus>;
-        readonly default: "process";
-    };
-    readonly space: {
-        readonly type: import("vue").PropType<number | string>;
-        readonly default: "";
-    };
-    readonly clickable: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly size: {
-        readonly type: import("vue").PropType<import("./steps").StepsSize>;
-        readonly default: "default";
-    };
-    readonly responsive: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly responsiveBreakpoint: {
-        readonly type: NumberConstructor;
-        readonly default: 768;
-    };
-    readonly labelPlacement: {
-        readonly type: import("vue").PropType<import("./steps").StepsLabelPlacement>;
-        readonly default: "horizontal";
-    };
-    readonly showProgress: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly showTimeline: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly themeOverrides: {
-        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        readonly default: undefined;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
-    readonly space: string | number;
-    readonly size: "small" | "default";
-    readonly active: number;
-    readonly direction: "horizontal" | "vertical";
-    readonly showProgress: boolean;
-    readonly alignCenter: boolean;
-    readonly responsive: boolean;
-    readonly simple: boolean;
-    readonly progressDot: boolean | "default" | "dot" | "navigation";
-    readonly finishStatus: "wait" | "error" | "success" | "finish" | "process";
-    readonly processStatus: "wait" | "error" | "success" | "finish" | "process";
-    readonly clickable: boolean;
-    readonly responsiveBreakpoint: number;
-    readonly labelPlacement: "horizontal" | "vertical";
-    readonly showTimeline: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};