x-next 0.0.0-alpha.62 → 0.0.0-alpha.64

package/dist/_container/resize-trigger.vue.d.ts

@@ -0,0 +1,135 @@
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+        required: true;
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+}>, {
+    classNames: import('vue').ComputedRef<(string | {
+        [x: string]: boolean;
+    })[]>;
+    onResize: (entry: ResizeObserverEntry) => void;
+    isHorizontal: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+        required: true;
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+}>> & Readonly<{
+    onResize?: ((...args: any[]) => any) | undefined;
+}>, {
+    direction: "horizontal" | "vertical";
+}, {}, {
+    ResizeObserver: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<{}> & Readonly<{
+        onResize?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    IconDragDot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        size: string | number;
+        rotate: number;
+        spin: boolean;
+        color: string;
+        fillColor: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    IconDragDotVertical: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        size: string | number;
+        rotate: number;
+        spin: boolean;
+        color: string;
+        fillColor: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/_hooks/use-responsive.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+import { Breakpoint } from '../_utils/responsive-observe';
+export declare function useResponsive(breakpoint: Breakpoint | undefined | Ref<Breakpoint | undefined>, callback: (checked: boolean) => void): void;

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

@@ -318,18 +318,18 @@ export declare const Drawer: {
                     default: string;
                 };
                 align: {
-                    type: import('vue').PropType<"start" | "end" | "center" | "baseline">;
+                    type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
                     default: string;
                 };
-                fill: {
+                block: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
             }>> & Readonly<{}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
                 size: number | "mini" | "small" | "medium" | "large";
-                fill: boolean;
+                block: boolean;
                 direction: "horizontal" | "vertical";
-                align: "center" | "end" | "start" | "baseline";
+                align: "center" | "space-between" | "end" | "start" | "baseline";
             }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -347,18 +347,18 @@ export declare const Drawer: {
                     default: string;
                 };
                 align: {
-                    type: import('vue').PropType<"start" | "end" | "center" | "baseline">;
+                    type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
                     default: string;
                 };
-                fill: {
+                block: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
             }>> & Readonly<{}>, () => any, {}, {}, {}, {
                 size: number | "mini" | "small" | "medium" | "large";
-                fill: boolean;
+                block: boolean;
                 direction: "horizontal" | "vertical";
-                align: "center" | "end" | "start" | "baseline";
+                align: "center" | "space-between" | "end" | "start" | "baseline";
             }>;
             __isFragment?: never;
             __isTeleport?: never;
@@ -373,18 +373,18 @@ export declare const Drawer: {
                 default: string;
             };
             align: {
-                type: import('vue').PropType<"start" | "end" | "center" | "baseline">;
+                type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
                 default: string;
             };
-            fill: {
+            block: {
                 type: BooleanConstructor;
                 default: boolean;
             };
         }>> & Readonly<{}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
             size: number | "mini" | "small" | "medium" | "large";
-            fill: boolean;
+            block: boolean;
             direction: "horizontal" | "vertical";
-            align: "center" | "end" | "start" | "baseline";
+            align: "center" | "space-between" | "end" | "start" | "baseline";
         }, {}, 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;
         };
@@ -1163,18 +1163,18 @@ export declare const Drawer: {
                 default: string;
             };
             align: {
-                type: import('vue').PropType<"start" | "end" | "center" | "baseline">;
+                type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
                 default: string;
             };
-            fill: {
+            block: {
                 type: BooleanConstructor;
                 default: boolean;
             };
         }>> & Readonly<{}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             size: number | "mini" | "small" | "medium" | "large";
-            fill: boolean;
+            block: boolean;
             direction: "horizontal" | "vertical";
-            align: "center" | "end" | "start" | "baseline";
+            align: "center" | "space-between" | "end" | "start" | "baseline";
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1192,18 +1192,18 @@ export declare const Drawer: {
                 default: string;
             };
             align: {
-                type: import('vue').PropType<"start" | "end" | "center" | "baseline">;
+                type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
                 default: string;
             };
