x-next 1.3.1 → 1.4.0

package/dist/es/components/_components/picker/input.vue2.js

@@ -1,11 +1,11 @@
 import { defineComponent as j, toRefs as x, computed as a, ref as A } from "vue";
 import { isDayjs as E, isFunction as k } from "../../../_utils/is.js";
-import O from "../../../icons/default/close-circle-fill.js";
+import O from "../../../icons/default/close.js";
 import _ from "../icon-hover/index.vue.js";
 import { useFormItem as D, useFormItemControl as T } from "../../../_hooks/use-form-item.js";
 import { useLocale as w } from "../../../locale/index.js";
 import { useSize as P } from "../../../_hooks/use-size.js";
-import { INPUT_EVENTS as m } from "../../../_utils/constant.js";
+import { INPUT_EVENTS as l } from "../../../_utils/constant.js";
 import W from "../../../_utils/pick.js";
 import { omit as q } from "../../../_utils/omit.js";
 import H from "../feedback-icon/index.vue.js";
@@ -59,45 +59,45 @@ const re = j({
     }
   },
   emits: ["clear", "press-enter", "change", "focus", "blur"],
-  setup(f, { emit: s, slots: c, attrs: i }) {
-    const { t: u } = w(), { error: p, focused: d, disabled: g, size: v, value: o, format: n, inputValue: t } = x(f), {
+  setup(f, { emit: s, slots: u, attrs: i }) {
+    const { t: c } = w(), { error: p, focused: d, disabled: g, size: v, value: o, format: n, inputValue: t } = x(f), {
       formItemCtx: b,
       mergedSize: h,
-      mergedDisabled: l,
+      mergedDisabled: m,
       mergedError: I,
       feedback: y
-    } = D({ size: v, disabled: g, error: p }), { mergedSize: C } = P(h), S = a(() => q(i, [
-      ...m,
+    } = D({ size: v, disabled: g, error: p }), { mergedSize: S } = P(h), C = a(() => q(i, [
+      ...l,
       ...Object.keys(i).filter((e) => e.startsWith("aria-") || e === "role")
     ])), z = T(b, () => ({
-      ...W(i, m),
+      ...W(i, l),
       ...Object.fromEntries(
         Object.entries(i).filter(([e]) => e.startsWith("aria-") || e === "role")
       )
-    })), r = K("picker"), F = a(() => [
+    })), r = K("picker"), N = a(() => [
       r.block,
-      r.modifier(`size-${C.value}`),
+      r.modifier(`size-${S.value}`),
       {
         [r.modifier("focused")]: d.value,
-        [r.modifier("disabled")]: l.value,
+        [r.modifier("disabled")]: m.value,
         [r.modifier("error")]: I.value,
-        [r.modifier("has-prefix")]: c.prefix
+        [r.modifier("has-prefix")]: u.prefix
       }
-    ]), N = a(() => {
+    ]), B = a(() => {
       if (t != null && t.value) return t == null ? void 0 : t.value;
       if (o != null && o.value && E(o.value))
         return k(n.value) ? n.value(o.value) : o.value.format(n.value);
-    }), B = A();
+    }), F = A();
     return {
-      wrapperAttrs: S,
+      wrapperAttrs: C,
       formControlAttrs: z,
-      t: u,
+      t: c,
       feedback: y,
       className: r,
-      classNames: F,
-      displayValue: N,
-      mergedDisabled: l,
-      refInput: B,
+      classNames: N,
+      displayValue: B,
+      mergedDisabled: m,
+      refInput: F,
       onPressEnter() {
         s("press-enter");
       },

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

@@ -4,10 +4,10 @@ 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 G from "../../../icons/default/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 U from "../../../icons/default/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";

package/dist/es/components/alert/Alert.vue.js

@@ -2,7 +2,7 @@ import h from "./Alert.vue2.js";
 import { resolveComponent as l, openBlock as o, createBlock as t, Transition as N, withCtx as c, createElementBlock as i, mergeProps as L, normalizeClass as n, renderSlot as a, createCommentVNode as s, createElementVNode as m, createTextVNode as C, toDisplayString as b, createVNode as f } from "vue";
 import B from "../../_virtual/_plugin-vue_export-helper.js";
 function A(e, r, V, g, w, S) {
-  const d = l("icon-info-circle-fill"), p = l("icon-check-circle-fill"), y = l("icon-exclamation-circle-fill"), u = l("icon-close-circle-fill"), v = l("icon-close"), k = l("icon-hover");
+  const p = l("icon-info-circle-fill"), d = l("icon-check-circle-fill"), y = l("icon-exclamation-circle-fill"), u = l("icon-close-circle-fill"), v = l("icon-close"), k = l("icon-hover");
   return o(), t(N, {
     name: "x-alert-slide",
     onBeforeLeave: e.handleBeforeLeave,
@@ -20,7 +20,7 @@ function A(e, r, V, g, w, S) {
           class: n(e.className.element("icon"))
         }, [
           a(e.$slots, "icon", {}, () => [
-            e.type === "info" ? (o(), t(d, { key: 0 })) : e.type === "success" ? (o(), t(p, { key: 1 })) : e.type === "warning" ? (o(), t(y, { key: 2 })) : e.type === "error" ? (o(), t(u, { key: 3 })) : s("", !0)
+            e.type === "info" ? (o(), t(p, { key: 0 })) : e.type === "success" ? (o(), t(d, { key: 1 })) : e.type === "warning" || e.type === "strong" ? (o(), t(y, { key: 2 })) : e.type === "error" ? (o(), t(u, { key: 3 })) : s("", !0)
           ])
         ], 2)) : s("", !0),
         m("div", {

package/dist/es/components/alert/Alert.vue2.js

@@ -2,8 +2,8 @@ import { defineComponent as v, ref as h, computed as i } from "vue";
 import { MESSAGE_TYPES as I } from "../../_utils/constant.js";
 import B from "../_components/icon-hover/index.vue.js";
 import F from "../../icons/default/close.js";
-import x from "../../icons/default/info-circle-fill.js";
-import g from "../../icons/default/check-circle-fill.js";
+import g from "../../icons/default/info-circle-fill.js";
+import x from "../../icons/default/check-circle-fill.js";
 import S from "../../icons/default/exclamation-circle-fill.js";
 import A from "../../icons/default/close-circle-fill.js";
 import { getClassNameMixin as E } from "../../_utils/config.js";
@@ -13,21 +13,22 @@ const G = v({
   components: {
     IconHover: B,
     IconClose: F,
-    IconInfoCircleFill: x,
-    IconCheckCircleFill: g,
+    IconInfoCircleFill: g,
+    IconCheckCircleFill: x,
     IconExclamationCircleFill: S,
     IconCloseCircleFill: A
   },
   props: {
     /**
-     * @zh 警告提示的类型。2.41.0 新增 `normal` 类型
-     * @en Type of the alert. 2.41.0 Added `normal` type
-     * @values info, success, warning, error, normal
+     * @zh 警告提示的类型
+     * @en Type of the alert
+     * @values info, success, warning, strong, error, normal
      */
     type: {
+      // strong 是 x-next 扩展的品牌强调族，与 Message 的 strong 保持一致
       type: String,
       default: "info",
-      validator: (e) => [...I, "normal"].includes(e)
+      validator: (e) => [...I, "normal", "strong"].includes(e)
     },
     /**
      * @zh 是否展示图标
@@ -122,31 +123,31 @@ const G = v({
    * @version 2.36.0
    */
   setup(e, { attrs: n, slots: r, emit: s }) {
-    const t = E("alert"), a = h(e.defaultVisible), c = i(() => e.visible ?? a.value), f = (o) => {
+    const l = E("alert"), a = h(e.defaultVisible), c = i(() => e.visible ?? a.value), f = (o) => {
       a.value = !1, s("update:visible", !1), s("close", o);
     }, m = (o) => {
-      const l = o;
-      l.style.maxHeight = `${l.offsetHeight}px`, l.style.opacity = "1";
+      const t = o;
+      t.style.maxHeight = `${t.offsetHeight}px`, t.style.opacity = "1";
     }, d = (o) => {
-      const l = o;
-      l.style.maxHeight = "0", l.style.opacity = "0";
+      const t = o;
+      t.style.maxHeight = "0", t.style.opacity = "0";
     }, u = () => {
       s("afterClose");
     }, p = i(() => [
-      t.block,
-      t.modifier(e.type),
+      l.block,
+      l.modifier(e.type),
       n.class,
       {
-        [t.modifier("with-title")]: !!(e.title || r.title),
-        [t.modifier("banner")]: e.banner,
-        [t.modifier("center")]: e.center
+        [l.modifier("with-title")]: !!(e.title || r.title),
+        [l.modifier("banner")]: e.banner,
+        [l.modifier("center")]: e.center
       }
     ]), y = i(() => n.style), C = i(() => {
-      const { class: o, style: l, ...b } = n;
+      const { class: o, style: t, ...b } = n;
       return b;
     });
     return {
-      className: t,
+      className: l,
       cls: p,
       rootAttrs: C,
       rootStyle: y,

package/dist/es/components/button/Button.js

@@ -1,5 +1,5 @@
-import { defineComponent as O, getCurrentInstance as P, inject as p, reactive as x, computed as c, withDirectives as F, createVNode as o, resolveDirective as L } from "vue";
-import { getClassNameMixin as T } from "../../_utils/config.js";
+import { defineComponent as O, getCurrentInstance as P, inject as p, reactive as x, computed as c, withDirectives as T, createVNode as o, resolveDirective as F } from "vue";
+import { getClassNameMixin as L } from "../../_utils/config.js";
 import { buttonProps as A } from "./props.js";
 import B from "../../icons/animation/animation-loading.js";
 import I from "../../directives/wave.js";
@@ -18,30 +18,30 @@ const q = /* @__PURE__ */ O({
     slots: l,
     emit: h
   }) {
-    const v = P(), a = p(K, void 0), {
+    const f = P(), a = p(K, void 0), {
       mergedSize: k
     } = N(void 0, {
       defaultValue: "medium"
-    }), u = x({
+    }), r = x({
       clicked: !1,
       isDebounce: !1
-    }), i = T("button"), w = (n) => n.replace(/[A-Z]/g, (d) => `-${d.toLowerCase()}`), r = (n) => {
-      const d = (v == null ? void 0 : v.vnode.props) ?? {};
+    }), i = L("button"), w = (n) => n.replace(/[A-Z]/g, (d) => `-${d.toLowerCase()}`), u = (n) => {
+      const d = (f == null ? void 0 : f.vnode.props) ?? {};
       return Object.prototype.hasOwnProperty.call(d, n) || Object.prototype.hasOwnProperty.call(d, w(n));
-    }, m = c(() => r("type") ? e.type : (a == null ? void 0 : a.type) ?? e.type), b = c(() => r("size") ? e.size : (a == null ? void 0 : a.size) ?? k.value), g = c(() => r("status") ? e.status : (a == null ? void 0 : a.status) ?? e.status), y = c(() => r("shape") ? e.shape : (a == null ? void 0 : a.shape) ?? e.shape), f = c(() => r("disabled") ? e.disabled : (a == null ? void 0 : a.disabled) ?? e.disabled), D = c(() => [i.block, m.value && m.value !== "default" && i.modifier(m.value), b.value && i.modifier(b.value), g.value && i.modifier(g.value), f.value && i.is("disabled"), e.block && i.modifier("block"), e.plain && i.modifier("plain"), y.value && i.modifier(y.value), e.link && i.modifier("link"), !e.border && i.modifier("hide-border"), t.value && i.modifier("loading"), e.loadingFill && i.modifier("loading-fill"), e.narrow && i.modifier("narrow")]), z = () => {
-      e.debounce > 0 && !u.isDebounce && (u.isDebounce = !0, setTimeout(() => {
-        u.isDebounce = !1;
+    }, s = c(() => u("type") ? e.type : (a == null ? void 0 : a.type) ?? e.type), v = c(() => u("size") ? e.size : (a == null ? void 0 : a.size) ?? k.value), b = c(() => u("status") ? e.status : (a == null ? void 0 : a.status) ?? e.status), g = c(() => u("shape") ? e.shape : (a == null ? void 0 : a.shape) ?? e.shape), m = c(() => u("disabled") ? e.disabled : (a == null ? void 0 : a.disabled) ?? e.disabled), D = c(() => [i.block, s.value && s.value !== "default" && i.modifier(s.value), v.value && i.modifier(v.value), b.value && i.modifier(b.value), m.value && i.is("disabled"), e.block && i.modifier("block"), e.plain && i.modifier("plain"), g.value && i.modifier(g.value), e.link && i.modifier("link"), !e.border && i.modifier("hide-border"), t.value && i.modifier("loading"), e.loadingFill && i.modifier("loading-fill"), e.narrow && i.modifier("narrow")]), z = () => {
+      e.debounce > 0 && !r.isDebounce && (r.isDebounce = !0, setTimeout(() => {
+        r.isDebounce = !1;
       }, e.debounce));
-    }, t = c(() => e.loading || u.clicked || u.isDebounce), S = c(() => f.value || t.value || e.link || m.value === "text"), j = (n) => {
-      var d, s;
-      (s = (d = n.target).blur) == null || s.call(d), !(f.value || t.value) && (z(), h("click", n));
+    }, t = c(() => e.loading || r.clicked || r.isDebounce), S = c(() => m.value || t.value || e.link || s.value === "text"), j = (n) => {
+      var d;
+      n.detail > 0 && ((d = n.currentTarget) == null || d.blur()), !(m.value || t.value) && (z(), h("click", n));
     };
     return () => {
-      var n, d, s;
-      return F(o("button", {
+      var n, d, y;
+      return T(o("button", {
         class: D.value,
         type: e.htmlType,
-        disabled: f.value || t.value,
+        disabled: m.value || t.value,
         "aria-busy": t.value || void 0,
         onClick: j
       }, [o("span", {
@@ -60,9 +60,9 @@ const q = /* @__PURE__ */ O({
         class: i.element("prefix")
       }, [(d = l.icon) == null ? void 0 : d.call(l)]), o("span", {
         class: i.element("content")
-      }, [(s = l.default) == null ? void 0 : s.call(l)]), l.suffix && o("span", {
+      }, [(y = l.default) == null ? void 0 : y.call(l)]), l.suffix && o("span", {
         class: i.element("suffix")
-      }, [l.suffix()])]), [[L("wave"), {
+      }, [l.suffix()])]), [[F("wave"), {
         disabled: S.value
       }]]);
     };

package/dist/es/components/button/ButtonGroup.vue2.js

@@ -5,31 +5,33 @@ const l = i({
   name: "ButtonGroup",
   props: {
     /**
-     * @zh 按钮的类型，分为五种：次要按钮、主要按钮、虚框按钮、线性按钮、文字按钮。
-     * @en Children button types are divided into five types: secondary, primary, dashed, outline and text.
+     * @zh 子按钮默认类型：默认、主要、虚框、线性、文字
+     * @en Children button type: default, primary, dashed, outline and text
+     * @values 'default','primary','dashed','outline','text'
      */
     type: {
       type: String
     },
     /**
-     * @zh 按钮的状态
-     * @en Children button state
-     * @values 'normal','warning','success','danger'
+     * @zh 子按钮默认状态
+     * @en Children button status
+     * @values 'default','success','warning','strong','danger','info'
      */
     status: {
       type: String
     },
     /**
-     * @zh 按钮的形状
-     * @en Button shape
+     * @zh 子按钮默认形状
+     * @en Children button shape
+     * @values 'round','circle','square'
      */
     shape: {
       type: String
     },
     /**
-     * @zh 按钮的尺寸
+     * @zh 子按钮默认尺寸
      * @en Children button size
-     * @values 'mini','small','medium','large'
+     * @values 'mini','small','medium','large','huge'
      */
     size: {
       type: String

package/dist/es/components/date-picker/DatePanel.vue.js

@@ -1,71 +1,80 @@
-import p from "./DatePanel.vue2.js";
-import { openBlock as s, createElementBlock as n, withKeys as w, normalizeClass as l, createElementVNode as m, createCommentVNode as r, toDisplayString as i, Fragment as u, renderList as b, renderSlot as N, createTextVNode as v } from "vue";
-import $ from "../../_virtual/_plugin-vue_export-helper.js";
-const g = ["aria-label"], C = ["aria-label"], f = ["aria-label"], P = ["aria-label"], h = { key: 0 }, L = ["title", "aria-label", "role", "tabindex", "disabled", "aria-selected", "onMouseenter", "onFocus", "onKeydown", "onClick"], S = ["onClick"];
-function E(e, t, M, T, R, K) {
+import C from "./DatePanel.vue2.js";
+import { resolveComponent as u, openBlock as s, createElementBlock as n, withKeys as h, normalizeClass as o, createElementVNode as d, createVNode as b, createCommentVNode as r, toDisplayString as i, Fragment as k, renderList as p, renderSlot as v, createTextVNode as P } from "vue";
+import L from "../../_virtual/_plugin-vue_export-helper.js";
+const I = ["aria-label"], R = ["aria-label"], S = ["aria-label"], E = ["aria-label"], D = { key: 0 }, M = ["title", "aria-label", "role", "tabindex", "disabled", "aria-selected", "onMouseenter", "onFocus", "onKeydown", "onClick"], T = ["onClick"];
+function V(e, t, K, B, W, z) {
+  const w = u("IconDoubleLeft"), g = u("IconLeft"), $ = u("IconRight"), f = u("IconDoubleRight");
   return s(), n("div", {
     ref: "panelRef",
-    class: l([
+    class: o([
       e.className.element("panel"),
       e.className.modifier(`mode-${e.mode}`),
       { [e.className.is("show-lunar")]: e.showLunar && e.mode === "date" }
     ]),
-    onKeydown: t[8] || (t[8] = w((o) => e.$emit("cancel"), ["esc"]))
+    onKeydown: t[8] || (t[8] = h((l) => e.$emit("cancel"), ["esc"]))
   }, [
-    m("div", {
-      class: l([e.className.element("header"), e.className.element(`header-${e.panelPosition}`)])
+    d("div", {
+      class: o([e.className.element("header"), e.className.element(`header-${e.panelPosition}`)])
     }, [
       e.panelPosition !== "right" ? (s(), n("button", {
         key: 0,
         type: "button",
-        class: l(e.className.element("header-btn")),
+        class: o(e.className.element("header-btn")),
         "aria-label": e.t("datePicker.prevPage"),
-        onClick: t[0] || (t[0] = (o) => e.movePanel(-1, !0))
-      }, " « ", 10, g)) : r("", !0),
+        onClick: t[0] || (t[0] = (l) => e.movePanel(-1, !0))
+      }, [
+        b(w)
+      ], 10, I)) : r("", !0),
       e.panelPosition !== "right" ? (s(), n("button", {
         key: 1,
         type: "button",
-        class: l(e.className.element("header-btn")),
+        class: o(e.className.element("header-btn")),
         "aria-label": e.t("datePicker.prevItem"),
-        onClick: t[1] || (t[1] = (o) => e.movePanel(-1))
-      }, " ‹ ", 10, C)) : r("", !0),
-      m("button", {
+        onClick: t[1] || (t[1] = (l) => e.movePanel(-1))
+      }, [
+        b(g)
+      ], 10, R)) : r("", !0),
+      d("button", {
         type: "button",
-        class: l(e.className.element("header-label")),
-        onClick: t[2] || (t[2] = (...o) => e.zoomHeader && e.zoomHeader(...o))
+        class: o(e.className.element("header-label")),
+        onClick: t[2] || (t[2] = (...l) => e.zoomHeader && e.zoomHeader(...l))
       }, i(e.headerLabel), 3),
       e.panelPosition !== "left" ? (s(), n("button", {
         key: 2,
         type: "button",
-        class: l(e.className.element("header-btn")),
+        class: o(e.className.element("header-btn")),
         "aria-label": e.t("datePicker.nextItem"),
-        onClick: t[3] || (t[3] = (o) => e.movePanel(1))
-      }, " › ", 10, f)) : r("", !0),
+        onClick: t[3] || (t[3] = (l) => e.movePanel(1))
+      }, [
+        b($)
+      ], 10, S)) : r("", !0),
       e.panelPosition !== "left" ? (s(), n("button", {
         key: 3,
         type: "button",
-        class: l(e.className.element("header-btn")),
+        class: o(e.className.element("header-btn")),
         "aria-label": e.t("datePicker.nextPage"),
-        onClick: t[4] || (t[4] = (o) => e.movePanel(1, !0))
-      }, " » ", 10, P)) : r("", !0)
+        onClick: t[4] || (t[4] = (l) => e.movePanel(1, !0))
+      }, [
+        b(f)
+      ], 10, E)) : r("", !0)
     ], 2),
     e.mode === "date" || e.mode === "week" ? (s(), n("div", {
       key: 0,
-      class: l([e.className.element("weekdays"), { [e.className.is("week-mode")]: e.mode === "week" }])
+      class: o([e.className.element("weekdays"), { [e.className.is("week-mode")]: e.mode === "week" }])
     }, [
-      e.mode === "week" ? (s(), n("span", h, i(e.t("datePicker.weekColumn")), 1)) : r("", !0),
-      (s(!0), n(u, null, b(e.weekdayLabels, (o) => (s(), n("span", { key: o }, i(o), 1))), 128))
+      e.mode === "week" ? (s(), n("span", D, i(e.t("datePicker.weekColumn")), 1)) : r("", !0),
+      (s(!0), n(k, null, p(e.weekdayLabels, (l) => (s(), n("span", { key: l }, i(l), 1))), 128))
     ], 2)) : r("", !0),
-    m("div", {
-      class: l([e.className.element("body"), e.className.element(`body-${e.mode}`)]),
+    d("div", {
+      class: o([e.className.element("body"), e.className.element(`body-${e.mode}`)]),
       role: "grid"
     }, [
-      (s(!0), n(u, null, b(e.cellRows, (o, k) => (s(), n("div", {
-        key: k,
+      (s(!0), n(k, null, p(e.cellRows, (l, N) => (s(), n("div", {
+        key: N,
         role: "row",
-        class: l(e.className.element("row"))
+        class: o(e.className.element("row"))
       }, [
-        (s(!0), n(u, null, b(o, (a) => {
+        (s(!0), n(k, null, p(l, (a) => {
           var y;
           return s(), n("button", {
             key: a.title,
@@ -76,13 +85,13 @@ function E(e, t, M, T, R, K) {
             tabindex: a.title === ((y = e.activeCell) == null ? void 0 : y.title) ? 0 : -1,
             disabled: a.isWeekLabel || a.disabled || !a.inView,
             "aria-selected": !a.isWeekLabel && (a.selected || a.rangeStart || a.rangeEnd),
-            onMouseenter: (d) => e.handleCellMouseEnter(a),
-            onMouseleave: t[5] || (t[5] = (...d) => e.handleCellMouseLeave && e.handleCellMouseLeave(...d)),
-            onFocus: (d) => {
+            onMouseenter: (m) => e.handleCellMouseEnter(a),
+            onMouseleave: t[5] || (t[5] = (...m) => e.handleCellMouseLeave && e.handleCellMouseLeave(...m)),
+            onFocus: (m) => {
               e.activeTitle = a.title, e.handleCellMouseEnter(a);
             },
-            onKeydown: (d) => e.handleCellKeydown(d, a),
-            class: l([
+            onKeydown: (m) => e.handleCellKeydown(m, a),
+            class: o([
               e.className.element("cell"),
               {
                 [e.className.is("out-view")]: a.outView,
@@ -101,67 +110,67 @@ function E(e, t, M, T, R, K) {
                 [e.className.is("week-selected")]: a.weekSelected
               }
             ]),
-            onClick: (d) => e.handleSelect(a)
+            onClick: (m) => e.handleSelect(a)
           }, [
-            m("span", {
-              class: l(e.className.element("cell-date"))
+            d("span", {
+              class: o(e.className.element("cell-date"))
             }, [
-              m("span", {
-                class: l(e.className.element("cell-inner"))
+              d("span", {
+                class: o(e.className.element("cell-inner"))
               }, [
-                N(e.$slots, "cell", {
+                v(e.$slots, "cell", {
                   date: a.value.toDate(),
                   label: a.label
                 }, () => [
-                  v(i(a.label), 1)
+                  P(i(a.label), 1)
                 ])
               ], 2)
             ], 2),
             a.lunar && !e.$slots.cell ? (s(), n("span", {
               key: 0,
-              class: l(e.className.element("cell-lunar"))
+              class: o(e.className.element("cell-lunar"))
             }, i(a.lunar.displayText), 3)) : r("", !0)
-          ], 42, L);
+          ], 42, M);
         }), 128))
       ], 2))), 128))
     ], 2),
     e.shortcuts.length || e.$slots.extra ? (s(), n("div", {
       key: 1,
-      class: l(e.className.element("shortcuts"))
+      class: o(e.className.element("shortcuts"))
     }, [
-      (s(!0), n(u, null, b(e.shortcuts, (o) => (s(), n("button", {
-        key: String(o.label),
+      (s(!0), n(k, null, p(e.shortcuts, (l) => (s(), n("button", {
+        key: String(l.label),
         type: "button",
-        class: l(e.className.element("shortcut")),
-        onClick: (k) => e.$emit("shortcut", o)
-      }, i(o.label), 11, S))), 128)),
+        class: o(e.className.element("shortcut")),
+        onClick: (N) => e.$emit("shortcut", l)
+      }, i(l.label), 11, T))), 128)),
       e.$slots.extra ? (s(), n("div", {
         key: 0,
-        class: l(e.className.element("extra"))
+        class: o(e.className.element("extra"))
       }, [
-        N(e.$slots, "extra")
+        v(e.$slots, "extra")
       ], 2)) : r("", !0)
     ], 2)) : r("", !0),
     e.showToday || e.showConfirmBtn ? (s(), n("div", {
       key: 2,
-      class: l(e.className.element("footer"))
+      class: o(e.className.element("footer"))
     }, [
       e.showToday ? (s(), n("button", {
         key: 0,
         type: "button",
-        class: l([e.className.element("footer-btn"), e.className.element("today")]),
-        onClick: t[6] || (t[6] = (...o) => e.selectToday && e.selectToday(...o))
+        class: o([e.className.element("footer-btn"), e.className.element("today")]),
+        onClick: t[6] || (t[6] = (...l) => e.selectToday && e.selectToday(...l))
       }, i(e.todayLabel), 3)) : r("", !0),
       e.showConfirmBtn ? (s(), n("button", {
         key: 1,
         type: "button",
-        class: l([e.className.element("footer-btn"), e.className.element("confirm")]),
-        onClick: t[7] || (t[7] = (o) => e.$emit("confirm"))
+        class: o([e.className.element("footer-btn"), e.className.element("confirm")]),
+        onClick: t[7] || (t[7] = (l) => e.$emit("confirm"))
       }, i(e.t("datePicker.ok")), 3)) : r("", !0)
     ], 2)) : r("", !0)
   ], 34);
 }
-const z = /* @__PURE__ */ $(p, [["render", E]]);
+const q = /* @__PURE__ */ L(C, [["render", V]]);
 export {
-  z as default
+  q as default
 };