straw-ui-vue 0.1.20 → 0.1.21

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

@@ -1,260 +1,260 @@
-import type { ClassValue, Ref, StyleValue } from 'vue';
-
-/**
- * 分屏方向类型
- * */
-export type StSplitterDirection = 'horizontal' | 'vertical';
-
-/**
- * 面板配置接口
- * */
-export interface StSplitterPanelConfig {
-	/**
-	 * 面板唯一标识
-	 * */
-	id: string;
-	/**
-	 * 当前尺寸
-	 * */
-	size: number;
-	/**
-	 * 最小尺寸
-	 * */
-	minSize?: number;
-	/**
-	 * 最大尺寸
-	 * */
-	maxSize?: number;
-	/**
-	 * 期望尺寸，用于恢复时使用
-	 * */
-	desiredSize?: number;
-	/**
-	 * 是否为弹性面板
-	 * */
-	flex?: boolean;
-	/**
-	 * 是否可见
-	 * */
-	visible: boolean;
-}
-
-/**
- * 分屏组件属性接口
- * */
-export interface StSplitterProps {
-	/**
-	 * 分屏方向
-	 * */
-	direction?: StSplitterDirection;
-	/**
-	 * splitter 容器 class
-	 * */
-	splitterClass?: ClassValue;
-	/**
-	 * splitter 容器 style
-	 * */
-	splitterStyle?: StyleValue;
-	/**
-	 * 拖拽手柄 class
-	 * */
-	handleClass?: ClassValue;
-	/**
-	 * 拖拽手柄 style
-	 * */
-	handleStyle?: StyleValue;
-	/**
-	 * 分割条 class
-	 * */
-	gutterClass?: ClassValue;
-}
-
-/**
- * 分屏组件事件接口
- * */
-export interface StSplitterEmits {
-	/** 面板尺寸变化事件 */
-	resize: [panels: StSplitterPanelConfig[]];
-}
-
-/**
- * 分屏组件插槽接口
- * */
-export interface StSplitterSlots {
-	/** 默认插槽 */
-	default?: () => unknown;
-}
-
-/**
- * 分屏组件暴露方法接口
- * */
-export interface StSplitterExpose {
-	/** 获取面板配置 */
-	getPanels: () => StSplitterPanelConfig[];
-	/** 设置面板尺寸 */
-	setPanelSize: (id: string, size: number) => void;
-	/** 重置面板尺寸 */
-	resetSizes: () => void;
-}
-
-/**
- * 分屏内部上下文接口 - 包含响应式状态
- * */
-export interface StSplitterInternalContext {
-	/**
-	 * 分屏方向
-	 * */
-	direction: Ref<StSplitterDirection>;
-	/**
-	 * 面板列表
-	 * */
-	panels: Ref<StSplitterPanelConfig[]>;
-	/**
-	 * 当前激活的分隔条索引
-	 * */
-	activeGutter: Ref<number | null>;
-	/**
-	 * 分隔条尺寸
-	 * */
-	gutterSize: number;
-	/**
-	 * 鼠标位置响应式引用
-	 * */
-	mousePosition: Ref<{ x: number; y: number } | null>;
-	/**
-	 * 当前悬浮的gutter索引
-	 * */
-	isHoveringGutter: Ref<number | null>;
-	/**
-	 * splitter 容器 class
-	 * */
-	splitterClass?: Ref<ClassValue | undefined>;
-	/**
-	 * splitter 容器 style
-	 * */
-	splitterStyle?: Ref<StyleValue | undefined>;
-	/**
-	 * 拖拽手柄 class
-	 * */
-	handleClass?: Ref<ClassValue | undefined>;
-	/**
-	 * 拖拽手柄 style
-	 * */
-	handleStyle?: Ref<StyleValue | undefined>;
-	/**
-	 * 分割条 class
-	 * */
-	gutterClass?: Ref<ClassValue | undefined>;
-	/**
-	 * 注册面板
-	 * */
-	registerPanel: (panel: StSplitterPanelConfig) => void;
-	/**
-	 * 注销面板
-	 * */
-	unregisterPanel: (id: string) => void;
-	/**
-	 * 更新面板可见性
-	 * */
-	updatePanelVisible: (id: string, visible: boolean) => void;
-	/**
-	 * 开始拖拽调整尺寸
-	 * */
-	startResize: (gutterIndex: number, event: MouseEvent) => void;
-	/**
-	 * 更新弹性面板尺寸
-	 * */
-	updateFlexPanelSize: () => void;
-	/**
-	 * 初始化面板尺寸
-	 * */
-	initializePanelSizes: (containerEl: HTMLElement | null) => void;
-	/**
-	 * 获取容器尺寸
-	 * */
-	getContainerSize: (containerEl?: HTMLElement | null) => number;
-}
-
-/**
- * 拖拽状态接口
- * */
-export interface StDragState {
-	/**
-	 * 是否正在拖拽
-	 * */
-	isDragging: boolean;
-	/**
-	 * 拖拽的分隔条索引
-	 * */
-	gutterIndex: number;
-	/**
-	 * 起始X坐标
-	 * */
-	startX: number;
-	/**
-	 * 起始Y坐标
-	 * */
-	startY: number;
-	/**
-	 * 起始时各面板尺寸
-	 * */
-	startSizes: number[];
-	/**
-	 * 当前鼠标X坐标
-	 * */
-	currentX?: number;
-	/**
-	 * 当前鼠标Y坐标
-	 * */
-	currentY?: number;
-}
-
-/**
- * 尺寸约束计算参数接口
- * */
-export interface StConstrainedSizesOptions {
-	/**
-	 * 左面板期望尺寸
-	 * */
-	leftSize: number;
-	/**
-	 * 右面板期望尺寸
-	 * */
-	rightSize: number;
-	/**
-	 * 左面板最小尺寸
-	 * */
-	leftMin: number;
-	/**
-	 * 左面板最大尺寸
-	 * */
-	leftMax: number;
-	/**
-	 * 右面板最小尺寸
-	 * */
-	rightMin: number;
-	/**
-	 * 右面板最大尺寸
-	 * */
-	rightMax: number;
-	/**
-	 * 两面板总尺寸
-	 * */
-	totalSize: number;
-}
-
-/**
- * 尺寸约束计算结果接口
- * */
-export interface StConstrainedSizesResult {
-	/**
-	 * 约束后的左面板尺寸
-	 * */
-	leftSize: number;
-	/**
-	 * 约束后的右面板尺寸
-	 * */
-	rightSize: number;
-}
-
-export {};
+import type { ClassValue, Ref, StyleValue } from 'vue';
+
+/**
+ * 分屏方向类型
+ * */
+export type StSplitterDirection = 'horizontal' | 'vertical';
+
+/**
+ * 面板配置接口
+ * */
+export interface StSplitterPanelConfig {
+	/**
+	 * 面板唯一标识
+	 * */
+	id: string;
+	/**
+	 * 当前尺寸
+	 * */
+	size: number;
+	/**
+	 * 最小尺寸
+	 * */
+	minSize?: number;
+	/**
+	 * 最大尺寸
+	 * */
+	maxSize?: number;
+	/**
+	 * 期望尺寸，用于恢复时使用
+	 * */
+	desiredSize?: number;
+	/**
+	 * 是否为弹性面板
+	 * */
+	flex?: boolean;
+	/**
+	 * 是否可见
+	 * */
+	visible: boolean;
+}
+
+/**
+ * 分屏组件属性接口
+ * */
+export interface StSplitterProps {
+	/**
+	 * 分屏方向
+	 * */
+	direction?: StSplitterDirection;
+	/**
+	 * splitter 容器 class
+	 * */
+	splitterClass?: ClassValue;
+	/**
+	 * splitter 容器 style
+	 * */
+	splitterStyle?: StyleValue;
+	/**
+	 * 拖拽手柄 class
+	 * */
+	handleClass?: ClassValue;
+	/**
+	 * 拖拽手柄 style
+	 * */
+	handleStyle?: StyleValue;
+	/**
+	 * 分割条 class
+	 * */
+	gutterClass?: ClassValue;
+}
+
+/**
+ * 分屏组件事件接口
+ * */
+export interface StSplitterEmits {
+	/** 面板尺寸变化事件 */
+	resize: [panels: StSplitterPanelConfig[]];
+}
+
+/**
+ * 分屏组件插槽接口
+ * */
+export interface StSplitterSlots {
+	/** 默认插槽 */
+	default?: () => unknown;
+}
+
+/**
+ * 分屏组件暴露方法接口
+ * */
+export interface StSplitterExpose {
+	/** 获取面板配置 */
+	getPanels: () => StSplitterPanelConfig[];
+	/** 设置面板尺寸 */
+	setPanelSize: (id: string, size: number) => void;
+	/** 重置面板尺寸 */
+	resetSizes: () => void;
+}
+
+/**
+ * 分屏内部上下文接口 - 包含响应式状态
+ * */
+export interface StSplitterInternalContext {
+	/**
+	 * 分屏方向
+	 * */
+	direction: Ref<StSplitterDirection>;
+	/**
+	 * 面板列表
+	 * */
+	panels: Ref<StSplitterPanelConfig[]>;
+	/**
+	 * 当前激活的分隔条索引
+	 * */
+	activeGutter: Ref<number | null>;
+	/**
+	 * 分隔条尺寸
+	 * */
+	gutterSize: number;
+	/**
+	 * 鼠标位置响应式引用
+	 * */
+	mousePosition: Ref<{ x: number; y: number } | null>;
+	/**
+	 * 当前悬浮的gutter索引
+	 * */
+	isHoveringGutter: Ref<number | null>;
+	/**
+	 * splitter 容器 class
+	 * */
+	splitterClass?: Ref<ClassValue | undefined>;
+	/**
+	 * splitter 容器 style
+	 * */
+	splitterStyle?: Ref<StyleValue | undefined>;
+	/**
+	 * 拖拽手柄 class
+	 * */
+	handleClass?: Ref<ClassValue | undefined>;
+	/**
+	 * 拖拽手柄 style
+	 * */
+	handleStyle?: Ref<StyleValue | undefined>;
+	/**
+	 * 分割条 class
+	 * */
+	gutterClass?: Ref<ClassValue | undefined>;
+	/**
+	 * 注册面板
+	 * */
+	registerPanel: (panel: StSplitterPanelConfig) => void;
+	/**
+	 * 注销面板
+	 * */
+	unregisterPanel: (id: string) => void;
+	/**
+	 * 更新面板可见性
+	 * */
+	updatePanelVisible: (id: string, visible: boolean) => void;
+	/**
+	 * 开始拖拽调整尺寸
+	 * */
+	startResize: (gutterIndex: number, event: MouseEvent) => void;
+	/**
+	 * 更新弹性面板尺寸
+	 * */
+	updateFlexPanelSize: () => void;
+	/**
+	 * 初始化面板尺寸
+	 * */
+	initializePanelSizes: (containerEl: HTMLElement | null) => void;
+	/**
+	 * 获取容器尺寸
+	 * */
+	getContainerSize: (containerEl?: HTMLElement | null) => number;
+}
+
+/**
+ * 拖拽状态接口
+ * */
+export interface StDragState {
+	/**
+	 * 是否正在拖拽
+	 * */
+	isDragging: boolean;
+	/**
+	 * 拖拽的分隔条索引
+	 * */
+	gutterIndex: number;
+	/**
+	 * 起始X坐标
+	 * */
+	startX: number;
+	/**
+	 * 起始Y坐标
+	 * */
+	startY: number;
+	/**
+	 * 起始时各面板尺寸
+	 * */
+	startSizes: number[];
+	/**
+	 * 当前鼠标X坐标
+	 * */
+	currentX?: number;
+	/**
+	 * 当前鼠标Y坐标
+	 * */
+	currentY?: number;
+}
+
+/**
+ * 尺寸约束计算参数接口
+ * */
+export interface StConstrainedSizesOptions {
+	/**
+	 * 左面板期望尺寸
+	 * */
+	leftSize: number;
+	/**
+	 * 右面板期望尺寸
+	 * */
+	rightSize: number;
+	/**
+	 * 左面板最小尺寸
+	 * */
+	leftMin: number;
+	/**
+	 * 左面板最大尺寸
+	 * */
+	leftMax: number;
+	/**
+	 * 右面板最小尺寸
+	 * */
+	rightMin: number;
+	/**
+	 * 右面板最大尺寸
+	 * */
+	rightMax: number;
+	/**
+	 * 两面板总尺寸
+	 * */
+	totalSize: number;
+}
+
+/**
+ * 尺寸约束计算结果接口
+ * */
+export interface StConstrainedSizesResult {
+	/**
+	 * 约束后的左面板尺寸
+	 * */
+	leftSize: number;
+	/**
+	 * 约束后的右面板尺寸
+	 * */
+	rightSize: number;
+}
+
+export {};

