straw-ui-vue 0.1.20 → 0.1.21

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

@@ -1,415 +1,415 @@
-import type { ClassValue, Ref, StyleValue } from 'vue';
-import type { StButtonEmits, StButtonProps, StButtonSlots } from '../st-button/types.d.ts';
-
-/**
- * 输入框类型
- * */
-export type StInputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
-
-// ============================================================
-// StInput 组件类型
-// ============================================================
-
-/**
- * 输入框组件属性接口
- * */
-export interface StInputProps {
-	/** 输入框类型 */
-	type?: StInputType;
-	/** 占位符文本 */
-	placeholder?: string;
-	/** 是否禁用 */
-	disabled?: boolean;
-	/** 是否可清空 */
-	clearable?: boolean;
-	/** 是否只读 */
-	readonly?: boolean;
-	/** 是否显示密码切换按钮 */
-	showPassword?: boolean;
-	/** 最大输入长度 */
-	maxlength?: number;
-	/** 最小输入长度 */
-	minlength?: number;
-	/** 是否显示字数统计 */
-	showWordLimit?: boolean;
-	/** 前缀图标名称 */
-	prefixIcon?: string;
-	/** 后缀图标名称 */
-	suffixIcon?: string;
-	/** 输入框自定义类名 */
-	inputClass?: ClassValue;
-	/** 输入框自定义样式 */
-	inputStyle?: StyleValue;
-	/** 前缀自定义类名 */
-	prefixClass?: ClassValue;
-	/** 前缀自定义样式 */
-	prefixStyle?: StyleValue;
-	/** 后缀自定义类名 */
-	suffixClass?: ClassValue;
-	/** 后缀自定义样式 */
-	suffixStyle?: StyleValue;
-	/** 清除图标自定义类名 */
-	clearIconClass?: ClassValue;
-	/** 清除图标自定义样式 */
-	clearIconStyle?: StyleValue;
-	/** 密码切换图标自定义类名 */
-	passwordToggleClass?: ClassValue;
-	/** 密码切换图标自定义样式 */
-	passwordToggleStyle?: StyleValue;
-}
-
-/**
- * 输入框组件事件接口
- * */
-export interface StInputEmits {
-	/** 输入事件 */
-	input: [event: Event];
-	/** 值改变事件 */
-	change: [event: Event];
-	/** 获得焦点事件 */
-	focus: [event: FocusEvent];
-	/** 失去焦点事件 */
-	blur: [event: FocusEvent];
-	/** 清空事件 */
-	clear: [];
-}
-
-/**
- * 输入框组件插槽接口
- * */
-export interface StInputSlots {
-	/** 前缀内容插槽 */
-	prefix?: () => unknown;
-	/** 后缀内容插槽 */
-	suffix?: () => unknown;
-	/** 前缀图标插槽 */
-	'prefix-icon'?: () => unknown;
-	/** 后缀图标插槽 */
-	'suffix-icon'?: () => unknown;
-}
-
-// ============================================================
-// StInputGroup 组件类型
-// ============================================================
-
-/**
- * InputGroup 容器组件属性接口
- * */
-export interface StInputGroupProps {
-	/** 是否禁用 */
-	disabled?: boolean;
-}
-
-/**
- * InputGroup 组件事件接口
- * */
-export interface StInputGroupEmits {}
-
-/**
- * InputGroup 组件插槽接口
- * */
-export interface StInputGroupSlots {
-	/** 默认插槽 */
-	default?: () => unknown;
-}
-
-// ============================================================
-// StInputGroupAddon 组件类型
-// ============================================================
-
-/**
- * InputGroupAddon 对齐类型
- * */
-export type StInputGroupAddonAlign = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';
-
-/**
- * InputGroupAddon 附加组件属性接口
- * */
-export interface StInputGroupAddonProps {
-	/** 对齐方式 */
-	align?: StInputGroupAddonAlign;
-}
-
-/**
- * InputGroupAddon 组件插槽接口
- * */
-export interface StInputGroupAddonSlots {
-	/** 默认插槽 */
-	default?: () => unknown;
-}
-
-/**
- * InputGroupAddon 事件类型
- * */
-export interface StInputGroupAddonEmits {
-	/** 点击事件 */
-	click: [event: MouseEvent];
-}
-
-// ============================================================
-// StInputGroupInput 组件类型
-// ============================================================
-
-/**
- * InputGroupInput 输入组件属性接口
- * */
-export interface StInputGroupInputProps {
-	/** 输入框类型 */
-	type?: StInputType;
-	/** 占位符文本 */
-	placeholder?: string;
-	/** 是否禁用 */
-	disabled?: boolean;
-	/** 是否只读 */
-	readonly?: boolean;
-	/** 最大输入长度 */
-	maxlength?: number;
-	/** 最小输入长度 */
-	minlength?: number;
-}
-
-/**
- * InputGroupInput 输入组件事件接口
- * */
-export interface StInputGroupInputEmits {
-	/** 输入事件 */
-	input: [event: Event];
-	/** 值改变事件 */
-	change: [event: Event];
-	/** 获得焦点事件 */
-	focus: [event: FocusEvent];
-	/** 失去焦点事件 */
-	blur: [event: FocusEvent];
-}
-
-/**
- * InputGroupInput 组件暴露接口
- * */
-export interface StInputGroupInputExpose {
-	/** 聚焦输入框 */
-	focus: () => void;
-	/** 失焦输入框 */
-	blur: () => void;
-	/** 选择输入框内容 */
-	select: () => void;
-	/** 输入框 DOM 引用 */
-	inputRef: Ref<HTMLInputElement | null>;
-}
-
-// ============================================================
-// StInputGroupButton 组件类型（派生自 StButton）
-// ============================================================
-
-/** InputGroupButton 组件属性接口 */
-export type StInputGroupButtonProps = StButtonProps;
-
-/** InputGroupButton 组件事件接口 */
-export type StInputGroupButtonEmits = StButtonEmits;
-
-/** InputGroupButton 组件插槽接口 */
-export type StInputGroupButtonSlots = StButtonSlots;
-
-// ============================================================
-// StInputGroupText 组件类型（派生自 InputGroupAddon）
-// ============================================================
-
-/** InputGroupText 组件属性接口 */
-export type StInputGroupTextProps = StInputGroupAddonProps;
-
-/** InputGroupText 组件事件接口 */
-export type StInputGroupTextEmits = StInputGroupAddonEmits;
-
-/** InputGroupText 组件插槽接口 */
-export type StInputGroupTextSlots = StInputGroupAddonSlots;
-
-// ============================================================
-// StInputGroupTextarea 组件类型
-// ============================================================
-
-/**
- * InputGroupTextarea 文本域组件属性接口
- * */
-export interface StInputGroupTextareaProps {
-	/** 占位符文本 */
-	placeholder?: string;
-	/** 是否禁用 */
-	disabled?: boolean;
-	/** 是否只读 */
-	readonly?: boolean;
-	/** 最大输入长度 */
-	maxlength?: number;
-	/** 最小输入长度 */
-	minlength?: number;
-	/** 可见行数 */
-	rows?: number;
-	/** 可见列数 */
-	cols?: number;
-}
-
-/**
- * InputGroupTextarea 文本域组件事件接口
- * */
-export interface StInputGroupTextareaEmits {
-	/** 输入事件 */
-	input: [event: Event];
-	/** 值改变事件 */
-	change: [event: Event];
-	/** 获得焦点事件 */
-	focus: [event: FocusEvent];
-	/** 失去焦点事件 */
-	blur: [event: FocusEvent];
-}
-
-/**
- * InputGroupTextarea 文本域组件暴露接口
- * */
-export interface StInputGroupTextareaExpose {
-	/** 聚焦文本域 */
-	focus: () => void;
-	/** 失焦文本域 */
-	blur: () => void;
-	/** 选择文本域内容 */
-	select: () => void;
-	/** 文本域 DOM 引用 */
-	textareaRef: Ref<HTMLTextAreaElement | null>;
-}
-
-// ============================================================
-// StTextarea 组件类型
-// ============================================================
-
-/**
- * 文本域组件属性接口
- * */
-export interface StTextareaProps {
-	/** 占位符文本 */
-	placeholder?: string;
-	/** 是否禁用 */
-	disabled?: boolean;
-	/** 是否可清空 */
-	clearable?: boolean;
-	/** 是否只读 */
-	readonly?: boolean;
-	/** 最大输入长度 */
-	maxlength?: number;
-	/** 最小输入长度 */
-	minlength?: number;
-	/** 可见行数 */
-	rows?: number;
-	/** 可见列数 */
-	cols?: number;
-	/** 是否显示字数统计 */
-	showWordLimit?: boolean;
-	/** 前缀图标名称 */
-	prefixIcon?: string;
-	/** 后缀图标名称 */
-	suffixIcon?: string;
-	/** 输入框自定义类名 */
-	inputClass?: ClassValue;
-	/** 输入框自定义样式 */
-	inputStyle?: StyleValue;
-	/** 前缀自定义类名 */
-	prefixClass?: ClassValue;
-	/** 前缀自定义样式 */
-	prefixStyle?: StyleValue;
-	/** 后缀自定义类名 */
-	suffixClass?: ClassValue;
-	/** 后缀自定义样式 */
-	suffixStyle?: StyleValue;
-	/** 清除图标自定义类名 */
-	clearIconClass?: ClassValue;
-	/** 清除图标自定义样式 */
-	clearIconStyle?: StyleValue;
-}
-
-/**
- * 文本域组件事件接口
- * */
-export interface StTextareaEmits {
-	/** 输入事件 */
-	input: [event: Event];
-	/** 值改变事件 */
-	change: [event: Event];
-	/** 获得焦点事件 */
-	focus: [event: FocusEvent];
-	/** 失去焦点事件 */
-	blur: [event: FocusEvent];
-	/** 清空事件 */
-	clear: [];
-}
-
-/**
- * 文本域组件插槽接口
- * */
-export interface StTextareaSlots {
-	/** 前缀内容插槽 */
-	prefix?: () => unknown;
-	/** 后缀内容插槽 */
-	suffix?: () => unknown;
-}
-
-// ============================================================
-// StInputNumber 组件类型
-// ============================================================
-
-/**
- * 数字输入框组件属性接口
- * */
-export interface StInputNumberProps {
-	/** 是否禁用 */
-	disabled?: boolean;
-	/** 最小值 */
-	min?: number;
-	/** 最大值 */
-	max?: number;
-	/** 步长 */
-	step?: number;
-	/** 数值精度（小数位数） */
-	precision?: number;
-	/** 是否显示增减按钮 */
-	controls?: boolean;
-	/** 输入框自定义类名 */
-	inputClass?: ClassValue;
-	/** 输入框自定义样式 */
-	inputStyle?: StyleValue;
-	/** 增加按钮自定义类名 */
-	increaseClass?: ClassValue;
-	/** 减少按钮自定义类名 */
-	decreaseClass?: ClassValue;
-}
-
-/**
- * 数字输入框组件事件接口
- * */
-export interface StInputNumberEmits {
-	/** 输入事件 */
-	input: [value: number | undefined];
-	/** 值改变事件 */
-	change: [value: number | undefined];
-	/** 获得焦点事件 */
-	focus: [event: FocusEvent];
-	/** 失去焦点事件 */
-	blur: [event: FocusEvent];
-	/** 增加按钮点击事件 */
-	increase: [];
-	/** 减少按钮点击事件 */
-	decrease: [];
-}
-
-/**
- * 数字输入框组件暴露方法接口
- * */
-export interface StInputNumberExpose {
-	/** 聚焦输入框 */
-	focus: () => void;
-	/** 失焦输入框 */
-	blur: () => void;
-	/** 选择输入框内容 */
-	select: () => void;
-	/** 增加数值 */
-	increase: () => void;
-	/** 减少数值 */
-	decrease: () => void;
-}
-
-export {};
+import type { ClassValue, Ref, StyleValue } from 'vue';
+import type { StButtonEmits, StButtonProps, StButtonSlots } from '../st-button/types.d.ts';
+
+/**
+ * 输入框类型
+ * */
+export type StInputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
+
+// ============================================================
+// StInput 组件类型
+// ============================================================
+
+/**
+ * 输入框组件属性接口
+ * */
+export interface StInputProps {
+	/** 输入框类型 */
+	type?: StInputType;
+	/** 占位符文本 */
+	placeholder?: string;
+	/** 是否禁用 */
+	disabled?: boolean;
+	/** 是否可清空 */
+	clearable?: boolean;
+	/** 是否只读 */
+	readonly?: boolean;
+	/** 是否显示密码切换按钮 */
+	showPassword?: boolean;
+	/** 最大输入长度 */
+	maxlength?: number;
+	/** 最小输入长度 */
+	minlength?: number;
+	/** 是否显示字数统计 */
+	showWordLimit?: boolean;
+	/** 前缀图标名称 */
+	prefixIcon?: string;
+	/** 后缀图标名称 */
+	suffixIcon?: string;
+	/** 输入框自定义类名 */
+	inputClass?: ClassValue;
+	/** 输入框自定义样式 */
+	inputStyle?: StyleValue;
+	/** 前缀自定义类名 */
+	prefixClass?: ClassValue;
+	/** 前缀自定义样式 */
+	prefixStyle?: StyleValue;
+	/** 后缀自定义类名 */
+	suffixClass?: ClassValue;
+	/** 后缀自定义样式 */
+	suffixStyle?: StyleValue;
+	/** 清除图标自定义类名 */
+	clearIconClass?: ClassValue;
+	/** 清除图标自定义样式 */
+	clearIconStyle?: StyleValue;
+	/** 密码切换图标自定义类名 */
+	passwordToggleClass?: ClassValue;
+	/** 密码切换图标自定义样式 */
+	passwordToggleStyle?: StyleValue;
+}
+
+/**
+ * 输入框组件事件接口
+ * */
+export interface StInputEmits {
+	/** 输入事件 */
+	input: [event: Event];
+	/** 值改变事件 */
+	change: [event: Event];
+	/** 获得焦点事件 */
+	focus: [event: FocusEvent];
+	/** 失去焦点事件 */
+	blur: [event: FocusEvent];
+	/** 清空事件 */
+	clear: [];
+}
+
+/**
+ * 输入框组件插槽接口
+ * */
+export interface StInputSlots {
+	/** 前缀内容插槽 */
+	prefix?: () => unknown;
+	/** 后缀内容插槽 */
+	suffix?: () => unknown;
+	/** 前缀图标插槽 */
+	'prefix-icon'?: () => unknown;
+	/** 后缀图标插槽 */
+	'suffix-icon'?: () => unknown;
+}
+
+// ============================================================
+// StInputGroup 组件类型
+// ============================================================
+
+/**
+ * InputGroup 容器组件属性接口
+ * */
+export interface StInputGroupProps {
+	/** 是否禁用 */
+	disabled?: boolean;
+}
+
+/**
+ * InputGroup 组件事件接口
+ * */
+export interface StInputGroupEmits {}
+
+/**
+ * InputGroup 组件插槽接口
+ * */
+export interface StInputGroupSlots {
+	/** 默认插槽 */
+	default?: () => unknown;
+}
+
+// ============================================================
+// StInputGroupAddon 组件类型
+// ============================================================
+
+/**
+ * InputGroupAddon 对齐类型
+ * */
+export type StInputGroupAddonAlign = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';
+
+/**
+ * InputGroupAddon 附加组件属性接口
+ * */
+export interface StInputGroupAddonProps {
+	/** 对齐方式 */
+	align?: StInputGroupAddonAlign;
+}
+
+/**
+ * InputGroupAddon 组件插槽接口
+ * */
+export interface StInputGroupAddonSlots {
+	/** 默认插槽 */
+	default?: () => unknown;
+}
+
+/**
+ * InputGroupAddon 事件类型
+ * */
+export interface StInputGroupAddonEmits {
+	/** 点击事件 */
+	click: [event: MouseEvent];
+}
+
+// ============================================================
+// StInputGroupInput 组件类型
+// ============================================================
+
+/**
+ * InputGroupInput 输入组件属性接口
+ * */
+export interface StInputGroupInputProps {
+	/** 输入框类型 */
+	type?: StInputType;
+	/** 占位符文本 */
+	placeholder?: string;
+	/** 是否禁用 */
+	disabled?: boolean;
+	/** 是否只读 */
+	readonly?: boolean;
+	/** 最大输入长度 */
+	maxlength?: number;
+	/** 最小输入长度 */
+	minlength?: number;
+}
+
+/**
+ * InputGroupInput 输入组件事件接口
+ * */
+export interface StInputGroupInputEmits {
+	/** 输入事件 */
+	input: [event: Event];
+	/** 值改变事件 */
+	change: [event: Event];
+	/** 获得焦点事件 */
+	focus: [event: FocusEvent];
+	/** 失去焦点事件 */
+	blur: [event: FocusEvent];
+}
+
+/**
+ * InputGroupInput 组件暴露接口
+ * */
+export interface StInputGroupInputExpose {
+	/** 聚焦输入框 */
+	focus: () => void;
+	/** 失焦输入框 */
+	blur: () => void;
+	/** 选择输入框内容 */
+	select: () => void;
+	/** 输入框 DOM 引用 */
+	inputRef: Ref<HTMLInputElement | null>;
+}
+
+// ============================================================
+// StInputGroupButton 组件类型（派生自 StButton）
+// ============================================================
+
+/** InputGroupButton 组件属性接口 */
+export type StInputGroupButtonProps = StButtonProps;
+
+/** InputGroupButton 组件事件接口 */
+export type StInputGroupButtonEmits = StButtonEmits;
+
+/** InputGroupButton 组件插槽接口 */
+export type StInputGroupButtonSlots = StButtonSlots;
+
+// ============================================================
+// StInputGroupText 组件类型（派生自 InputGroupAddon）
+// ============================================================
+
+/** InputGroupText 组件属性接口 */
+export type StInputGroupTextProps = StInputGroupAddonProps;
+
+/** InputGroupText 组件事件接口 */
+export type StInputGroupTextEmits = StInputGroupAddonEmits;
+
+/** InputGroupText 组件插槽接口 */
+export type StInputGroupTextSlots = StInputGroupAddonSlots;
+
+// ============================================================
+// StInputGroupTextarea 组件类型
+// ============================================================
+
+/**
+ * InputGroupTextarea 文本域组件属性接口
+ * */
+export interface StInputGroupTextareaProps {
+	/** 占位符文本 */
+	placeholder?: string;
+	/** 是否禁用 */
+	disabled?: boolean;
+	/** 是否只读 */
+	readonly?: boolean;
+	/** 最大输入长度 */
+	maxlength?: number;
+	/** 最小输入长度 */
+	minlength?: number;
+	/** 可见行数 */
+	rows?: number;
+	/** 可见列数 */
+	cols?: number;
+}
+
+/**
+ * InputGroupTextarea 文本域组件事件接口
+ * */
+export interface StInputGroupTextareaEmits {
+	/** 输入事件 */
+	input: [event: Event];
+	/** 值改变事件 */
+	change: [event: Event];
+	/** 获得焦点事件 */
+	focus: [event: FocusEvent];
+	/** 失去焦点事件 */
+	blur: [event: FocusEvent];
+}
+
+/**
+ * InputGroupTextarea 文本域组件暴露接口
+ * */
+export interface StInputGroupTextareaExpose {
+	/** 聚焦文本域 */
+	focus: () => void;
+	/** 失焦文本域 */
+	blur: () => void;
+	/** 选择文本域内容 */
+	select: () => void;
+	/** 文本域 DOM 引用 */
+	textareaRef: Ref<HTMLTextAreaElement | null>;
+}
+
+// ============================================================
+// StTextarea 组件类型
+// ============================================================
+
+/**
+ * 文本域组件属性接口
+ * */
+export interface StTextareaProps {
+	/** 占位符文本 */
+	placeholder?: string;
+	/** 是否禁用 */
+	disabled?: boolean;
+	/** 是否可清空 */
+	clearable?: boolean;
+	/** 是否只读 */
+	readonly?: boolean;
+	/** 最大输入长度 */
+	maxlength?: number;
+	/** 最小输入长度 */
+	minlength?: number;
+	/** 可见行数 */
+	rows?: number;
+	/** 可见列数 */
+	cols?: number;
+	/** 是否显示字数统计 */
+	showWordLimit?: boolean;
+	/** 前缀图标名称 */
+	prefixIcon?: string;
+	/** 后缀图标名称 */
+	suffixIcon?: string;
+	/** 输入框自定义类名 */
+	inputClass?: ClassValue;
+	/** 输入框自定义样式 */
+	inputStyle?: StyleValue;
+	/** 前缀自定义类名 */
+	prefixClass?: ClassValue;
+	/** 前缀自定义样式 */
+	prefixStyle?: StyleValue;
+	/** 后缀自定义类名 */
+	suffixClass?: ClassValue;
+	/** 后缀自定义样式 */
+	suffixStyle?: StyleValue;
+	/** 清除图标自定义类名 */
+	clearIconClass?: ClassValue;
+	/** 清除图标自定义样式 */
+	clearIconStyle?: StyleValue;
+}
+
+/**
+ * 文本域组件事件接口
+ * */
+export interface StTextareaEmits {
+	/** 输入事件 */
+	input: [event: Event];
+	/** 值改变事件 */
+	change: [event: Event];
+	/** 获得焦点事件 */
+	focus: [event: FocusEvent];
+	/** 失去焦点事件 */
+	blur: [event: FocusEvent];
+	/** 清空事件 */
+	clear: [];
+}
+
+/**
+ * 文本域组件插槽接口
+ * */
+export interface StTextareaSlots {
+	/** 前缀内容插槽 */
+	prefix?: () => unknown;
+	/** 后缀内容插槽 */
+	suffix?: () => unknown;
+}
+
+// ============================================================
+// StInputNumber 组件类型
+// ============================================================
+
+/**
+ * 数字输入框组件属性接口
+ * */
+export interface StInputNumberProps {
+	/** 是否禁用 */
+	disabled?: boolean;
+	/** 最小值 */
+	min?: number;
+	/** 最大值 */
+	max?: number;
+	/** 步长 */
+	step?: number;
+	/** 数值精度（小数位数） */
+	precision?: number;
+	/** 是否显示增减按钮 */
+	controls?: boolean;
+	/** 输入框自定义类名 */
+	inputClass?: ClassValue;
+	/** 输入框自定义样式 */
+	inputStyle?: StyleValue;
+	/** 增加按钮自定义类名 */
+	increaseClass?: ClassValue;
+	/** 减少按钮自定义类名 */
+	decreaseClass?: ClassValue;
+}
+
+/**
+ * 数字输入框组件事件接口
+ * */
+export interface StInputNumberEmits {
+	/** 输入事件 */
+	input: [value: number | undefined];
+	/** 值改变事件 */
+	change: [value: number | undefined];
+	/** 获得焦点事件 */
+	focus: [event: FocusEvent];
+	/** 失去焦点事件 */
+	blur: [event: FocusEvent];
+	/** 增加按钮点击事件 */
+	increase: [];
+	/** 减少按钮点击事件 */
+	decrease: [];
+}
+
+/**
+ * 数字输入框组件暴露方法接口
+ * */
+export interface StInputNumberExpose {
+	/** 聚焦输入框 */
+	focus: () => void;
+	/** 失焦输入框 */
+	blur: () => void;
+	/** 选择输入框内容 */
+	select: () => void;
+	/** 增加数值 */
+	increase: () => void;
+	/** 减少数值 */
+	decrease: () => void;
+}
+
+export {};