@yh-ui/components 0.1.16 → 0.1.21

package/dist/countdown/index.d.ts

@@ -1,5 +1,423 @@
 import Countdown from './src/countdown.vue';
-export declare const YhCountdown: any;
+export declare const YhCountdown: import("@yh-ui/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        readonly value: {
+            readonly type: import("vue").PropType<import("./index.js").CountdownValue>;
+            readonly required: true;
+        };
+        readonly format: {
+            readonly type: import("vue").PropType<import("./index.js").CountdownFormat>;
+            readonly default: "HH:mm:ss";
+        };
+        readonly autoStart: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly interval: {
+            readonly type: NumberConstructor;
+            readonly default: 1000;
+            readonly validator: (val: number) => boolean;
+        };
+        readonly precision: {
+            readonly type: import("vue").PropType<1000 | 100 | 10>;
+            readonly default: 1000;
+            readonly validator: (val: number) => boolean;
+        };
+        readonly title: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly suffix: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly useMonospaceFont: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly flipAnimation: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly valueStyle: {
+            readonly type: import("vue").PropType<import("vue").CSSProperties | string>;
+        };
+        readonly separator: {
+            readonly type: StringConstructor;
+            readonly default: ":";
+        };
+        readonly showDays: {
+            readonly type: import("vue").PropType<boolean | "auto">;
+            readonly default: "auto";
+        };
+        readonly showHours: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly showMinutes: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly showSeconds: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly showMilliseconds: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly labels: {
+            readonly type: import("vue").PropType<Partial<Record<keyof import("./index.js").CountdownTimeUnits, string>>>;
+        };
+        readonly keepAliveOnFinish: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly warningThreshold: {
+            readonly type: NumberConstructor;
+        };
+        readonly timezoneOffset: {
+            readonly type: NumberConstructor;
+        };
+        readonly serverTimeOffset: {
+            readonly type: NumberConstructor;
+            readonly default: 0;
+        };
+        readonly themeOverrides: {
+            readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+            readonly default: undefined;
+        };
+    }>> & Readonly<{
+        onReset?: (() => any) | undefined;
+        onFinish?: (() => any) | undefined;
+        onWarning?: ((_ctx: import("./index.js").CountdownFormatContext) => any) | undefined;
+        onStart?: (() => any) | undefined;
+        onChange?: ((_ctx: import("./index.js").CountdownFormatContext) => any) | undefined;
+        onPause?: (() => any) | undefined;
+        onResume?: (() => any) | undefined;
+        onStatusChange?: ((status: import("./index.js").CountdownStatus) => any) | undefined;
+    }>, {
+        start: () => void;
+        pause: () => void;
+        resume: () => void;
+        reset: () => void;
+        getRemain: () => number;
+        getStatus: () => import("./index.js").CountdownStatus;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        reset: () => void;
+        finish: () => void;
+        warning: (_ctx: import("./index.js").CountdownFormatContext) => void;
+        start: () => void;
+        change: (_ctx: import("./index.js").CountdownFormatContext) => void;
+        pause: () => void;
+        resume: () => void;
+        statusChange: (status: import("./index.js").CountdownStatus) => void;
+    }, import("vue").PublicProps, {
+        readonly title: string;
+        readonly interval: number;
+        readonly suffix: string;
+        readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+        readonly separator: string;
+        readonly precision: 1000 | 10 | 100;
+        readonly format: import("./index.js").CountdownFormat;
+        readonly showSeconds: boolean;
+        readonly autoStart: boolean;
+        readonly useMonospaceFont: boolean;
+        readonly flipAnimation: boolean;
+        readonly showDays: boolean | "auto";
+        readonly showHours: boolean;
+        readonly showMinutes: boolean;
+        readonly showMilliseconds: boolean;
+        readonly keepAliveOnFinish: boolean;
+        readonly serverTimeOffset: number;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        readonly value: {
+            readonly type: import("vue").PropType<import("./index.js").CountdownValue>;
+            readonly required: true;
+        };
+        readonly format: {
+            readonly type: import("vue").PropType<import("./index.js").CountdownFormat>;
+            readonly default: "HH:mm:ss";
+        };
+        readonly autoStart: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly interval: {
+            readonly type: NumberConstructor;
+            readonly default: 1000;
+            readonly validator: (val: number) => boolean;
+        };
+        readonly precision: {
+            readonly type: import("vue").PropType<1000 | 100 | 10>;
+            readonly default: 1000;
+            readonly validator: (val: number) => boolean;
+        };
+        readonly title: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly suffix: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly useMonospaceFont: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly flipAnimation: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly valueStyle: {
+            readonly type: import("vue").PropType<import("vue").CSSProperties | string>;
+        };
+        readonly separator: {
+            readonly type: StringConstructor;
+            readonly default: ":";
+        };
+        readonly showDays: {
+            readonly type: import("vue").PropType<boolean | "auto">;
+            readonly default: "auto";
+        };
+        readonly showHours: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly showMinutes: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly showSeconds: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly showMilliseconds: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly labels: {
+            readonly type: import("vue").PropType<Partial<Record<keyof import("./index.js").CountdownTimeUnits, string>>>;
+        };
+        readonly keepAliveOnFinish: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly warningThreshold: {
+            readonly type: NumberConstructor;
+        };
+        readonly timezoneOffset: {
+            readonly type: NumberConstructor;
+        };
+        readonly serverTimeOffset: {
+            readonly type: NumberConstructor;
+            readonly default: 0;
+        };
+        readonly themeOverrides: {
+            readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+            readonly default: undefined;
+        };
+    }>> & Readonly<{
+        onReset?: (() => any) | undefined;
+        onFinish?: (() => any) | undefined;
+        onWarning?: ((_ctx: import("./index.js").CountdownFormatContext) => any) | undefined;
+        onStart?: (() => any) | undefined;
+        onChange?: ((_ctx: import("./index.js").CountdownFormatContext) => any) | undefined;
+        onPause?: (() => any) | undefined;
+        onResume?: (() => any) | undefined;
+        onStatusChange?: ((status: import("./index.js").CountdownStatus) => any) | undefined;
+    }>, {
+        start: () => void;
+        pause: () => void;
+        resume: () => void;
+        reset: () => void;
+        getRemain: () => number;
+        getStatus: () => import("./index.js").CountdownStatus;
+    }, {}, {}, {}, {
+        readonly title: string;
+        readonly interval: number;
+        readonly suffix: string;
+        readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+        readonly separator: string;
+        readonly precision: 1000 | 10 | 100;
+        readonly format: import("./index.js").CountdownFormat;
+        readonly showSeconds: boolean;
+        readonly autoStart: boolean;
+        readonly useMonospaceFont: boolean;
+        readonly flipAnimation: boolean;
+        readonly showDays: boolean | "auto";
+        readonly showHours: boolean;
+        readonly showMinutes: boolean;
+        readonly showMilliseconds: boolean;
+        readonly keepAliveOnFinish: boolean;
+        readonly serverTimeOffset: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    readonly value: {
+        readonly type: import("vue").PropType<import("./index.js").CountdownValue>;
+        readonly required: true;
+    };
+    readonly format: {
+        readonly type: import("vue").PropType<import("./index.js").CountdownFormat>;
+        readonly default: "HH:mm:ss";
+    };
+    readonly autoStart: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly interval: {
+        readonly type: NumberConstructor;
+        readonly default: 1000;
+        readonly validator: (val: number) => boolean;
+    };
+    readonly precision: {
+        readonly type: import("vue").PropType<1000 | 100 | 10>;
+        readonly default: 1000;
+        readonly validator: (val: number) => boolean;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly suffix: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly useMonospaceFont: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly flipAnimation: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly valueStyle: {
+        readonly type: import("vue").PropType<import("vue").CSSProperties | string>;
+    };
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: ":";
+    };
+    readonly showDays: {
+        readonly type: import("vue").PropType<boolean | "auto">;
+        readonly default: "auto";
+    };
+    readonly showHours: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showMinutes: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showSeconds: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showMilliseconds: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly labels: {
+        readonly type: import("vue").PropType<Partial<Record<keyof import("./index.js").CountdownTimeUnits, string>>>;
+    };
+    readonly keepAliveOnFinish: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly warningThreshold: {
+        readonly type: NumberConstructor;
+    };
+    readonly timezoneOffset: {
+        readonly type: NumberConstructor;
+    };
+    readonly serverTimeOffset: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    onReset?: (() => any) | undefined;
+    onFinish?: (() => any) | undefined;
+    onWarning?: ((_ctx: import("./index.js").CountdownFormatContext) => any) | undefined;
+    onStart?: (() => any) | undefined;
+    onChange?: ((_ctx: import("./index.js").CountdownFormatContext) => any) | undefined;
+    onPause?: (() => any) | undefined;
+    onResume?: (() => any) | undefined;
+    onStatusChange?: ((status: import("./index.js").CountdownStatus) => any) | undefined;
+}>, {
+    start: () => void;
+    pause: () => void;
+    resume: () => void;
+    reset: () => void;
+    getRemain: () => number;
+    getStatus: () => import("./index.js").CountdownStatus;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reset: () => void;
+    finish: () => void;
+    warning: (_ctx: import("./index.js").CountdownFormatContext) => void;
+    start: () => void;
+    change: (_ctx: import("./index.js").CountdownFormatContext) => void;
+    pause: () => void;
+    resume: () => void;
+    statusChange: (status: import("./index.js").CountdownStatus) => void;
+}, string, {
+    readonly title: string;
+    readonly interval: number;
+    readonly suffix: string;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly separator: string;
+    readonly precision: 1000 | 10 | 100;
+    readonly format: import("./index.js").CountdownFormat;
+    readonly showSeconds: boolean;
+    readonly autoStart: boolean;
+    readonly useMonospaceFont: boolean;
+    readonly flipAnimation: boolean;
+    readonly showDays: boolean | "auto";
+    readonly showHours: boolean;
+    readonly showMinutes: boolean;
+    readonly showMilliseconds: boolean;
+    readonly keepAliveOnFinish: boolean;
+    readonly serverTimeOffset: number;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        [x: `${string}-cell`]: ((props: {
+            value: string;
+        }) => any) | undefined;
+    } & {
+        prefix?: (props: {}) => any;
+    } & {
+        default?: (props: {
+            current: import("./index.js").CountdownFormatContext;
+            remaining: number;
+            formatted: string;
+            status: import("./index.js").CountdownStatus;
+            isWarning: boolean;
+            isFinished: boolean;
+        }) => any;
+    } & {
+        separator?: (props: {}) => any;
+    } & {
+        value?: (props: {
+            text: string;
+        }) => any;
+    } & {
+        suffix?: (props: {}) => any;
+    };
+})> & Record<string, unknown>;
 export default YhCountdown;
 export * from './src/countdown';
 export type CountdownInstance = InstanceType<typeof Countdown>;

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

