@yh-ui/components 0.1.16 → 0.1.21

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

@@ -67,22 +67,91 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         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, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (index: number) => void;
+}, string, import("vue").PublicProps, Readonly<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;
+    };
+}>> & Readonly<{
+    onChange?: ((index: number) => any) | undefined;
+}>, {
+    readonly size: "default" | "small";
+    readonly active: number;
+    readonly responsive: boolean;
     readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly direction: "vertical" | "horizontal";
     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 finishStatus: "error" | "success" | "finish" | "process" | "wait";
+    readonly processStatus: "error" | "success" | "finish" | "process" | "wait";
     readonly clickable: boolean;
     readonly responsiveBreakpoint: number;
-    readonly labelPlacement: "horizontal" | "vertical";
+    readonly labelPlacement: "vertical" | "horizontal";
     readonly showTimeline: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/submit-bar/__tests__/submit-bar.ssr.test.cjs

@@ -0,0 +1,21 @@
+"use strict";
+
+var _serverRenderer = require("@vue/server-renderer");
+var _vitest = require("vitest");
+var _vue = require("vue");
+var _submitBar = _interopRequireDefault(require("../src/submit-bar.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("SubmitBar SSR", () => {
+  const props = {
+    price: 3050,
+    centUnit: true,
+    buttonText: "Submit Now"
+  };
+  (0, _vitest.it)("renders correctly on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_submitBar.default, props));
+    (0, _vitest.expect)(html).toContain("yh-submit-bar");
+    (0, _vitest.expect)(html).toContain("30");
+    (0, _vitest.expect)(html).toContain("50");
+    (0, _vitest.expect)(html).toContain("Submit Now");
+  });
+});

package/dist/submit-bar/__tests__/submit-bar.ssr.test.mjs

@@ -0,0 +1,18 @@
+import { renderToString } from "@vue/server-renderer";
+import { describe, it, expect } from "vitest";
+import { h } from "vue";
+import SubmitBar from "../src/submit-bar.vue";
+describe("SubmitBar SSR", () => {
+  const props = {
+    price: 3050,
+    centUnit: true,
+    buttonText: "Submit Now"
+  };
+  it("renders correctly on server", async () => {
+    const html = await renderToString(h(SubmitBar, props));
+    expect(html).toContain("yh-submit-bar");
+    expect(html).toContain("30");
+    expect(html).toContain("50");
+    expect(html).toContain("Submit Now");
+  });
+});

package/dist/submit-bar/__tests__/submit-bar.test.cjs

@@ -0,0 +1,50 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _testUtils = require("@vue/test-utils");
+var _submitBar = _interopRequireDefault(require("../src/submit-bar.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("SubmitBar", () => {
+  const props = {
+    price: 3050,
+    centUnit: true,
+    buttonText: "Submit Now",
+    showCheckbox: true
+  };
+  (0, _vitest.it)("renders correctly", () => {
+    const wrapper = (0, _testUtils.mount)(_submitBar.default, {
+      props
+    });
+    (0, _vitest.expect)(wrapper.text()).toContain("30");
+    (0, _vitest.expect)(wrapper.text()).toContain("50");
+    (0, _vitest.expect)(wrapper.text()).toContain("Submit Now");
+  });
+  (0, _vitest.it)("handles button click", async () => {
+    const wrapper = (0, _testUtils.mount)(_submitBar.default, {
+      props
+    });
+    const button = wrapper.find(".yh-submit-bar__btn");
+    await button.trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("submit")).toBeTruthy();
+  });
+  (0, _vitest.it)("handles disabled state", async () => {
+    const wrapper = (0, _testUtils.mount)(_submitBar.default, {
+      props: {
+        ...props,
+        disabled: true
+      }
+    });
+    const button = wrapper.find(".yh-submit-bar__btn");
+    await button.trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("submit")).toBeFalsy();
+  });
+  (0, _vitest.it)("handles checkbox toggle", async () => {
+    const wrapper = (0, _testUtils.mount)(_submitBar.default, {
+      props
+    });
+    const checkInput = wrapper.find('input[type="checkbox"]');
+    await checkInput.setValue(true);
+    (0, _vitest.expect)(wrapper.emitted("update:checked")[0]).toEqual([true]);
+    (0, _vitest.expect)(wrapper.emitted("check-change")[0]).toEqual([true]);
+  });
+});

package/dist/submit-bar/__tests__/submit-bar.test.mjs

