x-next 1.6.0 → 1.8.0

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

@@ -8,7 +8,7 @@ export interface ImageProps {
     description?: string;
     fit?: '' | 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
     alt?: string;
-    hideFooter: boolean;
+    hideFooter: boolean | 'never';
     footerPosition: 'inner' | 'outer';
     showLoader: boolean;
     preview: boolean;
@@ -19,6 +19,11 @@ export interface ImageProps {
     error?: Slot;
     loader?: Slot;
     onPreviewVisibleChange?: (visible: boolean) => void;
+    onLoad?: (event: Event) => void;
+    onError?: (event: Event) => void;
+    renderToBody?: boolean;
+    footerClass?: string | unknown[] | Record<string, boolean>;
+    'onUpdate:previewVisible'?: (visible: boolean) => void;
 }
 export interface ImagePreviewProps {
     src?: string;
@@ -33,6 +38,8 @@ export interface ImagePreviewProps {
     wheelZoom?: boolean;
     defaultScale?: number;
     zoomRate?: number;
+    renderToBody?: boolean;
+    'onUpdate:visible'?: (visible: boolean) => void;
     groupArrowProps?: Record<string, any>;
     onClose?: () => void;
 }
@@ -43,6 +50,7 @@ export interface ImagePreviewGroupProps extends Omit<ImagePreviewProps, 'src' |
     infinite: boolean;
     onChange?: (index: number) => void;
     onVisibleChange?: (visible: boolean) => void;
+    'onUpdate:current'?: (index: number) => void;
 }
 export interface ActionType {
     key: string;

package/dist/components/image/preview-toolbar.vue.d.ts

@@ -222,8 +222,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, import('vue').PublicProps, {
                 mini: boolean;
                 disabled: boolean;
-                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
@@ -408,8 +408,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>, () => VNode, {}, {}, {}, {
                 mini: boolean;
                 disabled: boolean;
-                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
@@ -597,8 +597,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, string, {
             mini: boolean;
             disabled: boolean;
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
             animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;

package/dist/components/index.d.ts

@@ -17,17 +17,20 @@ export * from './form-slider';
 export * from './form-switch';
 export * from './form-textarea';
 export * from './color-picker';
+export * from './bar-chart';
 export * from './draggable';
 export * from './grid';
 export * from './heatmap';
 export * from './image';
 export * from './layout';
+export * from './line-chart';
 export * from './link';
 export * from './menu';
 export * from './message';
 export * from './network';
 export * from './notification';
 export * from './pagination';
+export * from './pie-chart';
 export * from './popconfirm';
 export * from './popover';
 export * from './popup';
@@ -49,4 +52,5 @@ export * from './timeline-item';
 export * from './tooltip';
 export * from './trend-chart';
 export * from './trigger';
+export * from './upload';
 export * from './watermark';

package/dist/components/line-chart/LineChart.d.ts

@@ -0,0 +1,295 @@
+import { SlotsType } from 'vue';
+import { LineChartActiveData, LineChartClickData, LineChartSeries, LineChartTooltipSlotProps } from './interface';
+import { LineChartPlot } from './helpers/layout';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    categories: {
+        type: import('vue').PropType<Array<string | number>>;
+        default: () => never[];
+    };
+    series: {
+        required: boolean;
+        type: import('vue').PropType<LineChartSeries[]>;
+        default: () => never[];
+    };
+    stack: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    area: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    smooth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    connectNulls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showPoints: {
+        type: import('vue').PropType<boolean | "auto">;
+        default: string;
+        validator: (value: boolean | "auto") => boolean;
+    };
+    height: {
+        type: import('vue').PropType<number | string>;
+        default: number;
+    };
+    width: {
+        type: import('vue').PropType<number | string>;
+        default: string;
+    };
+    max: {
+        type: NumberConstructor;
+    };
+    min: {
+        type: NumberConstructor;
+    };
+    padding: {
+        default: string;
+        type: import('vue').PropType<string | number>;
+        validator(val: string | number): boolean;
+    };
+    grid: {
+        default: null;
+        type: import('vue').PropType<import('./interface').LineChartGridOptions>;
+    };
+    labels: {
+        default: null;
+        type: import('vue').PropType<import('./interface').LineChartLabelsOptions>;
+    };
+    tooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    legend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueFormatter: {
+        type: import('vue').PropType<(value: number) => string>;
+        default: (value: number) => string;
+    };
+    loading: {
+        type: import('vue').PropType<boolean | Record<string, unknown>>;
+        default: boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    state: {
+        activeIndex: number | null;
+        keyboardActive: boolean;
+        hiddenIndexes: number[];
+        tooltipWidth: number;
+    };
+    size: {
+        width: number;
+        height: number;
+    };
+    refs: {
+        root: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+        canvas: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+        tooltip: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+    };
+    slots: Readonly<{
+        tooltip?: ((props: LineChartTooltipSlotProps) => unknown) | undefined;
+        legend?: ((props: {
+            series: LineChartSeries[];
+            hiddenIndexes: number[];
+        }) => unknown) | undefined;
+        point?: ((props: {
+            seriesIndex: number;
+            index: number;
+            value: number;
+            x: number;
+            y: number;
+            color: string;
+        }) => unknown) | undefined;
+        empty?: (() => unknown) | undefined;
+    }>;
+    t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
+    fontSize: import('vue').ComputedRef<number>;
+    labelColor: import('vue').ComputedRef<"var(--x-chart-color-axis-text)" | import('../bar-chart/props').CSSColor>;
+    yVisible: import('vue').ComputedRef<boolean>;
+    xVisible: import('vue').ComputedRef<boolean>;
+    showHorizontalLines: import('vue').ComputedRef<boolean>;
+    seriesList: import('vue').ComputedRef<LineChartSeries[]>;
+    visibleSeriesIndexes: import('vue').ComputedRef<number[]>;
+    categoryCount: import('vue').ComputedRef<number>;
+    hasData: import('vue').ComputedRef<boolean>;
+    plot: import('vue').ComputedRef<LineChartPlot>;
+    domain: import('vue').ComputedRef<import('../../_utils/chart').NiceDomain>;
+    seriesPaths: import('vue').ComputedRef<import('./helpers/layout').LineChartSeriesPath[]>;
+    pointsAlwaysVisible: import('vue').ComputedRef<boolean>;
+    axisTicks: import('vue').ComputedRef<{
+        y: number;
+        label: string;
+        isBaseline: boolean;
+    }[]>;
+    axisXLabels: import('vue').ComputedRef<{
+        x: number;
+        text: string;
+    }[]>;
+    activeCategory: import('vue').ComputedRef<LineChartActiveData | null>;
+    tooltipSlotProps: import('vue').ComputedRef<LineChartTooltipSlotProps | null>;
+    tooltipEntries: import('vue').ComputedRef<{
+        key: number;
+        name: string;
+        value: string;
+        color: string;
+    }[]>;
+    tooltipTotal: import('vue').ComputedRef<{
+        label: string;
+        value: string;
+    } | null>;
+    tooltipStyle: import('vue').ComputedRef<Record<string, string>>;
+    legendItems: import('vue').ComputedRef<{
+        key: number;
+        name: string;
+        color: string;
+        hidden: boolean;
+    }[]>;
+    categoryLabel: (index: number) => string;
+    formatValue: import('vue').ComputedRef<(value: number) => string>;
+    seriesColor: (index: number) => string;
+    liveText: import('vue').ComputedRef<string>;
+    handleMouseMove: (ev: MouseEvent) => void;
+    handleClick: (ev: MouseEvent) => void;
+    handleKeydown: (ev: KeyboardEvent) => void;
+    clearActive: () => void;
+    toggleSeries: (index: number) => void;
+    setTooltipElement: (el: HTMLDivElement | null) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    /**
+     * @zh 点击数据点或绘图区时触发
+     * @en Emitted when a data point or the plot area is clicked
+     */
+    'line-click': (data: LineChartClickData) => boolean;
+    /**
+     * @zh 图例切换后触发，参数为当前可见的系列下标
+     * @en Emitted after a legend toggle, with the visible series indexes
+     */
+    'legend-change': (visibleIndexes: number[]) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    categories: {
+        type: import('vue').PropType<Array<string | number>>;
+        default: () => never[];
+    };
+    series: {
+        required: boolean;
+        type: import('vue').PropType<LineChartSeries[]>;
+        default: () => never[];
+    };
+    stack: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    area: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    smooth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    connectNulls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showPoints: {
+        type: import('vue').PropType<boolean | "auto">;
+        default: string;
+        validator: (value: boolean | "auto") => boolean;
+    };
+    height: {
+        type: import('vue').PropType<number | string>;
+        default: number;
+    };
+    width: {
+        type: import('vue').PropType<number | string>;
+        default: string;
+    };
+    max: {
+        type: NumberConstructor;
+    };
+    min: {
+        type: NumberConstructor;
+    };
+    padding: {
+        default: string;
+        type: import('vue').PropType<string | number>;
+        validator(val: string | number): boolean;
+    };
+    grid: {
+        default: null;
+        type: import('vue').PropType<import('./interface').LineChartGridOptions>;
+    };
+    labels: {
+        default: null;
+        type: import('vue').PropType<import('./interface').LineChartLabelsOptions>;
+    };
+    tooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    legend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueFormatter: {
+        type: import('vue').PropType<(value: number) => string>;
+        default: (value: number) => string;
+    };
+    loading: {
+        type: import('vue').PropType<boolean | Record<string, unknown>>;
+        default: boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{
+    "onLegend-change"?: ((visibleIndexes: number[]) => any) | undefined;
+    "onLine-click"?: ((data: LineChartClickData) => any) | undefined;
+}>, {
+    loading: boolean | Record<string, unknown>;
+    area: boolean;
+    legend: boolean;
+    height: string | number;
+    width: string | number;
+    grid: import('./interface').LineChartGridOptions;
+    padding: string | number;
+    smooth: boolean;
+    tooltip: boolean;
+    categories: (string | number)[];
+    series: LineChartSeries[];
+    stack: boolean;
+    labels: import('./interface').LineChartLabelsOptions;
+    valueFormatter: (value: number) => string;
+    connectNulls: boolean;
+    showPoints: boolean | "auto";
+}, SlotsType<{
+    tooltip?: (props: LineChartTooltipSlotProps) => unknown;
+    legend?: (props: {
+        series: LineChartSeries[];
+        hiddenIndexes: number[];
+    }) => unknown;
+    point?: (props: {
+        seriesIndex: number;
+        index: number;
+        value: number;
+        x: number;
+        y: number;
+        color: string;
+    }) => unknown;
+    empty?: () => unknown;
+}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/line-chart/helpers/layout.d.ts

@@ -0,0 +1,74 @@
+export interface LineChartPlot {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+}
+export interface LineChartPointGeometry {
+    /** 类目下标 */
+    index: number;
+    /** 系列下标 */
+    seriesIndex: number;
+    /** 数据点的值 */
+    value: number;
+    x: number;
+    y: number;
+}
+export interface LineChartSeriesPath {
+    /** 系列下标 */
+    seriesIndex: number;
+    /** 折线路径（平滑时为三次贝塞尔）；缺测断点会切成多段 */
+    d: string;
+    /** 面积填充路径；未开启 area 时为空串 */
+    areaD: string;
+    /** 该系列的数据点，供数据点渲染与交互命中 */
+    points: LineChartPointGeometry[];
+}
+export interface BuildLineChartSeriesParams {
+    /** values[seriesIndex][categoryIndex]；缺测为 null */
+    values: Array<Array<number | null>>;
+    /**
+     * 面积填充的下边界（堆叠面积用）：
+     * 逐系列给出，形状与 values 相同；省略时填充到 baseline 水平线。
+     */
+    lower?: Array<Array<number | null>>;
+    plot: LineChartPlot;
+    /** 数值域下界（负值场景下为负数） */
+    domainMin: number;
+    /** 数值域上界 */
+    domainMax: number;
+    /** 是否平滑 */
+    smooth: boolean;
+    /** 缺测点是否跨过（连到下一个有效点） */
+    connectNulls: boolean;
+    /** 是否绘制面积填充 */
+    area: boolean;
+    /** 面积基线的 y（未给 lower 时使用） */
+    baseline: number;
+}
+/**
+ * 计算每个系列的折线 / 面积路径与数据点坐标。
+ *
+ * 类目排在带中心：n 个类目把绘图区均分为 n 段，第 i 个数据点落在第 i 段中心，
+ * 与柱状图的类目带一致，两个图表的类目轴可以对齐比较。
+ *
+ * 缺测（null / undefined）默认断线；`connectNulls` 为真时跨过缺测连到下一点，
+ * 但缺测处不产生数据点（不存在的点不应被鼠标命中）。
+ */
+export declare const buildLineChartSeries: (params: BuildLineChartSeriesParams) => LineChartSeriesPath[];
+export interface StackedLineChartLayer {
+    seriesIndex: number;
+    /** 本层的值（缺测为 0） */
+    values: number[];
+    /** 本层下界（下方所有层的累加） */
+    base: number[];
+    /** 本层上界（base + values） */
+    top: number[];
+}
+/**
+ * 堆叠分层：把每个系列的下界累加为上一层的上界。
+ * 缺测按 0 处理，保证各层类目数一致、堆叠带不出现空洞。
+ */
+export declare const buildStackedLayers: (values: Array<Array<number | null>>) => StackedLineChartLayer[];