vft 0.0.428 → 0.0.430

package/es/components/date-picker/date-picker-com/panel-date-range.vue2.js

@@ -0,0 +1,542 @@
+import { defineComponent as sa, inject as we, toRef as te, ref as T, watch as da, computed as k, createElementBlock as h, openBlock as m, normalizeClass as r, unref as e, createElementVNode as s, createCommentVNode as p, renderSlot as va, Fragment as ma, renderList as ca, toDisplayString as K, withDirectives as S, createVNode as f, createBlock as I, vShow as H, withKeys as Q, withCtx as ye, createTextVNode as Ce } from "vue";
+import z from "dayjs";
+import { ClickOutside as Pe } from "@vft/directives";
+import { isArray as fa } from "@vft/utils";
+import { VftButton as Ve } from "../../button/index.js";
+import { VftInput as X } from "../../input/index.js";
+import "../../time-picker/index.js";
+import { VftIcon as y } from "../../icon/index.js";
+import { panelDateRangeProps as pa } from "../props/panel-date-range.js";
+import { useRangePicker as ha } from "../composables/use-range-picker.js";
+import { isValidRange as De, getDefaultValue as ba, correctlyParseUserInput as ka } from "../utils.js";
+import { usePanelDateRange as ga } from "../composables/use-panel-date-range.js";
+import { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY as wa } from "../constants.js";
+import Re from "./basic-year-table.vue2.js";
+import xe from "./basic-month-table.vue2.js";
+import Te from "./basic-date-table.vue2.js";
+import Ie from "../../time-picker/time-picker-com/panel-time-pick.vue2.js";
+import { PICKER_BASE_INJECTION_KEY as ya } from "../../time-picker/constants.js";
+import { extractTimeFormat as Ca, extractDateFormat as Pa } from "../../time-picker/utils.js";
+const Va = ["onClick"], Da = ["disabled"], Ra = ["disabled"], xa = ["disabled"], Ta = ["disabled"], Z = "month", Ha = /* @__PURE__ */ sa({
+  __name: "panel-date-range",
+  props: pa,
+  emits: [
+    "pick",
+    "set-picker-option",
+    "calendar-change",
+    "panel-change"
+  ],
+  setup($e, { emit: Me }) {
+    const c = $e, D = Me, A = we(ya), Ne = we(
+      wa
+    ), { disabledDate: b, cellClassName: ne, defaultTime: L, clearable: Se } = A.props, Y = te(A.props, "format"), oe = te(A.props, "shortcuts"), re = te(A.props, "defaultValue"), R = T("zh-cn"), i = T(z().locale(R.value)), u = T(z().locale(R.value).add(1, Z)), {
+      minDate: n,
+      maxDate: o,
+      rangeState: C,
+      ppNs: v,
+      drpNs: d,
+      handleChangeRange: ie,
+      handleRangeConfirm: ue,
+      handleShortcutClick: Ye,
+      onSelect: j,
+      onReset: Be
+    } = ha(c, {
+      defaultValue: re,
+      defaultTime: L,
+      leftDate: i,
+      rightDate: u,
+      unit: Z,
+      onParsedValueChanged: ua
+    });
+    da(
+      () => c.visible,
+      (t) => {
+        !t && C.value.selecting && (Be(c.parsedValue), j(!1));
+      }
+    );
+    const $ = T({
+      min: null,
+      max: null
+    }), P = T({
+      min: null,
+      max: null
+    }), {
+      leftCurrentView: w,
+      rightCurrentView: g,
+      leftCurrentViewRef: _,
+      rightCurrentViewRef: ee,
+      leftYear: se,
+      rightYear: de,
+      leftMonth: ae,
+      rightMonth: ve,
+      leftYearLabel: Fe,
+      rightYearLabel: Ee,
+      showLeftPicker: O,
+      showRightPicker: U,
+      handleLeftYearPick: Ke,
+      handleRightYearPick: ze,
+      handleLeftMonthPick: Ae,
+      handleRightMonthPick: Le,
+      handlePanelChange: V,
+      adjustDateByView: B
+    } = ga(c, D, i, u), me = k(() => !!oe.value.length), Oe = k(() => $.value.min !== null ? $.value.min : n.value ? n.value.format(le.value) : ""), Ue = k(() => $.value.max !== null ? $.value.max : o.value || n.value ? (o.value || n.value).format(le.value) : ""), Je = k(() => P.value.min !== null ? P.value.min : n.value ? n.value.format(F.value) : ""), We = k(() => P.value.max !== null ? P.value.max : o.value || n.value ? (o.value || n.value).format(F.value) : ""), F = k(() => c.timeFormat || Ca(Y.value)), le = k(() => c.dateFormat || Pa(Y.value)), qe = (t) => De(t) && (b ? !b(t[0].toDate()) && !b(t[1].toDate()) : !0), Ge = () => {
+      i.value = B(
+        w.value,
+        i.value,
+        !1
+      ), c.unlinkPanels || (u.value = i.value.add(1, "month")), V("year");
+    }, He = () => {
+      i.value = i.value.subtract(1, "month"), c.unlinkPanels || (u.value = i.value.add(1, "month")), V("month");
+    }, Qe = () => {
+      c.unlinkPanels ? u.value = B(
+        g.value,
+        u.value,
+        !0
+      ) : (i.value = B(
+        g.value,
+        i.value,
+        !0
+      ), u.value = i.value.add(1, "month")), V("year");
+    }, Xe = () => {
+      c.unlinkPanels ? u.value = u.value.add(1, "month") : (i.value = i.value.add(1, "month"), u.value = i.value.add(1, "month")), V("month");
+    }, Ze = () => {
+      i.value = B(
+        w.value,
+        i.value,
+        !0
+      ), V("year");
+    }, je = () => {
+      i.value = i.value.add(1, "month"), V("month");
+    }, _e = () => {
+      u.value = B(
+        g.value,
+        u.value,
+        !1
+      ), V("year");
+    }, ea = () => {
+      u.value = u.value.subtract(1, "month"), V("month");
+    }, J = k(() => {
+      const t = (ae.value + 1) % 12, a = ae.value + 1 >= 12 ? 1 : 0;
+      return c.unlinkPanels && new Date(se.value + a, t) < new Date(de.value, ve.value);
+    }), W = k(() => c.unlinkPanels && de.value * 12 + ve.value - (se.value * 12 + ae.value + 1) >= 12), aa = k(() => !(n.value && o.value && !C.value.selecting && De([n.value, o.value]))), q = k(
+      () => c.type === "datetime" || c.type === "datetimerange"
+    ), ce = (t, a) => {
+      if (t)
+        return L ? z(
+          L[a] || L
+        ).locale(R.value).year(t.year()).month(t.month()).date(t.date()) : t;
+    }, fe = (t, a = !0) => {
+      const l = t.minDate, x = t.maxDate, E = ce(l, 0), G = ce(x, 1);
+      o.value === G && n.value === E || (D("calendar-change", [l.toDate(), x && x.toDate()]), o.value = G, n.value = E, !(!a || q.value) && ue());
+    }, M = T(!1), N = T(!1), la = () => {
+      M.value = !1;
+    }, ta = () => {
+      N.value = !1;
+    }, pe = (t, a) => {
+      $.value[a] = t;
+      const l = z(t, le.value).locale(R.value);
+      if (l.isValid()) {
+        if (b && b(l.toDate()))
+          return;
+        a === "min" ? (i.value = l, n.value = (n.value || i.value).year(l.year()).month(l.month()).date(l.date()), !c.unlinkPanels && (!o.value || o.value.isBefore(n.value)) && (u.value = l.add(1, "month"), o.value = n.value.add(1, "month"))) : (u.value = l, o.value = (o.value || u.value).year(l.year()).month(l.month()).date(l.date()), !c.unlinkPanels && (!n.value || n.value.isAfter(o.value)) && (i.value = l.subtract(1, "month"), n.value = o.value.subtract(1, "month")));
+      }
+    }, he = (t, a) => {
+      $.value[a] = null;
+    }, be = (t, a) => {
+      P.value[a] = t;
+      const l = z(t, F.value).locale(R.value);
+      l.isValid() && (a === "min" ? (M.value = !0, n.value = (n.value || i.value).hour(l.hour()).minute(l.minute()).second(l.second())) : (N.value = !0, o.value = (o.value || u.value).hour(l.hour()).minute(l.minute()).second(l.second()), u.value = o.value));
+    }, ke = (t, a) => {
+      P.value[a] = null, a === "min" ? (i.value = n.value, M.value = !1, (!o.value || o.value.isBefore(n.value)) && (o.value = n.value)) : (u.value = o.value, N.value = !1, o.value && o.value.isBefore(n.value) && (n.value = o.value));
+    }, na = (t, a, l) => {
+      P.value.min || (t && (i.value = t, n.value = (n.value || i.value).hour(t.hour()).minute(t.minute()).second(t.second())), l || (M.value = a), (!o.value || o.value.isBefore(n.value)) && (o.value = n.value, u.value = t));
+    }, oa = (t, a, l) => {
+      P.value.max || (t && (u.value = t, o.value = (o.value || u.value).hour(t.hour()).minute(t.minute()).second(t.second())), l || (N.value = a), o.value && o.value.isBefore(n.value) && (n.value = o.value));
+    }, ge = () => {
+      i.value = ba(e(re), {
+        lang: e(R),
+        unit: "month",
+        unlinkPanels: c.unlinkPanels
+      })[0], u.value = i.value.add(1, "month"), o.value = void 0, n.value = void 0, D("pick", null);
+    }, ra = (t) => fa(t) ? t.map((a) => a.format(Y.value)) : t.format(Y.value), ia = (t) => ka(
+      t,
+      Y.value,
+      R.value,
+      Ne
+    );
+    function ua(t, a) {
+      if (c.unlinkPanels && a) {
+        const l = t?.year() || 0, x = t?.month() || 0, E = a.year(), G = a.month();
+        u.value = l === E && x === G ? a.add(1, Z) : a;
+      } else
+        u.value = i.value.add(1, Z), a && (u.value = u.value.hour(a.hour()).minute(a.minute()).second(a.second()));
+    }
+    return D("set-picker-option", ["isValidValue", qe]), D("set-picker-option", ["parseUserInput", ia]), D("set-picker-option", ["formatToString", ra]), D("set-picker-option", ["handleClear", ge]), (t, a) => (m(), h("div", {
+      class: r([
+        e(v).b(),
+        e(d).b(),
+        {
+          "has-sidebar": t.$slots.sidebar || me.value,
+          "has-time": q.value
+        }
+      ])
+    }, [
+      s("div", {
+        class: r(e(v).e("body-wrapper"))
+      }, [
+        va(t.$slots, "sidebar", {
+          class: r(e(v).e("sidebar"))
+        }),
+        me.value ? (m(), h("div", {
+          key: 0,
+          class: r(e(v).e("sidebar"))
+        }, [
+          (m(!0), h(ma, null, ca(oe.value, (l, x) => (m(), h("button", {
+            key: x,
+            type: "button",
+            class: r(e(v).e("shortcut")),
+            onClick: (E) => e(Ye)(l)
+          }, K(l.text), 11, Va))), 128))
+        ], 2)) : p("", !0),
+        s("div", {
+          class: r(e(v).e("body"))
+        }, [
+          q.value ? (m(), h("div", {
+            key: 0,
+            class: r(e(d).e("time-header"))
+          }, [
+            s("span", {
+              class: r(e(d).e("editors-wrap"))
+            }, [
+              s("span", {
+                class: r(e(d).e("time-picker-wrap"))
+              }, [
+                f(e(X), {
+                  size: "small",
+                  disabled: e(C).selecting,
+                  placeholder: "开始日期",
+                  class: r(e(d).e("editor")),
+                  "model-value": Oe.value,
+                  "validate-event": !1,
+                  onInput: a[0] || (a[0] = (l) => pe(l, "min")),
+                  onChange: a[1] || (a[1] = (l) => he(l, "min"))
+                }, null, 8, ["disabled", "class", "model-value"])
+              ], 2),
+              S((m(), h("span", {
+                class: r(e(d).e("time-picker-wrap"))
+              }, [
+                f(e(X), {
+                  size: "small",
+                  class: r(e(d).e("editor")),
+                  disabled: e(C).selecting,
+                  placeholder: "开始时间",
+                  "model-value": Je.value,
+                  "validate-event": !1,
+                  onFocus: a[2] || (a[2] = (l) => M.value = !0),
+                  onInput: a[3] || (a[3] = (l) => be(l, "min")),
+                  onChange: a[4] || (a[4] = (l) => ke(l, "min"))
+                }, null, 8, ["class", "disabled", "model-value"]),
+                f(e(Ie), {
+                  visible: M.value,
+                  format: F.value,
+                  "datetime-role": "start",
+                  "parsed-value": i.value,
+                  onPick: na
+                }, null, 8, ["visible", "format", "parsed-value"])
+              ], 2)), [
+                [e(Pe), la]
+              ])
+            ], 2),
+            s("span", null, [
+              f(e(y), { icon: "icon-arrow-right" })
+            ]),
+            s("span", {
+              class: r([e(d).e("editors-wrap"), "is-right"])
+            }, [
+              s("span", {
+                class: r(e(d).e("time-picker-wrap"))
+              }, [
+                f(e(X), {
+                  size: "small",
+                  class: r(e(d).e("editor")),
+                  disabled: e(C).selecting,
+                  placeholder: "结束日期",
+                  "model-value": Ue.value,
+                  readonly: !e(n),
+                  "validate-event": !1,
+                  onInput: a[5] || (a[5] = (l) => pe(l, "max")),
+                  onChange: a[6] || (a[6] = (l) => he(l, "max"))
+                }, null, 8, ["class", "disabled", "model-value", "readonly"])
+              ], 2),
+              S((m(), h("span", {
+                class: r(e(d).e("time-picker-wrap"))
+              }, [
+                f(e(X), {
+                  size: "small",
+                  class: r(e(d).e("editor")),
+                  disabled: e(C).selecting,
+                  placeholder: "结束时间",
+                  "model-value": We.value,
+                  readonly: !e(n),
+                  "validate-event": !1,
+                  onFocus: a[7] || (a[7] = (l) => e(n) && (N.value = !0)),
+                  onInput: a[8] || (a[8] = (l) => be(l, "max")),
+                  onChange: a[9] || (a[9] = (l) => ke(l, "max"))
+                }, null, 8, ["class", "disabled", "model-value", "readonly"]),
+                f(e(Ie), {
+                  "datetime-role": "end",
+                  visible: N.value,
+                  format: F.value,
+                  "parsed-value": u.value,
+                  onPick: oa
+                }, null, 8, ["visible", "format", "parsed-value"])
+              ], 2)), [
+                [e(Pe), ta]
+              ])
+            ], 2)
+          ], 2)) : p("", !0),
+          s("div", {
+            class: r([[e(v).e("content"), e(d).e("content")], "is-left"])
+          }, [
+            s("div", {
+              class: r(e(d).e("header"))
+            }, [
+              s("button", {
+                type: "button",
+                class: r([e(v).e("icon-btn"), "d-arrow-left"]),
+                onClick: Ge
+              }, [
+                f(e(y), { icon: "icon-d-arrow-left" })
+              ], 2),
+              S(s("button", {
+                type: "button",
+                class: r([e(v).e("icon-btn"), "arrow-left"]),
+                onClick: He
+              }, [
+                f(e(y), { icon: "icon-arrow-left" })
+              ], 2), [
+                [H, e(w) === "date"]
+              ]),
+              t.unlinkPanels ? (m(), h("button", {
+                key: 0,
+                type: "button",
+                disabled: !W.value,
+                class: r([[e(v).e("icon-btn"), { "is-disabled": !W.value }], "d-arrow-right"]),
+                onClick: Ze
+              }, [
+                f(e(y), { icon: "icon-d-arrow-right" })
+              ], 10, Da)) : p("", !0),
+              t.unlinkPanels && e(w) === "date" ? (m(), h("button", {
+                key: 1,
+                type: "button",
+                disabled: !J.value,
+                class: r([[
+                  e(v).e("icon-btn"),
+                  { "is-disabled": !J.value }
+                ], "arrow-right"]),
+                onClick: je
+              }, [
+                f(e(y), { icon: "icon-arrow-right" })
+              ], 10, Ra)) : p("", !0),
+              s("div", null, [
+                s("span", {
+                  role: "button",
+                  class: r(e(d).e("header-label")),
+                  "aria-live": "polite",
+                  tabindex: "0",
+                  onKeydown: a[10] || (a[10] = Q((l) => e(O)("year"), ["enter"])),
+                  onClick: a[11] || (a[11] = (l) => e(O)("year"))
+                }, K(e(Fe)), 35),
+                S(s("span", {
+                  role: "button",
+                  "aria-live": "polite",
+                  tabindex: "0",
+                  class: r([
+                    e(d).e("header-label"),
+                    { active: e(w) === "month" }
+                  ]),
+                  onKeydown: a[12] || (a[12] = Q((l) => e(O)("month"), ["enter"])),
+                  onClick: a[13] || (a[13] = (l) => e(O)("month"))
+                }, K(i.value.month() + 1), 35), [
+                  [H, e(w) === "date"]
+                ])
+              ])
+            ], 2),
+            e(w) === "date" ? (m(), I(Te, {
+              key: 0,
+              ref_key: "leftCurrentViewRef",
+              ref: _,
+              "selection-mode": "range",
+              date: i.value,
+              "min-date": e(n),
+              "max-date": e(o),
+              "range-state": e(C),
+              "disabled-date": e(b),
+              "cell-class-name": e(ne),
+              "show-week-number": t.showWeekNumber,
+              onChangerange: e(ie),
+              onPick: fe,
+              onSelect: e(j)
+            }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "show-week-number", "onChangerange", "onSelect"])) : p("", !0),
+            e(w) === "year" ? (m(), I(Re, {
+              key: 1,
+              ref_key: "leftCurrentViewRef",
+              ref: _,
+              "selection-mode": "year",
+              date: i.value,
+              "disabled-date": e(b),
+              "parsed-value": t.parsedValue,
+              onPick: e(Ke)
+            }, null, 8, ["date", "disabled-date", "parsed-value", "onPick"])) : p("", !0),
+            e(w) === "month" ? (m(), I(xe, {
+              key: 2,
+              ref_key: "leftCurrentViewRef",
+              ref: _,
+              "selection-mode": "month",
+              date: i.value,
+              "parsed-value": t.parsedValue,
+              "disabled-date": e(b),
+              onPick: e(Ae)
+            }, null, 8, ["date", "parsed-value", "disabled-date", "onPick"])) : p("", !0)
+          ], 2),
+          s("div", {
+            class: r([[e(v).e("content"), e(d).e("content")], "is-right"])
+          }, [
+            s("div", {
+              class: r(e(d).e("header"))
+            }, [
+              t.unlinkPanels ? (m(), h("button", {
+                key: 0,
+                type: "button",
+                disabled: !W.value,
+                class: r([[e(v).e("icon-btn"), { "is-disabled": !W.value }], "d-arrow-left"]),
+                onClick: _e
+              }, [
+                f(e(y), { icon: "icon-d-arrow-left" })
+              ], 10, xa)) : p("", !0),
+              t.unlinkPanels && e(g) === "date" ? (m(), h("button", {
+                key: 1,
+                type: "button",
+                disabled: !J.value,
+                class: r([[
+                  e(v).e("icon-btn"),
+                  { "is-disabled": !J.value }
+                ], "arrow-left"]),
+                onClick: ea
+              }, [
+                f(e(y), { icon: "icon-arrow-left" })
+              ], 10, Ta)) : p("", !0),
+              s("button", {
+                type: "button",
+                class: r([e(v).e("icon-btn"), "d-arrow-right"]),
+                onClick: Qe
+              }, [
+                f(e(y), { icon: "icon-d-arrow-right" })
+              ], 2),
+              S(s("button", {
+                type: "button",
+                class: r([e(v).e("icon-btn"), "arrow-right"]),
+                onClick: Xe
+              }, [
+                f(e(y), { icon: "icon-arrow-right" })
+              ], 2), [
+                [H, e(g) === "date"]
+              ]),
+              s("div", null, [
+                s("span", {
+                  role: "button",
+                  class: r(e(d).e("header-label")),
+                  "aria-live": "polite",
+                  tabindex: "0",
+                  onKeydown: a[14] || (a[14] = Q((l) => e(U)("year"), ["enter"])),
+                  onClick: a[15] || (a[15] = (l) => e(U)("year"))
+                }, K(e(Ee)), 35),
+                S(s("span", {
+                  role: "button",
+                  "aria-live": "polite",
+                  tabindex: "0",
+                  class: r([
+                    e(d).e("header-label"),
+                    { active: e(g) === "month" }
+                  ]),
+                  onKeydown: a[16] || (a[16] = Q((l) => e(U)("month"), ["enter"])),
+                  onClick: a[17] || (a[17] = (l) => e(U)("month"))
+                }, K(u.value.month() + 1), 35), [
+                  [H, e(g) === "date"]
+                ])
+              ])
+            ], 2),
+            e(g) === "date" ? (m(), I(Te, {
+              key: 0,
+              ref_key: "rightCurrentViewRef",
+              ref: ee,
+              "selection-mode": "range",
+              date: u.value,
+              "min-date": e(n),
+              "max-date": e(o),
+              "range-state": e(C),
+              "disabled-date": e(b),
+              "cell-class-name": e(ne),
+              "show-week-number": t.showWeekNumber,
+              onChangerange: e(ie),
+              onPick: fe,
+              onSelect: e(j)
+            }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "show-week-number", "onChangerange", "onSelect"])) : p("", !0),
+            e(g) === "year" ? (m(), I(Re, {
+              key: 1,
+              ref_key: "rightCurrentViewRef",
+              ref: ee,
+              "selection-mode": "year",
+              date: u.value,
+              "disabled-date": e(b),
+              "parsed-value": t.parsedValue,
+              onPick: e(ze)
+            }, null, 8, ["date", "disabled-date", "parsed-value", "onPick"])) : p("", !0),
+            e(g) === "month" ? (m(), I(xe, {
+              key: 2,
+              ref_key: "rightCurrentViewRef",
+              ref: ee,
+              "selection-mode": "month",
+              date: u.value,
+              "parsed-value": t.parsedValue,
+              "disabled-date": e(b),
+              onPick: e(Le)
+            }, null, 8, ["date", "parsed-value", "disabled-date", "onPick"])) : p("", !0)
+          ], 2)
+        ], 2)
+      ], 2),
+      q.value ? (m(), h("div", {
+        key: 0,
+        class: r(e(v).e("footer"))
+      }, [
+        e(Se) ? (m(), I(e(Ve), {
+          key: 0,
+          text: "",
+          size: "small",
+          class: r(e(v).e("link-btn")),
+          onClick: ge
+        }, {
+          default: ye(() => [...a[19] || (a[19] = [
+            Ce(" 清除 ", -1)
+          ])]),
+          _: 1
+        }, 8, ["class"])) : p("", !0),
+        f(e(Ve), {
+          plain: "",
+          size: "small",
+          class: r(e(v).e("link-btn")),
+          disabled: aa.value,
+          onClick: a[18] || (a[18] = (l) => e(ue)(!1))
+        }, {
+          default: ye(() => [...a[20] || (a[20] = [
+            Ce(" 确认 ", -1)
+          ])]),
+          _: 1
+        }, 8, ["class", "disabled"])
+      ], 2)) : p("", !0)
+    ], 2));
+  }
+});
+export {
+  Ha as default
+};

