x-next 1.1.0 → 1.2.0

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

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

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

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

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

@@ -1,139 +1,147 @@
-import b from "./DatePanel.vue2.js";
-import { openBlock as s, createElementBlock as n, withKeys as N, normalizeClass as l, createElementVNode as i, createCommentVNode as o, toDisplayString as r, Fragment as d, renderList as u, renderSlot as k, createTextVNode as y } from "vue";
-import p from "../../_virtual/_plugin-vue_export-helper.js";
-const v = ["aria-label"], w = ["aria-label"], $ = ["aria-label"], g = ["aria-label"], C = { key: 0 }, P = ["title", "disabled", "aria-selected", "onMouseenter", "onClick"], f = ["onClick"];
-function h(e, t, L, S, E, M) {
+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) {
   return s(), n("div", {
+    ref: "panelRef",
     class: l([
       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] = N((a) => e.$emit("cancel"), ["esc"]))
+    onKeydown: t[8] || (t[8] = w((o) => e.$emit("cancel"), ["esc"]))
   }, [
-    i("div", {
-      class: l([
-        e.className.element("header"),
-        e.className.element(`header-${e.panelPosition}`)
-      ])
+    m("div", {
+      class: l([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")),
         "aria-label": e.t("datePicker.prevPage"),
-        onClick: t[0] || (t[0] = (a) => e.movePanel(-1, !0))
-      }, " « ", 10, v)) : o("", !0),
+        onClick: t[0] || (t[0] = (o) => e.movePanel(-1, !0))
+      }, " « ", 10, g)) : r("", !0),
       e.panelPosition !== "right" ? (s(), n("button", {
         key: 1,
         type: "button",
         class: l(e.className.element("header-btn")),
         "aria-label": e.t("datePicker.prevItem"),
-        onClick: t[1] || (t[1] = (a) => e.movePanel(-1))
-      }, " ‹ ", 10, w)) : o("", !0),
-      i("button", {
+        onClick: t[1] || (t[1] = (o) => e.movePanel(-1))
+      }, " ‹ ", 10, C)) : r("", !0),
+      m("button", {
         type: "button",
         class: l(e.className.element("header-label")),
-        onClick: t[2] || (t[2] = (...a) => e.zoomHeader && e.zoomHeader(...a))
-      }, r(e.headerLabel), 3),
+        onClick: t[2] || (t[2] = (...o) => e.zoomHeader && e.zoomHeader(...o))
+      }, i(e.headerLabel), 3),
       e.panelPosition !== "left" ? (s(), n("button", {
         key: 2,
         type: "button",
         class: l(e.className.element("header-btn")),
         "aria-label": e.t("datePicker.nextItem"),
-        onClick: t[3] || (t[3] = (a) => e.movePanel(1))
-      }, " › ", 10, $)) : o("", !0),
+        onClick: t[3] || (t[3] = (o) => e.movePanel(1))
+      }, " › ", 10, f)) : r("", !0),
       e.panelPosition !== "left" ? (s(), n("button", {
         key: 3,
         type: "button",
         class: l(e.className.element("header-btn")),
         "aria-label": e.t("datePicker.nextPage"),
-        onClick: t[4] || (t[4] = (a) => e.movePanel(1, !0))
-      }, " » ", 10, g)) : o("", !0)
+        onClick: t[4] || (t[4] = (o) => e.movePanel(1, !0))
+      }, " » ", 10, P)) : 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: l([e.className.element("weekdays"), { [e.className.is("week-mode")]: e.mode === "week" }])
     }, [
-      e.mode === "week" ? (s(), n("span", C, r(e.t("datePicker.weekColumn")), 1)) : o("", !0),
-      (s(!0), n(d, null, u(e.weekdayLabels, (a) => (s(), n("span", { key: a }, r(a), 1))), 128))
-    ], 2)) : o("", !0),
-    i("div", {
-      class: l([
-        e.className.element("body"),
-        e.className.element(`body-${e.mode}`)
-      ]),
+      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))
+    ], 2)) : r("", !0),
+    m("div", {
+      class: l([e.className.element("body"), e.className.element(`body-${e.mode}`)]),
       role: "grid"
     }, [
-      (s(!0), n(d, null, u(e.cells, (a) => (s(), n("button", {
-        key: a.title,
-        type: "button",
-        title: a.title,
-        disabled: a.isWeekLabel || a.disabled || !a.inView,
-        "aria-selected": !a.isWeekLabel && (a.selected || a.rangeStart || a.rangeEnd),
-        onMouseenter: (m) => e.handleCellMouseEnter(a),
-        onMouseleave: t[5] || (t[5] = (...m) => e.handleCellMouseLeave && e.handleCellMouseLeave(...m)),
-        class: l([
-          e.className.element("cell"),
-          {
-            [e.className.is("out-view")]: a.outView,
-            [e.className.is("today")]: a.today,
-            [e.className.is("selected")]: a.selected,
-            [e.className.is("range-start")]: a.rangeStart,
-            [e.className.is("range-end")]: a.rangeEnd,
-            [e.className.is("in-range")]: a.inRange,
-            [e.className.is("preview-range-start")]: a.previewRangeStart,
-            [e.className.is("preview-range-end")]: a.previewRangeEnd,
-            [e.className.is("in-preview-range")]: a.inPreviewRange,
-            [e.className.is("disabled")]: a.disabled,
-            [e.className.is("week-label")]: a.isWeekLabel,
-            [e.className.is("week-start")]: a.weekStart,
-            [e.className.is("week-end")]: a.weekEnd,
-            [e.className.is("week-selected")]: a.weekSelected
-          }
-        ]),
-        onClick: (m) => e.handleSelect(a)
+      (s(!0), n(u, null, b(e.cellRows, (o, k) => (s(), n("div", {
+        key: k,
+        role: "row",
+        class: l(e.className.element("row"))
       }, [
-        i("span", {
-          class: l(e.className.element("cell-date"))
-        }, [
-          i("span", {
-            class: l(e.className.element("cell-inner"))
+        (s(!0), n(u, null, b(o, (a) => {
+          var y;
+          return s(), n("button", {
+            key: a.title,
+            type: "button",
+            title: a.title,
+            "aria-label": a.title,
+            role: a.isWeekLabel ? "rowheader" : "gridcell",
+            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) => {
+              e.activeTitle = a.title, e.handleCellMouseEnter(a);
+            },
+            onKeydown: (d) => e.handleCellKeydown(d, a),
+            class: l([
+              e.className.element("cell"),
+              {
+                [e.className.is("out-view")]: a.outView,
+                [e.className.is("today")]: a.today,
+                [e.className.is("selected")]: a.selected,
+                [e.className.is("range-start")]: a.rangeStart,
+                [e.className.is("range-end")]: a.rangeEnd,
+                [e.className.is("in-range")]: a.inRange,
+                [e.className.is("preview-range-start")]: a.previewRangeStart,
+                [e.className.is("preview-range-end")]: a.previewRangeEnd,
+                [e.className.is("in-preview-range")]: a.inPreviewRange,
+                [e.className.is("disabled")]: a.disabled,
+                [e.className.is("week-label")]: a.isWeekLabel,
+                [e.className.is("week-start")]: a.weekStart,
+                [e.className.is("week-end")]: a.weekEnd,
+                [e.className.is("week-selected")]: a.weekSelected
+              }
+            ]),
+            onClick: (d) => e.handleSelect(a)
           }, [
-            k(e.$slots, "cell", {
-              date: a.value.toDate(),
-              label: a.label
-            }, () => [
-              y(r(a.label), 1)
-            ])
-          ], 2)
-        ], 2),
-        a.lunar && !e.$slots.cell ? (s(), n("span", {
-          key: 0,
-          class: l(e.className.element("cell-lunar"))
-        }, r(a.lunar.displayText), 3)) : o("", !0)
-      ], 42, P))), 128))
+            m("span", {
+              class: l(e.className.element("cell-date"))
+            }, [
+              m("span", {
+                class: l(e.className.element("cell-inner"))
+              }, [
+                N(e.$slots, "cell", {
+                  date: a.value.toDate(),
+                  label: a.label
+                }, () => [
+                  v(i(a.label), 1)
+                ])
+              ], 2)
+            ], 2),
+            a.lunar && !e.$slots.cell ? (s(), n("span", {
+              key: 0,
+              class: l(e.className.element("cell-lunar"))
+            }, i(a.lunar.displayText), 3)) : r("", !0)
+          ], 42, L);
+        }), 128))
+      ], 2))), 128))
     ], 2),
     e.shortcuts.length || e.$slots.extra ? (s(), n("div", {
       key: 1,
       class: l(e.className.element("shortcuts"))
     }, [
-      (s(!0), n(d, null, u(e.shortcuts, (a) => (s(), n("button", {
-        key: String(a.label),
+      (s(!0), n(u, null, b(e.shortcuts, (o) => (s(), n("button", {
+        key: String(o.label),
         type: "button",
         class: l(e.className.element("shortcut")),
-        onClick: (m) => e.$emit("shortcut", a)
-      }, r(a.label), 11, f))), 128)),
+        onClick: (k) => e.$emit("shortcut", o)
+      }, i(o.label), 11, S))), 128)),
       e.$slots.extra ? (s(), n("div", {
         key: 0,
         class: l(e.className.element("extra"))
       }, [
-        k(e.$slots, "extra")
-      ], 2)) : o("", !0)
-    ], 2)) : o("", !0),
+        N(e.$slots, "extra")
+      ], 2)) : r("", !0)
+    ], 2)) : r("", !0),
     e.showToday || e.showConfirmBtn ? (s(), n("div", {
       key: 2,
       class: l(e.className.element("footer"))
@@ -142,18 +150,18 @@ function h(e, t, L, S, E, M) {
         key: 0,
         type: "button",
         class: l([e.className.element("footer-btn"), e.className.element("today")]),
-        onClick: t[6] || (t[6] = (...a) => e.selectToday && e.selectToday(...a))
-      }, r(e.todayLabel), 3)) : o("", !0),
+        onClick: t[6] || (t[6] = (...o) => e.selectToday && e.selectToday(...o))
+      }, 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] = (a) => e.$emit("confirm"))
-      }, r(e.t("datePicker.ok")), 3)) : o("", !0)
-    ], 2)) : o("", !0)
+        onClick: t[7] || (t[7] = (o) => e.$emit("confirm"))
+      }, i(e.t("datePicker.ok")), 3)) : r("", !0)
+    ], 2)) : r("", !0)
   ], 34);
 }
-const R = /* @__PURE__ */ p(b, [["render", h]]);
+const z = /* @__PURE__ */ $(p, [["render", E]]);
 export {
-  R as default
+  z as default
 };