x-next 1.18.0 → 1.18.1

package/dist/es/components/date-picker/index.js

@@ -1,57 +1,78 @@
 import n from "./DatePicker.vue.js";
-import { defineComponent as c, h as k } from "vue";
-import { generateComponent as e } from "../../_utils/vue-eco.js";
-import { getComponentPrefix as r } from "../../_utils/config.js";
-import { getRangePickerType as s } from "./utils.js";
-import { inheritComponentType as P } from "../../_utils/inherit-component-type.js";
-const R = e(r("DatePicker"), n), i = (t, o) => P(c({
-  name: t,
+import { defineComponent as k, h as s } from "vue";
+import { generateComponent as t } from "../../_utils/vue-eco.js";
+import { getComponentPrefix as i } from "../../_utils/config.js";
+import { getRangePickerType as f } from "./utils.js";
+import { inheritComponentType as a } from "../../_utils/inherit-component-type.js";
+const R = t(i("DatePicker"), n), o = (e, c) => a(k({
+  name: e,
   inheritAttrs: !1,
-  setup(a, { attrs: m, slots: p }) {
-    return () => k(n, { ...m, type: o }, p);
+  methods: {
+    focus() {
+      var r;
+      (r = this.$refs.picker) == null || r.focus();
+    },
+    blur() {
+      var r;
+      (r = this.$refs.picker) == null || r.blur();
+    }
+  },
+  setup(r, { attrs: p, slots: m }) {
+    return () => s(n, { ...p, type: c, ref: "picker" }, m);
   }
-})), C = e(
-  r("MonthPicker"),
-  i("MonthPicker", "month")
-), D = e(
-  r("YearPicker"),
-  i("YearPicker", "year")
-), M = e(
-  r("QuarterPicker"),
-  i("QuarterPicker", "quarter")
-), Q = e(
-  r("WeekPicker"),
-  i("WeekPicker", "week")
-), f = c({
+})), b = t(
+  i("MonthPicker"),
+  o("MonthPicker", "month")
+), C = t(
+  i("YearPicker"),
+  o("YearPicker", "year")
+), $ = t(
+  i("QuarterPicker"),
+  o("QuarterPicker", "quarter")
+), D = t(
+  i("WeekPicker"),
+  o("WeekPicker", "week")
+), P = k({
   name: "RangePicker",
   inheritAttrs: !1,
   props: {
     mode: {
       type: String,
       default: "date",
-      validator: (t) => ["date", "month", "year", "quarter", "week"].includes(t)
+      validator: (e) => ["date", "month", "year", "quarter", "week"].includes(e)
+    }
+  },
+  methods: {
+    focus() {
+      var e;
+      (e = this.$refs.picker) == null || e.focus();
+    },
+    blur() {
+      var e;
+      (e = this.$refs.picker) == null || e.blur();
     }
   },
-  setup(t, { attrs: o, slots: a }) {
-    return () => k(
+  setup(e, { attrs: c, slots: r }) {
+    return () => s(
       n,
       {
-        ...o,
-        type: s(t.mode)
+        ...c,
+        ref: "picker",
+        type: f(e.mode)
       },
-      a
+      r
     );
   }
-}), T = e(
-  r("RangePicker"),
-  P(f)
+}), M = t(
+  i("RangePicker"),
+  a(P)
 );
 export {
   R as DatePicker,
-  C as MonthPicker,
-  M as QuarterPicker,
-  T as RangePicker,
-  Q as WeekPicker,
-  D as YearPicker,
+  b as MonthPicker,
+  $ as QuarterPicker,
+  M as RangePicker,
+  D as WeekPicker,
+  C as YearPicker,
   R as default
 };

package/dist/es/components/date-picker/utils.js

@@ -1,9 +1,9 @@
-import { dayjs as q, getDayjsValue as G } from "../../_utils/date.js";
-import { isArray as S } from "../../_utils/is.js";
-import { formatMessage as I } from "../../locale/index.js";
-import { getLunarInfo as J } from "./lunar/index.js";
-import b from "../../locale/zh-CN.js";
-const K = {
+import { dayjs as C, getDayjsValue as K } from "../../_utils/date.js";
+import { isArray as p } from "../../_utils/is.js";
+import { formatMessage as U } from "../../locale/index.js";
+import { getLunarInfo as X } from "./lunar/index.js";
+import B from "../../locale/zh-CN.js";
+const Z = {
   date: "date",
   month: "month",
   year: "year",
@@ -14,110 +14,113 @@ const K = {
   "year-range": "year",
   "quarter-range": "quarter",
   "week-range": "week"
-}, X = /* @__PURE__ */ new Set([
+}, W = /* @__PURE__ */ new Set([
   "date-range",
   "month-range",
   "year-range",
   "quarter-range",
   "week-range"
-]), Z = {
+]), v = {
   date: "date-range",
   month: "month-range",
   year: "year-range",
   quarter: "quarter-range",
   week: "week-range"
-}, x = {
+}, F = {
   date: "YYYY-MM-DD",
   month: "YYYY-MM",
   year: "YYYY",
   quarter: "YYYY-[Q]Q",
   week: "YYYY-wo"
-}, ce = (e) => K[e] ?? "date", ue = (e) => X.has(e), ge = (e, t = !1) => e === "date" && t ? "YYYY-MM-DD HH:mm:ss" : x[e], we = (e = "date") => Z[e] ?? "date-range", O = (e) => e === "quarter" ? "quarter" : e === "week" ? "week" : e, C = (e, t) => {
-  var n, i;
+}, ge = (e) => Z[e] ?? "date", de = (e) => W.has(e), we = (e, t = !1) => e === "date" && t ? "YYYY-MM-DD HH:mm:ss" : F[e], Ye = (e = "date") => v[e] ?? "date-range", z = (e) => e === "quarter" ? "quarter" : e === "week" ? "week" : e, H = (e, t, r = 0) => {
+  var a, f;
   if (e == null || e === "") return;
-  if (typeof e == "string" && T(t)) {
-    const s = U(e);
-    return (n = s == null ? void 0 : s.isValid) != null && n.call(s) ? s : void 0;
+  if (typeof e == "string" && _(t)) {
+    const u = G(e, r);
+    return (a = u == null ? void 0 : u.isValid) != null && a.call(u) ? u : void 0;
   }
-  const r = G(e, t);
-  return (i = r == null ? void 0 : r.isValid) != null && i.call(r) ? r : void 0;
-}, v = (e, t, r) => {
+  const n = K(e, t);
+  return (f = n == null ? void 0 : n.isValid) != null && f.call(n) ? n : void 0;
+}, ee = (e, t, r, n = 0) => {
   if (r) {
-    const n = S(e) ? e : [];
-    return [C(n[0], t), C(n[1], t)];
+    const a = p(e) ? e : [];
+    return [
+      H(a[0], t, n),
+      H(a[1], t, n)
+    ];
   }
-  return S(e) ? void 0 : C(e, t);
-}, E = (e, t, r) => {
+  return p(e) ? void 0 : H(e, t, n);
+}, O = (e, t, r) => {
   if (e)
-    return r === "timestamp" ? e.valueOf() : r === "Date" ? e.toDate() : T(r || t) ? ne(e, r || t) : e.format(r || t);
-}, ke = (e, t, r) => S(e) ? e.map((n) => E(n, t, r)) : E(e, t, r), de = (e) => S(e) ? e.map((t) => t == null ? void 0 : t.toDate()) : e == null ? void 0 : e.toDate(), Ye = (e, t, r, n = !1) => {
-  const i = O(r), s = (c, k) => !c && !k ? !0 : !c || !k ? !1 : n ? c.valueOf() === k.valueOf() : c.isSame(k, i);
-  return S(e) && S(t) ? s(e[0], t[0]) && s(e[1], t[1]) : !S(e) && !S(t) ? s(e, t) : !1;
-}, H = (e) => {
+    return r === "timestamp" ? e.valueOf() : r === "Date" ? e.toDate() : _(r || t) ? oe(e, r || t) : e.format(r || t);
+}, me = (e, t, r) => p(e) ? e.map((n) => O(n, t, r)) : O(e, t, r), ke = (e) => p(e) ? e.map((t) => t == null ? void 0 : t.toDate()) : e == null ? void 0 : e.toDate(), le = (e, t, r, n = !1) => {
+  const a = z(r), f = (u, m) => !u && !m ? !0 : !u || !m ? !1 : n ? u.valueOf() === m.valueOf() : u.isSame(m, a);
+  return p(e) && p(t) ? f(e[0], t[0]) && f(e[1], t[1]) : !p(e) && !p(t) ? f(e, t) : !1;
+}, te = (e) => {
   const [t, r] = e;
   return t && r && t.isAfter(r) ? [r, t] : [t, r];
-}, j = (e, t, r = 0) => {
+}, A = (e, t, r = 0) => {
   if (t === "week") {
-    const i = (e.day() - r + 7) % 7;
-    return e.subtract(i, "day");
+    const a = (e.day() - r + 7) % 7;
+    return e.subtract(a, "day").startOf("day");
   }
-  const n = O(t);
+  const n = z(t);
   return e.startOf(n);
-}, ye = (e, t, r) => {
-  const n = typeof e.value == "function" ? e.value() : e.value, i = e.format || t;
-  return v(n, i, r);
-}, me = (e, t) => {
+}, ye = (e, t, r, n = 0) => {
+  const a = typeof e.value == "function" ? e.value() : e.value, f = e.format || t;
+  return ee(a, f, r, n);
+}, he = (e, t) => {
   if (t === "year") {
     const r = Math.floor(e.year() / 12) * 12;
     return `${r} - ${r + 11}`;
   }
   return t === "date" || t === "week" ? e.format("YYYY-MM") : e.format("YYYY");
-}, D = (e, t = b.datePicker) => I(t.weekLabel, { week: e.week() }), ee = (e, t, r = b.datePicker) => t === "quarter" ? e.format("YYYY [Q]Q") : t === "week" ? `${e.format("YYYY-MM-DD")} ${D(e, r)}` : e.format(x[t]), le = ({
+}, Q = (e, t = B.datePicker) => U(t.weekLabel, { week: e.week() }), re = (e, t, r = B.datePicker) => t === "quarter" ? e.format("YYYY [Q]Q") : t === "week" ? `${e.format("YYYY-MM-DD")} ${Q(e, r)}` : e.format(F[t]), Me = ({
   mode: e,
   viewDate: t,
   selectedValue: r,
   rangeValue: n,
-  previewRangeValue: i,
-  dayStartOfWeek: s,
-  hideNotInViewDates: c,
-  disabledDate: k,
-  showLunar: W,
-  locale: P = b.datePicker
+  previewRangeValue: a,
+  dayStartOfWeek: f,
+  hideNotInViewDates: u,
+  disabledDate: m,
+  showLunar: s,
+  locale: d = B.datePicker
 }) => {
-  const f = O(e), $ = q(), [d, Y] = H(n ?? []), [y, m] = H(i ?? []), B = (g, w = !0) => {
-    const u = j(g, e), V = !w, o = w, h = o && !!(r != null && r.isSame(u, f)), M = o && !!(d != null && d.isSame(u, f)), a = o && !!(Y != null && Y.isSame(u, f)), l = !!(o && d && Y && u.isAfter(d, f) && u.isBefore(Y, f)), R = o && !!(y != null && y.isSame(u, f)), p = o && !!(m != null && m.isSame(u, f)), L = !!(o && y && m && u.isAfter(y, f) && u.isBefore(m, f));
+  const i = z(e), P = C(), k = r && A(r, e, f), N = (w) => te(w).map((g) => g && A(g, e, f)), [l, y] = N(n ?? []), [h, M] = N(a ?? []), b = (w, g = !0) => {
+    const Y = A(w, e, f), L = !g, c = g, D = c && !!(k != null && k.isSame(Y, i)), R = c && !!(l != null && l.isSame(Y, i)), o = c && !!(y != null && y.isSame(Y, i)), S = !!(c && l && y && Y.isAfter(l, i) && Y.isBefore(y, i)), V = c && !!(h != null && h.isSame(Y, i)), q = c && !!(M != null && M.isSame(Y, i)), T = !!(c && h && M && Y.isAfter(h, i) && Y.isBefore(M, i));
     return {
-      value: g,
-      label: te(g, e, P),
-      title: ee(g, e, P),
-      inView: c ? w : !0,
-      outView: V,
-      selected: h,
-      rangeStart: M,
-      rangeEnd: a,
-      inRange: l,
-      previewRangeStart: R,
-      previewRangeEnd: p,
-      inPreviewRange: L,
-      today: $.isSame(u, f),
-      disabled: !!(k != null && k(u.toDate())),
-      lunar: e === "date" ? J(g, W) : void 0
+      value: w,
+      label: ne(w, e, d),
+      title: re(w, e, d),
+      inView: u ? g : !0,
+      outView: L,
+      selected: D,
+      rangeStart: R,
+      rangeEnd: o,
+      inRange: S,
+      previewRangeStart: V,
+      previewRangeEnd: q,
+      inPreviewRange: T,
+      today: P.isSame(Y, i),
+      disabled: !!(m != null && m(Y.toDate())),
+      lunar: e === "date" ? X(w, s) : void 0
     };
   };
   if (e === "date" || e === "week") {
-    const g = t.startOf("month"), w = (g.day() - s + 7) % 7, u = g.subtract(w, "day"), V = Array.from({ length: 42 }, (o, h) => {
-      const M = u.add(h, "day"), a = B(M, M.month() === t.month());
+    const w = t.startOf("month"), g = (w.day() - f + 7) % 7, Y = w.subtract(g, "day"), L = Array.from({ length: 42 }, (c, D) => {
+      const R = Y.add(D, "day"), o = b(R, R.month() === t.month());
       if (e === "week") {
-        const l = h % 7 === 0, R = j(M, e, s), p = a.inView, L = p && !!(r != null && r.isSame(R, f)), Q = p && !!(d != null && d.isSame(R, f)), _ = p && !!(Y != null && Y.isSame(R, f)), z = p && !!(y != null && y.isSame(R, f)), N = p && !!(m != null && m.isSame(R, f)), A = L || Q || _;
-        a.selected = A, a.rangeStart = Q && l, a.rangeEnd = _ && l, a.previewRangeStart = z && l, a.previewRangeEnd = N && l, a.inRange = A || a.inRange, a.inPreviewRange = z || N || a.inPreviewRange, a.today = $.isSame(M, "day"), a.weekStart = l, a.weekEnd = h % 7 === 6, a.weekSelected = A, a.weekLabel = l ? D(M, P) : void 0;
+        const S = D % 7 === 0, V = A(R, e, f), q = o.inView, T = q && !!(k != null && k.isSame(V, i)), E = q && !!(l != null && l.isSame(V, i)), j = q && !!(y != null && y.isSame(V, i)), x = q && !!(h != null && h.isSame(V, i)), I = q && !!(M != null && M.isSame(V, i)), $ = T || E || j;
+        o.selected = $, o.rangeStart = E && S, o.rangeEnd = j && S, o.previewRangeStart = x && S, o.previewRangeEnd = I && S, o.inRange = $ || o.inRange, o.inPreviewRange = x || I || o.inPreviewRange, o.today = P.isSame(R, "day"), o.weekStart = S, o.weekEnd = D % 7 === 6, o.weekSelected = $, o.weekLabel = S ? Q(R, d) : void 0;
       }
-      return a;
+      return o;
     });
-    return e === "week" ? V.flatMap((o, h) => h % 7 !== 0 ? [o] : [
+    return e === "week" ? L.flatMap((c, D) => D % 7 !== 0 ? [c] : [
       {
-        ...o,
-        label: o.weekLabel || D(o.value, P),
-        title: o.weekLabel || D(o.value, P),
+        ...c,
+        label: c.weekLabel || Q(c.value, d),
+        title: c.weekLabel || Q(c.value, d),
         isWeekLabel: !0,
         selected: !1,
         rangeStart: !1,
@@ -126,75 +129,82 @@ const K = {
         previewRangeEnd: !1,
         today: !1,
         disabled: !0,
-        weekSelected: o.weekSelected
+        weekSelected: c.weekSelected
       },
-      o
-    ]) : V;
+      c
+    ]) : L;
   }
   if (e === "month")
-    return Array.from({ length: 12 }, (g, w) => B(t.month(w), !0));
+    return Array.from({ length: 12 }, (w, g) => b(t.month(g), !0));
   if (e === "quarter")
-    return Array.from({ length: 4 }, (g, w) => B(t.quarter(w + 1), !0));
-  const F = Math.floor(t.year() / 12) * 12;
-  return Array.from({ length: 12 }, (g, w) => B(t.year(F + w), !0));
-}, te = (e, t, r = b.datePicker) => t === "date" || t === "week" ? String(e.date()) : t === "month" ? I(r.monthLabel, {
+    return Array.from({ length: 4 }, (w, g) => b(t.quarter(g + 1), !0));
+  const J = Math.floor(t.year() / 12) * 12;
+  return Array.from({ length: 12 }, (w, g) => b(t.year(J + g), !0));
+}, ne = (e, t, r = B.datePicker) => t === "date" || t === "week" ? String(e.date()) : t === "month" ? U(r.monthLabel, {
   month: e.format("M"),
   monthName: e.format("MMM")
-}) : t === "quarter" ? `Q${e.quarter()}` : e.format("YYYY"), re = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], Se = (e, t = b.datePicker) => {
-  const r = re.map((n) => t.weekdays[n]);
-  return Array.from({ length: 7 }, (n, i) => r[(i + e) % 7]);
-}, he = (e, t, r, n = !1) => t === "date" || t === "week" ? e.add(r, n ? "year" : "month") : t === "month" || t === "quarter" ? e.add(r, "year") : e.add(r * 12, "year"), Me = (e, t, r = 1) => {
-  const n = e || q();
+}) : t === "quarter" ? `Q${e.quarter()}` : e.format("YYYY"), ae = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], Se = (e, t = B.datePicker) => {
+  const r = ae.map((n) => t.weekdays[n]);
+  return Array.from({ length: 7 }, (n, a) => r[(a + e) % 7]);
+}, pe = (e, t, r, n = !1) => t === "date" || t === "week" ? e.add(r, n ? "year" : "month") : t === "month" || t === "quarter" ? e.add(r, "year") : e.add(r * 12, "year"), De = (e, t, r = 1) => {
+  const n = e || C();
   return t === "date" || t === "week" ? n.add(r, "month") : t === "month" || t === "quarter" ? n.add(r, "year") : n.add(r * 12, "year");
-}, Re = (e, t) => {
-  var s;
+}, Re = (e, t, r = 0) => {
+  var u, m;
   if (!e) return;
-  if (T(t)) {
-    const c = U(e);
-    return (s = c == null ? void 0 : c.isValid) != null && s.call(c) ? c : void 0;
+  if (_(t)) {
+    const s = G(e, r);
+    return (u = s == null ? void 0 : s.isValid) != null && u.call(s) ? s : void 0;
   }
-  const r = q(e, t, !0);
-  if (r.isValid()) return r;
-  const n = q(e, t);
-  if (n.isValid()) return n;
-  const i = q(e);
-  return i.isValid() ? i : void 0;
-}, T = (e) => /w|W/.test(e), U = (e) => {
-  const t = /^(\d{4})\D+(\d{1,2})(?:st|nd|rd|th|周)?$/i.exec(e.trim());
-  if (!t) return;
-  const r = Number(t[1]), n = Number(t[2]);
-  if (!(n < 1 || n > 53))
-    return q().year(r).week(n).startOf("week");
-}, ne = (e, t) => {
+  const n = e.trim();
+  if ((m = t.match(/\[[^\]]*]|Q/g)) != null && m.includes("Q")) {
+    const s = H(n, t);
+    return (s == null ? void 0 : s.format(t)) === n ? s : void 0;
+  }
+  const f = (t.match(/\[[^\]]*]|MMMM|MMM|DDDD|DDD|MM|DD|HH|hh|mm|ss|./g) ?? []).reduce((s, d) => {
+    const i = ["MM", "DD", "HH", "hh", "mm", "ss"].includes(d) ? [d, d[0]] : [d];
+    return s.flatMap((P) => i.map((k) => P + k));
+  }, [""]);
+  for (const s of f) {
+    const d = C(n, s, !0);
+    if (d.isValid()) return d;
+  }
+}, _ = (e) => /w|W/.test(e), G = (e, t = 0) => {
+  const r = /^(\d{4})\D+(\d{1,2})(?:st|nd|rd|th|周)?$/i.exec(e.trim());
+  if (!r) return;
+  const n = Number(r[1]), a = Number(r[2]);
+  if (!(a < 1 || a > 53))
+    return C().year(n).week(a).startOf("week").add(t, "day");
+}, oe = (e, t) => {
   const r = e.format("wo");
   return t.includes("gggg") ? t.replace("gggg", String(e.weekYear())).replace("wo", r).replace("w", String(e.week())) : t.replace("YYYY", String(e.weekYear())).replace("wo", r).replace("w", String(e.week()));
 };
 export {
-  le as createDateCells,
-  x as defaultFormatMap,
-  E as formatDateValue,
-  ke as formatPanelValue,
-  te as getCellLabel,
-  ee as getCellTitle,
-  ce as getDatePickerMode,
-  de as getDateValueFromPanel,
-  ge as getDefaultFormat,
-  me as getHeaderLabel,
-  O as getModeUnit,
-  we as getRangePickerType,
-  Me as getRangeViewDate,
+  Me as createDateCells,
+  F as defaultFormatMap,
+  O as formatDateValue,
+  me as formatPanelValue,
+  ne as getCellLabel,
+  re as getCellTitle,
+  ge as getDatePickerMode,
+  ke as getDateValueFromPanel,
+  we as getDefaultFormat,
+  he as getHeaderLabel,
+  z as getModeUnit,
+  Ye as getRangePickerType,
+  De as getRangeViewDate,
   ye as getShortcutValue,
-  H as getSortedRange,
-  D as getWeekLabel,
+  te as getSortedRange,
+  Q as getWeekLabel,
   Se as getWeekdayLabels,
-  ue as isRangeType,
-  Ye as isSameDateValue,
-  K as modeMap,
-  he as moveViewDate,
-  j as normalizePanelValue,
-  v as parseDateModelValue,
-  C as parseDateValue,
+  de as isRangeType,
+  le as isSameDateValue,
+  Z as modeMap,
+  pe as moveViewDate,
+  A as normalizePanelValue,
+  ee as parseDateModelValue,
+  H as parseDateValue,
   Re as parseInputValue,
-  Z as rangeTypeMap,
-  X as rangeTypes
+  v as rangeTypeMap,
+  W as rangeTypes
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as oe, computed as s, ref as C, onBeforeUnmount as le, watch as P, createVNode as l, Teleport as ne, withDirectives as ae, mergeProps as ie, Transition as L, vShow as se } from "vue";
+import { defineComponent as oe, computed as s, ref as C, onBeforeUnmount as le, watch as P, createVNode as o, Teleport as ne, withDirectives as ae, mergeProps as ie, Transition as L, vShow as se } from "vue";
 import { useLocale as de } from "../../locale/index.js";
 import { getComponentPrefix as re, getClassNameMixin as S } from "../../_utils/config.js";
 import { addUnit as _ } from "../../_utils/helpers.js";
@@ -10,13 +10,14 @@ import { useDialogFocus as be } from "../../_hooks/use-dialog-focus.js";
 import { usePopupTheme as ge } from "../../_hooks/use-popup-theme.js";
 import { KEYBOARD_KEY as ve } from "../../_utils/keyboard.js";
 import { getElement as ye, on as he, off as Ce } from "../../_utils/dom.js";
-import { dialogProps as we } from "./props.js";
-const xe = ["width", "minWidth", "height", "minHeight"];
-let ke = 0;
-const Ie = /* @__PURE__ */ oe({
+import we from "../../icons/default/close.js";
+import { dialogProps as xe } from "./props.js";
+const ke = ["width", "minWidth", "height", "minHeight"];
+let Te = 0;
+const Me = /* @__PURE__ */ oe({
   name: re("Dialog"),
   inheritAttrs: !1,
-  props: we,
+  props: xe,
   slots: Object,
   emits: ["closed", "close", "open", "opened", "update:modelValue"],
   setup(e, {
@@ -27,28 +28,28 @@ const Ie = /* @__PURE__ */ oe({
     const i = S("dialog"), {
       t: V
     } = de(), A = i.block, {
-      popupThemeStyle: N,
-      popupThemeName: R
-    } = ge(), c = S("message-box"), m = `x-dialog-title-${++ke}`, j = () => [A, e.messageBox && "is-message-box", e.messageBox && c.block, e.popupClass && e.popupClass, d.class], F = () => {
+      popupThemeStyle: I,
+      popupThemeName: N
+    } = ge(), c = S("message-box"), m = `x-dialog-title-${++Te}`, R = () => [A, e.messageBox && "is-message-box", e.messageBox && c.block, e.popupClass && e.popupClass, d.class], j = () => {
       const {
         class: t,
-        style: o,
+        style: l,
         id: O,
-        "aria-label": Te,
-        "aria-labelledby": Be,
-        "aria-describedby": De,
+        "aria-label": Be,
+        "aria-labelledby": De,
+        "aria-describedby": Ee,
         ...te
       } = d;
       return te;
     }, f = s(() => {
       if (!(typeof document > "u"))
         return ye(e.renderTo) || document.body;
-    }), b = C(), w = C(), I = s(() => e.disabled || !f.value), M = s(() => [N.value, {
+    }), b = C(), w = C(), z = s(() => e.disabled || !f.value), F = s(() => [I.value, {
       zIndex: U.value
-    }, d.style]), z = s(() => {
+    }, d.style]), M = s(() => {
       const t = {};
-      return e.fullscreen || (!e.center && e.top && (t.top = _(e.top)), xe.forEach((o) => {
-        e[o] && (t[o] = _(e[o]));
+      return e.fullscreen || (!e.center && e.top && (t.top = _(e.top)), ke.forEach((l) => {
+        e[l] && (t[l] = _(e[l]));
       })), t;
     }), g = C(!1), n = s(() => e.modelValue), x = s(() => n.value || g.value), G = s(() => !e.destroyOnClosed || x.value), H = s(() => x.value), {
       zIndex: U,
@@ -59,8 +60,8 @@ const Ie = /* @__PURE__ */ oe({
     }), {
       setOverflowHidden: q,
       resetOverflow: T
-    } = me(f, b), W = (t, o) => {
-      r("update:modelValue", !1), r("close", t, o);
+    } = me(f, b), W = (t, l) => {
+      r("update:modelValue", !1), r("close", t, l);
     };
     let v = !1;
     const {
@@ -76,8 +77,8 @@ const Ie = /* @__PURE__ */ oe({
       requestClose: u
     } = fe(n, (t) => {
       if (!ce(e.onBeforeCancel)) return !0;
-      const o = e.onBeforeCancel(t);
-      return o && typeof o == "object" && "then" in o ? Promise.resolve(o).then((O) => !!O) : !!o;
+      const l = e.onBeforeCancel(t);
+      return l && typeof l == "object" && "then" in l ? Promise.resolve(l).then((O) => !!O) : !!l;
     }, W), Z = () => {
       e.maskToClose && e.mask && u("cancel");
     }, p = (t) => {
@@ -101,40 +102,40 @@ const Ie = /* @__PURE__ */ oe({
       immediate: !0
     }), P(() => e.escToClose, (t) => {
       n.value && (t ? K() : h());
-    }), () => l(ne, {
+    }), () => o(ne, {
       to: f.value,
-      disabled: I.value
+      disabled: z.value
     }, {
-      default: () => [G.value && ae(l("div", ie({
+      default: () => [G.value && ae(o("div", ie({
         ref: b,
-        "data-theme": R.value,
-        class: j(),
-        style: M.value,
+        "data-theme": N.value,
+        class: R(),
+        style: F.value,
         id: d.id
-      }, F()), [l(L, {
+      }, j()), [o(L, {
         name: "x-fade-in-standard",
         appear: !0
       }, {
-        default: () => [e.mask && n.value && l("div", {
+        default: () => [e.mask && n.value && o("div", {
           class: i.element("mask")
         }, null)]
-      }), l("div", {
+      }), o("div", {
         class: [i.element("wrapper"), {
           "is-center": e.center
         }],
         onClick: (t) => t.target === t.currentTarget && Z()
-      }, [l(L, {
+      }, [o(L, {
         name: "x-zoom-in",
         appear: !0,
         onAfterEnter: X,
         onAfterLeave: Q
       }, {
-        default: () => [n.value && l("div", {
+        default: () => [n.value && o("div", {
           ref: w,
           class: [i.element("container"), {
             "is-fullscreen": e.fullscreen
           }],
-          style: z.value,
+          style: M.value,
           role: "dialog",
           "aria-modal": e.mask ? "true" : void 0,
           "aria-label": e.title || a.title ? void 0 : d["aria-label"],
@@ -142,33 +143,35 @@ const Ie = /* @__PURE__ */ oe({
           "aria-describedby": d["aria-describedby"],
           tabindex: -1,
           onKeydown: J
-        }, [l("div", {
+        }, [o("div", {
           class: [e.messageBox ? c.element("header") : i.element("header"), e.showHeaderBottomLine && "is-bottom-line"],
           id: a.title ? m : void 0
-        }, [a.title ? a.title() : l("div", {
+        }, [a.title ? a.title() : o("div", {
           id: e.title ? m : void 0,
           class: [i.element("header-title")]
-        }, [e.title])]), l("div", {
+        }, [e.title])]), o("div", {
           class: [e.messageBox ? c.element("body") : i.element("body")]
-        }, [a.default && a.default()]), !e.hideFooter && a.footer && l("div", {
+        }, [a.default && a.default()]), !e.hideFooter && a.footer && o("div", {
           class: [e.messageBox ? c.element("footer") : i.element("footer")]
         }, [a.footer({
           cancel: p,
           ok: ee,
           loadingObj: D,
           "loading-obj": D
-        })]), e.showClose && l("button", {
+        })]), e.showClose && o("button", {
           type: "button",
           class: [i.element("close-icon"), e.messageBox && c.element("close-icon")],
           "aria-label": V("common.closeTarget", {
             target: "对话框"
           }),
           onClick: (t) => u("cancel", t)
-        }, null)])]
+        }, [o(we, {
+          size: "18px"
+        }, null)])])]
       })])]), [[se, H.value]])]
     });
   }
 });
 export {
-  Ie as default
+  Me as default
 };

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

@@ -14,7 +14,7 @@ const o = {
   },
   top: {
     type: [String, Number],
-    default: "3vh"
+    default: "100px"
   },
   center: {
     type: Boolean,