x-next 0.0.0-alpha.67 → 0.0.0-alpha.68

package/dist/types.d.ts

@@ -59,11 +59,17 @@ declare module 'vue' {
         XSkeleton: (typeof import('x-next'))['Skeleton'];
         XSkeletonLine: (typeof import('x-next'))['SkeletonLine'];
         XSkeletonShape: (typeof import('x-next'))['SkeletonShape'];
+        XMenu: (typeof import('x-next'))['Menu'];
         XLayout: (typeof import('x-next'))['Layout'];
         XLayoutContent: (typeof import('x-next'))['LayoutContent'];
         XLayoutFooter: (typeof import('x-next'))['LayoutFooter'];
         XLayoutHeader: (typeof import('x-next'))['LayoutHeader'];
         XLayoutSidebar: (typeof import('x-next'))['LayoutSidebar'];
+        XResizeBox: (typeof import('x-next'))['ResizeBox'];
+        XMenuItem: (typeof import('x-next'))['MenuItem'];
+        XMenuSubMenu: (typeof import('x-next'))['MenuSubMenu'];
+        XTimeRangeSelector: (typeof import('x-next'))['TimeRangeSelector'];
+        XDraggable: (typeof import('x-next'))['Draggable'];
     }
 }
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-next",
   "private": false,
-  "version": "0.0.0-alpha.67",
+  "version": "0.0.0-alpha.68",
   "description": "An amazing Vue3 UI library.",
   "type": "module",
   "main": "dist/index.umd.js",
@@ -28,10 +28,12 @@
     "dayjs": "^1.11.13",
     "number-precision": "^1.6.0",
     "resize-observer-polyfill": "^1.5.1",
-    "scroll-into-view-if-needed": "^3.1.0"
+    "scroll-into-view-if-needed": "^3.1.0",
+    "sortablejs": "^1.15.6"
   },
   "devDependencies": {
     "@types/node": "^20.16.15",
+    "@types/sortablejs": "^1.15.8",
     "@vitejs/plugin-vue": "^5.1.4",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "esbuild": "^0.24.0",

package/volar.d.ts

@@ -60,12 +60,17 @@ declare module 'vue' {
     XSkeleton: (typeof import('x-next'))['Skeleton']
     XSkeletonLine: (typeof import('x-next'))['SkeletonLine']
     XSkeletonShape: (typeof import('x-next'))['SkeletonShape']
+    XMenu: (typeof import('x-next'))['Menu']
     XLayout: (typeof import('x-next'))['Layout']
     XLayoutContent: (typeof import('x-next'))['LayoutContent']
     XLayoutFooter: (typeof import('x-next'))['LayoutFooter']
     XLayoutHeader: (typeof import('x-next'))['LayoutHeader']
     XLayoutSidebar: (typeof import('x-next'))['LayoutSidebar']
     XResizeBox: (typeof import('x-next'))['ResizeBox']
+    XMenuItem: (typeof import('x-next'))['MenuItem']
+    XMenuSubMenu: (typeof import('x-next'))['MenuSubMenu']
+    XTimeRangeSelector: (typeof import('x-next'))['TimeRangeSelector']
+    XDraggable: (typeof import('x-next'))['Draggable']
   }
 }
 export {}

package/dist/components/trend-chart.bak/components/trend-chart-curve.d.ts

