straw-ui-vue 0.1.18 → 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-divider/context.d.ts

@@ -0,0 +1,6 @@
+import { InjectionKey } from 'vue';
+import { StDividerContext } from './types.d.ts';
+/**
+ * StDivider 注入上下文键
+ * */
+export declare const DIVIDER_INJECTION_KEY: InjectionKey<StDividerContext>;

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

@@ -24,6 +24,67 @@ export declare const StDivider: {
     contentPosition: import('./types.d.ts').StDividerContentPosition;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: import('./types.d.ts').StDividerSlots;
+}) & {
+    StDividerLine: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').StDividerLineProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./types.d.ts').StDividerLineProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').StDividerLineProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: import('./types.d.ts').StDividerLineSlots;
+    });
+    StDividerContent: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').StDividerContentProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./types.d.ts').StDividerContentProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').StDividerContentProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: import('./types.d.ts').StDividerContentSlots;
+    });
+};
+export declare const StDividerLine: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').StDividerLineProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types.d.ts').StDividerLineProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').StDividerLineProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: import('./types.d.ts').StDividerLineSlots;
+});
+export declare const StDividerContent: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').StDividerContentProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types.d.ts').StDividerContentProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').StDividerContentProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: import('./types.d.ts').StDividerContentSlots;
 });
 export default StDivider;
 export type * from './types.d.ts';

package/dist/components/st-divider/st-divider-content.d.ts

@@ -0,0 +1,11 @@
+import { StDividerContentProps, StDividerContentSlots } from './types.d.ts';
+type __VLS_Slots = StDividerContentSlots;
+declare const __VLS_base: import('vue').DefineComponent<StDividerContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StDividerContentProps> & Readonly<{}>, {}, {}, {}, {}, 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-divider/st-divider-line.d.ts

@@ -0,0 +1,11 @@
+import { StDividerLineProps, StDividerLineSlots } from './types.d.ts';
+type __VLS_Slots = StDividerLineSlots;
+declare const __VLS_base: import('vue').DefineComponent<StDividerLineProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StDividerLineProps> & Readonly<{}>, {}, {}, {}, {}, 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-divider/types.d.ts

@@ -1,4 +1,4 @@
-import type { ClassValue, StyleValue } from 'vue';
+import type { ClassValue, ComputedRef, StyleValue } from 'vue';
 
 /**
  * 分割线方向类型
@@ -43,4 +43,50 @@ export interface StDividerSlots {
 	default?: () => unknown;
 }
 
+/**
+ * 分割线组件事件类型
+ * */
+export interface StDividerEmits {}
+
+/**
+ * 分割线 线组件属性
+ * */
+export interface StDividerLineProps {}
+
+/**
+ * 分割线 线组件插槽类型
+ * */
+export interface StDividerLineSlots {}
+
+/**
+ * 分割线 线组件事件类型
+ * */
+export interface StDividerLineEmits {}
+
+/**
+ * 分割线 文本组件属性
+ * */
+export interface StDividerContentProps {}
+
+/**
+ * 分割线 文本组件插槽类型
+ * */
+export interface StDividerContentSlots {}
+
+/**
+ * 分割线 文本组建事件类型
+ * */
+export interface StDividerContentEmits {}
+
+/**
+ * StDivider 注入上下文接口
+ * 由 st-divider.vue 提供，供子组件注入获取共享状态
+ * */
+export interface StDividerContext {
+	/** 分割线方向 */
+	readonly direction: ComputedRef<StDividerDirection>;
+	/** 分割线样式 */
+	readonly variant: ComputedRef<StDividerVariant>;
+}
+
 export {};

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 {};

package/dist/index.d.ts

@@ -45,6 +45,8 @@ export { cn } from './utils/cn.ts';
 export { withInstall, withInstallExtra } from './utils/with-install';
 export type { SFCWithInstall, ExtractComponent, ComponentInstance } from './utils/with-install';
 export { setZIndexBase, nextZIndex, getCurrentZIndex } from './utils/z-index.ts';
+export { DeviceType, isMobile, isTablet, isPhone, isDesktop, getDeviceType, getDeviceInfo } from './utils/device.ts';
+export type { DeviceInfo } from './utils/device.ts';
 export type * from './components/st-button/types.d.ts';
 export type * from './components/st-card/types.d.ts';
 export type * from './components/st-cascade/types.d.ts';