x-next 1.6.0 → 1.8.0

package/dist/components/pie-chart/index.d.ts

@@ -0,0 +1,470 @@
+export declare const PieChart: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        data: {
+            required: boolean;
+            type: import('vue').PropType<import('./interface').PieChartItem[]>;
+            default: () => never[];
+        };
+        innerRadius: {
+            type: import('vue').PropType<number | string>;
+            default: number;
+        };
+        height: {
+            type: import('vue').PropType<number | string>;
+            default: number;
+        };
+        width: {
+            type: import('vue').PropType<number | string>;
+            default: string;
+        };
+        labels: {
+            type: import('vue').PropType<boolean | {
+                fontSize?: number;
+                color?: string;
+            }>;
+            default: boolean;
+        };
+        center: {
+            type: import('vue').PropType<boolean | {
+                fontSize?: number;
+            }>;
+            default: boolean;
+        };
+        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;
+        "onItem-click"?: ((data: import('./interface').PieChartClickData) => any) | undefined;
+    }>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+        state: {
+            activeIndex: number | null;
+            hiddenIndexes: number[];
+            keyboardActive: boolean;
+            pointer: {
+                x: number;
+                y: 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<{
+            center?: ((props: {
+                total: number;
+                formatValue: (value: number) => string;
+            }) => unknown) | undefined;
+            tooltip?: ((props: import('./interface').PieChartActiveData) => unknown) | undefined;
+            label?: ((props: import('./interface').PieChartActiveData) => unknown) | undefined;
+            legend?: ((props: {
+                items: import('./interface').PieChartItem[];
+                hiddenIndexes: number[];
+            }) => unknown) | undefined;
+            empty?: (() => unknown) | undefined;
+        }>;
+        t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
+        items: import('vue').ComputedRef<import('./interface').PieChartItem[]>;
+        visibleIndexes: import('vue').ComputedRef<number[]>;
+        total: import('vue').ComputedRef<number>;
+        hasData: import('vue').ComputedRef<boolean>;
+        geometry: import('vue').ComputedRef<{
+            cx: number;
+            cy: number;
+            radius: number;
+            inner: number;
+        }>;
+        segments: import('vue').ComputedRef<import('./interface').PieChartSegment[]>;
+        activeData: import('vue').ComputedRef<import('./interface').PieChartActiveData | null>;
+        legendItems: import('vue').ComputedRef<{
+            key: number;
+            name: string;
+            color: string;
+            hidden: boolean;
+            value: string;
+        }[]>;
+        centerVisible: import('vue').ComputedRef<boolean>;
+        labelFontSize: import('vue').ComputedRef<number>;
+        labelColor: import('vue').ComputedRef<string>;
+        centerFontSize: import('vue').ComputedRef<number>;
+        formatValue: import('vue').ComputedRef<(value: number) => string>;
+        tooltipStyle: import('vue').ComputedRef<Record<string, string>>;
+        handleSegmentEnter: (index: number) => void;
+        handleClick: (index: number, ev: MouseEvent) => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
+        clearActive: () => void;
+        toggleItem: (index: number) => void;
+        liveText: import('vue').ComputedRef<string>;
+        setTooltipElement: (el: HTMLDivElement | null) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'item-click': (data: import('./interface').PieChartClickData) => boolean;
+        'legend-change': (visibleIndexes: number[]) => boolean;
+    }, import('vue').PublicProps, {
+        center: boolean | {
+            fontSize?: number;
+        };
+        loading: boolean | Record<string, unknown>;
+        data: import('./interface').PieChartItem[];
+        legend: boolean;
+        height: string | number;
+        width: string | number;
+        tooltip: boolean;
+        labels: boolean | {
+            fontSize?: number;
+            color?: string;
+        };
+        valueFormatter: (value: number) => string;
+        innerRadius: string | number;
+    }, true, {}, import('vue').SlotsType<{
+        center?: (props: {
+            total: number;
+            formatValue: (value: number) => string;
+        }) => unknown;
+        tooltip?: (props: import('./interface').PieChartActiveData) => unknown;
+        label?: (props: import('./interface').PieChartActiveData) => unknown;
+        legend?: (props: {
+            items: import('./interface').PieChartItem[];
+            hiddenIndexes: number[];
+        }) => unknown;
+        empty?: () => unknown;
+    }>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        data: {
+            required: boolean;
+            type: import('vue').PropType<import('./interface').PieChartItem[]>;
+            default: () => never[];
+        };
+        innerRadius: {
+            type: import('vue').PropType<number | string>;
+            default: number;
+        };
+        height: {
+            type: import('vue').PropType<number | string>;
+            default: number;
+        };
+        width: {
+            type: import('vue').PropType<number | string>;
+            default: string;
+        };
+        labels: {
+            type: import('vue').PropType<boolean | {
+                fontSize?: number;
+                color?: string;
+            }>;
+            default: boolean;
+        };
+        center: {
+            type: import('vue').PropType<boolean | {
+                fontSize?: number;
+            }>;
+            default: boolean;
+        };
+        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;
+        "onItem-click"?: ((data: import('./interface').PieChartClickData) => any) | undefined;
+    }>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+        state: {
+            activeIndex: number | null;
+            hiddenIndexes: number[];
+            keyboardActive: boolean;
+            pointer: {
+                x: number;
+                y: 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<{
+            center?: ((props: {
+                total: number;
+                formatValue: (value: number) => string;
+            }) => unknown) | undefined;
+            tooltip?: ((props: import('./interface').PieChartActiveData) => unknown) | undefined;
+            label?: ((props: import('./interface').PieChartActiveData) => unknown) | undefined;
+            legend?: ((props: {
+                items: import('./interface').PieChartItem[];
+                hiddenIndexes: number[];
+            }) => unknown) | undefined;
+            empty?: (() => unknown) | undefined;
+        }>;
+        t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
+        items: import('vue').ComputedRef<import('./interface').PieChartItem[]>;
+        visibleIndexes: import('vue').ComputedRef<number[]>;
+        total: import('vue').ComputedRef<number>;
+        hasData: import('vue').ComputedRef<boolean>;
+        geometry: import('vue').ComputedRef<{
+            cx: number;
+            cy: number;
+            radius: number;
+            inner: number;
+        }>;
+        segments: import('vue').ComputedRef<import('./interface').PieChartSegment[]>;
+        activeData: import('vue').ComputedRef<import('./interface').PieChartActiveData | null>;
+        legendItems: import('vue').ComputedRef<{
+            key: number;
+            name: string;
+            color: string;
+            hidden: boolean;
+            value: string;
+        }[]>;
+        centerVisible: import('vue').ComputedRef<boolean>;
+        labelFontSize: import('vue').ComputedRef<number>;
+        labelColor: import('vue').ComputedRef<string>;
+        centerFontSize: import('vue').ComputedRef<number>;
+        formatValue: import('vue').ComputedRef<(value: number) => string>;
+        tooltipStyle: import('vue').ComputedRef<Record<string, string>>;
+        handleSegmentEnter: (index: number) => void;
+        handleClick: (index: number, ev: MouseEvent) => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
+        clearActive: () => void;
+        toggleItem: (index: number) => void;
+        liveText: import('vue').ComputedRef<string>;
+        setTooltipElement: (el: HTMLDivElement | null) => void;
+    }, {}, {}, {}, {
+        center: boolean | {
+            fontSize?: number;
+        };
+        loading: boolean | Record<string, unknown>;
+        data: import('./interface').PieChartItem[];
+        legend: boolean;
+        height: string | number;
+        width: string | number;
+        tooltip: boolean;
+        labels: boolean | {
+            fontSize?: number;
+            color?: string;
+        };
+        valueFormatter: (value: number) => string;
+        innerRadius: string | number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    data: {
+        required: boolean;
+        type: import('vue').PropType<import('./interface').PieChartItem[]>;
+        default: () => never[];
+    };
+    innerRadius: {
+        type: import('vue').PropType<number | string>;
+        default: number;
+    };
+    height: {
+        type: import('vue').PropType<number | string>;
+        default: number;
+    };
+    width: {
+        type: import('vue').PropType<number | string>;
+        default: string;
+    };
+    labels: {
+        type: import('vue').PropType<boolean | {
+            fontSize?: number;
+            color?: string;
+        }>;
+        default: boolean;
+    };
+    center: {
+        type: import('vue').PropType<boolean | {
+            fontSize?: number;
+        }>;
+        default: boolean;
+    };
+    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;
+    "onItem-click"?: ((data: import('./interface').PieChartClickData) => any) | undefined;
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    state: {
+        activeIndex: number | null;
+        hiddenIndexes: number[];
+        keyboardActive: boolean;
+        pointer: {
+            x: number;
+            y: 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<{
+        center?: ((props: {
+            total: number;
+            formatValue: (value: number) => string;
+        }) => unknown) | undefined;
+        tooltip?: ((props: import('./interface').PieChartActiveData) => unknown) | undefined;
+        label?: ((props: import('./interface').PieChartActiveData) => unknown) | undefined;
+        legend?: ((props: {
+            items: import('./interface').PieChartItem[];
+            hiddenIndexes: number[];
+        }) => unknown) | undefined;
+        empty?: (() => unknown) | undefined;
+    }>;
+    t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
+    items: import('vue').ComputedRef<import('./interface').PieChartItem[]>;
+    visibleIndexes: import('vue').ComputedRef<number[]>;
+    total: import('vue').ComputedRef<number>;
+    hasData: import('vue').ComputedRef<boolean>;
+    geometry: import('vue').ComputedRef<{
+        cx: number;
+        cy: number;
+        radius: number;
+        inner: number;
+    }>;
+    segments: import('vue').ComputedRef<import('./interface').PieChartSegment[]>;
+    activeData: import('vue').ComputedRef<import('./interface').PieChartActiveData | null>;
+    legendItems: import('vue').ComputedRef<{
+        key: number;
+        name: string;
+        color: string;
+        hidden: boolean;
+        value: string;
+    }[]>;
+    centerVisible: import('vue').ComputedRef<boolean>;
+    labelFontSize: import('vue').ComputedRef<number>;
+    labelColor: import('vue').ComputedRef<string>;
+    centerFontSize: import('vue').ComputedRef<number>;
+    formatValue: import('vue').ComputedRef<(value: number) => string>;
+    tooltipStyle: import('vue').ComputedRef<Record<string, string>>;
+    handleSegmentEnter: (index: number) => void;
+    handleClick: (index: number, ev: MouseEvent) => void;
+    handleKeydown: (ev: KeyboardEvent) => void;
+    clearActive: () => void;
+    toggleItem: (index: number) => void;
+    liveText: import('vue').ComputedRef<string>;
+    setTooltipElement: (el: HTMLDivElement | null) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'item-click': (data: import('./interface').PieChartClickData) => boolean;
+    'legend-change': (visibleIndexes: number[]) => boolean;
+}, string, {
+    center: boolean | {
+        fontSize?: number;
+    };
+    loading: boolean | Record<string, unknown>;
+    data: import('./interface').PieChartItem[];
+    legend: boolean;
+    height: string | number;
+    width: string | number;
+    tooltip: boolean;
+    labels: boolean | {
+        fontSize?: number;
+        color?: string;
+    };
+    valueFormatter: (value: number) => string;
+    innerRadius: string | number;
+}, {}, string, import('vue').SlotsType<{
+    center?: (props: {
+        total: number;
+        formatValue: (value: number) => string;
+    }) => unknown;
+    tooltip?: (props: import('./interface').PieChartActiveData) => unknown;
+    label?: (props: import('./interface').PieChartActiveData) => unknown;
+    legend?: (props: {
+        items: import('./interface').PieChartItem[];
+        hiddenIndexes: number[];
+    }) => unknown;
+    empty?: () => unknown;
+}>, 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 { PieChart as default };
+export type { PieChartActiveData, PieChartClickData, PieChartItem, PieChartSegment, PieChartTooltipEntry, } from './interface';

package/dist/components/pie-chart/interface.d.ts

@@ -0,0 +1,58 @@
+/**
+ * 一个分片。
+ *
+ * 饼图 / 环形图的语义是**占比**：值按所有可见分片求和后换算角度。
+ * 负值与缺测（null / undefined）按 0 处理并跳过，不计入总量。
+ */
+export interface PieChartItem {
+    /** 分片名称，用于标签、提示与图例 */
+    name: string;
+    /** 分片数值（非负） */
+    value: number;
+}
+/** 悬浮提示中的一行 */
+export interface PieChartTooltipEntry {
+    /** 分片下标 */
+    index: number;
+    name: string;
+    /** 原始数值 */
+    value: number;
+    /** 占比（0 ~ 1） */
+    percent: number;
+    /** 生效颜色 */
+    color: string;
+}
+/** 悬浮或选中时激活的分片数据 */
+export interface PieChartActiveData extends PieChartTooltipEntry {
+    /** 所有可见分片的合计 */
+    total: number;
+    /** 已格式化数值的便捷函数，与组件内保持一致 */
+    formatValue: (value: number) => string;
+    /** 已格式化占比的函数，如 12.3% */
+    formatPercent: (percent: number) => string;
+}
+/** item-click 事件的载荷 */
+export interface PieChartClickData extends PieChartActiveData {
+}
+/** 渲染用分片几何；由 props 数据换算而来，供内部渲染与提示定位使用 */
+export interface PieChartSegment {
+    /** 分片下标（对应 data 下标） */
+    index: number;
+    name: string;
+    value: number;
+    /** 占比（0 ~ 1，按可见分片总量计算） */
+    percent: number;
+    /** 生效颜色 */
+    color: string;
+    /** 扇形 / 环形分段路径 */
+    d: string;
+    /** 外围标签锚点 */
+    labelX: number;
+    labelY: number;
+    /** 标签对齐方式：右半圆左对齐、左半圆右对齐 */
+    labelAnchor: 'start' | 'end';
+    /** 占比是否达到可读阈值（未达到则不画外围标签） */
+    showLabel: boolean;
+    /** 分片中间角（用于提示锚点定位） */
+    midAngle: number;
+}

package/dist/components/pie-chart/props.d.ts

@@ -0,0 +1,107 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { PieChartItem } from './interface';
+export declare const pieChartProps: {
+    /**
+     * @zh 分片数据；值为负或非有限数按 0 处理并跳过
+     * @en Slice data; negative or non-finite values are treated as 0 and skipped
+     */
+    data: {
+        required: boolean;
+        type: PropType<PieChartItem[]>;
+        default: () => never[];
+    };
+    /**
+     * @zh 内半径：0 为实心饼图，数字按 px，'60%' 按外半径比例；大于 0 时渲染为环形图
+     * @en Inner radius: 0 renders a pie, numbers are px, '60%' is relative to the
+     * outer radius; values above 0 render a donut
+     * @defaultValue 0
+     */
+    innerRadius: {
+        type: PropType<number | string>;
+        default: number;
+    };
+    /**
+     * @zh 图表高度，数字按 px 处理
+     * @en Chart height; numbers are treated as px
+     * @defaultValue 280
+     */
+    height: {
+        type: PropType<number | string>;
+        default: number;
+    };
+    /**
+     * @zh 图表宽度，数字按 px 处理，默认撑满父容器
+     * @en Chart width; numbers are treated as px, defaults to filling the parent
+     * @defaultValue '100%'
+     */
+    width: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    /**
+     * @zh 外围标签：false 不显示，也可传字号与颜色
+     * @en Outer labels: false hides them; an object configures font size and color
+     * @defaultValue true
+     */
+    labels: {
+        type: PropType<boolean | {
+            fontSize?: number;
+            color?: string;
+        }>;
+        default: boolean;
+    };
+    /**
+     * @zh 环形中心内容；不传时在环形模式下展示合计，传 false 隐藏
+     * @en Donut center content; defaults to the total for donuts, false hides it
+     * @defaultValue true
+     */
+    center: {
+        type: PropType<boolean | {
+            fontSize?: number;
+        }>;
+        default: boolean;
+    };
+    /**
+     * @zh 悬浮提示
+     * @en Hover tooltip
+     * @defaultValue true
+     */
+    tooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 图例；点击图例项可临时隐藏/显示对应分片，数据在点击分片上触发
+     * @en Legend; clicking an item toggles the slice visibility
+     * @defaultValue false
+     */
+    legend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 数值格式化函数，用于提示、图例与中心内容
+     * @en Value formatter used by tooltip, legend and the center content
+     */
+    valueFormatter: {
+        type: PropType<(value: number) => string>;
+        default: (value: number) => string;
+    };
+    /**
+     * @zh 加载中
+     * @en Loading state
+     * @defaultValue false
+     */
+    loading: {
+        type: PropType<boolean | Record<string, unknown>>;
+        default: boolean;
+    };
+    /**
+     * @zh 无障碍名称；设置后画布带 role="img"
+     * @en Accessible name; adds role="img" to the canvas when set
+     */
+    ariaLabel: {
+        type: StringConstructor;
+    };
+};
+export type PieChartProps = ExtractPropTypes<typeof pieChartProps>;

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

@@ -146,7 +146,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             fill: boolean;
             block: boolean;
             direction: "horizontal" | "vertical";
-            align: "center" | "space-between" | "end" | "start" | "baseline";
+            align: "center" | "start" | "space-between" | "end" | "baseline";
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -180,7 +180,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             fill: boolean;
             block: boolean;
             direction: "horizontal" | "vertical";
-            align: "center" | "space-between" | "end" | "start" | "baseline";
+            align: "center" | "start" | "space-between" | "end" | "baseline";
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -211,7 +211,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         fill: boolean;
         block: boolean;
         direction: "horizontal" | "vertical";
-        align: "center" | "space-between" | "end" | "start" | "baseline";
+        align: "center" | "start" | "space-between" | "end" | "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/popover/Popover.d.ts

@@ -287,8 +287,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
 }>, {
     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;