@@ -1,111 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    boundary: {
-        required: boolean;
-        type: import('vue').PropType<import('../props').Boundary>;
-        default: () => void;
-    };
-    minValue: {
-        required: boolean;
-        type: NumberConstructor;
-    };
-    maxValue: {
-        required: boolean;
-        type: NumberConstructor;
-    };
-    maxAmount: {
-        required: boolean;
-        type: NumberConstructor;
-    };
-    activeLineParams: {
-        type: ObjectConstructor;
-    };
-    data: {
-        required: boolean;
-        type: import('vue').PropType<import('../props').PointValue[]>;
-        default: () => never[];
-    };
-    className: {
-        type: import('vue').PropType<string>;
-    };
-    smooth: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    stroke: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    fill: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    showPoints: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    theme: {
-        type: import('vue').PropType<import('../props').CurveTheme>;
-    };
-    mainTheme: {
-        type: import('vue').PropType<import('../props').CurveTheme>;
-    };
-}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    boundary: {
-        required: boolean;
-        type: import('vue').PropType<import('../props').Boundary>;
-        default: () => void;
-    };
-    minValue: {
-        required: boolean;
-        type: NumberConstructor;
-    };
-    maxValue: {
-        required: boolean;
-        type: NumberConstructor;
-    };
-    maxAmount: {
-        required: boolean;
-        type: NumberConstructor;
-    };
-    activeLineParams: {
-        type: ObjectConstructor;
-    };
-    data: {
-        required: boolean;
-        type: import('vue').PropType<import('../props').PointValue[]>;
-        default: () => never[];
-    };
-    className: {
-        type: import('vue').PropType<string>;
-    };
-    smooth: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    stroke: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    fill: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    showPoints: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    theme: {
-        type: import('vue').PropType<import('../props').CurveTheme>;
-    };
-    mainTheme: {
-        type: import('vue').PropType<import('../props').CurveTheme>;
-    };
-}>> & Readonly<{}>, {
-    fill: boolean;
-    data: import('../props').PointValue[];
-    stroke: boolean;
-    smooth: boolean;
-    boundary: import('../props').Boundary;
-    showPoints: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/trend-chart.bak/components/trend-chart-grid.d.ts

@@ -1,55 +0,0 @@
-import { VNode } from 'vue';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    boundary: {
-        required: boolean;
-        type: import('vue').PropType<import('../props').Boundary>;
-        default: () => void;
-    };
-    verticalLines: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    verticalLinesNumber: {
-        default: number;
-        type: NumberConstructor;
-    };
-    horizontalLines: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    horizontalLinesNumber: {
-        default: number;
-        type: NumberConstructor;
-    };
-}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    boundary: {
-        required: boolean;
-        type: import('vue').PropType<import('../props').Boundary>;
-        default: () => void;
-    };
-    verticalLines: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    verticalLinesNumber: {
-        default: number;
-        type: NumberConstructor;
-    };
-    horizontalLines: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    horizontalLinesNumber: {
-        default: number;
-        type: NumberConstructor;
-    };
-}>> & Readonly<{}>, {
-    boundary: import('../props').Boundary;
-    verticalLines: boolean;
-    verticalLinesNumber: number;
-    horizontalLines: boolean;
-    horizontalLinesNumber: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/trend-chart.bak/components/trend-chart-labels.d.ts

@@ -1,22 +0,0 @@
-import { VNode } from 'vue';
-declare const _default: import('vue').DefineComponent<{
-    boundary: import('../props').Boundary;
-    yLabelsTextFormatter: Function;
-    minValue?: number | undefined;
-    maxValue?: number | undefined;
-    xLabels?: unknown[] | undefined;
-    yLabels?: number | undefined;
-}, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    boundary: import('../props').Boundary;
-    yLabelsTextFormatter: Function;
-    minValue?: number | undefined;
-    maxValue?: number | undefined;
-    xLabels?: unknown[] | undefined;
-    yLabels?: number | undefined;
-}> & Readonly<{}>, {
-    boundary: import('../props').Boundary;
-    yLabelsTextFormatter: Function;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/trend-chart.bak/components/trend-chart.d.ts

@@ -1,274 +0,0 @@
-import { MouseMoveEvent, PointValue, CurveTheme } from '../props';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    datasets: {
-        required: boolean;
-        type: import('vue').PropType<import('../props').DataSets>;
-    };
-    status: {
-        type: import('vue').PropType<import('../props').TrendChartStatus>;
-        default: undefined;
-    };
-    grid: {
-        default: null;
-        type: import('vue').PropType<import('../props').Grid>;
-    };
-    labels: {
-        default: null;
-        type: import('vue').PropType<import('../props').Labels>;
-    };
-    max: {
-        type: NumberConstructor;
-    };
-    min: {
-        type: NumberConstructor;
-    };
-    padding: {
-        default: string;
-        type: StringConstructor;
-        validator(val: string): boolean;
-    };
-    interactive: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    theme: {
-        type: import('vue').PropType<import('../props').Theme>;
-        default: () => {
-            activeLineColor: string;
-        };
-    };
-}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'mouse-move': (event: MouseMoveEvent) => boolean;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    datasets: {
-        required: boolean;
-        type: import('vue').PropType<import('../props').DataSets>;
-    };
-    status: {
-        type: import('vue').PropType<import('../props').TrendChartStatus>;
-        default: undefined;
-    };
-    grid: {
-        default: null;
-        type: import('vue').PropType<import('../props').Grid>;
-    };
-    labels: {
-        default: null;
-        type: import('vue').PropType<import('../props').Labels>;
-    };
-    max: {
-        type: NumberConstructor;
-    };
-    min: {
-        type: NumberConstructor;
-    };
-    padding: {
-        default: string;
-        type: StringConstructor;
-        validator(val: string): boolean;
-    };
-    interactive: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    theme: {
-        type: import('vue').PropType<import('../props').Theme>;
-        default: () => {
-            activeLineColor: string;
-        };
-    };
-}>> & Readonly<{
-    "onMouse-move"?: ((event: MouseMoveEvent) => any) | undefined;
-}>, {
-    status: import('../props').TrendChartStatus;
-    grid: import('../props').Grid;
-    padding: string;
-    theme: import('../props').Theme;
-    labels: import('../props').Labels;
-    interactive: boolean;
-}, {}, {
-    TrendChartGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        boundary: {
-            required: boolean;
-            type: import('vue').PropType<import('../props').Boundary>;
-            default: () => void;
-        };
-        verticalLines: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        verticalLinesNumber: {
-            default: number;
-            type: NumberConstructor;
-        };
-        horizontalLines: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        horizontalLinesNumber: {
-            default: number;
-            type: NumberConstructor;
-        };
-    }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        boundary: {
-            required: boolean;
-            type: import('vue').PropType<import('../props').Boundary>;
-            default: () => void;
-        };
-        verticalLines: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        verticalLinesNumber: {
-            default: number;
-            type: NumberConstructor;
-        };
-        horizontalLines: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        horizontalLinesNumber: {
-            default: number;
-            type: NumberConstructor;
-        };
-    }>> & Readonly<{}>, {
-        boundary: import('../props').Boundary;
-        verticalLines: boolean;
-        verticalLinesNumber: number;
-        horizontalLines: boolean;
-        horizontalLinesNumber: number;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    TrendChartLabels: import('vue').DefineComponent<{
-        boundary: import('../props').Boundary;
-        yLabelsTextFormatter: Function;
-        minValue?: number | undefined;
-        maxValue?: number | undefined;
-        xLabels?: unknown[] | undefined;
-        yLabels?: number | undefined;
-    }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-        boundary: import('../props').Boundary;
-        yLabelsTextFormatter: Function;
-        minValue?: number | undefined;
-        maxValue?: number | undefined;
-        xLabels?: unknown[] | undefined;
-        yLabels?: number | undefined;
-    }> & Readonly<{}>, {
-        boundary: import('../props').Boundary;
-        yLabelsTextFormatter: Function;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    TrendChartCurve: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        boundary: {
-            required: boolean;
-            type: import('vue').PropType<import('../props').Boundary>;
-            default: () => void;
-        };
-        minValue: {
-            required: boolean;
-            type: NumberConstructor;
-        };
-        maxValue: {
-            required: boolean;
-            type: NumberConstructor;
-        };
-        maxAmount: {
-            required: boolean;
-            type: NumberConstructor;
-        };
-        activeLineParams: {
-            type: ObjectConstructor;
-        };
-        data: {
-            required: boolean;
-            type: import('vue').PropType<PointValue[]>;
-            default: () => never[];
-        };
-        className: {
-            type: import('vue').PropType<string>;
-        };
-        smooth: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        stroke: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        fill: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        showPoints: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        theme: {
-            type: import('vue').PropType<CurveTheme>;
-        };
-        mainTheme: {
-            type: import('vue').PropType<CurveTheme>;
-        };
-    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        boundary: {
-            required: boolean;
-            type: import('vue').PropType<import('../props').Boundary>;
-            default: () => void;
-        };
-        minValue: {
-            required: boolean;
-            type: NumberConstructor;
-        };
-        maxValue: {
-            required: boolean;
-            type: NumberConstructor;
-        };
-        maxAmount: {
-            required: boolean;
-            type: NumberConstructor;
-        };
-        activeLineParams: {
-            type: ObjectConstructor;
-        };
-        data: {
-            required: boolean;
-            type: import('vue').PropType<PointValue[]>;
-            default: () => never[];
-        };
-        className: {
-            type: import('vue').PropType<string>;
-        };
-        smooth: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        stroke: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        fill: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        showPoints: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        theme: {
-            type: import('vue').PropType<CurveTheme>;
-        };
-        mainTheme: {
-            type: import('vue').PropType<CurveTheme>;
-        };
-    }>> & Readonly<{}>, {
-        fill: boolean;
-        data: PointValue[];
-        stroke: boolean;
-        smooth: boolean;
-        boundary: import('../props').Boundary;
-        showPoints: boolean;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/trend-chart.bak/helpers/genPath.d.ts

@@ -1,8 +0,0 @@
-import { Point } from '../props';
-declare const _default: (points: Point[], smooth: boolean, { maxY }: {
-    maxY: any;
-}) => {
-    linePath: string;
-    fillPath: string;
-};
-export default _default;

package/dist/components/trend-chart.bak/helpers/genPoints.d.ts

@@ -1,3 +0,0 @@
-import { Boundary, Point, PointValue } from '../props';
-declare const _default: (points: PointValue[], boundary: Boundary, max: number, min: number, maxAmount: number) => Point[];
-export default _default;

package/dist/components/trend-chart.bak/helpers/getPadding.d.ts

@@ -1,7 +0,0 @@
-import { Padding } from '../props';
-/**
- * 获取padding
- * @param paddingString
- */
-declare const _default: (paddingString: string) => Padding;
-export default _default;

package/dist/components/trend-chart.bak/helpers/validatePadding.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (padding: string) => boolean;
-export default _default;