x-next 0.0.0-alpha.8 → 1.0.0

package/dist/components/image/preview-toolbar.vue.d.ts

@@ -0,0 +1,630 @@
+import { PropType } from 'vue';
+import { RenderFunc } from '../../_container/render-function';
+import { ActionType } from './interface.ts';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    actions: {
+        type: PropType<ActionType[]>;
+        default: () => never[];
+    };
+    /** 控制条的布局 */
+    actionsLayout: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    resultActions: import('vue').ComputedRef<ActionType[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    actions: {
+        type: PropType<ActionType[]>;
+        default: () => never[];
+    };
+    /** 控制条的布局 */
+    actionsLayout: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{}>, {
+    actionsLayout: string[];
+    actions: ActionType[];
+}, {}, {
+    RenderFunction: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        renderFunc: {
+            type: PropType<RenderFunc>;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        renderFunc: {
+            type: PropType<RenderFunc>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    PreviewAction: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, {
+        disabled: boolean;
+    }, {}, {
+        Tooltip: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                popupVisible: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                defaultPopupVisible: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                trigger: {
+                    type: PropType<import('../../_props/constant.ts').TriggerEvent | import('../../_props/constant.ts').TriggerEvent[]>;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                content: {
+                    type: PropType<string | number>;
+                };
+                position: {
+                    type: PropType<import('../../_props/constant.ts').TriggerPosition>;
+                    default: string;
+                };
+                mini: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                backgroundColor: {
+                    type: StringConstructor;
+                };
+                contentClass: {
+                    type: PropType<import('../../_props/types.ts').ClassName>;
+                };
+                contentStyle: {
+                    type: PropType<import('vue').CSSProperties>;
+                };
+                arrowClass: {
+                    type: PropType<import('../../_props/types.ts').ClassName>;
+                };
+                arrowStyle: {
+                    type: PropType<import('vue').CSSProperties>;
+                };
+                popupContainer: {
+                    type: PropType<string | HTMLElement>;
+                };
+                popupOffset: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                popupTranslate: {
+                    type: PropType<import('../trigger/interface.ts').TriggerPopupTranslate>;
+                };
+                showArrow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                alignPoint: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                popupStyle: {
+                    type: PropType<import('vue').CSSProperties>;
+                };
+                animationName: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                duration: {
+                    type: PropType<number | {
+                        enter: number;
+                        leave: number;
+                    }>;
+                };
+                mouseEnterDelay: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                mouseLeaveDelay: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                focusDelay: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                popupHoverStay: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                blurToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                clickToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                clickOutsideToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                unmountOnClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autoFitPopupWidth: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autoFitPopupMinWidth: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autoFixPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                updateAtScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autoFitPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                renderToBody: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                preventFocus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollToCloseDistance: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                openedClass: {
+                    type: PropType<import('../../_props/types.ts').ClassName>;
+                };
+            }>> & Readonly<{
+                onResize?: (() => any) | undefined;
+                onHide?: (() => any) | undefined;
+                onShow?: (() => any) | undefined;
+                "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
+                onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
+            }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                'update:popupVisible': (visible: boolean) => true;
+                popupVisibleChange: (visible: boolean) => true;
+                show: () => true;
+                hide: () => true;
+                resize: () => true;
+            }, import('vue').PublicProps, {
+                mini: boolean;
+                disabled: boolean;
+                animationName: string;
+                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                autoFitPosition: boolean;
+                popupVisible: boolean;
+                defaultPopupVisible: boolean;
+                trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+                popupOffset: number;
+                showArrow: boolean;
+                alignPoint: boolean;
+                popupHoverStay: boolean;
+                blurToClose: boolean;
+                clickToClose: boolean;
+                clickOutsideToClose: boolean;
+                unmountOnClose: boolean;
+                mouseEnterDelay: number;
+                mouseLeaveDelay: number;
+                focusDelay: number;
+                autoFitPopupWidth: boolean;
+                autoFitPopupMinWidth: boolean;
+                autoFixPosition: boolean;
+                updateAtScroll: boolean;
+                renderToBody: boolean;
+                preventFocus: boolean;
+                scrollToClose: boolean;
+                scrollToCloseDistance: number;
+            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('vue').ExtractPropTypes<{
+                popupVisible: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                defaultPopupVisible: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                trigger: {
+                    type: PropType<import('../../_props/constant.ts').TriggerEvent | import('../../_props/constant.ts').TriggerEvent[]>;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                content: {
+                    type: PropType<string | number>;
+                };
+                position: {
+                    type: PropType<import('../../_props/constant.ts').TriggerPosition>;
+                    default: string;
+                };
+                mini: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                backgroundColor: {
+                    type: StringConstructor;
+                };
+                contentClass: {
+                    type: PropType<import('../../_props/types.ts').ClassName>;
+                };
+                contentStyle: {
+                    type: PropType<import('vue').CSSProperties>;
+                };
+                arrowClass: {
+                    type: PropType<import('../../_props/types.ts').ClassName>;
+                };
+                arrowStyle: {
+                    type: PropType<import('vue').CSSProperties>;
+                };
+                popupContainer: {
+                    type: PropType<string | HTMLElement>;
+                };
+                popupOffset: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                popupTranslate: {
+                    type: PropType<import('../trigger/interface.ts').TriggerPopupTranslate>;
+                };
+                showArrow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                alignPoint: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                popupStyle: {
+                    type: PropType<import('vue').CSSProperties>;
+                };
+                animationName: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                duration: {
+                    type: PropType<number | {
+                        enter: number;
+                        leave: number;
+                    }>;
+                };
+                mouseEnterDelay: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                mouseLeaveDelay: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                focusDelay: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                popupHoverStay: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                blurToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                clickToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                clickOutsideToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                unmountOnClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autoFitPopupWidth: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autoFitPopupMinWidth: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autoFixPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                updateAtScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autoFitPosition: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                renderToBody: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                preventFocus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollToCloseDistance: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                openedClass: {
+                    type: PropType<import('../../_props/types.ts').ClassName>;
+                };
+            }>> & Readonly<{
+                onResize?: (() => any) | undefined;
+                onHide?: (() => any) | undefined;
+                onShow?: (() => any) | undefined;
+                "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
+                onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
+            }>, () => VNode, {}, {}, {}, {
+                mini: boolean;
+                disabled: boolean;
+                animationName: string;
+                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+                autoFitPosition: boolean;
+                popupVisible: boolean;
+                defaultPopupVisible: boolean;
+                trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+                popupOffset: number;
+                showArrow: boolean;
+                alignPoint: boolean;
+                popupHoverStay: boolean;
+                blurToClose: boolean;
+                clickToClose: boolean;
+                clickOutsideToClose: boolean;
+                unmountOnClose: boolean;
+                mouseEnterDelay: number;
+                mouseLeaveDelay: number;
+                focusDelay: number;
+                autoFitPopupWidth: boolean;
+                autoFitPopupMinWidth: boolean;
+                autoFixPosition: boolean;
+                updateAtScroll: boolean;
+                renderToBody: boolean;
+                preventFocus: boolean;
+                scrollToClose: boolean;
+                scrollToCloseDistance: number;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            popupVisible: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            defaultPopupVisible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            trigger: {
+                type: PropType<import('../../_props/constant.ts').TriggerEvent | import('../../_props/constant.ts').TriggerEvent[]>;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            content: {
+                type: PropType<string | number>;
+            };
+            position: {
+                type: PropType<import('../../_props/constant.ts').TriggerPosition>;
+                default: string;
+            };
+            mini: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            backgroundColor: {
+                type: StringConstructor;
+            };
+            contentClass: {
+                type: PropType<import('../../_props/types.ts').ClassName>;
+            };
+            contentStyle: {
+                type: PropType<import('vue').CSSProperties>;
+            };
+            arrowClass: {
+                type: PropType<import('../../_props/types.ts').ClassName>;
+            };
+            arrowStyle: {
+                type: PropType<import('vue').CSSProperties>;
+            };
+            popupContainer: {
+                type: PropType<string | HTMLElement>;
+            };
+            popupOffset: {
+                type: NumberConstructor;
+                default: number;
+            };
+            popupTranslate: {
+                type: PropType<import('../trigger/interface.ts').TriggerPopupTranslate>;
+            };
+            showArrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            alignPoint: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupStyle: {
+                type: PropType<import('vue').CSSProperties>;
+            };
+            animationName: {
+                type: StringConstructor;
+                default: string;
+            };
+            duration: {
+                type: PropType<number | {
+                    enter: number;
+                    leave: number;
+                }>;
+            };
+            mouseEnterDelay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            mouseLeaveDelay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            focusDelay: {
+                type: NumberConstructor;
+                default: number;
+            };
+            popupHoverStay: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            blurToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            clickToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            clickOutsideToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            unmountOnClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autoFitPopupWidth: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autoFitPopupMinWidth: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autoFixPosition: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            updateAtScroll: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autoFitPosition: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            renderToBody: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            preventFocus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            scrollToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            scrollToCloseDistance: {
+                type: NumberConstructor;
+                default: number;
+            };
+            openedClass: {
+                type: PropType<import('../../_props/types.ts').ClassName>;
+            };
+        }>> & Readonly<{
+            onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
+            "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
+            onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
+        }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            'update:popupVisible': (visible: boolean) => true;
+            popupVisibleChange: (visible: boolean) => true;
+            show: () => true;
+            hide: () => true;
+            resize: () => true;
+        }, string, {
+            mini: boolean;
+            disabled: boolean;
+            animationName: string;
+            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            autoFitPosition: boolean;
+            popupVisible: boolean;
+            defaultPopupVisible: boolean;
+            trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+            popupOffset: number;
+            showArrow: boolean;
+            alignPoint: boolean;
+            popupHoverStay: boolean;
+            blurToClose: boolean;
+            clickToClose: boolean;
+            clickOutsideToClose: boolean;
+            unmountOnClose: boolean;
+            mouseEnterDelay: number;
+            mouseLeaveDelay: number;
+            focusDelay: number;
+            autoFitPopupWidth: boolean;
+            autoFitPopupMinWidth: boolean;
+            autoFixPosition: boolean;
+            updateAtScroll: boolean;
+            renderToBody: boolean;
+            preventFocus: boolean;
+            scrollToClose: boolean;
+            scrollToCloseDistance: number;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+            install(app: import('vue').App): void;
+        };
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/image/utils/get-fix-translate.d.ts

@@ -0,0 +1 @@
+export default function getFixTranslate(wrapperRect: DOMRect, imgRect: DOMRect, translateX: number, translateY: number, scale: number): [number, number];

package/dist/components/image/utils/get-scale.d.ts

@@ -0,0 +1,6 @@
+type ZoomType = 'zoomIn' | 'zoomOut';
+export declare const minScale: number;
+export declare const maxScale: number;
+export default function getScale(cur?: number, type?: ZoomType): number;
+export declare function getScaleByRate(scale: number, rate?: number, type?: ZoomType): number;
+export {};

package/dist/components/image/utils/index.d.ts

@@ -0,0 +1 @@
+export declare function normalizeImageSizeProp(size?: string | number): string | undefined;

package/dist/components/index.d.ts

@@ -0,0 +1,50 @@
+export * from './alert';
+export * from './button';
+export * from './dialog';
+export * from './drawer';
+export * from './dropdown';
+export * from './empty';
+export * from './date-picker';
+export * from './form';
+export * from './form-checkbox';
+export * from './form-input';
+export * from './form-input-number';
+export * from './form-input-tag';
+export * from './form-radio';
+export * from './form-select';
+export * from './form-slider';
+export * from './form-switch';
+export * from './form-textarea';
+export * from './draggable';
+export * from './grid';
+export * from './image';
+export * from './layout';
+export * from './link';
+export * from './menu';
+export * from './message';
+export * from './message-box';
+export * from './network';
+export * from './notification';
+export * from './pagination';
+export * from './popconfirm';
+export * from './popover';
+export * from './popup';
+export * from './progress';
+export * from './rate';
+export * from './resize-box';
+export * from './scrollbar-v2';
+export * from './skeleton';
+export * from './space';
+export * from './spin';
+export * from './steps';
+export * from './table';
+export * from './tabs';
+export * from './tag';
+export * from './time-picker';
+export * from './time-range-selector';
+export * from './timeline';
+export * from './timeline-item';
+export * from './tooltip';
+export * from './trend-chart';
+export * from './trigger';
+export * from './watermark';