x-next 1.4.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/MenuSubMenu.js

@@ -1,13 +1,14 @@
-import { defineComponent as x, createVNode as r, mergeProps as y, toRefs as M, computed as a, toRef as h } from "vue";
+import { defineComponent as h, createVNode as s, mergeProps as y, toRefs as x, computed as a, provide as C, toRef as b } from "vue";
 import g from "./sub-menu-inline.vue.js";
-import C from "./sub-menu-pop.vue.js";
-import k from "./hooks/use-menu.js";
-import I from "./hooks/use-level.js";
-import v from "../../icons/_self/menu/down.js";
-import K from "../../icons/_self/dropdown/more.js";
-import P from "./hooks/use-menu-context.js";
-import _ from "./hooks/use-menu-data-collector.js";
-const w = {
+import I from "./sub-menu-pop.vue.js";
+import v from "./hooks/use-menu.js";
+import k from "./hooks/use-level.js";
+import K from "../../icons/_self/menu/down.js";
+import _ from "../../icons/_self/dropdown/more.js";
+import D from "./hooks/use-menu-context.js";
+import P from "./hooks/use-menu-data-collector.js";
+import { DataCollectorInjectionKey as w } from "./context.js";
+const R = {
   /**
    * @zh 子菜单的标题
    * @en The title of the submenu
@@ -51,9 +52,9 @@ const w = {
   _internalSkipCollect: {
     type: Boolean
   }
-}, O = /* @__PURE__ */ x({
+}, q = /* @__PURE__ */ h({
   name: "SubMenu",
-  props: w,
+  props: R,
   slots: Object,
   /**
    * @zh 菜单的图标
@@ -81,47 +82,60 @@ const w = {
   }) {
     const {
       key: n
-    } = k(), {
+    } = v(), {
       level: d
-    } = I(), {
+    } = k(), {
       popup: o
-    } = M(e), t = P(), s = a(() => {
+    } = x(e), t = D(), i = a(() => {
       const {
-        mode: i,
-        collapsed: p,
+        mode: p,
+        collapsed: c,
         inTrigger: m
       } = t;
-      return !!(typeof o.value == "function" ? o.value(d.value) : o.value) || p || m || i !== "vertical";
+      return !!(typeof o.value == "function" ? o.value(d.value) : o.value) || c || m || p !== "vertical";
     }), {
       subMenuKeys: l,
       menuItemKeys: f
     } = e._internalSkipCollect ? {
       subMenuKeys: a(() => []),
       menuItemKeys: a(() => [])
-    } : _({
+    } : P({
       key: n.value,
       type: "subMenu"
-    }), b = a(() => {
-      const i = t.selectedKeys || [], p = (m) => {
-        for (let c = 0; c < i.length; c++) {
-          const S = i[c];
+    });
+    e._internalSkipCollect && C(w, {
+      collectSubMenu: () => {
+      },
+      removeSubMenu: () => {
+      },
+      collectMenuItem: () => {
+      },
+      removeMenuItem: () => {
+      },
+      reportMenuData: () => {
+      }
+    });
+    const M = a(() => {
+      const p = t.selectedKeys || [], c = (m) => {
+        for (let r = 0; r < p.length; r++) {
+          const S = p[r];
           if (m.includes(S))
             return !0;
         }
         return !1;
       };
-      return p(l.value) || p(f.value);
+      return c(l.value) || c(f.value);
     });
     return {
       subMenuKeys: l,
       menuItemKeys: f,
-      isChildrenSelected: b,
+      isChildrenSelected: M,
       props: e,
       attrs: u,
       computedKey: n,
-      computedPopup: s,
-      expandIconDown: h(t, "expandIconDown"),
-      expandIconRight: h(t, "expandIconRight")
+      computedPopup: i,
+      expandIconDown: b(t, "expandIconDown"),
+      expandIconRight: b(t, "expandIconRight")
     };
   },
   render() {
@@ -132,30 +146,30 @@ const w = {
       computedPopup: d,
       expandIconDown: o,
       expandIconRight: t,
-      isChildrenSelected: s
+      isChildrenSelected: i
     } = this, l = {
       ...this.$slots,
-      "expand-icon-down": this.$slots["expand-icon-down"] || o || (() => [r(v, null, null)]),
-      "expand-icon-right": this.$slots["expand-icon-right"] || t || (() => [r(K, null, null)])
+      "expand-icon-down": this.$slots["expand-icon-down"] || o || (() => [s(K, null, null)]),
+      "expand-icon-right": this.$slots["expand-icon-right"] || t || (() => [s(_, null, null)])
     };
-    return d ? r(C, y({
+    return d ? s(I, y({
       key: n,
       title: e.title,
       selectable: e.selectable,
       disabled: e.disabled,
-      isChildrenSelected: s,
+      isChildrenSelected: i,
       popupMaxHeight: e.popupMaxHeight,
       _internalSkipCollect: e._internalSkipCollect
-    }, u), l) : r(g, y({
+    }, u), l) : s(g, y({
       key: n,
       title: e.title,
       disabled: e.disabled,
-      isChildrenSelected: s,
+      isChildrenSelected: i,
       _internalSkipCollect: e._internalSkipCollect
     }, u), l);
   }
 });
 export {
-  O as default,
-  w as menuSubMenuProps
+  q as default,
+  R as menuSubMenuProps
 };

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

@@ -2,10 +2,10 @@ import { defineComponent as S, toRefs as B, computed as o, ref as P } from "vue"
 import { Trigger as $ } from "../trigger/index.js";
 import H from "./base-menu.vue.js";
 import N from "./hooks/use-menu.js";
-import I from "./hooks/use-level.js";
-import { omit as K } from "../../_utils/omit.js";
-import V from "./indent.vue.js";
-import _ from "./hooks/use-menu-context.js";
+import _ from "./hooks/use-level.js";
+import { omit as I } from "../../_utils/omit.js";
+import K from "./indent.vue.js";
+import V from "./hooks/use-menu-context.js";
 import R from "../../_container/render-function.js";
 import { isNumber as T } from "../../_utils/is.js";
 import { getClassNameMixin as w } from "../../_utils/config.js";
@@ -14,7 +14,7 @@ const Q = S({
   components: {
     Menu: H,
     Trigger: $,
-    MenuIndent: V,
+    MenuIndent: K,
     RenderFunction: R
   },
   inheritAttrs: !1,
@@ -39,57 +39,57 @@ const Q = S({
       type: Boolean
     }
   },
-  setup(g) {
-    const { key: l } = N(), { level: i } = I(), { selectable: a, disabled: u, isChildrenSelected: C, popupMaxHeight: x } = B(g), t = _(), { onSubMenuClick: r, onMenuItemClick: n } = t, p = o(() => t.prefixCls), m = o(() => t.mode), c = o(() => t.selectedKeys || []), s = o(() => `${p.value}-pop`), f = o(
-      () => a.value && c.value.includes(l.value) || C.value
+  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), 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(() => [
-      `${s.value}`,
-      `${s.value}-header`,
+      `${i.value}`,
+      `${i.value}-header`,
       {
-        [`${p.value}-selected`]: f.value
+        [`${m.value}-selected`]: d.value
       }
-    ]), h = o(() => m.value === "horizontal" && !t.inTrigger), v = P(!1), d = (e) => {
-      v.value = e;
-    }, y = w("trigger"), b = o(() => {
+    ]), h = o(() => f.value === "horizontal" && !t.inTrigger), g = P(!1), c = (e) => {
+      g.value = e;
+    }, y = w("trigger"), k = o(() => {
       var e;
       return [
-        `${s.value}-trigger`,
+        `${i.value}-trigger`,
         {
-          [`${s.value}-trigger-dark`]: t.theme === "dark"
+          [`${i.value}-trigger-dark`]: t.theme === "dark"
         },
         // @ts-ignore
         (e = t.triggerProps) == null ? void 0 : e.class
       ];
-    }), k = o(() => K(t.triggerProps || {}, ["class"]));
+    }), b = o(() => I(t.triggerProps || {}, ["class"]));
     return {
-      menuPrefixCls: p,
-      mode: m,
-      level: i,
+      menuPrefixCls: m,
+      mode: f,
+      level: a,
       classNames: M,
-      isSelected: f,
-      disabled: u,
-      selectedKeys: c,
+      isSelected: d,
+      disabled: p,
+      selectedKeys: v,
       needPopOnBottom: h,
-      popVisible: v,
+      popVisible: g,
       className: y,
-      triggerClassNames: b,
-      triggerProps: k,
+      triggerClassNames: k,
+      triggerProps: b,
       menuContext: t,
       popupMenuStyles: o(() => {
         const e = x.value ?? t.popupMaxHeight;
         return T(e) ? { maxHeight: `${e}px` } : e ? {} : { maxHeight: "unset" };
       }),
       onClick: () => {
-        u.value || (r && r(l.value, i.value), a.value && n && n(l.value));
+        p.value || s._internalSkipCollect || (r && r(l.value, a.value), u.value && n && n(l.value));
       },
       onKeydown: (e) => {
-        u.value || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), r && r(l.value, i.value), a.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), d(!1);
+        n && n(e), c(!1);
       },
       onVisibleChange: (e) => {
-        d(e);
+        c(e);
       }
     };
   }