@yh-ui/components 0.1.16 → 0.1.21

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

@@ -15,7 +15,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly default: "hover";
     };
     readonly placement: {
-        readonly type: import("vue").PropType<import("@floating-ui/dom").Placement>;
+        readonly type: import("vue").PropType<import("@floating-ui/utils").Placement>;
         readonly default: "bottom";
     };
     readonly visible: {
@@ -121,33 +121,150 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     hide: () => void;
     /** 当前可见状态 */
     visible: import("vue").WritableComputedRef<boolean, boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    readonly offset: [number, number];
-    readonly zIndex: number;
-    readonly teleported: boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+    hide: () => void;
+    show: () => void;
+    "update:visible": (visible: boolean) => void;
+    command: (_command: string | number | object) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly trigger: {
+        readonly type: import("vue").PropType<import("./dropdown").DropdownTrigger>;
+        readonly default: "hover";
+    };
+    readonly placement: {
+        readonly type: import("vue").PropType<import("@floating-ui/utils").Placement>;
+        readonly default: "bottom";
+    };
+    readonly visible: {
+        readonly type: import("vue").PropType<boolean | null>;
+        readonly default: null;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly hideAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 150;
+    };
+    readonly zIndex: {
+        readonly type: NumberConstructor;
+        readonly default: 2000;
+    };
+    readonly hideOnClick: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly items: {
+        readonly type: import("vue").PropType<import("./dropdown").DropdownItemData[]>;
+        readonly default: () => never[];
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly checkable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly maxHeight: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "";
+    };
+    readonly teleported: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly popperClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly popperStyle: {
+        readonly type: import("vue").PropType<CSSProperties>;
+        readonly default: () => {};
+    };
+    readonly splitButton: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly type: {
+        readonly type: import("vue").PropType<"primary" | "success" | "warning" | "danger" | "info" | "">;
+        readonly default: "";
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<"large" | "default" | "small">;
+        readonly default: "default";
+    };
+    readonly plain: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showArrow: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly popperArrow: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly offset: {
+        readonly type: import("vue").PropType<[number, number]>;
+        readonly default: () => number[];
+    };
+    readonly loop: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly tabindex: {
+        readonly type: import("vue").PropType<number | string>;
+        readonly default: 0;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    onHide?: (() => any) | undefined;
+    onShow?: (() => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    onCommand?: ((_command: string | number | object) => any) | undefined;
+}>, {
+    readonly size: "large" | "default" | "small";
+    readonly loading: boolean;
+    readonly emptyText: string;
+    readonly trigger: import("./dropdown").DropdownTrigger;
+    readonly type: "" | "success" | "warning" | "info" | "primary" | "danger";
     readonly disabled: boolean;
     readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
-    readonly type: "" | "info" | "warning" | "success" | "primary" | "danger";
-    readonly visible: boolean | null;
-    readonly size: "small" | "default" | "large";
+    readonly plain: boolean;
+    readonly tabindex: string | number;
     readonly maxHeight: string | number;
+    readonly zIndex: number;
+    readonly offset: [number, number];
+    readonly visible: boolean | null;
+    readonly checkable: boolean;
     readonly items: import("./dropdown").DropdownItemData[];
-    readonly loading: boolean;
-    readonly placement: import("@floating-ui/dom").Placement;
-    readonly trigger: import("./dropdown").DropdownTrigger;
+    readonly placement: import("@floating-ui/utils").Placement;
+    readonly popperClass: string;
+    readonly teleported: boolean;
+    readonly popperStyle: CSSProperties;
     readonly showAfter: number;
     readonly hideAfter: number;
     readonly showArrow: boolean;
-    readonly popperClass: string;
-    readonly popperStyle: CSSProperties;
-    readonly plain: boolean;
-    readonly tabindex: string | number;
-    readonly emptyText: string;
+    readonly loop: boolean;
     readonly hideOnClick: boolean;
-    readonly checkable: boolean;
     readonly splitButton: boolean;
     readonly popperArrow: boolean;
-    readonly loop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/empty/index.d.ts

@@ -1,3 +1,29 @@
-export declare const YhEmpty: any;
+export declare const YhEmpty: import("@yh-ui/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.js").EmptyProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        imageSize: number;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./index.js").EmptyProps> & Readonly<{}>, {}, {}, {}, {}, {
+        imageSize: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./index.js").EmptyProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    imageSize: number;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        image?: (props: {}) => any;
+    } & {
+        description?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    };
+})> & Record<string, unknown>;
 export default YhEmpty;
 export type { EmptyProps, EmptySlots } from './src/empty';

