@keyblade/pro-components 1.13.8-alpha.8 → 1.14.0

package/es/pro-calendar/hooks/useCellClassName.js

@@ -0,0 +1,40 @@
+import { isArray as w } from "@arco-design/web-vue/es/_utils/is";
+import { getNow as u } from "@arco-design/web-vue/es/_utils/date";
+import { EMode as A } from "../enum.js";
+function o(n, r) {
+  if (n && w(n))
+    return n[r];
+}
+const P = ({
+  prefixCls: n,
+  mergedValue: r,
+  rangeValues: a,
+  hoverRangeValues: c,
+  panel: E,
+  isSameTime: i,
+  innerMode: R
+}) => function(t, h) {
+  const s = o(a, 0), g = o(a, 1), d = o(c, 0), l = o(c, 1), $ = !t.isPrev && !t.isNext, e = $ && E, N = e, v = e;
+  d && s && d.isBefore(s);
+  const y = g && l && l.isAfter(g) && v;
+  let m = i(t.time, u());
+  return R === A.year && (m = u().isSame(t.time, "date")), [
+    `${n}-cell`,
+    {
+      [`${n}-cell-in-view`]: $,
+      [`${n}-cell-today`]: m,
+      [`${n}-cell-selected`]: r && i(t.time, r),
+      [`${n}-cell-range-start`]: N,
+      [`${n}-cell-range-end`]: v,
+      [`${n}-cell-in-range`]: e,
+      [`${n}-cell-in-range-near-hover`]: y,
+      [`${n}-cell-hover-range-start`]: e,
+      [`${n}-cell-hover-range-end`]: e,
+      [`${n}-cell-hover-in-range`]: e,
+      [`${n}-cell-disabled`]: h
+    }
+  ];
+};
+export {
+  P as default
+};

package/es/pro-calendar/index.d.ts

@@ -0,0 +1,117 @@
+import { App } from 'vue';
+import { ArcoOptions } from '@arco-design/web-vue/es/_utils/types';
+import { default as _ProCalendar } from './calendar.vue';
+import { ProCalendarProps } from './interface.ts';
+declare const ProCalendar: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface.ts').IProCalendarProps> & Readonly<{
+        onChange?: ((date: Date) => any) | undefined;
+        "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
+        onPanelChange?: ((date: Date) => any) | undefined;
+    }>, {
+        changePageShowDate: (type: "prev" | "next", unit: import('./enum.ts').EMode) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        change: (date: Date) => any;
+        "update:modelValue": (date: Date) => any;
+        panelChange: (date: Date) => any;
+    }, import('vue').PublicProps, {
+        header: boolean | import('./interface.ts').IHeaderObjProps;
+        modes: (import("./enum.ts").EMode.month | import("./enum.ts").EMode.year)[];
+        defaultMode: import("./enum.ts").EMode.month | import("./enum.ts").EMode.year;
+        allowSelect: boolean;
+        panelTodayBtn: boolean;
+        dayStartOfWeek: 0 | 1;
+        isWeek: boolean;
+        panel: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./interface.ts').IProCalendarProps> & Readonly<{
+        onChange?: ((date: Date) => any) | undefined;
+        "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
+        onPanelChange?: ((date: Date) => any) | undefined;
+    }>, {
+        changePageShowDate: (type: "prev" | "next", unit: import('./enum.ts').EMode) => void;
+    }, {}, {}, {}, {
+        header: boolean | import('./interface.ts').IHeaderObjProps;
+        modes: (import("./enum.ts").EMode.month | import("./enum.ts").EMode.year)[];
+        defaultMode: import("./enum.ts").EMode.month | import("./enum.ts").EMode.year;
+        allowSelect: boolean;
+        panelTodayBtn: boolean;
+        dayStartOfWeek: 0 | 1;
+        isWeek: boolean;
+        panel: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./interface.ts').IProCalendarProps> & Readonly<{
+    onChange?: ((date: Date) => any) | undefined;
+    "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
+    onPanelChange?: ((date: Date) => any) | undefined;
+}>, {
+    changePageShowDate: (type: "prev" | "next", unit: import('./enum.ts').EMode) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (date: Date) => any;
+    "update:modelValue": (date: Date) => any;
+    panelChange: (date: Date) => any;
+}, string, {
+    header: boolean | import('./interface.ts').IHeaderObjProps;
+    modes: (import("./enum.ts").EMode.month | import("./enum.ts").EMode.year)[];
+    defaultMode: import("./enum.ts").EMode.month | import("./enum.ts").EMode.year;
+    allowSelect: boolean;
+    panelTodayBtn: boolean;
+    dayStartOfWeek: 0 | 1;
+    isWeek: boolean;
+    panel: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default?: (props: {
+            year: string;
+            month: string;
+            date?: string;
+            value: {
+                year: number;
+                month: number;
+                date?: number;
+            };
+        }) => any;
+        header?: (props: {
+            year: string;
+            month: string;
+            value: {
+                year: number;
+                month: number;
+            };
+        }) => any;
+    }> & {
+        default?: (props: {
+            year: string;
+            month: string;
+            date?: string;
+            value: {
+                year: number;
+                month: number;
+                date?: number;
+            };
+        }) => any;
+        header?: (props: {
+            year: string;
+            month: string;
+            value: {
+                year: number;
+                month: number;
+            };
+        }) => any;
+    };
+}) & {
+    install: (app: App, options?: ArcoOptions) => void;
+};
+export type CalendarInstance = InstanceType<typeof _ProCalendar>;
+export type { ProCalendarProps };
+/** 导出组件 */
+export { ProCalendar };
+export default ProCalendar;

