x-next 1.11.1 → 1.13.0

package/dist/components/table/table-td.d.ts

@@ -48,12 +48,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: number;
     };
     renderExpandBtn: {
-        type: PropType<(record: TableDataWithRaw, stopPropagation?: boolean) => VNode>;
+        type: PropType<(record: TableDataWithRaw, stopPropagation?: boolean, loading?: boolean) => VNode>;
     };
     summary: {
         type: BooleanConstructor;
         default: boolean;
     };
+    tabindex: (StringConstructor | NumberConstructor)[];
+    onClick: PropType<(event: MouseEvent) => void>;
+    onDblclick: PropType<(event: MouseEvent) => void>;
+    onContextmenu: PropType<(event: MouseEvent) => void>;
+    onMouseenter: PropType<(event: MouseEvent) => void>;
+    onMouseleave: PropType<(event: MouseEvent) => void>;
+    onDragstart: PropType<(event: DragEvent) => void>;
+    onDragend: PropType<(event: DragEvent) => void>;
+    onDragenter: PropType<(event: DragEvent) => void>;
+    onDragover: PropType<(event: DragEvent) => void>;
+    onDrop: PropType<(event: DragEvent) => void>;
+    onKeydown: PropType<(event: KeyboardEvent) => void>;
+    onFocus: PropType<(event: FocusEvent) => void>;
+    onPointerdown: PropType<(event: PointerEvent) => void>;
+    onPointermove: PropType<(event: PointerEvent) => void>;
+    onPointerup: PropType<(event: PointerEvent) => void>;
+    onPointercancel: PropType<(event: PointerEvent) => void>;
 }>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -102,12 +119,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: number;
     };
     renderExpandBtn: {
-        type: PropType<(record: TableDataWithRaw, stopPropagation?: boolean) => VNode>;
+        type: PropType<(record: TableDataWithRaw, stopPropagation?: boolean, loading?: boolean) => VNode>;
     };
     summary: {
         type: BooleanConstructor;
         default: boolean;
     };
+    tabindex: (StringConstructor | NumberConstructor)[];
+    onClick: PropType<(event: MouseEvent) => void>;
+    onDblclick: PropType<(event: MouseEvent) => void>;
+    onContextmenu: PropType<(event: MouseEvent) => void>;
+    onMouseenter: PropType<(event: MouseEvent) => void>;
+    onMouseleave: PropType<(event: MouseEvent) => void>;
+    onDragstart: PropType<(event: DragEvent) => void>;
+    onDragend: PropType<(event: DragEvent) => void>;
+    onDragenter: PropType<(event: DragEvent) => void>;
+    onDragover: PropType<(event: DragEvent) => void>;
+    onDrop: PropType<(event: DragEvent) => void>;
+    onKeydown: PropType<(event: KeyboardEvent) => void>;
+    onFocus: PropType<(event: FocusEvent) => void>;
+    onPointerdown: PropType<(event: PointerEvent) => void>;
+    onPointermove: PropType<(event: PointerEvent) => void>;
+    onPointerup: PropType<(event: PointerEvent) => void>;
+    onPointercancel: PropType<(event: PointerEvent) => void>;
 }>> & Readonly<{}>, {
     type: "normal" | "expand" | "checkbox" | "radio" | "operation";
     summary: boolean;

package/dist/components/table/table-th.d.ts

@@ -14,6 +14,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: () => never[];
     };
     resizable: BooleanConstructor;
