x-next 1.5.0 → 1.6.0

package/dist/es/components/index.js

@@ -4,159 +4,163 @@ import { ConfigProvider as x } from "./config-provider/index.js";
 import { Dialog as n } from "./dialog/index.js";
 import { Drawer as u } from "./drawer/index.js";
 import { Dropdown as c, DropdownButton as d, DropdownGroup as T, DropdownOption as S, DropdownSubmenu as g } from "./dropdown/index.js";
-import { Empty as P } from "./empty/index.js";
-import { DatePicker as b, MonthPicker as s, QuarterPicker as w, RangePicker as L, WeekPicker as D, YearPicker as y } from "./date-picker/index.js";
+import { Empty as I } from "./empty/index.js";
+import { DatePicker as b, MonthPicker as s, QuarterPicker as w, RangePicker as L, WeekPicker as C, YearPicker as D } from "./date-picker/index.js";
 import { Form as G, FormItem as h } from "./form/index.js";
 import { Checkbox as M, CheckboxGroup as R } from "./form-checkbox/index.js";
 import { Input as B, InputGroup as E, InputPassword as _, InputSearch as N } from "./form-input/index.js";
 import { InputNumber as j } from "./form-input-number/index.js";
-import { InputTag as K } from "./form-input-tag/index.js";
-import { Radio as H, RadioGroup as z } from "./form-radio/index.js";
+import { InputTag as H } from "./form-input-tag/index.js";
+import { Radio as W, RadioGroup as z } from "./form-radio/index.js";
 import { Select as U, SelectDropdown as Y, SelectOption as Z, SelectOptionGroup as q } from "./form-select/index.js";
 import { Slider as V } from "./form-slider/index.js";
 import { Switch as $ } from "./form-switch/index.js";
 import { Textarea as ro } from "./form-textarea/index.js";
