x-next 0.0.0-alpha.6 → 0.0.0-alpha.61

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-next",
   "private": false,
-  "version": "0.0.0-alpha.6",
+  "version": "0.0.0-alpha.61",
   "description": "An amazing Vue3 UI library.",
   "type": "module",
   "main": "dist/index.umd.js",
@@ -11,7 +11,9 @@
     "dev": "vite",
     "build": "vue-tsc && vite build",
     "preview": "vite preview",
-    "publish": "npm publish --access=public"
+    "publish": "npm publish --access=public",
+    "gen-volar-dts": "esbuild script/gen-component-declaration.js --bundle --platform=node --tsconfig=tsconfig.esbuild.json | node",
+    "gen-volar-dts-old": "esbuild script/gen-component-declaration.old.js --bundle --platform=node --tsconfig=tsconfig.esbuild.json | node"
   },
   "repository": {
     "type": "git",
@@ -21,20 +23,32 @@
     "url": "https://github.com/ztes/x-next/issues"
   },
   "dependencies": {
-    "dayjs": "^1.11.11"
+    "async-validator": "^4.2.5",
+    "b-validate": "^1.5.3",
+    "dayjs": "^1.11.13",
+    "number-precision": "^1.6.0",
+    "resize-observer-polyfill": "^1.5.1",
+    "scroll-into-view-if-needed": "^3.1.0"
   },
   "devDependencies": {
-    "@types/node": "^20.12.7",
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@types/node": "^20.16.15",
+    "@vitejs/plugin-vue": "^5.1.4",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
+    "esbuild": "^0.24.0",
+    "fast-glob": "^3.3.3",
+    "fs-extra": "^11.3.0",
+    "i": "^0.3.7",
+    "npm": "^10.9.0",
     "prettier": "^3.3.3",
     "prettier-plugin-packagejson": "^2.5.3",
     "sass": "^1.80.3",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.0",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.14",
     "vite-plugin-dts": "^4.3.0",
     "vue": "^3.5.12",
-    "vue-tsc": "^2.0.6"
+    "vue-docgen-api": "^4.79.2",
+    "vue-docgen-cli": "^4.79.0",
+    "vue-tsc": "^2.1.6"
   },
   "publishConfig": {
     "access": "public"
@@ -50,6 +64,7 @@
   },
   "license": "MIT",
   "files": [
-    "dist"
+    "dist",
+    "volar.d.ts"
   ]
 }

package/volar.d.ts

@@ -0,0 +1,57 @@
+// Auto generated component declarations
+declare module 'vue' {
+  export interface GlobalComponents {
+    XButton: (typeof import('x-next'))['Button']
+    XDialog: (typeof import('x-next'))['Dialog']
+    XMessage: (typeof import('x-next'))['Message']
+    XMessageBox: (typeof import('x-next'))['MessageBox']
+    XNotification: (typeof import('x-next'))['Notification']
+    XSpace: (typeof import('x-next'))['Space']
+    XPopconfirm: (typeof import('x-next'))['Popconfirm']
+    XTrendChart: (typeof import('x-next'))['TrendChart']
+    XTimeline: (typeof import('x-next'))['Timeline']
+    XTimelineItem: (typeof import('x-next'))['TimelineItem']
+    XPopup: (typeof import('x-next'))['Popup']
+    XScrollbar: (typeof import('x-next'))['Scrollbar']
+    XDrawer: (typeof import('x-next'))['Drawer']
+    XTag: (typeof import('x-next'))['Tag']
+    XTooltip: (typeof import('x-next'))['Tooltip']
+    XImage: (typeof import('x-next'))['Image']
+    XImagePreview: (typeof import('x-next'))['ImagePreview']
+    XImagePreviewGroup: (typeof import('x-next'))['ImagePreviewGroup']
+    XImagePreviewAction: (typeof import('x-next'))['ImagePreviewAction']
+    XTabPane: (typeof import('x-next'))['TabPane']
+    XTabs: (typeof import('x-next'))['Tabs']
+    XButtonGroup: (typeof import('x-next'))['ButtonGroup']
+    XDropdown: (typeof import('x-next'))['Dropdown']
+    XDropdownButton: (typeof import('x-next'))['DropdownButton']
+    XEmpty: (typeof import('x-next'))['Empty']
+    XDropdownOption: (typeof import('x-next'))['DropdownOption']
+    XDropdownGroup: (typeof import('x-next'))['DropdownGroup']
+    XDropdownSubmenu: (typeof import('x-next'))['DropdownSubmenu']
+    XInput: (typeof import('x-next'))['Input']
+    XInputGroup: (typeof import('x-next'))['InputGroup']
+    XInputPassword: (typeof import('x-next'))['InputPassword']
+    XInputSearch: (typeof import('x-next'))['InputSearch']
+    XCol: (typeof import('x-next'))['Col']
+    XGrid: (typeof import('x-next'))['Grid']
+    XGridItem: (typeof import('x-next'))['GridItem']
+    XRow: (typeof import('x-next'))['Row']
+    XForm: (typeof import('x-next'))['Form']
+    XFormItem: (typeof import('x-next'))['FormItem']
+    XNetwork: (typeof import('x-next'))['Network']
+    XStep: (typeof import('x-next'))['Step']
+    XSteps: (typeof import('x-next'))['Steps']
+    XCheckbox: (typeof import('x-next'))['Checkbox']
+    XCheckboxGroup: (typeof import('x-next'))['CheckboxGroup']
+    XSwitch: (typeof import('x-next'))['Switch']
+    XRadio: (typeof import('x-next'))['Radio']
+    XRadioGroup: (typeof import('x-next'))['RadioGroup']
+    XSpin: (typeof import('x-next'))['Spin']
+    XInputTag: (typeof import('x-next'))['InputTag']
+    XProgress: (typeof import('x-next'))['Progress']
+    XInputNumber: (typeof import('x-next'))['InputNumber']
+    XSlider: (typeof import('x-next'))['Slider']
+  }
+}
+export {}