@@ -1,15 +1,15 @@
-import { type CountdownStatus } from './countdown';
+import { type CountdownStatus, type CountdownFormatContext } from './countdown';
 declare var __VLS_1: {}, __VLS_3: {
-    current: any;
-    remaining: any;
-    formatted: any;
-    status: any;
-    isWarning: any;
-    isFinished: any;
-}, __VLS_5: {}, __VLS_8: any, __VLS_9: {
-    value: any;
+    current: CountdownFormatContext;
+    remaining: number;
+    formatted: string;
+    status: CountdownStatus;
+    isWarning: boolean;
+    isFinished: boolean;
+}, __VLS_5: {}, __VLS_8: `${string}-cell`, __VLS_9: {
+    value: string;
 }, __VLS_11: {
-    text: any;
+    text: string;
 }, __VLS_13: {};
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_8>]?: (props: typeof __VLS_9) => any;
@@ -118,21 +118,126 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     reset: () => void;
     getRemain: () => number;
     getStatus: () => CountdownStatus;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
-    readonly separator: string;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reset: () => void;
+    finish: () => void;
+    warning: (_ctx: CountdownFormatContext) => void;
+    start: () => void;
+    change: (_ctx: CountdownFormatContext) => void;
+    pause: () => void;
+    resume: () => void;
+    statusChange: (status: CountdownStatus) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly value: {
+        readonly type: import("vue").PropType<import("./countdown").CountdownValue>;
+        readonly required: true;
+    };
+    readonly format: {
+        readonly type: import("vue").PropType<import("./countdown").CountdownFormat>;
+        readonly default: "HH:mm:ss";
+    };
+    readonly autoStart: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly interval: {
+        readonly type: NumberConstructor;
+        readonly default: 1000;
+        readonly validator: (val: number) => boolean;
+    };
+    readonly precision: {
+        readonly type: import("vue").PropType<1000 | 100 | 10>;
+        readonly default: 1000;
+        readonly validator: (val: number) => boolean;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly suffix: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly useMonospaceFont: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly flipAnimation: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly valueStyle: {
+        readonly type: import("vue").PropType<import("vue").CSSProperties | string>;
+    };
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: ":";
+    };
+    readonly showDays: {
+        readonly type: import("vue").PropType<boolean | "auto">;
+        readonly default: "auto";
+    };
+    readonly showHours: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showMinutes: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showSeconds: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showMilliseconds: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly labels: {
+        readonly type: import("vue").PropType<Partial<Record<keyof import("./countdown").CountdownTimeUnits, string>>>;
+    };
+    readonly keepAliveOnFinish: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly warningThreshold: {
+        readonly type: NumberConstructor;
+    };
+    readonly timezoneOffset: {
+        readonly type: NumberConstructor;
+    };
+    readonly serverTimeOffset: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    onReset?: (() => any) | undefined;
+    onFinish?: (() => any) | undefined;
+    onWarning?: ((_ctx: CountdownFormatContext) => any) | undefined;
+    onStart?: (() => any) | undefined;
+    onChange?: ((_ctx: CountdownFormatContext) => any) | undefined;
+    onPause?: (() => any) | undefined;
+    onResume?: (() => any) | undefined;
+    onStatusChange?: ((status: CountdownStatus) => any) | undefined;
+}>, {
     readonly title: string;
+    readonly interval: number;
     readonly suffix: string;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly separator: string;
+    readonly precision: 1000 | 10 | 100;
     readonly format: import("./countdown").CountdownFormat;
+    readonly showSeconds: boolean;
     readonly autoStart: boolean;
-    readonly interval: number;
-    readonly precision: 100 | 10 | 1000;
     readonly useMonospaceFont: boolean;
     readonly flipAnimation: boolean;
     readonly showDays: boolean | "auto";
     readonly showHours: boolean;
     readonly showMinutes: boolean;
-    readonly showSeconds: boolean;
     readonly showMilliseconds: boolean;
     readonly keepAliveOnFinish: boolean;
     readonly serverTimeOffset: number;

package/dist/coupon-card/__tests__/coupon-card.ssr.test.cjs

@@ -0,0 +1,21 @@
+"use strict";
+
+var _serverRenderer = require("@vue/server-renderer");
+var _vitest = require("vitest");
+var _vue = require("vue");
+var _couponCard = _interopRequireDefault(require("../src/coupon-card.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("CouponCard SSR", () => {
+  const props = {
+    amount: "100",
+    threshold: "500",
+    title: "Coupon Title"
+  };
+  (0, _vitest.it)("renders correctly on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_couponCard.default, props));
+    (0, _vitest.expect)(html).toContain("yh-coupon-card");
+    (0, _vitest.expect)(html).toContain("100");
+    (0, _vitest.expect)(html).toContain("\u6EE1 500 \u5143\u53EF\u7528");
+    (0, _vitest.expect)(html).toContain("Coupon Title");
+  });
+});

