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

package/dist/components/layout/interface.d.ts

@@ -0,0 +1,75 @@
+/**
+ * @title Layout
+ */
+export interface LayoutProps {
+    /**
+     * @zh
+     * 表示子元素里有 Sidebar，一般不用指定。可用于服务端渲染时避免样式闪动
+     * @en
+     * Indicates that there is a `Sidebar` in the children. Generally no need to specify.
+     * It's used to avoid flicker during server-side rendering
+     */
+    hasSidebar?: boolean;
+}
+/**
+ * @title Layout.Sidebar
+ */
+export interface SidebarProps {
+    /**
+     * @zh 主题颜色
+     * @en Theme of layout
+     * @defaultValue light
+     */
+    theme?: 'dark' | 'light';
+    /**
+     * @zh 当前收起状态
+     * @en Whether sidebar is collapsed
+     */
+    collapsed?: boolean;
+    /**
+     * @zh 是否默认收起
+     * @en Whether sidebar is collapsed by default
+     */
+    defaultCollapsed?: boolean;
+    /**
+     * @zh 是否可收起
+     * @en Whether sidebar can be collapsed
+     */
+    collapsible?: boolean;
+    /**
+     * @zh 宽度
+     * @en Width of sidebar
+     * @defaultValue 200
+     */
+    width?: number | string;
+    /**
+     * @zh 收缩宽度，设置为 0 会出现特殊 trigger
+     * @en Width of collapsed sidebar
+     * @defaultValue 48
+     */
+    collapsedWidth?: number;
+    /**
+     * @zh 翻转折叠提示箭头的方向，当 Sidebar 在右边时可以使用
+     * @en Reverse the direction of the fold arrow, can be used when sidebar is on the right
+     */
+    reverseArrow?: boolean;
+    /**
+     * @zh 触发响应式布局的断点, 详见[响应式栅格](/vue/components/Grid)
+     * @en Breakpoint in responsive layout. See details [Grid](/vue/components/Grid)
+     */
+    breakpoint?: 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+    /**
+     * @zh
+     * 可以用 ResizeBox 替换原生的 `aside` 标签，这个参数即 ResizeBox的 `directions` 参数。
+     * 详情请看 [ResizeBox](/vue/components/resize-box)。
+     * @en
+     * You can replace the native `aside` tag with `ResizeBox`, under which case this param will be the `directions` property of `ResizeBox`.
+     * See details [ResizeBox](/vue/components/resize-box).
+     */
+    resizeDirections?: string[];
+    /**
+     * @zh 隐藏底部折叠触发器
+     * @en Hide the trigger element to collapse sidebar at bottom.
+     */
+    hideTrigger?: boolean;
+}

package/dist/components/network/props.d.ts

@@ -1,4 +1 @@
-export type NetworkSize = 'small' | 'medium' | 'large';
-export type ButtonStatus = 'default' | 'success' | 'warning' | 'strong' | 'danger' | 'info';
-export type ButtonTypes = 'primary' | 'default' | 'dashed' | 'outline' | 'text';
-export type ButtonShape = 'round' | 'circle' | 'square';
+export type NetworkSize = 'mini' | 'small' | 'medium' | 'large';

package/dist/components/popconfirm/src/popup.vue.d.ts

@@ -104,18 +104,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: {};
@@ -133,18 +133,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;
@@ -159,18 +159,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/resize-box/ResizeBox.vue.d.ts

@@ -0,0 +1,263 @@
+import { PropType } from 'vue';
+export type DirectionType = 'left' | 'right' | 'top' | 'bottom';
+declare function isHorizontal(direction: DirectionType): boolean;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 宽度
+     * @en Width
+     * @vModel
+     */
+    width: {
+        type: NumberConstructor;
+    };
+    /**
+     * @zh 高度
+     * @en Height
+     * @vModel
+     */
+    height: {
+        type: NumberConstructor;
+    };
+    /**
+     * @zh 伸缩框的 html 标签
+     * @en The html tag of the telescopic box
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @zh 可以进行伸缩的边，有上、下、左、右可以使用
+     * @en Can be stretched side, there are up, down, left and right can be used
+     * */
+    directions: {
+        type: PropType<("left" | "right" | "top" | "bottom")[]>;
+        default: () => string[];
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    classNames: import('vue').ComputedRef<string[]>;
+    styles: import('vue').ComputedRef<{
+        "padding-bottom"?: string | undefined;
+        "padding-left"?: string | undefined;
+        "padding-right"?: string | undefined;
+        "padding-top"?: string | undefined;
+        height?: string | undefined;
+        width?: string | undefined;
+    }>;
+    wrapperRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    onMoveStart: (direction: DirectionType, e: MouseEvent) => void;
+    isHorizontal: typeof isHorizontal;
+    allowDirections: import('vue').ComputedRef<("top" | "bottom" | "left" | "right")[]>;
+    onTiggerResize: (direction: DirectionType, entry: ResizeObserverEntry) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:width': (width: number) => true;
+    'update:height': (height: number) => true;
+    /**
+     * @zh 拖拽开始时触发
+     * @en Triggered when dragging starts
+     * @param {MouseEvent} ev
+     */
+    movingStart: (ev: MouseEvent) => true;
+    /**
+     * @zh 拖拽时触发
+     * @en Triggered when dragging
+     * @param {{ width: number; height: number; }} size
+     * @param {MouseEvent} ev
+     */
+    moving: (size: {
+        width: number;
+        height: number;
+    }, ev: MouseEvent) => true;
+    /**
+     * @zh 拖拽结束时触发
+     * @en Triggered when the drag ends
+     * @param {MouseEvent} ev
+     */
+    movingEnd: (ev: MouseEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 宽度
+     * @en Width
+     * @vModel
+     */
+    width: {
+        type: NumberConstructor;
+    };
+    /**
+     * @zh 高度
+     * @en Height
+     * @vModel
+     */
+    height: {
+        type: NumberConstructor;
+    };
+    /**
+     * @zh 伸缩框的 html 标签
+     * @en The html tag of the telescopic box
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @zh 可以进行伸缩的边，有上、下、左、右可以使用
+     * @en Can be stretched side, there are up, down, left and right can be used
+     * */
+    directions: {
+        type: PropType<("left" | "right" | "top" | "bottom")[]>;
+        default: () => string[];
+    };
+}>> & Readonly<{
+    onMoving?: ((size: {
+        width: number;
+        height: number;
+    }, ev: MouseEvent) => any) | undefined;
+    "onUpdate:width"?: ((width: number) => any) | undefined;
+    "onUpdate:height"?: ((height: number) => any) | undefined;
+    onMovingStart?: ((ev: MouseEvent) => any) | undefined;
+    onMovingEnd?: ((ev: MouseEvent) => any) | undefined;
+}>, {
+    component: string;
+    directions: ("top" | "bottom" | "left" | "right")[];
+}, {}, {
+    ResizeTrigger: 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>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;