x-next 1.14.0 → 1.16.0

package/dist/es/components/drawer/src/Drawer.vue.js

@@ -1,26 +1,26 @@
 import $ from "./Drawer.vue2.js";
-import { resolveComponent as f, openBlock as a, createBlock as b, Teleport as N, withDirectives as k, createElementBlock as d, mergeProps as m, createVNode as t, Transition as g, withCtx as n, withModifiers as S, normalizeClass as s, vShow as u, createCommentVNode as i, createElementVNode as r, renderSlot as p, toDisplayString as y, normalizeStyle as T, createTextVNode as w } from "vue";
+import { resolveComponent as p, openBlock as r, createBlock as g, Teleport as N, withDirectives as f, createElementVNode as a, mergeProps as d, createVNode as t, Transition as b, withCtx as n, createElementBlock as k, withModifiers as S, normalizeClass as s, vShow as u, createCommentVNode as i, renderSlot as m, toDisplayString as y, normalizeStyle as T, createTextVNode as w } from "vue";
 import B from "../../../_virtual/_plugin-vue_export-helper.js";
 const V = ["data-theme"], c = ["aria-modal"], O = ["id"], A = ["aria-label"];
 function K(e, o, M, j, z, E) {
-  const h = f("Scrollbar"), C = f("Button"), v = f("Space");
-  return a(), b(N, {
+  const h = p("Scrollbar"), C = p("Button"), v = p("Space");
+  return !e.destroyOnClosed || e.mergeVisible ? (r(), g(N, {
+    key: 0,
     to: e.teleportContainer,
     disabled: e.disabled || !e.teleportContainer
   }, [
-    !e.destroyOnClosed || e.mergeVisible ? k((a(), d("div", m({
-      key: 0,
+    f(a("div", d({
       ref: "drawerRef",
       class: [e.className.block, e.isFixed ? "is-fixed" : "is-absolute", e.popupClass, e.$attrs.class],
       style: [e.drawerStyle, e.$attrs.style],
       "data-theme": e.popupThemeName
     }, e.rootAttrs()), [
-      t(g, {
+      t(b, {
         name: "x-fade-in-standard",
         appear: ""
       }, {
         default: n(() => [
-          e.mask ? k((a(), d("div", {
+          e.mask ? f((r(), k("div", {
             key: 0,
             class: s(e.className.element("mask")),
             onClick: o[0] || (o[0] = S((...l) => e.handleMask && e.handleMask(...l), ["self"]))
@@ -30,14 +30,14 @@ function K(e, o, M, j, z, E) {
         ]),
         _: 1
       }),
-      t(g, {
+      t(b, {
         name: `x-slide-${e.placement}`,
         appear: "",
         onAfterEnter: e.afterEnter,
         onAfterLeave: e.afterLeave
       }, {
         default: n(() => [
-          k(r("div", m({
+          f(a("div", d({
             ref: "containerRef",
             role: "dialog",
             "aria-modal": e.mask ? !0 : void 0,
@@ -47,40 +47,40 @@ function K(e, o, M, j, z, E) {
             class: [e.className.element("container"), `is-${e.placement}`],
             style: e.containerStyle
           }), [
-            p(e.$slots, "fill", {}, () => [
-              r("div", {
+            m(e.$slots, "fill", {}, () => [
+              a("div", {
                 id: e.titleId,
                 class: s([e.className.element("header")])
               }, [
-                p(e.$slots, "title", {}, () => [
-                  r("span", {
+                m(e.$slots, "title", {}, () => [
+                  a("span", {
                     class: s([e.className.element("title")])
                   }, y(e.title), 3)
                 ])
               ], 10, O),
-              r("div", {
+              a("div", {
                 class: s([e.className.element("body"), e.bodyClass]),
                 style: T(e.mergedBodyStyle)
               }, [
-                t(h, { style: { overflow: "auto" } }, {
+                t(h, { style: { height: "100%", overflow: "auto" } }, {
                   default: n(() => [
-                    p(e.$slots, "default")
+                    m(e.$slots, "default")
                   ]),
                   _: 3
                 })
               ], 6),
-              e.showFooter ? (a(), d("div", {
+              e.showFooter ? (r(), k("div", {
                 key: 0,
                 class: s([e.className.element("footer")])
               }, [
-                p(e.$slots, "footer", {
+                m(e.$slots, "footer", {
                   ok: e.handleOk,
                   cancel: e.handleCancel,
                   loadingObj: e.loadingObj
                 }, () => [
                   t(v, { size: 12 }, {
                     default: n(() => [
-                      t(C, m({
+                      t(C, d({
                         type: "primary",
                         size: "small",
                         loading: e.okLoading || e.loadingObj.ok
@@ -90,7 +90,7 @@ function K(e, o, M, j, z, E) {
                         ]),
                         _: 1
                       }, 16, ["loading", "onClick"]),
-                      e.hideCancel ? i("", !0) : (a(), b(C, m({
+                      e.hideCancel ? i("", !0) : (r(), g(C, d({
                         key: 0,
                         loading: e.loadingObj.cancel,
                         size: "small"
@@ -106,7 +106,7 @@ function K(e, o, M, j, z, E) {
                 ])
               ], 2)) : i("", !0)
             ]),
-            e.showClose ? (a(), d("span", {
+            e.showClose ? (r(), k("span", {
               key: 0,
               class: s([e.className.element("close-icon")]),
               role: "button",
@@ -115,7 +115,7 @@ function K(e, o, M, j, z, E) {
               onClick: o[1] || (o[1] = (l) => e.interceptClose("cancel", l)),
               onKeydown: o[2] || (o[2] = (...l) => e.handleCloseIconKeydown && e.handleCloseIconKeydown(...l))
             }, [...o[4] || (o[4] = [
-              r("svg", {
+              a("svg", {
                 viewBox: "0 0 48 48",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
@@ -125,7 +125,7 @@ function K(e, o, M, j, z, E) {
                 "stroke-linecap": "butt",
                 "stroke-linejoin": "miter"
               }, [
-                r("path", { d: "M9.857 9.858 24 24m0 0 14.142 14.142M24 24 38.142 9.858M24 24 9.857 38.142" })
+                a("path", { d: "M9.857 9.858 24 24m0 0 14.142 14.142M24 24 38.142 9.858M24 24 9.857 38.142" })
               ], -1)
             ])], 42, A)) : i("", !0)
           ], 16, c), [
@@ -134,10 +134,10 @@ function K(e, o, M, j, z, E) {
         ]),
         _: 3
       }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-    ], 16, V)), [
+    ], 16, V), [
       [u, e.mergeVisible]
-    ]) : i("", !0)
-  ], 8, ["to", "disabled"]);
+    ])
+  ], 8, ["to", "disabled"])) : i("", !0);
 }
 const P = /* @__PURE__ */ B($, [["render", K]]);
 export {

package/dist/es/components/form-switch/Switch.vue2.js

@@ -176,24 +176,24 @@ const ne = $({
    * @en The icon on the button when closed
    * @slot unchecked-icon
    */
-  setup(e, { emit: n, expose: b, slots: g, attrs: S }) {
+  setup(e, { emit: n, expose: b, slots: y, attrs: S }) {
     const { disabled: w, size: x, modelValue: B } = q(e), c = Y("switch"), {
       formItemCtx: z,
       mergedDisabled: o,
-      mergedSize: A,
+      mergedSize: F,
       eventHandlers: s
     } = J({
       disabled: w,
       size: x
-    }), F = O(z, () => S, { required: !1 }), { mergedSize: y } = P(A), d = k(e.defaultChecked ? e.checkedValue : e.uncheckedValue), a = r(
+    }), N = O(z, () => S, { required: !1 }), { mergedSize: g } = P(F), d = k(e.defaultChecked ? e.checkedValue : e.uncheckedValue), a = r(
       () => (e.modelValue ?? d.value) === e.checkedValue
     ), m = k(!1);
     let v = !1;
     H(() => {
       v = !0;
     });
-    const f = r(() => m.value || e.loading), h = k(), N = r(
-      () => e.type !== "line" && y.value !== "mini" && (!!e.checkedText || !!e.uncheckedText || !!g.checked || !!g.unchecked)
+    const f = r(() => m.value || e.loading), h = k(), R = r(
+      () => e.type !== "line" && g.value !== "mini" && (!!e.checkedText || !!e.uncheckedText || !!y.checked || !!y.unchecked)
     ), C = (t, l) => {
       var u, i;
       d.value = t ? e.checkedValue : e.uncheckedValue, n("update:modelValue", d.value), n("change", d.value, l), (i = (u = s.value) == null ? void 0 : u.onChange) == null || i.call(u, l);
@@ -211,29 +211,29 @@ const ne = $({
         }
       } else
         C(t, l);
-    }, R = async (t) => {
+    }, T = async (t) => {
       const l = a.value ? e.uncheckedValue : e.checkedValue;
       n("click", l, t), await V(!a.value, t);
-    }, T = async (t) => {
+    }, A = async (t) => {
       if (t.key !== "ArrowLeft" && t.key !== "Left" && t.key !== "ArrowRight" && t.key !== "Right")
         return;
       t.preventDefault();
       const l = t.key === "ArrowRight" || t.key === "Right";
       l !== a.value && await V(l, t);
-    }, L = (t) => {
+    }, _ = (t) => {
       var l, u;
       n("focus", t), (u = (l = s.value) == null ? void 0 : l.onFocus) == null || u.call(l, t);
-    }, _ = (t) => {
+    }, I = (t) => {
       var l, u;
       n("blur", t), (u = (l = s.value) == null ? void 0 : l.onBlur) == null || u.call(l, t);
     };
     K(B, (t) => {
       (Q(t) || W(t)) && (d.value = e.uncheckedValue);
     });
-    const I = r(() => [
+    const L = r(() => [
       c.block,
       c.modifier(`type-${e.type}`),
-      c.modifier(`size-${y.value}`),
+      c.modifier(`size-${g.value}`),
       {
         [c.modifier("checked")]: a.value,
         [c.modifier("disabled")]: o.value,
@@ -261,19 +261,19 @@ const ne = $({
       focus: M,
       blur: U
     }), {
-      formControlAttrs: F,
+      formControlAttrs: N,
       className: c,
-      cls: I,
+      cls: L,
       switchRef: h,
       mergedDisabled: o,
       buttonStyle: D,
       computedCheck: a,
       computedLoading: f,
-      showText: N,
-      handleClick: R,
-      handleKeydown: T,
-      handleFocus: L,
-      handleBlur: _
+      showText: R,
+      handleClick: T,
+      handleKeydown: A,
+      handleFocus: _,
+      handleBlur: I
     };
   }
 });

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

@@ -12,7 +12,7 @@ import { isBoolean as ne } from "../../_utils/is.js";
 import { getClassNameMixin as ue } from "../../_utils/config.js";
 import { useLocale as se } from "../../locale/index.js";
 let ve = 0;
-const Le = q({
+const Be = q({
   name: "Image",
   components: {
     IconImageClose: $,
@@ -184,13 +184,13 @@ const Le = q({
       previewVisible: N,
       preview: h,
       previewProps: b
-    } = H(o), t = J(le, void 0), { t: z } = se(), l = ue("image"), v = Q(), { isLoaded: S, isError: P, isLoading: L, setLoadStatus: f } = ie(), m = i(() => ({
+    } = H(o), t = J(le, void 0), { t: z } = se(), l = ue("image"), v = Q(), { isLoaded: S, isError: P, isLoading: B, setLoadStatus: f } = ie(), m = i(() => ({
       width: F(d == null ? void 0 : d.value),
       height: F(p == null ? void 0 : p.value)
-    })), A = i(() => o.fit ? { objectFit: o.fit } : {}), E = i(() => [
+    })), E = i(() => o.fit ? { objectFit: o.fit } : {}), O = i(() => [
       l.block,
       {
-        [l.element("loading")]: L.value,
+        [l.element("loading")]: B.value,
         [l.element("loading-error")]: P.value,
         // isLoaded / showFooter 是 ref，这里必须解引用；
         // 直接写对象引用会让条件恒为真，没有 footer 的图片也带上定位类
@@ -198,7 +198,7 @@ const Le = q({
         [l.element("with-footer-outer")]: u.value && s.value === "outer"
       },
       c.class
-    ]), O = i(() => [
+    ]), A = i(() => [
       {
         ...m.value,
         height: u.value && s.value === "outer" ? void 0 : m.value.height
@@ -206,7 +206,7 @@ const Le = q({
       c.style
     ]), K = i(() => ({
       height: u.value && s.value === "outer" ? m.value.height : void 0
-    })), u = i(() => w != null && w.value || y != null && y.value || j.extra ? ne(g.value) ? !g.value && S.value : g.value === "never" : !1), M = i(() => oe(c, ["class", "style", "src"])), [T, B] = ae(
+    })), u = i(() => w != null && w.value || y != null && y.value || j.extra ? ne(g.value) ? !g.value && S.value : g.value === "never" : !1), M = i(() => oe(c, ["class", "style", "src"])), [T, L] = ae(
       k.value,
       X({
         value: N
@@ -243,27 +243,27 @@ const Le = q({
       e.target === v.value && (f("error"), a("error", e));
     }
     function _() {
-      I.value && (t != null && t.preview ? t.preview(V) : (a("preview-visible-change", !0), a("update:previewVisible", !0), B(!0)));
+      I.value && (t != null && t.preview ? t.preview(V) : (a("preview-visible-change", !0), a("update:previewVisible", !0), L(!0)));
     }
     function G(e) {
       !I.value || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), _());
     }
     function R() {
-      a("preview-visible-change", !1), a("update:previewVisible", !1), B(!1);
+      a("preview-visible-change", !1), a("update:previewVisible", !1), L(!1);
     }
     return {
       t: z,
       refImg: v,
       className: l,
-      wrapperClassNames: E,
-      wrapperStyles: O,
+      wrapperClassNames: O,
+      wrapperStyles: A,
       overlayStyles: K,
       showFooter: u,
       imgProps: M,
       imgStyle: m,
       isLoaded: S,
       isError: P,
-      isLoading: L,
+      isLoading: B,
       mergedPreviewVisible: T,
       mergePreview: U,
       canOpenPreview: I,
@@ -272,10 +272,10 @@ const Le = q({
       onImgClick: _,
       onImgKeydown: G,
       onPreviewClose: R,
-      fitStyle: A
+      fitStyle: E
     };
   }
 });
 export {
-  Le as default
+  Be as default
 };

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

@@ -4,8 +4,8 @@ import { useLocale as Re } from "../../locale/index.js";
 import { getClassNameMixin as Te } from "../../_utils/config.js";
 import { throttleByRaf as Oe } from "../../_utils/throttle-by-raf.js";
 import { KEYBOARD_KEY as c } from "../../_utils/keyboard.js";
-import { isServerRendering as m, on as ze, off as Ae } from "../../_utils/dom.js";
-import Pe from "./preview-arrow.vue.js";
+import { isServerRendering as m, on as ze, off as Pe } from "../../_utils/dom.js";
+import Ae from "./preview-arrow.vue.js";
 import Ee from "./preview-toolbar.vue.js";
 import Ne from "./hooks/use-image-load-status.js";
 import Be from "./hooks/use-image-drag.js";
@@ -26,7 +26,7 @@ const _ = 90, bt = /* @__PURE__ */ Se({
   name: "ImagePreview",
   inheritAttrs: !1,
   components: {
-    PreviewArrow: Pe,
+    PreviewArrow: Ae,
     PreviewToolbar: Ee,
     IconLoading: Le,
     IconClose: xe,
@@ -170,7 +170,7 @@ const _ = 90, bt = /* @__PURE__ */ Se({
       actionsLayout: ee,
       defaultScale: F,
       zoomRate: O
-    } = he(r), l = g(), f = g(), K = g(!1);
+    } = he(r), n = g(), f = g(), K = g(!1);
     we(() => {
       K.value = !0;
     });
@@ -180,15 +180,15 @@ const _ = 90, bt = /* @__PURE__ */ Se({
       [z.modifier("hide")]: !i.value
     }]), ae = m ? void 0 : document.body, S = je(ae, D({
       popupContainer: q
-    })), ie = y(() => !m && S.value === document.body), ne = y(() => m || !r.renderToBody || !S.value), {
-      zIndex: le,
+    })), ie = y(() => !m && S.value === document.body), le = y(() => m || !r.renderToBody || !S.value), {
+      zIndex: ne,
       isLastDialog: C,
       close: re
     } = Ye("dialog", {
       visible: i
     }), se = y(() => ({
       ...ie.value ? {
-        zIndex: le.value,
+        zIndex: ne.value,
         position: "fixed"
       } : {
         zIndex: "inherit",
@@ -198,16 +198,16 @@ const _ = 90, bt = /* @__PURE__ */ Se({
       isLoading: ue,
       isLoaded: d,
       isError: ce,
-      setLoadStatus: A
-    } = Ne(), v = g(0), P = (e) => Number.isFinite(e) ? Math.max(G, Math.min(Y, e)) : 1, n = g(P(F.value)), {
+      setLoadStatus: P
+    } = Ne(), v = g(0), A = (e) => Number.isFinite(e) ? Math.max(G, Math.min(Y, e)) : 1, l = g(A(F.value)), {
       translate: I,
       moving: me,
       resetTranslate: fe
     } = Be(D({
-      wrapperEl: l,
+      wrapperEl: n,
       imageEl: f,
       visible: i,
-      scale: n
+      scale: l
     })), h = g(!1);
     let p;
     const E = () => {
@@ -226,7 +226,7 @@ const _ = 90, bt = /* @__PURE__ */ Se({
       immediate: !0
     });
     function pe() {
-      v.value = 0, n.value = P(F.value), fe(), E();
+      v.value = 0, l.value = A(F.value), fe(), E();
     }
     const N = (e) => ee.value.includes(e), W = (e) => {
       if (!i.value || !r.keyboard || !C()) return;
@@ -256,7 +256,7 @@ const _ = 90, bt = /* @__PURE__ */ Se({
       o && (e.stopPropagation(), e.preventDefault());
     }, B = Oe((e) => {
       if (e.preventDefault(), e.stopPropagation(), !r.wheelZoom || !d.value || !i.value || !C()) return;
-      const a = (e.deltaY || e.deltaX) > 0 ? "zoomOut" : "zoomIn", o = Number.isFinite(O.value) && O.value > 1 ? O.value : 1.1, s = He(n.value, o, a);
+      const a = (e.deltaY || e.deltaX) > 0 ? "zoomOut" : "zoomIn", o = Number.isFinite(O.value) && O.value > 1 ? O.value : 1.1, s = He(l.value, o, a);
       w(s);
     });
     let L = null;
@@ -270,33 +270,33 @@ const _ = 90, bt = /* @__PURE__ */ Se({
       e ? m || (L = document.activeElement) : (m || B.cancel(), E(), ke(j));
     }, {
       immediate: !0
-    }), k(l, (e) => {
+    }), k(n, (e) => {
       e && C() && e.focus({
         preventScroll: !0
       });
     }, {
       flush: "post"
     }), k([i, () => r.keyboard, S], ([e, t, a], o, s) => {
-      !e || !t || !a || m || (ze(a, "keydown", W), s(() => Ae(a, "keydown", W)));
+      !e || !t || !a || m || (ze(a, "keydown", W), s(() => Pe(a, "keydown", W)));
     }, {
       immediate: !0
     });
     const ge = (e) => {
       var H;
-      if (e.key !== "Tab" || !C() || !l.value) return;
-      const t = Array.from(l.value.querySelectorAll("button:not([disabled]), a[href], input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]")).filter((T) => T.tabIndex >= 0 && !T.closest('[hidden], [inert], [aria-hidden="true"]') && getComputedStyle(T).display !== "none" && getComputedStyle(T).visibility !== "hidden"), a = t[0], o = t.at(-1), s = document.activeElement;
+      if (e.key !== "Tab" || !C() || !n.value) return;
+      const t = Array.from(n.value.querySelectorAll("button:not([disabled]), a[href], input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]")).filter((T) => T.tabIndex >= 0 && !T.closest('[hidden], [inert], [aria-hidden="true"]') && getComputedStyle(T).display !== "none" && getComputedStyle(T).visibility !== "hidden"), a = t[0], o = t.at(-1), s = document.activeElement;
       a ? t.includes(s) ? e.shiftKey && s === a ? (e.preventDefault(), o == null || o.focus({
         preventScroll: !0
       })) : !e.shiftKey && s === o && (e.preventDefault(), a.focus({
         preventScroll: !0
       })) : (e.preventDefault(), (H = e.shiftKey ? o : a) == null || H.focus({
         preventScroll: !0
-      })) : (e.preventDefault(), l.value.focus({
+      })) : (e.preventDefault(), n.value.focus({
         preventScroll: !0
       }));
     };
     k([V, i], () => {
-      i.value && (pe(), A(V.value ? "loading" : "error"));
+      i.value && (pe(), P(V.value ? "loading" : "error"));
     }, {
       immediate: !0
     });
@@ -305,17 +305,17 @@ const _ = 90, bt = /* @__PURE__ */ Se({
     }
     function ye(e) {
       var t;
-      (t = l == null ? void 0 : l.value) == null || t.focus(), $.value && e.target === e.currentTarget && x();
+      (t = n == null ? void 0 : n.value) == null || t.focus(), $.value && e.target === e.currentTarget && x();
     }
     function w(e) {
-      if (e = P(e), n.value !== e) {
-        const t = n.value;
-        I.value = [I.value[0] * t / e, I.value[1] * t / e], n.value = e, de();
+      if (e = A(e), l.value !== e) {
+        const t = l.value;
+        I.value = [I.value[0] * t / e, I.value[1] * t / e], l.value = e, de();
       }
     }
     function be() {
-      if (!l.value || !f.value || !d.value) return;
-      const e = l.value.getBoundingClientRect(), t = f.value.getBoundingClientRect(), a = e.height / (t.height / n.value), o = e.width / (t.width / n.value);
+      if (!n.value || !f.value || !d.value) return;
+      const e = n.value.getBoundingClientRect(), t = f.value.getBoundingClientRect(), a = e.height / (t.height / l.value), o = e.width / (t.width / l.value);
       if (t.width <= 0 || t.height <= 0) return;
       const s = Math.min(a, o);
       w(s);
@@ -325,7 +325,7 @@ const _ = 90, bt = /* @__PURE__ */ Se({
       v.value = a;
     }
     function R(e) {
-      const t = Ze(n.value, e);
+      const t = Ze(l.value, e);
       w(t);
     }
     return Ce(() => {
@@ -336,9 +336,9 @@ const _ = 90, bt = /* @__PURE__ */ Se({
       className: z,
       classNames: oe,
       container: S,
-      teleportDisabled: ne,
+      teleportDisabled: le,
       wrapperStyles: se,
-      scale: n,
+      scale: l,
       translate: I,
       rotate: v,
       moving: me,
@@ -347,7 +347,7 @@ const _ = 90, bt = /* @__PURE__ */ Se({
       isLoaded: d,
       isError: ce,
       scaleValueVisible: h,
-      refWrapper: l,
+      refWrapper: n,
       refImage: f,
       mounted: K,
       onWheel: B,
@@ -355,10 +355,10 @@ const _ = 90, bt = /* @__PURE__ */ Se({
       onCloseClick: x,
       onDialogKeydown: ge,
       onImgLoad(e) {
-        e.target === f.value && A("loaded");
+        e.target === f.value && P("loaded");
       },
       onImgError(e) {
-        e.target === f.value && A("error");
+        e.target === f.value && P("error");
       },
       actions: y(() => [
         /** 满屏 */
@@ -388,7 +388,7 @@ const _ = 90, bt = /* @__PURE__ */ Se({
           name: u("imagePreview.zoomIn"),
           content: () => b(Me),
           onClick: () => R("zoomIn"),
-          disabled: n.value === Y
+          disabled: l.value === Y
         },
         /** 缩小 */
         {
@@ -396,7 +396,7 @@ const _ = 90, bt = /* @__PURE__ */ Se({
           name: u("imagePreview.zoomOut"),
           content: () => b(_e),
           onClick: () => R("zoomOut"),
-          disabled: n.value === G
+          disabled: l.value === G
         },
         /** 缩放到100% */
         {