package/dist/coupon-card/__tests__/coupon-card.ssr.test.mjs

@@ -0,0 +1,18 @@
+import { renderToString } from "@vue/server-renderer";
+import { describe, it, expect } from "vitest";
+import { h } from "vue";
+import CouponCard from "../src/coupon-card.vue";
+describe("CouponCard SSR", () => {
+  const props = {
+    amount: "100",
+    threshold: "500",
+    title: "Coupon Title"
+  };
+  it("renders correctly on server", async () => {
+    const html = await renderToString(h(CouponCard, props));
+    expect(html).toContain("yh-coupon-card");
+    expect(html).toContain("100");
+    expect(html).toContain("\u6EE1 500 \u5143\u53EF\u7528");
+    expect(html).toContain("Coupon Title");
+  });
+});

package/dist/coupon-card/__tests__/coupon-card.test.cjs

@@ -0,0 +1,67 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _testUtils = require("@vue/test-utils");
+var _couponCard = _interopRequireDefault(require("../src/coupon-card.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("CouponCard", () => {
+  const props = {
+    amount: "100",
+    threshold: "500",
+    title: "New User Coupon"
+  };
+  (0, _vitest.it)("renders coupon basic content", () => {
+    const wrapper = (0, _testUtils.mount)(_couponCard.default, {
+      props
+    });
+    (0, _vitest.expect)(wrapper.text()).toContain("100");
+    (0, _vitest.expect)(wrapper.text()).toContain("\u6EE1 500 \u5143\u53EF\u7528");
+    (0, _vitest.expect)(wrapper.text()).toContain("New User Coupon");
+  });
+  (0, _vitest.it)("handles click event", async () => {
+    const wrapper = (0, _testUtils.mount)(_couponCard.default, {
+      props
+    });
+    await wrapper.trigger("click");
+    (0, _vitest.expect)(wrapper.emitted()).toHaveProperty("click");
+  });
+  (0, _vitest.it)("handles action click", async () => {
+    const wrapper = (0, _testUtils.mount)(_couponCard.default, {
+      props
+    });
+    const btn = wrapper.find(".yh-coupon-card__action-btn");
+    await btn.trigger("click");
+    (0, _vitest.expect)(wrapper.emitted()).toHaveProperty("action");
+  });
+  (0, _vitest.it)("renders status modes", () => {
+    const wrapperUsed = (0, _testUtils.mount)(_couponCard.default, {
+      props: {
+        ...props,
+        status: "used"
+      }
+    });
+    (0, _vitest.expect)(wrapperUsed.classes()).toContain("is-used");
+    const wrapperExpired = (0, _testUtils.mount)(_couponCard.default, {
+      props: {
+        ...props,
+        status: "expired"
+      }
+    });
+    (0, _vitest.expect)(wrapperExpired.classes()).toContain("is-expired");
+  });
+  (0, _vitest.it)("supports selected mode", async () => {
+    const wrapper = (0, _testUtils.mount)(_couponCard.default, {
+      props: {
+        ...props,
+        selectable: true,
+        selected: false
+      }
+    });
+    (0, _vitest.expect)(wrapper.classes()).toContain("is-selectable");
+    const checkbox = wrapper.find('input[type="checkbox"]');
+    if (checkbox.exists()) {
+      await checkbox.setValue(true);
+      (0, _vitest.expect)(wrapper.emitted("update:selected")).toBeTruthy();
+    }
+  });
+});