vft 0.0.249 → 0.0.252

package/es/components/context-menu/index.js

@@ -1,105 +1,9 @@
-import { createContextMenu as Ut, destroyContextMenu as Vt } from "./createContextMenu.js";
-import "../alert/index.js";
-import "../avatar/index.js";
-import "../backtop/index.js";
-import "../button/index.js";
-import "../card/index.js";
-import "../check-tag/index.js";
-import "../checkbox/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
-import "../clamp-tooltip/index.js";
-import "../col/index.js";
-import "../collapse-transition/index.js";
-import "../color-picker/index.js";
-import "../config-provider/index.js";
-import "../container/index.js";
-import { useContextMenu as Xt } from "./useContextMenu.js";
-import "../date-picker/index.js";
-import "../date-time-select/index.js";
-import "../descriptions/index.js";
-import "../dialog/index.js";
-import "../divider/index.js";
-import "../drawer/index.js";
-import "../dropdown/index.js";
-import "../empty/index.js";
-import "../exception/index.js";
-import "../footer-layout/index.js";
-import "../form/index.js";
-import "../full-screen/index.js";
-import "../header-layout/index.js";
-import "../horizontal-menu/index.js";
+import { createContextMenu as n, destroyContextMenu as x } from "./createContextMenu.js";
 import "../icon/index.js";
-import "../icon-text/index.js";
-import "../iframe-layout/index.js";
-import "../image/index.js";
-import "../image-viewer/index.js";
-import "../input/index.js";
-import "../input-number/index.js";
-import "../link/index.js";
-import "../list-cell/index.js";
-import "../logo/index.js";
-import "../menu/index.js";
-import "../multiple-tabs/index.js";
-import "../overlay/index.js";
-import "../page-wrapper/index.js";
-import "../pagination/index.js";
-import "../popconfirm/index.js";
-import "../popover/index.js";
-import "../popper/index.js";
-import "../qrcode/index.js";
-import "../radio/index.js";
-import "../result/index.js";
-import "../router-view-content/index.js";
-import "../row/index.js";
-import "../scrollbar/index.js";
-import "../search/index.js";
-import "../select/index.js";
-import "../side-menu/index.js";
-import "../skeleton/index.js";
-import "../slider/index.js";
-import "../space/index.js";
-import "../switch/index.js";
-import "../table/index.js";
-import "../tabs/index.js";
-import "../tag/index.js";
-import "../time-picker/index.js";
-import "../tooltip/index.js";
-import "../tree/index.js";
-import "../verify-code/index.js";
-import "../virtual-list/components/dynamic-size-grid.js";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/props.js";
-import "../steps/index.js";
-import "../autocomplete/index.js";
-import "../modal/index.js";
-import "../progress/index.js";
-import "../super-form/index.js";
-import "../upload/index.js";
-import "../carousel/index.js";
-import "../timeline/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
-import "../md-comment/index.js";
-import "../md-container/index.js";
-import "../md-tabs/index.js";
-import "../md-vue-playground/index.js";
-import "@vft/utils";
 import "vue";
-import "@vueuse/core";
-import "../../utils/ns-cover.js";
-import "lodash-es";
-import "../config-provider/hooks/use-global-config.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import "../message/index.js";
-import "../infinite-scroll/index.js";
-import "../progress-i/index.js";
+import { useContextMenu as p } from "./useContextMenu.js";
 export {
-  Ut as createContextMenu,
-  Vt as destroyContextMenu,
-  Xt as useContextMenu
+  n as createContextMenu,
+  x as destroyContextMenu,
+  p as useContextMenu
 };

package/es/components/context-menu/types.d.ts