+    tabindex: (StringConstructor | NumberConstructor)[];
+    onClick: PropType<(event: MouseEvent) => void>;
+    onDblclick: PropType<(event: MouseEvent) => void>;
+    onContextmenu: PropType<(event: MouseEvent) => void>;
+    onMouseenter: PropType<(event: MouseEvent) => void>;
+    onMouseleave: PropType<(event: MouseEvent) => void>;
+    onDragstart: PropType<(event: DragEvent) => void>;
+    onDragend: PropType<(event: DragEvent) => void>;
+    onDragenter: PropType<(event: DragEvent) => void>;
+    onDragover: PropType<(event: DragEvent) => void>;
+    onDrop: PropType<(event: DragEvent) => void>;
+    onKeydown: PropType<(event: KeyboardEvent) => void>;
+    onFocus: PropType<(event: FocusEvent) => void>;
+    onPointerdown: PropType<(event: PointerEvent) => void>;
+    onPointermove: PropType<(event: PointerEvent) => void>;
+    onPointerup: PropType<(event: PointerEvent) => void>;
+    onPointercancel: PropType<(event: PointerEvent) => void>;
 }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -30,6 +47,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: () => never[];
     };
     resizable: BooleanConstructor;
+    tabindex: (StringConstructor | NumberConstructor)[];
+    onClick: PropType<(event: MouseEvent) => void>;
+    onDblclick: PropType<(event: MouseEvent) => void>;
+    onContextmenu: PropType<(event: MouseEvent) => void>;
+    onMouseenter: PropType<(event: MouseEvent) => void>;
+    onMouseleave: PropType<(event: MouseEvent) => void>;
+    onDragstart: PropType<(event: DragEvent) => void>;
+    onDragend: PropType<(event: DragEvent) => void>;
+    onDragenter: PropType<(event: DragEvent) => void>;
+    onDragover: PropType<(event: DragEvent) => void>;
+    onDrop: PropType<(event: DragEvent) => void>;
+    onKeydown: PropType<(event: KeyboardEvent) => void>;
+    onFocus: PropType<(event: FocusEvent) => void>;
+    onPointerdown: PropType<(event: PointerEvent) => void>;
+    onPointermove: PropType<(event: PointerEvent) => void>;
+    onPointerup: PropType<(event: PointerEvent) => void>;
+    onPointercancel: PropType<(event: PointerEvent) => void>;
 }>> & Readonly<{}>, {
     column: TableColumnData;
     dataColumns: TableColumnData[];

package/dist/components/table/table-tr.d.ts

@@ -15,6 +15,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<TableDataWithRaw>;
         default: () => {};
     };
+    tabindex: (StringConstructor | NumberConstructor)[];
+    onClick: PropType<(event: MouseEvent) => void>;
+    onDblclick: PropType<(event: MouseEvent) => void>;
+    onContextmenu: PropType<(event: MouseEvent) => void>;
+    onMouseenter: PropType<(event: MouseEvent) => void>;
+    onMouseleave: PropType<(event: MouseEvent) => void>;
+    onDragstart: PropType<(event: DragEvent) => void>;
+    onDragend: PropType<(event: DragEvent) => void>;
+    onDragenter: PropType<(event: DragEvent) => void>;
+    onDragover: PropType<(event: DragEvent) => void>;
+    onDrop: PropType<(event: DragEvent) => void>;
+    onKeydown: PropType<(event: KeyboardEvent) => void>;
+    onFocus: PropType<(event: FocusEvent) => void>;
+    onPointerdown: PropType<(event: PointerEvent) => void>;
+    onPointermove: PropType<(event: PointerEvent) => void>;
+    onPointerup: PropType<(event: PointerEvent) => void>;
+    onPointercancel: PropType<(event: PointerEvent) => void>;
 }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -32,6 +49,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<TableDataWithRaw>;
         default: () => {};
     };