package/dist/env.d.ts

@@ -3,3 +3,9 @@ declare module '*.vue' {
   const component: DefineComponent<Record<string, never>, Record<string, never>, unknown>
   export default component
 }
+
+// Vite 的 ?worker 导入（Monaco Editor 在文档/playground 中需要，避免 Worker 请求到 text/html）
+declare module '*?worker' {
+  const WorkerFactory: new () => Worker
+  export default WorkerFactory
+}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _serverRenderer = require("@vue/server-renderer");
+var _vitest = require("vitest");
+var _vue = require("vue");
+var _filterBar = _interopRequireDefault(require("../src/filter-bar.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("FilterBar SSR", () => {
+  const props = {
+    sorts: [{
+      key: "price",
+      label: "\u4EF7\u683C"
+    }],
+    filters: [{
+      key: "brand",
+      label: "\u54C1\u724C",
+      options: [{
+        label: "A",
+        value: "a"
+      }]
+    }]
+  };
+  (0, _vitest.it)("renders correctly on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_filterBar.default, props));
+    (0, _vitest.expect)(html).toContain("yh-filter-bar");
+    (0, _vitest.expect)(html).toContain("\u4EF7\u683C");
+    (0, _vitest.expect)(html).toContain("\u54C1\u724C");
+  });
+});

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

@@ -0,0 +1,16 @@
+import { renderToString } from "@vue/server-renderer";
+import { describe, it, expect } from "vitest";
+import { h } from "vue";
+import FilterBar from "../src/filter-bar.vue";
+describe("FilterBar SSR", () => {
+  const props = {
+    sorts: [{ key: "price", label: "\u4EF7\u683C" }],
+    filters: [{ key: "brand", label: "\u54C1\u724C", options: [{ label: "A", value: "a" }] }]
+  };
+  it("renders correctly on server", async () => {
+    const html = await renderToString(h(FilterBar, props));
+    expect(html).toContain("yh-filter-bar");
+    expect(html).toContain("\u4EF7\u683C");
+    expect(html).toContain("\u54C1\u724C");
+  });
+});

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

@@ -0,0 +1,51 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _testUtils = require("@vue/test-utils");
+var _filterBar = _interopRequireDefault(require("../src/filter-bar.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("FilterBar", () => {
+  const props = {
+    sorts: [{
+      key: "price",
+      label: "Price"
+    }],
+    filters: [{
+      key: "brand",
+      label: "Brand",
+      options: [{
+        label: "Apply",
+        value: "apply"
+      }]
+    }]
+  };
+  (0, _vitest.it)("renders correctly", () => {
+    const wrapper = (0, _testUtils.mount)(_filterBar.default, {
+      props
+    });
+    (0, _vitest.expect)(wrapper.text()).toContain("Price");
+    (0, _vitest.expect)(wrapper.text()).toContain("Brand");
+  });
+  (0, _vitest.it)("triggers sort change", async () => {
+    const wrapper = (0, _testUtils.mount)(_filterBar.default, {
+      props
+    });
+    const sortTabs = wrapper.findAll(".yh-filter-bar__sort-tab");
+    await sortTabs[0].trigger("click");
+    (0, _vitest.expect)(wrapper.emitted()).toHaveProperty("update:sort");
+    (0, _vitest.expect)(wrapper.emitted("update:sort")[0]).toEqual([{
+      key: "price",
+      order: "desc"
+    }]);
+  });
+  (0, _vitest.it)("triggers filter open and close", async () => {
+    const wrapper = (0, _testUtils.mount)(_filterBar.default, {
+      props
+    });
+    const filterTabs = wrapper.findAll(".yh-filter-bar__filter-tab");
+    await filterTabs[0].trigger("click");
+    const panel = wrapper.find(".yh-filter-bar__panel-title");
+    (0, _vitest.expect)(panel.exists()).toBe(true);
+    (0, _vitest.expect)(panel.text()).toBe("Brand");
+  });
+});

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