-import { Draggable as to } from "./draggable/index.js";
-import { Col as mo, Grid as fo, GridItem as xo, Row as ao } from "./grid/index.js";
-import { Image as io, ImagePreview as uo, ImagePreviewAction as lo, ImagePreviewGroup as co } from "./image/index.js";
-import { Layout as So, LayoutContent as go, LayoutFooter as Io, LayoutHeader as Po, LayoutSidebar as ko } from "./layout/index.js";
-import { Link as so } from "./link/index.js";
-import { Menu as Lo, MenuItem as Do, MenuItemGroup as yo, MenuSubMenu as Co } from "./menu/index.js";
-import { Message as ho } from "./message/index.js";
-import { Network as Mo } from "./network/index.js";
-import { Notification as Ao } from "./notification/index.js";
-import { Pagination as Eo } from "./pagination/index.js";
-import { Popconfirm as No } from "./popconfirm/index.js";
-import { Popover as jo } from "./popover/index.js";
-import { Popup as Ko } from "./popup/index.js";
-import { Progress as Ho } from "./progress/index.js";
-import { Rate as Qo } from "./rate/index.js";
-import { ResizeBox as Yo } from "./resize-box/index.js";
-import { Scrollbar as qo } from "./scrollbar-v2/index.js";
-import { Skeleton as Vo, SkeletonLine as Xo, SkeletonShape as $o } from "./skeleton/index.js";
-import { Space as rr } from "./space/index.js";
-import { Spin as tr } from "./spin/index.js";
-import { Step as mr, Steps as fr } from "./steps/index.js";
-import { Table as ar, TableColumn as nr } from "./table/index.js";
-import { TabPane as ur, Tabs as lr } from "./tabs/index.js";
-import { Tag as dr } from "./tag/index.js";
-import { TimePicker as Sr } from "./time-picker/index.js";
-import { TimeRangeSelector as Ir } from "./time-range-selector/index.js";
-import { Timeline as kr } from "./timeline/index.js";
-import { TimelineItem as sr } from "./timeline-item/index.js";
-import { Tooltip as Lr } from "./tooltip/index.js";
-import { TrendChart as yr } from "./trend-chart/index.js";
-import { Trigger as Gr } from "./trigger/index.js";
-import { Watermark as vr } from "./watermark/index.js";
-import { TABLE_LOCALE_EN_US as Rr, TABLE_LOCALE_ZH_CN as Ar, formatLocaleText as Br } from "./table/locale.js";
-import { default as _r } from "./table/table-tbody.js";
-import { default as Or } from "./table/table-td.js";
-import { default as Fr } from "./table/table-th.js";
-import { default as Wr } from "./table/table-thead.js";
-import { default as zr } from "./table/table-tr.js";
-import { configProviderInjectionKey as Ur } from "./config-provider/context.js";
-import { formInjectionKey as Zr, formItemInjectionKey as qr } from "./form/context.js";
-import { vDraggable as Vr } from "./draggable/directive.js";
-import { vWatermark as $r } from "./watermark/directive.js";
+import { ColorPicker as to } from "./color-picker/index.js";
+import { Draggable as mo } from "./draggable/index.js";
+import { Col as xo, Grid as ao, GridItem as no, Row as io } from "./grid/index.js";
+import { Heatmap as lo } from "./heatmap/index.js";
+import { Image as To, ImagePreview as So, ImagePreviewAction as go, ImagePreviewGroup as Po } from "./image/index.js";
+import { Layout as ko, LayoutContent as bo, LayoutFooter as so, LayoutHeader as wo, LayoutSidebar as Lo } from "./layout/index.js";
+import { Link as Do } from "./link/index.js";
+import { Menu as Go, MenuItem as ho, MenuItemGroup as vo, MenuSubMenu as Mo } from "./menu/index.js";
+import { Message as Ao } from "./message/index.js";
+import { Network as Eo } from "./network/index.js";
+import { Notification as No } from "./notification/index.js";
+import { Pagination as jo } from "./pagination/index.js";
+import { Popconfirm as Ho } from "./popconfirm/index.js";
+import { Popover as Wo } from "./popover/index.js";
+import { Popup as Qo } from "./popup/index.js";
+import { Progress as Yo } from "./progress/index.js";
+import { Rate as qo } from "./rate/index.js";
+import { ResizeBox as Vo } from "./resize-box/index.js";
+import { Scrollbar as $o } from "./scrollbar-v2/index.js";
+import { Skeleton as rr, SkeletonLine as er, SkeletonShape as tr } from "./skeleton/index.js";
+import { Space as mr } from "./space/index.js";
+import { Spin as xr } from "./spin/index.js";
+import { Step as nr, Steps as ir } from "./steps/index.js";
+import { Table as lr, TableColumn as cr } from "./table/index.js";
+import { TabPane as Tr, Tabs as Sr } from "./tabs/index.js";
+import { Tag as Pr } from "./tag/index.js";
+import { TimePicker as kr } from "./time-picker/index.js";
+import { TimeRangeSelector as sr } from "./time-range-selector/index.js";
+import { Timeline as Lr } from "./timeline/index.js";
+import { TimelineItem as Dr } from "./timeline-item/index.js";
+import { Tooltip as Gr } from "./tooltip/index.js";
+import { TrendChart as vr } from "./trend-chart/index.js";
+import { Trigger as Rr } from "./trigger/index.js";
+import { Watermark as Br } from "./watermark/index.js";
+import { TABLE_LOCALE_EN_US as _r, TABLE_LOCALE_ZH_CN as Nr, formatLocaleText as Or } from "./table/locale.js";
+import { default as Fr } from "./table/table-tbody.js";
+import { default as Kr } from "./table/table-td.js";
+import { default as zr } from "./table/table-th.js";
+import { default as Ur } from "./table/table-thead.js";
+import { default as Zr } from "./table/table-tr.js";
+import { configProviderInjectionKey as Jr } from "./config-provider/context.js";
+import { formInjectionKey as Xr, formItemInjectionKey as $r } from "./form/context.js";
+import { vDraggable as re } from "./draggable/directive.js";
+import { vWatermark as te } from "./watermark/directive.js";
 export {
   e as Alert,
   p as Button,
   m as ButtonGroup,
   M as Checkbox,
   R as CheckboxGroup,
-  mo as Col,
+  xo as Col,
+  to as ColorPicker,
   x as ConfigProvider,
   b as DatePicker,
   n as Dialog,
-  to as Draggable,
+  mo as Draggable,
   u as Drawer,
   c as Dropdown,
   d as DropdownButton,
   T as DropdownGroup,
   S as DropdownOption,
   g as DropdownSubmenu,
-  P as Empty,
+  I as Empty,
   G as Form,
   h as FormItem,
-  fo as Grid,
-  xo as GridItem,
-  io as Image,
-  uo as ImagePreview,
-  lo as ImagePreviewAction,
-  co as ImagePreviewGroup,
+  ao as Grid,
+  no as GridItem,
+  lo as Heatmap,
+  To as Image,
+  So as ImagePreview,
+  go as ImagePreviewAction,
+  Po as ImagePreviewGroup,
   B as Input,
   E as InputGroup,
   j as InputNumber,
   _ as InputPassword,
   N as InputSearch,
-  K as InputTag,
-  So as Layout,
-  go as LayoutContent,
-  Io as LayoutFooter,
-  Po as LayoutHeader,
-  ko as LayoutSidebar,
-  so as Link,
-  Lo as Menu,
-  Do as MenuItem,
-  yo as MenuItemGroup,
-  Co as MenuSubMenu,
-  ho as Message,
+  H as InputTag,
+  ko as Layout,
+  bo as LayoutContent,
+  so as LayoutFooter,
+  wo as LayoutHeader,
+  Lo as LayoutSidebar,
+  Do as Link,
+  Go as Menu,
+  ho as MenuItem,
+  vo as MenuItemGroup,
+  Mo as MenuSubMenu,
+  Ao as Message,
   s as MonthPicker,
-  Mo as Network,
-  Ao as Notification,
-  Eo as Pagination,
-  No as Popconfirm,
-  jo as Popover,
-  Ko as Popup,
-  Ho as Progress,
+  Eo as Network,
+  No as Notification,
+  jo as Pagination,
+  Ho as Popconfirm,
+  Wo as Popover,
+  Qo as Popup,
+  Yo as Progress,
   w as QuarterPicker,
-  H as Radio,
+  W as Radio,
   z as RadioGroup,
   L as RangePicker,
-  Qo as Rate,
-  Yo as ResizeBox,
-  ao as Row,
-  qo as Scrollbar,
+  qo as Rate,
+  Vo as ResizeBox,
+  io as Row,
+  $o as Scrollbar,
   U as Select,
   Y as SelectDropdown,
   Z as SelectOption,
   q as SelectOptionGroup,
-  Vo as Skeleton,
-  Xo as SkeletonLine,
-  $o as SkeletonShape,
+  rr as Skeleton,
+  er as SkeletonLine,
+  tr as SkeletonShape,
   V as Slider,
-  rr as Space,
-  tr as Spin,
-  mr as Step,
-  fr as Steps,
+  mr as Space,
+  xr as Spin,
+  nr as Step,
+  ir as Steps,
   $ as Switch,
-  Rr as TABLE_LOCALE_EN_US,
-  Ar as TABLE_LOCALE_ZH_CN,
-  ur as TabPane,
-  ar as Table,
-  nr as TableColumn,
-  lr as Tabs,
-  dr as Tag,
-  _r as Tbody,
-  Or as Td,
+  _r as TABLE_LOCALE_EN_US,
+  Nr as TABLE_LOCALE_ZH_CN,
+  Tr as TabPane,
+  lr as Table,
+  cr as TableColumn,
+  Sr as Tabs,
+  Pr as Tag,
+  Fr as Tbody,
+  Kr as Td,
   ro as Textarea,
-  Fr as Th,
-  Wr as Thead,
-  Sr as TimePicker,
-  Ir as TimeRangeSelector,
-  kr as Timeline,
-  sr as TimelineItem,
-  Lr as Tooltip,
-  zr as Tr,
-  yr as TrendChart,
-  Gr as Trigger,
-  vr as Watermark,
-  D as WeekPicker,
-  y as YearPicker,
-  Ur as configProviderInjectionKey,
-  Zr as formInjectionKey,
-  qr as formItemInjectionKey,
-  Br as formatLocaleText,
-  Vr as vDraggable,
-  $r as vWatermark
+  zr as Th,
+  Ur as Thead,
+  kr as TimePicker,
+  sr as TimeRangeSelector,
+  Lr as Timeline,
+  Dr as TimelineItem,
+  Gr as Tooltip,
+  Zr as Tr,
+  vr as TrendChart,
+  Rr as Trigger,
+  Br as Watermark,
+  C as WeekPicker,
+  D as YearPicker,
+  Jr as configProviderInjectionKey,
+  Xr as formInjectionKey,
+  $r as formItemInjectionKey,
+  Or as formatLocaleText,
+  re as vDraggable,
+  te as vWatermark
 };

