@farris/x-ui 0.0.1 → 0.0.3

package/popover/src/popover.props.d.ts

@@ -0,0 +1,104 @@
+import { ExtractPropTypes, PropType } from '../../../vue';
+
+export type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right' | 'auto' | 'bottom-left' | 'top-left';
+export declare const popoverProps: {
+    id: {
+        type: StringConstructor;
+    };
+    arrowOffsetX: {
+        type: NumberConstructor;
+        default: number;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+    customStyles: {
+        type: PropType<Record<string, any>>;
+        default: null;
+    };
+    /**
+    * popover应用场景有提示、展示其他内容，可能在界面呈现上会有区别。
+    * 如果做提示使用，需要特殊样式，通过此属性控制在没有自定义样式的情况下，指定特殊样式
+    */
+    isSimpleTips: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 指定要弹出的内容插入到哪个元素
+     */
+    host: {
+        type: PropType<any>;
+    };
+    /**
+    * 未被使用
+    */
+    leftBoundary: {
+        type: PropType<any>;
+    };
+    keepWidthWithReference: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    minWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offsetX: {
+        type: PropType<any>;
+        default: import('../../../vue').Ref<number, number>;
+    };
+    offsetY: {
+        type: PropType<any>;
+        default: import('../../../vue').Ref<number, number>;
+    };
+    placement: {
+        type: PropType<PopoverPlacement>;
+        default: string;
+    };
+    reference: {
+        type: PropType<any>;
+    };
+    /**
+    * 未被使用
+    */
+    rightBoundary: {
+        type: PropType<any>;
+    };
+    /**
+     * popover应用场景有提示、展示其他内容。
+     * 通常展示其他内容，不显示箭头。
+     * 提示通常展示箭头。
+     */
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 根据空间大小重新调整，原下拉面板内容指定的高度
+     */
+    limitContentBySpace: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeClose: {
+        type: PropType<() => Promise<boolean> | boolean>;
+    };
+};
+export type PopoverProps = ExtractPropTypes<typeof popoverProps>;

package/popover/src/popover.service.d.ts

@@ -0,0 +1,17 @@
+import { App } from '../../../vue';
+import { JSX } from '../../../vue/jsx-runtime';
+
+export interface PopoverServiceOptions {
+    reference: any;
+    popupHost: any;
+    popupRightBoundary: any;
+    popupOffsetX: any;
+    content?: {
+        render(): JSX.Element;
+    };
+    render?(): any;
+    onClickCallback?(): void;
+}
+export default class PopoverService {
+    static show(options: PopoverServiceOptions): App;
+}

package/prompts/index.d.ts

@@ -1,9 +1,9 @@
-import { Plugin } from 'vue';
-import { default as FXPrompts } from './src/prompts.component';
-import { default as FXPrompt } from './src/components/prompt.component';
+import { Plugin } from '../../vue';
+import { default as FXPrompts } from '../../src/prompts.component';
+import { default as FXPrompt } from '../../src/components/prompt.component';
 
-export * from './src/prompts.props';
-export * from './src/components/prompt.props';
+export * from '../../src/prompts.props';
+export * from '../../src/components/prompt.props';
 export { FXPrompts, FXPrompt };
 declare const _default: typeof FXPrompts & Plugin;
 export default _default;

package/prompts/src/components/prompt.component.d.ts

@@ -1,24 +1,24 @@
-import { VNode, CSSProperties } from 'vue';
+import { VNode, CSSProperties } from '../../../../vue';
 
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('../../../../vue').DefineComponent<import('../../../../vue').ExtractPropTypes<{
     id: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     icon: {
-        type: import('vue').PropType<string | VNode>;
+        type: import('../../../../vue').PropType<string | VNode>;
         default: string;
     };
     label: {
-        type: import('vue').PropType<string | VNode>;
+        type: import('../../../../vue').PropType<string | VNode>;
         default: string;
     };
     description: {
-        type: import('vue').PropType<string | VNode>;
+        type: import('../../../../vue').PropType<string | VNode>;
         default: string;
     };
     badge: {
-        type: import('vue').PropType<string | VNode>;
+        type: import('../../../../vue').PropType<string | VNode>;
         default: string;
     };
     disabled: {
@@ -26,53 +26,53 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     children: {
-        type: import('vue').PropType<import('../composition/type').BasePromptItemType[]>;
+        type: import('../../../../vue').PropType<import('../../../../../composition/type').BasePromptItemType[]>;
         default: () => never[];
     };
     styles: {
-        type: import('vue').PropType<Record<import('../composition/type').AppearanceType, CSSProperties | string>>;
+        type: import('../../../../vue').PropType<Record<import('../../../../../composition/type').AppearanceType, CSSProperties | string>>;
     };
     classNames: {
-        type: import('vue').PropType<Record<import('../composition/type').AppearanceType, string | string[] | Record<string, boolean>>>;
+        type: import('../../../../vue').PropType<Record<import('../../../../../composition/type').AppearanceType, string | string[] | Record<string, boolean>>>;
     };
     customClass: {
-        type: import('vue').PropType<string | string[] | Record<string, boolean>>;
+        type: import('../../../../vue').PropType<string | string[] | Record<string, boolean>>;
         default: string;
     };
     customStyle: {
-        type: import('vue').PropType<CSSProperties | string>;
+        type: import('../../../../vue').PropType<CSSProperties | string>;
         default: string;
     };
     showType: {
-        type: import('vue').PropType<import('../composition/type').PromptShowType>;
-        default: import('../composition/type').PromptShowType;
+        type: import('../../../../vue').PropType<import('../../../../../composition/type').PromptShowType>;
+        default: import('../../../../../composition/type').PromptShowType;
     };
     gap: {
         type: (StringConstructor | NumberConstructor)[];
     };
     onClick: {
-        type: import('vue').PropType<(ev: MouseEvent) => void>;
+        type: import('../../../../vue').PropType<(ev: MouseEvent) => void>;
         required: boolean;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('../../../../vue').ComponentOptionsMixin, import('../../../../vue').ComponentOptionsMixin, {}, string, import('../../../../vue').PublicProps, Readonly<import('../../../../vue').ExtractPropTypes<{
     id: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     icon: {
-        type: import('vue').PropType<string | VNode>;
+        type: import('../../../../vue').PropType<string | VNode>;
         default: string;
     };
     label: {
-        type: import('vue').PropType<string | VNode>;
+        type: import('../../../../vue').PropType<string | VNode>;
         default: string;
     };
     description: {
-        type: import('vue').PropType<string | VNode>;
+        type: import('../../../../vue').PropType<string | VNode>;
         default: string;
     };
     badge: {
-        type: import('vue').PropType<string | VNode>;
+        type: import('../../../../vue').PropType<string | VNode>;
         default: string;
     };
     disabled: {
@@ -80,52 +80,52 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     children: {
-        type: import('vue').PropType<import('../composition/type').BasePromptItemType[]>;
+        type: import('../../../../vue').PropType<import('../../../../../composition/type').BasePromptItemType[]>;
         default: () => never[];
     };
     styles: {
-        type: import('vue').PropType<Record<import('../composition/type').AppearanceType, CSSProperties | string>>;
+        type: import('../../../../vue').PropType<Record<import('../../../../../composition/type').AppearanceType, CSSProperties | string>>;
     };
     classNames: {
-        type: import('vue').PropType<Record<import('../composition/type').AppearanceType, string | string[] | Record<string, boolean>>>;
+        type: import('../../../../vue').PropType<Record<import('../../../../../composition/type').AppearanceType, string | string[] | Record<string, boolean>>>;
     };
     customClass: {
-        type: import('vue').PropType<string | string[] | Record<string, boolean>>;
+        type: import('../../../../vue').PropType<string | string[] | Record<string, boolean>>;
         default: string;
     };
     customStyle: {
-        type: import('vue').PropType<CSSProperties | string>;
+        type: import('../../../../vue').PropType<CSSProperties | string>;
         default: string;
     };
     showType: {
-        type: import('vue').PropType<import('../composition/type').PromptShowType>;
-        default: import('../composition/type').PromptShowType;
+        type: import('../../../../vue').PropType<import('../../../../../composition/type').PromptShowType>;
+        default: import('../../../../../composition/type').PromptShowType;
     };
     gap: {
         type: (StringConstructor | NumberConstructor)[];
     };
     onClick: {
-        type: import('vue').PropType<(ev: MouseEvent) => void>;
+        type: import('../../../../vue').PropType<(ev: MouseEvent) => void>;
         required: boolean;
     };
 }>> & Readonly<{}>, {
-    label: string | VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    label: string | VNode<import('../../../../vue').RendererNode, import('../../../../vue').RendererElement, {
         [key: string]: any;
     }>;
     customClass: string | string[] | Record<string, boolean>;
-    icon: string | VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    icon: string | VNode<import('../../../../vue').RendererNode, import('../../../../vue').RendererElement, {
         [key: string]: any;
     }>;
     id: string | number;
     customStyle: string | CSSProperties;
-    children: import('../composition/type').BasePromptItemType[];
+    children: import('../../../../../composition/type').BasePromptItemType[];
     disabled: boolean;
-    description: string | VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    description: string | VNode<import('../../../../vue').RendererNode, import('../../../../vue').RendererElement, {
         [key: string]: any;
     }>;
-    showType: import('../composition/type').PromptShowType;
-    badge: string | VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    showType: import('../../../../../composition/type').PromptShowType;
+    badge: string | VNode<import('../../../../vue').RendererNode, import('../../../../vue').RendererElement, {
         [key: string]: any;
     }>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('../../../../vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/prompts/src/components/prompt.props.d.ts

@@ -1,5 +1,5 @@
-import { ExtractPropTypes, PropType, VNode, CSSProperties } from 'vue';
-import { AppearanceType, BasePromptItemType, PromptShowType } from '../composition/type';
+import { ExtractPropTypes, PropType, VNode, CSSProperties } from '../../../../vue';
+import { AppearanceType, BasePromptItemType, PromptShowType } from '../../../../../composition/type';
 
 export declare const promptProps: {
     /** 唯一标识 */

package/prompts/src/composition/type.d.ts

@@ -1,4 +1,4 @@
-import { VNode } from 'vue';
+import { VNode } from '../../../../vue';
 
 export declare enum PromptShowType {
     standardFeatureCard = "standard-feature-card",

package/prompts/src/prompts.component.d.ts

@@ -1,46 +1,46 @@
-import { PromptItemType } from './composition/type';
+import { PromptItemType } from '../../../composition/type';
 
-declare const _default: import('vue').DefineComponent<{
-    title: string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+declare const _default: import('../../../vue').DefineComponent<{
+    title: string | import('../../../vue').VNode<import('../../../vue').RendererNode, import('../../../vue').RendererElement, {
         [key: string]: any;
     }>;
     items: PromptItemType[];
     customClass: string | string[] | Record<string, boolean>;
-    classNames: Record<import('./composition/type').AppearanceType, string | string[] | Record<string, boolean>>;
-    customStyle: string | import('vue').CSSProperties;
-    styles: Record<import('./composition/type').AppearanceType, import('vue').CSSProperties>;
+    classNames: Record<import('../../../composition/type').AppearanceType, string | string[] | Record<string, boolean>>;
+    customStyle: string | import('../../../vue').CSSProperties;
+    styles: Record<import('../../../composition/type').AppearanceType, import('../../../vue').CSSProperties>;
     gap: string | number;
-    wrap: boolean;
     vertical: boolean;
+    wrap: boolean;
     fadeIn: boolean;
     fadeInLeft: boolean;
-}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    title: string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('../../../vue').ComponentOptionsMixin, import('../../../vue').ComponentOptionsMixin, {}, string, import('../../../vue').PublicProps, Readonly<{
+    title: string | import('../../../vue').VNode<import('../../../vue').RendererNode, import('../../../vue').RendererElement, {
         [key: string]: any;
     }>;
     items: PromptItemType[];
     customClass: string | string[] | Record<string, boolean>;
-    classNames: Record<import('./composition/type').AppearanceType, string | string[] | Record<string, boolean>>;
-    customStyle: string | import('vue').CSSProperties;
-    styles: Record<import('./composition/type').AppearanceType, import('vue').CSSProperties>;
+    classNames: Record<import('../../../composition/type').AppearanceType, string | string[] | Record<string, boolean>>;
+    customStyle: string | import('../../../vue').CSSProperties;
+    styles: Record<import('../../../composition/type').AppearanceType, import('../../../vue').CSSProperties>;
     gap: string | number;
-    wrap: boolean;
     vertical: boolean;
+    wrap: boolean;
     fadeIn: boolean;
     fadeInLeft: boolean;
 }> & Readonly<{}>, {
-    title: string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    title: string | import('../../../vue').VNode<import('../../../vue').RendererNode, import('../../../vue').RendererElement, {
         [key: string]: any;
     }>;
     items: PromptItemType[];
     customClass: string | string[] | Record<string, boolean>;
-    classNames: Record<import('./composition/type').AppearanceType, string | string[] | Record<string, boolean>>;
-    customStyle: string | import('vue').CSSProperties;
-    styles: Record<import('./composition/type').AppearanceType, import('vue').CSSProperties>;
+    classNames: Record<import('../../../composition/type').AppearanceType, string | string[] | Record<string, boolean>>;
+    customStyle: string | import('../../../vue').CSSProperties;
+    styles: Record<import('../../../composition/type').AppearanceType, import('../../../vue').CSSProperties>;
     gap: string | number;
-    wrap: boolean;
     vertical: boolean;
+    wrap: boolean;
     fadeIn: boolean;
     fadeInLeft: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('../../../vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/prompts/src/prompts.props.d.ts

@@ -1,5 +1,5 @@
-import { ExtractPropTypes, PropType, VNode, CSSProperties } from 'vue';
-import { PromptItemType, AppearanceType } from './composition/type';
+import { ExtractPropTypes, PropType, VNode, CSSProperties } from '../../../vue';
+import { PromptItemType, AppearanceType } from '../../../composition/type';
 
 export declare const promptsProps: {
     /** 包含多个提示项的列表 */

package/search-box/index.d.ts

@@ -0,0 +1,9 @@
+import { Plugin } from '../../vue';
+import { default as FXSearchBox } from '../../src/search-box.component';
+import { default as FXSearchBoxContainer } from '../../src/components/search-box-container.component';
+
+export * from '../../src/search-box.props';
+export * from '../../src/components/search-box-container.props';
+export { FXSearchBox, FXSearchBoxContainer };
+declare const _default: typeof FXSearchBox & Plugin;
+export default _default;

package/search-box/src/components/search-box-container.component.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import('../../../../vue').DefineComponent<{
+    data: any[];
+    maxHeight: number;
+    loading: boolean;
+    idField: string;
+    textField: string;
+    onConfirmResult?: ((result: any) => void) | undefined;
+    onSearchedValue?: ((data: any) => void) | undefined;
+}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('../../../../vue').ComponentOptionsMixin, import('../../../../vue').ComponentOptionsMixin, {}, "confirmResult" | "searchedValue", import('../../../../vue').PublicProps, Readonly<{
+    data: any[];
+    maxHeight: number;
+    loading: boolean;
+    idField: string;
+    textField: string;
+    onConfirmResult?: ((result: any) => void) | undefined;
+    onSearchedValue?: ((data: any) => void) | undefined;
+}> & Readonly<{}>, {
+    data: any[];
+    maxHeight: number;
+    loading: boolean;
+    idField: string;
+    textField: string;
+    onConfirmResult: (result: any) => void;
+    onSearchedValue: (data: any) => void;
+}, {}, {}, {}, string, import('../../../../vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/search-box/src/components/search-box-container.props.d.ts

@@ -0,0 +1,40 @@
+import { PropType } from '../../../../vue';
+
+export declare const searchBoxContainerProps: {
+    /** 数据源 */
+    data: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    /** 确认结果回调 */
+    onConfirmResult: {
+        type: PropType<(result: any) => void>;
+        default: undefined;
+    };
+    /** 搜索值回调 */
+    onSearchedValue: {
+        type: PropType<(data: any) => void>;
+        default: undefined;
+    };
+    /** 数据源id字段 */
+    idField: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 数据源文本字段 */
+    textField: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 最大高度 */
+    maxHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 是否加载中 */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type SearchBoxContainerProps = import('../../../../vue').ExtractPropTypes<typeof searchBoxContainerProps>;

package/search-box/src/search-box.component.d.ts

@@ -0,0 +1,40 @@
+declare const _default: import('../../../vue').DefineComponent<{
+    data: any[];
+    customClass: string;
+    maxHeight: number;
+    loading: boolean;
+    modelValue: string;
+    disable: boolean;
+    idField: string;
+    buttonContent: string;
+    placeholder: string;
+    textField: string;
+    showDropdown: boolean;
+    popupHost?: any;
+}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('../../../vue').ComponentOptionsMixin, import('../../../vue').ComponentOptionsMixin, {}, "change" | "update:modelValue" | "selectedValue" | "clickButton", import('../../../vue').PublicProps, Readonly<{
+    data: any[];
+    customClass: string;
+    maxHeight: number;
+    loading: boolean;
+    modelValue: string;
+    disable: boolean;
+    idField: string;
+    buttonContent: string;
+    placeholder: string;
+    textField: string;
+    showDropdown: boolean;
+    popupHost?: any;
+}> & Readonly<{}>, {
+    data: any[];
+    customClass: string;
+    maxHeight: number;
+    loading: boolean;
+    modelValue: string;
+    disable: boolean;
+    idField: string;
+    buttonContent: string;
+    placeholder: string;
+    textField: string;
+    showDropdown: boolean;
+}, {}, {}, {}, string, import('../../../vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/search-box/src/search-box.props.d.ts

@@ -0,0 +1,64 @@
+import { PropType } from '../../../vue';
+
+export declare const searchBoxProps: {
+    /** 自定义图标 */
+    buttonContent: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 自定义样式类名 */
+    customClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 组件初始搜索值 */
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 弹出层宿主元素 */
+    popupHost: {
+        type: PropType<any>;
+    };
+    /** 搜索框数据 */
+    data: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    /** 占位文本 */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 数据源id字段 */
+    idField: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 数据源文本字段 */
+    textField: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 最大高度 */
+    maxHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 是否处于加载状态 */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否禁用 */
+    disable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否展示搜索结果面板 */
+    showDropdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type SearchBoxProps = import('../../../vue').ExtractPropTypes<typeof searchBoxProps>;

package/splitter/index.d.ts

@@ -0,0 +1,8 @@
+import { Plugin } from '../../vue';
+import { default as FXSplitter } from '../../src/splitter.component';
+import { default as FXSplitterPane } from '../../src/components/splitter-pane.component';
+
+export * from '../../src/splitter.props';
+export { FXSplitter, FXSplitterPane };
+declare const _default: typeof FXSplitter & Plugin;
+export default _default;

package/splitter/src/components/splitter-pane.component.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('../../../../vue').DefineComponent<{
+    [x: string]: /*elided*/ any;
+}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('../../../../vue').ComponentOptionsMixin, import('../../../../vue').ComponentOptionsMixin, {}, never, import('../../../../vue').PublicProps, Readonly<{
+    [x: string]: /*elided*/ any;
+}> & Readonly<{}>, {
+    [x: string]: any;
+}, {}, {}, {}, string, import('../../../../vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/splitter/src/components/splitter-pane.props.d.ts

@@ -0,0 +1,5 @@
+import { ExtractPropTypes } from '../../../../vue';
+
+export type SplitterPanePosition = 'left' | 'center' | 'right' | 'top' | 'bottom';
+export declare const splitterPaneProps: Record<string, any>;
+export type SplitterPanePropsType = ExtractPropTypes<typeof splitterPaneProps>;

package/splitter/src/composition/types.d.ts

@@ -0,0 +1,26 @@
+import { Ref } from '../../../../vue';
+
+export interface UseResizePane {
+    actualHeight: Ref<number>;
+    actualWidth: Ref<number>;
+    onClickSplitterHorizontalResizeBar: ($event: MouseEvent, position: string, element: HTMLElement) => any;
+    onClickSplitterVerticalResizeBar: ($event: MouseEvent, position: string, element: HTMLElement) => any;
+}
+export interface UseResizeHandle {
+    horizontalResizeBarPosition: Ref<number>;
+    horizontalResizeHandleOffset: Ref<number>;
+    showHorizontalResizeHandle: Ref<boolean>;
+    showVerticalResizeHandle: Ref<boolean>;
+    verticalResizeBarPosition: Ref<number>;
+    verticalResizeHandleOffset: Ref<number>;
+    horizontalResizeHandleStyle: Ref<Record<string, any>>;
+    verticalResizeHandleStyle: Ref<Record<string, any>>;
+    resizeOverlayStyle: Ref<Record<string, any>>;
+    draggingHorizontalResizeHandle: ($event: MouseEvent, maxWidth: number, minWidth: number, position: string) => void;
+    draggingVerticalResizeHandle: ($event: MouseEvent, maxHeight: number, minHeight: number, position: string) => void;
+    getPanelMaxWidth: (position: string, minWidth: number) => number | undefined;
+    getPanelMaxHeight: (position: string, minHeight: number) => number | undefined;
+}
+export interface SplitterContext {
+    useResizeHandleComposition: UseResizeHandle;
+}

package/splitter/src/composition/use-resize-handle.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from '../../../../vue';
+import { UseResizeHandle } from '../../../../types';
+
+export declare function useResizeHandle(splitterElementRef: Ref<HTMLElement | undefined>): UseResizeHandle;

package/splitter/src/composition/use-resize-pane.d.ts

@@ -0,0 +1,4 @@
+import { UseResizePane, UseResizeHandle } from '../../../../types';
+import { SplitterPanePropsType } from '../../../../../components/splitter-pane.props';
+
+export declare function useResizePane(props: SplitterPanePropsType, useResizeHandleComposition: UseResizeHandle): UseResizePane;