@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

package/lib/es/components/datePicker/DatePicker.vue.js

@@ -1,724 +0,0 @@
-import { defineComponent as je, useModel as Xe, useAttrs as Ze, useSlots as qe, getCurrentInstance as We, reactive as Ge, ref as k, computed as c, isRef as Qe, watch as E, onMounted as Ue, onUnmounted as He, openBlock as f, createElementBlock as T, mergeProps as x, unref as g, createVNode as Ke, withCtx as L, createElementVNode as M, normalizeClass as F, createBlock as P, normalizeStyle as Je, renderSlot as w, resolveDynamicComponent as $, createCommentVNode as I, createSlots as et, normalizeProps as ie, guardReactiveProps as se, mergeModels as ue, nextTick as tt } from "vue";
-import Z from "classnames";
-import { noop as v, stubFalse as nt, isFunction as de, isEqual as at } from "lodash-es";
-import lt from "../popover/Popover.vue.js";
-import "../popover/popover.css";
-import ce from "./DateInput.vue.js";
-import "E:/2026/openCode/semi-ui-vue/src/components/datePicker/DateInput.vue?vue&type=style&index=0&lang.css";
-import ot from "./MonthsGrid.vue.js";
-import rt from "./YearAndMonth.vue.js";
-import it from "./Footer.vue.js";
-import st from "../trigger/Trigger.vue.js";
-import ut from "@douyinfe/semi-foundation/datePicker/foundation";
-import { cssClasses as y, numbers as pe, strings as dt } from "@douyinfe/semi-foundation/datePicker/constants";
-import { numbers as ct } from "@douyinfe/semi-foundation/popover/constants";
-import { useConfigContext as pt } from "../configProvider/context.js";
-import { useLocale as ft } from "../_utils/useLocale.js";
-import { useBaseComponent as gt } from "../_utils/useBaseComponent.js";
-import { useFoundation as mt } from "../../_utils/useFoundation.js";
-const ht = ["aria-invalid", "aria-errormessage", "aria-labelledby", "aria-describedby", "aria-required"], yt = ["aria-label", "aria-disabled"], fe = 0, xt = /* @__PURE__ */ je({
-  name: "DatePicker",
-  inheritAttrs: !1,
-  __name: "DatePicker",
-  props: /* @__PURE__ */ ue({
-    "aria-describedby": {},
-    "aria-errormessage": {},
-    "aria-invalid": { type: Boolean },
-    "aria-labelledby": {},
-    "aria-required": { type: Boolean },
-    autoAdjustOverflow: { type: Boolean, default: !0 },
-    autoFocus: { type: Boolean },
-    autoSwitchDate: { type: Boolean, default: !0 },
-    borderless: { type: Boolean, default: !1 },
-    bottomSlot: {},
-    clearIcon: {},
-    className: {},
-    dateFnsLocale: {},
-    defaultOpen: { type: Boolean },
-    defaultPickerValue: {},
-    defaultValue: {},
-    density: { default: "default" },
-    disabled: { type: Boolean },
-    disabledDate: { type: Function, default: nt },
-    disabledTime: { type: Function, default: () => ({}) },
-    disabledTimePicker: { type: Boolean },
-    dropdownClassName: {},
-    dropdownMargin: {},
-    dropdownStyle: { default: () => ({}) },
-    endDateOffset: {},
-    format: {},
-    getPopupContainer: { type: Function, default: () => document.body },
-    hideDisabledOptions: { type: Boolean, default: !1 },
-    inputReadOnly: { type: Boolean, default: !1 },
-    inputStyle: {},
-    insetInput: { type: [Boolean, Object], default: !1 },
-    insetLabel: {},
-    insetLabelId: {},
-    leftSlot: {},
-    locale: {},
-    localeCode: {},
-    max: {},
-    motion: { type: [Boolean, Function, Object], default: !0 },
-    multiple: { type: Boolean, default: !1 },
-    needConfirm: { type: Boolean },
-    onChangeWithDateFirst: { type: Boolean, default: !0 },
-    onPanelChange: { type: Function, default: v },
-    open: { type: Boolean },
-    placeholder: {},
-    position: {},
-    prefix: {},
-    prefixCls: { default: y.PREFIX },
-    presetPosition: { default: "bottom" },
-    presets: {},
-    preventScroll: { type: Boolean },
-    rangeSeparator: { default: dt.DEFAULT_SEPARATOR_RANGE },
-    renderDate: {},
-    renderFullDate: {},
-    rightSlot: {},
-    showClear: { type: Boolean, default: !0 },
-    size: { default: "default" },
-    spacing: { default: pe.SPACING },
-    startDateOffset: {},
-    startYear: {},
-    endYear: {},
-    stopPropagation: { type: [Boolean, String], default: !0 },
-    style: { default: () => ({}) },
-    syncSwitchMonth: { type: Boolean, default: !1 },
-    timePickerOpts: {},
-    timeZone: {},
-    topSlot: {},
-    triggerRender: {},
-    type: { default: "date" },
-    validateStatus: {},
-    value: {},
-    weekStartsOn: { default: pe.WEEK_START_ON },
-    yearAndMonthOpts: {},
-    zIndex: { default: ct.DEFAULT_Z_INDEX },
-    onBlur: { type: Function, default: v },
-    onCancel: { type: Function, default: v },
-    onChange: { type: Function, default: v },
-    onClear: { type: Function, default: v },
-    onClickOutSide: { type: Function, default: v },
-    onConfirm: { type: Function, default: v },
-    onFocus: { type: Function, default: v },
-    onOpenChange: { type: Function, default: v },
-    onPresetClick: { type: Function, default: v }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ ue(["change", "openChange", "focus", "blur", "clear", "cancel", "confirm", "panelChange", "presetClick", "clickOutSide"], ["update:modelValue"]),
-  setup(q, { expose: ge, emit: me }) {
-    const d = Xe(q, "modelValue"), e = q, he = Ze(), C = qe(), h = We(), _ = pt(), ye = () => {
-      const t = h == null ? void 0 : h.vnode, n = (t == null ? void 0 : t.props) || {}, a = { ...e };
-      d.value !== void 0 && (a.value = d.value);
-      const r = ["open", "value"];
-      for (const l of r) {
-        const p = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-        l === "value" && d.value !== void 0 || !(l in n) && !(p in n) && delete a[l];
-      }
-      return a;
-    }, Y = ft({
-      componentName: "DatePicker",
-      locale: e.locale,
-      localeCode: e.localeCode,
-      dateFnsLocale: e.dateFnsLocale
-    }), Ce = (t, n) => /range/i.test(t) && !de(n), o = Ge({
-      panelShow: e.open || e.defaultOpen || !1,
-      isRange: !1,
-      inputValue: null,
-      value: [],
-      cachedSelectedValue: [],
-      prevTimeZone: null,
-      rangeInputFocus: void 0,
-      autofocus: e.autoFocus || Ce(e.type || "", e.triggerRender) && (e.open || e.defaultOpen) || !1,
-      insetInputValue: null,
-      triggerDisabled: void 0
-    }), z = k(null), W = k(null), ve = k(null), A = k(null), V = k(null), B = k(null), j = k(null), S = k({
-      rangeStart: !1,
-      rangeEnd: !1
-    });
-    let R = null;
-    const b = me, { adapter: G, getDataAttr: Se } = gt(e, o), be = (t) => e[t] !== void 0, De = (t, n) => /range/i.test(t) && !de(n), D = {
-      ...G,
-      getProp: (t) => t === "value" ? d.value !== void 0 ? d.value : e.value : G.getProp(t),
-      getProps: () => {
-        var n;
-        const t = ye();
-        return (d.value !== void 0 || "modelValue" in (((n = h == null ? void 0 : h.vnode) == null ? void 0 : n.props) || {})) && (t.value = d.value), t;
-      },
-      togglePanel: (t, n) => {
-        o.panelShow = t, n && n(), t || (S.value.rangeEnd = !1, S.value.rangeStart = !1);
-      },
-      registerClickOutSide: () => {
-        R && (D.unregisterClickOutSide(), R = null), R = (t) => {
-          const n = z.value, a = W.value, r = t.target, l = t.composedPath && t.composedPath() || [r];
-          !(n && n.contains(r)) && !(a && a.contains(r)) && !(l.includes(n) || l.includes(a)) && (e.onClickOutSide(t), D.needConfirm() || i.closePanel());
-        }, document.addEventListener("mousedown", R);
-      },
-      unregisterClickOutSide: () => {
-        R && (document.removeEventListener("mousedown", R), R = null);
-      },
-      notifyBlur: (t) => {
-        var n;
-        (n = e.onBlur) == null || n.call(e, t), b("blur", t);
-      },
-      notifyFocus: (t, n) => {
-        var a;
-        (a = e.onFocus) == null || a.call(e, t, n), b("focus", t, n);
-      },
-      notifyClear: (t) => {
-        var n;
-        (n = e.onClear) == null || n.call(e, t), b("clear", t);
-      },
-      notifyChange: (t, n) => {
-        var a, r, l;
-        if (console.log("[DatePicker notifyChange] 开始", {
-          date: t,
-          dateStr: n,
-          dateType: Array.isArray(t) ? "array" : typeof t,
-          dateStrType: Array.isArray(n) ? "array" : typeof n,
-          modelValueBefore: d.value,
-          type: e.type,
-          multiple: e.multiple,
-          onChangeWithDateFirst: e.onChangeWithDateFirst
-        }), d.value !== void 0 || (a = h == null ? void 0 : h.vnode) != null && a.props && ("modelValue" in h.vnode.props || "onUpdate:modelValue" in h.vnode.props)) {
-          const p = e.onChangeWithDateFirst !== !1;
-          let s, u;
-          p ? (s = t, u = n) : (s = n, u = t), console.log("[DatePicker notifyChange] 参数解析后", {
-            onChangeWithDateFirst: p,
-            actualDate: s,
-            actualDateStr: u,
-            actualDateType: Array.isArray(s) ? "array" : typeof s,
-            actualDateStrType: Array.isArray(u) ? "array" : typeof u
-          });
-          let m = null;
-          s == null || s === "" ? m = null : Array.isArray(s) ? e.type === "dateRange" || e.type === "dateTimeRange" || e.type === "monthRange" ? m = s.length >= 2 ? [s[0], s[1]] : s.length === 1 ? [s[0]] : null : e.multiple ? m = s.length > 0 ? s : null : m = s.length > 0 ? s[0] : null : m = s, console.log("[DatePicker notifyChange] 转换后的值", {
-            convertedDate: m,
-            convertedDateType: Array.isArray(m) ? "array" : typeof m
-          }), d.value = m, console.log("[DatePicker notifyChange] modelValue 更新后", {
-            modelValueAfter: d.value
-          }), u != null && u !== "" && (typeof u == "string" ? o.inputValue = u : Array.isArray(u) && u.length > 0 && typeof u[0] == "string" && (o.inputValue = u.join(e.rangeSeparator || " ~ ")));
-        }
-        if (e.value !== void 0 && d.value === void 0) {
-          (r = e.onChange) == null || r.call(e, t, n), b("change", t, n);
-          return;
-        }
-        (l = e.onChange) == null || l.call(e, t, n), b("change", t, n);
-      },
-      notifyCancel: (t, n) => {
-        var a;
-        (a = e.onCancel) == null || a.call(e, t, n), b("cancel", t, n);
-      },
-      notifyConfirm: (t, n) => {
-        var a;
-        (a = e.onConfirm) == null || a.call(e, t, n), b("confirm", t, n);
-      },
-      notifyOpenChange: (t) => {
-        var n;
-        (n = e.onOpenChange) == null || n.call(e, t), b("openChange", t);
-      },
-      notifyPresetsClick: (t, n) => {
-        var a;
-        (a = e.onPresetClick) == null || a.call(e, t, n), b("presetClick", t, n);
-      },
-      updateValue: (t) => {
-        o.value = t;
-      },
-      updatePrevTimezone: (t) => {
-        o.prevTimeZone = t;
-      },
-      updateCachedSelectedValue: (t) => {
-        let n = t;
-        t && !Array.isArray(t) && (n = [...t]), o.cachedSelectedValue = n;
-      },
-      updateInputValue: (t) => {
-        o.inputValue = t;
-      },
-      needConfirm: () => ["dateTime", "dateTimeRange"].includes(e.type) && e.needConfirm === !0,
-      typeIsYearOrMonth: () => ["month", "year", "monthRange"].includes(e.type),
-      setRangeInputFocus: (t) => {
-        const { preventScroll: n } = e;
-        t !== o.rangeInputFocus && (o.rangeInputFocus = t), tt(() => {
-          const a = z.value;
-          if (!a) return;
-          const r = e.prefixCls, l = a.querySelector(`.${r}-range-input`);
-          if (l)
-            switch (t) {
-              case "rangeStart":
-                const p = l.querySelector(`.${r}-range-input-wrapper-start`), s = p == null ? void 0 : p.querySelector("input");
-                s && s.focus({ preventScroll: n }), setTimeout(() => {
-                  S.value.rangeStart = !0;
-                }, fe);
-                break;
-              case "rangeEnd":
-                const u = l.querySelector(`.${r}-range-input-wrapper-end`), m = u == null ? void 0 : u.querySelector("input");
-                m && m.focus({ preventScroll: n }), setTimeout(() => {
-                  S.value.rangeEnd = !0;
-                }, fe);
-                break;
-              default:
-                return;
-            }
-        });
-      },
-      couldPanelClosed: () => S.value.rangeStart && S.value.rangeEnd,
-      isEventTarget: (t) => t && t.target === t.currentTarget,
-      updateInsetInputValue: (t) => {
-        const { insetInput: n } = e;
-        n && !at(t, o.insetInputValue) && (o.insetInputValue = t);
-      },
-      setInsetInputFocus: () => {
-        const { preventScroll: t } = e, { rangeInputFocus: n } = o;
-        switch (n) {
-          case "rangeEnd":
-            if (document.activeElement !== B.value) {
-              const a = B.value;
-              a && a.focus({ preventScroll: t });
-            }
-            break;
-          case "rangeStart":
-          default:
-            if (document.activeElement !== V.value) {
-              const a = V.value;
-              a && a.focus({ preventScroll: t });
-            }
-            break;
-        }
-      },
-      setTriggerDisabled: (t) => {
-        o.triggerDisabled = t;
-      },
-      setInputFocus: () => {
-        const { preventScroll: t } = e, n = A.value;
-        n && n.focus({ preventScroll: t });
-      },
-      setInputBlur: () => {
-        const t = A.value;
-        t && t.blur();
-      },
-      setRangeInputBlur: () => {
-        const { rangeInputFocus: t } = o;
-        if (t === "rangeStart") {
-          const n = V.value;
-          n && n.blur();
-        } else if (t === "rangeEnd") {
-          const n = B.value;
-          n && n.blur();
-        }
-        D.setRangeInputFocus(!1);
-      }
-    }, { foundation: i } = mt(ut, D), Pe = c(() => {
-      if (!e.yearAndMonthOpts)
-        return {};
-      const { type: t, noBackBtn: n, ...a } = e.yearAndMonthOpts;
-      return delete a.noBackBtn, a;
-    }), Ie = c(() => o.panelShow), ke = c(() => Z({ [e.prefixCls]: !0 }, e.className)), Re = c(() => {
-      const n = (Qe(_.direction) ? _.direction.value : _.direction || "ltr") === "rtl" ? "bottomRight" : "bottomLeft";
-      return e.position || n;
-    }), Fe = c(
-      () => Z(
-        y.PREFIX,
-        {
-          [y.PANEL_YAM]: D.typeIsYearOrMonth(),
-          [`${y.PREFIX}-compact`]: e.density === "compact"
-        },
-        e.dropdownClassName
-      )
-    ), Oe = c(() => {
-      const t = De(e.type, e.triggerRender);
-      return Z(`${y.PREFIX}-input`, {
-        [`${y.PREFIX}-range-input`]: t,
-        [`${y.PREFIX}-range-input-${e.size}`]: t && e.size,
-        [`${y.PREFIX}-range-input-active`]: t && o.rangeInputFocus && !e.disabled,
-        [`${y.PREFIX}-range-input-disabled`]: t && e.disabled,
-        [`${y.PREFIX}-range-input-${e.validateStatus}`]: t && e.validateStatus,
-        [`${y.PREFIX}-borderless`]: e.borderless
-      });
-    }), we = c(() => Array.isArray(o.value) && o.value.length ? "Change date" : "Choose date"), O = c(() => Y.value.locale), N = c(() => Y.value.localeCode), X = c(() => Y.value.dateFnsLocale), Ve = c(() => {
-      var r, l;
-      const t = e.placeholder || ((l = (r = O.value) == null ? void 0 : r.placeholder) == null ? void 0 : l[e.type]) || "", n = e.disabled || e.insetInput && o.triggerDisabled, a = {
-        showClearIgnoreDisabled: !!e.insetInput,
-        placeholder: t,
-        disabled: n,
-        inputValue: o.inputValue,
-        value: o.value,
-        defaultPickerValue: e.defaultPickerValue,
-        onChange: K,
-        onEnterPress: J,
-        block: !0,
-        inputStyle: e.inputStyle,
-        showClear: e.showClear,
-        type: e.type,
-        format: e.format,
-        multiple: e.multiple,
-        validateStatus: e.validateStatus,
-        inputReadOnly: e.inputReadOnly || !!e.insetInput,
-        onBlur: ee,
-        onFocus: te,
-        onClear: ae,
-        size: e.size,
-        autofocus: o.autofocus,
-        dateFnsLocale: X.value,
-        rangeInputFocus: o.rangeInputFocus,
-        rangeSeparator: e.rangeSeparator,
-        onRangeBlur: le,
-        onRangeClear: oe,
-        onRangeEndTabPress: re,
-        rangeInputStartRef: e.insetInput ? null : { ref: V },
-        rangeInputEndRef: e.insetInput ? null : { ref: B },
-        inputRef: { ref: A }
-      };
-      return e.clearIcon !== void 0 && (a.clearIcon = e.clearIcon), e.insetLabel !== void 0 && (a.insetLabel = e.insetLabel), e.insetLabelId !== void 0 && (a.insetLabelId = e.insetLabelId), e.prefix !== void 0 && (a.prefix = e.prefix), a;
-    }), Be = c(() => {
-      var a, r;
-      const t = e.placeholder || ((r = (a = O.value) == null ? void 0 : a.placeholder) == null ? void 0 : r[e.type]) || "", n = e.disabled || e.insetInput && o.triggerDisabled;
-      return {
-        ...e,
-        showClearIgnoreDisabled: !!e.insetInput,
-        placeholder: t,
-        disabled: n,
-        inputValue: o.inputValue,
-        value: o.value,
-        defaultPickerValue: e.defaultPickerValue,
-        onChange: K,
-        onEnterPress: J,
-        block: !0,
-        inputStyle: e.inputStyle,
-        showClear: e.showClear,
-        insetLabel: e.insetLabel,
-        insetLabelId: e.insetLabelId,
-        type: e.type,
-        format: e.format,
-        multiple: e.multiple,
-        validateStatus: e.validateStatus,
-        inputReadOnly: e.inputReadOnly || !!e.insetInput,
-        onClick: ne,
-        onBlur: ee,
-        onFocus: te,
-        onClear: ae,
-        prefix: e.prefix,
-        size: e.size,
-        autofocus: o.autofocus,
-        dateFnsLocale: X.value,
-        rangeInputFocus: o.rangeInputFocus,
-        rangeSeparator: e.rangeSeparator,
-        onRangeBlur: le,
-        onRangeClear: oe,
-        onRangeEndTabPress: re,
-        rangeInputStartRef: e.insetInput ? null : { ref: V },
-        rangeInputEndRef: e.insetInput ? null : { ref: B },
-        inputRef: { ref: A },
-        locale: O.value,
-        localeCode: N.value
-      };
-    }), Ee = (t, n) => {
-      if (console.log("[DatePicker handleSelectedChange] 开始", {
-        value: t,
-        valueLength: t == null ? void 0 : t.length,
-        valueDetails: t == null ? void 0 : t.map((l, p) => ({
-          index: p,
-          value: l,
-          type: typeof l,
-          isDate: l instanceof Date,
-          isDateObject: Object.prototype.toString.call(l) === "[object Date]",
-          isValid: l instanceof Date ? !isNaN(l.getTime()) : !1,
-          time: l instanceof Date ? l.getTime() : "N/A"
-        })),
-        options: n,
-        modelValueBefore: d.value,
-        type: e.type,
-        multiple: e.multiple
-      }), t && t.length > 0 && t.every((l) => l == null)) {
-        console.log("[DatePicker handleSelectedChange] 检测到所有值都是 null，可能是清空操作"), i.handleSelectedChange([], n), console.log("[DatePicker handleSelectedChange] foundation.handleSelectedChange 调用完成（空数组）");
-        return;
-      }
-      const r = t.filter((l) => {
-        if (l == null)
-          return !1;
-        if (l instanceof Date)
-          return !isNaN(l.getTime());
-        if (l && typeof l == "object") {
-          const p = new Date(l);
-          return !isNaN(p.getTime());
-        }
-        return !1;
-      }).map((l) => l instanceof Date ? l : new Date(l));
-      console.log("[DatePicker handleSelectedChange] 过滤后的有效日期", {
-        validDates: r,
-        validDatesLength: r.length,
-        validDatesDetails: r.map((l, p) => ({
-          index: p,
-          value: l,
-          type: typeof l,
-          isDate: l instanceof Date,
-          time: l.getTime()
-        }))
-      }), r.length === 0 && t.length > 0 && console.warn("[DatePicker handleSelectedChange] 警告：没有有效的日期对象，但原始值不为空", t), d.value !== void 0 && r.length > 0, i.handleSelectedChange(r, n), console.log("[DatePicker handleSelectedChange] foundation.handleSelectedChange 调用完成");
-    }, Te = (t) => {
-      i.handleSetRangeFocus(t);
-    }, Ae = (t) => t === "rangeStart" ? S.value.rangeEnd : S.value.rangeStart, Q = (t, ...n) => typeof e.disabledDate != "function" ? !1 : i.disabledDisposeDate(t, ...n), Ne = (t, ...n) => i.disabledDisposeTime(t, ...n), U = () => !e.presets || e.presets.length === 0 ? null : !0, H = () => e.insetInput ? ce : null, xe = c(() => o.value && o.value.length > 0 ? [...o.value].filter((n) => n) : o.cachedSelectedValue && o.cachedSelectedValue.length > 0 ? [...o.cachedSelectedValue].filter((n) => n) : []), Le = c(() => {
-      const t = /* @__PURE__ */ new Date(), n = { left: t.getFullYear(), right: t.getFullYear() }, a = o.value[0];
-      if (a instanceof Date && !isNaN(a.getTime()) && (n.left = a.getFullYear()), e.type === "monthRange") {
-        const r = o.value[1];
-        r instanceof Date && !isNaN(r.getTime()) ? n.right = r.getFullYear() : n.right = n.left;
-      }
-      return n;
-    }), Me = c(() => {
-      const t = /* @__PURE__ */ new Date(), n = { left: t.getMonth() + 1, right: t.getMonth() + 2 }, a = o.value[0];
-      if (a instanceof Date && !isNaN(a.getTime()) && (n.left = a.getMonth() + 1), e.type === "monthRange") {
-        const r = o.value[1];
-        r instanceof Date && !isNaN(r.getTime()) ? n.right = r.getMonth() + 1 : n.right = n.left + 1 > 12 ? 1 : n.left + 1;
-      }
-      return n;
-    }), $e = (t) => {
-      i.handleYMSelectedChange(t);
-    };
-    E(
-      () => o.panelShow,
-      (t) => {
-        t && j.value && j.value.foundation.init();
-      }
-    );
-    const _e = (t) => {
-      i.handleConfirm();
-    }, Ye = (t) => {
-      i.handleCancel();
-    }, ze = (t) => {
-      i.handlePanelVisibleChange(t);
-    }, K = (t, n) => {
-      i.handleInputChange(t, n);
-    }, J = (t) => {
-      i.handleInputComplete(t);
-    }, ee = (t, n) => {
-      i.handleInputBlur(t, n);
-    }, te = (t, n) => {
-      i.handleInputFocus(t, n);
-    }, ne = (t) => {
-      i.handleTriggerWrapperClick(t);
-    }, ae = (t) => {
-      i.handleInputClear(t);
-    }, le = (t, n) => {
-      i.handleRangeInputBlur(t, n);
-    }, oe = (t) => {
-      i.handleRangeInputClear(t);
-    }, re = (t) => {
-      i.handleRangeEndTabPress(t);
-    };
-    return Ue(() => {
-      i.init();
-    }), He(() => {
-      i.destroy(), D.unregisterClickOutSide();
-    }), E(
-      () => e.open,
-      (t) => {
-        t !== void 0 && t !== o.panelShow && (o.panelShow = t);
-      }
-    ), E(
-      () => d.value,
-      (t) => {
-        t !== void 0 && i.initFromProps({
-          ...e,
-          value: t
-        });
-      }
-    ), E(
-      () => e.value,
-      (t) => {
-        d.value === void 0 && i.initFromProps({
-          ...e,
-          value: t
-        });
-      }
-    ), E(
-      () => e.timeZone,
-      (t, n) => {
-        i.initFromProps({
-          timeZone: t,
-          prevTimeZone: n,
-          value: o.value
-        });
-      }
-    ), ge({
-      open: () => i.open(),
-      close: () => i.close(),
-      focus: (t) => i.focus(t),
-      blur: () => i.blur()
-    }), (t, n) => (f(), T("div", x({
-      ref_key: "datePickerRef",
-      ref: z,
-      class: ke.value,
-      style: e.style,
-      "aria-invalid": e["aria-invalid"],
-      "aria-errormessage": e["aria-errormessage"],
-      "aria-labelledby": e["aria-labelledby"],
-      "aria-describedby": e["aria-describedby"],
-      "aria-required": e["aria-required"]
-    }, g(Se)(g(he))), [
-      Ke(g(lt), {
-        ref_key: "popoverRef",
-        ref: ve,
-        getPopupContainer: e.getPopupContainer,
-        zIndex: e.zIndex,
-        trigger: "custom",
-        position: Re.value,
-        visible: Ie.value,
-        motion: e.motion,
-        margin: e.dropdownMargin,
-        autoAdjustOverflow: e.autoAdjustOverflow,
-        stopPropagation: e.stopPropagation,
-        spacing: e.spacing,
-        onVisibleChange: ze
-      }, {
-        content: L(() => [
-          M("div", {
-            ref_key: "panelRef",
-            ref: W,
-            class: F(Fe.value),
-            style: Je(e.dropdownStyle)
-          }, [
-            M("div", {
-              class: F(`${e.prefixCls}-container`)
-            }, [
-              g(C).leftSlot || e.leftSlot ? (f(), T("div", {
-                key: 0,
-                class: F(`${e.prefixCls}-leftSlot`),
-                "x-semi-prop": "leftSlot"
-              }, [
-                g(C).leftSlot ? w(t.$slots, "leftSlot", { key: 0 }) : e.leftSlot ? (f(), P($(e.leftSlot), { key: 1 })) : I("", !0)
-              ], 2)) : I("", !0),
-              M("div", null, [
-                g(C).topSlot || e.topSlot ? (f(), T("div", {
-                  key: 0,
-                  class: F(`${e.prefixCls}-topSlot`),
-                  "x-semi-prop": "topSlot"
-                }, [
-                  g(C).topSlot ? w(t.$slots, "topSlot", { key: 0 }) : e.topSlot ? (f(), P($(e.topSlot), { key: 1 })) : I("", !0)
-                ], 2)) : I("", !0),
-                D.typeIsYearOrMonth() ? (f(), P(rt, x({
-                  key: 1,
-                  locale: O.value,
-                  localeCode: N.value,
-                  disabledDate: Q,
-                  monthCycled: !0,
-                  onSelect: $e,
-                  currentYear: Le.value,
-                  currentMonth: Me.value,
-                  density: e.density,
-                  presetPosition: e.presetPosition,
-                  renderQuickControls: U(),
-                  renderDateInput: H(),
-                  startYear: e.startYear,
-                  endYear: e.endYear,
-                  type: e.type,
-                  noBackBtn: !0
-                }, Pe.value), null, 16, ["locale", "localeCode", "currentYear", "currentMonth", "density", "presetPosition", "renderQuickControls", "renderDateInput", "startYear", "endYear", "type"])) : (f(), P(ot, {
-                  key: 2,
-                  ref_key: "monthGridRef",
-                  ref: j,
-                  locale: O.value,
-                  localeCode: N.value,
-                  dateFnsLocale: X.value,
-                  weekStartsOn: e.weekStartsOn,
-                  type: e.type,
-                  multiple: e.multiple,
-                  max: e.max,
-                  format: e.format,
-                  disabledDate: Q,
-                  hideDisabledOptions: e.hideDisabledOptions,
-                  disabledTimePicker: e.disabledTimePicker,
-                  disabledTime: Ne,
-                  initialValue: xe.value,
-                  defaultPickerValue: e.defaultPickerValue,
-                  timePickerOpts: e.timePickerOpts,
-                  isControlledComponent: !D.needConfirm() && be("value"),
-                  onChange: Ee,
-                  renderDate: e.renderDate,
-                  renderFullDate: e.renderFullDate,
-                  startDateOffset: e.startDateOffset,
-                  endDateOffset: e.endDateOffset,
-                  autoSwitchDate: e.autoSwitchDate,
-                  density: e.density,
-                  rangeInputFocus: o.rangeInputFocus,
-                  setRangeInputFocus: Te,
-                  isAnotherPanelHasOpened: Ae,
-                  syncSwitchMonth: e.syncSwitchMonth,
-                  onPanelChange: e.onPanelChange,
-                  timeZone: e.timeZone,
-                  focusRecordsRef: S.value,
-                  triggerRender: e.triggerRender,
-                  insetInput: e.insetInput,
-                  presetPosition: e.presetPosition,
-                  renderQuickControls: U(),
-                  renderDateInput: H(),
-                  yearAndMonthOpts: e.yearAndMonthOpts,
-                  startYear: e.startYear,
-                  endYear: e.endYear
-                }, et({ _: 2 }, [
-                  g(C).date ? {
-                    name: "date",
-                    fn: L((a) => [
-                      w(t.$slots, "date", ie(se(a)))
-                    ]),
-                    key: "0"
-                  } : void 0,
-                  g(C).fullDate ? {
-                    name: "fullDate",
-                    fn: L((a) => [
-                      w(t.$slots, "fullDate", ie(se(a)))
-                    ]),
-                    key: "1"
-                  } : void 0
-                ]), 1032, ["locale", "localeCode", "dateFnsLocale", "weekStartsOn", "type", "multiple", "max", "format", "hideDisabledOptions", "disabledTimePicker", "initialValue", "defaultPickerValue", "timePickerOpts", "isControlledComponent", "renderDate", "renderFullDate", "startDateOffset", "endDateOffset", "autoSwitchDate", "density", "rangeInputFocus", "syncSwitchMonth", "onPanelChange", "timeZone", "focusRecordsRef", "triggerRender", "insetInput", "presetPosition", "renderQuickControls", "renderDateInput", "yearAndMonthOpts", "startYear", "endYear"])),
-                g(C).bottomSlot || e.bottomSlot ? (f(), T("div", {
-                  key: 3,
-                  class: F(`${e.prefixCls}-bottomSlot`),
-                  "x-semi-prop": "bottomSlot"
-                }, [
-                  g(C).bottomSlot ? w(t.$slots, "bottomSlot", { key: 0 }) : e.bottomSlot ? (f(), P($(e.bottomSlot), { key: 1 })) : I("", !0)
-                ], 2)) : I("", !0)
-              ]),
-              g(C).rightSlot || e.rightSlot ? (f(), T("div", {
-                key: 1,
-                class: F(`${e.prefixCls}-rightSlot`),
-                "x-semi-prop": "rightSlot"
-              }, [
-                g(C).rightSlot ? w(t.$slots, "rightSlot", { key: 0 }) : e.rightSlot ? (f(), P($(e.rightSlot), { key: 1 })) : I("", !0)
-              ], 2)) : I("", !0)
-            ], 2),
-            D.needConfirm() ? (f(), P(it, {
-              key: 0,
-              prefixCls: e.prefixCls,
-              locale: O.value,
-              localeCode: N.value,
-              onCancel: Ye,
-              onConfirm: _e
-            }, null, 8, ["prefixCls", "locale", "localeCode"])) : I("", !0)
-          ], 6)
-        ]),
-        default: L(() => [
-          M("div", {
-            role: "combobox",
-            "aria-label": we.value,
-            "aria-disabled": e.disabled,
-            class: F(Oe.value),
-            onClick: ne
-          }, [
-            typeof e.triggerRender == "function" ? (f(), P(g(st), x({
-              key: 0,
-              triggerRender: e.triggerRender,
-              componentName: "DatePicker",
-              componentProps: e
-            }, Ve.value), null, 16, ["triggerRender"])) : (f(), P(ce, x({ key: 1 }, Be.value, {
-              "input-value": o.inputValue
-            }), null, 16, ["input-value"]))
-          ], 10, yt)
-        ]),
-        _: 3
-      }, 8, ["getPopupContainer", "zIndex", "position", "visible", "motion", "margin", "autoAdjustOverflow", "stopPropagation", "spacing"])
-    ], 16, ht));
-  }
-});
-export {
-  xt as default
-};