@@ -0,0 +1,29 @@
+import { describe, it, expect } from "vitest";
+import { mount } from "@vue/test-utils";
+import FilterBar from "../src/filter-bar.vue";
+describe("FilterBar", () => {
+  const props = {
+    sorts: [{ key: "price", label: "Price" }],
+    filters: [{ key: "brand", label: "Brand", options: [{ label: "Apply", value: "apply" }] }]
+  };
+  it("renders correctly", () => {
+    const wrapper = mount(FilterBar, { props });
+    expect(wrapper.text()).toContain("Price");
+    expect(wrapper.text()).toContain("Brand");
+  });
+  it("triggers sort change", async () => {
+    const wrapper = mount(FilterBar, { props });
+    const sortTabs = wrapper.findAll(".yh-filter-bar__sort-tab");
+    await sortTabs[0].trigger("click");
+    expect(wrapper.emitted()).toHaveProperty("update:sort");
+    expect(wrapper.emitted("update:sort")[0]).toEqual([{ key: "price", order: "desc" }]);
+  });
+  it("triggers filter open and close", async () => {
+    const wrapper = mount(FilterBar, { props });
+    const filterTabs = wrapper.findAll(".yh-filter-bar__filter-tab");
+    await filterTabs[0].trigger("click");
+    const panel = wrapper.find(".yh-filter-bar__panel-title");
+    expect(panel.exists()).toBe(true);
+    expect(panel.text()).toBe("Brand");
+  });
+});

package/dist/filter-bar/index.cjs

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

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

