@transsionfe/semi-ui-vue 0.0.3 → 0.0.5

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

@@ -1,25 +1,26 @@
-import { defineComponent as Le, useAttrs as Me, getCurrentInstance as Ne, reactive as Ye, ref as h, computed as i, isRef as $e, watch as D, onMounted as ze, onUnmounted as Xe, createElementBlock as P, openBlock as s, mergeProps as O, unref as E, createVNode as Ze, withCtx as te, createElementVNode as w, normalizeClass as C, createBlock as g, normalizeStyle as qe, createCommentVNode as R, resolveDynamicComponent as B, nextTick as je } from "vue";
-import N from "classnames";
-import { noop as c, stubFalse as Ge, isFunction as ne, isEqual as Qe } from "lodash-es";
-import Ue from "../popover/Popover.vue.js";
-import ae from "./DateInput.vue.js";
-/* empty css               */
-import He from "./MonthsGrid.vue.js";
-import Ke from "./YearAndMonth.vue.js";
-import We from "./Footer.vue.js";
-import Je from "../trigger/Trigger.vue.js";
-import et from "@douyinfe/semi-foundation/datePicker/foundation";
-import { numbers as oe, strings as tt, cssClasses as d } from "@douyinfe/semi-foundation/datePicker/constants";
-import { numbers as nt } from "@douyinfe/semi-foundation/popover/constants";
-import { useConfigContext as at } from "../configProvider/context.js";
-import { useLocale as ot } from "../_utils/useLocale.js";
-import { useBaseComponent as lt } from "../_utils/useBaseComponent.js";
-import { useFoundation as rt } from "../../_utils/useFoundation.js";
-const it = ["aria-invalid", "aria-errormessage", "aria-labelledby", "aria-describedby", "aria-required"], st = ["aria-label", "aria-disabled"], le = 0, kt = /* @__PURE__ */ Le({
+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: {
+  props: /* @__PURE__ */ ue({
     "aria-describedby": {},
     "aria-errormessage": {},
     "aria-invalid": { type: Boolean },
@@ -38,7 +39,7 @@ const it = ["aria-invalid", "aria-errormessage", "aria-labelledby", "aria-descri
     defaultValue: {},
     density: { default: "default" },
     disabled: { type: Boolean },
-    disabledDate: { type: Function, default: Ge },
+    disabledDate: { type: Function, default: nt },
     disabledTime: { type: Function, default: () => ({}) },
     disabledTimePicker: { type: Boolean },
     dropdownClassName: {},
@@ -61,22 +62,22 @@ const it = ["aria-invalid", "aria-errormessage", "aria-labelledby", "aria-descri
     multiple: { type: Boolean, default: !1 },
     needConfirm: { type: Boolean },
     onChangeWithDateFirst: { type: Boolean, default: !0 },
-    onPanelChange: { type: Function, default: c },
+    onPanelChange: { type: Function, default: v },
     open: { type: Boolean },
     placeholder: {},
     position: {},
     prefix: {},
-    prefixCls: { default: d.PREFIX },
+    prefixCls: { default: y.PREFIX },
     presetPosition: { default: "bottom" },
     presets: {},
     preventScroll: { type: Boolean },
-    rangeSeparator: { default: tt.DEFAULT_SEPARATOR_RANGE },
+    rangeSeparator: { default: dt.DEFAULT_SEPARATOR_RANGE },
     renderDate: {},
     renderFullDate: {},
     rightSlot: {},
     showClear: { type: Boolean, default: !0 },
     size: { default: "default" },
-    spacing: { default: oe.SPACING },
+    spacing: { default: pe.SPACING },
     startDateOffset: {},
     startYear: {},
     endYear: {},
@@ -90,34 +91,39 @@ const it = ["aria-invalid", "aria-errormessage", "aria-labelledby", "aria-descri
     type: { default: "date" },
     validateStatus: {},
     value: {},
-    weekStartsOn: { default: oe.WEEK_START_ON },
+    weekStartsOn: { default: pe.WEEK_START_ON },
     yearAndMonthOpts: {},
-    zIndex: { default: nt.DEFAULT_Z_INDEX },
-    onBlur: { type: Function, default: c },
-    onCancel: { type: Function, default: c },
-    onChange: { type: Function, default: c },
-    onClear: { type: Function, default: c },
-    onClickOutSide: { type: Function, default: c },
-    onConfirm: { type: Function, default: c },
-    onFocus: { type: Function, default: c },
-    onOpenChange: { type: Function, default: c },
-    onPresetClick: { type: Function, default: c }
-  },
-  emits: ["change", "openChange", "focus", "blur", "clear", "cancel", "confirm", "panelChange", "presetClick", "clickOutSide"],
-  setup(re, { expose: ie, emit: se }) {
-    const e = re, ue = Me(), x = Ne(), T = at(), de = () => {
-      const t = x == null ? void 0 : x.vnode, n = (t == null ? void 0 : t.props) || {}, a = { ...e }, r = ["open", "value"];
-      for (const u of r) {
-        const I = u.replace(/([A-Z])/g, "-$1").toLowerCase();
-        !(u in n) && !(I in n) && delete a[u];
+    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;
-    }, V = ot({
+    }, Y = ft({
       componentName: "DatePicker",
       locale: e.locale,
       localeCode: e.localeCode,
       dateFnsLocale: e.dateFnsLocale
-    }), ce = (t, n) => /range/i.test(t) && !ne(n), o = Ye({
+    }), Ce = (t, n) => /range/i.test(t) && !de(n), o = Ge({
       panelShow: e.open || e.defaultOpen || !1,
       isRange: !1,
       inputValue: null,
@@ -125,60 +131,96 @@ const it = ["aria-invalid", "aria-errormessage", "aria-labelledby", "aria-descri
       cachedSelectedValue: [],
       prevTimeZone: null,
       rangeInputFocus: void 0,
-      autofocus: e.autoFocus || ce(e.type || "", e.triggerRender) && (e.open || e.defaultOpen) || !1,
+      autofocus: e.autoFocus || Ce(e.type || "", e.triggerRender) && (e.open || e.defaultOpen) || !1,
       insetInputValue: null,
       triggerDisabled: void 0
-    }), _ = h(null), Y = h(null), pe = h(null), F = h(null), b = h(null), S = h(null), A = h(null), p = h({
+    }), 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 y = null;
-    const m = se, { adapter: fe, getDataAttr: ge } = lt(e, o), me = (t) => e[t] !== void 0, he = (t, n) => /range/i.test(t) && !ne(n), f = {
-      ...fe,
-      getProps: () => de(),
+    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 || (p.value.rangeEnd = !1, p.value.rangeStart = !1);
+        o.panelShow = t, n && n(), t || (S.value.rangeEnd = !1, S.value.rangeStart = !1);
       },
       registerClickOutSide: () => {
-        y && (f.unregisterClickOutSide(), y = null), y = (t) => {
-          const n = _.value, a = Y.value, r = t.target, u = t.composedPath && t.composedPath() || [r];
-          !(n && n.contains(r)) && !(a && a.contains(r)) && !(u.includes(n) || u.includes(a)) && (e.onClickOutSide(t), f.needConfirm() || l.closePanel());
-        }, document.addEventListener("mousedown", y);
+        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: () => {
-        y && (document.removeEventListener("mousedown", y), y = null);
+        R && (document.removeEventListener("mousedown", R), R = null);
       },
       notifyBlur: (t) => {
         var n;
-        (n = e.onBlur) == null || n.call(e, t), m("blur", t);
+        (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), m("focus", t, n);
+        (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), m("clear", t);
+        (n = e.onClear) == null || n.call(e, t), b("clear", t);
       },
       notifyChange: (t, n) => {
-        var a;
-        (a = e.onChange) == null || a.call(e, t, n), m("change", 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), m("cancel", t, n);
+        (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), m("confirm", t, n);
+        (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), m("openChange", t);
+        (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), m("presetClick", t, n);
+        (a = e.onPresetClick) == null || a.call(e, t, n), b("presetClick", t, n);
       },
       updateValue: (t) => {
         o.value = t;
@@ -197,48 +239,48 @@ const it = ["aria-invalid", "aria-errormessage", "aria-labelledby", "aria-descri
       typeIsYearOrMonth: () => ["month", "year", "monthRange"].includes(e.type),
       setRangeInputFocus: (t) => {
         const { preventScroll: n } = e;
-        t !== o.rangeInputFocus && (o.rangeInputFocus = t), je(() => {
-          const a = _.value;
+        t !== o.rangeInputFocus && (o.rangeInputFocus = t), tt(() => {
+          const a = z.value;
           if (!a) return;
-          const r = e.prefixCls, u = a.querySelector(`.${r}-range-input`);
-          if (u)
+          const r = e.prefixCls, l = a.querySelector(`.${r}-range-input`);
+          if (l)
             switch (t) {
               case "rangeStart":
-                const I = u.querySelector(`.${r}-range-input-wrapper-start`), J = I == null ? void 0 : I.querySelector("input");
-                J && J.focus({ preventScroll: n }), setTimeout(() => {
-                  p.value.rangeStart = !0;
-                }, le);
+                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 M = u.querySelector(`.${r}-range-input-wrapper-end`), ee = M == null ? void 0 : M.querySelector("input");
-                ee && ee.focus({ preventScroll: n }), setTimeout(() => {
-                  p.value.rangeEnd = !0;
-                }, le);
+                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: () => p.value.rangeStart && p.value.rangeEnd,
+      couldPanelClosed: () => S.value.rangeStart && S.value.rangeEnd,
       isEventTarget: (t) => t && t.target === t.currentTarget,
       updateInsetInputValue: (t) => {
         const { insetInput: n } = e;
-        n && !Qe(t, o.insetInputValue) && (o.insetInputValue = t);
+        n && !at(t, o.insetInputValue) && (o.insetInputValue = t);
       },
       setInsetInputFocus: () => {
         const { preventScroll: t } = e, { rangeInputFocus: n } = o;
         switch (n) {
           case "rangeEnd":
-            if (document.activeElement !== S.value) {
-              const a = S.value;
+            if (document.activeElement !== B.value) {
+              const a = B.value;
               a && a.focus({ preventScroll: t });
             }
             break;
           case "rangeStart":
           default:
-            if (document.activeElement !== b.value) {
-              const a = b.value;
+            if (document.activeElement !== V.value) {
+              const a = V.value;
               a && a.focus({ preventScroll: t });
             }
             break;
@@ -248,62 +290,62 @@ const it = ["aria-invalid", "aria-errormessage", "aria-labelledby", "aria-descri
         o.triggerDisabled = t;
       },
       setInputFocus: () => {
-        const { preventScroll: t } = e, n = F.value;
+        const { preventScroll: t } = e, n = A.value;
         n && n.focus({ preventScroll: t });
       },
       setInputBlur: () => {
-        const t = F.value;
+        const t = A.value;
         t && t.blur();
       },
       setRangeInputBlur: () => {
         const { rangeInputFocus: t } = o;
         if (t === "rangeStart") {
-          const n = b.value;
+          const n = V.value;
           n && n.blur();
         } else if (t === "rangeEnd") {
-          const n = S.value;
+          const n = B.value;
           n && n.blur();
         }
-        f.setRangeInputFocus(!1);
+        D.setRangeInputFocus(!1);
       }
-    }, { foundation: l } = rt(et, f), ye = i(() => {
+    }, { foundation: i } = mt(ut, D), Pe = c(() => {
       if (!e.yearAndMonthOpts)
         return {};
       const { type: t, noBackBtn: n, ...a } = e.yearAndMonthOpts;
       return delete a.noBackBtn, a;
-    }), Ce = i(() => o.panelShow), ve = i(() => N({ [e.prefixCls]: !0 }, e.className)), be = i(() => {
-      const n = ($e(T.direction) ? T.direction.value : T.direction || "ltr") === "rtl" ? "bottomRight" : "bottomLeft";
+    }), 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;
-    }), Se = i(
-      () => N(
-        d.PREFIX,
+    }), Fe = c(
+      () => Z(
+        y.PREFIX,
         {
-          [d.PANEL_YAM]: f.typeIsYearOrMonth(),
-          [`${d.PREFIX}-compact`]: e.density === "compact"
+          [y.PANEL_YAM]: D.typeIsYearOrMonth(),
+          [`${y.PREFIX}-compact`]: e.density === "compact"
         },
         e.dropdownClassName
       )
-    ), Ie = i(() => {
-      const t = he(e.type, e.triggerRender);
-      return N(`${d.PREFIX}-input`, {
-        [`${d.PREFIX}-range-input`]: t,
-        [`${d.PREFIX}-range-input-${e.size}`]: t && e.size,
-        [`${d.PREFIX}-range-input-active`]: t && o.rangeInputFocus && !e.disabled,
-        [`${d.PREFIX}-range-input-disabled`]: t && e.disabled,
-        [`${d.PREFIX}-range-input-${e.validateStatus}`]: t && e.validateStatus,
-        [`${d.PREFIX}-borderless`]: e.borderless
+    ), 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
       });
-    }), Pe = i(() => Array.isArray(o.value) && o.value.length ? "Change date" : "Choose date"), v = i(() => V.value.locale), k = i(() => V.value.localeCode), L = i(() => V.value.dateFnsLocale), Re = i(() => {
-      var r, u;
-      const t = e.placeholder || ((u = (r = v.value) == null ? void 0 : r.placeholder) == null ? void 0 : u[e.type]) || "", n = e.disabled || e.insetInput && o.triggerDisabled, a = {
+    }), 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: Z,
-        onEnterPress: q,
+        onChange: K,
+        onEnterPress: J,
         block: !0,
         inputStyle: e.inputStyle,
         showClear: e.showClear,
@@ -312,25 +354,25 @@ const it = ["aria-invalid", "aria-errormessage", "aria-labelledby", "aria-descri
         multiple: e.multiple,
         validateStatus: e.validateStatus,
         inputReadOnly: e.inputReadOnly || !!e.insetInput,
-        onBlur: j,
-        onFocus: G,
-        onClear: U,
+        onBlur: ee,
+        onFocus: te,
+        onClear: ae,
         size: e.size,
         autofocus: o.autofocus,
-        dateFnsLocale: L.value,
+        dateFnsLocale: X.value,
         rangeInputFocus: o.rangeInputFocus,
         rangeSeparator: e.rangeSeparator,
-        onRangeBlur: H,
-        onRangeClear: K,
-        onRangeEndTabPress: W,
-        rangeInputStartRef: e.insetInput ? null : { ref: b },
-        rangeInputEndRef: e.insetInput ? null : { ref: S },
-        inputRef: { ref: F }
+        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;
-    }), Fe = i(() => {
+    }), Be = c(() => {
       var a, r;
-      const t = e.placeholder || ((r = (a = v.value) == null ? void 0 : a.placeholder) == null ? void 0 : r[e.type]) || "", n = e.disabled || e.insetInput && o.triggerDisabled;
+      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,
@@ -339,8 +381,8 @@ const it = ["aria-invalid", "aria-errormessage", "aria-labelledby", "aria-descri
         inputValue: o.inputValue,
         value: o.value,
         defaultPickerValue: e.defaultPickerValue,
-        onChange: Z,
-        onEnterPress: q,
+        onChange: K,
+        onEnterPress: J,
         block: !0,
         inputStyle: e.inputStyle,
         showClear: e.showClear,
@@ -351,197 +393,246 @@ const it = ["aria-invalid", "aria-errormessage", "aria-labelledby", "aria-descri
         multiple: e.multiple,
         validateStatus: e.validateStatus,
         inputReadOnly: e.inputReadOnly || !!e.insetInput,
-        onClick: Q,
-        onBlur: j,
-        onFocus: G,
-        onClear: U,
+        onClick: ne,
+        onBlur: ee,
+        onFocus: te,
+        onClear: ae,
         prefix: e.prefix,
         size: e.size,
         autofocus: o.autofocus,
-        dateFnsLocale: L.value,
+        dateFnsLocale: X.value,
         rangeInputFocus: o.rangeInputFocus,
         rangeSeparator: e.rangeSeparator,
-        onRangeBlur: H,
-        onRangeClear: K,
-        onRangeEndTabPress: W,
-        rangeInputStartRef: e.insetInput ? null : { ref: b },
-        rangeInputEndRef: e.insetInput ? null : { ref: S },
-        inputRef: { ref: F },
-        locale: v.value,
-        localeCode: k.value
+        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
       };
-    }), ke = (t, n) => {
-      l.handleSelectedChange(t, n);
-    }, De = (t) => {
-      l.handleSetRangeFocus(t);
-    }, Oe = (t) => t === "rangeStart" ? p.value.rangeEnd : p.value.rangeStart, $ = (t, ...n) => typeof e.disabledDate != "function" ? !1 : l.disabledDisposeDate(t, ...n), Ee = (t, ...n) => l.disabledDisposeTime(t, ...n), z = () => !e.presets || e.presets.length === 0 ? null : !0, X = () => e.insetInput ? ae : null, we = i(() => o.value && o.value.length > 0 ? [...o.value] : o.cachedSelectedValue && o.cachedSelectedValue.length > 0 ? [...o.cachedSelectedValue] : []), Be = i(() => {
+    }), 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;
-    }), xe = i(() => {
+    }), 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;
-    }), Te = (t) => {
-      l.handleYMSelectedChange(t);
+    }), $e = (t) => {
+      i.handleYMSelectedChange(t);
     };
-    D(
+    E(
       () => o.panelShow,
       (t) => {
-        t && A.value && A.value.foundation.init();
+        t && j.value && j.value.foundation.init();
       }
     );
-    const Ve = (t) => {
-      l.handleConfirm();
-    }, _e = (t) => {
-      l.handleCancel();
-    }, Ae = (t) => {
-      l.handlePanelVisibleChange(t);
-    }, Z = (t, n) => {
-      l.handleInputChange(t, n);
-    }, q = (t) => {
-      l.handleInputComplete(t);
-    }, j = (t, n) => {
-      l.handleInputBlur(t, n);
-    }, G = (t, n) => {
-      l.handleInputFocus(t, n);
-    }, Q = (t) => {
-      l.handleTriggerWrapperClick(t);
-    }, U = (t) => {
-      l.handleInputClear(t);
-    }, H = (t, n) => {
-      l.handleRangeInputBlur(t, n);
-    }, K = (t) => {
-      l.handleRangeInputClear(t);
-    }, W = (t) => {
-      l.handleRangeEndTabPress(t);
+    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 ze(() => {
-      l.init();
-    }), Xe(() => {
-      l.destroy(), f.unregisterClickOutSide();
-    }), D(
+    return Ue(() => {
+      i.init();
+    }), He(() => {
+      i.destroy(), D.unregisterClickOutSide();
+    }), E(
       () => e.open,
       (t) => {
         t !== void 0 && t !== o.panelShow && (o.panelShow = t);
       }
-    ), D(
+    ), E(
+      () => d.value,
+      (t) => {
+        t !== void 0 && i.initFromProps({
+          ...e,
+          value: t
+        });
+      }
+    ), E(
       () => e.value,
       (t) => {
-        l.initFromProps({
+        d.value === void 0 && i.initFromProps({
           ...e,
           value: t
         });
       }
-    ), D(
+    ), E(
       () => e.timeZone,
       (t, n) => {
-        l.initFromProps({
+        i.initFromProps({
           timeZone: t,
           prevTimeZone: n,
           value: o.value
         });
       }
-    ), ie({
-      open: () => l.open(),
-      close: () => l.close(),
-      focus: (t) => l.focus(t),
-      blur: () => l.blur()
-    }), (t, n) => (s(), P("div", O({
+    ), 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: _,
-      class: ve.value,
+      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"]
-    }, E(ge)(E(ue))), [
-      Ze(E(Ue), {
+    }, g(Se)(g(he))), [
+      Ke(g(lt), {
         ref_key: "popoverRef",
-        ref: pe,
+        ref: ve,
         getPopupContainer: e.getPopupContainer,
         zIndex: e.zIndex,
         trigger: "custom",
-        position: be.value,
-        visible: Ce.value,
+        position: Re.value,
+        visible: Ie.value,
         motion: e.motion,
         margin: e.dropdownMargin,
         autoAdjustOverflow: e.autoAdjustOverflow,
         stopPropagation: e.stopPropagation,
         spacing: e.spacing,
-        onVisibleChange: Ae
+        onVisibleChange: ze
       }, {
-        content: te(() => [
-          w("div", {
+        content: L(() => [
+          M("div", {
             ref_key: "panelRef",
-            ref: Y,
-            class: C(Se.value),
-            style: qe(e.dropdownStyle)
+            ref: W,
+            class: F(Fe.value),
+            style: Je(e.dropdownStyle)
           }, [
-            w("div", {
-              class: C(`${e.prefixCls}-container`)
+            M("div", {
+              class: F(`${e.prefixCls}-container`)
             }, [
-              e.leftSlot ? (s(), P("div", {
+              g(C).leftSlot || e.leftSlot ? (f(), T("div", {
                 key: 0,
-                class: C(`${e.prefixCls}-leftSlot`),
+                class: F(`${e.prefixCls}-leftSlot`),
                 "x-semi-prop": "leftSlot"
               }, [
-                (s(), g(B(e.leftSlot)))
-              ], 2)) : R("", !0),
-              w("div", null, [
-                e.topSlot ? (s(), P("div", {
+                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: C(`${e.prefixCls}-topSlot`),
+                  class: F(`${e.prefixCls}-topSlot`),
                   "x-semi-prop": "topSlot"
                 }, [
-                  (s(), g(B(e.topSlot)))
-                ], 2)) : R("", !0),
-                f.typeIsYearOrMonth() ? (s(), g(Ke, O({
+                  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: v.value,
-                  localeCode: k.value,
-                  disabledDate: $,
+                  locale: O.value,
+                  localeCode: N.value,
+                  disabledDate: Q,
                   monthCycled: !0,
-                  onSelect: Te,
-                  currentYear: Be.value,
-                  currentMonth: xe.value,
+                  onSelect: $e,
+                  currentYear: Le.value,
+                  currentMonth: Me.value,
                   density: e.density,
                   presetPosition: e.presetPosition,
-                  renderQuickControls: z(),
-                  renderDateInput: X(),
+                  renderQuickControls: U(),
+                  renderDateInput: H(),
                   startYear: e.startYear,
                   endYear: e.endYear,
                   type: e.type,
                   noBackBtn: !0
-                }, ye.value), null, 16, ["locale", "localeCode", "currentYear", "currentMonth", "density", "presetPosition", "renderQuickControls", "renderDateInput", "startYear", "endYear", "type"])) : (s(), g(He, {
+                }, Pe.value), null, 16, ["locale", "localeCode", "currentYear", "currentMonth", "density", "presetPosition", "renderQuickControls", "renderDateInput", "startYear", "endYear", "type"])) : (f(), P(ot, {
                   key: 2,
                   ref_key: "monthGridRef",
-                  ref: A,
-                  locale: v.value,
-                  localeCode: k.value,
-                  dateFnsLocale: L.value,
+                  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: $,
+                  disabledDate: Q,
                   hideDisabledOptions: e.hideDisabledOptions,
                   disabledTimePicker: e.disabledTimePicker,
-                  disabledTime: Ee,
-                  initialValue: we.value,
+                  disabledTime: Ne,
+                  initialValue: xe.value,
                   defaultPickerValue: e.defaultPickerValue,
                   timePickerOpts: e.timePickerOpts,
-                  isControlledComponent: !f.needConfirm() && me("value"),
-                  onChange: ke,
+                  isControlledComponent: !D.needConfirm() && be("value"),
+                  onChange: Ee,
                   renderDate: e.renderDate,
                   renderFullDate: e.renderFullDate,
                   startDateOffset: e.startDateOffset,
@@ -549,71 +640,85 @@ const it = ["aria-invalid", "aria-errormessage", "aria-labelledby", "aria-descri
                   autoSwitchDate: e.autoSwitchDate,
                   density: e.density,
                   rangeInputFocus: o.rangeInputFocus,
-                  setRangeInputFocus: De,
-                  isAnotherPanelHasOpened: Oe,
+                  setRangeInputFocus: Te,
+                  isAnotherPanelHasOpened: Ae,
                   syncSwitchMonth: e.syncSwitchMonth,
                   onPanelChange: e.onPanelChange,
                   timeZone: e.timeZone,
-                  focusRecordsRef: p.value,
+                  focusRecordsRef: S.value,
                   triggerRender: e.triggerRender,
                   insetInput: e.insetInput,
                   presetPosition: e.presetPosition,
-                  renderQuickControls: z(),
-                  renderDateInput: X(),
+                  renderQuickControls: U(),
+                  renderDateInput: H(),
                   yearAndMonthOpts: e.yearAndMonthOpts,
                   startYear: e.startYear,
                   endYear: e.endYear
-                }, null, 8, ["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"])),
-                e.bottomSlot ? (s(), P("div", {
+                }, 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: C(`${e.prefixCls}-bottomSlot`),
+                  class: F(`${e.prefixCls}-bottomSlot`),
                   "x-semi-prop": "bottomSlot"
                 }, [
-                  (s(), g(B(e.bottomSlot)))
-                ], 2)) : R("", !0)
+                  g(C).bottomSlot ? w(t.$slots, "bottomSlot", { key: 0 }) : e.bottomSlot ? (f(), P($(e.bottomSlot), { key: 1 })) : I("", !0)
+                ], 2)) : I("", !0)
               ]),
-              e.rightSlot ? (s(), P("div", {
+              g(C).rightSlot || e.rightSlot ? (f(), T("div", {
                 key: 1,
-                class: C(`${e.prefixCls}-rightSlot`),
+                class: F(`${e.prefixCls}-rightSlot`),
                 "x-semi-prop": "rightSlot"
               }, [
-                (s(), g(B(e.rightSlot)))
-              ], 2)) : R("", !0)
+                g(C).rightSlot ? w(t.$slots, "rightSlot", { key: 0 }) : e.rightSlot ? (f(), P($(e.rightSlot), { key: 1 })) : I("", !0)
+              ], 2)) : I("", !0)
             ], 2),
-            f.needConfirm() ? (s(), g(We, {
+            D.needConfirm() ? (f(), P(it, {
               key: 0,
               prefixCls: e.prefixCls,
-              locale: v.value,
-              localeCode: k.value,
-              onCancel: _e,
-              onConfirm: Ve
-            }, null, 8, ["prefixCls", "locale", "localeCode"])) : R("", !0)
+              locale: O.value,
+              localeCode: N.value,
+              onCancel: Ye,
+              onConfirm: _e
+            }, null, 8, ["prefixCls", "locale", "localeCode"])) : I("", !0)
           ], 6)
         ]),
-        default: te(() => [
-          w("div", {
+        default: L(() => [
+          M("div", {
             role: "combobox",
-            "aria-label": Pe.value,
+            "aria-label": we.value,
             "aria-disabled": e.disabled,
-            class: C(Ie.value),
-            onClick: Q
+            class: F(Oe.value),
+            onClick: ne
           }, [
-            typeof e.triggerRender == "function" ? (s(), g(E(Je), O({
+            typeof e.triggerRender == "function" ? (f(), P(g(st), x({
               key: 0,
               triggerRender: e.triggerRender,
               componentName: "DatePicker",
               componentProps: e
-            }, Re.value), null, 16, ["triggerRender"])) : (s(), g(ae, O({ key: 1 }, Fe.value, {
+            }, Ve.value), null, 16, ["triggerRender"])) : (f(), P(ce, x({ key: 1 }, Be.value, {
               "input-value": o.inputValue
             }), null, 16, ["input-value"]))
-          ], 10, st)
+          ], 10, yt)
         ]),
-        _: 1
+        _: 3
       }, 8, ["getPopupContainer", "zIndex", "position", "visible", "motion", "margin", "autoAdjustOverflow", "stopPropagation", "spacing"])
-    ], 16, it));
+    ], 16, ht));
   }
 });
 export {
-  kt as default
+  xt as default
 };
-//# sourceMappingURL=DatePicker.vue.js.map