@@ -0,0 +1,36 @@
+import { describe, it, expect } from "vitest";
+import { mount } from "@vue/test-utils";
+import SubmitBar from "../src/submit-bar.vue";
+describe("SubmitBar", () => {
+  const props = {
+    price: 3050,
+    centUnit: true,
+    buttonText: "Submit Now",
+    showCheckbox: true
+  };
+  it("renders correctly", () => {
+    const wrapper = mount(SubmitBar, { props });
+    expect(wrapper.text()).toContain("30");
+    expect(wrapper.text()).toContain("50");
+    expect(wrapper.text()).toContain("Submit Now");
+  });
+  it("handles button click", async () => {
+    const wrapper = mount(SubmitBar, { props });
+    const button = wrapper.find(".yh-submit-bar__btn");
+    await button.trigger("click");
+    expect(wrapper.emitted("submit")).toBeTruthy();
+  });
+  it("handles disabled state", async () => {
+    const wrapper = mount(SubmitBar, { props: { ...props, disabled: true } });
+    const button = wrapper.find(".yh-submit-bar__btn");
+    await button.trigger("click");
+    expect(wrapper.emitted("submit")).toBeFalsy();
+  });
+  it("handles checkbox toggle", async () => {
+    const wrapper = mount(SubmitBar, { props });
+    const checkInput = wrapper.find('input[type="checkbox"]');
+    await checkInput.setValue(true);
+    expect(wrapper.emitted("update:checked")[0]).toEqual([true]);
+    expect(wrapper.emitted("check-change")[0]).toEqual([true]);
+  });
+});

package/dist/submit-bar/index.cjs

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  YhSubmitBar: true
+};
+module.exports = exports.YhSubmitBar = void 0;
+var _utils = require("@yh-ui/utils");
+var _submitBar = _interopRequireDefault(require("./src/submit-bar.vue"));
+var _submitBar2 = require("./src/submit-bar.cjs");
+Object.keys(_submitBar2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _submitBar2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _submitBar2[key];
+    }
+  });
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const YhSubmitBar = exports.YhSubmitBar = (0, _utils.withInstall)(_submitBar.default);
+module.exports = YhSubmitBar;

package/dist/submit-bar/index.d.ts

