@destyler/splitter 0.0.5 → 0.0.7-beta.1

package/dist/component.d.cts

@@ -1,654 +0,0 @@
-import * as vue from 'vue';
-import { PropType, Ref, SlotsType, VNode } from 'vue';
-import * as _destyler_primitive from '@destyler/primitive';
-import { ExtractPublicPropTypes } from '@destyler/shared';
-
-interface PanelGroupStorage {
-    getItem: (name: string) => string | null;
-    setItem: (name: string, value: string) => void;
-}
-type ResizeHandlerState = 'drag' | 'hover' | 'inactive';
-type Direction = 'horizontal' | 'vertical';
-
-interface PointerHitAreaMargins {
-    coarse: number;
-    fine: number;
-}
-
-declare const splitterResizeHandleProps: {
-    /**
-     * Resize handle id (unique within group);
-     * falls back to `useId` when not provided
-     */
-    readonly id: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-    /**
-     * Allow this much margin when determining resizable handle hit detection
-     */
-    readonly hitAreaMargins: {
-        readonly type: PropType<PointerHitAreaMargins>;
-        readonly required: false;
-    };
-    /**
-     * Tabindex for the handle
-     *
-     * @default 0
-     */
-    readonly tabindex: {
-        readonly type: PropType<number>;
-        readonly required: false;
-        readonly default: 0;
-    };
-    /**
-     * Disable drag handle
-     */
-    readonly disabled: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    readonly as: {
-        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-};
-type SplitterResizeHandleProps = ExtractPublicPropTypes<typeof splitterResizeHandleProps>;
-declare const splitterResizeHandleEmits: {
-    /**
-     * Event handler called when dragging the handler.
-     */
-    dragging: (_isDragging: boolean) => boolean;
-};
-declare const SplitterResizeHandle: vue.DefineComponent<{
-    /**
-     * Resize handle id (unique within group);
-     * falls back to `useId` when not provided
-     */
-    readonly id: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-    /**
-     * Allow this much margin when determining resizable handle hit detection
-     */
-    readonly hitAreaMargins: {
-        readonly type: PropType<PointerHitAreaMargins>;
-        readonly required: false;
-    };
-    /**
-     * Tabindex for the handle
-     *
-     * @default 0
-     */
-    readonly tabindex: {
-        readonly type: PropType<number>;
-        readonly required: false;
-        readonly default: 0;
-    };
-    /**
-     * Disable drag handle
-     */
-    readonly disabled: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    readonly as: {
-        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-}, {
-    resizeHandleId: string;
-    disabled: vue.Ref<boolean | undefined>;
-    state: vue.Ref<ResizeHandlerState>;
-    direction: "horizontal" | "vertical";
-    groupId: string;
-    isFocused: vue.Ref<boolean>;
-    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    /**
-     * Event handler called when dragging the handler.
-     */
-    dragging: (_isDragging: boolean) => boolean;
-}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    /**
-     * Resize handle id (unique within group);
-     * falls back to `useId` when not provided
-     */
-    readonly id: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-    /**
-     * Allow this much margin when determining resizable handle hit detection
-     */
-    readonly hitAreaMargins: {
-        readonly type: PropType<PointerHitAreaMargins>;
-        readonly required: false;
-    };
-    /**
-     * Tabindex for the handle
-     *
-     * @default 0
-     */
-    readonly tabindex: {
-        readonly type: PropType<number>;
-        readonly required: false;
-        readonly default: 0;
-    };
-    /**
-     * Disable drag handle
-     */
-    readonly disabled: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    readonly as: {
-        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-}>> & {
-    onDragging?: ((_isDragging: boolean) => any) | undefined;
-}, {
-    readonly as: _destyler_primitive.AsTag | vue.Component;
-    readonly asChild: boolean;
-    readonly tabindex: number;
-}, {}>;
-
-declare const splitterGroupProps: {
-    /**
-     * Group id; falls back to `useId` when not provided.
-     */
-    readonly id: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-    /**
-     * Unique id used to auto-save group
-     * arrangement via `localStorage`.
-     *
-     * @default null
-     */
-    readonly autoSaveId: {
-        readonly type: PropType<string>;
-        readonly required: false;
-        readonly default: null;
-    };
-    /**
-     * The group orientation of splitter.
-     */
-    readonly direction: {
-        readonly type: PropType<Direction>;
-        readonly required: true;
-    };
-    /**
-     * Step size when arrow key was pressed.
-     *
-     * @default 10
-     */
-    readonly keyboardResizeBy: {
-        readonly type: PropType<number>;
-        readonly required: false;
-        readonly default: 10;
-    };
-    /**
-     * Custom storage API; defaults to localStorage
-     *
-     * @default () => defaultStorage
-     */
-    readonly storage: {
-        readonly type: PropType<PanelGroupStorage>;
-        readonly required: false;
-        readonly default: () => PanelGroupStorage;
-    };
-    readonly as: {
-        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-};
-type SplitterGroupProps = ExtractPublicPropTypes<typeof splitterGroupProps>;
-declare const splitterGroupEmits: {
-    /**
-     * Event handler called when group layout changes
-     */
-    layout: (_layout: number[]) => boolean;
-};
-declare const SplitterGroup: vue.DefineComponent<{
-    /**
-     * Group id; falls back to `useId` when not provided.
-     */
-    readonly id: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-    /**
-     * Unique id used to auto-save group
-     * arrangement via `localStorage`.
-     *
-     * @default null
-     */
-    readonly autoSaveId: {
-        readonly type: PropType<string>;
-        readonly required: false;
-        readonly default: null;
-    };
-    /**
-     * The group orientation of splitter.
-     */
-    readonly direction: {
-        readonly type: PropType<Direction>;
-        readonly required: true;
-    };
-    /**
-     * Step size when arrow key was pressed.
-     *
-     * @default 10
-     */
-    readonly keyboardResizeBy: {
-        readonly type: PropType<number>;
-        readonly required: false;
-        readonly default: 10;
-    };
-    /**
-     * Custom storage API; defaults to localStorage
-     *
-     * @default () => defaultStorage
-     */
-    readonly storage: {
-        readonly type: PropType<PanelGroupStorage>;
-        readonly required: false;
-        readonly default: () => PanelGroupStorage;
-    };
-    readonly as: {
-        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-}, {
-    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
-    groupId: string;
-    layout: Ref<number[]>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    /**
-     * Event handler called when group layout changes
-     */
-    layout: (_layout: number[]) => boolean;
-}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    /**
-     * Group id; falls back to `useId` when not provided.
-     */
-    readonly id: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-    /**
-     * Unique id used to auto-save group
-     * arrangement via `localStorage`.
-     *
-     * @default null
-     */
-    readonly autoSaveId: {
-        readonly type: PropType<string>;
-        readonly required: false;
-        readonly default: null;
-    };
-    /**
-     * The group orientation of splitter.
-     */
-    readonly direction: {
-        readonly type: PropType<Direction>;
-        readonly required: true;
-    };
-    /**
-     * Step size when arrow key was pressed.
-     *
-     * @default 10
-     */
-    readonly keyboardResizeBy: {
-        readonly type: PropType<number>;
-        readonly required: false;
-        readonly default: 10;
-    };
-    /**
-     * Custom storage API; defaults to localStorage
-     *
-     * @default () => defaultStorage
-     */
-    readonly storage: {
-        readonly type: PropType<PanelGroupStorage>;
-        readonly required: false;
-        readonly default: () => PanelGroupStorage;
-    };
-    readonly as: {
-        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-}>> & {
-    onLayout?: ((_layout: number[]) => any) | undefined;
-}, {
-    readonly storage: PanelGroupStorage;
-    readonly autoSaveId: string;
-    readonly keyboardResizeBy: number;
-    readonly as: _destyler_primitive.AsTag | vue.Component;
-    readonly asChild: boolean;
-}, SlotsType<{
-    default: (props: {
-        /**
-         * Current size of layout
-         */
-        layout: number[];
-    }) => VNode[];
-}>>;
-
-declare const splitterPanelProps: {
-    /**
-     * The size of panel when it is collapsed.
-     */
-    readonly collapsedSize: {
-        readonly type: PropType<number>;
-        readonly required: false;
-    };
-    /**
-     * Should panel collapse when resized beyond its `minSize`. When `true`, it will be collapsed to `collapsedSize`.
-     */
-    readonly collapsible: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    /**
-     * Initial size of panel (numeric value between 1-100)
-     *
-     * @default false
-     */
-    readonly defaultSize: {
-        readonly type: PropType<number>;
-        readonly required: false;
-    };
-    readonly id: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-    /**
-     * The maximum allowable size of panel (numeric value between 1-100); defaults to `100`
-     */
-    readonly maxSize: {
-        readonly type: PropType<number>;
-        readonly required: false;
-    };
-    /**
-     * The minimum allowable size of panel (numeric value between 1-100); defaults to `10`
-     */
-    readonly minSize: {
-        readonly type: PropType<number>;
-        readonly required: false;
-    };
-    /**
-     * The order of panel within group; required for groups with conditionally rendered panels
-     */
-    readonly order: {
-        readonly type: PropType<number>;
-        readonly required: false;
-    };
-    readonly as: {
-        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-};
-type SplitterPanelProps = ExtractPublicPropTypes<typeof splitterPanelProps>;
-declare const splitterPanelEmits: {
-    /**
-     * Event handler called when panel is collapsed.
-     */
-    collapse: () => boolean;
-    /**
-     * Event handler called when panel is expanded.
-     */
-    expand: () => boolean;
-    /**
-     * Event handler called when panel is resized;
-     * size parameter is a numeric value
-     * between 1-100.
-     */
-    resize: (_size: number, _prevSize: number | undefined) => boolean;
-};
-declare const SplitterPanel: vue.DefineComponent<{
-    /**
-     * The size of panel when it is collapsed.
-     */
-    readonly collapsedSize: {
-        readonly type: PropType<number>;
-        readonly required: false;
-    };
-    /**
-     * Should panel collapse when resized beyond its `minSize`. When `true`, it will be collapsed to `collapsedSize`.
-     */
-    readonly collapsible: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    /**
-     * Initial size of panel (numeric value between 1-100)
-     *
-     * @default false
-     */
-    readonly defaultSize: {
-        readonly type: PropType<number>;
-        readonly required: false;
-    };
-    readonly id: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-    /**
-     * The maximum allowable size of panel (numeric value between 1-100); defaults to `100`
-     */
-    readonly maxSize: {
-        readonly type: PropType<number>;
-        readonly required: false;
-    };
-    /**
-     * The minimum allowable size of panel (numeric value between 1-100); defaults to `10`
-     */
-    readonly minSize: {
-        readonly type: PropType<number>;
-        readonly required: false;
-    };
-    /**
-     * The order of panel within group; required for groups with conditionally rendered panels
-     */
-    readonly order: {
-        readonly type: PropType<number>;
-        readonly required: false;
-    };
-    readonly as: {
-        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-}, {
-    groupId: string;
-    panelId: string;
-    style: vue.ComputedRef<vue.CSSProperties>;
-    isCollapsed: vue.ComputedRef<boolean>;
-    isExpanded: vue.ComputedRef<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    /**
-     * Event handler called when panel is collapsed.
-     */
-    collapse: () => boolean;
-    /**
-     * Event handler called when panel is expanded.
-     */
-    expand: () => boolean;
-    /**
-     * Event handler called when panel is resized;
-     * size parameter is a numeric value
-     * between 1-100.
-     */
-    resize: (_size: number, _prevSize: number | undefined) => boolean;
-}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    /**
-     * The size of panel when it is collapsed.
-     */
-    readonly collapsedSize: {
-        readonly type: PropType<number>;
-        readonly required: false;
-    };
-    /**
-     * Should panel collapse when resized beyond its `minSize`. When `true`, it will be collapsed to `collapsedSize`.
-     */
-    readonly collapsible: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    /**
-     * Initial size of panel (numeric value between 1-100)
-     *
-     * @default false
-     */
-    readonly defaultSize: {
-        readonly type: PropType<number>;
-        readonly required: false;
-    };
-    readonly id: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-    /**
-     * The maximum allowable size of panel (numeric value between 1-100); defaults to `100`
-     */
-    readonly maxSize: {
-        readonly type: PropType<number>;
-        readonly required: false;
-    };
-    /**
-     * The minimum allowable size of panel (numeric value between 1-100); defaults to `10`
-     */
-    readonly minSize: {
-        readonly type: PropType<number>;
-        readonly required: false;
-    };
-    /**
-     * The order of panel within group; required for groups with conditionally rendered panels
-     */
-    readonly order: {
-        readonly type: PropType<number>;
-        readonly required: false;
-    };
-    readonly as: {
-        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-}>> & {
-    onCollapse?: (() => any) | undefined;
-    onExpand?: (() => any) | undefined;
-    onResize?: ((_size: number, _prevSize: number | undefined) => any) | undefined;
-}, {
-    readonly as: _destyler_primitive.AsTag | vue.Component;
-    readonly asChild: boolean;
-}, SlotsType<{
-    default: (props: {
-        /**
-         * Is the panel collapsed
-         */
-        isCollapsed: boolean;
-        /**
-         * Is the panel expanded
-         */
-        isExpanded: boolean;
-    }) => VNode[];
-}>>;
-
-declare const splitterRootProps: {
-    readonly as: {
-        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        readonly type: vue.PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-};
-type SplitterRootProps = ExtractPublicPropTypes<typeof splitterRootProps>;
-declare const SplitterRoot: vue.DefineComponent<{
-    readonly as: {
-        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        readonly type: vue.PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    readonly as: {
-        readonly type: vue.PropType<_destyler_primitive.AsTag | vue.Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        readonly type: vue.PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-}>>, {
-    readonly as: _destyler_primitive.AsTag | vue.Component;
-    readonly asChild: boolean;
-}, {}>;
-
-export { SplitterGroup, type SplitterGroupProps, SplitterPanel, type SplitterPanelProps, SplitterResizeHandle, type SplitterResizeHandleProps, SplitterRoot, type SplitterRootProps, splitterGroupEmits, splitterGroupProps, splitterPanelEmits, splitterPanelProps, splitterResizeHandleEmits, splitterResizeHandleProps, splitterRootProps };