straw-ui-vue 0.1.0

package/dist/components/st-radio-group/st-radio-group.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,66 @@
+import { cn as e } from "../../utils/cn.js";
+import { cva as t } from "../../utils/cva/index.js";
+import n from "../st-radio/st-radio.vue.js";
+import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, createTextVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, normalizeClass as d, normalizeProps as f, normalizeStyle as p, openBlock as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useAttrs as y, useModel as b, withCtx as x } from "vue";
+//#region src/components/st-radio-group/st-radio-group.vue?vue&type=script&setup=true&lang.ts
+var S = /*@__PURE__*/ c({
+	inheritAttrs: !1,
+	__name: "st-radio-group",
+	props: /*@__PURE__*/ l({
+		list: { default: void 0 },
+		labelKey: { default: "label" },
+		valueKey: { default: "value" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		direction: { default: "horizontal" }
+	}, {
+		modelValue: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(c) {
+		let l = y(), S = c, C = b(c, "modelValue"), w = i(() => !!(S.list && S.list.length > 0)), T = t({
+			base: "flex",
+			variants: { direction: {
+				horizontal: "flex-row gap-4",
+				vertical: "flex-col gap-2"
+			} },
+			defaultVariants: { direction: "horizontal" }
+		}), E = i(() => e(T({ direction: S.direction }), l.class));
+		function D(e) {
+			return String(e[S.labelKey] ?? "");
+		}
+		function O(e) {
+			let t = e[S.valueKey];
+			return typeof t == "boolean" ? String(t) : t;
+		}
+		return (e, t) => (m(), o("div", {
+			class: d(E.value),
+			style: p(v(l).style)
+		}, [w.value ? (m(!0), o(r, { key: 0 }, h(S.list, (e) => (m(), a(n, {
+			key: O(e),
+			modelValue: C.value,
+			"onUpdate:modelValue": t[0] ||= (e) => C.value = e,
+			disabled: S.disabled,
+			value: O(e)
+		}, {
+			default: x(() => [s(_(D(e)), 1)]),
+			_: 2
+		}, 1032, [
+			"modelValue",
+			"disabled",
+			"value"
+		]))), 128)) : g(e.$slots, "default", f(u({ key: 1 }, {
+			modelValue: C.value,
+			disabled: S.disabled
+		})))], 6));
+	}
+});
+//#endregion
+export { S as default };

package/dist/components/st-radio-group/types.d.ts

@@ -0,0 +1,43 @@
+/**
+ * RadioGroup 组件属性接口
+ * 用于定义单选框组件组的属性
+ * */
+export interface RadioGroupProps {
+	/**
+	 * 单选框选项列表
+	 * */
+	list?: RadioGroupItem[];
+	/**
+	 * 用于显示的标签字段名
+	 * */
+	labelKey?: string;
+	/**
+	 * 用于值的字段名
+	 * */
+	valueKey?: string;
+	/**
+	 * 单选框禁用状态
+	 * */
+	disabled?: boolean;
+	/**
+	 * 排列方向
+	 * */
+	direction?: RadioGroupDirection;
+}
+
+/**
+ * 单选框选项项接口
+ * */
+export interface RadioGroupItem {
+	/**
+	 * 选项标签
+	 * */
+	[key: string]: unknown;
+}
+
+/**
+ * 单选框组排列方向类型
+ * */
+export type RadioGroupDirection = 'horizontal' | 'vertical';
+
+export {};

package/dist/components/st-radio-group.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../utils/with-install.cjs"),t=require("./st-radio-group/st-radio-group.vue.cjs");var n=e.withInstall(t.default);exports.StRadioGroup=n,exports.default=n;

package/dist/components/st-radio-group.js

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../utils/with-install.js";
+import t from "./st-radio-group/st-radio-group.vue.js";
+//#region src/components/st-radio-group/index.ts
+var n = e(t);
+//#endregion
+export { n as StRadioGroup, n as default };

package/dist/components/st-radio.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../utils/with-install.cjs"),t=require("./st-radio/st-radio.vue.cjs");var n=e.withInstall(t.default);exports.StRadio=n,exports.default=n;

package/dist/components/st-radio.js

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../utils/with-install.js";
+import t from "./st-radio/st-radio.vue.js";
+//#region src/components/st-radio/index.ts
+var n = e(t);
+//#endregion
+export { n as StRadio, n as default };

package/dist/components/st-select/index.d.ts

@@ -0,0 +1,306 @@
+export declare const StSelect: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").SelectProps & {
+            modelValue?: string | number | (string | number)[] | undefined;
+        }> & Readonly<{
+            onChange?: (value: string | number | (string | number)[]) => any;
+            onFilter?: (value: string) => any;
+            onClear?: () => any;
+            "onUpdate:modelValue"?: (...args: unknown[]) => any;
+            onVisibleChange?: (visible: boolean) => any;
+            onRemoveTag?: (value: string | number) => any;
+        }>, import("./types.d.ts").SelectExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            change: (value: string | number | (string | number)[]) => any;
+            filter: (value: string) => any;
+            clear: () => any;
+            "update:modelValue": (...args: unknown[]) => any;
+            visibleChange: (visible: boolean) => any;
+            removeTag: (value: string | number) => any;
+        }, import("vue").PublicProps, {
+            disabled: boolean;
+            list: import("./types.d.ts").SelectOption[];
+            labelKey: string;
+            valueKey: string;
+            placeholder: string;
+            clearable: boolean;
+            popoverStyle: string | Record<string, string>;
+            multiple: boolean;
+            filterable: boolean;
+            group: boolean;
+            popoverClass: string;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").SelectProps & {
+            modelValue?: string | number | (string | number)[] | undefined;
+        }> & Readonly<{
+            onChange?: (value: string | number | (string | number)[]) => any;
+            onFilter?: (value: string) => any;
+            onClear?: () => any;
+            "onUpdate:modelValue"?: (...args: unknown[]) => any;
+            onVisibleChange?: (visible: boolean) => any;
+            onRemoveTag?: (value: string | number) => any;
+        }>, import("./types.d.ts").SelectExpose, {}, {}, {}, {
+            disabled: boolean;
+            list: import("./types.d.ts").SelectOption[];
+            labelKey: string;
+            valueKey: string;
+            placeholder: string;
+            clearable: boolean;
+            popoverStyle: string | Record<string, string>;
+            multiple: boolean;
+            filterable: boolean;
+            group: boolean;
+            popoverClass: string;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").SelectProps & {
+        modelValue?: string | number | (string | number)[] | undefined;
+    }> & Readonly<{
+        onChange?: (value: string | number | (string | number)[]) => any;
+        onFilter?: (value: string) => any;
+        onClear?: () => any;
+        "onUpdate:modelValue"?: (...args: unknown[]) => any;
+        onVisibleChange?: (visible: boolean) => any;
+        onRemoveTag?: (value: string | number) => any;
+    }>, import("./types.d.ts").SelectExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (value: string | number | (string | number)[]) => any;
+        filter: (value: string) => any;
+        clear: () => any;
+        "update:modelValue": (...args: unknown[]) => any;
+        visibleChange: (visible: boolean) => any;
+        removeTag: (value: string | number) => any;
+    }, string, {
+        disabled: boolean;
+        list: import("./types.d.ts").SelectOption[];
+        labelKey: string;
+        valueKey: string;
+        placeholder: string;
+        clearable: boolean;
+        popoverStyle: string | Record<string, string>;
+        multiple: boolean;
+        filterable: boolean;
+        group: boolean;
+        popoverClass: string;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            prefix?: (props: {}) => any;
+        } & {
+            empty?: (props: {}) => any;
+        };
+    })>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        [x: string]: any;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").SelectProps & {
+            modelValue?: string | number | (string | number)[] | undefined;
+        }> & Readonly<{
+            onChange?: (value: string | number | (string | number)[]) => any;
+            onFilter?: (value: string) => any;
+            onClear?: () => any;
+            "onUpdate:modelValue"?: (...args: unknown[]) => any;
+            onVisibleChange?: (visible: boolean) => any;
+            onRemoveTag?: (value: string | number) => any;
+        }>, import("./types.d.ts").SelectExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            change: (value: string | number | (string | number)[]) => any;
+            filter: (value: string) => any;
+            clear: () => any;
+            "update:modelValue": (...args: unknown[]) => any;
+            visibleChange: (visible: boolean) => any;
+            removeTag: (value: string | number) => any;
+        }, import("vue").PublicProps, {
+            disabled: boolean;
+            list: import("./types.d.ts").SelectOption[];
+            labelKey: string;
+            valueKey: string;
+            placeholder: string;
+            clearable: boolean;
+            popoverStyle: string | Record<string, string>;
+            multiple: boolean;
+            filterable: boolean;
+            group: boolean;
+            popoverClass: string;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").SelectProps & {
+            modelValue?: string | number | (string | number)[] | undefined;
+        }> & Readonly<{
+            onChange?: (value: string | number | (string | number)[]) => any;
+            onFilter?: (value: string) => any;
+            onClear?: () => any;
+            "onUpdate:modelValue"?: (...args: unknown[]) => any;
+            onVisibleChange?: (visible: boolean) => any;
+            onRemoveTag?: (value: string | number) => any;
+        }>, import("./types.d.ts").SelectExpose, {}, {}, {}, {
+            disabled: boolean;
+            list: import("./types.d.ts").SelectOption[];
+            labelKey: string;
+            valueKey: string;
+            placeholder: string;
+            clearable: boolean;
+            popoverStyle: string | Record<string, string>;
+            multiple: boolean;
+            filterable: boolean;
+            group: boolean;
+            popoverClass: string;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").SelectProps & {
+        modelValue?: string | number | (string | number)[] | undefined;
+    }> & Readonly<{
+        onChange?: (value: string | number | (string | number)[]) => any;
+        onFilter?: (value: string) => any;
+        onClear?: () => any;
+        "onUpdate:modelValue"?: (...args: unknown[]) => any;
+        onVisibleChange?: (visible: boolean) => any;
+        onRemoveTag?: (value: string | number) => any;
+    }>, import("./types.d.ts").SelectExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (value: string | number | (string | number)[]) => any;
+        filter: (value: string) => any;
+        clear: () => any;
+        "update:modelValue": (...args: unknown[]) => any;
+        visibleChange: (visible: boolean) => any;
+        removeTag: (value: string | number) => any;
+    }, string, {
+        disabled: boolean;
+        list: import("./types.d.ts").SelectOption[];
+        labelKey: string;
+        valueKey: string;
+        placeholder: string;
+        clearable: boolean;
+        popoverStyle: string | Record<string, string>;
+        multiple: boolean;
+        filterable: boolean;
+        group: boolean;
+        popoverClass: string;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            prefix?: (props: {}) => any;
+        } & {
+            empty?: (props: {}) => any;
+        };
+    })>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, {
+        [x: string]: any;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").SelectProps & {
+        modelValue?: string | number | (string | number)[] | undefined;
+    }> & Readonly<{
+        onChange?: (value: string | number | (string | number)[]) => any;
+        onFilter?: (value: string) => any;
+        onClear?: () => any;
+        "onUpdate:modelValue"?: (...args: unknown[]) => any;
+        onVisibleChange?: (visible: boolean) => any;
+        onRemoveTag?: (value: string | number) => any;
+    }>, import("./types.d.ts").SelectExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (value: string | number | (string | number)[]) => any;
+        filter: (value: string) => any;
+        clear: () => any;
+        "update:modelValue": (...args: unknown[]) => any;
+        visibleChange: (visible: boolean) => any;
+        removeTag: (value: string | number) => any;
+    }, import("vue").PublicProps, {
+        disabled: boolean;
+        list: import("./types.d.ts").SelectOption[];
+        labelKey: string;
+        valueKey: string;
+        placeholder: string;
+        clearable: boolean;
+        popoverStyle: string | Record<string, string>;
+        multiple: boolean;
+        filterable: boolean;
+        group: boolean;
+        popoverClass: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types.d.ts").SelectProps & {
+        modelValue?: string | number | (string | number)[] | undefined;
+    }> & Readonly<{
+        onChange?: (value: string | number | (string | number)[]) => any;
+        onFilter?: (value: string) => any;
+        onClear?: () => any;
+        "onUpdate:modelValue"?: (...args: unknown[]) => any;
+        onVisibleChange?: (visible: boolean) => any;
+        onRemoveTag?: (value: string | number) => any;
+    }>, import("./types.d.ts").SelectExpose, {}, {}, {}, {
+        disabled: boolean;
+        list: import("./types.d.ts").SelectOption[];
+        labelKey: string;
+        valueKey: string;
+        placeholder: string;
+        clearable: boolean;
+        popoverStyle: string | Record<string, string>;
+        multiple: boolean;
+        filterable: boolean;
+        group: boolean;
+        popoverClass: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").SelectProps & {
+    modelValue?: string | number | (string | number)[] | undefined;
+}> & Readonly<{
+    onChange?: (value: string | number | (string | number)[]) => any;
+    onFilter?: (value: string) => any;
+    onClear?: () => any;
+    "onUpdate:modelValue"?: (...args: unknown[]) => any;
+    onVisibleChange?: (visible: boolean) => any;
+    onRemoveTag?: (value: string | number) => any;
+}>, import("./types.d.ts").SelectExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string | number | (string | number)[]) => any;
+    filter: (value: string) => any;
+    clear: () => any;
+    "update:modelValue": (...args: unknown[]) => any;
+    visibleChange: (visible: boolean) => any;
+    removeTag: (value: string | number) => any;
+}, string, {
+    disabled: boolean;
+    list: import("./types.d.ts").SelectOption[];
+    labelKey: string;
+    valueKey: string;
+    placeholder: string;
+    clearable: boolean;
+    popoverStyle: string | Record<string, string>;
+    multiple: boolean;
+    filterable: boolean;
+    group: boolean;
+    popoverClass: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        prefix?: (props: {}) => any;
+    } & {
+        empty?: (props: {}) => any;
+    };
+})>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    [x: string]: any;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & (import("vue").VNodeProps & (import("vue").AllowedComponentProps & (import("vue").ComponentCustomProps & import("vue").Plugin)));
+export default StSelect;
+export type * from './types.d.ts';