package/dist/_utils/icon.d.ts

@@ -1,59 +0,0 @@
-/**
- * 首字母大写及-符号仅跟的字母大写
- * @param str
- */
-export declare const toPascalCase: (str: string) => string;
-export declare function createIconComponent(name: string): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    size: {
-        type: (NumberConstructor | StringConstructor)[];
-        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: (NumberConstructor | StringConstructor)[];
-        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>;

package/dist/components.d.ts

@@ -1 +0,0 @@
-export { default as Button } from './componets/button/install';

package/dist/componets/button/index.vue.d.ts

@@ -1,162 +0,0 @@
-declare const _default: import('vue').DefineComponent<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;
-    };
-}>, {
-    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<{
-    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;
-}>, {
-    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;
-}, {}, {
-    AnimationLoading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: (NumberConstructor | StringConstructor)[];
-            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: (NumberConstructor | StringConstructor)[];
-            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/componets/button/install.d.ts

@@ -1,4 +0,0 @@
-import { Plugin } from 'vue';
-import { default as Button } from './index.vue';
-declare const _default: typeof Button & Plugin;
-export default _default;

package/dist/componets/message-box/warp.d.ts

@@ -1,2 +0,0 @@
-import { default as MessageBox } from './';
-export default MessageBox;

package/dist/componets/notification/index.vue.d.ts

@@ -1,160 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    position: {
-        type: import('vue').PropType<import('./props').NotificationPosition>;
-        default: string;
-    };
-    offset: {
-        type: NumberConstructor;
-        default: number;
-    };
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    type: {
-        type: import('vue').PropType<import('./props').NotificationType>;
-        default: string;
-    };
-    message: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    duration: {
-        type: NumberConstructor;
-        default: number;
-    };
-    showClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    onClose: {
-        type: import('vue').PropType<() => void>;
-        default: () => void;
-    };
-    renderToBody: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    ns: string;
-    cn: {
-        block: string;
-        element: (className: string) => string;
-        modifier: (className: string) => string;
-        is: (className: string) => string;
-    };
-    cls: import('vue').ComputedRef<string[]>;
-    animationClsName: import('vue').ComputedRef<string>;
-    positionStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
-    visible: import('vue').Ref<boolean, boolean>;
-    positionPropMap: import('vue').ComputedRef<{
-        hor: string;
-        ver: string;
-    }>;
-    currentIcon: import('vue').ComputedRef<"" | import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: (NumberConstructor | StringConstructor)[];
-            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: (NumberConstructor | StringConstructor)[];
-            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>>;
-    handleClose: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "destroy")[], "close" | "destroy", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    position: {
-        type: import('vue').PropType<import('./props').NotificationPosition>;
-        default: string;
-    };
-    offset: {
-        type: NumberConstructor;
-        default: number;
-    };
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    type: {
-        type: import('vue').PropType<import('./props').NotificationType>;
-        default: string;
-    };
-    message: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    duration: {
-        type: NumberConstructor;
-        default: number;
-    };
-    showClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    onClose: {
-        type: import('vue').PropType<() => void>;
-        default: () => void;
-    };
-    renderToBody: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-    onDestroy?: ((...args: any[]) => any) | undefined;
-}>, {
-    type: "success" | "warning" | "strong" | "info" | "error";
-    title: string;
-    message: string;
-    position: import('./props').NotificationPosition;
-    offset: number;
-    showClose: boolean;
-    onClose: () => void;
-    duration: number;
-    renderToBody: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/componets/trend-chart/index.d.ts

@@ -1,2 +0,0 @@
-import { default as TrendChart } from './components/trend-chart';
-export default TrendChart;

package/dist/icons/default/info-circle-fill.vue.d.ts

@@ -1,55 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    size: {
-        type: (NumberConstructor | StringConstructor)[];
-        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: (NumberConstructor | StringConstructor)[];
-        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>;
-export default _default;

package/dist/icons/default/minus-circle-fill.vue.d.ts

@@ -1,55 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    size: {
-        type: (NumberConstructor | StringConstructor)[];
-        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: (NumberConstructor | StringConstructor)[];
-        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>;
-export default _default;