@@ -0,0 +1,287 @@
+import FilterBar from './src/filter-bar.vue';
+export declare const YhFilterBar: import("@yh-ui/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        sorts: {
+            type: import("vue").PropType<import("./index.js").FilterSortItem[]>;
+            default: () => never[];
+        };
+        filters: {
+            type: import("vue").PropType<import("./index.js").FilterItem[]>;
+            default: () => never[];
+        };
+        sort: {
+            type: import("vue").PropType<import("./index.js").FilterSort>;
+            default: () => import("./index.js").FilterSort;
+        };
+        filterValue: {
+            type: import("vue").PropType<import("./index.js").FilterValue>;
+            default: () => {};
+        };
+        showAll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        sticky: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        stickyOffset: {
+            type: NumberConstructor;
+            default: number;
+        };
+        filterInPanel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        themeOverrides: {
+            type: import("vue").PropType<Record<string, string>>;
+            default: () => {};
+        };
+        showGlobalFilter: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showViewToggle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        viewType: {
+            type: import("vue").PropType<"list" | "grid">;
+            default: string;
+        };
+    }>> & Readonly<{
+        onConfirm?: ((val: import("./index.js").FilterValue) => any) | undefined;
+        onReset?: (() => any) | undefined;
+        "onUpdate:sort"?: ((sort: import("./index.js").FilterSort) => any) | undefined;
+        "onUpdate:filterValue"?: ((val: import("./index.js").FilterValue) => any) | undefined;
+        "onUpdate:viewType"?: ((val: "list" | "grid") => any) | undefined;
+        onSortChange?: ((sort: import("./index.js").FilterSort) => any) | undefined;
+        onFilterChange?: ((val: import("./index.js").FilterValue) => any) | undefined;
+        onViewChange?: ((val: "list" | "grid") => any) | undefined;
+        onResetPanel?: ((filter: import("./index.js").FilterItem, _currentValues: import("./index.js").FilterValue) => any) | undefined;
+        onOpenFilter?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        confirm: (val: import("./index.js").FilterValue) => void;
+        reset: () => void;
+        "update:sort": (sort: import("./index.js").FilterSort) => void;
+        "update:filterValue": (val: import("./index.js").FilterValue) => void;
+        "update:viewType": (val: "list" | "grid") => void;
+        sortChange: (sort: import("./index.js").FilterSort) => void;
+        filterChange: (val: import("./index.js").FilterValue) => void;
+        viewChange: (val: "list" | "grid") => void;
+        resetPanel: (filter: import("./index.js").FilterItem, _currentValues: import("./index.js").FilterValue) => void;
+        openFilter: () => void;
+    }, import("vue").PublicProps, {
+        filters: import("./index.js").FilterItem[];
+        sort: import("./index.js").FilterSort;
+        showAll: boolean;
+        themeOverrides: Record<string, string>;
+        sticky: boolean;
+        sorts: import("./index.js").FilterSortItem[];
+        filterValue: import("./index.js").FilterValue;
+        stickyOffset: number;
+        filterInPanel: boolean;
+        showGlobalFilter: boolean;
+        showViewToggle: boolean;
+        viewType: "list" | "grid";
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        sorts: {
+            type: import("vue").PropType<import("./index.js").FilterSortItem[]>;
+            default: () => never[];
+        };
+        filters: {
+            type: import("vue").PropType<import("./index.js").FilterItem[]>;
+            default: () => never[];
+        };
+        sort: {
+            type: import("vue").PropType<import("./index.js").FilterSort>;
+            default: () => import("./index.js").FilterSort;
+        };
+        filterValue: {
+            type: import("vue").PropType<import("./index.js").FilterValue>;
+            default: () => {};
+        };
+        showAll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        sticky: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        stickyOffset: {
+            type: NumberConstructor;
+            default: number;
+        };
+        filterInPanel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        themeOverrides: {
+            type: import("vue").PropType<Record<string, string>>;
+            default: () => {};
+        };
+        showGlobalFilter: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showViewToggle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        viewType: {
+            type: import("vue").PropType<"list" | "grid">;
+            default: string;
+        };
+    }>> & Readonly<{
+        onConfirm?: ((val: import("./index.js").FilterValue) => any) | undefined;
+        onReset?: (() => any) | undefined;
+        "onUpdate:sort"?: ((sort: import("./index.js").FilterSort) => any) | undefined;
+        "onUpdate:filterValue"?: ((val: import("./index.js").FilterValue) => any) | undefined;
+        "onUpdate:viewType"?: ((val: "list" | "grid") => any) | undefined;
+        onSortChange?: ((sort: import("./index.js").FilterSort) => any) | undefined;
+        onFilterChange?: ((val: import("./index.js").FilterValue) => any) | undefined;
+        onViewChange?: ((val: "list" | "grid") => any) | undefined;
+        onResetPanel?: ((filter: import("./index.js").FilterItem, _currentValues: import("./index.js").FilterValue) => any) | undefined;
+        onOpenFilter?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        filters: import("./index.js").FilterItem[];
+        sort: import("./index.js").FilterSort;
+        showAll: boolean;
+        themeOverrides: Record<string, string>;
+        sticky: boolean;
+        sorts: import("./index.js").FilterSortItem[];
+        filterValue: import("./index.js").FilterValue;
+        stickyOffset: number;
+        filterInPanel: boolean;
+        showGlobalFilter: boolean;
+        showViewToggle: boolean;
+        viewType: "list" | "grid";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    sorts: {
+        type: import("vue").PropType<import("./index.js").FilterSortItem[]>;
+        default: () => never[];
+    };
+    filters: {
+        type: import("vue").PropType<import("./index.js").FilterItem[]>;
+        default: () => never[];
+    };
+    sort: {
+        type: import("vue").PropType<import("./index.js").FilterSort>;
+        default: () => import("./index.js").FilterSort;
+    };
+    filterValue: {
+        type: import("vue").PropType<import("./index.js").FilterValue>;
+        default: () => {};
+    };
+    showAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sticky: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    stickyOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    filterInPanel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    themeOverrides: {
+        type: import("vue").PropType<Record<string, string>>;
+        default: () => {};
+    };
+    showGlobalFilter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showViewToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    viewType: {
+        type: import("vue").PropType<"list" | "grid">;
+        default: string;
+    };
+}>> & Readonly<{
+    onConfirm?: ((val: import("./index.js").FilterValue) => any) | undefined;
+    onReset?: (() => any) | undefined;
+    "onUpdate:sort"?: ((sort: import("./index.js").FilterSort) => any) | undefined;
+    "onUpdate:filterValue"?: ((val: import("./index.js").FilterValue) => any) | undefined;
+    "onUpdate:viewType"?: ((val: "list" | "grid") => any) | undefined;
+    onSortChange?: ((sort: import("./index.js").FilterSort) => any) | undefined;
+    onFilterChange?: ((val: import("./index.js").FilterValue) => any) | undefined;
+    onViewChange?: ((val: "list" | "grid") => any) | undefined;
+    onResetPanel?: ((filter: import("./index.js").FilterItem, _currentValues: import("./index.js").FilterValue) => any) | undefined;
+    onOpenFilter?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    confirm: (val: import("./index.js").FilterValue) => void;
+    reset: () => void;
+    "update:sort": (sort: import("./index.js").FilterSort) => void;
+    "update:filterValue": (val: import("./index.js").FilterValue) => void;
+    "update:viewType": (val: "list" | "grid") => void;
+    sortChange: (sort: import("./index.js").FilterSort) => void;
+    filterChange: (val: import("./index.js").FilterValue) => void;
+    viewChange: (val: "list" | "grid") => void;
+    resetPanel: (filter: import("./index.js").FilterItem, _currentValues: import("./index.js").FilterValue) => void;
+    openFilter: () => void;
+}, string, {
+    filters: import("./index.js").FilterItem[];
+    sort: import("./index.js").FilterSort;
+    showAll: boolean;
+    themeOverrides: Record<string, string>;
+    sticky: boolean;
+    sorts: import("./index.js").FilterSortItem[];
+    filterValue: import("./index.js").FilterValue;
+    stickyOffset: number;
+    filterInPanel: boolean;
+    showGlobalFilter: boolean;
+    showViewToggle: boolean;
+    viewType: "list" | "grid";
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        'filter-icon'?: (props: {}) => any;
+    } & {
+        'view-icon'?: (props: {
+            viewType: "list" | "grid";
+        }) => any;
+    } & {
+        extra?: (props: {}) => any;
+    } & {
+        'panel-content'?: (props: {
+            filter: {
+                [x: string]: unknown;
+                key: string;
+                label: string;
+                type?: import("./index.js").FilterType | undefined;
+                options?: {
+                    label: string;
+                    value: string | number;
+                }[] | undefined;
+                min?: number | undefined;
+                max?: number | undefined;
+            };
+            value: import("./index.js").FilterValue;
+            toggle: (item: import("./index.js").FilterItem, option: import("./index.js").FilterOption) => void;
+        }) => any;
+    };
+})> & Record<string, unknown>;
+export default YhFilterBar;
+export * from './src/filter-bar';
+export type FilterBarInstance = InstanceType<typeof FilterBar>;
+export type YhFilterBarInstance = FilterBarInstance;
+export type YhFilterBarProps = import('./src/filter-bar').FilterBarProps;

package/dist/filter-bar/index.mjs

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