@@ -1,4 +1,4 @@
-import { type IconProps } from 'vft/es/components';
+import { type IconProps } from 'vft/es/components/icon';
 import { type CSSProperties } from 'vue';
 export interface Axis {
     x: number;

package/es/components/context-menu/types.js

@@ -1,99 +1,2 @@
-import "../alert/index.js";
-import "../avatar/index.js";
-import "../backtop/index.js";
-import "../button/index.js";
-import "../card/index.js";
-import "../check-tag/index.js";
-import "../checkbox/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
-import "../clamp-tooltip/index.js";
-import "../col/index.js";
-import "../collapse-transition/index.js";
-import "../color-picker/index.js";
-import "../config-provider/index.js";
-import "../container/index.js";
-import "@vft/utils";
-import "vue";
-import "./context-menu.vue2.js";
-import "../date-picker/index.js";
-import "../date-time-select/index.js";
-import "../descriptions/index.js";
-import "../dialog/index.js";
-import "../divider/index.js";
-import "../drawer/index.js";
-import "../dropdown/index.js";
-import "../empty/index.js";
-import "../exception/index.js";
-import "../footer-layout/index.js";
-import "../form/index.js";
-import "../full-screen/index.js";
-import "../header-layout/index.js";
-import "../horizontal-menu/index.js";
 import "../icon/index.js";
-import "../icon-text/index.js";
-import "../iframe-layout/index.js";
-import "../image/index.js";
-import "../image-viewer/index.js";
-import "../input/index.js";
-import "../input-number/index.js";
-import "../link/index.js";
-import "../list-cell/index.js";
-import "../logo/index.js";
-import "../menu/index.js";
-import "../multiple-tabs/index.js";
-import "../overlay/index.js";
-import "../page-wrapper/index.js";
-import "../pagination/index.js";
-import "../popconfirm/index.js";
-import "../popover/index.js";
-import "../popper/index.js";
-import "../qrcode/index.js";
-import "../radio/index.js";
-import "../result/index.js";
-import "../router-view-content/index.js";
-import "../row/index.js";
-import "../scrollbar/index.js";
-import "../search/index.js";
-import "../select/index.js";
-import "../side-menu/index.js";
-import "../skeleton/index.js";
-import "../slider/index.js";
-import "../space/index.js";
-import "../switch/index.js";
-import "../table/index.js";
-import "../tabs/index.js";
-import "../tag/index.js";
-import "../time-picker/index.js";
-import "../tooltip/index.js";
-import "../tree/index.js";
-import "../verify-code/index.js";
-import "../virtual-list/components/dynamic-size-grid.js";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/props.js";
-import "../steps/index.js";
-import "../autocomplete/index.js";
-import "../modal/index.js";
-import "../progress/index.js";
-import "../super-form/index.js";
-import "../upload/index.js";
-import "../carousel/index.js";
-import "../timeline/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
-import "../md-comment/index.js";
-import "../md-container/index.js";
-import "../md-tabs/index.js";
-import "../md-vue-playground/index.js";
-import "@vueuse/core";
-import "../../utils/ns-cover.js";
-import "lodash-es";
-import "../config-provider/hooks/use-global-config.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import "../message/index.js";
-import "../infinite-scroll/index.js";
-import "../progress-i/index.js";
+import "vue";

package/es/components/date-picker/composables/use-basic-date-table.d.ts

@@ -0,0 +1,188 @@
+import dayjs from 'dayjs';
+import type { SetupContext } from 'vue';
+import type { Dayjs } from 'dayjs';
+import type { DateCell } from '../date-picker.type';
+import type { BasicDateTableEmits, BasicDateTableProps } from '../props/basic-date-table';
+export declare const useBasicDateTable: (props: BasicDateTableProps, emit: SetupContext<BasicDateTableEmits>["emit"]) => {
+    WEEKS: import("vue").ComputedRef<string[]>;
+    rows: import("vue").ComputedRef<DateCell[][] | {
+        column?: number | undefined;
+        customClass?: string | undefined;
+        disabled?: boolean | undefined;
+        end?: boolean | undefined;
+        inRange?: boolean | undefined;
+        row?: number | undefined;
+        selected?: {
+            clone: () => Dayjs;
+            isValid: () => boolean;
+            year: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            month: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            date: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            day: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            hour: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            minute: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            second: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            millisecond: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            set: (unit: dayjs.UnitType, value: number) => Dayjs;
+            get: (unit: dayjs.UnitType) => number;
+            add: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+            subtract: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+            startOf: (unit: dayjs.OpUnitType) => Dayjs;
+            endOf: (unit: dayjs.OpUnitType) => Dayjs;
+            format: (template?: string) => string;
+            diff: (date?: dayjs.ConfigType, unit?: dayjs.QUnitType | dayjs.OpUnitType, float?: boolean) => number;
+            valueOf: () => number;
+            unix: () => number;
+            daysInMonth: () => number;
+            toDate: () => Date;
+            toJSON: () => string;
+            toISOString: () => string;
+            toString: () => string;
+            utcOffset: () => number;
+            isBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isSame: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            locale: {
+                (): string;
+                (preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
+            };
+            localeData: () => dayjs.InstanceLocaleDataReturn;
+            week: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            weekYear: () => number;
+            dayOfYear: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            isSameOrAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isSameOrBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        } | undefined;
+        isCurrent?: boolean | undefined;
+        isSelected?: boolean | undefined;
+        start?: boolean | undefined;
+        text?: number | undefined;
+        renderText?: string | undefined;
+        timestamp?: number | undefined;
+        date?: Date | undefined;
+        dayjs?: {
+            clone: () => Dayjs;
+            isValid: () => boolean;
+            year: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            month: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            date: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            day: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            hour: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            minute: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            second: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            millisecond: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            set: (unit: dayjs.UnitType, value: number) => Dayjs;
+            get: (unit: dayjs.UnitType) => number;
+            add: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+            subtract: (value: number, unit?: dayjs.ManipulateType) => Dayjs;
+            startOf: (unit: dayjs.OpUnitType) => Dayjs;
+            endOf: (unit: dayjs.OpUnitType) => Dayjs;
+            format: (template?: string) => string;
+            diff: (date?: dayjs.ConfigType, unit?: dayjs.QUnitType | dayjs.OpUnitType, float?: boolean) => number;
+            valueOf: () => number;
+            unix: () => number;
+            daysInMonth: () => number;
+            toDate: () => Date;
+            toJSON: () => string;
+            toISOString: () => string;
+            toString: () => string;
+            utcOffset: () => number;
+            isBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isSame: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            locale: {
+                (): string;
+                (preset: string | ILocale, object?: Partial<ILocale>): Dayjs;
+            };
+            localeData: () => dayjs.InstanceLocaleDataReturn;
+            week: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            weekYear: () => number;
+            dayOfYear: {
+                (): number;
+                (value: number): Dayjs;
+            };
+            isSameOrAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+            isSameOrBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
+        } | undefined;
+        type?: ("week" | "normal" | "today" | "next-month" | "prev-month") | undefined;
+    }[][]>;
+    tbodyRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    currentCellRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    focus: () => Promise<void | undefined>;
+    isCurrent: (cell: DateCell) => boolean;
+    isWeekActive: (cell: DateCell) => any;
+    isSelectedCell: (cell: DateCell) => boolean | undefined;
+    handlePickDate: (event: FocusEvent | MouseEvent, isKeyboardMovement?: boolean) => void;
+    handleMouseUp: (event: MouseEvent) => void;
+    handleMouseDown: (event: MouseEvent) => void;
+    handleMouseMove: (event: MouseEvent) => void;
+    handleFocus: (event: FocusEvent) => void;
+};
+export declare const useBasicDateTableDOM: (props: BasicDateTableProps, { isCurrent, isWeekActive, }: Pick<ReturnType<typeof useBasicDateTable>, "isCurrent" | "isWeekActive">) => {
+    tableKls: import("vue").ComputedRef<(string | {
+        'is-week-mode': boolean;
+    })[]>;
+    tableLabel: import("vue").ComputedRef<string>;
+    weekHeaderClass: string;
+    getCellClasses: (cell: DateCell) => string;
+    getRowKls: (cell: DateCell) => (string | {
+        current: any;
+    })[];
+};

package/es/components/date-picker/composables/use-basic-date-table.js

@@ -0,0 +1,183 @@
+import { ref as k, computed as m, unref as r, watch as Y, nextTick as Z } from "vue";
+import P from "dayjs";
+import { flatten as p, isArray as ee } from "lodash-es";
+import "@vueuse/core";
+import "@vft/utils";
+import { castArray as x } from "../../../utils/helper.js";
+import "../../../utils/ns-cover.js";
+import { useNamespace as te } from "../../../hooks/use-namespace/index.js";
+import "../../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import { buildPickerTable as ae } from "../utils.js";
+const N = (a = "") => ["normal", "today"].includes(a), ye = (a, f) => {
+  const D = k("zh-cn"), y = k(), b = k(), g = k(), w = k(), C = k([[], [], [], [], [], []]);
+  let o = !1;
+  const c = a.date.$locale().weekStart || 7, S = a.date.locale("zh-cn").localeData().weekdaysShort().map((e) => e.toLowerCase()), O = m(() => c > 3 ? 7 - c : -c), v = m(() => {
+    const e = a.date.startOf("month");
+    return e.subtract(e.day() || 7, "day");
+  }), j = m(() => S.concat(S).slice(
+    c,
+    c + 7
+  )), R = m(() => p(r(M)).some((e) => e.isCurrent)), A = m(() => {
+    const e = a.date.startOf("month"), t = e.day() || 7, n = e.daysInMonth(), s = e.subtract(1, "month").daysInMonth();
+    return {
+      startOfMonthDay: t,
+      dateCountOfMonth: n,
+      dateCountOfLastMonth: s
+    };
+  }), K = m(() => a.selectionMode === "dates" ? x(a.parsedValue) : []), L = (e, { count: t, rowIndex: n, columnIndex: s }) => {
+    const { startOfMonthDay: l, dateCountOfMonth: i, dateCountOfLastMonth: u } = r(A), h = r(O);
+    if (n >= 0 && n <= 1) {
+      const d = l + h < 0 ? 7 + l + h : l + h;
+      if (s + n * 7 >= d)
+        return e.text = t, !0;
+      e.text = u - (d - s % 7) + 1 + n * 7, e.type = "prev-month";
+    } else
+      return t <= i ? e.text = t : (e.text = t - i, e.type = "next-month"), !0;
+    return !1;
+  }, F = (e, { columnIndex: t, rowIndex: n }, s) => {
+    const { disabledDate: l, cellClassName: i } = a, u = r(K), h = L(e, { count: s, rowIndex: n, columnIndex: t }), d = e.dayjs.toDate();
+    return e.selected = u.find((X) => X.isSame(e.dayjs, "day")), e.isSelected = !!e.selected, e.isCurrent = W(e), e.disabled = l?.(d), e.customClass = i?.(d), h;
+  }, _ = (e) => {
+    if (a.selectionMode === "week") {
+      const [t, n] = a.showWeekNumber ? [1, 7] : [0, 6], s = I(e[t + 1]);
+      e[t].inRange = s, e[t].start = s, e[n].inRange = s, e[n].end = s;
+    }
+  }, M = m(() => {
+    const { minDate: e, maxDate: t, rangeState: n, showWeekNumber: s } = a, l = r(O), i = r(C), u = "day";
+    let h = 1;
+    if (ae({ row: 6, column: 7 }, i, {
+      startDate: e,
+      columnIndexOffset: s ? 1 : 0,
+      nextEndDate: n.endDate || t || n.selecting && e || null,
+      now: P().locale(r(D)).startOf(u),
+      unit: u,
+      relativeDateGetter: (d) => r(v).add(d - l, u),
+      setCellMetadata: (...d) => {
+        F(...d, h) && (h += 1);
+      },
+      setRowMetadata: _
+    }), s)
+      for (let d = 0; d < 6; d++)
+        i[d][1].dayjs && (i[d][0] = {
+          type: "week",
+          text: i[d][1].dayjs.week()
+        });
+    return i;
+  });
+  Y(
+    () => a.date,
+    async () => {
+      r(y)?.contains(document.activeElement) && (await Z(), await V());
+    }
+  );
+  const V = async () => r(b)?.focus(), W = (e) => a.selectionMode === "date" && N(e.type) && $(e, a.parsedValue), $ = (e, t) => t ? P(t).locale(r(D)).isSame(a.date.date(Number(e.text)), "day") : !1, T = (e, t) => {
+    const n = e * 7 + (t - (a.showWeekNumber ? 1 : 0)) - r(O);
+    return r(v).add(n, "day");
+  }, z = (e) => {
+    if (!a.rangeState.selecting) return;
+    let t = e.target;
+    if (t.tagName === "SPAN" && (t = t.parentNode?.parentNode), t.tagName === "DIV" && (t = t.parentNode), t.tagName !== "TD") return;
+    const n = t.parentNode.rowIndex - 1, s = t.cellIndex;
+    r(M)[n][s].disabled || (n !== r(g) || s !== r(w)) && (g.value = n, w.value = s, f("changerange", {
+      selecting: !0,
+      endDate: T(n, s)
+    }));
+  }, B = (e) => !r(R) && e?.text === 1 && e.type === "normal" || e.isCurrent, U = (e) => {
+    o || r(R) || a.selectionMode !== "date" || E(e, !0);
+  }, G = (e) => {
+    e.target.closest("td") && (o = !0);
+  }, H = (e) => {
+    e.target.closest("td") && (o = !1);
+  }, q = (e) => {
+    !a.rangeState.selecting || !a.minDate ? (f("pick", { minDate: e, maxDate: null }), f("select", !0)) : (e >= a.minDate ? f("pick", { minDate: a.minDate, maxDate: e }) : f("pick", { minDate: e, maxDate: a.minDate }), f("select", !1));
+  }, J = (e) => {
+    const t = e.week(), n = `${e.year()}w${t}`;
+    f("pick", {
+      year: e.year(),
+      week: t,
+      value: n,
+      date: e.startOf("week")
+    });
+  }, Q = (e, t) => {
+    const n = t ? x(a.parsedValue).filter(
+      (s) => s?.valueOf() !== e.valueOf()
+    ) : x(a.parsedValue).concat([e]);
+    f("pick", n);
+  }, E = (e, t = !1) => {
+    const n = e.target.closest("td");
+    if (!n) return;
+    const s = n.parentNode.rowIndex - 1, l = n.cellIndex, i = r(M)[s][l];
+    if (i.disabled || i.type === "week") return;
+    const u = T(s, l);
+    switch (a.selectionMode) {
+      case "range": {
+        q(u);
+        break;
+      }
+      case "date": {
+        f("pick", u, t);
+        break;
+      }
+      case "week": {
+        J(u);
+        break;
+      }
+      case "dates": {
+        Q(u, !!i.selected);
+        break;
+      }
+    }
+  }, I = (e) => {
+    if (a.selectionMode !== "week") return !1;
+    let t = a.date.startOf("day");
+    if (e.type === "prev-month" && (t = t.subtract(1, "month")), e.type === "next-month" && (t = t.add(1, "month")), t = t.date(Number.parseInt(e.text, 10)), a.parsedValue && !ee(a.parsedValue)) {
+      const n = (a.parsedValue.day() - c + 7) % 7 - 1;
+      return a.parsedValue.subtract(n, "day").isSame(t, "day");
+    }
+    return !1;
+  };
+  return {
+    WEEKS: j,
+    rows: M,
+    tbodyRef: y,
+    currentCellRef: b,
+    // cellMatchesDate,
+    // getDateOfCell,
+    focus: V,
+    isCurrent: W,
+    isWeekActive: I,
+    isSelectedCell: B,
+    handlePickDate: E,
+    handleMouseUp: H,
+    handleMouseDown: G,
+    handleMouseMove: z,
+    handleFocus: U
+  };
+}, ke = (a, {
+  isCurrent: f,
+  isWeekActive: D
+}) => {
+  const y = te("date-table"), b = m(() => [
+    y.b(),
+    { "is-week-mode": a.selectionMode === "week" }
+  ]), g = m(() => "使用方向键与 Enter 键可选择日期"), w = (o) => {
+    const c = [];
+    return N(o.type) && !o.disabled ? (c.push("available"), o.type === "today" && c.push("today")) : c.push(o.type), f(o) && c.push("current"), o.inRange && (N(o.type) || a.selectionMode === "week") && (c.push("in-range"), o.start && c.push("start-date"), o.end && c.push("end-date")), o.disabled && c.push("disabled"), o.selected && c.push("selected"), o.customClass && c.push(o.customClass), c.join(" ");
+  }, C = (o) => [
+    y.e("row"),
+    { current: D(o) }
+  ];
+  return {
+    tableKls: b,
+    tableLabel: g,
+    weekHeaderClass: y.e("week-header"),
+    getCellClasses: w,
+    getRowKls: C
+  };
+};
+export {
+  ye as useBasicDateTable,
+  ke as useBasicDateTableDOM
+};

package/es/components/date-picker/composables/use-month-range-header.d.ts

@@ -1,5 +1,5 @@
-import type { Dayjs } from 'dayjs';
 import type { Ref, ToRef } from 'vue';
+import type { Dayjs } from 'dayjs';
 export declare const useMonthRangeHeader: ({ unlinkPanels, leftDate, rightDate, }: {
     unlinkPanels: ToRef<boolean>;
     leftDate: Ref<Dayjs>;

package/es/components/date-picker/composables/use-panel-date-range.d.ts

@@ -0,0 +1,29 @@
+import type { PanelDateRangeProps } from '../props/panel-date-range';
+import type { Dayjs } from 'dayjs';
+import type { ComputedRef, Ref } from 'vue';
+type CurrentView = 'date' | 'year' | 'month';
+type CurrentViewRef = {
+    focus: () => void;
+};
+export type Emits = (event: 'pick' | 'set-picker-option' | 'calendar-change' | 'panel-change', ...args: any[]) => void;
+export declare const usePanelDateRange: (props: PanelDateRangeProps, emit: Emits, leftDate: Ref<Dayjs>, rightDate: Ref<Dayjs>) => {
+    leftCurrentView: Ref<CurrentView, CurrentView>;
+    rightCurrentView: Ref<CurrentView, CurrentView>;
+    leftCurrentViewRef: Ref<CurrentViewRef | undefined, CurrentViewRef | undefined>;
+    rightCurrentViewRef: Ref<CurrentViewRef | undefined, CurrentViewRef | undefined>;
+    leftYear: ComputedRef<number>;
+    rightYear: ComputedRef<number>;
+    leftMonth: ComputedRef<number>;
+    rightMonth: ComputedRef<number>;
+    leftYearLabel: ComputedRef<string>;
+    rightYearLabel: ComputedRef<string>;
+    showLeftPicker: (view: "month" | "year") => Promise<void>;
+    showRightPicker: (view: "month" | "year") => Promise<void>;
+    handleLeftYearPick: (year: number) => Promise<void>;
+    handleRightYearPick: (year: number) => Promise<void>;
+    handleLeftMonthPick: (month: number) => Promise<void>;
+    handleRightMonthPick: (month: number) => Promise<void>;
+    handlePanelChange: (mode: "month" | "year") => void;
+    adjustDateByView: (currentView: CurrentView, date: Dayjs, forward: boolean) => Dayjs;
+};
+export {};