-            fill: {
+            block: {
                 type: BooleanConstructor;
                 default: boolean;
             };
         }>> & Readonly<{}>, () => any, {}, {}, {}, {
             size: number | "mini" | "small" | "medium" | "large";
-            fill: boolean;
+            block: boolean;
             direction: "horizontal" | "vertical";
-            align: "center" | "end" | "start" | "baseline";
+            align: "center" | "space-between" | "end" | "start" | "baseline";
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -1218,18 +1218,18 @@ export declare const Drawer: {
             default: string;
         };
         align: {
-            type: import('vue').PropType<"start" | "end" | "center" | "baseline">;
+            type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
             default: string;
         };
-        fill: {
+        block: {
             type: BooleanConstructor;
             default: boolean;
         };
     }>> & Readonly<{}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         size: number | "mini" | "small" | "medium" | "large";
-        fill: boolean;
+        block: boolean;
         direction: "horizontal" | "vertical";
-        align: "center" | "end" | "start" | "baseline";
+        align: "center" | "space-between" | "end" | "start" | "baseline";
     }, {}, 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;
     };

package/dist/components/drawer/src/Drawer.vue.d.ts

@@ -389,18 +389,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             align: {
-                type: import('vue').PropType<"start" | "end" | "center" | "baseline">;
+                type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
                 default: string;
             };
-            fill: {
+            block: {
                 type: BooleanConstructor;
                 default: boolean;
             };
         }>> & Readonly<{}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             size: number | "mini" | "small" | "medium" | "large";
-            fill: boolean;
+            block: boolean;
             direction: "horizontal" | "vertical";
-            align: "center" | "end" | "start" | "baseline";
+            align: "center" | "space-between" | "end" | "start" | "baseline";
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -418,18 +418,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: string;
             };
             align: {
-                type: import('vue').PropType<"start" | "end" | "center" | "baseline">;
+                type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
                 default: string;
             };
-            fill: {
+            block: {
                 type: BooleanConstructor;
                 default: boolean;
             };
         }>> & Readonly<{}>, () => any, {}, {}, {}, {
             size: number | "mini" | "small" | "medium" | "large";
-            fill: boolean;
+            block: boolean;
             direction: "horizontal" | "vertical";
-            align: "center" | "end" | "start" | "baseline";
+            align: "center" | "space-between" | "end" | "start" | "baseline";
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -444,18 +444,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: string;
         };
         align: {
-            type: import('vue').PropType<"start" | "end" | "center" | "baseline">;
+            type: import('vue').PropType<"start" | "end" | "center" | "baseline" | "space-between">;
             default: string;
         };
-        fill: {
+        block: {
             type: BooleanConstructor;
             default: boolean;
         };
     }>> & Readonly<{}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         size: number | "mini" | "small" | "medium" | "large";
-        fill: boolean;
+        block: boolean;
         direction: "horizontal" | "vertical";
-        align: "center" | "end" | "start" | "baseline";
+        align: "center" | "space-between" | "end" | "start" | "baseline";
     }, {}, 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;
     };

package/dist/components/index.d.ts

@@ -15,6 +15,7 @@ export * from './form-slider';
 export * from './form-switch';
 export * from './grid';
 export * from './image';
+export * from './layout';
 export * from './message';
 export * from './message-box';
 export * from './network';

package/dist/components/layout/Layout.vue.d.ts

@@ -0,0 +1,24 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 表示子元素里有 Sidebar，一般不用指定。可用于服务端渲染时避免样式闪动
+     * @en Indicates that there is a Sidebar in the sub-element, which generally does not need to be specified. Used to avoid style flicker when rendering on the server side.
+     */
+    hasSidebar: {
+        type: BooleanConstructor;
+    };
+}>, {
+    classNames: import('vue').ComputedRef<(string | {
+        [x: string]: number | true;
+    })[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 表示子元素里有 Sidebar，一般不用指定。可用于服务端渲染时避免样式闪动
+     * @en Indicates that there is a Sidebar in the sub-element, which generally does not need to be specified. Used to avoid style flicker when rendering on the server side.
+     */
+    hasSidebar: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {
+    hasSidebar: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;