package/es/pro-calendar/index.js

@@ -0,0 +1,12 @@
+import { setGlobalConfig as a } from "@arco-design/web-vue/es/_utils/global-config";
+import r from "./calendar.vue.js";
+/* empty css              */
+const l = Object.assign(r, {
+  install: (o, t) => {
+    a(o, t), o.component("KbProCalendar", r);
+  }
+});
+export {
+  l as ProCalendar,
+  l as default
+};

package/es/pro-calendar/interface.d.ts

@@ -0,0 +1,89 @@
+import { Dayjs } from 'dayjs';
+import { EMode } from './enum';
+export type IHeaderObjProps = {
+    hideLeft?: boolean;
+    hideRight?: boolean;
+    headerType?: 'select';
+    slot?: 'start' | 'date' | 'end';
+};
+/**
+  * @zh 隐藏头部
+  */
+type IHeaderProps = boolean | IHeaderObjProps;
+interface IProCalendarBase {
+    /** 0:周末开始 ｜ 1:周一开始 */
+    dayStartOfWeek?: 0 | 1;
+    isWeek?: boolean;
+    panel?: boolean;
+}
+interface IProCalendarSub extends IProCalendarBase {
+    value: Dayjs;
+    pageData?: any[];
+    pageShowDate: Dayjs;
+    /** 选择 */
+    selectHandler: (time: Dayjs, disabled: boolean) => void;
+}
+export interface IProCalendarHeader extends IProCalendarBase {
+    /** 模式 */
+    mode?: EMode.month | EMode.year;
+    modes?: (EMode.month | EMode.year)[];
+    pageShowDate: Dayjs;
+    move: (time: Dayjs) => void;
+    /** 年变化 */
+    onYearChange: (year: number) => void;
+    /** 月变化 */
+    onMonthChange: (month: number) => void;
+    onChangePageShowDate: (type: 'prev' | 'next', unit: EMode) => void;
+    onModeChange: (value: any, ev: Event) => void;
+    headerValueFormat: string;
+    header?: IHeaderProps;
+}
+export interface IProCalendarYear extends IProCalendarSub {
+    /** 模式 */
+    mode: EMode.month | EMode.year;
+}
+/** 月 */
+export interface IProCalendarMonth extends IProCalendarSub {
+    cell?: boolean;
+    current?: number;
+    /** 模式 */
+    mode?: EMode;
+}
+/** 星期 */
+export interface IProCalendarWeek extends IProCalendarSub {
+    /** 模式 */
+    mode?: EMode;
+}
+export interface IProCalendarProps extends IProCalendarBase {
+    /**
+     * @zh 绑定值
+     * @en Value
+     */
+    modelValue?: Date;
+    /**
+     * @zh 默认值（非受控状态）
+     * @en Default value (uncontrolled state)
+     */
+    defaultValue?: Date;
+    /**
+     * @zh 模式
+     * @en Mode
+     */
+    mode?: EMode.month | EMode.year;
+    /**
+     * @zh 默认模式
+     * @en Default Mode
+     */
+    defaultMode?: EMode.month | EMode.year;
+    /**
+     * @zh 显示的模式
+     * @en Displayed mode
+     */
+    modes?: (EMode.month | EMode.year)[];
+    header?: IHeaderProps;
+    allowSelect?: boolean;
+    panelWidth?: number;
+    panelTodayBtn?: boolean;
+}
+export type ProCalendarProps = Partial<IProCalendarProps>;
+export {};

