@farris/ui-vue 1.0.2 → 1.1.1

package/date-picker/index.esm.js

@@ -1,2558 +0,0 @@
-import { defineComponent as ee, ref as l, computed as x, watch as G, createVNode as b, Fragment as Ve, createTextVNode as Te, mergeProps as ue, Teleport as qe, createApp as Pt, onUnmounted as ze, nextTick as se, withDirectives as He, vShow as Ke, onMounted as De, inject as wt } from "vue";
-const ce = ["Sun.", "Mon.", "Tue.", "Wed.", "Thur", "Fri.", "Sat."];
-var X = /* @__PURE__ */ ((e) => (e[e.previous = 1] = "previous", e[e.current = 2] = "current", e[e.next = 3] = "next", e))(X || {});
-const Bt = {
-  dates: { Type: Array, default: [] },
-  daysInWeek: { Type: Array, default: ce },
-  enableKeyboadNavigate: { Type: Boolean, default: !0 },
-  enableMarkCurrent: { Type: Boolean, default: !0 },
-  enablePeriod: { Type: Boolean, default: !1 },
-  firstDayOfTheWeek: { Type: Boolean, default: "Sun." },
-  selected: { Type: Object, default: null },
-  selectedPeriod: { Type: Object, default: null },
-  selectedWeek: { Type: Object, default: null },
-  selectMode: { Type: String, default: "day" },
-  showWeekNumber: { Type: Boolean, default: !1 },
-  weekTitle: { Type: String, default: "Week" }
-};
-var te = /* @__PURE__ */ ((e) => (e[e.enter = 13] = "enter", e[e.esc = 27] = "esc", e[e.space = 32] = "space", e[e.leftArrow = 37] = "leftArrow", e[e.upArrow = 38] = "upArrow", e[e.rightArrow = 39] = "rightArrow", e[e.downArrow = 40] = "downArrow", e[e.tab = 9] = "tab", e[e.shift = 16] = "shift", e))(te || {});
-function Oe() {
-  function e(t) {
-    const a = t.key || t.keyCode;
-    return a === "Enter" || a === 13 ? 13 : a === "Escape" || a === 27 ? 27 : a === " " || a === 32 ? 32 : a === "ArrowLeft" || a === 37 ? 37 : a === "ArrowUp" || a === 38 ? 38 : a === "ArrowRight" || a === 39 ? 39 : a === "ArrowDown" || a === 40 ? 40 : a === "Tab" || a === 9 ? 9 : a === "Shift" || a === 16 ? 16 : -1;
-  }
-  return { getKeyCodeFromEvent: e };
-}
-function ae() {
-  function e() {
-    return { year: 0, month: 0, day: 0 };
-  }
-  function t(o) {
-    return new Date(
-      o.year || 0,
-      o.month ? o.month - 1 : 0,
-      o.day || 0,
-      o.hour ? o.hour : 0,
-      o.minute ? o.minute : 0,
-      o.second ? o.second : 0,
-      0
-    );
-  }
-  function a(o) {
-    const v = /* @__PURE__ */ new Date();
-    return o.year || (o.year = v.getFullYear()), o.month || (o.month = v.getMonth() + 1), o.day || (o.day = 1), new Date(
-      o.year,
-      o.month - 1,
-      o.day,
-      o.hour ? o.hour : 0,
-      o.minute ? o.minute : 0,
-      o.second ? o.second : 0,
-      0
-    );
-  }
-  function i(o) {
-    return new Date(
-      o.year || 1,
-      (o.month || 1) - 1,
-      o.day,
-      o.hour ? o.hour : 0,
-      o.minute ? o.minute : 0,
-      o.second ? o.second : 0,
-      0
-    ).getDay();
-  }
-  function n(o) {
-    return ce.indexOf(o);
-  }
-  function u(o) {
-    return t(o).getTime();
-  }
-  function p(o) {
-    return Math.round(u(o) / 1e3);
-  }
-  function s(o, v, r) {
-    const d = u(v), h = u(r), g = u(o);
-    return h - g > g - d ? v : r;
-  }
-  function f() {
-    const o = /* @__PURE__ */ new Date();
-    return {
-      year: o.getFullYear(),
-      month: o.getMonth() + 1,
-      day: o.getDate(),
-      hour: o.getHours(),
-      minute: o.getMinutes(),
-      second: o.getSeconds()
-    };
-  }
-  return { emptyDate: e, getDate: t, getDate2: a, getDayNumber: i, getEpocTime: p, getNearDate: s, getWeekdayIndex: n, getTimeInMilliseconds: u, getToday: f };
-}
-function ie() {
-  const { getTimeInMilliseconds: e } = ae();
-  function t(r) {
-    return r && r.year !== 0 && r.month !== 0 && r.day !== 0;
-  }
-  function a(r) {
-    return r && r.year !== 0 && r.month !== 0;
-  }
-  function i(r) {
-    return r && r.year !== 0;
-  }
-  function n(r, d) {
-    return e(r) < e(d);
-  }
-  function u(r, d) {
-    return e(r) <= e(d);
-  }
-  function p(r, d) {
-    return e(r) === e(d);
-  }
-  function s(r, d) {
-    const h = e(d);
-    return e(r.from) === h || e(r.to) === h;
-  }
-  function f(r, d) {
-    return !d || !t(d.to) || !t(d.from) ? !1 : u(d.from, r) && u(r, d.to);
-  }
-  function o(r, d) {
-    return t(d) && e(r) >= e(d);
-  }
-  function v(r, d) {
-    return t(d) && e(r) <= e(d);
-  }
-  return {
-    isDateEarlier: n,
-    equal: p,
-    inPeriod: f,
-    isPoint: s,
-    equalOrEarlier: u,
-    isInitializedDate: t,
-    isInitializedMonth: a,
-    isInitializedYear: i,
-    isMonthDisabledByDisableSince: o,
-    isMonthDisabledByDisableUntil: v
-  };
-}
-const Me = /* @__PURE__ */ ee({
-  name: "FDatePickerCalendarView",
-  props: Bt,
-  emits: ["click", "clickWeek", "keyDown", "mouseEnter", "mouseLeave"],
-  setup(e, t) {
-    const a = l(e.dates), i = l(e.daysInWeek), n = l(e.enableKeyboadNavigate), u = l(e.enableMarkCurrent), p = l(e.enablePeriod), s = l(e.firstDayOfTheWeek), f = l(e.selected), o = l(e.selectedPeriod), v = l(e.selectedWeek), r = l(e.selectMode), d = l(e.showWeekNumber), h = l(e.weekTitle), g = x(() => d.value && s.value === "Mon");
-    G(() => e.dates, () => {
-      a.value = e.dates;
-    }), G(() => e.selected, () => {
-      f.value = e.selected;
-    });
-    const {
-      equal: C,
-      inPeriod: N,
-      isInitializedDate: P,
-      equalOrEarlier: E,
-      isPoint: O
-    } = ie(), {
-      getKeyCodeFromEvent: w
-    } = Oe(), M = (c) => {
-      const S = !!v.value && c.numberInTheYear === v.value.numberInTheYear && c.year === v.value.year;
-      return {
-        "f-datepicker-selectWeek": r.value === "week",
-        "f-datepicker-selectedWeek": r.value === "week" && S
-      };
-    }, k = x(() => d.value && s.value === "Mon");
-    function D(c) {
-      return N(c, o.value);
-    }
-    function L(c) {
-      return !!o.value && O(o.value, c);
-    }
-    function T(c) {
-      return !!f.value && C({
-        year: f.value.year,
-        month: f.value.month,
-        day: f.value.day
-      }, c);
-    }
-    const Y = (c, S, B) => {
-      const $ = r.value !== "week" && c.tag === X.current && (p.value && D(c.date) && !L(c.date) || c.range), V = c.tag === X.previous || c.tag === X.next, U = {
-        "f-datepicker-range": $,
-        "f-datepicker-no-currmonth": V,
-        "f-datepicker-disabled": c.disable,
-        "f-datepicker-singledate": !c.disable
-      }, J = `d_${S}_${B}`;
-      return U[J] = !0, U;
-    }, z = (c) => {
-      const S = r.value !== "week" && c.tag === X.current && (!p.value && T(c.date) || p.value && L(c.date)), B = c.isCurrent && u.value, $ = c.highlight && (c.tag === X.previous || c.tag === X.next || c.disable);
-      return {
-        "f-datepicker-date": !0,
-        "f-datepicker-selected": S,
-        "f-datepicker-current": B,
-        "f-datepicker-opacity": $,
-        "f-datepicker-highlight": c.highlight,
-        "f-datepicker-disabled": c.disable
-      };
-    };
-    function F(c, S) {
-      S.disable || r.value === "week" || (c.stopPropagation(), t.emit("click", S.date));
-    }
-    function H(c, S) {
-      r.value === "week" && (c.stopPropagation(), t.emit("clickWeek", S));
-    }
-    function K(c, S) {
-      const B = w(c);
-      B !== te.tab && (c.preventDefault(), B === te.enter || B === te.space ? F(c, S) : n.value && t.emit("keyDown", S.date));
-    }
-    function I(c) {
-      o.value && P(o.value.from) && !P(o.value.to) && (a.value.forEach((S) => {
-        S.days.forEach((B) => {
-          B.range = !!o.value && (E(o.value.from, B.date) && E(B.date, c.date) || E(B.date, o.value.from) && E(c.date, B.date));
-        });
-      }), t.emit("mouseEnter", c.date));
-    }
-    function R() {
-      a.value.forEach((c) => {
-        c.days.forEach((S) => {
-          S.range = !1;
-        });
-      }), t.emit("mouseLeave");
-    }
-    return () => b(Ve, null, [b("div", {
-      class: "f-datepicker-table-wrapper"
-    }, [b("table", {
-      class: "f-datepicker-table",
-      cellpadding: "0"
-    }, [b("thead", null, [b("tr", null, [g.value && b("th", {
-      class: "f-datepicker-weeknbr-title"
-    }, [h.value]), i.value && i.value.map((c) => b("th", {
-      scope: "col",
-      style: "padding-bottom: 8px;padding-top: 4px"
-    }, [c]))])]), b("tbody", null, [a.value && a.value.map((c, S) => b("tr", {
-      class: M(c),
-      onClick: (B) => H(B, c)
-    }, [k.value && b("td", {
-      class: "f-datepicker-weeknbr"
-    }, [b("div", {
-      class: "f-datepicker-date"
-    }, [c.numberInTheYear])]), c.days && c.days.map((B, $) => b("td", {
-      id: `d_${S}_${$}`,
-      tabindex: "0",
-      class: Y(B, S, $),
-      onClick: (V) => F(V, B),
-      onKeydown: (V) => K(V, B),
-      onMouseenter: () => I(B),
-      onMouseleave: () => R()
-    }, [B.marked && B.marked.marked && b("span", {
-      class: "f-datepicker-markdate",
-      style: {
-        "background-color": B.marked.color
-      }
-    }, null), b("div", {
-      class: z(B)
-    }, [B.date.day])]))]))])])])]);
-  }
-}), xt = {
-  activeMonth: { type: Object, require: !0 },
-  ariaLabelPrevMonth: { type: String, default: "" },
-  ariaLabelNextMonth: { type: String, default: "" },
-  dateFormat: { type: String, default: "yyyy-MM-dd" },
-  disablePrePage: { type: Boolean, default: !1 },
-  disablePreRecord: { type: Boolean, default: !1 },
-  disableNextRecord: { type: Boolean, default: !1 },
-  disableNextPage: { type: Boolean, default: !1 },
-  years: { type: Array, default: [[{}]] },
-  selectingMonth: { type: Boolean, default: !1 },
-  selectingYear: { type: Boolean, default: !1 },
-  selectMode: { type: String, default: "day" }
-};
-const Pe = /* @__PURE__ */ ee({
-  name: "FDatePickerCalendarNavbar",
-  props: xt,
-  emits: ["clickMonth", "clickYear", "prePage", "preRecord", "nextRecord", "nextPage"],
-  setup(e, t) {
-    return () => {
-      const a = l(e.ariaLabelPrevMonth), i = l(e.ariaLabelNextMonth), n = l(e.dateFormat), u = l(e.disablePrePage), p = l(e.disablePreRecord), s = l(e.disableNextRecord), f = l(e.disableNextPage), o = l(e.activeMonth), v = l(e.years), r = l(e.selectingMonth), d = l(e.selectingYear), h = l(e.selectMode), g = l(!0), C = l(!0);
-      G(() => e.activeMonth, () => {
-        var c, S, B, $;
-        o.value = {
-          month: (c = e.activeMonth) == null ? void 0 : c.month,
-          year: (S = e.activeMonth) == null ? void 0 : S.year,
-          displayTextOfMonth: (B = e.activeMonth) == null ? void 0 : B.displayTextOfMonth,
-          displayTextOfYear: ($ = e.activeMonth) == null ? void 0 : $.displayTextOfMonth
-        };
-      });
-      const N = x(() => ({
-        "f-datepicker-header": !0,
-        monthYearSelBarBorder: r.value || d.value
-      })), P = x(() => ({
-        "f-datepicker-header-btn": !0,
-        "f-datepicker-header-btn-disabled": u.value
-      })), E = x(() => !r.value && !d.value), O = x(() => ({
-        "f-datepicker-header-btn": !0,
-        "f-datepicker-header-btn-disabled": p.value
-      })), w = x(() => ({
-        "f-datepicker-header-btn": !0,
-        "f-datepicker-header-btn-disabled": s.value
-      })), M = x(() => ({
-        "f-datepicker-header-btn": !0,
-        "f-datepicker-header-btn-disabled": f.value
-      })), k = x(() => ({
-        "f-datepicker-header-btn": !0,
-        "f-datepicker-yearLabel": g.value,
-        "f-datepicker-labelBtnNotEdit": !g.value
-      })), D = x(() => ({
-        "f-datepicker-header-btn": !0,
-        "f-datepicker-monthLabel": C.value,
-        "f-datepicker-labelBtnNotEdit": !C.value
-      })), L = x(() => {
-        const c = n.value ? n.value.indexOf("yyyy") : 0, S = n.value ? n.value.indexOf("MM") : 0;
-        return c > S ? "MM-yyyy" : "yyyy-MM";
-      });
-      function T(c) {
-        c.stopPropagation(), t.emit("prePage");
-      }
-      function Y(c) {
-        c.stopPropagation(), t.emit("preRecord");
-      }
-      function z(c) {
-        c.stopPropagation(), t.emit("clickYear");
-      }
-      function F(c) {
-        c.stopPropagation(), t.emit("clickMonth");
-      }
-      function H(c) {
-        c.stopPropagation(), c.stopPropagation(), t.emit("nextRecord");
-      }
-      function K(c) {
-        c.stopPropagation(), t.emit("nextPage");
-      }
-      function I() {
-        return b("button", {
-          type: "button",
-          class: k.value,
-          onClick: (c) => {
-            g.value && z(c);
-          },
-          tabindex: g.value ? "0" : "-1",
-          disabled: h.value === "year"
-        }, [d.value ? v.value.length > 3 ? v.value[0][1].year + " - " + v.value[3][1].year : "" : o.value.displayTextOfYear]);
-      }
-      function R() {
-        return !d.value && h.value !== "month" && b("button", {
-          type: "button",
-          class: D.value,
-          onClick: (c) => {
-            C.value && F(c);
-          },
-          tabindex: C.value ? "0" : "-1"
-        }, [o.value.displayTextOfMonth]);
-      }
-      return b("div", {
-        class: N.value
-      }, [b("div", {
-        class: "f-datepicker-prev-btn"
-      }, [b("button", {
-        title: "prePage",
-        type: "button",
-        class: P.value,
-        onClick: T
-      }, [b("i", {
-        class: "k-icon k-i-arrow-double-60-left"
-      }, null)]), E.value && b("button", {
-        type: "button",
-        "aria-label": a.value,
-        class: O.value,
-        onClick: Y
-      }, [b("i", {
-        class: "k-icon k-i-arrow-chevron-left"
-      }, null)])]), b("div", {
-        class: "f-datepicker-monthYearText"
-      }, [L.value === "yyyy-MM" ? [I(), R()] : [R(), I()]]), b("div", {
-        class: "f-datepicker-next-btn"
-      }, [E.value && b("button", {
-        type: "button",
-        "aria-label": i.value,
-        class: w.value,
-        onClick: H
-      }, [b("i", {
-        class: "k-icon k-i-arrow-chevron-right"
-      }, null)]), b("button", {
-        title: "nextPage",
-        type: "button",
-        class: M.value,
-        onClick: K
-      }, [b("i", {
-        class: "k-icon k-i-arrow-double-60-right"
-      }, null)])])]);
-    };
-  }
-}), _e = {
-  1: "Jan",
-  2: "Feb",
-  3: "Mar",
-  4: "Apr",
-  5: "May",
-  6: "Jun",
-  7: "Jul",
-  8: "Aug",
-  9: "Sep",
-  10: "Oct",
-  11: "Nov",
-  12: "Dec"
-}, Dt = {
-  top: { type: Number, default: 0 },
-  left: { type: Number, default: 0 },
-  position: { type: String, default: "bottom" },
-  enablePeriod: { type: Boolean, default: !1 },
-  dateFormat: { type: String, default: "MM-dd-yyyy" },
-  dates: { type: Array, default: [] },
-  daysInWeek: { type: Array, default: ce },
-  disableDates: { Type: Array, default: [] },
-  disablePeriod: { Type: Array, default: [] },
-  disableSince: { Type: Object, default: { year: 0, month: 0, day: 0 } },
-  disableWeekdays: { Type: Array, default: [] },
-  disableWeekends: { Type: Boolean, default: !1 },
-  disableUntil: { Type: Object, default: { year: 0, month: 0, day: 0 } },
-  enableKeyboadNavigate: { type: Boolean, default: !0 },
-  enableMarkCurrent: { type: Boolean, default: !0 },
-  firstDayOfTheWeek: { type: String, default: "Sun." },
-  highlightDates: { Type: Array, default: [] },
-  highlightSaturday: { Type: Boolean, default: !1 },
-  highlightSunday: { Type: Boolean, default: !1 },
-  maxYear: { Type: Number, default: 2500 },
-  minYear: { Type: Number, default: 1 },
-  months: { type: Array, default: [[]] },
-  nameOfMonths: { Type: Object, default: _e },
-  secondaryDates: { type: Array, default: [] },
-  secondaryMonths: { type: Array, default: [[]] },
-  selectedDate: { type: Object, default: null },
-  selectedMonth: { type: Object, default: null },
-  selectedPeriod: { type: Object, default: null },
-  selectedWeek: { type: Object, default: null },
-  selectMode: { type: String, default: "day" },
-  showWeekNumber: { type: Boolean, default: !1 },
-  weekTitle: { type: String, default: "Week" },
-  years: { Type: Array, default: [[]] }
-}, Ot = {
-  months: { Type: Array, default: [[]] },
-  enableMarkCurrent: { Type: Boolean, default: !1 },
-  enableKeyboadNavigate: { Type: Boolean, default: !0 },
-  enablePeriod: { Type: Boolean, default: !1 },
-  selected: { Type: Object, default: null },
-  selectedPeriod: { Type: Object, default: null }
-}, we = /* @__PURE__ */ ee({
-  name: "FDatePickerMonthView",
-  props: Ot,
-  emits: ["click", "keyDown", "mouseEnter", "mouseLeave"],
-  setup(e, t) {
-    const a = l(e.months), i = l(e.enableMarkCurrent), n = l(e.enableKeyboadNavigate), u = l(e.enablePeriod), p = l(e.selected), s = l(e.selectedPeriod), {
-      equal: f,
-      inPeriod: o,
-      isInitializedDate: v,
-      equalOrEarlier: r
-    } = ie(), {
-      getKeyCodeFromEvent: d
-    } = Oe();
-    G(() => e.months, () => {
-      a.value = e.months;
-    }), G(() => e.selected, () => {
-      p.value = e.selected;
-    });
-    function h(M, k) {
-      M.stopPropagation(), !k.disable && t.emit("click", k);
-    }
-    function g(M, k) {
-      const D = d(M);
-      D !== te.tab && (M.preventDefault(), D === te.enter || D === te.space ? h(M, k) : n.value && t.emit("keyDown", k));
-    }
-    function C(M) {
-      s.value && v(s.value.from) && !v(s.value.to) && (a.value.forEach((k) => {
-        k.forEach((D) => {
-          D.range = !!s.value && (r(s.value.from, D.date) && r(D.date, M.date) || r(D.date, s.value.from) && r(M.date, D.date));
-        });
-      }), t.emit("mouseEnter", M));
-    }
-    function N() {
-      a.value.forEach((M) => {
-        M.forEach((k) => {
-          k.range = !1;
-        });
-      }), t.emit("mouseLeave");
-    }
-    function P(M) {
-      return !!p.value && f({
-        year: p.value.year,
-        month: p.value.month
-      }, {
-        year: M.year,
-        month: M.month
-      });
-    }
-    function E(M) {
-      return !!s.value && (f({
-        year: s.value.from.month
-      }, M) || f({
-        year: s.value.to.month
-      }, M));
-    }
-    function O(M) {
-      return o(M, s.value);
-    }
-    const w = (M) => ({
-      "f-datepicker-month-cell": !0,
-      "f-datepicker-current": M.isCurrent && i,
-      "f-datepicker-selected": !u.value && P(M.date) || u.value && E(M.date),
-      "f-datepicker-disabled": M.disable,
-      "f-datepicker-range": O(M.date) || M.range
-    });
-    return () => b("div", {
-      class: "f-datepicker-table-wrapper"
-    }, [b("table", {
-      class: "f-datepicker-table"
-    }, [b("tbody", null, [a.value && a.value.map((M, k) => b("tr", null, [M.map((D, L) => b("td", {
-      id: `m_${k}_${L}`,
-      class: `m_${k}_${L}`,
-      onClick: (T) => h(T, D),
-      onKeydown: (T) => g(T, D),
-      onMouseenter: () => C(D),
-      onMouseleave: () => N(),
-      tabindex: "0",
-      style: "width: 33.3%"
-    }, [b("div", {
-      class: "f-datepicker-month"
-    }, [b("span", {
-      class: w(D)
-    }, [D.displayText])])]))]))])])]);
-  }
-}), St = {
-  years: { Type: Array, default: [[]] },
-  enableKeyboadNavigate: { Type: Boolean, default: !0 },
-  enableMarkCurrent: { Type: Boolean, default: !0 },
-  enablePeriod: { Type: Boolean, default: !1 },
-  selected: { Type: Object, default: null },
-  selectedPeriod: { Type: Object, default: null }
-}, Be = /* @__PURE__ */ ee({
-  name: "FDatePickerYearView",
-  props: St,
-  emits: ["click", "keyDown", "mouseEnter", "mouseLeave"],
-  setup(e, t) {
-    const a = l(e.years), i = l(e.enableMarkCurrent), n = l(e.enableKeyboadNavigate), u = l(e.enablePeriod), p = l(e.selected), s = l(e.selectedPeriod), {
-      equal: f,
-      inPeriod: o,
-      isInitializedDate: v,
-      equalOrEarlier: r
-    } = ie(), {
-      getKeyCodeFromEvent: d
-    } = Oe();
-    G(() => e.years, () => {
-      a.value = e.years;
-    }), G(() => e.selected, () => {
-      p.value = e.selected;
-    });
-    const h = (k, D) => {
-      const L = `y_${k}_${D}`, T = {
-        "f-datepicker-no-currmonth": k === 0 && D === 0 || k === 3 && D === 2
-      };
-      return T[L] = !0, T;
-    };
-    function g(k) {
-      return o(k, s.value);
-    }
-    function C(k) {
-      return !!p.value && f({
-        year: p.value.year
-      }, k);
-    }
-    function N(k) {
-      return !!s.value && (f({
-        year: s.value.from.year
-      }, k) || f({
-        year: s.value.to.year
-      }, k));
-    }
-    const P = (k) => ({
-      "f-datepicker-year-cell": !0,
-      "f-datepicker-current": k.isCurrent && i.value,
-      "f-datepicker-selected": !s.value && C(k.date) || u.value && N(k.date),
-      "f-datepicker-disabled": k.disable,
-      "f-datepicker-range": g(k.date) || k.range
-    });
-    function E(k, D) {
-      k.stopPropagation(), !D.disable && t.emit("click", D);
-    }
-    function O(k, D) {
-      const L = d(k);
-      L !== te.tab && (k.preventDefault(), L === te.enter || L === te.space ? E(k, D) : n.value && t.emit("keyDown", D));
-    }
-    function w(k) {
-      s.value && v(s.value.from) && !v(s.value.to) && (a.value.forEach((D) => {
-        D.forEach((L) => {
-          L.range = !!s.value && (r(s.value.from, L.date) && r(L.date, k.date) || r(L.date, s.value.from) && r(k.date, L.date));
-        });
-      }), t.emit("mouseEnter", k));
-    }
-    function M() {
-      a.value.forEach((k) => {
-        k.forEach((D) => {
-          D.range = !1;
-        });
-      }), t.emit("mouseLeave");
-    }
-    return () => b("table", {
-      class: "f-datepicker-table-wrapper"
-    }, [b("tbody", {
-      class: "f-datepicker-table"
-    }, [a.value && a.value.map((k, D) => b("tr", null, [k.map((L, T) => b("td", {
-      id: "y_{yi}_{i}",
-      class: h(D, T),
-      onClick: (Y) => E(Y, L),
-      onKeydown: (Y) => O(Y, L),
-      onMouseenter: () => w(L),
-      onMouseleave: () => M(),
-      tabindex: "0"
-    }, [b("div", {
-      class: "f-datepicker-year"
-    }, [b("span", {
-      class: P(L)
-    }, [L.year])])]))]))])]);
-  }
-});
-function Se() {
-  function e(n) {
-    return new Date(
-      n.year || 0,
-      (n.month || 1) - 1,
-      n.day,
-      n.hour ? n.hour : 0,
-      n.minute ? n.minute : 0,
-      n.second ? n.second : 0,
-      0
-    ).getDay();
-  }
-  function t(n) {
-    if (!n)
-      return 1;
-    if (!/^\d+$/.test(n.value))
-      return -1;
-    let u = Number(n.value);
-    return (n.format.length === 1 && n.value.length !== 1 && u < 10 || n.format.length === 1 && n.value.length !== 2 && u >= 10 || n.format.length === 2 && n.value.length > 2) && (u = -1), u;
-  }
-  function a(n, u) {
-    if (n.value) {
-      for (let p = 1; p <= 12; p++)
-        if (n.value.toLowerCase() === u[p].toLowerCase())
-          return p;
-    }
-    return -1;
-  }
-  function i(n) {
-    const u = new Date(n.year || 0, (n.month || 1) - 1, n.day, 0, 0, 0, 0);
-    return u.setDate(u.getDate() + (u.getDay() === 0 ? -3 : 4 - u.getDay())), Math.round((u.getTime() - new Date(u.getFullYear(), 0, 4).getTime()) / 864e5 / 7) + 1;
-  }
-  return { getNumberByValue: t, getDayNumber: e, getMonthNumberByMonthName: a, getWeekNumber: i };
-}
-function It(e, t, a, i, n, u, p, s) {
-  const { getTimeInMilliseconds: f, getWeekdayIndex: o } = ae(), { isInitializedDate: v } = ie(), { getDayNumber: r } = Se();
-  function d(h) {
-    if (h.year && h.year < e && h.month === 12 || h.year && h.year > t && h.month === 1)
-      return !0;
-    const g = f(h);
-    if (v(i) && g + 24 * 60 * 60 * 1e3 - 1 < f(i) || v(a) && g > f(a))
-      return !0;
-    if (p) {
-      const N = r(h);
-      if (N === 0 || N === 6)
-        return !0;
-    }
-    const C = r(h);
-    return !!(s.length > 0 && s.find((P) => o(P) === C) || n.length > 0 && n.find((P) => (P.year === 0 || P.year === h.year) && (P.month === 0 || P.month === h.month) && P.day === h.day) || u.length > 0 && u.find((P) => v(P.from) && v(P.to) && g >= f(P.from) && g <= f(P.to)));
-  }
-  return { isDisabledDate: d };
-}
-function Nt() {
-  const { getDayNumber: e } = Se();
-  function t(i, n, u) {
-    let p = [];
-    p = n.reduce((f, o) => {
-      const v = o.dates.map((r) => ({ date: r, color: o.color }));
-      return [...f, ...v];
-    }, p);
-    const s = p.find((f) => (f.date.year === 0 || f.date.year === i.year) && (f.date.month === 0 || f.date.month === i.month) && f.date.day === i.day);
-    if (s)
-      return { marked: !0, color: s.color };
-    if (u && u.marked) {
-      const f = e(i);
-      if (f === 0 || f === 6)
-        return { marked: !0, color: u.color };
-    }
-    return { marked: !1, color: "" };
-  }
-  function a(i, n, u, p) {
-    const s = e(i);
-    return n && s === 0 || u && s === 6 ? !0 : !!p.find((o) => (o.year === 0 || o.year === i.year) && (o.month === 0 || o.month === i.month) && o.day === i.day);
-  }
-  return { isHighlightedDate: a, isMarkedDate: t };
-}
-function Ue() {
-  const { getTimeInMilliseconds: e } = ae(), { isInitializedDate: t } = ie();
-  function a(n, u) {
-    return t(u) && e(n) <= e(u);
-  }
-  function i(n, u) {
-    return t(u) && e(n) >= e(u);
-  }
-  return { isMonthDisabledByDisableSince: i, isMonthDisabledByDisableUntil: a };
-}
-function Ie() {
-  const { getToday: e } = ae(), { isMonthDisabledByDisableSince: t, isMonthDisabledByDisableUntil: a } = Ue();
-  function i(v) {
-    const r = { displayTextOfMonth: "", month: 0, year: 0, displayTextOfYear: "" };
-    if (v) {
-      const d = v.match(/[^0-9]/), h = d && d.length ? d[0] : "", g = v.split(h);
-      r.month = g[0].length === 2 ? Number(g[0]) : Number(g[1]), r.year = g[0].length === 2 ? Number(g[1]) : Number(g[0]);
-    }
-    return r;
-  }
-  function n(v, r) {
-    return new Date(r, v, 0).getDate();
-  }
-  function u(v, r, d) {
-    return new Date(v, r - 1, d, 0, 0, 0, 0);
-  }
-  function p(v, r) {
-    const d = u(r, v, 1);
-    return d.setMonth(d.getMonth() - 1), n(d.getMonth() + 1, d.getFullYear());
-  }
-  function s(v, r, d, h) {
-    const g = e(), C = [], { year: N } = r, P = 3;
-    for (let E = 1; E <= 12; E += P) {
-      const O = [];
-      for (let w = E; w < E + P; w++) {
-        const M = t({ year: N, month: w, day: 1 }, d) || a({ year: N, month: w, day: n(w, N || 0) }, h);
-        O.push({
-          month: w,
-          displayText: v[w],
-          isCurrent: w === g.month && N === g.year,
-          disable: M,
-          date: { year: N, month: w }
-        });
-      }
-      C.push(O);
-    }
-    return C;
-  }
-  function f(v, r) {
-    const d = {
-      year: v === 12 ? r + 1 : r
-    }, h = v === 12 ? 1 : v + 1;
-    return d.month = h, d;
-  }
-  function o(v, r) {
-    const d = {
-      year: v === 1 ? r - 1 : r
-    }, h = v === 1 ? 12 : v - 1;
-    return d.month = h, d;
-  }
-  return { daysInMonth: n, daysInPreMonth: p, generateMonths: s, parseDefaultMonth: i, getNextMonth: f, getPreviousMonth: o };
-}
-function Wt({ isDisabledDate: e }) {
-  const { getToday: t } = ae(), { daysInMonth: a, daysInPreMonth: i, getNextMonth: n, getPreviousMonth: u } = Ie(), { isHighlightedDate: p, isMarkedDate: s } = Nt(), { getWeekNumber: f } = Se();
-  function o(h) {
-    const g = ce.indexOf(h);
-    return g > 0 ? 7 - g : 0;
-  }
-  function v(h, g, C) {
-    const N = /* @__PURE__ */ new Date();
-    N.setDate(1), N.setMonth(g - 1), N.setFullYear(h);
-    const P = N.getDay() + C;
-    return P >= 7 ? P - 7 : P;
-  }
-  function r(h, g, C, N, P) {
-    return h === P.day && g === P.month && C === P.year && N === X.current;
-  }
-  function d(h, g, C, N, P, E, O, w, M) {
-    const k = [], D = t(), L = v(g, h, o(C)), T = a(h, g), Y = i(h, g);
-    let z = 1, F = X.previous;
-    for (let H = 1; H < 7; H++) {
-      const K = [];
-      if (H === 1) {
-        const R = Y - L + 1;
-        for (let S = R; S <= Y; S++) {
-          const B = {
-            year: h === 1 ? g - 1 : g,
-            month: h === 1 ? 12 : h - 1,
-            day: S
-          }, $ = r(S, h, g, F, D), V = e(B), U = s(B, N, P), J = p(B, w, O, E);
-          K.push({ date: B, tag: F, isCurrent: $, disable: V, marked: U, highlight: J });
-        }
-        F = X.current;
-        const c = 7 - K.length;
-        for (let S = 0; S < c; S++) {
-          const B = { year: g, month: h, day: z }, $ = r(z, h, g, F, D), V = e(B), U = s(B, N, P), J = p(B, w, O, E);
-          K.push({ date: B, tag: F, isCurrent: $, disable: V, marked: U, highlight: J }), z++;
-        }
-      } else
-        for (let R = 1; R <= 7; R++) {
-          z > T && (z = 1, F = X.next);
-          const c = {
-            year: F === X.next && h === 12 ? g + 1 : g,
-            month: F === X.current ? h : F === X.next && h < 12 ? h + 1 : 1,
-            day: z
-          }, S = r(z, h, g, F, D), B = e(c), $ = s(c, N, P), V = p(c, w, O, E);
-          K.push({ date: c, tag: F, isCurrent: S, disable: B, marked: $, highlight: V }), z++;
-        }
-      const I = M && C === "Mon." ? f(K[0].date) : 0;
-      k.push({ days: K, numberInTheYear: I, year: g });
-    }
-    return k;
-  }
-  return { generateCalendar: d };
-}
-function jt() {
-  const { getToday: e } = ae(), { daysInMonth: t } = Ie(), { isMonthDisabledByDisableSince: a, isMonthDisabledByDisableUntil: i } = Ue();
-  function n(u, p, s, f, o, v) {
-    const r = [], d = u - u % 10, { year: h, month: g } = p, C = e(), N = 3, P = d + 10;
-    for (let E = d - 1; E < P; E += N) {
-      const O = [];
-      for (let w = E; w < E + N; w++) {
-        const M = a({ year: w, month: g, day: 1 }, o) || i({ year: w, month: g, day: t(g || 0, w) }, v), k = w < s || w > f;
-        O.push({
-          year: w,
-          isCurrent: w === C.year,
-          selected: w === h,
-          disable: M || k,
-          date: { year: w }
-        });
-      }
-      r.push(O);
-    }
-    return r;
-  }
-  return { generateYears: n };
-}
-const xe = /* @__PURE__ */ ee({
-  name: "FDatePickerContainer",
-  props: Dt,
-  emits: ["datePicked"],
-  setup(e, t) {
-    const a = l(e.top), i = l(e.left), n = l(e.position), u = l(e.enablePeriod), p = l(e.selectMode), s = l(e.dateFormat), f = l(e.nameOfMonths), o = l([]), v = l(!1), r = l(""), d = l(!1), h = l(""), g = l(), C = l(!1), N = l(!1), P = l(!1), E = l(!1), O = l(!1), w = l(!1), M = l(!1), k = l(!1), D = l(e.secondaryDates), L = l(e.daysInWeek), T = l(e.enableKeyboadNavigate), Y = l(e.enableMarkCurrent), z = l(e.firstDayOfTheWeek), F = l(e.showWeekNumber), H = l(e.selectedDate), K = l(e.selectedWeek), I = l(e.selectedPeriod), R = l(e.weekTitle), c = l(e.secondaryMonths), S = l(e.selectedMonth), B = l(e.minYear), $ = l(e.maxYear), V = l(e.disableSince), U = l(e.disableUntil), J = l(e.disableDates), de = l(e.disablePeriod), fe = l(e.disableWeekdays), ve = l(e.disableWeekends), ye = It(B.value, $.value, V.value, U.value, J.value, de.value, ve.value, fe.value), {
-      generateCalendar: pe
-    } = Wt(ye), {
-      getToday: he
-    } = ae(), {
-      generateMonths: me,
-      getNextMonth: be,
-      getPreviousMonth: ge
-    } = Ie(), {
-      generateYears: ke
-    } = jt(), y = he(), m = l({
-      year: y.year || 1,
-      month: y.month || 1,
-      displayTextOfMonth: f.value[y.month || "1"],
-      displayTextOfYear: `${y.year}`
-    }), W = y.month === 12 ? (y.year || 1) + 1 : y.year, _ = (y.month || 1) < 12 ? (y.month || 1) + 1 : 1, Q = l({
-      year: W,
-      month: _,
-      displayTextOfMonth: f.value[y.month || "1"],
-      displayTextOfYear: `${W}`
-    }), Z = x(() => pe(m.value.month, m.value.year, z.value, [], {
-      marked: !0,
-      color: ""
-    }, [], e.highlightSaturday, e.highlightSunday, F.value)), oe = x(() => me(f.value, {
-      year: m.value.year,
-      month: m.value.month
-    }, V.value, U.value)), le = x(() => ke(m.value.year, {
-      year: m.value.year,
-      month: m.value.month
-    }, B.value, $.value, V.value, U.value)), re = x(() => {
-      const j = {
-        "f-datepicker-container": !0
-      }, q = `container-position-${n.value}`;
-      return j[q] = !0, j;
-    });
-    function et() {
-      return "";
-    }
-    const tt = x(() => ({
-      top: `${a.value}px`,
-      left: `${i.value}px`,
-      width: et()
-    }));
-    function Dn(j) {
-    }
-    function nt(j) {
-      j.stopPropagation();
-    }
-    function at(j, q) {
-      const A = m.value.year - (d.value ? 10 : 1), ne = {
-        year: A,
-        month: m.value.month,
-        displayTextOfMonth: f.value[m.value.month || "1"],
-        displayTextOfYear: `${A}`
-      };
-      m.value = ne;
-    }
-    function je(j, q) {
-      const A = ge(m.value.month, m.value.year), ne = {
-        year: A.year || 1,
-        month: A.month || 1,
-        displayTextOfMonth: f.value[A.month || "1"],
-        displayTextOfYear: `${A.year}`
-      };
-      m.value = ne;
-    }
-    function Ee(j, q) {
-      const A = be(m.value.month, m.value.year), ne = {
-        year: A.year || 1,
-        month: A.month || 1,
-        displayTextOfMonth: f.value[A.month || "1"],
-        displayTextOfYear: `${A.year}`
-      };
-      m.value = ne;
-    }
-    function ot(j, q) {
-      const A = m.value.year + 1, ne = {
-        year: A,
-        month: m.value.month,
-        displayTextOfMonth: f.value[m.value.month || "1"],
-        displayTextOfYear: `${A}`
-      };
-      m.value = ne;
-    }
-    function lt(j) {
-      v.value = !0, d.value = !1;
-    }
-    function rt(j) {
-      v.value = !1, d.value = !0;
-    }
-    const ut = x(() => ({
-      "active-month": m.value,
-      "date-format": s.value,
-      "disable-pre-page": C.value,
-      "disable-pre-record": N.value,
-      "disable-next-record": P.value,
-      "disable-next-page": E.value,
-      years: le.value,
-      "selecting-month": v.value,
-      "selecting-year": d.value,
-      "select-mode": p.value
-    })), st = x(() => ({
-      "active-month": Q.value,
-      "date-format": s.value,
-      "disable-pre-page": O.value,
-      "disable-pre-record": w.value,
-      "disable-next-record": M.value,
-      "disable-next-page": k.value,
-      years: o.value,
-      "selecting-month": r.value,
-      "selecting-year": h.value,
-      "select-mode": p.value
-    }));
-    function Le(j, q) {
-      return b(Pe, ue(q, {
-        onPrePage: (A) => at(),
-        onPreRecord: (A) => je(),
-        onNextRecord: (A) => Ee(),
-        onNextPage: (A) => ot(),
-        onClickMonth: (A) => lt(),
-        onClickYear: (A) => rt()
-      }), null);
-    }
-    const Re = x(() => !v.value && !d.value && !g.value || u.value && p.value !== "week" && !r.value && !h.value && !g.value), it = x(() => v.value && !d.value), ct = x(() => d.value && !v.value), dt = x(() => ({
-      dates: Z.value,
-      daysInWeek: L.value,
-      enableKeyboadNavigate: T.value,
-      enableMarkCurrent: Y.value,
-      enablePeriod: u.value,
-      firstDayOfTheWeek: z.value,
-      selected: H.value,
-      selectedPeriod: I.value,
-      selectedWeek: K.value,
-      selectMode: p.value,
-      showWeekNumber: F.value,
-      weekTitle: R.value
-    })), ft = x(() => ({
-      dates: D,
-      daysInWeek: L.value,
-      enableKeyboadNavigate: T.value,
-      enableMarkCurrent: Y.value,
-      enablePeriod: u.value,
-      firstDayOfTheWeek: z.value,
-      selected: H.value,
-      selectedPeriod: I.value,
-      selectMode: F.value,
-      showWeekNumber: F.value,
-      weekTitle: R.value
-    }));
-    function vt(j, q) {
-      H.value = j, t.emit("datePicked", `${j.year}-${j.month}-${j.day}`);
-    }
-    function On(j) {
-    }
-    function Sn(j) {
-    }
-    function In(j, q) {
-    }
-    function Nn(j, q) {
-    }
-    function Ae(j, q) {
-      return Re.value && b(Me, ue(q, {
-        onClick: (A) => vt(A),
-        onClickWeek: (A) => void 0,
-        onKeyDown: (A) => void 0,
-        onMouseEnter: (A) => void 0,
-        onMouseLeave: (A) => void 0
-      }), null);
-    }
-    const yt = x(() => ({
-      months: oe.value,
-      enableMarkCurrent: Y.value,
-      enableKeyboadNavigate: T.value,
-      enablePeriod: u.value,
-      selected: S.value,
-      selectedPeriod: I.value
-    })), pt = x(() => ({
-      months: c.value,
-      enableMarkCurrent: Y.value,
-      enableKeyboadNavigate: T.value,
-      enablePeriod: u.value,
-      selected: S.value,
-      selectedPeriod: I.value
-    }));
-    function ht(j, q) {
-      v.value = !1, d.value = !1, S.value = j, m.value = {
-        month: j.month || 1,
-        displayTextOfMonth: f.value[m.value.month || "1"],
-        year: m.value.year || 1,
-        displayTextOfYear: `${m.value.displayTextOfYear}`
-      };
-    }
-    function Wn(j) {
-    }
-    function jn(j, q) {
-    }
-    function En(j, q) {
-    }
-    function Ye(j, q) {
-      return b(we, ue(q, {
-        onClick: (A) => ht(A),
-        onKeyDownMonthView: (A) => void 0,
-        onMouseEnterMonthView: (A) => void 0,
-        onMouseLeaveMonthView: (A) => void 0
-      }), null);
-    }
-    const mt = x(() => ({
-      years: le.value,
-      enableKeyboadNavigate: T.value,
-      enableMarkCurrent: Y.value,
-      enablePeriod: u.value,
-      selected: H.value,
-      selectedPeriod: I.value
-    })), bt = x(() => ({
-      years: o.value,
-      enableKeyboadNavigate: T.value,
-      enableMarkCurrent: Y.value,
-      enablePeriod: u.value,
-      selected: H.value,
-      selectedPeriod: I.value
-    }));
-    function gt(j, q) {
-      v.value = !0, d.value = !1, m.value = {
-        month: m.value.month,
-        displayTextOfMonth: m.value.displayTextOfMonth,
-        year: j.year || 1,
-        displayTextOfYear: `${j.year}`
-      };
-    }
-    function Ln(j) {
-    }
-    function Rn(j, q) {
-    }
-    function An(j, q) {
-    }
-    function kt(j) {
-      m.value = {
-        year: y.year || 1,
-        month: y.month || 1,
-        displayTextOfMonth: f.value[y.month || "1"],
-        displayTextOfYear: `${y.year}`
-      }, H.value = y;
-    }
-    function Tt(j) {
-      m.value = {
-        year: y.year || 1,
-        month: y.month || 1,
-        displayTextOfMonth: f.value[y.month || "1"],
-        displayTextOfYear: `${y.year}`
-      }, H.value = y, S.value = {
-        year: y.year,
-        month: y.month
-      };
-    }
-    function Ct(j) {
-      m.value = {
-        year: y.year || 1,
-        month: y.month || 1,
-        displayTextOfMonth: f.value[y.month || "1"],
-        displayTextOfYear: `${y.year}`
-      }, H.value = y;
-    }
-    const Mt = x(() => u.value && p.value !== "week");
-    function $e(j, q) {
-      return b(Be, ue(q, {
-        onClick: (A) => gt(A),
-        onKeyDownYearView: (A) => void 0,
-        onClickPreRecord: (A) => je(),
-        onClickNextRecord: (A) => Ee(),
-        onMouseEnterYearView: (A) => void 0,
-        onMouseLeaveYearView: (A) => void 0
-      }), null);
-    }
-    return () => b("div", {
-      class: re.value,
-      style: tt.value,
-      tabindex: "0",
-      onKeyup: (j) => void 0,
-      onClick: (j) => nt(j)
-    }, [b("div", {
-      class: "f-datepicker-content"
-    }, [Le(!1, ut.value), Ae(!1, dt.value), v.value && Ye(!1, yt.value), d.value && $e(!1, mt.value), b("div", {
-      class: "f-datepicker-footer"
-    }, [b("div", {
-      class: "f-datepicker-redirect"
-    }, [Re.value && b("button", {
-      class: "btn btn-link",
-      onClick: kt
-    }, [Te("今天")]), it.value && b("button", {
-      class: "btn btn-link",
-      onClick: Tt
-    }, [Te("本月")]), ct.value && b("button", {
-      class: "btn btn-link",
-      onClick: Ct
-    }, [Te("今年")])])])]), Mt.value && b("div", {
-      class: "f-datepicker-content"
-    }, [Le(!0, st.value), Ae(!0, ft.value), r.value && Ye(!0, pt.value), h.value && $e(!0, bt.value)])]);
-  }
-}), Xe = {};
-function Ne(e) {
-  const { properties: t } = e;
-  return Object.keys(t).reduce((i, n) => (i[n] = t[n].type === "object" && t[n].properties ? Ne(t[n]) : t[n].default, i), {});
-}
-function Et(e) {
-  const t = Xe[e];
-  return t ? Ne(t) : null;
-}
-function Lt(e, t) {
-  const a = Ne(t);
-  return Object.keys(e).reduce((i, n) => (i[n] = e[n], i), a), a;
-}
-function Rt(e, t) {
-  return Object.keys(e).filter((i) => e[i] != null).reduce((i, n) => {
-    if (t.has(n)) {
-      const u = t.get(n);
-      if (typeof u == "string")
-        i[u] = e[n];
-      else {
-        const p = u(n, e[n]);
-        Object.assign(i, p);
-      }
-    } else
-      i[n] = e[n];
-    return i;
-  }, {});
-}
-function At(e, t, a = /* @__PURE__ */ new Map()) {
-  const i = Lt(e, t);
-  return Rt(i, a);
-}
-function Ge(e, t, a = /* @__PURE__ */ new Map()) {
-  return Xe[t.title] = t, (i) => {
-    const n = At(i, t, a), u = Object.keys(e).reduce((p, s) => (p[s] = e[s].default, p), {});
-    return Object.assign(u, n);
-  };
-}
-function Je(e, t) {
-  return { customClass: t.class };
-}
-const Yt = /* @__PURE__ */ new Map([
-  ["appearance", Je]
-]), $t = "https://json-schema.org/draft/2020-12/schema", Ft = "https://farris-design.gitee.io/date-picker.schema.json", Vt = "date-picker", qt = "A Farris Input Component", zt = "object", Ht = {
-  id: {
-    description: "The unique identifier for a check box",
-    type: "string"
-  },
-  type: {
-    description: "The type string of check box component",
-    type: "string",
-    default: "date-picker"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  }
-}, Kt = [
-  "id",
-  "type"
-], _t = {
-  $schema: $t,
-  $id: Ft,
-  title: Vt,
-  description: qt,
-  type: zt,
-  properties: Ht,
-  required: Kt
-}, We = {
-  disableDates: { Type: Array, default: [] },
-  disablePeriod: { Type: Array, default: [] },
-  disableSince: { Type: Object, default: { year: 0, month: 0, day: 0 } },
-  disableWeekdays: { Type: Array, default: [] },
-  disableWeekends: { Type: Boolean, default: !1 },
-  disableUntil: { Type: Object, default: { year: 0, month: 0, day: 0 } },
-  displayFormat: { Type: String, default: "yyyyMMdd" },
-  displayTime: { Type: Boolean, default: !1 },
-  highlightDates: { Type: Array, default: [] },
-  highlightSaturday: { Type: Boolean, default: !1 },
-  highlightSunday: { Type: Boolean, default: !1 },
-  maxYear: { Type: Number, default: 2500 },
-  minYear: { Type: Number, default: 1 },
-  /**
-   * 组件值
-   */
-  modelValue: { type: String, default: "" },
-  nameOfMonths: { Type: Object, default: _e },
-  periodDelimiter: { Type: String, default: "" },
-  selectMode: { Type: String, default: "day" },
-  valueFormat: { Type: String, default: "yyyyMMdd" }
-}, Fe = Ge(We, _t, Yt), Ut = /* @__PURE__ */ new Map([
-  ["appearance", Je]
-]), Xt = "https://json-schema.org/draft/2020-12/schema", Gt = "https://farris-design.gitee.io/button-edit.schema.json", Jt = "button-edit", Qt = "A Farris Input Component", Zt = "object", en = {
-  id: {
-    description: "The unique identifier for a Input Group",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Input Group component",
-    type: "string",
-    default: "button-edit"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  enableLinkLabel: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  label: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  lableWidth: {
-    description: "",
-    type: "number"
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  textAlign: {
-    description: "",
-    type: "string",
-    enum: [
-      "left",
-      "middle",
-      "right"
-    ],
-    default: "left"
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  onBlur: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  onClickLinkLabel: {
-    description: "",
-    type: "sting",
-    default: ""
-  },
-  autoComplete: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  buttonContent: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  enableClear: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  inputType: {
-    description: "",
-    type: "string",
-    enum: [
-      "text",
-      "tag"
-    ],
-    default: "text"
-  },
-  multiSelect: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  popup: {
-    description: "",
-    type: "object",
-    properties: {
-      footerButtons: {
-        type: "array",
-        default: []
-      },
-      height: {
-        type: "number",
-        default: 600
-      },
-      dataMapping: {
-        type: "object"
-      },
-      contents: {
-        type: "array",
-        default: []
-      },
-      showMaxButton: {
-        type: "boolean",
-        default: !0
-      },
-      showCloseButton: {
-        type: "boolean",
-        default: !0
-      },
-      showFooter: {
-        type: "boolean",
-        default: !0
-      },
-      title: {
-        type: "string",
-        default: ""
-      },
-      width: {
-        type: "number",
-        default: 800
-      }
-    }
-  },
-  separator: {
-    type: "string",
-    default: ","
-  },
-  showButtonWhenDisabled: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  wrapText: {
-    type: "boolean",
-    default: !1
-  },
-  onClear: {
-    description: "",
-    type: "string",
-    default: ""
-  }
-}, tn = [
-  "id",
-  "type"
-], nn = {
-  $schema: Xt,
-  $id: Gt,
-  title: Jt,
-  description: Qt,
-  type: Zt,
-  properties: en,
-  required: tn
-}, Qe = {
-  /**
-   * 组件标识
-   */
-  id: String,
-  /**
-   * 扩展按钮显示内容，这是一段现在扩展按钮中的html标签
-   */
-  buttonContent: { type: String, default: '<i class="f-icon f-icon-lookup"></i>' },
-  buttonBehavior: { type: String, default: "Popup" },
-  /**
-   * 启用输入框自动完成功能
-   */
-  autoComplete: { type: Boolean, default: !1 },
-  /**
-   * 组件自定义样式
-   */
-  customClass: { type: String, default: "" },
-  /**
-   * 禁用组件，既不允许在输入框中录入，也不允许点击扩展按钮。
-   */
-  disable: { type: Boolean, default: !1 },
-  /**
-   * 允许在输入框中录入文本。
-   */
-  editable: { type: Boolean, default: !0 },
-  /**
-   * 显示清空文本按钮
-   */
-  enableClear: { type: Boolean, default: !1 },
-  /**
-   * 组件值
-   */
-  modelValue: { type: String, default: "" },
-  /**
-   * 将组件设置为只读，既不允许在输入框中录入，也不允许点击扩展按钮，但是允许复制输入框中的内容。
-   */
-  readonly: { type: Boolean, default: !1 },
-  /**
-   * 文本对齐方式
-   */
-  textAlign: { type: String, default: "left" },
-  /**
-   * 禁用组件时，是否显示扩展按钮
-   */
-  showButtonWhenDisabled: { type: Boolean, default: !1 },
-  /**
-   * 显示输入框的标签
-   */
-  enableTitle: { type: Boolean, default: !1 },
-  /**
-   * 输入框类型
-   */
-  inputType: { type: String, default: "text" },
-  /**
-   * 显示输入框提示信息
-   */
-  forcePlaceholder: { type: Boolean, default: !1 },
-  /**
-   * 输入框提示文本
-   */
-  placeholder: { type: String, default: "" },
-  /**
-   * 输入框最小长度
-   */
-  minLength: Number,
-  /**
-   * 输入框最大长度
-   */
-  maxLength: Number,
-  /**
-   * 输入框Tab键索引
-   */
-  tabIndex: Number,
-  popupHost: { type: Object },
-  popupRightBoundary: { type: Object },
-  popupOffsetX: { type: Object },
-  popupOnInput: { type: Boolean, default: !1 },
-  popupOnFocus: { type: Boolean, default: !1 },
-  popupMinWidth: { type: Number, default: 320 },
-  wrapText: { type: Boolean, default: !1 },
-  /**
-   * 可选，是否支持多选
-   * 默认`false`
-   */
-  multiSelect: { type: Boolean, default: !1 },
-  /**
-   * 可选，分隔符
-   * 默认`,`
-   */
-  separator: { type: String, default: "," }
-};
-Ge(Qe, nn, Ut);
-const an = {
-  popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
-  host: { type: Object }
-}, on = /* @__PURE__ */ ee({
-  name: "FOverlay",
-  props: an,
-  emits: ["click"],
-  setup(e, t) {
-    const a = l(e.popupContentPosition), i = l(e.host);
-    function n(s) {
-      t.emit("click"), s.preventDefault(), s.stopPropagation();
-    }
-    const u = x(() => {
-      const s = i.value;
-      if (s) {
-        const f = s.getBoundingClientRect(), {
-          left: o,
-          top: v,
-          height: r
-        } = f;
-        return {
-          left: o,
-          top: v + r
-        };
-      }
-      return a.value;
-    }), p = x(() => ({
-      position: "relative",
-      left: `${u.value.left}px`,
-      top: `${u.value.top}px`
-    }));
-    return () => b(qe, {
-      to: "body"
-    }, {
-      default: () => {
-        var s, f;
-        return [b("div", {
-          class: "overlay-container",
-          style: "pointer-events: auto;",
-          onClick: (o) => n(o)
-        }, [b("div", {
-          style: p.value
-        }, [(f = (s = t.slots).default) == null ? void 0 : f.call(s)])])];
-      }
-    });
-  }
-});
-function ln(e) {
-  if (e.content && e.content.render)
-    return e.content.render;
-  if (e.render && typeof e.render == "function")
-    return e.render;
-}
-function rn(e) {
-  const t = document.createElement("div");
-  t.style.display = "contents";
-  let a;
-  const i = e.onClickCallback || (() => {
-  }), n = () => {
-    i(), a && a.unmount();
-  };
-  return a = Pt({
-    setup() {
-      ze(() => {
-        document.body.removeChild(t);
-      });
-      const u = ln(e);
-      return () => b(on, {
-        "popup-content-position": e.popupPosition,
-        host: e.host,
-        onClick: n
-      }, {
-        default: () => [u && u()]
-      });
-    }
-  }), document.body.appendChild(t), a.mount(t), a;
-}
-class un {
-  static show(t) {
-    return rn(t);
-  }
-}
-function sn(e, t, a, i) {
-  const n = l(e.buttonBehavior), u = l(e.popupOnInput), p = x(() => ({
-    "input-group-append": !0,
-    "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), s = x(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
-  async function f(d) {
-    if (s.value) {
-      const h = !!t.slots.default;
-      n.value === "Overlay" && un.show({
-        host: a.value,
-        render: () => {
-          if (t.slots.default)
-            return t.slots.default();
-        }
-      }), h && n.value === "Popup" && i.togglePopup(), h && u.value && i.hidePopup(), t.emit("clickButton", { origin: d, value: e.modelValue });
-    }
-    d.stopPropagation();
-  }
-  function o(d) {
-    t.emit("mouseEnterIcon", d);
-  }
-  function v(d) {
-    t.emit("mouseLeaveIcon", d);
-  }
-  function r() {
-    t.emit("mouseOverButton");
-  }
-  return {
-    buttonClass: p,
-    onClickButton: f,
-    onMouseEnterButton: o,
-    onMouseLeaveButton: v,
-    onMouseOverButton: r
-  };
-}
-function cn(e, t, a, i, n, u) {
-  const p = l(!1), s = x(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: f } = u;
-  function o(h) {
-    p.value = h;
-  }
-  G(n, () => {
-    i.value ? o(!!n.value) : o(!1);
-  });
-  function v(h) {
-    const g = !e.readonly && !e.disable && e.editable, C = !e.editable;
-    h.stopPropagation(), (g || C) && (f("", !1), o(!p.value), t.emit("clear"));
-  }
-  function r(h) {
-    if (s.value) {
-      if (!a.value) {
-        o(!1);
-        return;
-      }
-      (!e.editable || !e.readonly) && !e.disable && o(!0);
-    }
-  }
-  function d(h) {
-    s.value && o(!1);
-  }
-  return {
-    enableClearButton: s,
-    showClearButton: p,
-    onClearValue: v,
-    onMouseEnterTextBox: r,
-    onMouseLeaveTextBox: d
-  };
-}
-function dn(e, t, a, i, n) {
-  const u = l(e.popupOnInput), p = l(e.popupOnFocus), { shouldPopupContent: s } = n, f = x(() => e.enableTitle ? a.value : ""), o = x(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), v = x(() => e.readonly || !e.editable);
-  let r = !1;
-  const d = x(() => !e.disable && r), h = x(() => ({
-    "text-left": e.textAlign === "left",
-    "text-center": e.textAlign === "center",
-    "text-right": e.textAlign === "right",
-    "form-control": !0,
-    "f-utils-fill": !0
-  })), g = x(() => ({
-    "input-group": !0,
-    "f-state-disable": e.disable,
-    "f-state-editable": e.editable && !e.disable && !e.readonly,
-    "f-state-readonly": e.readonly && !e.disable,
-    "f-state-focus": d.value
-  }));
-  function C(T, Y = !0) {
-    a.value !== T && (a.value = T, Y && t.emit("change", T), t.emit("update:modelValue", T));
-  }
-  function N(T) {
-    s.value = !1, C(T, !0);
-  }
-  G(
-    () => e.modelValue,
-    (T) => {
-      a.value = T, t.emit("change", T);
-    }
-  );
-  function P(T) {
-    r = !1, t.emit("blur", T), T.stopPropagation();
-  }
-  function E(T) {
-    t.emit("click", T);
-  }
-  function O(T) {
-    if (e.disable) {
-      r = !0;
-      return;
-    }
-    r = !0, v.value || (t.emit("focus", T), p.value && !s.value && n.popup());
-  }
-  function w(T) {
-    t.emit("input", T.target.value);
-    const Y = T.target.value;
-    i.value = Y, a.value !== Y && C(Y, !1), u.value && !s.value && n.popup();
-  }
-  function M(T) {
-    T.target.tagName !== "INPUT" && T.preventDefault(), T.stopPropagation();
-  }
-  function k(T) {
-    t.emit("keydown", T);
-  }
-  function D(T) {
-    T.key === "Enter" && (u.value || p.value) && n.hidePopup(), t.emit("keyup", T);
-  }
-  function L(T) {
-    const Y = T.target.value;
-    T.stopPropagation(), C(Y);
-  }
-  return {
-    hasFocusedTextBox: d,
-    isTextBoxReadonly: v,
-    textBoxClass: h,
-    textBoxPlaceholder: o,
-    textBoxTitle: f,
-    inputGroupClass: g,
-    changeTextBoxValue: C,
-    commitValue: N,
-    onBlurTextBox: P,
-    onClickTextBox: E,
-    onFocusTextBox: O,
-    onInput: w,
-    onKeyDownTextBox: k,
-    onKeyUpTextBox: D,
-    onMouseDownTextBox: M,
-    onTextBoxValueChange: L
-  };
-}
-function fn(e, t, a) {
-  const i = l(), n = l(!1);
-  function u() {
-    const o = i.value;
-    o && o.show(a.value);
-  }
-  async function p() {
-    !!t.slots.default && (n.value = !n.value, await se(), u());
-  }
-  async function s() {
-    !!t.slots.default && (n.value = !0, await se(), u());
-  }
-  function f() {
-    n.value = !1;
-  }
-  return { hidePopup: f, popup: s, shouldPopupContent: n, togglePopup: p, popoverRef: i };
-}
-function vn(e, t, a) {
-  const {
-    isTextBoxReadonly: i,
-    textBoxClass: n,
-    textBoxPlaceholder: u,
-    textBoxTitle: p,
-    onBlurTextBox: s,
-    onClickTextBox: f,
-    onFocusTextBox: o,
-    onInput: v,
-    onKeyDownTextBox: r,
-    onKeyUpTextBox: d,
-    onMouseDownTextBox: h,
-    onTextBoxValueChange: g
-  } = a;
-  return () => b("input", {
-    name: "input-group-value",
-    autocomplete: e.autoComplete ? "on" : "off",
-    class: n.value,
-    disabled: e.disable,
-    maxlength: e.maxLength,
-    minlength: e.minLength,
-    placeholder: u.value,
-    readonly: i.value,
-    tabindex: e.tabIndex,
-    title: p.value,
-    type: e.inputType,
-    value: t.value,
-    onBlur: s,
-    onChange: g,
-    onClick: f,
-    onFocus: o,
-    onInput: v,
-    onKeydown: r,
-    onKeyup: d,
-    onMousedown: h
-  }, null);
-}
-const yn = {
-  activeTag: { Type: String, default: "" },
-  addButtonText: { Type: String, default: "" },
-  customClass: { Type: String, default: "" },
-  customStyle: { Type: String, default: "" },
-  data: { type: Array, default: [] },
-  enableAddButton: { Type: Boolean, default: !1 },
-  placeholder: { Type: String, default: "" },
-  selectable: { Type: Boolean, default: !1 },
-  showAddButton: { Type: Boolean, default: !1 },
-  showClose: { Type: Boolean, default: !1 },
-  showColor: { Type: Boolean, default: !1 },
-  showInput: { Type: Boolean, default: !1 },
-  tagType: { Type: String, default: "" },
-  tagStyle: { Type: String, default: "" },
-  wrapText: { Type: Boolean, default: !1 },
-  draggable: { Type: Boolean, default: !1 }
-};
-function pn(e, t, a, i) {
-  const n = l(-1), u = l(!1);
-  function p(v, r, d) {
-    v.stopPropagation(), r && setTimeout(() => {
-      n.value = d, u.value = !0, r.moving = !0;
-    });
-  }
-  function s(v, r) {
-    if (v.preventDefault(), n.value !== r) {
-      const d = i.value[n.value], h = i.value;
-      h.splice(n.value, 1), h.splice(r, 0, d), n.value = r;
-    }
-  }
-  function f(v, r) {
-    v.preventDefault(), v.dataTransfer && (v.dataTransfer.dropEffect = "move");
-  }
-  function o(v, r) {
-    r && (r.moving = !1), a.value = i.value.filter((d) => d.type === "Tag").map((d) => d.payload), u.value = !1, t.emit("change", a.value);
-  }
-  return {
-    dragstart: p,
-    dragenter: s,
-    dragover: f,
-    dragend: o,
-    isDragging: u
-  };
-}
-const hn = /* @__PURE__ */ ee({
-  name: "FTags",
-  props: yn,
-  emits: ["remove", "selectionChange", "change"],
-  setup(e, t) {
-    const a = l(e.selectable), i = l(e.customClass), n = l(e.data), u = l(e.tagType), p = l(e.tagStyle), s = l(e.showColor), f = l(e.activeTag), o = l(e.customStyle), v = l(e.showClose), r = l(e.showAddButton), d = l(e.showInput), h = l(e.addButtonText), g = l(e.enableAddButton);
-    l(e.placeholder), l(""), l();
-    const C = l(), N = l(e.wrapText), P = l();
-    function E() {
-      const y = n.value.map((m) => ({
-        type: "Tag",
-        payload: m
-      }));
-      return r.value && y.push({
-        type: "AddButton"
-      }), y;
-    }
-    const O = l(E());
-    function w(y) {
-      n.value = y, O.value = E();
-    }
-    const M = x(() => O.value.findIndex((y) => y.type === "Input")), k = pn(e, t, n, O), {
-      dragstart: D,
-      dragenter: L,
-      dragover: T,
-      dragend: Y
-    } = k;
-    G(() => e.data, (y) => w(y));
-    const z = x(() => {
-      const y = {
-        "farris-tags": !0,
-        "farris-tags-checkable": a.value,
-        "farris-tags-nowrap": !N.value
-      };
-      return i.value.split(" ").reduce((m, W) => (m[W] = !0, m), y), y;
-    });
-    function F(y) {
-      const m = {
-        "farris-tag-item": !0,
-        "farris-tag-item-checked": a.value && y.checked,
-        "farris-tag-item-checkable": a.value,
-        "farris-tag-item-has-color": s.value,
-        "farris-tag-item-actived": f.value === y.name
-      };
-      if (u.value) {
-        const W = `farris-tag-item-${u.value}`;
-        m[W] = !0;
-      }
-      return m;
-    }
-    const H = x(() => {
-      const y = {};
-      return o.value && o.value.split(";").reduce((m, W) => {
-        const _ = W.split(":");
-        return m[_[0]] = _[1], m;
-      }, y), y;
-    });
-    function K(y, m) {
-      a.value && m.selectable && (m.checked = !m.checked, f.value = m.checked ? m.name : "", m.checked && n.value.filter((W) => W.name !== m.name).forEach((W) => {
-        W.checked = !m.checked;
-      }), t.emit("change", n.value), t.emit("selectionChange", m));
-    }
-    function I(y, m) {
-      let W;
-      switch (y.key) {
-        case "Backspace":
-          n.value = n.value.filter((_) => _.name !== m.name), t.emit("change", n.value);
-          break;
-        case "ArrowLeft":
-          W = Math.max(C.value.scrollLeft + 20, 0), C.value.scrollLeft = W;
-          break;
-        case "ArrowRight":
-          W = Math.max(C.value.scrollLeft - 20, 0), C.value.scrollLeft = W;
-      }
-    }
-    function R(y, m) {
-      const W = n.value.findIndex((_) => _.name === m.name);
-      if (W > -1) {
-        const [_] = n.value.splice(W, 1);
-        O.value = E(), t.emit("change", n.value), t.emit("remove", n.value, _, W);
-      }
-      y.stopPropagation();
-    }
-    const c = x(() => ({
-      "farris-tag-item": !0,
-      "farris-tag-add-button": !0,
-      "farris-tag-add-button-disabled": !g.value
-    }));
-    function S(y) {
-    }
-    function B() {
-      return b("li", {
-        class: c.value,
-        onClick: (y) => void 0
-      }, [b("span", {
-        class: "f-icon f-icon-amplification"
-      }, null), b("span", {
-        class: "farris-tag-add-text"
-      }, [h.value])]);
-    }
-    function $(y) {
-      if (y && !y.innerText) {
-        const m = M.value;
-        if (m > 0) {
-          const [W] = n.value.splice(m - 1, 1);
-          O.value.splice(m - 1, 1), t.emit("remove", n.value, W, m - 1);
-        }
-      }
-    }
-    function V(y, m, W) {
-      y > -1 && (n.value.splice(y, 0, {
-        name: m,
-        value: W,
-        selectable: a.value
-      }), O.value = E(), t.emit("change", n.value));
-    }
-    function U(y) {
-      if (y && y.innerText) {
-        const m = y.innerText, W = M.value;
-        V(W, m, m), y.innerText = "";
-      }
-    }
-    function J(y) {
-      const m = y.target;
-      m && (m.innerText ? U(m) : t.emit("change", n.value));
-    }
-    function de(y) {
-      y.key === "Enter" && U(y.target), y.key === "Backspace" && ($(y.target), se(() => {
-        P.value && P.value.focus();
-      }));
-    }
-    function fe() {
-      return b("li", {
-        class: "farris-tag-input-box"
-      }, [b("div", {
-        ref: P,
-        class: "form-control",
-        contenteditable: "true",
-        onKeyup: de,
-        onBlur: J
-      }, null)]);
-    }
-    function ve(y, m) {
-      return b("li", {
-        class: F(y),
-        style: H.value,
-        tabindex: 0,
-        id: y.name,
-        key: y.name,
-        onClick: (W) => K(W, y),
-        onKeydown: (W) => I(W, y),
-        draggable: "true",
-        onDragstart: (W) => D(W, y, m),
-        onDragenter: (W) => L(W, m),
-        onDragend: (W) => Y(W, y),
-        onDragover: (W) => T(W, m)
-      }, [b("div", {
-        title: y.name,
-        class: "tag-box"
-      }, [y.name]), v.value && b("span", {
-        class: "tag-delete"
-      }, [b("i", {
-        class: "f-icon f-icon-close",
-        onClick: (W) => R(W, y)
-      }, null)])]);
-    }
-    function ye() {
-      return O.value.map((y, m) => {
-        switch (y.type) {
-          case "Tag":
-            return ve(y.payload, m);
-          case "AddButton":
-            return B();
-          case "Input":
-            return fe();
-        }
-      });
-    }
-    const pe = x(() => ({
-      "farris-tags-item-container": !0,
-      "farris-tag-item-capsule": p.value === "capsule"
-    }));
-    function he(y) {
-      const m = Math.max(C.value.scrollLeft - y.deltaX, 0);
-      C.value.scrollLeft = m;
-    }
-    function me(y) {
-      const m = C.value, W = n.value.length - 1;
-      if (m) {
-        const _ = Array.from(m.children).filter((Q) => Q.className.indexOf("farris-tag-item") > -1).findIndex((Q) => {
-          const Z = Q.getBoundingClientRect(), oe = window.getComputedStyle(Q), le = parseInt(oe["margin-left"], 10) + Z.width + parseInt(oe["margin-right"], 10);
-          return Z.left + le > y;
-        });
-        if (_ > -1)
-          return _;
-      }
-      return W;
-    }
-    function be(y) {
-      if (d.value) {
-        const W = me(y.clientX) + 1, Q = O.value.filter((Z) => Z.type !== "Input");
-        Q.splice(W, 0, {
-          type: "Input"
-        }), O.value = Q, se(() => {
-          P.value && P.value.focus();
-        });
-      }
-    }
-    function ge(y) {
-      var W;
-      y.preventDefault(), y.stopPropagation();
-      const m = (W = y.dataTransfer) == null ? void 0 : W.getData("Text");
-      if (m) {
-        const _ = m.split(":"), Q = _[0], Z = _[1];
-        [...n.value].findIndex((re) => (console.log(`${re.value} === ${Z} is ${re.value === Z}`), re.value === Z)) > -1 || V(n.value.length, Q, Z);
-      }
-    }
-    function ke(y) {
-      y.preventDefault();
-    }
-    return () => b("div", {
-      class: z.value,
-      onClick: be,
-      onDrop: ge,
-      onDragover: ke
-    }, [b("ul", {
-      ref: C,
-      class: pe.value,
-      onWheel: (y) => he(y)
-    }, [ye()])]);
-  }
-});
-function mn(e, t, a) {
-  const i = l(e.separator), {
-    changeTextBoxValue: n
-  } = a, u = x(() => t.value ? t.value.split(i.value).map((s) => ({
-    name: s,
-    selectable: !0
-  })) : []);
-  function p(s) {
-    n(s.map((f) => f.name).join(i.value), !0);
-  }
-  return () => b(hn, {
-    class: "form-control",
-    data: u.value,
-    showClose: !0,
-    showInput: !0,
-    onChange: p
-  }, null);
-}
-function bn(e, t, a) {
-  const {
-    buttonClass: i,
-    onClickButton: n,
-    onMouseEnterButton: u,
-    onMouseLeaveButton: p
-  } = t, {
-    enableClearButton: s,
-    showClearButton: f,
-    onClearValue: o
-  } = a;
-  return () => b("div", {
-    class: i.value
-  }, [s.value && He(b("span", {
-    class: "input-group-text input-group-clear",
-    onClick: o
-  }, [b("i", {
-    class: "f-icon modal_close"
-  }, null)]), [[Ke, f.value]]), e.buttonContent && b("span", {
-    class: "input-group-text input-group-append-button",
-    innerHTML: e.buttonContent,
-    onClick: n,
-    onMouseenter: u,
-    onMouseleave: p
-  }, null)]);
-}
-const gn = {
-  title: { type: String },
-  placement: { type: String, default: "bottom" },
-  reference: {
-    type: Object
-  },
-  host: {
-    type: Object
-  },
-  leftBoundary: {
-    type: Object
-  },
-  rightBoundary: {
-    type: Object
-  },
-  visible: { type: Boolean, default: !1 },
-  class: { type: String },
-  offsetX: { type: Object, default: l(0) },
-  zIndex: { type: Number, default: -1 },
-  keepWidthWithReference: { type: Boolean, default: !1 },
-  fitContent: { type: Boolean, default: !1 },
-  minWidth: { type: Number, default: -1 }
-};
-function kn(e) {
-  const t = e.host ? e.host : "body", a = x(() => t === "body" ? 0 : t ? t.getBoundingClientRect().top : 0), i = x(() => t === "body" ? 0 : t ? t.getBoundingClientRect().left : 0), n = x(() => t === "body" ? document.body.getBoundingClientRect().width : t ? t.getBoundingClientRect().width - (e.rightBoundary ? e.rightBoundary.getBoundingClientRect().width : 0) : document.body.getBoundingClientRect().width);
-  return { host: t, hostLeft: i, hostTop: a, hostWidth: n };
-}
-function Tn(e, t, a, i) {
-  var K;
-  const n = l(0), u = l(((K = e.offsetX) == null ? void 0 : K.value) || 0), p = l(-1), s = l(-1), f = l(-1), o = l(e.placement), v = l(0), r = l(0), d = l(0), h = l(document.documentElement.scrollLeft), g = l(document.documentElement.scrollTop), { hostLeft: C, hostTop: N, hostWidth: P } = i;
-  G(e.offsetX, (I) => {
-    n.value = I - u.value;
-  });
-  const E = x(() => {
-    const I = {
-      left: `${r.value}px`,
-      top: `${d.value}px`,
-      transform: `translateX(${n.value}px)`
-    };
-    return e.zIndex !== -1 && (I["z-index"] = e.zIndex), p.value !== -1 && (I.width = `${p.value}px`), I;
-  }), O = x(() => ({
-    left: `${v.value}px`
-  }));
-  function w(I) {
-    if (I && e.keepWidthWithReference) {
-      const R = I.getBoundingClientRect();
-      p.value = Math.max(e.minWidth, R.width);
-    }
-  }
-  function M(I, R) {
-    const c = P.value - I.width - 4;
-    return c > 0 ? c : R;
-  }
-  function k(I, R, c) {
-    const S = v.value, B = R.left - C.value + R.width / 2 + h.value, $ = R.top - N.value - (I.height + c.height) + g.value;
-    return { popoverLeft: B, popoverTop: $, arrowLeft: S };
-  }
-  function D(I, R, c) {
-    return R.top - N.value + (R.height + c.height) + g.value;
-  }
-  function L(I, R) {
-    const c = M(R, I), S = I <= c ? v.value : I - c;
-    return { popoverLeft: Math.min(I, c), arrowLeft: S };
-  }
-  function T(I, R, c) {
-    const S = R.left - C.value + R.width / 2 - (c.width / 2 - (I.left - C.value)) + h.value, { arrowLeft: B, popoverLeft: $ } = L(S, I), V = D(I, R, c);
-    return { popoverLeft: $, popoverTop: V, arrowLeft: B };
-  }
-  function Y(I, R, c) {
-    const S = R.left - C.value + h.value, { arrowLeft: B, popoverLeft: $ } = L(S, I), V = D(I, R, c);
-    return { popoverLeft: $, popoverTop: V, arrowLeft: B };
-  }
-  const z = /* @__PURE__ */ new Map([
-    ["top", k],
-    ["bottom", T],
-    ["bottom-left", Y]
-  ]);
-  function F(I) {
-    var $;
-    const R = I.getBoundingClientRect();
-    s.value = R.top, f.value = R.left;
-    const c = t.value.getBoundingClientRect(), S = ($ = a.value) == null ? void 0 : $.getBoundingClientRect(), B = z.get(o.value);
-    if (B) {
-      const { arrowLeft: V, popoverLeft: U, popoverTop: J } = B(S, R, c);
-      v.value = V, r.value = U, d.value = J;
-    }
-    e.keepWidthWithReference && w(I);
-  }
-  function H(I) {
-    if (I) {
-      const R = I.getBoundingClientRect();
-      (R.left !== f.value || R.top !== s.value) && F(I);
-    }
-  }
-  return {
-    arrowStyle: O,
-    popoverStyle: E,
-    position: o,
-    popoverWidth: p,
-    fitToReference: w,
-    followToReferencePosition: H,
-    locateToReference: F
-  };
-}
-function Cn(e, t, a, i, n, u, p) {
-  const s = l(e.visible), f = x(() => s.value), { fitToReference: o, locateToReference: v } = p;
-  let r;
-  function d() {
-    s.value = !1, document.body.removeEventListener("click", r), t.emit("hidden");
-  }
-  r = (g) => {
-    if (!n.value.contains(g.target)) {
-      const C = n.value.closest(".popover");
-      C && C.removeEventListener("click", r), d();
-    }
-  };
-  async function h(g) {
-    if (i.value && a.value && g) {
-      s.value = !0, n.value = g, await se(), v(g), u.value && o(g), document.body.addEventListener("click", r);
-      const C = g.closest(".popover");
-      C && C.addEventListener("click", r), t.emit("shown");
-    }
-  }
-  return t.expose({ hide: d, show: h, shown: f }), { showPopover: s, hidePopverOnClickBodyHandler: r };
-}
-function Mn(e, t, a, i, n) {
-  const { popoverWidth: u, fitToReference: p, followToReferencePosition: s } = n;
-  function f() {
-    if (a.value) {
-      s(a.value);
-      const o = a.value.getBoundingClientRect();
-      i.value && o.width !== u.value && p(a.value);
-    }
-  }
-  return { onResize: f };
-}
-const Pn = /* @__PURE__ */ ee({
-  name: "FPopover",
-  props: gn,
-  emits: ["shown", "hidden"],
-  setup(e, t) {
-    const a = l(), i = l(), n = l(e.reference), u = l(e.keepWidthWithReference), p = x(() => !!e.title), s = kn(e), {
-      host: f
-    } = s, o = Tn(e, a, i, s), {
-      position: v,
-      arrowStyle: r,
-      popoverStyle: d,
-      fitToReference: h,
-      locateToReference: g
-    } = o, {
-      showPopover: C,
-      hidePopverOnClickBodyHandler: N
-    } = Cn(e, t, a, i, n, u, o), {
-      onResize: P
-    } = Mn(e, t, n, u, o), E = x(() => {
-      const w = `popover in popover-${v.value}`, M = `bs-popover-${v.value}`, k = {
-        "popover-fitcontent": e.fitContent
-      };
-      return k[w] = !0, k[M] = !0, (e.class || "").split(" ").reduce((L, T) => (L[T] = !0, L), k), k;
-    }), O = x(() => ({
-      "popover-content": !0,
-      "popover-body": !0
-    }));
-    return De(() => {
-      e.reference && g(n.value), u.value && h(n.value), window.addEventListener("resize", P);
-    }), ze(() => {
-      document.body.removeEventListener("click", N), window.removeEventListener("resize", P);
-    }), () => b(qe, {
-      to: f
-    }, {
-      default: () => {
-        var w;
-        return [He(b("div", {
-          ref: i,
-          class: E.value,
-          style: d.value,
-          onClick: (M) => {
-            M.stopPropagation();
-          }
-        }, [b("div", {
-          ref: a,
-          class: "popover-arrow arrow",
-          style: r.value
-        }, null), p.value && b("h3", {
-          class: "popover-title popover-header"
-        }, [e.title]), b("div", {
-          class: O.value
-        }, [t.slots.default && ((w = t.slots) == null ? void 0 : w.default())])]), [[Ke, C.value]])];
-      }
-    });
-  }
-});
-function wn(e, t, a) {
-  const i = l(e.popupMinWidth), {
-    hidePopup: n,
-    popoverRef: u
-  } = a;
-  return () => b(Pn, {
-    ref: u,
-    visible: !0,
-    placement: "bottom-left",
-    host: e.popupHost,
-    "keep-width-with-reference": !0,
-    fitContent: !0,
-    "right-boundary": e.popupRightBoundary,
-    minWidth: i.value,
-    offsetX: e.popupOffsetX,
-    onHidden: n
-  }, {
-    default: () => {
-      var p, s;
-      return [(s = (p = t.slots).default) == null ? void 0 : s.call(p)];
-    }
-  });
-}
-const Ze = /* @__PURE__ */ ee({
-  name: "FButtonEdit",
-  props: Qe,
-  emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
-  setup(e, t) {
-    const a = l(), i = l(e.customClass), n = l(e.modelValue), u = fn(e, t, a), {
-      shouldPopupContent: p,
-      hidePopup: s
-    } = u, f = sn(e, t, a, u), o = l(""), v = dn(e, t, n, o, u), {
-      hasFocusedTextBox: r,
-      commitValue: d,
-      inputGroupClass: h
-    } = v, g = cn(e, t, n, r, o, v), {
-      onMouseEnterTextBox: C,
-      onMouseLeaveTextBox: N
-    } = g, P = x(() => {
-      const D = {
-        "f-button-edit": !0,
-        "f-cmp-inputgroup": !0,
-        "f-button-edit-nowrap": !e.wrapText
-      };
-      return i.value && i.value.split(" ").reduce((L, T) => (L[T] = !0, L), D), D;
-    });
-    function E() {
-      return e.multiSelect && e.inputType === "tag" ? mn(e, n, v) : vn(e, n, v);
-    }
-    let O = E();
-    G([() => e.multiSelect, () => e.inputType], () => {
-      O = E();
-    });
-    const w = bn(e, f, g), M = wn(e, t, u), k = {
-      commitValue: d,
-      elementRef: a,
-      hidePopup: s
-    };
-    return De(() => {
-      a.value.componentInstance = k;
-    }), t.expose(k), () => b(Ve, null, [b("div", ue(t.attrs, {
-      ref: a,
-      class: P.value,
-      id: e.id
-    }), [b("div", {
-      class: h.value,
-      onMouseenter: C,
-      onMouseleave: N
-    }, [O(), w()])]), p.value && M()]);
-  }
-}), Ce = /* @__PURE__ */ ee({
-  name: "FDatePicker",
-  props: We,
-  emits: ["update:modelValue", "datePicked"],
-  setup(e, t) {
-    const a = '<span class="f-icon f-icon-date"></span>', i = l(e.modelValue), n = l(null);
-    function u() {
-    }
-    function p(f) {
-      var o;
-      i.value = f, t.emit("update:modelValue", f), t.emit("datePicked", f), (o = n.value) == null || o.commitValue(f);
-    }
-    function s() {
-      t.emit("update:modelValue", i.value);
-    }
-    return () => b(Ze, {
-      ref: n,
-      modelValue: i.value,
-      "onUpdate:modelValue": (f) => i.value = f,
-      buttonContent: a,
-      enableClear: !0,
-      onClear: s,
-      onClickButton: u
-    }, {
-      default: () => [b(xe, {
-        onDatePicked: (f) => p(f)
-      }, null)]
-    });
-  }
-});
-function Bn(e, t, a) {
-  var E;
-  const i = a == null ? void 0 : a.checkIsInFixedContextRules(), n = a && a.getStyles && a.getStyles() || "";
-  function u() {
-    return !(t.schema.componentType || i);
-  }
-  function p() {
-    return !1;
-  }
-  function s() {
-    return !(t.schema.componentType || i);
-  }
-  function f() {
-    return !!i;
-  }
-  function o(O) {
-    if (!O)
-      return null;
-    if (O.schema.type === "Component")
-      return O;
-    const w = o(O.parent);
-    return w || null;
-  }
-  function v(O, w, M) {
-    return !!a && a.canAccepts();
-  }
-  function r() {
-    return t.schema.label || t.schema.title || t.schema.name;
-  }
-  function d() {
-  }
-  function h(O, w) {
-    w && (a == null || a.onAcceptMovedChildElement(w));
-  }
-  function g(O, w) {
-    const M = String(O.getAttribute("data-controltype"));
-    return Et(M);
-  }
-  function C(O) {
-    return O.contents ? O.contents.length : -1;
-  }
-  function N(O) {
-  }
-  const P = {
-    canMove: u(),
-    canSelectParent: p(),
-    canDelete: s(),
-    canNested: !f(),
-    contents: t.schema.contents,
-    elementRef: e,
-    parent: (E = t.parent) == null ? void 0 : E.componentInstance.value,
-    schema: t.schema,
-    styles: n,
-    canAccepts: v,
-    getBelongedComponentInstance: o,
-    getDraggingDisplayText: r,
-    getDragScopeElement: d,
-    onAcceptMovedChildElement: h,
-    onAcceptNewChildElement: g,
-    onAddNewChildElement: C,
-    onChildElementMovedOut: N,
-    triggerBelongedComponentToMoveWhenMoved: !!a && a.triggerBelongedComponentToMoveWhenMoved
-  };
-  return l(P);
-}
-const xn = /* @__PURE__ */ ee({
-  name: "FDatePickerDesign",
-  props: We,
-  emits: ["update:modelValue", "datePicked"],
-  setup(e, t) {
-    const a = '<span class="f-icon f-icon-date"></span>', i = l(e.modelValue), n = l(), u = wt("design-item-context"), p = Bn(n, u);
-    return De(() => {
-      n.value.componentInstance = p;
-    }), t.expose(p.value), () => b(Ze, {
-      ref: n,
-      modelValue: i.value,
-      "onUpdate:modelValue": (s) => i.value = s,
-      buttonContent: a,
-      enableClear: !0
-    }, null);
-  }
-}), $n = {
-  install(e) {
-    e.component(Me.name, Me).component(Pe.name, Pe).component(xe.name, xe).component(we.name, we).component(Be.name, Be).component(Ce.name, Ce);
-  },
-  register(e, t) {
-    e["date-picker"] = Ce, t["date-picker"] = Fe;
-  },
-  registerDesigner(e, t) {
-    e["date-picker"] = xn, t["date-picker"] = Fe;
-  }
-};
-export {
-  Me as DatePickerCalendar,
-  X as MonthTag,
-  Bt as datePickerCalendarProps,
-  We as datePickerProps,
-  $n as default,
-  _e as defaultNameOfMonths,
-  Fe as propsResolver,
-  ce as weekDays
-};