package/dist/components/st-select/st-select.vue.cjs

@@ -0,0 +1 @@
+var e=require("./st-select.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;

package/dist/components/st-select/st-select.vue.d.ts

@@ -0,0 +1,47 @@
+import type { SelectExpose, SelectOption, SelectProps } from './types.d.ts';
+type __VLS_Props = SelectProps;
+type __VLS_ModelProps = {
+    modelValue?: string | number | (string | number)[] | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_27: {}, __VLS_31: {};
+type __VLS_Slots = {} & {
+    prefix?: (props: typeof __VLS_27) => any;
+} & {
+    empty?: (props: typeof __VLS_31) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, SelectExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string | number | (string | number)[]) => any;
+    filter: (value: string) => any;
+    clear: () => any;
+    "update:modelValue": (...args: unknown[]) => any;
+    visibleChange: (visible: boolean) => any;
+    removeTag: (value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: (value: string | number | (string | number)[]) => any;
+    onFilter?: (value: string) => any;
+    onClear?: () => any;
+    "onUpdate:modelValue"?: (...args: unknown[]) => any;
+    onVisibleChange?: (visible: boolean) => any;
+    onRemoveTag?: (value: string | number) => any;
+}>, {
+    disabled: boolean;
+    list: SelectOption[];
+    labelKey: string;
+    valueKey: string;
+    placeholder: string;
+    clearable: boolean;
+    popoverStyle: string | Record<string, string>;
+    multiple: boolean;
+    filterable: boolean;
+    group: boolean;
+    popoverClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/st-select/st-select.vue.js

@@ -0,0 +1,5 @@
+import e from "./st-select.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/st-select/st-select.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/st-select/st-select.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const e=require("../../utils/cn.cjs"),t=require("../st-input/st-input.vue.cjs"),n=require("../st-popover/st-popover.vue.cjs");let r=require("vue");var i={class:`st-select__dropdown max-h-60 w-full overflow-auto px-1 py-1.5`},a={class:`st-select__group-label px-3 py-2 text-xs font-semibold text-muted-foreground`},o=[`onClick`],s={class:`flex-1 truncate text-foreground`},c={key:0,class:`st-select__check text-primary`},l=[`onClick`],u={class:`flex-1 truncate text-foreground`},d={key:0,class:`st-select__check text-primary`},f={key:1,class:`st-select__empty px-3 py-2 text-center text-muted-foreground`},p=(0,r.defineComponent)({name:`StSelect`,inheritAttrs:!1,__name:`st-select`,props:(0,r.mergeModels)({list:{default:()=>[]},labelKey:{default:`label`},valueKey:{default:`value`},placeholder:{default:``},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},filterable:{type:Boolean,default:!1},group:{type:Boolean,default:!1},popoverClass:{default:``},popoverStyle:{default:``}},{modelValue:{default:void 0},modelModifiers:{}}),emits:(0,r.mergeModels)([`update:modelValue`,`change`,`clear`,`visibleChange`,`removeTag`,`filter`],[`update:modelValue`]),setup(p,{expose:m,emit:h}){(0,r.useSlots)();let g=(0,r.useAttrs)(),_=p,v=h,y=(0,r.useModel)(p,`modelValue`),b=(0,r.ref)(null),x=(0,r.ref)(null),S=(0,r.ref)(!1),C=(0,r.ref)(``),w=(0,r.ref)(!1),T=(0,r.ref)(!1),E=(0,r.ref)(0),D=e=>String(e.label),O=e=>e.value,k=(e,t)=>e[t],A=(0,r.computed)(()=>_.list.map(e=>{if(typeof e==`object`&&e){let t=e,n=k(t,_.labelKey),r=k(t,_.valueKey);return{label:String(n??``),value:r,disabled:e.disabled,children:e.children}}return{label:String(e),value:e}})),j=(0,r.computed)(()=>{if(!_.group)return A.value;let e=[];return A.value.forEach(t=>{t.children&&t.children.length>0&&e.push(...t.children)}),e}),M=(0,r.computed)(()=>{if(!_.filterable||!C.value)return _.group?j.value:A.value;let e=C.value.toLowerCase();return(_.group?j.value:A.value).filter(t=>t.label.toLowerCase().includes(e))}),N=(0,r.computed)(()=>{if(!_.group)return[];if(!_.filterable||!C.value)return A.value.filter(e=>e.children&&e.children.length>0).map(e=>({label:e.label,children:e.children}));let e=C.value.toLowerCase();return A.value.filter(e=>e.children&&e.children.length>0).map(t=>({label:t.label,children:t.children.filter(t=>t.label.toLowerCase().includes(e))})).filter(e=>e.children.length>0)}),P=(0,r.computed)(()=>{if(!_.multiple||!Array.isArray(y.value))return[];let e=y.value,t=_.group?j.value:A.value;return e.map(e=>{let n=t.find(t=>t.value===e);return n?n.label:``}).filter(e=>e!==``)}),F=(0,r.computed)(()=>{if(_.multiple||y.value===void 0)return``;let e=(_.group?j.value:A.value).find(e=>e.value===y.value);return e?e.label:``}),I=e=>_.multiple&&Array.isArray(y.value)?y.value.includes(e.value):y.value===e.value,L=(0,r.computed)(()=>e.cn(`st-select`,g.class,{"st-select--focused":S.value})),R=(0,r.computed)(()=>e.cn(`st-select__arrow`,`inline-flex items-center transition-transform duration-200`,{"rotate-180":S.value})),z=(0,r.computed)(()=>!_.clearable||_.disabled?!1:_.multiple?Array.isArray(y.value)&&y.value.length>0&&T.value:y.value!==void 0&&y.value!==null&&T.value),B=(0,r.computed)(()=>_.filterable&&w.value&&!_.multiple?C.value:_.multiple?P.value.join(`,`):F.value),V=(0,r.computed)(()=>_.filterable&&w.value&&!_.multiple?F.value||_.placeholder||`请选择`:(_.multiple?P.value.length>0:F.value)?``:_.placeholder||`请选择`),H=(0,r.computed)(()=>_.popoverStyle?_.popoverStyle:E.value>0?{width:`${E.value}px`}:{}),U=t=>e.cn(`st-select__option`,`flex items-center gap-2 px-3 py-1.25 rounded-radius cursor-pointer transition-colors duration-100 select-none whitespace-nowrap text-3.25 leading-5 text-foreground`,`hover:bg-accent`,{"st-select__option--selected bg-accent":I(t),"st-select__option--disabled cursor-not-allowed opacity-50":t.disabled}),W=e=>{if(!e.disabled)if(_.multiple){let t=Array.isArray(y.value)?[...y.value]:[],n=t.indexOf(e.value);n>-1?t.splice(n,1):t.push(e.value),y.value=t,v(`change`,t)}else y.value=e.value,v(`change`,e.value),S.value=!1,C.value=``},G=()=>{_.disabled||(y.value,y.value=_.multiple?[]:void 0,v(`clear`),v(`change`,_.multiple?[]:void 0))},K=()=>{T.value=!0},q=()=>{T.value=!1},J=e=>{v(`filter`,e.target.value)},Y=e=>{_.filterable&&w.value&&(C.value=String(e))},X=e=>{v(`visibleChange`,e),e?(b.value&&(E.value=b.value.$el.getBoundingClientRect().width),_.filterable&&!_.multiple&&(w.value=!0)):(w.value=!1,C.value=``)};return m({focus:()=>{b.value?.focus()},blur:()=>{b.value?.blur()},clear:()=>{G()}}),(e,p)=>((0,r.openBlock)(),(0,r.createBlock)(n.default,{ref_key:`popoverRef`,ref:x,visible:S.value,"onUpdate:visible":p[0]||=e=>S.value=e,disabled:_.disabled,"show-arrow":!1,class:(0,r.normalizeClass)(_.popoverClass),style:(0,r.normalizeStyle)(H.value),placement:`bottom-left`,trigger:`click`,onVisibleChange:X},{trigger:(0,r.withCtx)(()=>[(0,r.createVNode)(t.default,{ref_key:`selectRef`,ref:b,class:(0,r.normalizeClass)(L.value),style:(0,r.normalizeStyle)((0,r.unref)(g).style),clearable:z.value,disabled:_.disabled,placeholder:V.value,readonly:!_.filterable,"model-value":B.value,onClear:G,onInput:J,"onUpdate:modelValue":Y,onMouseenter:K,onMouseleave:q},(0,r.createSlots)({suffix:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`span`,{class:(0,r.normalizeClass)(R.value)},[...p[1]||=[(0,r.createElementVNode)(`i`,{class:`i-ri-arrow-down-s-line`},null,-1)]],2)]),_:2},[e.$slots.prefix?{name:`prefix`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`prefix`)]),key:`0`}:void 0]),1032,[`class`,`style`,`clearable`,`disabled`,`placeholder`,`readonly`,`model-value`])]),content:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,i,[M.value.length>0?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:0},[_.group?((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,{key:0},(0,r.renderList)(N.value,e=>((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:e.label},[(0,r.createElementVNode)(`div`,a,(0,r.toDisplayString)(e.label),1),((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(e.children,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:O(e),class:(0,r.normalizeClass)(U(e)),onClick:t=>W(e)},[(0,r.createElementVNode)(`span`,s,(0,r.toDisplayString)(D(e)),1),I(e)?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,c,[...p[2]||=[(0,r.createElementVNode)(`i`,{class:`i-ri-check-line`},null,-1)]])):(0,r.createCommentVNode)(``,!0)],10,o))),128))],64))),128)):((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,{key:1},(0,r.renderList)(M.value,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:O(e),class:(0,r.normalizeClass)(U(e)),onClick:t=>W(e)},[(0,r.createElementVNode)(`span`,u,(0,r.toDisplayString)(D(e)),1),I(e)?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,d,[...p[3]||=[(0,r.createElementVNode)(`i`,{class:`i-ri-check-line`},null,-1)]])):(0,r.createCommentVNode)(``,!0)],10,l))),128))],64)):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[e.$slots.empty?(0,r.renderSlot)(e.$slots,`empty`,{key:0}):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,f,`暂无数据`))],64))])]),_:3},8,[`visible`,`disabled`,`class`,`style`]))}});exports.default=p;