package/es/components/date-picker/date-picker.d.ts

@@ -188,11 +188,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     readonly disabled: boolean;
     readonly type: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType) | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType)) | null)[], unknown, unknown>;
+    readonly placeholder: string;
     readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("vft/es/components/time-picker").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("vft/es/components/time-picker").ModelValueType)) | null)[], unknown, unknown>;
     readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly readonly: boolean;
-    readonly placeholder: string;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;

package/es/components/date-picker/index.d.ts

@@ -187,11 +187,11 @@ declare const _DatePicker: import("vue").DefineComponent<import("vue").ExtractPr
 }>, {
     readonly disabled: boolean;
     readonly type: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType) | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType)) | null)[], unknown, unknown>;
+    readonly placeholder: string;
     readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [import("vft/es/vft").DateModelType, import("vft/es/vft").DateModelType]) | (() => import("vft/es/vft").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("vft/es/vft").DateModelType, import("vft/es/vft").DateModelType]) | (() => import("vft/es/vft").ModelValueType)) | null)[], unknown, unknown>;
     readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly readonly: boolean;
-    readonly placeholder: string;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;
@@ -399,11 +399,11 @@ export declare const VftDatePicker: import("vue").DefineComponent<import("vue").
 }>, {
     readonly disabled: boolean;
     readonly type: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType) | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType)) | null)[], unknown, unknown>;
+    readonly placeholder: string;
     readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [import("vft/es/vft").DateModelType, import("vft/es/vft").DateModelType]) | (() => import("vft/es/vft").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("vft/es/vft").DateModelType, import("vft/es/vft").DateModelType]) | (() => import("vft/es/vft").ModelValueType)) | null)[], unknown, unknown>;
     readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly readonly: boolean;
-    readonly placeholder: string;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;