package/dist/components/st-splitter-panel/types.d.ts

@@ -1,63 +1,63 @@
-import type { ClassValue, StyleValue } from 'vue';
-
-import type { StSplitterInternalContext, StSplitterPanelConfig } from '../st-splitter/types.d.ts';
-
-export type { StSplitterInternalContext, StSplitterPanelConfig };
-
-/**
- * 面板组件属性接口
- * */
-export interface StSplitterPanelProps {
-	/**
-	 * 最小尺寸
-	 * */
-	minSize?: number;
-	/**
-	 * 最大尺寸
-	 * */
-	maxSize?: number;
-	/**
-	 * 是否为弹性面板，自动填充剩余空间
-	 * */
-	flex?: boolean;
-	/**
-	 * 是否可见
-	 * */
-	visible?: boolean;
-	/**
-	 * 面板 class
-	 * */
-	panelClass?: ClassValue;
-	/**
-	 * 面板 style
-	 * */
-	panelStyle?: StyleValue;
-}
-
-/**
- * 面板组件事件接口
- * */
-export interface StSplitterPanelEmits {
-	/** 可见性变化事件 */
-	'update:visible': [visible: boolean];
-}
-
-/**
- * 面板组件插槽接口
- * */
-export interface StSplitterPanelSlots {
-	/** 默认插槽 */
-	default?: () => unknown;
-}
-
-/**
- * 面板组件暴露方法接口
- * */
-export interface StSplitterPanelExpose {
-	/** 获取面板配置 */
-	getConfig: () => StSplitterPanelConfig;
-	/** 设置面板可见性 */
-	setVisible: (visible: boolean) => void;
-}
-
-export {};
+import type { ClassValue, StyleValue } from 'vue';
+
+import type { StSplitterInternalContext, StSplitterPanelConfig } from '../st-splitter/types.d.ts';
+
+export type { StSplitterInternalContext, StSplitterPanelConfig };
+
+/**
+ * 面板组件属性接口
+ * */
+export interface StSplitterPanelProps {
+	/**
+	 * 最小尺寸
+	 * */
+	minSize?: number;
+	/**
+	 * 最大尺寸
+	 * */
+	maxSize?: number;
+	/**
+	 * 是否为弹性面板，自动填充剩余空间
+	 * */
+	flex?: boolean;
+	/**
+	 * 是否可见
+	 * */
+	visible?: boolean;
+	/**
+	 * 面板 class
+	 * */
+	panelClass?: ClassValue;
+	/**
+	 * 面板 style
+	 * */
+	panelStyle?: StyleValue;
+}
+
+/**
+ * 面板组件事件接口
+ * */
+export interface StSplitterPanelEmits {
+	/** 可见性变化事件 */
+	'update:visible': [visible: boolean];
+}
+
+/**
+ * 面板组件插槽接口
+ * */
+export interface StSplitterPanelSlots {
+	/** 默认插槽 */
+	default?: () => unknown;
+}
+
+/**
+ * 面板组件暴露方法接口
+ * */
+export interface StSplitterPanelExpose {
+	/** 获取面板配置 */
+	getConfig: () => StSplitterPanelConfig;
+	/** 设置面板可见性 */
+	setVisible: (visible: boolean) => void;
+}
+
+export {};