straw-ui-vue 0.1.19 → 0.1.20

package/README.md

@@ -33,7 +33,6 @@ app.use(StrawUI);
 ```vue
 <script setup lang="ts">
 import { StButton, StInput } from 'straw-ui-vue';
-import 'straw-ui-vue/style.css';
 </script>
 
 <template>

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

@@ -1,249 +1,249 @@
-import type { ClassValue, StyleValue } from 'vue';
-
-/**
- * Select 选项数据结构
- * */
-export interface StSelectOption {
-	/** 显示文本 */
-	label: string;
-	/** 选项值 */
-	value: string | number;
-	/** 是否禁用 */
-	disabled?: boolean;
-	/** 子选项列表（用于分组） */
-	children?: StSelectOption[];
-}
-
-/**
- * Select 容器组件属性接口
- * */
-export interface StSelectContainerProps {
-	/** 绑定值 */
-	modelValue?: string | number | (string | number)[] | undefined;
-	/** 是否多选 */
-	multiple?: boolean;
-	/** 是否可筛选 */
-	filterable?: boolean;
-	/** 是否禁用 */
-	disabled?: boolean;
-}
-
-/**
- * Select 容器组件事件接口
- * */
-export interface StSelectContainerEmits {
-	/** 更新绑定值事件 */
-	'update:modelValue': [value: string | number | (string | number)[] | undefined];
-	/** 值改变事件 */
-	change: [value: string | number | (string | number)[] | undefined];
-	/** 清空事件 */
-	clear: [];
-	/** 下拉菜单显示状态改变事件 */
-	visibleChange: [visible: boolean];
-	/** 移除标签事件（多选模式） */
-	removeTag: [value: string | number];
-	/** 筛选事件 */
-	filter: [value: string];
-}
-
-/**
- * Select 容器组件暴露的方法接口
- * */
-export interface StSelectContainerExpose {
-	/** 可见状态 */
-	visible: boolean;
-	/** 筛选文本 */
-	filterText: string;
-	/** 筛选聚焦状态 */
-	filterFocused: boolean;
-	/** 鼠标悬停状态 */
-	isHovered: boolean;
-	/** 触发器宽度 */
-	triggerWidth: number;
-}
-
-/**
- * SelectTrigger 触发器组件属性接口
- * */
-export interface StSelectTriggerProps {
-	/** 自定义类名 */
-	class?: ClassValue;
-	/** 自定义样式 */
-	style?: StyleValue;
-	/** 占位符 */
-	placeholder?: string;
-	/** 是否禁用 */
-	disabled?: boolean;
-	/** 是否可清空 */
-	clearable?: boolean;
-	/** 显示的值 */
-	displayValue?: string;
-	/** 是否显示清除图标 */
-	showClear?: boolean;
-}
-
-/**
- * SelectTrigger 触发器组件事件接口
- * */
-export interface StSelectTriggerEmits {
-	/** 清空事件 */
-	clear: [];
-	/** 点击事件 */
-	click: [event: MouseEvent];
-}
-
-/**
- * SelectTrigger 触发器组件暴露的方法接口
- * */
-export interface StSelectTriggerExpose {
-	/** 聚焦方法 */
-	focus: () => void;
-	/** 失焦方法 */
-	blur: () => void;
-	/** 元素引用 */
-	$el: any;
-}
-
-/**
- * SelectContent 内容组件属性接口
- * */
-export interface StSelectContentProps {
-	/** 自定义类名 */
-	class?: ClassValue;
-	/** 自定义样式 */
-	style?: StyleValue;
-}
-
-/**
- * SelectItem 选项组件属性接口
- * */
-export interface StSelectItemProps {
-	/** 自定义类名 */
-	class?: ClassValue;
-	/** 自定义样式 */
-	style?: StyleValue;
-	/** 选项值 */
-	value: string | number;
-	/** 显示文本 */
-	label?: string;
-	/** 是否禁用 */
-	disabled?: boolean;
-}
-
-/**
- * SelectGroup 分组组件属性接口
- * */
-export interface StSelectGroupProps {
-	/** 自定义类名 */
-	class?: ClassValue;
-	/** 自定义样式 */
-	style?: StyleValue;
-	/** 分组标签 */
-	label: string;
-}
-
-/**
- * SelectEmpty 空状态组件属性接口
- * */
-export interface StSelectEmptyProps {
-	/** 自定义类名 */
-	class?: ClassValue;
-	/** 自定义样式 */
-	style?: StyleValue;
-}
-
-/**
- * StSelect 封装组件属性接口（向后兼容）
- * */
-export interface StSelectProps {
-	/** 选项列表 */
-	list?: StSelectOption[];
-	/** 显示文本的字段名 */
-	labelKey?: string;
-	/** 值的字段名 */
-	valueKey?: string;
-	/** 占位符文本 */
-	placeholder?: string;
-	/** 是否禁用 */
-	disabled?: boolean;
-	/** 是否可清空 */
-	clearable?: boolean;
-	/** 是否多选 */
-	multiple?: boolean;
-	/** 是否可筛选 */
-	filterable?: boolean;
-	/** 是否分组 */
-	group?: boolean;
-	/** popover 下拉菜单的类名 */
-	popoverClass?: ClassValue;
-	/** popover 下拉菜单的样式 */
-	popoverStyle?: StyleValue;
-	/** 触发元素的类名 */
-	triggerClass?: ClassValue;
-	/** 触发元素的样式 */
-	triggerStyle?: StyleValue;
-	/** 下拉容器的类名 */
-	dropdownClass?: ClassValue;
-	/** 下拉容器的样式 */
-	dropdownStyle?: StyleValue;
-	/** 内容区域的类名 */
-	contentClass?: ClassValue;
-	/** 内容区域的样式 */
-	contentStyle?: StyleValue;
-	/** 选项的类名 */
-	optionClass?: ClassValue;
-	/** 选项的样式 */
-	optionStyle?: StyleValue;
-	/** 分组标签的类名 */
-	groupLabelClass?: ClassValue;
-	/** 分组标签的样式 */
-	groupLabelStyle?: StyleValue;
-	/** 空状态的类名 */
-	emptyClass?: ClassValue;
-	/** 空状态的样式 */
-	emptyStyle?: StyleValue;
-}
-
-/**
- * StSelect 封装组件事件接口
- * */
-export interface StSelectEmits {
-	/** 更新绑定值事件 */
-	'update:modelValue': [value: string | number | (string | number)[] | undefined];
-	/** 值改变事件 */
-	change: [value: string | number | (string | number)[] | undefined];
-	/** 清空事件 */
-	clear: [];
-	/** 下拉菜单显示状态改变事件 */
-	visibleChange: [visible: boolean];
-	/** 移除标签事件（多选模式） */
-	removeTag: [value: string | number];
-	/** 筛选事件 */
-	filter: [value: string];
-}
-
-/**
- * StSelect 封装组件插槽接口
- * */
-export interface StSelectSlots {
-	/** 默认插槽 */
-	default?: () => unknown;
-	/** 空状态插槽 */
-	empty?: () => unknown;
-	/** 前缀插槽 */
-	prefix?: () => unknown;
-}
-
-/**
- * StSelect 封装组件暴露的方法接口
- * */
-export interface StSelectExpose {
-	/** 聚焦方法 */
-	focus: () => void;
-	/** 失焦方法 */
-	blur: () => void;
-	/** 清空方法 */
-	clear: () => void;
-}
-
-export {};
+import type { ClassValue, StyleValue } from 'vue';
+
+/**
+ * Select 选项数据结构
+ * */
+export interface StSelectOption {
+	/** 显示文本 */
+	label: string;
+	/** 选项值 */
+	value: string | number;
+	/** 是否禁用 */
+	disabled?: boolean;
+	/** 子选项列表（用于分组） */
+	children?: StSelectOption[];
+}
+
+/**
+ * Select 容器组件属性接口
+ * */
+export interface StSelectContainerProps {
+	/** 绑定值 */
+	modelValue?: string | number | (string | number)[] | undefined;
+	/** 是否多选 */
+	multiple?: boolean;
+	/** 是否可筛选 */
+	filterable?: boolean;
+	/** 是否禁用 */
+	disabled?: boolean;
+}
+
+/**
+ * Select 容器组件事件接口
+ * */
+export interface StSelectContainerEmits {
+	/** 更新绑定值事件 */
+	'update:modelValue': [value: string | number | (string | number)[] | undefined];
+	/** 值改变事件 */
+	change: [value: string | number | (string | number)[] | undefined];
+	/** 清空事件 */
+	clear: [];
+	/** 下拉菜单显示状态改变事件 */
+	visibleChange: [visible: boolean];
+	/** 移除标签事件（多选模式） */
+	removeTag: [value: string | number];
+	/** 筛选事件 */
+	filter: [value: string];
+}
+
+/**
+ * Select 容器组件暴露的方法接口
+ * */
+export interface StSelectContainerExpose {
+	/** 可见状态 */
+	visible: boolean;
+	/** 筛选文本 */
+	filterText: string;
+	/** 筛选聚焦状态 */
+	filterFocused: boolean;
+	/** 鼠标悬停状态 */
+	isHovered: boolean;
+	/** 触发器宽度 */
+	triggerWidth: number;
+}
+
+/**
+ * SelectTrigger 触发器组件属性接口
+ * */
+export interface StSelectTriggerProps {
+	/** 自定义类名 */
+	class?: ClassValue;
+	/** 自定义样式 */
+	style?: StyleValue;
+	/** 占位符 */
+	placeholder?: string;
+	/** 是否禁用 */
+	disabled?: boolean;
+	/** 是否可清空 */
+	clearable?: boolean;
+	/** 显示的值 */
+	displayValue?: string;
+	/** 是否显示清除图标 */
+	showClear?: boolean;
+}
+
+/**
+ * SelectTrigger 触发器组件事件接口
+ * */
+export interface StSelectTriggerEmits {
+	/** 清空事件 */
+	clear: [];
+	/** 点击事件 */
+	click: [event: MouseEvent];
+}
+
+/**
+ * SelectTrigger 触发器组件暴露的方法接口
+ * */
+export interface StSelectTriggerExpose {
+	/** 聚焦方法 */
+	focus: () => void;
+	/** 失焦方法 */
+	blur: () => void;
+	/** 元素引用 */
+	$el: any;
+}
+
+/**
+ * SelectContent 内容组件属性接口
+ * */
+export interface StSelectContentProps {
+	/** 自定义类名 */
+	class?: ClassValue;
+	/** 自定义样式 */
+	style?: StyleValue;
+}
+
+/**
+ * SelectItem 选项组件属性接口
+ * */
+export interface StSelectItemProps {
+	/** 自定义类名 */
+	class?: ClassValue;
+	/** 自定义样式 */
+	style?: StyleValue;
+	/** 选项值 */
+	value: string | number;
+	/** 显示文本 */
+	label?: string;
+	/** 是否禁用 */
+	disabled?: boolean;
+}
+
+/**
+ * SelectGroup 分组组件属性接口
+ * */
+export interface StSelectGroupProps {
+	/** 自定义类名 */
+	class?: ClassValue;
+	/** 自定义样式 */
+	style?: StyleValue;
+	/** 分组标签 */
+	label: string;
+}
+
+/**
+ * SelectEmpty 空状态组件属性接口
+ * */
+export interface StSelectEmptyProps {
+	/** 自定义类名 */
+	class?: ClassValue;
+	/** 自定义样式 */
+	style?: StyleValue;
+}
+
+/**
+ * StSelect 封装组件属性接口（向后兼容）
+ * */
+export interface StSelectProps {
+	/** 选项列表 */
+	list?: StSelectOption[];
+	/** 显示文本的字段名 */
+	labelKey?: string;
+	/** 值的字段名 */
+	valueKey?: string;
+	/** 占位符文本 */
+	placeholder?: string;
+	/** 是否禁用 */
+	disabled?: boolean;
+	/** 是否可清空 */
+	clearable?: boolean;
+	/** 是否多选 */
+	multiple?: boolean;
+	/** 是否可筛选 */
+	filterable?: boolean;
+	/** 是否分组 */
+	group?: boolean;
+	/** popover 下拉菜单的类名 */
+	popoverClass?: ClassValue;
+	/** popover 下拉菜单的样式 */
+	popoverStyle?: StyleValue;
+	/** 触发元素的类名 */
+	triggerClass?: ClassValue;
+	/** 触发元素的样式 */
+	triggerStyle?: StyleValue;
+	/** 下拉容器的类名 */
+	dropdownClass?: ClassValue;
+	/** 下拉容器的样式 */
+	dropdownStyle?: StyleValue;
+	/** 内容区域的类名 */
+	contentClass?: ClassValue;
+	/** 内容区域的样式 */
+	contentStyle?: StyleValue;
+	/** 选项的类名 */
+	optionClass?: ClassValue;
+	/** 选项的样式 */
+	optionStyle?: StyleValue;
+	/** 分组标签的类名 */
+	groupLabelClass?: ClassValue;
+	/** 分组标签的样式 */
+	groupLabelStyle?: StyleValue;
+	/** 空状态的类名 */
+	emptyClass?: ClassValue;
+	/** 空状态的样式 */
+	emptyStyle?: StyleValue;
+}
+
+/**
+ * StSelect 封装组件事件接口
+ * */
+export interface StSelectEmits {
+	/** 更新绑定值事件 */
+	'update:modelValue': [value: string | number | (string | number)[] | undefined];
+	/** 值改变事件 */
+	change: [value: string | number | (string | number)[] | undefined];
+	/** 清空事件 */
+	clear: [];
+	/** 下拉菜单显示状态改变事件 */
+	visibleChange: [visible: boolean];
+	/** 移除标签事件（多选模式） */
+	removeTag: [value: string | number];
+	/** 筛选事件 */
+	filter: [value: string];
+}
+
+/**
+ * StSelect 封装组件插槽接口
+ * */
+export interface StSelectSlots {
+	/** 默认插槽 */
+	default?: () => unknown;
+	/** 空状态插槽 */
+	empty?: () => unknown;
+	/** 前缀插槽 */
+	prefix?: () => unknown;
+}
+
+/**
+ * StSelect 封装组件暴露的方法接口
+ * */
+export interface StSelectExpose {
+	/** 聚焦方法 */
+	focus: () => void;
+	/** 失焦方法 */
+	blur: () => void;
+	/** 清空方法 */
+	clear: () => void;
+}
+
+export {};