@@ -0,0 +1,297 @@
+import SubmitBar from './src/submit-bar.vue';
+export declare const YhSubmitBar: import("@yh-ui/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        price: {
+            type: NumberConstructor;
+            default: number;
+        };
+        currency: {
+            type: StringConstructor;
+            default: string;
+        };
+        centUnit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        decimalLength: {
+            type: NumberConstructor;
+            default: number;
+        };
+        buttonText: {
+            type: StringConstructor;
+            default: string;
+        };
+        buttonType: {
+            type: import("vue").PropType<import("./index.js").SubmitBarButtonType>;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showCheckbox: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        checked: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        indeterminate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        selectedCount: {
+            type: NumberConstructor;
+            default: number;
+        };
+        tip: {
+            type: StringConstructor;
+            default: string;
+        };
+        safeAreaInsetBottom: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        themeOverrides: {
+            type: import("vue").PropType<Record<string, string>>;
+            default: () => {};
+        };
+    }>> & Readonly<{
+        onSubmit?: ((e: MouseEvent) => any) | undefined;
+        "onUpdate:checked"?: ((val: boolean) => any) | undefined;
+        "onCheck-change"?: ((val: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        submit: (e: MouseEvent) => void;
+        "update:checked": (val: boolean) => void;
+        "check-change": (val: boolean) => void;
+    }, import("vue").PublicProps, {
+        label: string;
+        price: number;
+        loading: boolean;
+        tip: string;
+        disabled: boolean;
+        themeOverrides: Record<string, string>;
+        indeterminate: boolean;
+        checked: boolean;
+        showCheckbox: boolean;
+        currency: string;
+        centUnit: boolean;
+        decimalLength: number;
+        buttonText: string;
+        buttonType: import("./index.js").SubmitBarButtonType;
+        selectedCount: number;
+        safeAreaInsetBottom: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        price: {
+            type: NumberConstructor;
+            default: number;
+        };
+        currency: {
+            type: StringConstructor;
+            default: string;
+        };
+        centUnit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        decimalLength: {
+            type: NumberConstructor;
+            default: number;
+        };
+        buttonText: {
+            type: StringConstructor;
+            default: string;
+        };
+        buttonType: {
+            type: import("vue").PropType<import("./index.js").SubmitBarButtonType>;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showCheckbox: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        checked: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        indeterminate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        selectedCount: {
+            type: NumberConstructor;
+            default: number;
+        };
+        tip: {
+            type: StringConstructor;
+            default: string;
+        };
+        safeAreaInsetBottom: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        themeOverrides: {
+            type: import("vue").PropType<Record<string, string>>;
+            default: () => {};
+        };
+    }>> & Readonly<{
+        onSubmit?: ((e: MouseEvent) => any) | undefined;
+        "onUpdate:checked"?: ((val: boolean) => any) | undefined;
+        "onCheck-change"?: ((val: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        label: string;
+        price: number;
+        loading: boolean;
+        tip: string;
+        disabled: boolean;
+        themeOverrides: Record<string, string>;
+        indeterminate: boolean;
+        checked: boolean;
+        showCheckbox: boolean;
+        currency: string;
+        centUnit: boolean;
+        decimalLength: number;
+        buttonText: string;
+        buttonType: import("./index.js").SubmitBarButtonType;
+        selectedCount: number;
+        safeAreaInsetBottom: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    price: {
+        type: NumberConstructor;
+        default: number;
+    };
+    currency: {
+        type: StringConstructor;
+        default: string;
+    };
+    centUnit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    decimalLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    buttonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    buttonType: {
+        type: import("vue").PropType<import("./index.js").SubmitBarButtonType>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCheckbox: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectedCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tip: {
+        type: StringConstructor;
+        default: string;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    themeOverrides: {
+        type: import("vue").PropType<Record<string, string>>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onSubmit?: ((e: MouseEvent) => any) | undefined;
+    "onUpdate:checked"?: ((val: boolean) => any) | undefined;
+    "onCheck-change"?: ((val: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (e: MouseEvent) => void;
+    "update:checked": (val: boolean) => void;
+    "check-change": (val: boolean) => void;
+}, string, {
+    label: string;
+    price: number;
+    loading: boolean;
+    tip: string;
+    disabled: boolean;
+    themeOverrides: Record<string, string>;
+    indeterminate: boolean;
+    checked: boolean;
+    showCheckbox: boolean;
+    currency: string;
+    centUnit: boolean;
+    decimalLength: number;
+    buttonText: string;
+    buttonType: import("./index.js").SubmitBarButtonType;
+    selectedCount: number;
+    safeAreaInsetBottom: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        tip?: (props: {}) => any;
+    } & {
+        left?: (props: {}) => any;
+    } & {
+        price?: (props: {}) => any;
+    } & {
+        right?: (props: {}) => any;
+    } & {
+        button?: (props: {}) => any;
+    };
+})> & Record<string, unknown>;
+export default YhSubmitBar;
+export * from './src/submit-bar';
+export type SubmitBarInstance = InstanceType<typeof SubmitBar>;
+export type YhSubmitBarInstance = SubmitBarInstance;
+export type YhSubmitBarProps = import('./src/submit-bar').SubmitBarProps;

package/dist/submit-bar/index.mjs

@@ -0,0 +1,5 @@
+import { withInstall } from "@yh-ui/utils";
+import SubmitBar from "./src/submit-bar.vue";
+export const YhSubmitBar = withInstall(SubmitBar);
+export default YhSubmitBar;
+export * from "./src/submit-bar.mjs";

package/dist/submit-bar/src/submit-bar.cjs

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.submitBarProps = exports.submitBarEmits = void 0;
+const submitBarProps = exports.submitBarProps = {
+  /** 金额（分或元，由 centUnit 决定） */
+  price: {
+    type: Number,
+    default: 0
+  },
+  /** 货币单位符号 */
+  currency: {
+    type: String,
+    default: "\xA5"
+  },
+  /** price 是否以分为单位（true 时自动 ÷100 显示） */
+  centUnit: {
+    type: Boolean,
+    default: false
+  },
+  /** 小数位数 */
+  decimalLength: {
+    type: Number,
+    default: 2
+  },
+  /** 按钮文字 */
+  buttonText: {
+    type: String,
+    default: ""
+  },
+  /** 按钮类型 */
+  buttonType: {
+    type: String,
+    default: "primary"
+  },
+  /** 是否禁用 */
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  /** 按钮加载中 */
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  /** 是否显示全选复选框 */
+  showCheckbox: {
+    type: Boolean,
+    default: false
+  },
+  /** 全选状态（支持 v-model:checked） */
+  checked: {
+    type: Boolean,
+    default: false
+  },
+  /** 部分选中（半选态） */
+  indeterminate: {
+    type: Boolean,
+    default: false
+  },
+  /** 金额标签前缀文本，如 "合计：" */
+  label: {
+    type: String,
+    default: ""
+  },
+  /** 已选件数，为 0 时不显示 */
+  selectedCount: {
+    type: Number,
+    default: 0
+  },
+  /** 金额上方的提示文字，如 "含运费" */
+  tip: {
+    type: String,
+    default: ""
+  },
+  /** 是否安全区域适配（iPhoneX 等） */
+  safeAreaInsetBottom: {
+    type: Boolean,
+    default: true
+  },
+  /** 主题变量覆盖 */
+  themeOverrides: {
+    type: Object,
+    default: () => ({})
+  }
+};
+const submitBarEmits = exports.submitBarEmits = {
+  submit: e => e instanceof MouseEvent,
+  "update:checked": val => typeof val === "boolean",
+  /** 全选复选框切换 */
+  "check-change": val => typeof val === "boolean"
+};