x-next 1.2.0 → 1.3.1

package/dist/components/dropdown/use-keyboard.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+import { DropdownPanelRef } from './context';
+export declare const useDropdownKeyboard: (visible: Readonly<Ref<boolean>>, changeVisible: (visible: boolean) => void, triggerElement: Ref<HTMLElement | undefined>, disabled?: () => boolean) => {
+    panelRef: Ref<DropdownPanelRef | undefined, DropdownPanelRef | undefined>;
+    handleShow: () => void;
+    handleTriggerKeydown: (ev: KeyboardEvent) => void;
+    handleTriggerFocus: (ev: FocusEvent) => void;
+    handleClose: () => void;
+    handleKeyboardSelect: (ev: Event) => void;
+};

package/dist/components/form-select/hooks/use-select.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPublicInstance, Ref } from 'vue';
 import { FilterOption, SelectOption, SelectFieldNames } from '../interface';
 import { VirtualListRef } from '../../virtual-list-v2/interface';
-export declare const useSelect: ({ multiple, options, extraOptions, inputValue, filterOption, showExtraOptions, component, valueKey, fieldNames, loading, popupVisible, valueKeys, dropdownRef, optionRefs, virtualListRef, onSelect, onPopupVisibleChange, getOptionId, enterToOpen, defaultActiveFirstOption, }: {
+export declare const useSelect: ({ multiple, options, extraOptions, inputValue, filterOption, showExtraOptions, component, valueKey, fieldNames, loading, disabled, popupVisible, valueKeys, dropdownRef, optionRefs, virtualListRef, onSelect, onPopupVisibleChange, getOptionId, enterToOpen, defaultActiveFirstOption, }: {
     multiple?: Ref<boolean>;
     options?: Ref<SelectOption[]>;
     extraOptions?: Ref<SelectOption[]>;
@@ -12,6 +12,7 @@ export declare const useSelect: ({ multiple, options, extraOptions, inputValue,
     valueKey?: Ref<string>;
     fieldNames?: Ref<SelectFieldNames | undefined>;
     loading?: Ref<boolean>;
+    disabled?: Ref<boolean>;
     popupVisible: Ref<boolean>;
     valueKeys: Ref<string[]>;
     dropdownRef?: Ref<ComponentPublicInstance | undefined>;

package/dist/es/_hooks/use-overflow.js

@@ -1,46 +1,51 @@
-import { watch as u } from "vue";
-import { setStyle as i, getStyle as h, getScrollBarWidth as c, isScroll as a } from "../_utils/dom.js";
-const y = (o, s) => {
-  let t = !1;
-  const e = {
-    overflow: "",
-    width: ""
-  }, w = (l) => l.tagName === "BODY", r = () => {
-    if (o.value) {
-      const l = o.value;
-      if (!t && l.style.overflow !== "hidden") {
-        const v = c(l);
-        if (v > 0 || a(l)) {
-          e.overflow = l.style.overflow, e.width = l.style.width;
-          let d = 0;
-          w(l) && (d = l.getBoundingClientRect().left || 0), i(l, {
-            width: `calc(100% - ${Math.ceil(v - d)}px)`,
-            overflow: "hidden"
-          }), t = !0;
-        }
-      }
-    }
-  }, f = () => {
-    if (o.value && t) {
-      const l = o.value;
-      i(l, {
-        overflow: e.overflow,
-        width: e.width
-      }), t = !1;
+import { watch as h, onBeforeUnmount as P } from "vue";
+import { setStyle as y, getScrollBarWidth as g, isScroll as k, getStyle as B } from "../_utils/dom.js";
+const e = /* @__PURE__ */ new WeakMap(), d = (o) => o.tagName === "BODY", l = (o, t) => ({
+  value: o.style.getPropertyValue(t),
+  priority: o.style.getPropertyPriority(t)
+}), p = (o, t, i) => {
+  i.value ? o.style.setProperty(t, i.value, i.priority) : o.style.removeProperty(t);
+}, S = (o) => {
+  const t = e.get(o);
+  if (t) {
+    t.count++;
+    return;
+  }
+  const i = { count: 1, styles: /* @__PURE__ */ new Map() };
+  if (e.set(o, i), o.style.overflow !== "hidden") {
+    const s = g(o);
+    if (s > 0 || k(o)) {
+      i.styles.set("overflow", l(o, "overflow")), i.styles.set("width", l(o, "width"));
+      const r = d(o) && o.getBoundingClientRect().left || 0;
+      y(o, {
+        width: `calc(100% - ${Math.ceil(s - r)}px)`,
+        overflow: "hidden"
+      });
     }
+  }
+  !d(o) && B(o, "position") === "static" && (i.styles.set("position", l(o, "position")), y(o, { position: "relative" }));
+}, C = (o) => {
+  const t = e.get(o);
+  !t || --t.count > 0 || (t.styles.forEach((i, s) => p(o, s, i)), e.delete(o));
+}, M = (o, t) => {
+  let i = !1, s, r, n;
+  const u = () => {
+    r && n && p(r, "position", n), r = void 0, n = void 0;
+  }, a = () => {
+    const f = i ? o.value : void 0;
+    f !== s && (u(), s && C(s), s = f, s && S(s));
+    const c = s && !d(s) ? t == null ? void 0 : t.value : void 0;
+    c !== r && (u(), c && (r = c, n = l(c, "position"), y(c, { position: "absolute" })));
+  }, w = () => {
+    i = !0, a();
+  }, v = () => {
+    i = !1, a();
   };
-  return u(
-    () => s == null ? void 0 : s.value,
-    (l) => {
-      o.value && !w(o.value) && (l && i(l, {
-        position: "absolute"
-      }), h(o.value, "position") === "static" && i(o.value, { position: "relative" }));
-    }
-  ), {
-    setOverflowHidden: r,
-    resetOverflow: f
+  return h([o, () => t == null ? void 0 : t.value], a, { flush: "post" }), P(v), {
+    setOverflowHidden: w,
+    resetOverflow: v
   };
 };
 export {
-  y as useOverflow
+  M as useOverflow
 };

package/dist/es/components/_components/select-view/select-view.js

@@ -1,18 +1,18 @@
-import { defineComponent as L, toRefs as B, ref as H, computed as i, watch as M, createVNode as o, Fragment as P } from "vue";
-import { isArray as q } from "../../../_utils/is.js";
-import O from "../feedback-icon/index.vue.js";
-import _ from "../input-label/input-label.js";
-import { InputTag as $ } from "../../form-input-tag/index.js";
-import G from "../icon-hover/index.vue.js";
-import J from "../../../icons/_self/down.js";
-import Q from "../../../icons/animation/animation-loading.js";
-import U from "../../../icons/default/close.js";
-import W from "../../../icons/_self/search.js";
-import { useFormItem as X, useFormItemControl as Y } from "../../../_hooks/use-form-item.js";
-import { useLocale as Z } from "../../../locale/index.js";
-import { useSize as ee } from "../../../_hooks/use-size.js";
-import { getClassNameMixin as le } from "../../../_utils/config.js";
-const he = /* @__PURE__ */ L({
+import { defineComponent as E, toRefs as H, ref as B, computed as i, createVNode as o, Fragment as M } from "vue";
+import { isArray as P } from "../../../_utils/is.js";
+import q from "../feedback-icon/index.vue.js";
+import O from "../input-label/input-label.js";
+import { InputTag as _ } from "../../form-input-tag/index.js";
+import $ from "../icon-hover/index.vue.js";
+import G from "../../../icons/_self/down.js";
+import J from "../../../icons/animation/animation-loading.js";
+import Q from "../../../icons/default/close.js";
+import U from "../../../icons/_self/search.js";
+import { useFormItem as W, useFormItemControl as X } from "../../../_hooks/use-form-item.js";
+import { useLocale as Y } from "../../../locale/index.js";
+import { useSize as Z } from "../../../_hooks/use-size.js";
+import { getClassNameMixin as ee } from "../../../_utils/config.js";
+const be = /* @__PURE__ */ E({
   name: "SelectView",
   props: {
     modelValue: {
@@ -58,7 +58,7 @@ const he = /* @__PURE__ */ L({
     },
     allowSearch: {
       type: Boolean,
-      default: (e) => q(e.modelValue)
+      default: (e) => P(e.modelValue)
     },
     maxTagCount: {
       type: Number,
@@ -90,118 +90,112 @@ const he = /* @__PURE__ */ L({
       size: S,
       disabled: x,
       error: F
-    } = B(e), u = le("select--view"), {
+    } = H(e), u = ee("select--view"), {
       formItemCtx: R,
       feedback: p,
       eventHandlers: c,
       mergedDisabled: g,
       mergedSize: z,
       mergedError: b
-    } = X({
+    } = W({
       size: S,
       disabled: x,
       error: F
-    }), h = Y(R, () => e.inputAttrs ?? {}), {
+    }), v = X(R, () => e.inputAttrs ?? {}), {
       t: A
-    } = Z(), {
-      mergedSize: v
-    } = ee(z), {
-      opened: N
-    } = B(e), m = H(), d = i(
+    } = Y(), {
+      mergedSize: h
+    } = Z(z), d = B(!1), f = B(), k = i(
       // @ts-ignore
       () => {
         var l;
-        return (l = m.value) == null ? void 0 : l.inputRef;
+        return (l = f.value) == null ? void 0 : l.inputRef;
       }
-    ), k = i(() => e.modelValue.length === 0), T = i(() => e.allowSearch || e.allowCreate), j = i(() => e.allowClear && !e.disabled && !k.value && e.modelValue.some((l) => l.closable !== !1)), f = (l) => {
+    ), N = i(() => e.modelValue.length === 0), T = i(() => e.allowSearch || e.allowCreate), j = i(() => e.allowClear && !e.disabled && !N.value && e.modelValue.some((l) => l.closable !== !1)), m = (l) => {
       var a, t;
-      r("focus", l), (t = (a = c.value) == null ? void 0 : a.onFocus) == null || t.call(a, l);
+      d.value = !0, r("focus", l), (t = (a = c.value) == null ? void 0 : a.onFocus) == null || t.call(a, l);
     }, s = (l) => {
       var a, t;
-      r("blur", l), (t = (a = c.value) == null ? void 0 : a.onBlur) == null || t.call(a, l);
+      d.value = !1, r("blur", l), (t = (a = c.value) == null ? void 0 : a.onBlur) == null || t.call(a, l);
     }, D = (l) => {
       r("remove", String(l));
-    }, E = (l) => {
+    }, K = (l) => {
       l.stopPropagation(), r("clear", l);
     }, w = (l, a) => {
       var t, I;
       r("inputValueChange", l, a), (I = (t = c.value) == null ? void 0 : t.onInput) == null || I.call(t, a);
     }, C = (l) => {
       r("keydown", l);
-    }, K = () => {
+    }, L = () => {
       var l, a;
-      return e.loading ? ((l = n["loading-icon"]) == null ? void 0 : l.call(n)) ?? o(Q, null, null) : e.allowSearch && e.opened ? ((a = n["search-icon"]) == null ? void 0 : a.call(n)) ?? o(W, null, null) : n["arrow-icon"] ? n["arrow-icon"]() : o(J, {
+      return e.loading ? ((l = n["loading-icon"]) == null ? void 0 : l.call(n)) ?? o(J, null, null) : e.allowSearch && e.opened ? ((a = n["search-icon"]) == null ? void 0 : a.call(n)) ?? o(U, null, null) : n["arrow-icon"] ? n["arrow-icon"]() : o(G, {
         class: u.element("arrow-icon")
       }, null);
-    }, V = () => o(P, null, [j.value && o(G, {
+    }, V = () => o(M, null, [j.value && o($, {
       as: "button",
       "aria-label": A("common.clearTarget", {
         target: "选择"
       }),
       class: u.element("clear-btn"),
-      onClick: E,
+      onClick: K,
       onMousedown: (l) => l.stopPropagation()
     }, {
-      default: () => [o(U, null, null)]
+      default: () => [o(Q, null, null)]
     }), o("span", {
       class: u.element("icon")
-    }, [K()]), !!p.value && o(O, {
+    }, [L()]), !!p.value && o(q, {
       type: p.value
-    }, null)]);
-    M(N, (l) => {
-      !l && d.value && d.value.isSameNode(document.activeElement) && d.value.blur();
-    });
-    const y = i(() => [u.modifier(`${e.multiple ? "multiple" : "single"}`), {
+    }, null)]), y = i(() => [u.modifier(`${e.multiple ? "multiple" : "single"}`), {
       [u.modifier("opened")]: e.opened,
       [u.modifier("borderless")]: !e.bordered
     }]);
     return {
-      inputRef: d,
-      handleFocus: f,
+      inputRef: k,
+      handleFocus: m,
       handleBlur: s,
-      render: () => e.multiple ? o($, {
-        ref: m,
+      render: () => e.multiple ? o(_, {
+        ref: f,
         baseCls: u.block,
         class: y.value,
         modelValue: e.modelValue,
         inputValue: e.inputValue,
-        focused: e.opened,
+        focused: e.opened || d.value,
         placeholder: e.placeholder,
         disabled: g.value,
-        size: v.value,
+        size: h.value,
         error: b.value,
         maxTagCount: e.maxTagCount,
         disabledInput: !e.allowSearch && !e.allowCreate,
         tagNowrap: e.tagNowrap,
         retainInputValue: !0,
-        inputAttrs: h.value,
+        inputAttrs: v.value,
         uninjectFormItemContext: !0,
         onRemove: D,
         onInputValueChange: w,
         onKeydown: C,
-        onFocus: f,
+        onFocus: m,
         onBlur: s
       }, {
         prefix: n.prefix,
         suffix: V,
         tag: n.label
-      }) : o(_, {
-        ref: m,
+      }) : o(O, {
+        ref: f,
         baseCls: u.block,
         class: y.value,
         modelValue: e.modelValue[0],
         inputValue: e.inputValue,
-        focused: e.opened,
+        focused: e.opened || d.value,
         placeholder: e.placeholder,
         disabled: g.value,
-        size: v.value,
+        size: h.value,
         error: b.value,
         enabledInput: T.value,
-        inputAttrs: h.value,
+        inputAttrs: v.value,
         uninjectFormItemContext: !0,
         onInputValueChange: w,
         onKeydown: C,
-        onFocus: f,
+        onFocus: m,
         onBlur: s
       }, {
         default: n.label,
@@ -223,5 +217,5 @@ const he = /* @__PURE__ */ L({
   }
 });
 export {
-  he as default
+  be as default
 };

package/dist/es/components/dialog/Dialog.js

@@ -1,89 +1,96 @@
-import { defineComponent as ie, computed as c, ref as v, reactive as se, onBeforeUnmount as ce, watch as V, createVNode as a, Teleport as re, withDirectives as de, mergeProps as ue, Transition as R, vShow as fe, nextTick as me } from "vue";
+import { defineComponent as ie, computed as r, ref as h, reactive as se, onBeforeUnmount as ce, watch as V, createVNode as c, Teleport as re, withDirectives as de, mergeProps as ue, Transition as p, vShow as fe, nextTick as me } from "vue";
 import { useLocale as be } from "../../locale/index.js";
-import { getComponentPrefix as ve, getClassNameMixin as j } from "../../_utils/config.js";
-import { addUnit as F } from "../../_utils/helpers.js";
-import { isFunction as ye, isPromise as ge } from "../../_utils/is.js";
-import he from "../../_hooks/use-popup-manager.js";
+import { getComponentPrefix as ve, getClassNameMixin as I } from "../../_utils/config.js";
+import { addUnit as R } from "../../_utils/helpers.js";
+import { isFunction as ye, isPromise as he } from "../../_utils/is.js";
+import ge from "../../_hooks/use-popup-manager.js";
 import { useOverflow as Ce } from "../../_hooks/use-overflow.js";
-import { KEYBOARD_KEY as I } from "../../_utils/keyboard.js";
+import { KEYBOARD_KEY as j } from "../../_utils/keyboard.js";
 import { getElement as xe, on as we, off as Ee } from "../../_utils/dom.js";
 import { dialogProps as ke } from "./props.js";
 const De = ["width", "minWidth", "height", "minHeight"];
 let Se = 0;
-const Be = ["a[href]", "button:not([disabled])", "textarea:not([disabled])", 'input:not([disabled]):not([type="hidden"])', "select:not([disabled])", '[tabindex]:not([tabindex="-1"])'].join(","), M = (t) => Array.from(t.querySelectorAll(Be)).filter((i) => {
-  if (i.matches(':disabled, input[type="hidden"]') || i.closest('[hidden], [inert], [aria-hidden="true"]'))
+const Be = ["a[href]", "button:not([disabled])", "textarea:not([disabled])", 'input:not([disabled]):not([type="hidden"])', "select:not([disabled])", "[tabindex]"].join(","), G = (t) => Array.from(t.querySelectorAll(Be)).filter((o) => {
+  if (
+    // Native control selectors also match negative tabindex; those are programmatic targets only.
+    o.tabIndex < 0 || o.matches(':disabled, input[type="hidden"]') || o.closest('[hidden], [inert], [aria-hidden="true"]')
+  )
     return !1;
-  for (let s = i; s; s = s.parentElement) {
-    const o = window.getComputedStyle(s);
-    if (o.display === "none" || o.visibility === "hidden" || o.visibility === "collapse")
+  for (let s = o; s; s = s.parentElement) {
+    if (s.matches("fieldset[disabled]") && o.matches("button, input, select, textarea")) {
+      const i = Array.from(s.children).find((g) => g.tagName === "LEGEND");
+      if (!(i != null && i.contains(o))) return !1;
+    }
+    const a = window.getComputedStyle(s);
+    if (a.display === "none" || a.visibility === "hidden" || a.visibility === "collapse")
       return !1;
   }
   return !0;
-}), Fe = /* @__PURE__ */ ie({
+}), Ie = /* @__PURE__ */ ie({
   name: ve("Dialog"),
   inheritAttrs: !1,
   props: ke,
   slots: Object,
   emits: ["closed", "close", "open", "opened", "update:modelValue"],
   setup(t, {
-    attrs: i,
+    attrs: o,
     emit: s,
-    slots: o
+    slots: a
   }) {
-    const r = j("dialog"), {
-      t: N
-    } = be(), z = r.block, f = j("message-box"), y = `x-dialog-title-${++Se}`, G = c(() => [z, t.messageBox && "is-message-box", t.messageBox && f.block, t.popupClass && t.popupClass, i.class]), H = c(() => {
+    const i = I("dialog"), {
+      t: g
+    } = be(), M = i.block, f = I("message-box"), C = `x-dialog-title-${++Se}`, z = r(() => [M, t.messageBox && "is-message-box", t.messageBox && f.block, t.popupClass && t.popupClass, o.class]), F = r(() => {
       const {
         class: e,
         style: n,
         id: l,
-        "aria-label": u,
-        "aria-labelledby": B,
-        "aria-describedby": T,
+        "aria-label": d,
+        "aria-labelledby": v,
+        "aria-describedby": y,
         ...ae
-      } = i;
+      } = o;
       return ae;
-    }), g = c(() => {
+    }), x = r(() => {
       if (!(typeof document > "u"))
         return xe(t.renderTo) || document.body;
-    }), h = v(), C = v(), p = c(() => t.disabled || !g.value), U = c(() => [{
+    }), w = h(), E = h(), H = r(() => t.disabled || !x.value), U = r(() => [{
       zIndex: $.value
-    }, i.style]), Y = c(() => {
+    }, o.style]), Y = r(() => {
       const e = {};
-      return t.fullscreen || (!t.center && t.top && (e.top = F(t.top)), De.forEach((n) => {
-        t[n] && (e[n] = F(t[n]));
+      return t.fullscreen || (!t.center && t.top && (e.top = R(t.top)), De.forEach((n) => {
+        t[n] && (e[n] = R(t[n]));
       })), e;
-    }), x = v(!1), d = c(() => t.modelValue), K = c(() => d.value || x.value), q = c(() => !t.destroyOnClosed || K.value), W = c(() => K.value), {
+    }), k = h(!1), u = r(() => t.modelValue), A = r(() => u.value || k.value), q = r(() => !t.destroyOnClosed || A.value), W = r(() => A.value), {
       zIndex: $,
-      isLastDialog: w,
+      isLastDialog: D,
       close: J
-    } = he("dialog", {
-      visible: d
+    } = ge("dialog", {
+      visible: u
     }), {
       setOverflowHidden: Q,
-      resetOverflow: A
-    } = Ce(g, h), O = (e, n) => {
+      resetOverflow: L
+    } = Ce(x, w), O = (e, n) => {
       s("update:modelValue", !1), s("close", e, n);
-    }, E = v(null);
-    let k = !1;
-    const L = () => {
-      var l, u;
-      const e = E.value;
-      if (E.value = null, !(e != null && e.isConnected) || typeof document > "u" || d.value && !w()) return;
+    }, S = h(null);
+    let B = !1;
+    const P = () => {
+      var l, d;
+      const e = S.value;
+      if (S.value = null, !(e != null && e.isConnected) || typeof document > "u" || u.value && !D()) return;
       const n = document.activeElement;
-      n != null && n.isConnected && n !== document.body && n !== document.documentElement && n !== e && !((l = h.value) != null && l.contains(n)) || (u = e.focus) == null || u.call(e, {
+      n != null && n.isConnected && n !== document.body && n !== document.documentElement && n !== e && !((l = w.value) != null && l.contains(n)) || (d = e.focus) == null || d.call(e, {
         preventScroll: !0
       });
     }, X = () => {
       typeof document > "u" || me(() => {
-        const e = C.value;
-        if (!e || !d.value || k || !w()) return;
-        (M(e)[0] || e).focus({
+        const e = E.value;
+        if (!e || !u.value || B || !D()) return;
+        (G(e)[0] || e).focus({
           preventScroll: !0
         });
       });
     }, Z = () => {
-      k || (x.value = !1, A(), L(), s("closed"));
+      B || (k.value = !1, L(), P(), s("closed"));
     }, ee = () => {
       s("opened"), X();
     }, m = se({
@@ -97,9 +104,9 @@ const Be = ["a[href]", "button:not([disabled])", "textarea:not([disabled])", 'in
         } catch {
           l = !1;
         }
-      if (ge(l)) {
-        l.then((u) => {
-          u && O(e, n);
+      if (he(l)) {
+        l.then((d) => {
+          d && O(e, n);
         }).catch(() => !1).finally(() => {
           m[e] = !1;
         });
@@ -113,98 +120,100 @@ const Be = ["a[href]", "button:not([disabled])", "textarea:not([disabled])", 'in
     }, le = (e) => {
       b("ok", e);
     };
-    let D = !1;
-    const P = (e) => {
-      t.escToClose && e.key === I.ESC && w() && b("cancel", e);
-    }, _ = () => {
-      typeof document > "u" || t.escToClose && !D && (D = !0, we(document.documentElement, "keydown", P));
-    }, S = () => {
-      typeof document > "u" || (D = !1, Ee(document.documentElement, "keydown", P));
+    let T = !1;
+    const _ = (e) => {
+      t.escToClose && e.key === j.ESC && D() && b("cancel", e);
+    }, N = () => {
+      typeof document > "u" || t.escToClose && !T && (T = !0, we(document.documentElement, "keydown", _));
+    }, K = () => {
+      typeof document > "u" || (T = !1, Ee(document.documentElement, "keydown", _));
     }, oe = (e) => {
-      if (e.key !== I.TAB) return;
-      const n = C.value;
+      if (e.key !== j.TAB) return;
+      const n = E.value;
       if (!n) return;
-      const l = M(n);
+      const l = G(n);
       if (!l.length) {
         e.preventDefault(), n.focus({
           preventScroll: !0
         });
         return;
       }
-      const u = l[0], B = l[l.length - 1], T = document.activeElement;
-      e.shiftKey && T === u ? (e.preventDefault(), B.focus({
+      const d = l[0], v = l[l.length - 1], y = document.activeElement;
+      l.includes(y) ? e.shiftKey && y === d ? (e.preventDefault(), v.focus({
         preventScroll: !0
-      })) : !e.shiftKey && T === B && (e.preventDefault(), u.focus({
+      })) : !e.shiftKey && y === v && (e.preventDefault(), d.focus({
+        preventScroll: !0
+      })) : (e.preventDefault(), (e.shiftKey ? v : d).focus({
         preventScroll: !0
       }));
     };
     return ce(() => {
-      k = !0, L(), J(), A(), S();
-    }), V(() => d.value, (e) => {
-      e ? (E.value = typeof document > "u" ? null : document.activeElement, s("open"), Q(), x.value = !0, _()) : S();
+      B = !0, P(), J(), L(), K();
+    }), V(() => u.value, (e) => {
+      e ? (S.value = typeof document > "u" ? null : document.activeElement, s("open"), Q(), k.value = !0, N()) : K();
     }, {
       immediate: !0
     }), V(() => t.escToClose, (e) => {
-      d.value && (e ? _() : S());
-    }), () => a(re, {
-      to: g.value,
-      disabled: p.value
+      u.value && (e ? N() : K());
+    }), () => c(re, {
+      to: x.value,
+      disabled: H.value
     }, {
-      default: () => [q.value && de(a("div", ue({
-        ref: h,
-        class: G.value,
+      default: () => [q.value && de(c("div", ue({
+        ref: w,
+        class: z.value,
         style: U.value,
-        id: i.id
-      }, H.value), [a(R, {
+        id: o.id
+      }, F.value), [c(p, {
         name: "x-fade-in-standard",
         appear: !0
       }, {
-        default: () => [t.mask && d.value && a("div", {
-          class: r.element("mask")
+        default: () => [t.mask && u.value && c("div", {
+          class: i.element("mask")
         }, null)]
-      }), a("div", {
-        class: [r.element("wrapper"), {
+      }), c("div", {
+        class: [i.element("wrapper"), {
           "is-center": t.center
         }],
         onClick: (e) => e.target === e.currentTarget && te()
-      }, [a(R, {
+      }, [c(p, {
         name: "x-zoom-in",
         appear: !0,
         onAfterEnter: ee,
         onAfterLeave: Z
       }, {
-        default: () => [d.value && a("div", {
-          ref: C,
-          class: [r.element("container"), {
+        default: () => [u.value && c("div", {
+          ref: E,
+          class: [i.element("container"), {
             "is-fullscreen": t.fullscreen
           }],
           style: Y.value,
           role: "dialog",
           "aria-modal": t.mask ? "true" : void 0,
-          "aria-label": t.title || o.title ? void 0 : i["aria-label"],
-          "aria-labelledby": t.title || o.title ? y : i["aria-labelledby"],
-          "aria-describedby": i["aria-describedby"],
+          "aria-label": t.title || a.title ? void 0 : o["aria-label"],
+          "aria-labelledby": t.title || a.title ? C : o["aria-labelledby"],
+          "aria-describedby": o["aria-describedby"],
           tabindex: -1,
           onKeydown: oe
-        }, [a("div", {
-          class: [t.messageBox ? f.element("header") : r.element("header"), t.showHeaderBottomLine && "is-bottom-line"],
-          id: o.title ? y : void 0
-        }, [o.title ? o.title() : a("div", {
-          id: t.title ? y : void 0,
-          class: [r.element("header-title")]
-        }, [t.title])]), a("div", {
-          class: [t.messageBox ? f.element("body") : r.element("body")]
-        }, [o.default && o.default()]), !t.hideFooter && o.footer && a("div", {
-          class: [t.messageBox ? f.element("footer") : r.element("footer")]
-        }, [o.footer({
+        }, [c("div", {
+          class: [t.messageBox ? f.element("header") : i.element("header"), t.showHeaderBottomLine && "is-bottom-line"],
+          id: a.title ? C : void 0
+        }, [a.title ? a.title() : c("div", {
+          id: t.title ? C : void 0,
+          class: [i.element("header-title")]
+        }, [t.title])]), c("div", {
+          class: [t.messageBox ? f.element("body") : i.element("body")]
+        }, [a.default && a.default()]), !t.hideFooter && a.footer && c("div", {
+          class: [t.messageBox ? f.element("footer") : i.element("footer")]
+        }, [a.footer({
           cancel: ne,
           ok: le,
           loadingObj: m,
           "loading-obj": m
-        })]), t.showClose && a("button", {
+        })]), t.showClose && c("button", {
           type: "button",
-          class: [r.element("close-icon"), t.messageBox && f.element("close-icon")],
-          "aria-label": N("common.closeTarget", {
+          class: [i.element("close-icon"), t.messageBox && f.element("close-icon")],
+          "aria-label": g("common.closeTarget", {
             target: "对话框"
           }),
           onClick: (e) => b("cancel", e)
@@ -214,5 +223,5 @@ const Be = ["a[href]", "button:not([disabled])", "textarea:not([disabled])", 'in
   }
 });
 export {
-  Fe as default
+  Ie as default
 };