sakana-element 2.3.0 → 2.4.1

package/dist/types/components/Popconfirm/index.d.ts

@@ -67,8 +67,8 @@ export declare const PxPopconfirm: {
             }, string, {
                 effect: import('packages/core').TooltipEffect;
                 transition: string;
-                trigger: "hover" | "click" | "contextmenu";
                 placement: import('@popperjs/core').Placement;
+                trigger: "hover" | "click" | "contextmenu";
                 showTimeout: number;
                 hideTimeout: number;
                 enterable: boolean;
@@ -95,15 +95,15 @@ export declare const PxPopconfirm: {
         } & Readonly<{
             effect: import('packages/core').TooltipEffect;
             transition: string;
-            trigger: "hover" | "click" | "contextmenu";
             placement: import('@popperjs/core').Placement;
+            trigger: "hover" | "click" | "contextmenu";
             showTimeout: number;
             hideTimeout: number;
             enterable: boolean;
         }> & Omit<Readonly<import('packages/core').TooltipProps> & Readonly<{
             "onVisible-change"?: ((value: boolean) => any) | undefined;
             "onClick-outside"?: (() => any) | undefined;
-        }>, "toggle" | "show" | "hide" | ("effect" | "transition" | "trigger" | "placement" | "showTimeout" | "hideTimeout" | "enterable")> & import('vue').ShallowUnwrapRef<{
+        }>, "toggle" | "show" | "hide" | ("effect" | "transition" | "placement" | "trigger" | "showTimeout" | "hideTimeout" | "enterable")> & import('vue').ShallowUnwrapRef<{
             show(): void;
             hide(): void;
             toggle(): void;

package/dist/types/components/Resizable/constants.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey } from 'vue';
+import { ResizableGroupContext } from './types';
+export declare const RESIZABLE_GROUP_CTX_KEY: InjectionKey<ResizableGroupContext>;

package/dist/types/components/Resizable/index.d.ts

@@ -0,0 +1,135 @@
+export declare const PxResizableGroup: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').ResizableGroupProps> & Readonly<{
+        onLayout?: ((sizes: number[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        layout: (sizes: number[]) => any;
+    }, import('vue').PublicProps, {
+        keyboardResizeBy: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        groupRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').ResizableGroupProps> & Readonly<{
+        onLayout?: ((sizes: number[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        keyboardResizeBy: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').ResizableGroupProps> & Readonly<{
+    onLayout?: ((sizes: number[]) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    layout: (sizes: number[]) => any;
+}, string, {
+    keyboardResizeBy: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export declare const PxResizablePanel: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').ResizablePanelProps> & Readonly<{
+        onResize?: ((size: number) => any) | undefined;
+        onCollapse?: (() => any) | undefined;
+        onExpand?: (() => any) | undefined;
+    }>, {
+        collapse(): void;
+        expand(): void;
+        getSize(): number;
+        resize(size: number): void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        resize: (size: number) => any;
+        collapse: () => any;
+        expand: () => any;
+    }, import('vue').PublicProps, {
+        minSize: number;
+        maxSize: number;
+        collapsible: boolean;
+        collapsedSize: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').ResizablePanelProps> & Readonly<{
+        onResize?: ((size: number) => any) | undefined;
+        onCollapse?: (() => any) | undefined;
+        onExpand?: (() => any) | undefined;
+    }>, {
+        collapse(): void;
+        expand(): void;
+        getSize(): number;
+        resize(size: number): void;
+    }, {}, {}, {}, {
+        minSize: number;
+        maxSize: number;
+        collapsible: boolean;
+        collapsedSize: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').ResizablePanelProps> & Readonly<{
+    onResize?: ((size: number) => any) | undefined;
+    onCollapse?: (() => any) | undefined;
+    onExpand?: (() => any) | undefined;
+}>, {
+    collapse(): void;
+    expand(): void;
+    getSize(): number;
+    resize(size: number): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    resize: (size: number) => any;
+    collapse: () => any;
+    expand: () => any;
+}, string, {
+    minSize: number;
+    maxSize: number;
+    collapsible: boolean;
+    collapsedSize: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export declare const PxResizableHandle: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').ResizableHandleProps> & Readonly<{
+        onDragging?: ((isDragging: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        dragging: (isDragging: boolean) => any;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        hitAreaMargins: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').ResizableHandleProps> & Readonly<{
+        onDragging?: ((isDragging: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        disabled: boolean;
+        hitAreaMargins: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').ResizableHandleProps> & Readonly<{
+    onDragging?: ((isDragging: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    dragging: (isDragging: boolean) => any;
+}, string, {
+    disabled: boolean;
+    hitAreaMargins: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+export * from './types';

package/dist/types/components/Resizable/types.d.ts

@@ -0,0 +1,52 @@
+import { Ref } from 'vue';
+export interface ResizableGroupProps {
+    direction: 'horizontal' | 'vertical';
+    autoSaveId?: string;
+    keyboardResizeBy?: number;
+}
+export type ResizableGroupEmits = (e: 'layout', sizes: number[]) => void;
+export interface ResizablePanelProps {
+    defaultSize?: number;
+    minSize?: number;
+    maxSize?: number;
+    collapsible?: boolean;
+    collapsedSize?: number;
+}
+export interface ResizablePanelEmits {
+    (e: 'resize', size: number): void;
+    (e: 'collapse'): void;
+    (e: 'expand'): void;
+}
+export interface ResizablePanelInstance {
+    collapse(): void;
+    expand(): void;
+    getSize(): number;
+    resize(size: number): void;
+}
+export interface ResizableHandleProps {
+    disabled?: boolean;
+    hitAreaMargins?: number;
+}
+export type ResizableHandleEmits = (e: 'dragging', isDragging: boolean) => void;
+export interface PanelData {
+    id: number;
+    minSize: number;
+    maxSize: number;
+    collapsible: boolean;
+    collapsedSize: number;
+    defaultSize?: number;
+}
+export interface ResizableGroupContext {
+    direction: Ref<'horizontal' | 'vertical'>;
+    keyboardResizeBy: Ref<number>;
+    registerPanel(data: PanelData): void;
+    unregisterPanel(id: number): void;
+    getPanelSize(id: number): number;
+    setPanelSize(id: number, size: number, force?: boolean): void;
+    startResize(handleId: number, onDragEnd?: () => void): void;
+    keyboardResize(handleId: number, delta: number): void;
+    getNextHandleId(): number;
+    registerHandle(id: number): void;
+    unregisterHandle(id: number): void;
+    panelSizes: Ref<Map<number, number>>;
+}

package/dist/types/components/Select/index.d.ts

@@ -74,8 +74,8 @@ export declare const PxSelect: {
             }, string, {
                 effect: import('packages/core').TooltipEffect;
                 transition: string;
-                trigger: "hover" | "click" | "contextmenu";
                 placement: import('@popperjs/core').Placement;
+                trigger: "hover" | "click" | "contextmenu";
                 showTimeout: number;
                 hideTimeout: number;
                 enterable: boolean;
@@ -102,15 +102,15 @@ export declare const PxSelect: {
         } & Readonly<{
             effect: import('packages/core').TooltipEffect;
             transition: string;
-            trigger: "hover" | "click" | "contextmenu";
             placement: import('@popperjs/core').Placement;
+            trigger: "hover" | "click" | "contextmenu";
             showTimeout: number;
             hideTimeout: number;
             enterable: boolean;
         }> & Omit<Readonly<import('packages/core').TooltipProps> & Readonly<{
             "onVisible-change"?: ((value: boolean) => any) | undefined;
             "onClick-outside"?: (() => any) | undefined;
-        }>, "toggle" | "show" | "hide" | ("effect" | "transition" | "trigger" | "placement" | "showTimeout" | "hideTimeout" | "enterable")> & import('vue').ShallowUnwrapRef<{
+        }>, "toggle" | "show" | "hide" | ("effect" | "transition" | "placement" | "trigger" | "showTimeout" | "hideTimeout" | "enterable")> & import('vue').ShallowUnwrapRef<{
             show(): void;
             hide(): void;
             toggle(): void;

package/dist/types/components/Skeleton/index.d.ts

@@ -0,0 +1,36 @@
+export declare const PxSkeleton: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').SkeletonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        loading: boolean;
+        animation: import('packages/core').SkeletonAnimation;
+        variant: import('packages/core').SkeletonVariant;
+        animated: boolean;
+        rows: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').SkeletonProps> & Readonly<{}>, {}, {}, {}, {}, {
+        loading: boolean;
+        animation: import('packages/core').SkeletonAnimation;
+        variant: import('packages/core').SkeletonVariant;
+        animated: boolean;
+        rows: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').SkeletonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    loading: boolean;
+    animation: import('packages/core').SkeletonAnimation;
+    variant: import('packages/core').SkeletonVariant;
+    animated: boolean;
+    rows: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export * from './types';

package/dist/types/components/Skeleton/types.d.ts

@@ -0,0 +1,12 @@
+export type SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'rounded';
+export type SkeletonAnimation = 'shimmer' | 'pulse' | 'dither';
+export interface SkeletonProps {
+    loading?: boolean;
+    animated?: boolean;
+    animation?: SkeletonAnimation;
+    variant?: SkeletonVariant;
+    width?: string | number;
+    height?: string | number;
+    rows?: number;
+    size?: 'large' | 'default' | 'small';
+}

package/dist/types/components/Tooltip/index.d.ts

@@ -12,8 +12,8 @@ export declare const PxTooltip: {
     }, import('vue').PublicProps, {
         effect: import('packages/core').TooltipEffect;
         transition: string;
-        trigger: "hover" | "click" | "contextmenu";
         placement: import('@popperjs/core').Placement;
+        trigger: "hover" | "click" | "contextmenu";
         showTimeout: number;
         hideTimeout: number;
         enterable: boolean;
@@ -38,8 +38,8 @@ export declare const PxTooltip: {
     }, {}, {}, {}, {
         effect: import('packages/core').TooltipEffect;
         transition: string;
-        trigger: "hover" | "click" | "contextmenu";
         placement: import('@popperjs/core').Placement;
+        trigger: "hover" | "click" | "contextmenu";
         showTimeout: number;
         hideTimeout: number;
         enterable: boolean;
@@ -60,8 +60,8 @@ export declare const PxTooltip: {
 }, string, {
     effect: import('packages/core').TooltipEffect;
     transition: string;
-    trigger: "hover" | "click" | "contextmenu";
     placement: import('@popperjs/core').Placement;
+    trigger: "hover" | "click" | "contextmenu";
     showTimeout: number;
     hideTimeout: number;
     enterable: boolean;

package/dist/types/components/Validator/index.d.ts

@@ -0,0 +1,52 @@
+export declare const PxValidator: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/core').ValidatorProps> & Readonly<{
+        onValidate?: ((isValid: boolean, message: string) => any) | undefined;
+    }>, {
+        validate(trigger?: string): Promise<boolean>;
+        reset(): void;
+        validateStatus: import('vue').Ref<import('packages/core').ValidateStatus>;
+        validateMessage: import('vue').Ref<string>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        validate: (isValid: boolean, message: string) => any;
+    }, import('vue').PublicProps, {
+        rules: import('packages/core').FormItemRule[];
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('packages/core').ValidatorProps> & Readonly<{
+        onValidate?: ((isValid: boolean, message: string) => any) | undefined;
+    }>, {
+        validate(trigger?: string): Promise<boolean>;
+        reset(): void;
+        validateStatus: import('vue').Ref<import('packages/core').ValidateStatus>;
+        validateMessage: import('vue').Ref<string>;
+    }, {}, {}, {}, {
+        rules: import('packages/core').FormItemRule[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('packages/core').ValidatorProps> & Readonly<{
+    onValidate?: ((isValid: boolean, message: string) => any) | undefined;
+}>, {
+    validate(trigger?: string): Promise<boolean>;
+    reset(): void;
+    validateStatus: import('vue').Ref<import('packages/core').ValidateStatus>;
+    validateMessage: import('vue').Ref<string>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    validate: (isValid: boolean, message: string) => any;
+}, string, {
+    rules: import('packages/core').FormItemRule[];
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        hint?(_: {
+            message: string;
+        }): any;
+    };
+}) & import('vue').Plugin;
+export * from './types';

package/dist/types/components/Validator/types.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+import { FormItemRule, ValidateStatus } from '../Form/types';
+export interface ValidatorProps {
+    modelValue?: unknown;
+    rules?: FormItemRule[];
+}
+export type ValidatorEmits = (e: 'validate', isValid: boolean, message: string) => void;
+export interface ValidatorInstance {
+    validate(trigger?: string): Promise<boolean>;
+    reset(): void;
+    validateStatus: Ref<ValidateStatus>;
+    validateMessage: Ref<string>;
+}

package/dist/types/components/index.d.ts

@@ -4,17 +4,21 @@ export * from './Badge';
 export * from './Breadcrumb';
 export * from './Button';
 export * from './Card';
+export * from './ChatBubble';
 export * from './Checkbox';
 export * from './Collapse';
 export * from './ConfigProvider';
-export * from './Drawer';
+export * from './Diff';
 export * from './Divider';
+export * from './Drawer';
 export * from './Dropdown';
 export * from './FileInput';
+export * from './Filter';
 export * from './Form';
 export * from './Icon';
 export * from './Indicator';
 export * from './Input';
+export * from './Kbd';
 export * from './Link';
 export * from './Loading';
 export * from './Message';
@@ -24,7 +28,10 @@ export * from './Pixelate';
 export * from './Popconfirm';
 export * from './Progress';
 export * from './Radio';
+export * from './Resizable';
 export * from './Select';
+export * from './Skeleton';
 export * from './Switch';
 export * from './Table';
 export * from './Tooltip';
+export * from './Validator';

package/dist/types/core/index.d.ts

@@ -1,5 +1,5 @@
 declare const installer: import('vue').Plugin;
 export * from '../components';
-export { type Theme, useSystemTheme, useTheme } from '../hooks';
+export { type Theme, type UseDraggableOptions, type UseFocusControllerOptions, useSystemTheme, useTheme, useClickOutside, useDraggable, useFocusTrap, useLocale, } from '../hooks';
 export * from '../locale';
 export default installer;

package/dist/types/hooks/index.d.ts

@@ -8,6 +8,8 @@ import { default as useId } from './useId';
 import { default as useLocale } from './useLocale';
 import { default as useOffset } from './useOffset';
 import { default as useZIndex } from './useZIndex';
+export { type UseDraggableOptions } from './useDraggable';
+export { type UseFocusControllerOptions } from './useFocusController';
 export { useSystemTheme } from './useSystemTheme';
 export { type Theme, useTheme } from './useTheme';
 export { useClickOutside, useDraggable, useEventListener, useDisabledStyle, useFocusController, useFocusTrap, useLocale, useOffset, useZIndex, useId, };

package/dist/types/hooks/useFocusController.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-interface UseFocusControllerOptions {
+export interface UseFocusControllerOptions {
     afterFocus?(): void;
     beforeBlur?(event: FocusEvent): boolean | undefined;
     afterBlur?(): void;

package/dist/types/utils/index.d.ts

@@ -16,6 +16,7 @@ export * from './icon-map';
 export * from './icon-registry';
 export * from './install';
 export * from './instance-management';
+export * from './pixelate';
 export * from './sanitize-svg';
 export * from './style';
 export * from './test';

package/dist/types/utils/pixelate.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Shared pixelation utilities used by PxPixelate and PxDiff.
+ */
+export interface PixelateCanvasOptions {
+    pixelSize: number;
+    grayscale?: boolean;
+    palette?: string[] | number[][];
+    background?: string;
+}
+export declare function pixelateCanvas(canvas: HTMLCanvasElement, img: HTMLImageElement, options: PixelateCanvasOptions): void;

package/dist/types/utils/style.d.ts

@@ -1 +1,2 @@
 export declare function addUnit(val?: string | number, defaultUnit?: string): string | undefined;
+export declare function clamp(value: number, min: number, max: number): number;