x-next 1.6.0 → 1.8.0

package/dist/es/components/image/ImagePreviewGroup.vue2.js

@@ -1,12 +1,13 @@
-import { defineComponent as T, toRefs as q, reactive as b, computed as r, ref as D, watch as E, provide as F } from "vue";
+import { defineComponent as q, toRefs as D, reactive as b, computed as r, ref as E, watch as F, provide as H } from "vue";
 import C from "../../_hooks/use-merge-state.js";
-import H from "./ImagePreview.vue.js";
-import { PreviewGroupInjectionKey as J } from "./context.js";
+import J from "./ImagePreview.vue.js";
+import { PreviewGroupInjectionKey as Q } from "./context.js";
 import { isArray as A, isUndefined as s } from "../../_utils/is.js";
-const $ = /* @__PURE__ */ T({
+import { useLocale as W } from "../../locale/index.js";
+const re = /* @__PURE__ */ q({
   name: "ImagePreviewGroup",
   components: {
-    ImagePreview: H
+    ImagePreview: J
   },
   inheritAttrs: !1,
   props: {
@@ -120,21 +121,23 @@ const $ = /* @__PURE__ */ T({
     emit: m
   }) {
     const {
+      t: U
+    } = W(), {
       srcList: n,
-      visible: U,
-      defaultVisible: M,
-      current: S,
+      visible: M,
+      defaultVisible: S,
+      current: L,
       defaultCurrent: N,
       infinite: w
-    } = q(B), [h, O] = C(M.value, b({
-      value: U
+    } = D(B), [h, O] = C(S.value, b({
+      value: M
     })), g = (e) => {
       e !== h.value && (m("visible-change", e), m("update:visible", e), O(e));
     }, k = r(() => new Map(A(n == null ? void 0 : n.value) ? n == null ? void 0 : n.value.map((e, t) => [t, {
       url: e,
       canPreview: !0
-    }]) : [])), x = r(() => A(n == null ? void 0 : n.value)), c = D(/* @__PURE__ */ new Map()), f = r(() => x.value ? k.value : c.value), z = r(() => Array.from(c.value.keys())), d = r(() => Array.from(f.value.keys())), i = r(() => d.value.length);
-    function L(e, t, u) {
+    }]) : [])), x = r(() => A(n == null ? void 0 : n.value)), c = E(/* @__PURE__ */ new Map()), f = r(() => x.value ? k.value : c.value), z = r(() => Array.from(c.value.keys())), d = r(() => Array.from(f.value.keys())), o = r(() => d.value.length);
+    function R(e, t, u) {
       return c.value.set(e, {
         url: t,
         canPreview: u
@@ -142,21 +145,21 @@ const $ = /* @__PURE__ */ T({
         c.value.delete(e);
       };
     }
-    const [a, R] = C(N.value, b({
-      value: S
+    const [a, _] = C(N.value, b({
+      value: L
     })), v = (e) => {
-      e !== a.value && (m("change", e), m("update:current", e), R(e));
-    }, _ = r(() => d.value[a.value]), j = (e) => {
+      e !== a.value && (m("change", e), m("update:current", e), _(e));
+    }, j = r(() => d.value[a.value]), G = (e) => {
       const t = d.value.indexOf(e);
       t >= 0 && t !== a.value && v(t);
-    }, G = r(() => {
+    }, V = r(() => {
       var e;
-      return (e = f.value.get(_.value)) == null ? void 0 : e.url;
+      return (e = f.value.get(j.value)) == null ? void 0 : e.url;
     });
-    E(
-      [i, a],
+    F(
+      [o, a],
       () => {
-        if (i.value === 0) {
+        if (o.value === 0) {
           g(!1);
           return;
         }
@@ -164,64 +167,67 @@ const $ = /* @__PURE__ */ T({
           v(0);
           return;
         }
-        a.value >= i.value && v(i.value - 1);
+        a.value >= o.value && v(o.value - 1);
       },
       // 自动收集模式须等子图片注册；显式列表在 setup 时即可检查边界。
       {
         immediate: x.value
       }
-    ), F(J, b({
-      registerImageUrl: L,
+    ), H(Q, b({
+      registerImageUrl: R,
       preview: (e) => {
         if (x.value) {
-          const u = c.value.get(e), o = u != null && u.canPreview ? z.value.indexOf(e) : -1;
-          o >= 0 && o < i.value && (v(o), g(!0));
+          const u = c.value.get(e), i = u != null && u.canPreview ? z.value.indexOf(e) : -1;
+          i >= 0 && i < o.value && (v(i), g(!0));
           return;
         }
         const t = f.value.get(e);
-        t != null && t.canPreview && (j(e), g(!0));
+        t != null && t.canPreview && (G(e), g(!0));
       }
     }));
     const y = r(() => {
-      const e = (u, o) => {
+      const e = (u, i) => {
         var p;
-        for (let l = u; l <= o; l++) {
+        for (let l = u; l <= i; l++) {
           const P = d.value[l];
           if ((p = f.value.get(P)) != null && p.canPreview)
             return l;
         }
-      }, t = e(a.value + 1, i.value - 1);
+      }, t = e(a.value + 1, o.value - 1);
       return s(t) && w.value ? e(0, a.value - 1) : t;
     }), I = r(() => {
-      const e = (u, o) => {
+      const e = (u, i) => {
         var p;
-        for (let l = u; l >= o; l--) {
+        for (let l = u; l >= i; l--) {
           const P = d.value[l];
           if ((p = f.value.get(P)) != null && p.canPreview)
             return l;
         }
       }, t = e(a.value - 1, 0);
-      return s(t) && w.value ? e(i.value - 1, a.value + 1) : t;
-    }), V = r(() => s(I.value) ? void 0 : () => {
+      return s(t) && w.value ? e(o.value - 1, a.value + 1) : t;
+    }), K = r(() => s(I.value) ? void 0 : () => {
       !s(I.value) && v(I.value);
-    }), K = r(() => s(y.value) ? void 0 : () => {
+    }), T = r(() => s(y.value) ? void 0 : () => {
       !s(y.value) && v(y.value);
     });
     return {
+      t: U,
+      currentIndex: a,
+      imageCount: o,
       mergedVisible: h,
-      currentUrl: G,
+      currentUrl: V,
       prevIndex: I,
       nextIndex: y,
       onClose() {
         g(!1);
       },
       groupArrowProps: b({
-        onPrev: V,
-        onNext: K
+        onPrev: K,
+        onNext: T
       })
     };
   }
 });
 export {
-  $ as default
+  re as default
 };

package/dist/es/components/image/hooks/use-image-drag.js

@@ -2,39 +2,41 @@ import { toRefs as E, ref as x, watchEffect as R, watch as X, nextTick as Y } fr
 import { on as s, off as f } from "../../../_utils/dom.js";
 import h from "../utils/get-fix-translate.js";
 function B(D) {
-  const { wrapperEl: v, imageEl: a, scale: n } = E(D), t = x([0, 0]), u = x(!1);
-  let i = 0, c = 0, l = [0, 0];
+  const { wrapperEl: v, imageEl: l, scale: n } = E(D), t = x([0, 0]), o = x(!1);
+  let i = 0, c = 0, r = [0, 0];
   const T = () => {
-    if (!v.value || !a.value) return;
-    const e = v.value.getBoundingClientRect(), r = a.value.getBoundingClientRect(), [o, d] = h(
+    if (!v.value || !l.value) return;
+    const e = v.value.getBoundingClientRect(), a = l.value.getBoundingClientRect(), [u, d] = h(
       e,
-      r,
+      a,
       t.value[0],
       t.value[1],
       n.value
     );
-    (o !== t.value[0] || d !== t.value[1]) && (t.value = [o, d]);
+    (u !== t.value[0] || d !== t.value[1]) && (t.value = [u, d]);
   }, p = (e) => {
     e.preventDefault && e.preventDefault();
-    const r = l[0] + (e.pageX - i) / n.value, o = l[1] + (e.pageY - c) / n.value;
-    t.value = [r, o];
+    const a = r[0] + (e.pageX - i) / n.value, u = r[1] + (e.pageY - c) / n.value;
+    t.value = [a, u];
   }, g = (e) => {
-    e.preventDefault && e.preventDefault(), u.value = !1, w();
+    e.preventDefault && e.preventDefault(), o.value = !1, w();
   }, m = (e) => {
-    e.target === e.currentTarget && (e.preventDefault && e.preventDefault(), u.value = !0, i = e.pageX, c = e.pageY, l = [...t.value], s(window, "mousemove", p, !1), s(window, "mouseup", g, !1));
+    e.target === e.currentTarget && (e.preventDefault && e.preventDefault(), o.value = !0, i = e.pageX, c = e.pageY, r = [...t.value], s(window, "mousemove", p, !1), s(window, "mouseup", g, !1));
   };
   function w() {
     typeof window > "u" || (f(window, "mousemove", p, !1), f(window, "mouseup", g, !1));
   }
   return R((e) => {
-    typeof window > "u" || (a.value && s(a.value, "mousedown", m), e(() => {
-      a.value && f(a.value, "mousedown", m), w();
-    }));
+    if (typeof window > "u") return;
+    const a = l.value;
+    a && s(a, "mousedown", m), e(() => {
+      a && f(a, "mousedown", m), o.value = !1, w();
+    });
   }), X([n], () => {
     Y(() => T());
   }), {
     translate: t,
-    moving: u,
+    moving: o,
     resetTranslate() {
       t.value = [0, 0];
     }

package/dist/es/components/index.js

@@ -3,164 +3,172 @@ import { Button as p, ButtonGroup as m } from "./button/index.js";
 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 { Dropdown as c, DropdownButton as d, DropdownGroup as T, DropdownOption as P, DropdownSubmenu as S } from "./dropdown/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 { DatePicker as L, MonthPicker as b, QuarterPicker as s, RangePicker as w, WeekPicker as C, YearPicker as h } from "./date-picker/index.js";
+import { Form as y, FormItem as G } from "./form/index.js";
+import { Checkbox as B, CheckboxGroup as M } from "./form-checkbox/index.js";
+import { Input as A, 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 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 { Radio as W, RadioGroup as U } from "./form-radio/index.js";
+import { Select as Q, 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 { 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";
+import { BarChart as mo } from "./bar-chart/index.js";
+import { Draggable as xo } from "./draggable/index.js";
+import { Col as no, Grid as io, GridItem as uo, Row as lo } from "./grid/index.js";
+import { Heatmap as To } from "./heatmap/index.js";
+import { Image as So, ImagePreview as go, ImagePreviewAction as Io, ImagePreviewGroup as ko } from "./image/index.js";
+import { Layout as bo, LayoutContent as so, LayoutFooter as wo, LayoutHeader as Co, LayoutSidebar as ho } from "./layout/index.js";
+import { LineChart as yo } from "./line-chart/index.js";
+import { Link as vo } from "./link/index.js";
+import { Menu as Mo, MenuItem as Ro, MenuItemGroup as Ao, MenuSubMenu as Eo } from "./menu/index.js";
+import { Message as No } from "./message/index.js";
+import { Network as jo } from "./network/index.js";
+import { Notification as Ho } from "./notification/index.js";
+import { Pagination as Wo } from "./pagination/index.js";
+import { PieChart as zo } from "./pie-chart/index.js";
+import { Popconfirm as Yo } from "./popconfirm/index.js";
+import { Popover as qo } from "./popover/index.js";
+import { Popup as Vo } from "./popup/index.js";
+import { Progress as $o } from "./progress/index.js";
+import { Rate as rr } from "./rate/index.js";
+import { ResizeBox as tr } from "./resize-box/index.js";
+import { Scrollbar as mr } from "./scrollbar-v2/index.js";
+import { Skeleton as xr, SkeletonLine as ar, SkeletonShape as nr } from "./skeleton/index.js";
+import { Space as ur } from "./space/index.js";
+import { Spin as cr } from "./spin/index.js";
+import { Step as Tr, Steps as Pr } from "./steps/index.js";
+import { Table as gr, TableColumn as Ir } from "./table/index.js";
+import { TabPane as Lr, Tabs as br } from "./tabs/index.js";
+import { Tag as wr } from "./tag/index.js";
+import { TimePicker as hr } from "./time-picker/index.js";
+import { TimeRangeSelector as yr } from "./time-range-selector/index.js";
+import { Timeline as vr } from "./timeline/index.js";
+import { TimelineItem as Mr } from "./timeline-item/index.js";
+import { Tooltip as Ar } from "./tooltip/index.js";
+import { TrendChart as _r } from "./trend-chart/index.js";
+import { Trigger as Or } from "./trigger/index.js";
+import { Upload as Fr } from "./upload/index.js";
+import { Watermark as Kr } from "./watermark/index.js";
+import { TABLE_LOCALE_EN_US as Ur, TABLE_LOCALE_ZH_CN as zr, formatLocaleText as Qr } from "./table/locale.js";
+import { default as Zr } from "./table/table-tbody.js";
+import { default as Jr } from "./table/table-td.js";
+import { default as Xr } from "./table/table-th.js";
+import { default as oe } from "./table/table-thead.js";
+import { default as ee } from "./table/table-tr.js";
+import { configProviderInjectionKey as pe } from "./config-provider/context.js";
+import { formInjectionKey as fe, formItemInjectionKey as xe } from "./form/context.js";
+import { vDraggable as ne } from "./draggable/directive.js";
+import { vWatermark as ue } from "./watermark/directive.js";
 export {
   e as Alert,
+  mo as BarChart,
   p as Button,
   m as ButtonGroup,
-  M as Checkbox,
-  R as CheckboxGroup,
-  xo as Col,
+  B as Checkbox,
+  M as CheckboxGroup,
+  no as Col,
   to as ColorPicker,
   x as ConfigProvider,
-  b as DatePicker,
+  L as DatePicker,
   n as Dialog,
-  mo as Draggable,
+  xo as Draggable,
   u as Drawer,
   c as Dropdown,
   d as DropdownButton,
   T as DropdownGroup,
-  S as DropdownOption,
-  g as DropdownSubmenu,
+  P as DropdownOption,
+  S as DropdownSubmenu,
   I as Empty,
-  G as Form,
-  h as FormItem,
-  ao as Grid,
-  no as GridItem,
-  lo as Heatmap,
-  To as Image,
-  So as ImagePreview,
-  go as ImagePreviewAction,
-  Po as ImagePreviewGroup,
-  B as Input,
+  y as Form,
+  G as FormItem,
+  io as Grid,
+  uo as GridItem,
+  To as Heatmap,
+  So as Image,
+  go as ImagePreview,
+  Io as ImagePreviewAction,
+  ko as ImagePreviewGroup,
+  A as Input,
   E as InputGroup,
   j as InputNumber,
   _ as InputPassword,
   N as InputSearch,
   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,
-  Eo as Network,
-  No as Notification,
-  jo as Pagination,
-  Ho as Popconfirm,
-  Wo as Popover,
-  Qo as Popup,
-  Yo as Progress,
-  w as QuarterPicker,
+  bo as Layout,
+  so as LayoutContent,
+  wo as LayoutFooter,
+  Co as LayoutHeader,
+  ho as LayoutSidebar,
+  yo as LineChart,
+  vo as Link,
+  Mo as Menu,
+  Ro as MenuItem,
+  Ao as MenuItemGroup,
+  Eo as MenuSubMenu,
+  No as Message,
+  b as MonthPicker,
+  jo as Network,
+  Ho as Notification,
+  Wo as Pagination,
+  zo as PieChart,
+  Yo as Popconfirm,
+  qo as Popover,
+  Vo as Popup,
+  $o as Progress,
+  s as QuarterPicker,
   W as Radio,
-  z as RadioGroup,
-  L as RangePicker,
-  qo as Rate,
-  Vo as ResizeBox,
-  io as Row,
-  $o as Scrollbar,
-  U as Select,
+  U as RadioGroup,
+  w as RangePicker,
+  rr as Rate,
+  tr as ResizeBox,
+  lo as Row,
+  mr as Scrollbar,
+  Q as Select,
   Y as SelectDropdown,
   Z as SelectOption,
   q as SelectOptionGroup,
-  rr as Skeleton,
-  er as SkeletonLine,
-  tr as SkeletonShape,
+  xr as Skeleton,
+  ar as SkeletonLine,
+  nr as SkeletonShape,
   V as Slider,
-  mr as Space,
-  xr as Spin,
-  nr as Step,
-  ir as Steps,
+  ur as Space,
+  cr as Spin,
+  Tr as Step,
+  Pr as Steps,
   $ as Switch,
-  _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,
+  Ur as TABLE_LOCALE_EN_US,
+  zr as TABLE_LOCALE_ZH_CN,
+  Lr as TabPane,
+  gr as Table,
+  Ir as TableColumn,
+  br as Tabs,
+  wr as Tag,
+  Zr as Tbody,
+  Jr as Td,
   ro as Textarea,
-  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,
+  Xr as Th,
+  oe as Thead,
+  hr as TimePicker,
+  yr as TimeRangeSelector,
+  vr as Timeline,
+  Mr as TimelineItem,
+  Ar as Tooltip,
+  ee as Tr,
+  _r as TrendChart,
+  Or as Trigger,
+  Fr as Upload,
+  Kr 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
+  h as YearPicker,
+  pe as configProviderInjectionKey,
+  fe as formInjectionKey,
+  xe as formItemInjectionKey,
+  Qr as formatLocaleText,
+  ne as vDraggable,
+  ue as vWatermark
 };