package/dist/es/components/menu/sub-menu-pop.vue2.js

@@ -40,16 +40,16 @@ const Q = S({
     }
   },
   setup(s) {
-    const { key: l } = N(), { level: a } = _(), { selectable: u, disabled: p, isChildrenSelected: C, popupMaxHeight: x } = B(s), t = V(), { onSubMenuClick: r, onMenuItemClick: n } = t, m = o(() => t.prefixCls), c = o(() => t.mode), f = o(() => t.selectedKeys || []), i = o(() => `${m.value}-pop`), v = o(
-      () => u.value && f.value.includes(l.value) || C.value
+    const { key: l } = N(), { level: a } = _(), { selectable: u, disabled: p, isChildrenSelected: C, popupMaxHeight: x } = B(s), t = V(), { onSubMenuClick: r, onMenuItemClick: n } = t, m = o(() => t.prefixCls), f = o(() => t.mode), v = o(() => t.selectedKeys || []), i = o(() => `${m.value}-pop`), d = o(
+      () => u.value && v.value.includes(l.value) || C.value
     ), M = o(() => [
       `${i.value}`,
       `${i.value}-header`,
       {
-        [`${m.value}-selected`]: v.value
+        [`${m.value}-selected`]: d.value
       }
-    ]), h = o(() => c.value === "horizontal" && !t.inTrigger), d = P(!1), g = (e) => {
-      d.value = e;
+    ]), h = o(() => f.value === "horizontal" && !t.inTrigger), g = P(!1), c = (e) => {
+      g.value = e;
     }, y = w("trigger"), k = o(() => {
       var e;
       return [
@@ -63,14 +63,14 @@ const Q = S({
     }), b = o(() => I(t.triggerProps || {}, ["class"]));
     return {
       menuPrefixCls: m,
-      mode: c,
+      mode: f,
       level: a,
       classNames: M,
-      isSelected: v,
+      isSelected: d,
       disabled: p,
-      selectedKeys: f,
+      selectedKeys: v,
       needPopOnBottom: h,
-      popVisible: d,
+      popVisible: g,
       className: y,
       triggerClassNames: k,
       triggerProps: b,
@@ -83,13 +83,13 @@ const Q = S({
         p.value || s._internalSkipCollect || (r && r(l.value, a.value), u.value && n && n(l.value));
       },
       onKeydown: (e) => {
-        p.value || s._internalSkipCollect || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), r && r(l.value, a.value), u.value && n && n(l.value));
+        p.value || s._internalSkipCollect || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), r && r(l.value, a.value), c(!0), u.value && n && n(l.value));
       },
       onMenuItemClick: (e) => {
-        n && n(e), g(!1);
+        n && n(e), c(!1);
       },
       onVisibleChange: (e) => {
-        g(e);
+        c(e);
       }
     };
   }

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