+    tabindex: (StringConstructor | NumberConstructor)[];
+    onClick: PropType<(event: MouseEvent) => void>;
+    onDblclick: PropType<(event: MouseEvent) => void>;
+    onContextmenu: PropType<(event: MouseEvent) => void>;
+    onMouseenter: PropType<(event: MouseEvent) => void>;
+    onMouseleave: PropType<(event: MouseEvent) => void>;
+    onDragstart: PropType<(event: DragEvent) => void>;
+    onDragend: PropType<(event: DragEvent) => void>;
+    onDragenter: PropType<(event: DragEvent) => void>;
+    onDragover: PropType<(event: DragEvent) => void>;
+    onDrop: PropType<(event: DragEvent) => void>;
+    onKeydown: PropType<(event: KeyboardEvent) => void>;
+    onFocus: PropType<(event: FocusEvent) => void>;
+    onPointerdown: PropType<(event: PointerEvent) => void>;
+    onPointermove: PropType<(event: PointerEvent) => void>;
+    onPointerup: PropType<(event: PointerEvent) => void>;
+    onPointercancel: PropType<(event: PointerEvent) => void>;
 }>> & Readonly<{}>, {
     empty: boolean;
     expand: boolean;

package/dist/components/time-range-selector/index.d.ts

@@ -2,7 +2,7 @@ export declare const TimeRangeSelector: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue: [string, string][];
         color?: string;
-        scene?: "default" | "compact" | "schedule" | "monitor";
+        scene?: "default" | "compact" | "monitor" | "schedule";
         overlapAllowed?: boolean;
         stepMinutes?: number;
         disabledRanges?: [string, string][];
@@ -21,7 +21,7 @@ export declare const TimeRangeSelector: {
     }, import('vue').PublicProps, {
         readonly: boolean;
         disabled: boolean;
-        scene: "default" | "compact" | "schedule" | "monitor";
+        scene: "default" | "compact" | "monitor" | "schedule";
         overlapAllowed: boolean;
         stepMinutes: number;
         disabledRanges: [string, string][];
@@ -37,7 +37,7 @@ export declare const TimeRangeSelector: {
     }, Readonly<{
         modelValue: [string, string][];
         color?: string;
-        scene?: "default" | "compact" | "schedule" | "monitor";
+        scene?: "default" | "compact" | "monitor" | "schedule";
         overlapAllowed?: boolean;
         stepMinutes?: number;
         disabledRanges?: [string, string][];
@@ -52,7 +52,7 @@ export declare const TimeRangeSelector: {
     }>, {}, {}, {}, {}, {
         readonly: boolean;
         disabled: boolean;
-        scene: "default" | "compact" | "schedule" | "monitor";
+        scene: "default" | "compact" | "monitor" | "schedule";
         overlapAllowed: boolean;
         stepMinutes: number;
         disabledRanges: [string, string][];
@@ -65,7 +65,7 @@ export declare const TimeRangeSelector: {
 } & import('vue').ComponentOptionsBase<Readonly<{
     modelValue: [string, string][];
     color?: string;
-    scene?: "default" | "compact" | "schedule" | "monitor";
+    scene?: "default" | "compact" | "monitor" | "schedule";
     overlapAllowed?: boolean;
     stepMinutes?: number;
     disabledRanges?: [string, string][];
@@ -84,7 +84,7 @@ export declare const TimeRangeSelector: {
 }, string, {
     readonly: boolean;
     disabled: boolean;
-    scene: "default" | "compact" | "schedule" | "monitor";
+    scene: "default" | "compact" | "monitor" | "schedule";
     overlapAllowed: boolean;
     stepMinutes: number;
     disabledRanges: [string, string][];

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

@@ -165,12 +165,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     padding: string | number;
     height: string | number;
     width: string | number;
-    dataset: import('../props').DataSet;
     labels: Record<string, unknown> | null;
     theme: Theme;
     showPoints: import('../props').ShowPoints;
     interactive: boolean;
     tooltipFormatter: (value: number) => string;
+    dataset: import('../props').DataSet;
 }, {}, {
     TrendChartCurve: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         boundary: {

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

@@ -92,12 +92,12 @@ export declare const TrendChart: {
         padding: string | number;
         height: string | number;
         width: string | number;
-        dataset: import('./props').DataSet;
         labels: Record<string, unknown> | null;
         theme: import('./props').Theme;
         showPoints: import('./props').ShowPoints;
         interactive: boolean;
         tooltipFormatter: (value: number) => string;
+        dataset: import('./props').DataSet;
     }, true, {}, {}, {
         TrendChartCurve: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             boundary: {
@@ -328,12 +328,12 @@ export declare const TrendChart: {
         padding: string | number;
         height: string | number;
         width: string | number;
-        dataset: import('./props').DataSet;
         labels: Record<string, unknown> | null;
         theme: import('./props').Theme;
         showPoints: import('./props').ShowPoints;
         interactive: boolean;
         tooltipFormatter: (value: number) => string;
+        dataset: import('./props').DataSet;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -431,12 +431,12 @@ export declare const TrendChart: {
     padding: string | number;
     height: string | number;
     width: string | number;
-    dataset: import('./props').DataSet;
     labels: Record<string, unknown> | null;
     theme: import('./props').Theme;
     showPoints: import('./props').ShowPoints;
     interactive: boolean;
     tooltipFormatter: (value: number) => string;
+    dataset: import('./props').DataSet;
 }, {}, string, {}, {
     TrendChartCurve: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         boundary: {

package/dist/components/upload/Upload.d.ts

@@ -323,8 +323,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     imagePreview: boolean;
     multiple: boolean;
     tip: string;
-    draggable: boolean;
     limit: number;
+    draggable: boolean;
     method: import('./interface').UploadRequestMethod;
     timeout: number;
     accept: string;

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

@@ -177,8 +177,8 @@ export declare const Upload: {
         imagePreview: boolean;
         multiple: boolean;
         tip: string;
-        draggable: boolean;
         limit: number;
+        draggable: boolean;
         method: import('./interface').UploadRequestMethod;
         timeout: number;
         accept: string;
@@ -396,8 +396,8 @@ export declare const Upload: {
         imagePreview: boolean;
         multiple: boolean;
         tip: string;
-        draggable: boolean;
         limit: number;
+        draggable: boolean;
         method: import('./interface').UploadRequestMethod;
         timeout: number;
         accept: string;
@@ -604,8 +604,8 @@ export declare const Upload: {
     imagePreview: boolean;
     multiple: boolean;
     tip: string;
-    draggable: boolean;
     limit: number;
+    draggable: boolean;
     method: import('./interface').UploadRequestMethod;
     timeout: number;
     accept: string;

package/dist/es/_styles/palette-aliases.js

@@ -74,11 +74,11 @@ const r = {
     "--x-notification-color-accent-info": "var(--x-color-primary-solid)",
     "--x-notification-color-icon-bg-info": "var(--x-color-primary-subtle)",
     "--x-pagination-color-bg-item_active": "var(--x-color-primary-light-1)",
-    "--x-pagination-color-icon-arrow-text_hover": "var(--x-color-primary-6)",
-    "--x-pagination-color-item-outline_focus": "var(--x-color-primary-light-3)",
-    "--x-pagination-color-item-text_active": "var(--x-color-primary-6)",
+    "--x-pagination-color-icon-arrow-text_hover": "var(--x-color-primary-text)",
+    "--x-pagination-color-item-outline_focus": "var(--x-color-primary-text)",
+    "--x-pagination-color-item-text_active": "color-mix( in srgb, var(--x-color-primary-text) 96%, var(--x-color-text-1) )",
     "--x-pagination-color-item-text_active_disabled": "var(--x-color-primary-light-3)",
-    "--x-pagination-simple-color-icon-arrow-text_hover": "var(--x-color-primary-6)",
+    "--x-pagination-simple-color-icon-arrow-text_hover": "var(--x-color-primary-text)",
     "--x-picker-color-border_focus": "var(--x-field-color-border-focus)",
     "--x-picker-color-shadow_focus": "var(--x-field-color-shadow-focus)",
     "--x-radio-button-color-text_active": "var(--x-color-primary-6)",

package/dist/es/components/button/Button.js

@@ -1,73 +1,84 @@
-import { defineComponent as O, getCurrentInstance as P, inject as x, reactive as F, computed as t, withDirectives as T, createVNode as u, resolveDirective as L } from "vue";
-import { getClassNameMixin as p } from "../../_utils/config.js";
-import { buttonProps as A } from "./props.js";
-import B from "../../icons/animation/animation-loading.js";
-import I from "../../directives/wave.js";
-import { buttonGroupInjectionKey as K } from "./context.js";
-import { useSize as N } from "../../_hooks/use-size.js";
-const H = /* @__PURE__ */ O({
+import { defineComponent as C, getCurrentInstance as E, inject as M, reactive as R, computed as r, withDirectives as Z, createVNode as d, resolveDirective as $, isVNode as q, Comment as H, Fragment as J, Text as Q } from "vue";
+import { getClassNameMixin as U } from "../../_utils/config.js";
+import { buttonProps as W } from "./props.js";
+import X from "../../icons/animation/animation-loading.js";
+import Y from "../../directives/wave.js";
+import { buttonGroupInjectionKey as _ } from "./context.js";
+import { useSize as G } from "../../_hooks/use-size.js";
+const o = (e) => {
+  if (Array.isArray(e)) return e.some(o);
+  if (e == null || typeof e == "boolean") return !1;
+  if (typeof e == "string") return e.trim().length > 0;
+  if (q(e)) {
+    if (e.type === H) return !1;
+    if (e.type === J || e.type === Q)
+      return o(e.children);
+  }
+  return !0;
+}, re = /* @__PURE__ */ C({
   name: "Button",
-  props: A,
+  props: W,
   // 显式导入插槽
   slots: Object,
   directives: {
-    wave: I
+    wave: Y
   },
   emits: ["click"],
   setup(e, {
-    slots: l,
-    emit: h
+    slots: n,
+    emit: A
   }) {
-    const s = P(), a = x(K, void 0), {
-      mergedSize: k
-    } = N(void 0, {
+    const v = E(), a = M(_, void 0), {
+      mergedSize: F
+    } = G(void 0, {
       defaultValue: "medium"
-    }), r = F({
+    }), u = R({
       clicked: !1,
       isDebounce: !1
-    }), i = p("button"), w = (n) => n.replace(/[A-Z]/g, (d) => `-${d.toLowerCase()}`), o = (n) => {
-      const d = (s == null ? void 0 : s.vnode.props) ?? {};
-      return Object.prototype.hasOwnProperty.call(d, n) || Object.prototype.hasOwnProperty.call(d, w(n));
-    }, m = t(() => o("type") ? e.type : (a == null ? void 0 : a.type) ?? e.type), v = t(() => o("size") ? e.size : (a == null ? void 0 : a.size) ?? k.value), b = t(() => o("status") ? e.status : (a == null ? void 0 : a.status) ?? e.status), g = t(() => o("shape") ? e.shape : (a == null ? void 0 : a.shape) ?? e.shape), f = t(() => o("disabled") ? e.disabled : (a == null ? void 0 : a.disabled) ?? e.disabled), D = t(() => [i.block, m.value && m.value !== "default" && i.modifier(m.value), v.value && i.modifier(v.value), b.value && i.modifier(b.value), f.value && i.is("disabled"), e.block && i.modifier("block"), e.plain && i.modifier("plain"), g.value && i.modifier(g.value), e.link && i.modifier("link"), !e.border && i.modifier("hide-border"), c.value && i.modifier("loading"), e.loadingFill && i.modifier("loading-fill"), e.narrow && i.modifier("narrow")]), z = () => {
-      e.debounce > 0 && !r.isDebounce && (r.isDebounce = !0, setTimeout(() => {
-        r.isDebounce = !1;
+    }), i = U("button"), I = (t) => t.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`), f = (t) => {
+      const c = (v == null ? void 0 : v.vnode.props) ?? {};
+      return Object.prototype.hasOwnProperty.call(c, t) || Object.prototype.hasOwnProperty.call(c, I(t));
+    }, m = r(() => f("type") ? e.type : (a == null ? void 0 : a.type) ?? e.type), w = r(() => f("size") ? e.size : (a == null ? void 0 : a.size) ?? F.value), D = r(() => f("status") ? e.status : (a == null ? void 0 : a.status) ?? e.status), y = r(() => f("shape") ? e.shape : (a == null ? void 0 : a.shape) ?? e.shape), s = r(() => f("disabled") ? e.disabled : (a == null ? void 0 : a.disabled) ?? e.disabled), L = r(() => [i.block, m.value && m.value !== "default" && i.modifier(m.value), w.value && i.modifier(w.value), D.value && i.modifier(D.value), s.value && i.is("disabled"), e.block && i.modifier("block"), e.plain && i.modifier("plain"), y.value && i.modifier(y.value), e.link && i.modifier("link"), !e.border && i.modifier("hide-border"), l.value && i.modifier("loading"), e.narrow && i.modifier("narrow")]), N = () => {
+      e.debounce > 0 && !u.isDebounce && (u.isDebounce = !0, setTimeout(() => {
+        u.isDebounce = !1;
       }, e.debounce));
-    }, c = t(() => e.loading || r.clicked || r.isDebounce), S = t(() => f.value || c.value || e.link || m.value === "text"), j = (n) => {
-      var d;
-      n.detail > 0 && ((d = n.currentTarget) == null || d.blur()), !(f.value || c.value) && (z(), h("click", n));
+    }, l = r(() => e.loading || u.clicked || u.isDebounce), V = r(() => s.value || l.value || e.link || m.value === "text"), B = (t) => {
+      var c;
+      t.detail > 0 && ((c = t.currentTarget) == null || c.blur()), !(s.value || l.value) && (N(), A("click", t));
     };
     return () => {
-      var n, d, y;
-      return T(u("button", {
-        class: D.value,
+      var P, j, O, T;
+      const t = (P = n.default) == null ? void 0 : P.call(n), c = (j = n.prefix) == null ? void 0 : j.call(n), S = (O = n.icon) == null ? void 0 : O.call(n), x = (T = n.suffix) == null ? void 0 : T.call(n), b = o(t), g = o(c), h = o(S), p = o(x), z = !b && !g && h && !p, k = e.loadingFill || l.value && (y.value === "circle" || z), K = l.value && !k && (b || g || h || p);
+      return Z(d("button", {
+        class: [L.value, !b && i.modifier("empty-content"), z && i.modifier("only-icon"), k && i.modifier("loading-fill")],
         type: e.htmlType,
-        disabled: f.value || c.value,
-        "aria-busy": c.value || void 0,
-        onClick: j
-      }, [u("span", {
+        disabled: s.value || l.value,
+        "aria-busy": l.value || void 0,
+        onClick: B
+      }, [d("span", {
         class: i.element("loading"),
         "aria-hidden": "true",
         style: {
           display: "flex",
-          opacity: c.value ? 1 : 0,
-          width: e.loadingFill ? void 0 : c.value ? "1em" : 0,
-          marginRight: c.value && !e.loadingFill ? "4px" : "0",
+          opacity: l.value ? 1 : 0,
+          width: k ? void 0 : l.value ? "1em" : 0,
+          marginRight: K ? "4px" : "0",
           overflow: "hidden"
         }
-      }, [c.value && u(B, null, null)]), !!l.prefix && u("span", {
+      }, [l.value && d(X, null, null)]), g && d("span", {
         class: i.element("prefix")
-      }, [(n = l.prefix) == null ? void 0 : n.call(l)]), l.icon && u("span", {
+      }, [c]), h && d("span", {
         class: i.element("prefix")
-      }, [(d = l.icon) == null ? void 0 : d.call(l)]), u("span", {
+      }, [S]), d("span", {
         class: i.element("content")
-      }, [(y = l.default) == null ? void 0 : y.call(l)]), l.suffix && u("span", {
+      }, [t]), p && d("span", {
         class: i.element("suffix")
-      }, [l.suffix()])]), [[L("wave"), {
-        disabled: S.value
+      }, [x])]), [[$("wave"), {
+        disabled: V.value
       }]]);
     };
   }
 });
 export {
-  H as default
+  re as default
 };

package/dist/es/components/network/Network.vue.js

@@ -1,13 +1,14 @@
 import d from "./Network.vue2.js";
-import { openBlock as s, createElementBlock as r, normalizeClass as a, renderSlot as u, createElementVNode as l, Fragment as p, renderList as g, normalizeStyle as S, toDisplayString as i, createCommentVNode as m } from "vue";
+import { openBlock as s, createElementBlock as r, normalizeClass as a, renderSlot as u, createElementVNode as l, toDisplayString as t, Fragment as p, renderList as g, normalizeStyle as S, createCommentVNode as m } from "vue";
 import y from "../../_virtual/_plugin-vue_export-helper.js";
-const f = ["aria-label", "aria-live", "title"];
-function c(e, t, v, N, h, k) {
+const c = ["aria-label", "aria-live", "title"];
+function f(e, n, v, N, h, k) {
   return s(), r("div", {
     class: a(e.cls),
     role: "status",
     "aria-label": e.mergedAriaLabel,
     "aria-live": e.ariaLive,
+    "aria-atomic": "true",
     title: e.showTooltip ? e.mergedAriaLabel : void 0
   }, [
     u(e.$slots, "default", {
@@ -21,40 +22,44 @@ function c(e, t, v, N, h, k) {
       reason: e.mergedStatus.reason,
       refresh: e.refresh
     }, () => [
+      l("span", {
+        class: a(e.className.element("status-text"))
+      }, t(e.mergedAriaLabel), 3),
       l("div", {
         class: a(e.className.element("signal")),
         "aria-hidden": "true"
       }, [
-        (s(!0), r(p, null, g(e.lineItems, (o, n) => (s(), r("div", {
-          key: n,
+        (s(!0), r(p, null, g(e.lineItems, (o, i) => (s(), r("div", {
+          key: i,
           class: a([
             e.className.element("signal--item"),
             o.active && e.className.is("active")
           ]),
           style: S({
-            height: `${100 / e.lineItems.length * (n + 1)}%`,
+            height: `${100 / e.lineItems.length * (i + 1)}%`,
             "--x-network-line-color": o.color
           })
-        }, [...t[0] || (t[0] = [
+        }, [...n[0] || (n[0] = [
           l("i", null, null, -1)
         ])], 6))), 128))
       ], 2),
       e.mergedShowMetrics ? (s(), r("span", {
         key: 0,
-        class: a(e.className.element("metrics"))
+        class: a(e.className.element("metrics")),
+        "aria-hidden": "true"
       }, [
         e.mergedStatus.latency !== void 0 ? (s(), r("span", {
           key: 0,
           class: a(e.className.element("latency"))
-        }, i(e.mergedStatus.latency) + "ms ", 3)) : m("", !0),
+        }, t(e.mergedStatus.latency) + "ms ", 3)) : m("", !0),
         l("span", {
           class: a(e.className.element("speed"))
-        }, i(e.formattedDownloadSpeed), 3)
+        }, t(e.formattedDownloadSpeed), 3)
       ], 2)) : m("", !0)
     ])
-  ], 10, f);
+  ], 10, c);
 }
-const L = /* @__PURE__ */ y(d, [["render", c]]);
+const L = /* @__PURE__ */ y(d, [["render", f]]);
 export {
   L as default
 };