x-next 0.0.0-alpha.3 → 0.0.0-alpha.30

package/README.md

@@ -16,7 +16,7 @@ pnpm i x-next
 // main.ts
 import { createApp } from 'vue'
 import XNext from 'x-next'
-import "x-next/packages/style.css"; //引入组件样式
+import "x-next/dist/style.css"; //引入组件样式
 import App from './App.vue'
 
 const app = createApp(App)

package/{x-next → dist}/_utils/config.d.ts

@@ -1,6 +1,6 @@
 export declare const COMPONENT_INSTALLED_KEY: unique symbol;
 export declare const getClassPrefix: (name?: string) => string;
-export declare const getComponentPrefix: (name: string) => string;
+export declare const getComponentPrefix: (name: string) => `X${string}`;
 export declare const getClassNameMixin: (name: string) => {
     block: string;
     element: (className: string) => string;

package/dist/_utils/constant.d.ts

@@ -0,0 +1,17 @@
+export declare const SIZES: readonly ["mini", "small", "medium", "large"];
+export type Size = typeof SIZES[number];
+export declare const BORDER_SHAPES: readonly ["square", "round", "circle"];
+export type BorderShape = typeof BORDER_SHAPES[number];
+export declare const STATUSES: readonly ["normal", "success", "warning", "danger"];
+export type Status = typeof STATUSES[number];
+export declare const MESSAGE_TYPES: readonly ["info", "success", "warning", "error"];
+export type MessageType = typeof MESSAGE_TYPES[number];
+export declare const TRIGGER_POSITIONS: readonly ["top", "tl", "tr", "bottom", "bl", "br", "left", "lt", "lb", "right", "rt", "rb"];
+export type TriggerPosition = typeof TRIGGER_POSITIONS[number];
+export declare const TRIGGER_EVENTS: readonly ["hover", "click", "focus", "contextMenu"];
+export type TriggerEvent = typeof TRIGGER_EVENTS[number];
+export declare const DIRECTIONS: readonly ["horizontal", "vertical"];
+export type Direction = typeof DIRECTIONS[number];
+export declare const INPUT_EVENTS: string[];
+export declare const TEXT_ALIGNS: readonly ["left", "center", "right"];
+export type TextAlign = typeof TEXT_ALIGNS[number];

package/{x-next → dist}/_utils/is.d.ts

@@ -5,6 +5,8 @@ export declare function isNull(obj: any): obj is null;
 export declare function isBoolean(obj: unknown): obj is boolean;
 export declare function isObject<T>(obj: T): obj is Extract<T, Record<string, any>>;
 export declare const isPromise: <T>(obj: unknown) => obj is Promise<T>;
+export declare const isAsync: (fn: unknown) => boolean;
+export declare const isAsyncOrPromise: (fn: unknown) => boolean;
 export declare function isString(obj: any): obj is string;
 export declare function isNumber(obj: any): obj is number;
 export declare function isRegExp(obj: any): boolean;

package/{x-next → dist}/_utils/vue-eco.d.ts

@@ -1,4 +1,4 @@
-import { VNodeTypes, VNode, PropType, Component, Slots, Plugin } from 'vue';
+import { VNodeTypes, VNode, PropType, Component, Slots, App, Plugin, DefineComponent } from 'vue';
 export type SFCWithInstall<T> = T & Plugin;
 /**
  * @description Vue生态操作封装
@@ -26,3 +26,6 @@ export declare const getAllElements: (children: VNode[] | undefined, includeText
     [key: string]: any;
 }>[];
 export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E) => SFCWithInstall<T> & E;
+export declare const generateComponent: <T extends Component | DefineComponent>(name: string, component: T) => T & {
+    install(app: App): void;
+};

package/{x-next/componets/button/index.vue.d.ts → dist/components/button/Button.d.ts}

@@ -38,17 +38,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {
-    cn: {
-        block: string;
-        element: (className: string) => string;
-        modifier: (className: string) => string;
-        is: (className: string) => string;
-    };
-    cls: import('vue').ComputedRef<(string | false | undefined)[]>;
-    handleClick: (event: MouseEvent) => Promise<void>;
-    isLoading: import('vue').ComputedRef<boolean>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     disabled: BooleanConstructor;
     block: BooleanConstructor;
     loading: BooleanConstructor;
@@ -92,71 +82,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     size: import('./props').ButtonSize;
-    border: boolean;
+    type: import('./props').ButtonType;
     link: boolean;
-    block: boolean;
     disabled: boolean;
-    type: import('./props').ButtonType;
+    block: boolean;
     loading: boolean;
     loadingFill: boolean;
     debounce: number;
     shape: import('./props').ButtonShape;
     status: import('./props').ButtonStatus;
     plain: boolean;
-}, {}, {
-    AnimationLoading: 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;
-        };
-    }>, {
-        cls: import('vue').ComputedRef<(string | {
-            "x-icon-loading": boolean;
-        })[]>;
-        styles: import('vue').ComputedRef<import('vue').CSSProperties>;
-    }, {}, {}, {}, 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;
-        color: string;
-        rotate: number;
-        spin: boolean;
-        fillColor: unknown[];
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    border: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -0,0 +1,181 @@
+export declare const XButton: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        disabled: BooleanConstructor;
+        block: BooleanConstructor;
+        loading: BooleanConstructor;
+        loadingFill: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        debounce: {
+            type: NumberConstructor;
+            default: number;
+        };
+        shape: {
+            type: import('vue').PropType<import('./props').ButtonShape>;
+            default: undefined;
+        };
+        link: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        type: {
+            type: import('vue').PropType<import('./props').ButtonType>;
+            default: undefined;
+        };
+        status: {
+            type: import('vue').PropType<import('./props').ButtonStatus>;
+            default: undefined;
+        };
+        plain: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<import('./props').ButtonSize>;
+            default: string;
+        };
+        border: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], import('vue').PublicProps, {
+        size: import('./props').ButtonSize;
+        type: import('./props').ButtonType;
+        link: boolean;
+        disabled: boolean;
+        block: boolean;
+        loading: boolean;
+        loadingFill: boolean;
+        debounce: number;
+        shape: import('./props').ButtonShape;
+        status: import('./props').ButtonStatus;
+        plain: boolean;
+        border: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        disabled: BooleanConstructor;
+        block: BooleanConstructor;
+        loading: BooleanConstructor;
+        loadingFill: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        debounce: {
+            type: NumberConstructor;
+            default: number;
+        };
+        shape: {
+            type: import('vue').PropType<import('./props').ButtonShape>;
+            default: undefined;
+        };
+        link: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        type: {
+            type: import('vue').PropType<import('./props').ButtonType>;
+            default: undefined;
+        };
+        status: {
+            type: import('vue').PropType<import('./props').ButtonStatus>;
+            default: undefined;
+        };
+        plain: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<import('./props').ButtonSize>;
+            default: string;
+        };
+        border: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, () => any, {}, {}, {}, {
+        size: import('./props').ButtonSize;
+        type: import('./props').ButtonType;
+        link: boolean;
+        disabled: boolean;
+        block: boolean;
+        loading: boolean;
+        loadingFill: boolean;
+        debounce: number;
+        shape: import('./props').ButtonShape;
+        status: import('./props').ButtonStatus;
+        plain: boolean;
+        border: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    disabled: BooleanConstructor;
+    block: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingFill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    shape: {
+        type: import('vue').PropType<import('./props').ButtonShape>;
+        default: undefined;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: import('vue').PropType<import('./props').ButtonType>;
+        default: undefined;
+    };
+    status: {
+        type: import('vue').PropType<import('./props').ButtonStatus>;
+        default: undefined;
+    };
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<import('./props').ButtonSize>;
+        default: string;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", {
+    size: import('./props').ButtonSize;
+    type: import('./props').ButtonType;
+    link: boolean;
+    disabled: boolean;
+    block: boolean;
+    loading: boolean;
+    loadingFill: boolean;
+    debounce: number;
+    shape: import('./props').ButtonShape;
+    status: import('./props').ButtonStatus;
+    plain: boolean;
+    border: boolean;
+}, {}, 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;
+};
+export { XButton as default };

package/{x-next/componets/dialog/index.vue.d.ts → dist/components/dialog/Dialog.d.ts}

@@ -12,7 +12,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     top: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     center: {
@@ -20,19 +20,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     width: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     height: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     minWidth: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     minHeight: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     title: {
@@ -78,40 +78,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {
-    cls: import('vue').ComputedRef<(string | false | undefined)[]>;
-    ns: string;
-    cn: {
-        block: string;
-        element: (className: string) => string;
-        modifier: (className: string) => string;
-        is: (className: string) => string;
-    };
-    cnOMB: {
-        block: string;
-        element: (className: string) => string;
-        modifier: (className: string) => string;
-        is: (className: string) => string;
-    };
-    messageBoxNs: string;
-    containerStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
-    dialogStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
-    dialogRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    teleportContainer: import('vue').ComputedRef<HTMLElement | undefined>;
-    teleportDisabled: import('vue').ComputedRef<boolean>;
-    modelVisible: import('vue').ComputedRef<boolean>;
-    mergeVisible: import('vue').ComputedRef<boolean>;
-    interceptClose: (action: "cancel" | "ok", e?: Event) => void;
-    afterLeave: () => void;
-    afterEnter: () => void;
-    handleMaskClick: () => void;
-    handleCancel: (e: Event) => void;
-    handleOk: (e: Event) => void;
-    loadingObj: {
-        ok: boolean;
-        cancel: boolean;
-    };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open" | "closed" | "opened" | "update:modelValue")[], "close" | "open" | "closed" | "opened" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open" | "closed" | "opened" | "update:modelValue")[], "close" | "open" | "closed" | "opened" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     renderTo: {
         type: import('vue').PropType<string | HTMLElement>;
         default: string;
@@ -125,7 +92,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     top: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     center: {
@@ -133,19 +100,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     width: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     height: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     minWidth: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     minHeight: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     title: {
@@ -198,15 +165,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onOpened?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    title: string;
+    disabled: boolean;
     height: string | number;
     minHeight: string | number;
     minWidth: string | number;
     top: string | number;
     width: string | number;
     mask: boolean;
-    title: string;
     center: boolean;
-    disabled: boolean;
     renderTo: string | HTMLElement;
     modelValue: boolean;
     destroyOnClosed: boolean;