package/es/pro-calendar/month.d.ts

@@ -0,0 +1,5 @@
+import { Dayjs } from 'dayjs';
+export declare function getAllDaysByTime(time: Dayjs, { dayStartOfWeek, isWeek }: {
+    dayStartOfWeek: 0 | 1;
+    isWeek: boolean;
+}): any[][];

package/es/pro-calendar/month.js

@@ -0,0 +1,53 @@
+var w = Object.defineProperty, x = Object.defineProperties;
+var A = Object.getOwnPropertyDescriptors;
+var h = Object.getOwnPropertySymbols;
+var I = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
+var O = (t, r, a) => r in t ? w(t, r, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[r] = a, l = (t, r) => {
+  for (var a in r || (r = {}))
+    I.call(r, a) && O(t, a, r[a]);
+  if (h)
+    for (var a of h(r))
+      R.call(r, a) && O(t, a, r[a]);
+  return t;
+}, y = (t, r) => x(t, A(r));
+import { methods as i } from "@arco-design/web-vue/es/_utils/date";
+const g = 42, u = (t) => ({
+  year: t.year(),
+  month: t.month() + 1,
+  date: t.date(),
+  day: t.day(),
+  time: t
+}), T = (t) => ({
+  start: u(i.startOf(t, "month")),
+  end: u(i.endOf(t, "month")),
+  days: t.daysInMonth()
+});
+function D(t, { dayStartOfWeek: r = 0, isWeek: a }) {
+  var c, f, m;
+  const s = T(t), d = Array(g).fill(null).map(() => ({})), o = r === 0 ? s.start.day : (s.start.day || 7) - 1;
+  d[o] = y(l({}, s.start), {
+    isCurrent: !0
+  });
+  for (let e = 0; e < o; e++)
+    d[o - e - 1] = y(l({}, u(i.subtract(s.start.time, e + 1, "day"))), {
+      isPrev: !0
+    });
+  for (let e = 0; e < g - o - 1; e++)
+    d[o + e + 1] = y(l({}, u(i.add(s.start.time, e + 1, "day"))), {
+      isCurrent: e < s.days,
+      isNext: e >= s.days - 1
+    });
+  const n = Array(6).fill(null).map(() => []);
+  for (let e = 0; e < 6; e++)
+    if (n[e] = d.slice(e * 7, 7 * (e + 1)), a) {
+      const k = (f = (c = n == null ? void 0 : n[e]) == null ? void 0 : c[0]) == null ? void 0 : f.time, p = [...n[e] || []];
+      (m = n == null ? void 0 : n[e]) == null || m.unshift({
+        weekRows: p,
+        weekOfYear: k.week()
+      });
+    }
+  return n;
+}
+export {
+  D as getAllDaysByTime
+};

package/es/pro-calendar/month.vue.d.ts

@@ -0,0 +1,22 @@
+import { IProCalendarMonth } from './interface.ts';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            year: any;
+            month: any;
+            date: any;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IProCalendarMonth, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProCalendarMonth> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/pro-calendar/month.vue.js

@@ -0,0 +1,126 @@
+import { defineComponent as C, useSlots as D, computed as f, createElementBlock as s, openBlock as n, normalizeClass as o, unref as r, createVNode as O, createElementVNode as i, Fragment as m, renderList as y, createCommentVNode as V, renderSlot as B, createTextVNode as N, toDisplayString as k } from "vue";
+import { dayjs as Y } from "@arco-design/web-vue/es/_utils/date";
+import { padStart as H } from "@arco-design/web-vue/es/_utils/pad";
+import T from "./week.vue.js";
+import b from "./hooks/useCellClassName.js";
+import { getPrefixCls as E } from "@arco-design/web-vue/es/_utils/global-config";
+import { getAllDaysByTime as F } from "./month.js";
+const M = ["onClick"], R = ["onClick"], I = /* @__PURE__ */ C({
+  __name: "month",
+  props: {
+    cell: { type: Boolean },
+    current: {},
+    mode: {},
+    value: {},
+    pageData: {},
+    pageShowDate: {},
+    selectHandler: { type: Function },
+    dayStartOfWeek: {},
+    isWeek: { type: Boolean },
+    panel: { type: Boolean }
+  },
+  setup(v) {
+    const l = v, w = D(), t = E("calendar"), h = l.pageShowDate.year(), g = f(
+      () => b({
+        prefixCls: t,
+        mergedValue: l.value,
+        panel: !1,
+        innerMode: l.mode,
+        rangeValues: [],
+        hoverRangeValues: [],
+        isSameTime: (e, d) => e.isSame(d, "day")
+      })
+    );
+    function c(e) {
+      const d = l.value.year(), u = l.value.month() + 1, p = l.value.week();
+      return l.value && e.weekRows.find(
+        (a) => a.year === d && a.month === u
+      ) && p === e.weekOfYear;
+    }
+    const $ = f(() => typeof l.current == "number" ? F(
+      Y(`${h}-${H(l.current + 1, 2, "0")}-01`),
+      {
+        dayStartOfWeek: l.dayStartOfWeek || 0,
+        isWeek: l.isWeek
+      }
+    ) : l.pageData);
+    return (e, d) => (n(), s("div", {
+      class: o(e.cell ? `${r(t)}-month-cell` : `${r(t)}-month`)
+    }, [
+      O(T, {
+        value: e.value,
+        "select-handler": e.selectHandler,
+        "day-start-of-week": e.dayStartOfWeek,
+        "is-week": e.isWeek,
+        panel: e.panel,
+        mode: e.mode,
+        "page-show-date": e.pageShowDate,
+        "page-data": e.pageData
+      }, null, 8, ["value", "select-handler", "day-start-of-week", "is-week", "panel", "mode", "page-show-date", "page-data"]),
+      i("div", {
+        class: o(`${r(t)}-month-cell-body`)
+      }, [
+        (n(!0), s(m, null, y($.value, (u, p) => (n(), s("div", {
+          key: p,
+          class: o([
+            `${r(t)}-month-row`,
+            {
+              [`${r(t)}-row-week`]: e.isWeek
+            }
+          ])
+        }, [
+          (n(!0), s(m, null, y(u, (a, S) => (n(), s("div", {
+            key: S,
+            class: o(g.value(a, !1)),
+            onClick: (W) => a.time && !e.isWeek ? e.selectHandler(a.time, !1) : void 0
+          }, [
+            a.time ? (n(), s(m, { key: 0 }, [
+              r(w).default ? B(e.$slots, "default", {
+                key: 0,
+                year: a.year,
+                month: a.month,
+                date: a.date
+              }) : (n(), s("div", {
+                key: 1,
+                class: o(`${r(t)}-date`),
+                onClick: (W) => e.isWeek ? void 0 : e.selectHandler(a.time, !1)
+              }, [
+                i("div", {
+                  class: o(`${r(t)}-date-value`)
+                }, [
+                  e.panel ? (n(), s(m, { key: 0 }, [
+                    N(k(a.date), 1)
+                  ], 64)) : (n(), s("div", {
+                    key: 1,
+                    class: o(`${r(t)}-date-circle`)
+                  }, k(a.date), 3))
+                ], 2)
+              ], 10, R))
+            ], 64)) : "weekOfYear" in a ? (n(), s("div", {
+              key: 1,
+              class: o([
+                `${r(t)}-cell`,
+                `${r(t)}-cell-week`,
+                {
+                  [`${r(t)}-cell-selected-week`]: c(a),
+                  [`${r(t)}-cell-in-range`]: c(a)
+                }
+              ])
+            }, [
+              i("div", {
+                class: o(`${r(t)}-date`)
+              }, [
+                i("div", {
+                  class: o(`${r(t)}-date-value`)
+                }, k(a.weekOfYear), 3)
+              ], 2)
+            ], 2)) : V("", !0)
+          ], 10, M))), 128))
+        ], 2))), 128))
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  I as default
+};

package/es/pro-calendar/month.vue2.js

@@ -0,0 +1,4 @@
+import f from "./month.vue.js";
+export {
+  f as default
+};

package/es/pro-calendar/week.vue.d.ts

@@ -0,0 +1,3 @@
+import { IProCalendarWeek } from './interface.ts';
+declare const _default: import('vue').DefineComponent<IProCalendarWeek, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProCalendarWeek> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/pro-calendar/week.vue.js

@@ -0,0 +1,34 @@
+import { defineComponent as u, computed as m, createElementBlock as a, openBlock as n, normalizeClass as l, unref as t, Fragment as c, renderList as f, toDisplayString as y } from "vue";
+import { getPrefixCls as k } from "@arco-design/web-vue/es/_utils/global-config";
+import { useI18n as h } from "@arco-design/web-vue/es/locale";
+import { EMode as g } from "./enum.js";
+const W = /* @__PURE__ */ u({
+  __name: "week",
+  props: {
+    mode: {},
+    value: {},
+    pageData: {},
+    pageShowDate: {},
+    selectHandler: { type: Function },
+    dayStartOfWeek: {},
+    isWeek: { type: Boolean },
+    panel: { type: Boolean }
+  },
+  setup(i) {
+    const s = i, r = k("calendar-week-list"), { t: d } = h(), p = m(() => {
+      const e = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
+      return s.dayStartOfWeek === 0 ? e.unshift("sunday") : e.push("sunday"), s.isWeek && e.unshift("self"), e;
+    });
+    return (e, w) => (n(), a("div", {
+      class: l(t(r))
+    }, [
+      (n(!0), a(c, null, f(p.value, (o) => (n(), a("div", {
+        key: o,
+        class: l(`${t(r)}-item`)
+      }, y(t(d)(`calendar.week.${e.panel || e.mode === t(g).year ? "short" : "long"}.${o}`)), 3))), 128))
+    ], 2));
+  }
+});
+export {
+  W as default
+};

package/es/pro-calendar/week.vue2.js

@@ -0,0 +1,4 @@
+import f from "./week.vue.js";
+export {
+  f as default
+};

package/es/pro-calendar/year.vue.d.ts

@@ -0,0 +1,3 @@
+import { IProCalendarYear } from './interface.ts';
+declare const _default: import('vue').DefineComponent<IProCalendarYear, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProCalendarYear> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/pro-calendar/year.vue.js

@@ -0,0 +1,123 @@
+var V = Object.defineProperty, B = Object.defineProperties;
+var H = Object.getOwnPropertyDescriptors;
+var f = Object.getOwnPropertySymbols;
+var M = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
+var v = (s, a, t) => a in s ? V(s, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[a] = t, h = (s, a) => {
+  for (var t in a || (a = {}))
+    M.call(a, t) && v(s, t, a[t]);
+  if (f)
+    for (var t of f(a))
+      O.call(a, t) && v(s, t, a[t]);
+  return s;
+}, y = (s, a) => B(s, H(a));
+import { defineComponent as W, computed as d, createElementBlock as u, openBlock as m, normalizeClass as i, unref as l, Fragment as g, renderList as k, createElementVNode as w, toDisplayString as S, createVNode as F } from "vue";
+import { padStart as J } from "@arco-design/web-vue/es/_utils/pad";
+import { dayjs as T } from "@arco-design/web-vue/es/_utils/date";
+import A from "./month.vue.js";
+import E from "./hooks/useCellClassName.js";
+import { getPrefixCls as j } from "@arco-design/web-vue/es/_utils/global-config";
+import { useI18n as z } from "@arco-design/web-vue/es/locale";
+const G = ["onClick"], Q = /* @__PURE__ */ W({
+  __name: "year",
+  props: {
+    mode: {},
+    value: {},
+    pageData: {},
+    pageShowDate: {},
+    selectHandler: { type: Function },
+    dayStartOfWeek: {},
+    isWeek: { type: Boolean },
+    panel: { type: Boolean }
+  },
+  setup(s) {
+    const a = [
+      "January",
+      "February",
+      "March",
+      "April",
+      "May",
+      "June",
+      "July",
+      "August",
+      "September",
+      "October",
+      "November",
+      "December"
+    ].map((e, r) => ({
+      name: e,
+      value: r
+    })), t = s, n = j("calendar"), { t: p } = z(), $ = d(
+      () => E({
+        prefixCls: n,
+        mergedValue: t.value,
+        panel: !1,
+        innerMode: t.mode,
+        rangeValues: [],
+        hoverRangeValues: [],
+        isSameTime: (e, r) => e.isSame(r, "month")
+      })
+    ), C = d(() => t.pageShowDate.year());
+    function c(e) {
+      return T(
+        `${C.value}-${J(e + 1, 2, "0")}-01`
+      );
+    }
+    const D = d(() => {
+      if (t.panel) {
+        const e = [];
+        for (let r = 0; r < 4; r++)
+          e.push(a.slice(r * 3, 3 * (r + 1)));
+        return e;
+      } else {
+        const e = [];
+        for (let r = 0; r < 3; r++)
+          e.push(a.slice(r * 4, 4 * (r + 1)));
+        return e;
+      }
+    });
+    return (e, r) => (m(), u("div", {
+      class: i(`${l(n)}-year`)
+    }, [
+      (m(!0), u(g, null, k(D.value, (N, b) => (m(), u("div", {
+        key: b,
+        class: i(`${l(n)}-year-row`)
+      }, [
+        (m(!0), u(g, null, k(N, (o) => (m(), u("div", {
+          key: o.value,
+          class: i($.value(y(h({}, o), { time: c(o.value) }), !1))
+        }, [
+          e.panel ? (m(), u("div", {
+            key: 0,
+            class: i(`${l(n)}-date`),
+            onClick: () => e.selectHandler(c(o.value), !1)
+          }, [
+            w("div", {
+              class: i(`${l(n)}-date-value`)
+            }, S(l(p)(`calendar.month.short.${o.name}`)), 3)
+          ], 10, G)) : (m(), u("div", {
+            key: 1,
+            class: i(`${l(n)}-month-with-days`)
+          }, [
+            w("div", {
+              class: i(`${l(n)}-month-title`)
+            }, S(l(p)(`calendar.month.long.${o.name}`)), 3),
+            F(A, {
+              "page-show-date": e.pageShowDate,
+              "page-data": e.pageData,
+              "day-start-of-week": e.dayStartOfWeek,
+              "select-handler": e.selectHandler,
+              "is-week": e.isWeek,
+              cell: !0,
+              current: o.value,
+              value: e.value,
+              mode: e.mode
+            }, null, 8, ["page-show-date", "page-data", "day-start-of-week", "select-handler", "is-week", "current", "value", "mode"])
+          ], 2))
+        ], 2))), 128))
+      ], 2))), 128))
+    ], 2));
+  }
+});
+export {
+  Q as default
+};

package/es/pro-calendar/year.vue2.js

@@ -0,0 +1,4 @@
+import f from "./year.vue.js";
+export {
+  f as default
+};