@@ -1,20 +1,20 @@
-import { useLocale as _ } from "../../locale/index.js";
-import { defineComponent as E, ref as S, computed as n, watch as U, onMounted as q, onUnmounted as K } from "vue";
-import { getClassNameMixin as D } from "../../_utils/config.js";
-import { Network as I } from "./utils.js";
-const y = {
+import { useLocale as E } from "../../locale/index.js";
+import { defineComponent as U, ref as m, computed as n, watch as K, onMounted as D, onUnmounted as I } from "vue";
+import { getClassNameMixin as O } from "../../_utils/config.js";
+import { Network as $ } from "./utils.js";
+const C = {
   online: !0,
   quality: "unknown",
   source: "manual",
   reason: "initial",
   lastCheckedAt: 0
-}, O = {
+}, B = {
   unknown: "network.checking",
   good: "network.good",
   medium: "network.fair",
   poor: "network.poor",
   offline: "network.offline"
-}, $ = ["unknown", "good", "medium", "poor", "offline"], R = E({
+}, F = ["unknown", "good", "medium", "poor", "offline"], Y = U({
   name: "Network",
   props: {
     size: {
@@ -40,7 +40,7 @@ const y = {
      */
     status: {
       type: String,
-      validator: (e) => $.includes(e)
+      validator: (t) => F.includes(t)
     },
     /**
      * @zh 主动探测 URL，需要支持 CORS。
@@ -85,94 +85,94 @@ const y = {
     }
   },
   emits: {
-    change: (e) => !0,
-    online: (e) => !0,
-    offline: (e) => !0,
-    probe: (e) => !0
+    change: (t) => !0,
+    online: (t) => !0,
+    offline: (t) => !0,
+    probe: (t) => !0
   },
-  setup(e, { emit: u, expose: C }) {
-    const a = D("network"), r = S(), l = S(y), s = n(() => e.size === "small" || e.size === "mini" ? 3 : e.size === "medium" ? 4 : 5), c = (t) => ({
-      ...y,
-      online: t !== "offline",
-      quality: t,
+  setup(t, { emit: l, expose: x }) {
+    const a = O("network"), r = m(), i = m(C), s = n(() => t.size === "small" || t.size === "mini" ? 3 : t.size === "medium" ? 4 : 5), f = (e) => ({
+      ...C,
+      online: e !== "offline",
+      quality: e,
       source: "manual",
       lastCheckedAt: Date.now()
-    }), i = n(() => e.status ? c(e.status) : l.value), { t: d } = _(), v = n(() => d(O[i.value.quality])), x = n(
-      () => e.ariaLabel || d("network.ariaLabel", { status: v.value })
-    ), b = (t, o = "--") => t === void 0 ? o : t <= 0 ? "0K/s" : t >= 1024 * 1024 ? `${(t / 1024 / 1024).toFixed(1)}M/s` : `${Math.max(1, Math.round(t / 1024))}K/s`, M = n(() => b(i.value.downloadSpeed)), f = n(() => e.showMetrics), A = (t) => {
-      const [o, k] = e.signalStrengthColor, m = {
+    }), u = n(() => t.status ? f(t.status) : i.value), { t: w } = E(), g = n(() => w(B[u.value.quality])), M = n(
+      () => t.ariaLabel || w("network.ariaLabel", { status: g.value })
+    ), A = (e, o = "--") => e === void 0 ? o : e <= 0 ? "0K/s" : e >= 1024 * 1024 ? `${(e / 1024 / 1024).toFixed(1)}M/s` : `${Math.max(1, Math.round(e / 1024))}K/s`, T = n(() => A(u.value.downloadSpeed)), d = n(() => t.showMetrics), L = (e) => {
+      const [o, h] = t.signalStrengthColor, v = {
         unknown: "var(--x-network-color-unknown)",
         good: o || "var(--x-network-color-good)",
-        medium: e.statusColors.medium || "var(--x-network-color-medium)",
-        poor: k || "var(--x-network-color-poor)",
+        medium: t.statusColors.medium || "var(--x-network-color-medium)",
+        poor: h || "var(--x-network-color-poor)",
         offline: "var(--x-network-color-offline)"
       };
-      return e.statusColors[t] || m[t];
-    }, L = (t) => t === "good" ? s.value : t === "medium" ? Math.max(2, Math.ceil(s.value * 0.6)) : t === "poor" ? Math.max(1, Math.ceil(s.value * 0.4)) : 0, T = n(() => {
-      const t = L(i.value.quality), o = A(i.value.quality);
-      return Array.from({ length: s.value }, (k, m) => {
-        const h = m < t;
+      return t.statusColors[e] || v[e];
+    }, N = (e) => e === "good" ? s.value : e === "medium" ? Math.max(2, Math.ceil(s.value * 0.6)) : e === "poor" ? Math.max(1, Math.ceil(s.value * 0.4)) : 0, q = n(() => {
+      const e = N(u.value.quality), o = L(u.value.quality);
+      return Array.from({ length: s.value }, (h, v) => {
+        const y = v < e;
         return {
-          active: h,
-          color: h ? o : "var(--x-network-color-inactive)"
+          active: y,
+          color: y ? o : "var(--x-network-color-inactive)"
         };
       });
-    }), N = (t) => {
-      if (e.status) return;
-      const o = l.value.quality;
-      l.value = t, u("change", t), t.source === "probe" && u("probe", t), o !== "offline" && t.quality === "offline" && u("offline", t), o === "offline" && t.quality !== "offline" && u("online", t);
-    }, w = () => {
-      var t;
-      if ((t = r.value) == null || t.destroy(), r.value = void 0, e.status) {
-        l.value = c(e.status);
+    }), z = (e, o) => e.online === o.online && e.quality === o.quality && e.source === o.source && e.reason === o.reason && e.latency === o.latency && e.downloadSpeed === o.downloadSpeed && e.effectiveType === o.effectiveType, c = m(void 0), _ = (e) => {
+      if (t.status) return;
+      const o = c.value ?? i.value;
+      i.value = e, (!c.value || !z(c.value, e)) && (c.value = e, l("change", e)), e.source === "probe" && l("probe", e), o.quality !== "offline" && e.quality === "offline" && l("offline", e), o.quality === "offline" && e.quality !== "offline" && l("online", e);
+    }, k = () => {
+      var e;
+      if ((e = r.value) == null || e.destroy(), r.value = void 0, t.status) {
+        i.value = f(t.status);
         return;
       }
-      r.value = new I(N, {
-        ping: e.ping,
-        interval: e.interval,
-        timeout: e.timeout
-      }), l.value = r.value.getSnapshot();
-    }, g = async () => {
-      var t;
-      if (e.status) {
-        const o = c(e.status);
-        return u("change", o), o;
+      r.value = new $(_, {
+        ping: t.ping,
+        interval: t.interval,
+        timeout: t.timeout
+      }), i.value = r.value.getSnapshot();
+    }, S = async () => {
+      var e;
+      if (t.status) {
+        const o = f(t.status);
+        return l("change", o), o;
       }
-      return (t = r.value) == null ? void 0 : t.refresh();
+      return await ((e = r.value) == null ? void 0 : e.refresh()) ?? i.value;
     };
-    U(
-      () => [e.status, e.ping, e.interval, e.timeout],
+    K(
+      () => [t.status, t.ping, t.interval, t.timeout],
       () => {
-        w();
+        k();
       }
-    ), q(() => {
-      w();
-    }), K(() => {
-      var t;
-      (t = r.value) == null || t.destroy(), r.value = void 0;
-    }), C({ refresh: g });
-    const z = n(() => [
+    ), D(() => {
+      k();
+    }), I(() => {
+      var e;
+      (e = r.value) == null || e.destroy(), r.value = void 0;
+    }), x({ refresh: S });
+    const b = n(() => [
       a.block,
-      e.size && a.modifier(e.size),
-      a.modifier(`status-${i.value.quality}`),
+      t.size && a.modifier(t.size),
+      a.modifier(`status-${u.value.quality}`),
       {
-        [a.is("with-text")]: f.value,
-        [a.is("with-metrics")]: f.value
+        [a.is("with-text")]: d.value,
+        [a.is("with-metrics")]: d.value
       }
     ]);
     return {
       className: a,
-      cls: z,
-      lineItems: T,
-      mergedStatus: i,
-      statusText: v,
-      mergedAriaLabel: x,
-      formattedDownloadSpeed: M,
-      mergedShowMetrics: f,
-      refresh: g
+      cls: b,
+      lineItems: q,
+      mergedStatus: u,
+      statusText: g,
+      mergedAriaLabel: M,
+      formattedDownloadSpeed: T,
+      mergedShowMetrics: d,
+      refresh: S
     };
   }
 });
 export {
-  R as default
+  Y as default
 };