@farris/ui-vue 1.5.6 → 1.5.8

package/designer/date-picker/index.esm.js

@@ -0,0 +1,1879 @@
+import { useDateFormat as Vt, formatTime as Lt, getTimeObject as Kt, withInstall as _t } from "../../components/common/index.esm.js";
+import { datePickerProps as Ye, DatePicker as qt, DatePickerContainer as zt } from "../../components/date-picker/index.esm.js";
+import { defineComponent as Z, ref as r, inject as Me, onMounted as ge, createVNode as m, watch as J, computed as B, Fragment as Ut, watchEffect as Gt, createTextVNode as ie, mergeProps as ue } from "vue";
+import Xt from "../button-edit/index.esm.js";
+import { useDesignerComponent as Fe } from "../../components/designer-canvas/index.esm.js";
+import { resolveAppearance as Jt, createPropsResolver as Ie } from "../../components/dynamic-resolver/index.esm.js";
+import { InputBaseProperty as Qt } from "../../components/property-panel/index.esm.js";
+import { cloneDeep as oe } from "lodash-es";
+import { FTimePickerTimeView as Zt } from "../../components/time-picker/index.esm.js";
+import { FButton as ea } from "../../components/button/index.esm.js";
+function $e(e, a, n) {
+  return a;
+}
+const Ee = /* @__PURE__ */ new Map([
+  ["appearance", Jt]
+]), ta = "https://json-schema.org/draft/2020-12/schema", aa = "https://farris-design.gitee.io/date-picker.schema.json", na = "date-picker", oa = "A Farris Input Component", la = "object", ra = {
+  id: {
+    description: "The unique identifier for date picker",
+    type: "string"
+  },
+  type: {
+    description: "The type string of date picker",
+    type: "string",
+    default: "date-picker"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disabled: {
+    type: "string",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: "请选择日期"
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  required: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  displayFormat: {
+    description: "",
+    type: "enum",
+    default: "yyyy-MM-dd"
+  },
+  valueFormat: {
+    description: "",
+    type: "enum",
+    default: "yyyy-MM-dd"
+  },
+  maxDate: {
+    description: "",
+    type: "string"
+  },
+  minDate: {
+    description: "",
+    type: "string"
+  },
+  showTime: {
+    description: "",
+    type: "boolean",
+    default: !1
+  }
+}, sa = [
+  "type"
+], ia = [
+  "id",
+  "appearance",
+  "binding",
+  "visible"
+], ua = {
+  $schema: ta,
+  $id: aa,
+  title: na,
+  description: oa,
+  type: la,
+  properties: ra,
+  required: sa,
+  ignore: ia
+}, fn = { year: 9999, month: 12, day: 31, hour: 23, minute: 59, second: 59 }, vn = { year: 1900, month: 1, day: 1, hour: 0, minute: 0, second: 0 }, da = Object.assign({}, Ye, {
+  readonly: {}
+}), je = Ie(Ye, ua, Ee, $e);
+function ca() {
+  let e = "zh-CHS";
+  window && window.top && window.top.localStorage && window.top.localStorage.languageCode && ({ languageCode: e } = window.top.localStorage);
+  const a = [
+    { id: "yyyy-MM-dd HH:mm:ss", name: "yyyy-MM-dd HH:mm:ss" },
+    { id: "yyyy/MM/dd HH:mm:ss", name: "yyyy/MM/dd HH:mm:ss" },
+    { id: "yyyyMMddHHmmss", name: "yyyyMMddHHmmss" },
+    { id: "yyyy-MM-dd HH:mm", name: "yyyy-MM-dd HH:mm" },
+    { id: "yyyy/MM/dd HH:mm", name: "yyyy/MM/dd HH:mm" },
+    { id: "yyyyMMddHHmm", name: "yyyyMMddHHmm" }
+  ], n = [
+    { id: "yyyy-MM-dd", name: "yyyy-MM-dd" },
+    { id: "yyyy/MM/dd", name: "yyyy/MM/dd" },
+    { id: "yyyyMMdd", name: "yyyyMMdd" },
+    { id: "MM/dd/yyyy", name: "MM/dd/yyyy" }
+  ], v = [
+    { id: "yyyy-MM", name: "yyyy-MM" },
+    { id: "yyyy/MM", name: "yyyy/MM" },
+    { id: "yyyyMM", name: "yyyyMM" }
+  ], s = [
+    { id: "MM/dd", name: "MM/dd" },
+    { id: "MMdd", name: "MMdd" },
+    { id: "MM-dd", name: "MM-dd" }
+  ], d = [
+    { id: "yyyy", name: "yyyy" }
+  ];
+  return e === "zh-CHS" && (a.push(
+    { id: "yyyy年MM月dd日 HH时mm分ss秒", name: "yyyy年MM月dd日 HH时mm分ss秒" },
+    { id: "yyyy年MM月dd日 HH时mm分", name: "yyyy年MM月dd日 HH时mm分" }
+  ), n.push(
+    { id: "yyyy年MM月dd日", name: "yyyy年MM月dd日" }
+  ), v.push(
+    { id: "yyyy年MM月", name: "yyyy年MM月" }
+  ), s.push(
+    { id: "MM月dd日", name: "MM月dd日" }
+  ), d.push(
+    { id: "yyyy年", name: "yyyy年" }
+  )), e === "zh-CHT" && (a.push(
+    { id: "yyyy年MM月dd日 HH時mm分ss秒", name: "yyyy年MM月dd日 HH時mm分ss秒" },
+    { id: "yyyy年MM月dd日 HH時mm分", name: "yyyy年MM月dd日 HH時mm分" }
+  ), n.push(
+    { id: "yyyy年MM月dd日", name: "yyyy年MM月dd日" }
+  ), v.push(
+    { id: "yyyy年MM月", name: "yyyy年MM月" }
+  ), s.push(
+    { id: "MM月dd日", name: "MM月dd日" }
+  ), d.push(
+    { id: "yyyy年", name: "yyyy年" }
+  )), { timeFormats: a, yMFormats: v, yMdFormats: n, mdFormats: s, yFormats: d };
+}
+class ya extends Qt {
+  constructor(a, n) {
+    super(a, n);
+  }
+  getEditorProperties(a) {
+    var s, d, T, g, f, M, k, l, c, t;
+    const n = this.getDateFormatOptions(a == null ? void 0 : a.editor), v = this.getValueFormatOptions();
+    return this.getComponentConfig(a, { type: "date-picker" }, {
+      showTime: {
+        description: "",
+        title: "启用时间选择",
+        type: "boolean",
+        readonly: ((s = a == null ? void 0 : a.editor) == null ? void 0 : s.fieldType) === "Date",
+        refreshPanelAfterChanged: !0
+      },
+      displayFormat: {
+        description: "",
+        title: "展示格式",
+        type: "enum",
+        editor: {
+          data: n
+        }
+      },
+      valueFormat: {
+        description: "",
+        title: "存储格式",
+        type: "enum",
+        editor: {
+          data: v
+        },
+        visible: ((d = a == null ? void 0 : a.editor) == null ? void 0 : d.fieldType) === "String"
+      },
+      maxDate: {
+        description: "",
+        title: "最大日期",
+        type: "string",
+        editor: {
+          type: "date-picker",
+          displayFormat: "yyyy-MM-dd" + ((T = a == null ? void 0 : a.editor) != null && T.showTime ? " HH:mm:ss" : ""),
+          valueFormat: "yyyy-MM-dd" + ((g = a == null ? void 0 : a.editor) != null && g.showTime ? " HH:mm:ss" : ""),
+          minDate: ((f = a == null ? void 0 : a.editor) == null ? void 0 : f.minDate) || "1900-01-01",
+          maxDate: "9999-12-31",
+          showTime: (M = a == null ? void 0 : a.editor) == null ? void 0 : M.showTime
+        },
+        refreshPanelAfterChanged: !0
+      },
+      minDate: {
+        description: "",
+        title: "最小日期",
+        type: "string",
+        editor: {
+          type: "date-picker",
+          displayFormat: "yyyy-MM-dd" + ((k = a == null ? void 0 : a.editor) != null && k.showTime ? " HH:mm:ss" : ""),
+          valueFormat: "yyyy-MM-dd" + ((l = a == null ? void 0 : a.editor) != null && l.showTime ? " HH:mm:ss" : ""),
+          minDate: "1900-01-01",
+          maxDate: ((c = a == null ? void 0 : a.editor) == null ? void 0 : c.maxDate) || "9999-12-31",
+          showTime: (t = a == null ? void 0 : a.editor) == null ? void 0 : t.showTime
+        },
+        refreshPanelAfterChanged: !0
+      }
+    }, this.setEditorPropertyRelates);
+  }
+  setEditorPropertyRelates(a, n, v) {
+    if (!(!a || !n.editor))
+      switch (a.propertyID) {
+        case "showTime": {
+          const s = n.editor;
+          a.propertyValue ? (s.displayFormat = "yyyy-MM-dd HH:mm:ss", s.valueFormat = "yyyy-MM-dd HH:mm:ss") : (s.displayFormat = "yyyy-MM-dd", s.valueFormat = "yyyy-MM-dd"), n.formatter && (n.formatter.dateFormat = s.displayFormat);
+          break;
+        }
+        case "displayFormat": {
+          n.formatter && (n.formatter.dateFormat = a.propertyValue);
+          break;
+        }
+      }
+  }
+  getDateFormatOptions(a) {
+    let n = [];
+    const { timeFormats: v, yMdFormats: s, yMFormats: d, mdFormats: T, yFormats: g } = ca();
+    return a.showTime && (n = n.concat(v)), n = n.concat(s), n = n.concat(d), n = n.concat(g), n = n.concat(T), n;
+  }
+  getValueFormatOptions() {
+    return [
+      { id: "yyyy-MM-dd", name: "yyyy-MM-dd" },
+      { id: "yyyy/MM/dd", name: "yyyy/MM/dd" },
+      { id: "MM/dd/yyyy", name: "MM/dd/yyyy" },
+      { id: "yyyy-MM-dd HH:mm:ss", name: "yyyy-MM-dd HH:mm:ss" },
+      { id: "yyyy/MM/dd HH:mm:ss", name: "yyyy/MM/dd HH:mm:ss" },
+      { id: "yyyyMM", name: "yyyyMM" },
+      { id: "yyyy", name: "yyyy" }
+    ];
+  }
+}
+function fa(e, a) {
+  const n = e.schema;
+  function v(s, d) {
+    return new ya(s, a).getPropertyConfig(n, d);
+  }
+  return { getPropsConfig: v };
+}
+const de = /* @__PURE__ */ Z({
+  name: "FDatePickerDesign",
+  props: da,
+  emits: ["update:modelValue", "datePicked"],
+  setup(e, a) {
+    const n = '<span class="f-icon f-icon-date"></span>', v = r(e.modelValue), s = r(), d = Me("designer-host-service"), T = Me("design-item-context"), g = fa(T, d), f = Fe(s, T, g);
+    return ge(() => {
+      s.value.componentInstance = f;
+    }), a.expose(f.value), () => m(Xt, {
+      ref: s,
+      modelValue: v.value,
+      "onUpdate:modelValue": (M) => v.value = M,
+      buttonContent: n,
+      readonly: !0,
+      editable: !1,
+      forcePlaceholder: !0,
+      placeholder: e.placeholder,
+      enableClear: !0
+    }, null);
+  }
+}), Ae = {
+  1: "一月",
+  2: "二月",
+  3: "三月",
+  4: "四月",
+  5: "五月",
+  6: "六月",
+  7: "七月",
+  8: "八月",
+  9: "九月",
+  10: "十月",
+  11: "十一月",
+  12: "十二月"
+}, va = {
+  /** 允许编辑 */
+  editable: { type: Boolean, default: !1 },
+  /** 禁用 */
+  disabled: { type: Boolean, default: !1 },
+  /** 同disabled */
+  readonly: { type: Boolean, default: !1 },
+  /** 禁用日期 */
+  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 } },
+  /** 是否显示时间 */
+  displayTime: { Type: Boolean, default: !1 },
+  /** 高亮日期 */
+  highlightDates: { Type: Array, default: [] },
+  /** 是否高亮周六 */
+  highlightSaturday: { Type: Boolean, default: !1 },
+  /** 是否高亮周日 */
+  highlightSunday: { Type: Boolean, default: !1 },
+  /** 最晚年限 */
+  maxDate: { Type: String, default: "9999-12-31 23:59:59" },
+  /** 最早年限 */
+  minDate: { Type: String, default: "1900-01-01 00:00:00" },
+  /** 组件值 */
+  modelValue: { type: String, default: "" },
+  /** 每月缩写 */
+  nameOfMonths: { Type: Object, default: Ae },
+  /** 定界符 */
+  // periodDelimiter: { Type: String, default: '' },
+  /** 显示方式 */
+  selectMode: { Type: String, default: "day" },
+  /** 存储格式 */
+  valueFormat: { Type: String, default: "yyyy-MM-dd" },
+  /** 显示格式 */
+  displayFormat: { Type: String, default: "yyyy-MM-dd" },
+  /** 是否允许日期范围 */
+  enablePeriod: { type: Boolean, default: !1 },
+  /**
+   * 作为内嵌编辑器被创建后默认获得焦点
+   */
+  focusOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 背景文字
+   */
+  placeholder: { type: String, default: "请选择日期" },
+  /**
+   * 作为内嵌编辑器被创建后默认选中文本
+   */
+  selectOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 是否展示时分秒
+   */
+  showTime: { type: Boolean, default: !1 },
+  /** 显示第二个日期输入框 */
+  showEndDate: { type: Boolean, default: !0 },
+  /** 显示中间图标 */
+  showMiddleIcon: { type: Boolean, default: !0 },
+  /** 开始日期 */
+  startDateValue: { type: String },
+  /** 结束日期 */
+  endDateValue: { type: String },
+  /** 展示日期范围面板 */
+  showPeriod: { type: Boolean, default: !0 },
+  /** 启用删除 */
+  enableClear: { type: Boolean, default: !0 }
+}, ce = ["日", "一", "二", "三", "四", "五", "六"];
+var q = /* @__PURE__ */ ((e) => (e[e.previous = 1] = "previous", e[e.current = 2] = "current", e[e.next = 3] = "next", e))(q || {});
+const ma = "https://json-schema.org/draft/2020-12/schema", ha = "https://farris-design.gitee.io/date-view.schema.json", ba = "date-view", Ma = "A Farris Input Component", ga = "object", pa = {
+  id: {
+    description: "The unique identifier for date picker",
+    type: "string"
+  },
+  type: {
+    description: "The type string of date picker",
+    type: "string",
+    default: "date-view"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  disable: {
+    type: "string",
+    default: !1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, ka = [
+  "id",
+  "type"
+], Pa = {
+  $schema: ma,
+  $id: ha,
+  title: ba,
+  description: Ma,
+  type: ga,
+  properties: pa,
+  required: ka
+}, Ta = "date-view", wa = "A Farris Component", Ca = "object", Da = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  },
+  behavior: {
+    description: "Basic Infomation",
+    title: "行为",
+    properties: {
+      visible: {
+        description: "",
+        title: "可见",
+        type: "boolean"
+      }
+    }
+  }
+}, xa = {
+  title: Ta,
+  description: wa,
+  type: Ca,
+  categories: Da
+}, We = {
+  /**  */
+  top: { type: Number, default: 0 },
+  /**  */
+  left: { type: Number, default: 0 },
+  /** 位置 */
+  position: { type: String, default: "bottom" },
+  /** 是否允许日期范围 */
+  enablePeriod: { type: Boolean, default: !1 },
+  dateFormat: { type: String, default: "yyyy-MM-dd" },
+  valueFormat: { type: String, default: "yyyy-MM-dd" },
+  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: 1e4 },
+  /** 最早年限 */
+  minYear: { Type: Number, default: 1 },
+  /** 模式；Embedded；popup； */
+  mode: { Type: String, default: "Embedded" },
+  /** 月份 */
+  months: { type: Array, default: [[]] },
+  /** 月份名称 */
+  nameOfMonths: { Type: Object, default: Ae },
+  /** 二级日期 */
+  secondaryDates: { type: Array, default: [] },
+  /** 二级月份 */
+  secondaryMonths: { type: Array, default: [[]] },
+  /** 选择的时间*/
+  selectedDate: { type: Object, default: null },
+  /** 日期范围组件结束日期 */
+  selectedSecondDate: { 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: [[]] },
+  /** 日期时间值 */
+  value: { type: String, default: null },
+  /** 是否展示时分秒 */
+  showTime: { type: Boolean, default: !1 }
+}, Re = Ie(We, Pa, Ee, $e, xa), Oa = {
+  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" }
+}, Na = /* @__PURE__ */ Z({
+  name: "FDatePickerCalendarNavbar",
+  props: Oa,
+  emits: ["clickMonth", "clickYear", "prePage", "preRecord", "nextRecord", "nextPage"],
+  setup(e, a) {
+    return () => {
+      const n = r(e.ariaLabelPrevMonth), v = r(e.ariaLabelNextMonth), s = r(e.dateFormat), d = r(e.disablePrePage), T = r(e.disablePreRecord), g = r(e.disableNextRecord), f = r(e.disableNextPage), M = r(e.activeMonth), k = r(e.years), l = r(e.selectingMonth), c = r(e.selectingYear), t = r(e.selectMode), i = r(!0), D = r(!0);
+      J(() => e.activeMonth, () => {
+        var o, N, O, j;
+        M.value = {
+          month: (o = e.activeMonth) == null ? void 0 : o.month,
+          year: (N = e.activeMonth) == null ? void 0 : N.year,
+          displayTextOfMonth: (O = e.activeMonth) == null ? void 0 : O.displayTextOfMonth,
+          displayTextOfYear: (j = e.activeMonth) == null ? void 0 : j.displayTextOfMonth
+        };
+      });
+      const h = B(() => ({
+        "f-datepicker-header": !0,
+        monthYearSelBarBorder: l.value || c.value
+      })), p = B(() => ({
+        "f-datepicker-header-btn": !0,
+        "f-datepicker-header-btn-disabled": d.value
+      })), b = B(() => !l.value && !c.value), $ = B(() => ({
+        "f-datepicker-header-btn": !0,
+        "f-datepicker-header-btn-disabled": T.value
+      })), I = B(() => ({
+        "f-datepicker-header-btn": !0,
+        "f-datepicker-header-btn-disabled": g.value
+      })), w = B(() => ({
+        "f-datepicker-header-btn": !0,
+        "f-datepicker-header-btn-disabled": f.value
+      })), y = B(() => ({
+        "f-datepicker-header-btn": !0,
+        "f-datepicker-yearLabel": i.value,
+        "f-datepicker-labelBtnNotEdit": !i.value
+      })), x = B(() => ({
+        "f-datepicker-header-btn": !0,
+        "f-datepicker-monthLabel": D.value,
+        "f-datepicker-labelBtnNotEdit": !D.value
+      })), F = B(() => {
+        const o = s.value ? s.value.indexOf("yyyy") : 0, N = s.value ? s.value.indexOf("MM") : 0;
+        return o > N ? "MM-yyyy" : "yyyy-MM";
+      });
+      function W(o) {
+        o.stopPropagation(), a.emit("prePage");
+      }
+      function z(o) {
+        o.stopPropagation(), a.emit("preRecord");
+      }
+      function V(o) {
+        o.stopPropagation(), a.emit("clickYear");
+      }
+      function E(o) {
+        o.stopPropagation(), a.emit("clickMonth");
+      }
+      function _(o) {
+        o.stopPropagation(), a.emit("nextRecord");
+      }
+      function L(o) {
+        o.stopPropagation(), a.emit("nextPage");
+      }
+      function U() {
+        return m("button", {
+          type: "button",
+          class: y.value,
+          onClick: (o) => {
+            i.value && V(o);
+          },
+          tabindex: i.value ? "0" : "-1",
+          disabled: t.value === "year"
+        }, [c.value ? k.value.length > 3 ? k.value[0][1].year + " - " + k.value[3][1].year : "" : M.value.displayTextOfYear]);
+      }
+      function S() {
+        return !c.value && t.value !== "month" && m("button", {
+          type: "button",
+          class: x.value,
+          onClick: (o) => {
+            D.value && E(o);
+          },
+          tabindex: D.value ? "0" : "-1"
+        }, [M.value.displayTextOfMonth]);
+      }
+      return m("div", {
+        class: h.value,
+        style: "height:40px; overflow:hidden;"
+      }, [m("div", {
+        class: "f-datepicker-prev-btn"
+      }, [m("button", {
+        type: "button",
+        class: p.value,
+        onClick: W
+      }, [m("i", {
+        class: "f-icon f-icon-arrow-double-60-left"
+      }, null)]), b.value && m("button", {
+        type: "button",
+        "aria-label": n.value,
+        class: $.value,
+        onClick: z
+      }, [m("i", {
+        class: "f-icon f-icon-arrow-chevron-left"
+      }, null)])]), m("div", {
+        class: "f-datepicker-monthYearText"
+      }, [F.value === "yyyy-MM" ? [U(), S()] : [S(), U()]]), m("div", {
+        class: "f-datepicker-next-btn"
+      }, [b.value && m("button", {
+        type: "button",
+        "aria-label": v.value,
+        class: I.value,
+        onClick: _
+      }, [m("i", {
+        class: "f-icon f-icon-arrow-chevron-right"
+      }, null)]), m("button", {
+        type: "button",
+        class: w.value,
+        onClick: L
+      }, [m("i", {
+        class: "f-icon f-icon-arrow-double-60-right"
+      }, null)])])]);
+    };
+  }
+}), Sa = {
+  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 G = /* @__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))(G || {});
+function pe() {
+  function e(a) {
+    const n = a.key || a.keyCode;
+    return n === "Enter" || n === 13 ? 13 : n === "Escape" || n === 27 ? 27 : n === " " || n === 32 ? 32 : n === "ArrowLeft" || n === 37 ? 37 : n === "ArrowUp" || n === 38 ? 38 : n === "ArrowRight" || n === 39 ? 39 : n === "ArrowDown" || n === 40 ? 40 : n === "Tab" || n === 9 ? 9 : n === "Shift" || n === 16 ? 16 : -1;
+  }
+  return { getKeyCodeFromEvent: e };
+}
+function Ba(e) {
+  const a = Object.prototype.toString.call(e);
+  return e instanceof Date || typeof e == "object" && a === "[object Date]" ? new e.constructor(+e) : typeof e == "number" || a === "[object Number]" || typeof e == "string" || a === "[object String]" ? new Date(e) : /* @__PURE__ */ new Date(NaN);
+}
+function Ha(e) {
+  return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
+}
+function Ya(e) {
+  if (!Ha(e) && typeof e != "number")
+    return !1;
+  const a = Ba(e);
+  return !isNaN(Number(a));
+}
+function ee() {
+  function e() {
+    return { year: 0, month: 0, day: 0 };
+  }
+  function a(t) {
+    return new Date(
+      t.year || 0,
+      t.month ? t.month - 1 : 0,
+      t.day || 0,
+      t.hour ? t.hour : 0,
+      t.minute ? t.minute : 0,
+      t.second ? t.second : 0,
+      0
+    );
+  }
+  function n(t) {
+    const i = /* @__PURE__ */ new Date();
+    return t.year || (t.year = i.getFullYear()), t.month || (t.month = i.getMonth() + 1), t.day || (t.day = 1), new Date(
+      t.year,
+      t.month - 1,
+      t.day,
+      t.hour ? t.hour : 0,
+      t.minute ? t.minute : 0,
+      t.second ? t.second : 0,
+      0
+    );
+  }
+  function v(t) {
+    return new Date(
+      t.year || 1,
+      (t.month || 1) - 1,
+      t.day,
+      t.hour ? t.hour : 0,
+      t.minute ? t.minute : 0,
+      t.second ? t.second : 0,
+      0
+    ).getDay();
+  }
+  function s(t) {
+    return ce.indexOf(t);
+  }
+  function d(t) {
+    return a(t).getTime();
+  }
+  function T(t) {
+    return Math.round(d(t) / 1e3);
+  }
+  function g(t, i, D) {
+    const h = d(i), p = d(D), b = d(t);
+    return p - b > b - h ? i : D;
+  }
+  function f() {
+    const t = /* @__PURE__ */ new Date();
+    return {
+      year: t.getFullYear(),
+      month: t.getMonth() + 1,
+      day: t.getDate(),
+      hour: t.getHours(),
+      minute: t.getMinutes(),
+      second: t.getSeconds()
+    };
+  }
+  function M(t, i) {
+    const D = i.match(/[^(DdMmYy)]{1,}/g), h = {};
+    if (D) {
+      let p = D[0];
+      D[0] !== D[1] && (p = D[0] + D[1], D[2] && D[1] !== D[2] && (p += D[2]));
+      const b = new RegExp("[" + p + "]"), $ = t.split(b), I = i.split(b);
+      for (let w = 0; w < I.length; w++)
+        I[w].indexOf("yyyy") !== -1 && (h.year = Number($[w])), I[w].indexOf("M") !== -1 && (h.month = Number($[w] || "1")), I[w].indexOf("d") !== -1 && (h.day = Number($[w] || "1"));
+    } else {
+      const p = (i + "").indexOf("yyyy"), b = (i + "").indexOf("MM"), $ = (i + "").indexOf("dd");
+      if (p >= 0) {
+        const I = t.substring(p, p + 4);
+        h.year = Number(I);
+      }
+      b >= 0 && (h.month = Number(t.substring(b, b + 2) || "1")), $ >= 0 && (h.day = Number(t.substring($, $ + 2) || "01"));
+    }
+    return h.year === void 0 && (h.year = f().year), h;
+  }
+  function k(t, i = !0) {
+    const D = new Date(1900, 1, 1, 0, 0, 0), h = new Date(9999, 12, 31, 23, 59, 59), p = i ? D : h;
+    let b;
+    return t instanceof Date ? b = t : typeof t == "string" ? b = t.trim() ? new Date(t) : p : b = p, Ya(b) || (b = p), {
+      year: b.getFullYear(),
+      month: b.getMonth() + 1,
+      day: b.getDate(),
+      hour: b.getHours(),
+      minute: b.getMinutes(),
+      second: b.getSeconds()
+    };
+  }
+  function l(t) {
+    return k(t, !0);
+  }
+  function c(t) {
+    return k(t, !1);
+  }
+  return {
+    emptyDate: e,
+    getDate: a,
+    getDate2: n,
+    getDayNumber: v,
+    getEpocTime: T,
+    getNearDate: g,
+    getWeekdayIndex: s,
+    getTimeInMilliseconds: d,
+    getToday: f,
+    getDateObject: M,
+    getMinDate: l,
+    getMaxDate: c
+  };
+}
+function re() {
+  const { getTimeInMilliseconds: e } = ee();
+  function a(l) {
+    return l && l.year !== 0 && l.month !== 0 && l.day !== 0;
+  }
+  function n(l) {
+    return l && l.year !== 0 && l.month !== 0;
+  }
+  function v(l) {
+    return l && l.year !== 0;
+  }
+  function s(l, c) {
+    return e(l) < e(c);
+  }
+  function d(l, c) {
+    return e(l) <= e(c);
+  }
+  function T(l, c) {
+    return e(l) === e(c);
+  }
+  function g(l, c) {
+    const t = e(c);
+    return e(l.from) === t || e(l.to) === t;
+  }
+  function f(l, c) {
+    return !c || !a(c.to) || !a(c.from) ? !1 : d(c.from, l) && d(l, c.to);
+  }
+  function M(l, c) {
+    return a(c) && e(l) >= e(c);
+  }
+  function k(l, c) {
+    return a(c) && e(l) <= e(c);
+  }
+  return {
+    isDateEarlier: s,
+    equal: T,
+    inPeriod: f,
+    isPoint: g,
+    equalOrEarlier: d,
+    isInitializedDate: a,
+    isInitializedMonth: n,
+    isInitializedYear: v,
+    isMonthDisabledByDisableSince: M,
+    isMonthDisabledByDisableUntil: k
+  };
+}
+const Fa = /* @__PURE__ */ Z({
+  name: "FDatePickerCalendarView",
+  props: Sa,
+  emits: ["click", "clickWeek", "keyDown", "mouseEnter", "mouseLeave"],
+  setup(e, a) {
+    const n = r(e.dates), v = r(e.daysInWeek), s = r(e.enableKeyboadNavigate), d = r(e.enableMarkCurrent), T = r(e.enablePeriod), g = r(e.firstDayOfTheWeek), f = r(e.selected), M = r(e.selectedPeriod), k = r(e.selectedWeek), l = r(e.selectMode), c = r(e.showWeekNumber), t = r(e.weekTitle), i = B(() => c.value && g.value === "Mon");
+    J(() => e.dates, () => {
+      n.value = e.dates;
+    }), J(() => e.selected, () => {
+      f.value = e.selected;
+    }), J(() => e.enablePeriod, (o, N) => {
+      o !== N && (T.value = o);
+    });
+    const {
+      equal: D,
+      inPeriod: h,
+      isInitializedDate: p,
+      equalOrEarlier: b,
+      isPoint: $
+    } = re(), {
+      getKeyCodeFromEvent: I
+    } = pe(), w = (o) => {
+      const N = !!k.value && o.numberInTheYear === k.value.numberInTheYear && o.year === k.value.year;
+      return {
+        "f-datepicker-selectWeek": l.value === "week",
+        "f-datepicker-selectedWeek": l.value === "week" && N
+      };
+    }, y = B(() => c.value && g.value === "Mon");
+    function x(o) {
+      return h(o, M.value);
+    }
+    function F(o) {
+      return !!M.value && $(M.value, o);
+    }
+    function W(o) {
+      return !!f.value && D({
+        year: f.value.year,
+        month: f.value.month,
+        day: f.value.day
+      }, {
+        year: o.year,
+        month: o.month,
+        day: o.day
+      });
+    }
+    const z = (o, N, O) => {
+      const j = l.value !== "week" && o.tag === q.current && (T.value && x(o.date) && !F(o.date) || o.range), K = o.tag === q.previous || o.tag === q.next, Q = {
+        "f-datepicker-range": j,
+        "f-datepicker-no-currmonth": K,
+        "f-datepicker-disabled": o.disable,
+        "f-datepicker-singledate": !o.disable
+      }, R = `d_${N}_${O}`;
+      return Q[R] = !0, Q;
+    }, V = (o) => {
+      const N = l.value !== "week" && o.tag === q.current && (!T.value && W(o.date) || T.value && F(o.date)), O = o.isCurrent && d.value, j = o.highlight && (o.tag === q.previous || o.tag === q.next || o.disable);
+      return {
+        "f-datepicker-date": !0,
+        "f-datepicker-selected": N,
+        "f-datepicker-current": O,
+        "f-datepicker-opacity": j,
+        "f-datepicker-highlight": o.highlight,
+        "f-datepicker-disabled": o.disable
+      };
+    };
+    function E(o, N) {
+      N.disable || l.value === "week" || (o.stopPropagation(), a.emit("click", {
+        event: o,
+        dayItem: N
+      }));
+    }
+    function _(o, N) {
+      l.value === "week" && (o.stopPropagation(), a.emit("clickWeek", N));
+    }
+    function L(o, N) {
+      const O = I(o);
+      O !== G.tab && (o.preventDefault(), O === G.enter || O === G.space ? E(o, N) : s.value && a.emit("keyDown", N.date));
+    }
+    function U(o) {
+      M.value && p(M.value.from) && !p(M.value.to) && (n.value.forEach((N) => {
+        N.days.forEach((O) => {
+          O.range = !!M.value && (b(M.value.from, O.date) && b(O.date, o.date) || b(O.date, M.value.from) && b(o.date, O.date));
+        });
+      }), a.emit("mouseEnter", o.date));
+    }
+    function S() {
+      n.value.forEach((o) => {
+        o.days.forEach((N) => {
+          N.range = !1;
+        });
+      }), a.emit("mouseLeave");
+    }
+    return () => m(Ut, null, [m("div", {
+      class: "f-datepicker-table-wrapper"
+    }, [m("table", {
+      class: "f-datepicker-table",
+      cellpadding: "0"
+    }, [m("thead", null, [m("tr", null, [i.value && m("th", {
+      class: "f-datepicker-weeknbr-title"
+    }, [t.value]), v.value && v.value.map((o) => m("th", {
+      scope: "col",
+      style: "padding-bottom: 8px;padding-top: 4px"
+    }, [o]))])]), m("tbody", null, [n.value && n.value.map((o, N) => m("tr", {
+      class: w(o),
+      onClick: (O) => _(O, o)
+    }, [y.value && m("td", {
+      class: "f-datepicker-weeknbr"
+    }, [m("div", {
+      class: "f-datepicker-date"
+    }, [o.numberInTheYear])]), o.days && o.days.map((O, j) => m("td", {
+      id: `d_${N}_${j}`,
+      tabindex: "0",
+      class: z(O, N, j),
+      onClick: (K) => E(K, O),
+      onKeydown: (K) => L(K, O),
+      onMouseenter: () => U(O),
+      onMouseleave: () => S()
+    }, [O.marked && O.marked.marked && m("span", {
+      class: "f-datepicker-markdate",
+      style: {
+        "background-color": O.marked.color
+      }
+    }, null), m("div", {
+      class: V(O)
+    }, [O.date.day])]))]))])])])]);
+  }
+}), Ia = {
+  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 }
+}, $a = /* @__PURE__ */ Z({
+  name: "FDatePickerMonthView",
+  props: Ia,
+  emits: ["click", "keyDown", "mouseEnter", "mouseLeave"],
+  setup(e, a) {
+    const n = r(e.months), v = r(e.enableMarkCurrent), s = r(e.enableKeyboadNavigate), d = r(e.enablePeriod), T = r(e.selected), g = r(e.selectedPeriod), {
+      equal: f,
+      inPeriod: M,
+      isInitializedDate: k,
+      equalOrEarlier: l
+    } = re(), {
+      getKeyCodeFromEvent: c
+    } = pe();
+    J(() => e.months, () => {
+      n.value = e.months;
+    }), J(() => e.selected, () => {
+      T.value = e.selected;
+    });
+    function t(w, y) {
+      w.stopPropagation(), !y.disable && a.emit("click", y.date);
+    }
+    function i(w, y) {
+      const x = c(w);
+      x !== G.tab && (w.preventDefault(), x === G.enter || x === G.space ? t(w, y) : s.value && a.emit("keyDown", y));
+    }
+    function D(w) {
+      g.value && k(g.value.from) && !k(g.value.to) && (n.value.forEach((y) => {
+        y.forEach((x) => {
+          x.range = !!g.value && (l(g.value.from, x.date) && l(x.date, w.date) || l(x.date, g.value.from) && l(w.date, x.date));
+        });
+      }), a.emit("mouseEnter", w));
+    }
+    function h() {
+      n.value.forEach((w) => {
+        w.forEach((y) => {
+          y.range = !1;
+        });
+      }), a.emit("mouseLeave");
+    }
+    function p(w) {
+      return !!T.value && f({
+        year: T.value.year,
+        month: T.value.month
+      }, {
+        year: w.year,
+        month: w.month
+      });
+    }
+    function b(w) {
+      return !!g.value && (f({
+        year: g.value.from.month
+      }, w) || f({
+        year: g.value.to.month
+      }, w));
+    }
+    function $(w) {
+      return M(w, g.value);
+    }
+    const I = (w) => ({
+      "f-datepicker-month-cell": !0,
+      "f-datepicker-current": w.isCurrent && v.value,
+      "f-datepicker-selected": !d.value && p(w.date) || d.value && b(w.date),
+      "f-datepicker-disabled": w.disable,
+      "f-datepicker-range": $(w.date) || w.range
+    });
+    return () => m("div", {
+      class: "f-datepicker-table-wrapper"
+    }, [m("table", {
+      class: "f-datepicker-table"
+    }, [m("tbody", null, [n.value && n.value.map((w, y) => m("tr", null, [w.map((x, F) => m("td", {
+      id: `m_${y}_${F}`,
+      class: `m_${y}_${F}`,
+      onClick: (W) => t(W, x),
+      onKeydown: (W) => i(W, x),
+      onMouseenter: () => D(x),
+      onMouseleave: () => h(),
+      tabindex: "0",
+      style: "width: 33.3%"
+    }, [m("div", {
+      class: "f-datepicker-month"
+    }, [m("span", {
+      class: I(x)
+    }, [x.displayText])])]))]))])])]);
+  }
+}), Ea = {
+  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 }
+}, ja = /* @__PURE__ */ Z({
+  name: "FDatePickerYearView",
+  props: Ea,
+  emits: ["click", "keyDown", "mouseEnter", "mouseLeave"],
+  setup(e, a) {
+    const n = r(e.years), v = r(e.enableMarkCurrent), s = r(e.enableKeyboadNavigate), d = r(e.enablePeriod), T = r(e.selected), g = r(e.selectedPeriod), {
+      equal: f,
+      inPeriod: M,
+      isInitializedDate: k,
+      equalOrEarlier: l
+    } = re(), {
+      getKeyCodeFromEvent: c
+    } = pe();
+    J(() => e.years, () => {
+      n.value = e.years;
+    }), J(() => e.selected, () => {
+      T.value = e.selected;
+    });
+    const t = (y, x) => {
+      const F = `y_${y}_${x}`, W = {
+        "f-datepicker-no-currmonth": y === 0 && x === 0 || y === 3 && x === 2
+      };
+      return W[F] = !0, W;
+    };
+    function i(y) {
+      return M(y, g.value);
+    }
+    function D(y) {
+      return !!T.value && f({
+        year: T.value.year
+      }, y);
+    }
+    function h(y) {
+      return !!g.value && (f({
+        year: g.value.from.year
+      }, y) || f({
+        year: g.value.to.year
+      }, y));
+    }
+    const p = (y) => ({
+      "f-datepicker-year-cell": !0,
+      "f-datepicker-current": y.isCurrent && v.value,
+      "f-datepicker-selected": !g.value && D(y.date) || d.value && h(y.date),
+      "f-datepicker-disabled": y.disable,
+      "f-datepicker-range": i(y.date) || y.range
+    });
+    function b(y, x) {
+      y.stopPropagation(), !x.disable && a.emit("click", x);
+    }
+    function $(y, x) {
+      const F = c(y);
+      F !== G.tab && (y.preventDefault(), F === G.enter || F === G.space ? b(y, x) : s.value && a.emit("keyDown", x));
+    }
+    function I(y) {
+      g.value && k(g.value.from) && !k(g.value.to) && (n.value.forEach((x) => {
+        x.forEach((F) => {
+          F.range = !!g.value && (l(g.value.from, F.date) && l(F.date, y.date) || l(F.date, g.value.from) && l(y.date, F.date));
+        });
+      }), a.emit("mouseEnter", y));
+    }
+    function w() {
+      n.value.forEach((y) => {
+        y.forEach((x) => {
+          x.range = !1;
+        });
+      }), a.emit("mouseLeave");
+    }
+    return () => m("table", {
+      class: "f-datepicker-table-wrapper"
+    }, [m("tbody", {
+      class: "f-datepicker-table"
+    }, [n.value && n.value.map((y, x) => m("tr", null, [y.map((F, W) => m("td", {
+      id: "y_{yi}_{i}",
+      class: t(x, W),
+      onClick: (z) => b(z, F),
+      onKeydown: (z) => $(z, F),
+      onMouseenter: () => I(F),
+      onMouseleave: () => w(),
+      tabindex: "0"
+    }, [m("div", {
+      class: "f-datepicker-year"
+    }, [m("span", {
+      class: p(F)
+    }, [F.year])])]))]))])]);
+  }
+});
+function ke() {
+  function e(s) {
+    return new Date(
+      s.year || 0,
+      (s.month || 1) - 1,
+      s.day,
+      s.hour ? s.hour : 0,
+      s.minute ? s.minute : 0,
+      s.second ? s.second : 0,
+      0
+    ).getDay();
+  }
+  function a(s) {
+    if (!s)
+      return 1;
+    if (!/^\d+$/.test(s.value))
+      return -1;
+    let d = Number(s.value);
+    return (s.format.length === 1 && s.value.length !== 1 && d < 10 || s.format.length === 1 && s.value.length !== 2 && d >= 10 || s.format.length === 2 && s.value.length > 2) && (d = -1), d;
+  }
+  function n(s, d) {
+    if (s.value) {
+      for (let T = 1; T <= 12; T++)
+        if (s.value.toLowerCase() === d[T].toLowerCase())
+          return T;
+    }
+    return -1;
+  }
+  function v(s) {
+    const d = new Date(s.year || 0, (s.month || 1) - 1, s.day, 0, 0, 0, 0);
+    return d.setDate(d.getDate() + (d.getDay() === 0 ? -3 : 4 - d.getDay())), Math.round((d.getTime() - new Date(d.getFullYear(), 0, 4).getTime()) / 864e5 / 7) + 1;
+  }
+  return { getNumberByValue: a, getDayNumber: e, getMonthNumberByMonthName: n, getWeekNumber: v };
+}
+function Aa(e, a, n, v, s, d, T, g) {
+  const { getTimeInMilliseconds: f, getWeekdayIndex: M } = ee(), { isInitializedDate: k } = re(), { getDayNumber: l } = ke();
+  function c(t) {
+    if (t.year && t.year < e || t.year && t.year > a)
+      return !0;
+    const i = f(t), D = t.hour !== void 0;
+    if (k(v) && (D ? i : i + 24 * 60 * 60 * 1e3 - 1) < f(v) || k(n) && i > f(n))
+      return !0;
+    if (T) {
+      const p = l(t);
+      if (p === 0 || p === 6)
+        return !0;
+    }
+    const h = l(t);
+    return !!(g.length > 0 && g.find((b) => M(b) === h) || s.length > 0 && s.find((b) => (b.year === 0 || b.year === t.year) && (b.month === 0 || b.month === t.month) && b.day === t.day) || d.length > 0 && d.find((b) => k(b.from) && k(b.to) && i >= f(b.from) && i <= f(b.to)));
+  }
+  return { isDisabledDate: c };
+}
+function Wa() {
+  const { getDayNumber: e } = ke();
+  function a(v, s, d) {
+    let T = [];
+    T = s.reduce((f, M) => {
+      const k = M.dates.map((l) => ({ date: l, color: M.color }));
+      return [...f, ...k];
+    }, T);
+    const g = T.find((f) => (f.date.year === 0 || f.date.year === v.year) && (f.date.month === 0 || f.date.month === v.month) && f.date.day === v.day);
+    if (g)
+      return { marked: !0, color: g.color };
+    if (d && d.marked) {
+      const f = e(v);
+      if (f === 0 || f === 6)
+        return { marked: !0, color: d.color };
+    }
+    return { marked: !1, color: "" };
+  }
+  function n(v, s, d, T) {
+    const g = e(v);
+    return s && g === 0 || d && g === 6 ? !0 : !!T.find((M) => (M.year === 0 || M.year === v.year) && (M.month === 0 || M.month === v.month) && M.day === v.day);
+  }
+  return { isHighlightedDate: n, isMarkedDate: a };
+}
+function Ve() {
+  const { getTimeInMilliseconds: e } = ee(), { isInitializedDate: a } = re();
+  function n(s, d) {
+    return a(d) && e(s) < e(d);
+  }
+  function v(s, d) {
+    return a(d) && e(s) > e(d);
+  }
+  return { isMonthDisabledByDisableSince: v, isMonthDisabledByDisableUntil: n };
+}
+function Le() {
+  const { getToday: e } = ee(), { isMonthDisabledByDisableSince: a, isMonthDisabledByDisableUntil: n } = Ve();
+  function v(k) {
+    const l = { displayTextOfMonth: "", month: 0, year: 0, displayTextOfYear: "" };
+    if (k) {
+      const c = k.match(/[^0-9]/), t = c && c.length ? c[0] : "", i = k.split(t);
+      l.month = i[0].length === 2 ? Number(i[0]) : Number(i[1]), l.year = i[0].length === 2 ? Number(i[1]) : Number(i[0]);
+    }
+    return l;
+  }
+  function s(k, l) {
+    return new Date(l, k, 0).getDate();
+  }
+  function d(k, l, c) {
+    return new Date(k, l - 1, c, 0, 0, 0, 0);
+  }
+  function T(k, l) {
+    const c = d(l, k, 1);
+    return c.setMonth(c.getMonth() - 1), s(c.getMonth() + 1, c.getFullYear());
+  }
+  function g(k, l, c, t) {
+    const i = e(), D = [], { year: h } = l, p = 3, b = { year: c.year, month: c.month, day: c.day }, $ = { year: t.year, month: t.month, day: t.day };
+    for (let I = 1; I <= 12; I += p) {
+      const w = [];
+      for (let y = I; y < I + p; y++) {
+        const x = a({ year: h, month: y, day: 1 }, b) || n({ year: h, month: y, day: s(y, h || 0) }, $);
+        w.push({
+          month: y,
+          displayText: k[y],
+          isCurrent: y === i.month && h === i.year,
+          disable: x,
+          date: { year: h, month: y }
+        });
+      }
+      D.push(w);
+    }
+    return D;
+  }
+  function f(k, l) {
+    const c = {
+      year: k === 12 ? l + 1 : l
+    }, t = k === 12 ? 1 : k + 1;
+    return c.month = t, c;
+  }
+  function M(k, l) {
+    const c = {
+      year: k === 1 ? l - 1 : l
+    }, t = k === 1 ? 12 : k - 1;
+    return c.month = t, c;
+  }
+  return { daysInMonth: s, daysInPreMonth: T, generateMonths: g, parseDefaultMonth: v, getNextMonth: f, getPreviousMonth: M };
+}
+function Ra({ isDisabledDate: e }) {
+  const { getToday: a } = ee(), { daysInMonth: n, daysInPreMonth: v, getNextMonth: s, getPreviousMonth: d } = Le(), { isHighlightedDate: T, isMarkedDate: g } = Wa(), { getWeekNumber: f } = ke();
+  function M(t) {
+    const i = ce.indexOf(t);
+    return i > 0 ? 7 - i : 0;
+  }
+  function k(t, i, D) {
+    const h = /* @__PURE__ */ new Date();
+    h.setDate(1), h.setMonth(i - 1), h.setFullYear(t);
+    const p = h.getDay() + D;
+    return p >= 7 ? p - 7 : p;
+  }
+  function l(t, i, D, h, p) {
+    return t === p.day && i === p.month && D === p.year && h === q.current;
+  }
+  function c(t, i, D, h, p, b, $, I, w) {
+    const y = [], x = a(), F = k(i, t, M(D)), W = n(t, i), z = v(t, i);
+    let V = 1, E = q.previous;
+    for (let _ = 1; _ < 7; _++) {
+      const L = [];
+      if (_ === 1) {
+        const S = z - F + 1;
+        for (let N = S; N <= z; N++) {
+          const O = {
+            year: t === 1 ? i - 1 : i,
+            month: t === 1 ? 12 : t - 1,
+            day: N
+          }, j = l(N, t, i, E, x), K = e(O), Q = g(O, h, p), R = T(O, I, $, b);
+          L.push({ date: O, tag: E, isCurrent: j, disable: K, marked: Q, highlight: R });
+        }
+        E = q.current;
+        const o = 7 - L.length;
+        for (let N = 0; N < o; N++) {
+          const O = { year: i, month: t, day: V }, j = l(V, t, i, E, x), K = e(O), Q = g(O, h, p), R = T(O, I, $, b);
+          L.push({ date: O, tag: E, isCurrent: j, disable: K, marked: Q, highlight: R }), V++;
+        }
+      } else
+        for (let S = 1; S <= 7; S++) {
+          V > W && (V = 1, E = q.next);
+          const o = {
+            year: E === q.next && t === 12 ? i + 1 : i,
+            month: E === q.current ? t : E === q.next && t < 12 ? t + 1 : 1,
+            day: V
+          }, N = l(V, t, i, E, x), O = e(o), j = g(o, h, p), K = T(o, I, $, b);
+          L.push({ date: o, tag: E, isCurrent: N, disable: O, marked: j, highlight: K }), V++;
+        }
+      const U = w && D === "Mon." ? f(L[0].date) : 0;
+      y.push({ days: L, numberInTheYear: U, year: i });
+    }
+    return y;
+  }
+  return { generateCalendar: c };
+}
+function Va() {
+  const { getToday: e } = ee();
+  function a(n, v, s, d, T, g) {
+    const f = [], M = n - n % 10, { year: k, month: l } = v, c = e(), t = 3, i = M + 10;
+    for (let D = M - 1; D < i; D += t) {
+      const h = [];
+      for (let p = D; p < D + t; p++) {
+        const b = p < s || p > d;
+        h.push({
+          year: p,
+          isCurrent: p === c.year,
+          selected: p === k,
+          disable: b,
+          date: { year: p }
+        });
+      }
+      f.push(h);
+    }
+    return f;
+  }
+  return { generateYears: a };
+}
+const La = /* @__PURE__ */ Z({
+  name: "FDateView",
+  props: We,
+  emits: ["datePicked", "confirm"],
+  setup(e, a) {
+    const n = r(), v = r(""), s = r(e.mode), d = r(e.top), T = r(e.left), g = r(e.position), f = r(e.enablePeriod), M = r(e.selectMode), k = r(e.dateFormat), l = r(e.nameOfMonths), c = r(e.valueFormat), t = r([]), i = r(!1), D = r(""), h = r(!1), p = r(""), b = r(), $ = r(!1), I = r(!1), w = r(!1), y = r(!1), x = r(!1), F = r(!1), W = r(!1), z = r(!1);
+    r(e.secondaryDates);
+    const V = r(e.daysInWeek), E = r(e.enableKeyboadNavigate), _ = r(e.enableMarkCurrent), L = r(e.firstDayOfTheWeek), U = r(e.showWeekNumber), S = r(e.selectedDate), o = r(e.selectedSecondDate), N = r(e.value), O = r(e.selectedWeek), j = r(e.selectedPeriod), K = r(e.weekTitle), Q = r(e.secondaryMonths), R = r(e.selectedMonth), ye = r(e.minYear), fe = r(e.maxYear), te = r(e.disableSince), ae = r(e.disableUntil), Ke = r(e.disableDates), _e = r(e.disablePeriod), qe = r(e.disableWeekdays), ze = r(e.disableWeekends), Pe = Aa(ye.value, fe.value, te.value, ae.value, Ke.value, _e.value, ze.value, qe.value), {
+      formatTo: Te,
+      parseToDate: we
+    } = Vt(), {
+      isMonthDisabledByDisableSince: Ue,
+      isMonthDisabledByDisableUntil: Ge
+    } = Ve(), {
+      generateCalendar: Ce
+    } = Ra(Pe), {
+      getToday: Xe,
+      getDateObject: Je
+    } = ee(), {
+      generateMonths: Qe,
+      getNextMonth: Ze,
+      getPreviousMonth: et,
+      daysInMonth: tt
+    } = Le(), {
+      generateYears: at
+    } = Va(), H = Xe(), X = B(() => {
+      const u = oe(H), C = N.value && we(N.value, c.value);
+      return C ? Je(Te(C, "yyyy-MM-dd"), "yyyy-MM-dd") : u;
+    });
+    S.value = X.value;
+    const Y = r({
+      year: X.value.year || 1,
+      month: X.value.month || 1,
+      displayTextOfMonth: l.value[X.value.month || "1"],
+      displayTextOfYear: `${X.value.year}`
+    });
+    R.value = {
+      year: X.value.year ? X.value.year : void 0,
+      month: X.value.month ? X.value.month : void 0
+    };
+    const De = H.month === 12 ? (H.year || 1) + 1 : H.year, nt = (H.month || 1) < 12 ? (H.month || 1) + 1 : 1, ve = r({
+      year: De,
+      month: nt,
+      displayTextOfMonth: l.value[H.month || "1"],
+      displayTextOfYear: `${De}`
+    }), ot = B(() => Ce(Y.value.month, Y.value.year, L.value, [], {
+      marked: !0,
+      color: ""
+    }, e.highlightDates, e.highlightSaturday, e.highlightSunday, U.value)), lt = B(() => Ce(ve.value.month, ve.value.year, L.value, [], {
+      marked: !0,
+      color: ""
+    }, e.highlightDates, e.highlightSaturday, e.highlightSunday, U.value)), rt = B(() => Qe(l.value, {
+      year: Y.value.year,
+      month: Y.value.month
+    }, te.value, ae.value)), me = B(() => at(Y.value.year, {
+      year: Y.value.year,
+      month: Y.value.month
+    }, ye.value, fe.value, te.value, ae.value)), st = B(() => {
+      const u = {
+        "f-datepicker-container": !0
+      }, C = `container-position-${g.value}`;
+      return u[C] = !0, u;
+    });
+    J(() => e.enablePeriod, (u, C) => {
+      u !== C && (f.value = u);
+    });
+    function it() {
+      return f.value ? "" : e.showTime ? "487px" : "287px";
+    }
+    const ut = B(() => ({
+      top: `${d.value}px`,
+      left: `${T.value}px`,
+      width: it(),
+      // 'position': displayMode.value === 'Embedded' ? 'relative' : 'absolute',
+      position: "relative",
+      "z-index": s.value === "Embedded" ? 0 : 9999,
+      "margin-top": "0px"
+    }));
+    function _a(u) {
+    }
+    function dt(u) {
+      u.stopPropagation();
+    }
+    function ct(u, C) {
+      const P = Y.value.year - (h.value ? 10 : 1), A = {
+        year: P,
+        month: Y.value.month,
+        displayTextOfMonth: l.value[Y.value.month || "1"],
+        displayTextOfYear: `${P}`
+      };
+      Y.value = A;
+    }
+    function he(u, C) {
+      const P = et(Y.value.month, Y.value.year), A = {
+        year: P.year || 1,
+        month: P.month || 1,
+        displayTextOfMonth: l.value[P.month || "1"],
+        displayTextOfYear: `${P.year}`
+      };
+      Y.value = A;
+    }
+    function be(u, C) {
+      const P = Ze(Y.value.month, Y.value.year), A = {
+        year: P.year || 1,
+        month: P.month || 1,
+        displayTextOfMonth: l.value[P.month || "1"],
+        displayTextOfYear: `${P.year}`
+      };
+      Y.value = A;
+    }
+    function yt(u, C) {
+      let P = Y.value.year + 1;
+      h.value && (P = me.value[3][0].year + 2);
+      const A = {
+        year: P,
+        month: Y.value.month,
+        displayTextOfMonth: l.value[Y.value.month || "1"],
+        displayTextOfYear: `${P}`
+      };
+      Y.value = A;
+    }
+    function ft(u) {
+      i.value = !i.value, h.value = !1;
+    }
+    function vt(u) {
+      i.value = M.value === "month" ? !i.value : !1, h.value = M.value === "year" ? !0 : !h.value;
+    }
+    const mt = B(() => ({
+      "active-month": Y.value,
+      "date-format": k.value,
+      "disable-pre-page": $.value,
+      "disable-pre-record": I.value,
+      "disable-next-record": w.value,
+      "disable-next-page": y.value,
+      years: me.value,
+      "selecting-month": i.value,
+      "selecting-year": h.value,
+      "select-mode": M.value
+    })), ht = B(() => ({
+      "active-month": ve.value,
+      "date-format": k.value,
+      "disable-pre-page": x.value,
+      "disable-pre-record": F.value,
+      "disable-next-record": W.value,
+      "disable-next-page": z.value,
+      years: t.value,
+      "selecting-month": D.value,
+      "selecting-year": p.value,
+      "select-mode": M.value
+    }));
+    function xe(u, C) {
+      return m(Na, ue(C, {
+        onPrePage: (P) => ct(),
+        onPreRecord: (P) => he(),
+        onNextRecord: (P) => be(),
+        onNextPage: (P) => yt(),
+        onClickMonth: (P) => ft(),
+        onClickYear: (P) => vt()
+      }), null);
+    }
+    const se = B(() => !i.value && !h.value && !b.value || f.value && M.value !== "week" && !D.value && !p.value && !b.value), bt = B(() => i.value && !h.value), Mt = B(() => h.value && !i.value);
+    Gt(() => {
+      se.value && (Y.value = {
+        year: R.value.year || 1,
+        month: R.value.month || 1,
+        displayTextOfMonth: l.value[R.value.month || "1"],
+        displayTextOfYear: `${R.value.year}`
+      });
+    });
+    const gt = B(() => ({
+      dates: ot.value,
+      daysInWeek: V.value,
+      enableKeyboadNavigate: E.value,
+      enableMarkCurrent: _.value,
+      enablePeriod: f.value,
+      firstDayOfTheWeek: L.value,
+      selected: S.value,
+      selectedPeriod: j.value,
+      selectedWeek: O.value,
+      selectMode: M.value,
+      showWeekNumber: U.value,
+      weekTitle: K.value
+    })), pt = B(() => ({
+      dates: lt.value,
+      daysInWeek: V.value,
+      enableKeyboadNavigate: E.value,
+      enableMarkCurrent: _.value,
+      enablePeriod: f.value,
+      firstDayOfTheWeek: L.value,
+      selected: o.value,
+      selectedPeriod: j.value,
+      selectMode: M.value,
+      showWeekNumber: U.value,
+      weekTitle: K.value
+    }));
+    function kt(u, C, P) {
+      const {
+        event: A,
+        dayItem: ne
+      } = u, le = ne.date;
+      if (ne.tag === 1 ? he() : ne.tag === 3 && be(), !e.showTime)
+        P === "start" ? S.value = le : o.value = le, a.emit("datePicked", le);
+      else {
+        const {
+          year: At,
+          month: Wt,
+          day: Rt
+        } = le;
+        S.value.year = At, S.value.month = Wt, S.value.day = Rt;
+      }
+      const {
+        year: Et,
+        month: jt
+      } = le;
+      R.value = {
+        year: Et,
+        month: jt
+      };
+    }
+    function qa(u) {
+    }
+    function za(u) {
+    }
+    function Ua(u, C) {
+    }
+    function Ga(u, C) {
+    }
+    function Oe(u, C, P = "start") {
+      return se.value && m(Fa, ue(C, {
+        onClick: (A) => kt(A, u, P),
+        onClickWeek: (A) => void 0,
+        onKeyDown: (A) => void 0,
+        onMouseEnter: (A) => void 0,
+        onMouseLeave: (A) => void 0
+      }), null);
+    }
+    const Pt = B(() => ({
+      months: rt.value,
+      enableMarkCurrent: _.value,
+      enableKeyboadNavigate: E.value,
+      enablePeriod: f.value,
+      selected: R.value,
+      selectedPeriod: j.value
+    })), Tt = B(() => ({
+      months: Q.value,
+      enableMarkCurrent: _.value,
+      enableKeyboadNavigate: E.value,
+      enablePeriod: f.value,
+      selected: R.value,
+      selectedPeriod: j.value
+    }));
+    function wt(u, C) {
+      if (i.value = !1, h.value = !1, R.value = u, Y.value = {
+        month: u.month || 1,
+        displayTextOfMonth: l.value[u.month || "1"],
+        year: u.year || 1,
+        displayTextOfYear: `${u.year}`
+      }, M.value === "month") {
+        const P = oe(u);
+        P.day = 1, a.emit("datePicked", P);
+      }
+    }
+    function Xa(u) {
+    }
+    function Ja(u, C) {
+    }
+    function Qa(u, C) {
+    }
+    function Ne(u, C) {
+      return m($a, ue(C, {
+        onClick: (P) => wt(P),
+        onKeyDownMonthView: (P) => void 0,
+        onMouseEnterMonthView: (P) => void 0,
+        onMouseLeaveMonthView: (P) => void 0
+      }), null);
+    }
+    const Ct = B(() => ({
+      years: me.value,
+      enableKeyboadNavigate: E.value,
+      enableMarkCurrent: _.value,
+      enablePeriod: f.value,
+      selected: S.value,
+      selectedPeriod: j.value
+    })), Dt = B(() => ({
+      years: t.value,
+      enableKeyboadNavigate: E.value,
+      enableMarkCurrent: _.value,
+      enablePeriod: f.value,
+      selected: S.value,
+      selectedPeriod: j.value
+    }));
+    function xt(u, C) {
+      if (i.value = !0, h.value = !1, Y.value = {
+        month: Y.value.month,
+        displayTextOfMonth: Y.value.displayTextOfMonth,
+        year: u.year || 1,
+        displayTextOfYear: `${u.year}`
+      }, M.value === "year") {
+        const P = oe(u);
+        P.month = 1, P.day = 1, a.emit("datePicked", P);
+      }
+    }
+    function Za(u) {
+    }
+    function en(u, C) {
+    }
+    function tn(u, C) {
+    }
+    function Ot() {
+      if (e.showTime)
+        a.emit("confirm", S.value);
+      else {
+        const u = {
+          startDate: {},
+          endDate: {}
+        };
+        S.value && (u.startDate = S.value), o.value && (u.endDate = o.value), a.emit("confirm", u);
+      }
+    }
+    function Nt(u) {
+      Y.value = {
+        year: H.year || 1,
+        month: H.month || 1,
+        displayTextOfMonth: l.value[H.month || "1"],
+        displayTextOfYear: `${H.year}`
+      }, S.value = oe(H), a.emit("datePicked", H);
+    }
+    function St(u) {
+      Y.value = {
+        year: H.year || 1,
+        month: H.month || 1,
+        displayTextOfMonth: l.value[H.month || "1"],
+        displayTextOfYear: `${H.year}`
+      }, S.value = oe(H), R.value = {
+        year: H.year,
+        month: H.month
+      };
+    }
+    function Bt(u) {
+      Y.value = {
+        year: H.year || 1,
+        month: H.month || 1,
+        displayTextOfMonth: l.value[H.month || "1"],
+        displayTextOfYear: `${H.year}`
+      }, S.value = oe(H);
+    }
+    const Se = B(() => f.value && M.value !== "week"), Ht = B(() => se.value && Se.value || e.showTime);
+    function Be(u, C) {
+      return m(ja, ue(C, {
+        onClick: (P) => xt(P),
+        onKeyDownYearView: (P) => void 0,
+        onClickPreRecord: (P) => he(),
+        onClickNextRecord: (P) => be(),
+        onMouseEnterYearView: (P) => void 0,
+        onMouseLeaveYearView: (P) => void 0
+      }), null);
+    }
+    function Yt() {
+      const u = "HH:mm:ss";
+      if (N.value) {
+        const C = we(N.value, c.value);
+        v.value = Te(C || "", u) || "00:00:00", S.value && (S.value.hour = (C == null ? void 0 : C.getHours()) || 0, S.value.minute = (C == null ? void 0 : C.getMinutes()) || 0, S.value.second = (C == null ? void 0 : C.getSeconds()) || 0);
+      } else {
+        const {
+          hour: C,
+          minute: P,
+          second: A
+        } = S.value;
+        v.value = `${C || "0"}:${P || 0}:${A || 0}`, v.value = Lt(v.value);
+      }
+    }
+    ge(() => {
+      e.showTime && Yt(), M.value === "month" ? (i.value = !0, h.value = !1) : M.value === "year" && (h.value = !0, i.value = !1);
+    });
+    const Ft = (u) => {
+      v.value = u.text;
+      const {
+        hour: C,
+        minute: P,
+        second: A
+      } = Kt(v.value);
+      S.value && (S.value.hour = C || 0, S.value.minute = P || 0, S.value.second = A || 0);
+    }, He = B(() => (u) => {
+      const C = u.day == null || Pe.isDisabledDate(e.showTime ? u : {
+        year: u.year,
+        month: u.month,
+        day: u.day
+      });
+      return {
+        "pointer-events": C ? "none" : "auto",
+        opacity: C ? 0.3 : 1
+      };
+    }), It = B(() => {
+      const {
+        year: u,
+        month: C
+      } = H, P = {
+        year: te.value.year,
+        month: te.value.month,
+        day: te.value.day
+      }, A = {
+        year: ae.value.year,
+        month: ae.value.month,
+        day: ae.value.day
+      }, ne = Ue({
+        year: u,
+        month: C,
+        day: 1
+      }, P) || Ge({
+        year: u,
+        month: C,
+        day: tt(C || 0, u || 0)
+      }, A);
+      return {
+        "pointer-events": ne ? "none" : "auto",
+        opacity: ne ? 0.3 : 1
+      };
+    }), $t = B(() => {
+      const u = H.year ? H.year >= ye.value && H.year <= fe.value : !1;
+      return {
+        "pointer-events": u ? "auto" : "none",
+        opacity: u ? 1 : 0.3
+      };
+    });
+    return () => m("div", {
+      class: st.value,
+      style: ut.value,
+      tabindex: "0",
+      onKeyup: (u) => void 0,
+      onClick: (u) => dt(u)
+    }, [m("div", {
+      class: "f-datepicker-content",
+      style: "width:287px"
+    }, [xe(!1, mt.value), Oe(!1, gt.value), i.value && Ne(!1, Pt.value), h.value && Be(!1, Ct.value), m("div", {
+      class: "f-datepicker-footer"
+    }, [m("div", {
+      class: "f-datepicker-redirect"
+    }, [se.value && m("button", {
+      class: "btn btn-link",
+      style: He.value(H),
+      onClick: Nt
+    }, [ie("今天")]), bt.value && m("button", {
+      class: "btn btn-link",
+      style: It.value,
+      onClick: St
+    }, [ie("本月")]), Mt.value && m("button", {
+      class: "btn btn-link",
+      style: $t.value,
+      onClick: Bt
+    }, [ie("今年")])])])]), e.showTime && m("div", {
+      class: "f-datepicker-content position-relative datepicker-content-has-timer",
+      style: "width:200px"
+    }, [m("div", {
+      style: "height: 40px; border-bottom: 1px solid #E4E7EF; text-align: center; line-height: 40px; font-size: 16px; font-weight: 500;"
+    }, [v.value]), m(Zt, {
+      style: "top:41px;",
+      ref: n,
+      modelValue: v.value,
+      onValueChange: Ft
+    }, null)]), Se.value && m("div", {
+      class: "f-datepicker-content"
+    }, [xe(!0, ht.value), Oe(!0, pt.value, "end"), D.value && Ne(!0, Tt.value), p.value && Be(!0, Dt.value)]), Ht.value && m("div", {
+      class: "f-datepicker-commitBtn-wrapper",
+      style: "justify-content: end;"
+    }, [m(ea, {
+      onClick: Ot,
+      style: He.value(S.value)
+    }, {
+      default: () => [ie("确定")]
+    })])]);
+  }
+}), Ka = /* @__PURE__ */ Z({
+  name: "FDateViewDesign",
+  props: va,
+  emits: [],
+  setup(e, a) {
+    const n = r(), v = Me("design-item-context"), s = Fe(n, v);
+    return ge(() => {
+      n.value.componentInstance = s;
+    }), a.expose(s.value), () => m(La, {
+      ref: n
+    }, null);
+  }
+});
+de.register = (e, a, n, v) => {
+  e["date-picker"] = qt, e["date-view"] = zt, a["date-picker"] = je, a["date-view"] = Re;
+};
+de.registerDesigner = (e, a, n) => {
+  e["date-picker"] = de, e["date-view"] = Ka, a["date-picker"] = je, a["date-view"] = Re;
+};
+const mn = _t(de);
+export {
+  de as FDatePickerDesign,
+  fn as MAX_DATE,
+  vn as MIN_DATE,
+  da as datePickerDesignProps,
+  je as datePickerPropsResolver,
+  mn as default
+};