@keyblade/pro-components 1.13.8-alpha.18 → 1.13.8-alpha.19

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

@@ -59,12 +59,12 @@ declare const __VLS_component: import('vue').DefineComponent<IProCalendarProps,
         hideRight?: boolean;
     };
     dayStartOfWeek: 0 | 1;
-    isWeek: boolean;
-    panel: boolean;
     modes: (EMode.month | EMode.year)[];
     defaultMode: EMode.month | EMode.year;
     allowSelect: boolean;
     panelTodayBtn: boolean;
+    isWeek: boolean;
+    panel: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,155 +1,155 @@
-import { defineComponent as K, useSlots as L, ref as g, computed as r, watch as Q, createElementBlock as c, openBlock as m, mergeProps as R, createVNode as U, createCommentVNode as y, createSlots as Y, withCtx as $, unref as u, renderSlot as b, normalizeClass as k, createBlock as O, toDisplayString as X } from "vue";
+import { defineComponent as Q, useSlots as R, ref as k, computed as r, watch as U, createElementBlock as i, openBlock as m, mergeProps as v, createVNode as X, createCommentVNode as S, createSlots as b, withCtx as O, unref as u, renderSlot as P, normalizeClass as w, createBlock as x, toDisplayString as Z } from "vue";
 import "dayjs";
-import Z from "./month.vue.js";
-import x from "./year.vue.js";
-import ee from "./header.vue.js";
-import { getDayjsValue as P, getNow as ae, pickDataAttributes as te, methods as v } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/_utils/date.js";
-import { getPrefixCls as oe } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/_utils/global-config.js";
-import { useI18n as le } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/locale/index.js";
-import { getAllDaysByTime as ne } from "./month.js";
-import { EMode as o } from "./enum.js";
-import { conclude as re } from "vue-global-config";
-import { globalProps as ue } from "../global-props.js";
-const we = /* @__PURE__ */ K({
+import ee from "./month.vue.js";
+import ae from "./year.vue.js";
+import te from "./header.vue.js";
+import { getDayjsValue as A, getNow as oe, pickDataAttributes as le, methods as h } from "@arco-design/web-vue/es/_utils/date";
+import { getPrefixCls as ne } from "@arco-design/web-vue/es/_utils/global-config";
+import { useI18n as re } from "@arco-design/web-vue/es/locale";
+import { getAllDaysByTime as ue } from "./month.js";
+import { EMode as l } from "./enum.js";
+import { conclude as de } from "vue-global-config";
+import { globalProps as C } from "../global-props.js";
+const we = /* @__PURE__ */ Q({
   __name: "calendar",
   props: {
     modelValue: {},
     defaultValue: {},
     mode: {},
-    defaultMode: { default: o.month },
-    modes: { default: () => [o.month, o.year] },
+    defaultMode: { default: l.month },
+    modes: { default: () => [l.month, l.year] },
     header: { type: [Boolean, Object], default: !0 },
     allowSelect: { type: Boolean, default: !0 },
-    panel: { type: Boolean, default: !1 },
     panelWidth: {},
     panelTodayBtn: { type: Boolean, default: !1 },
     dayStartOfWeek: { default: 0 },
-    isWeek: { type: Boolean, default: !1 }
+    isWeek: { type: Boolean, default: !1 },
+    panel: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change", "panelChange"],
-  setup(_, { emit: A }) {
-    function N(e, l) {
-      return e === o.month || e === o.year && !l ? "YYYY-MM-DD" : "YYYY-MM";
+  setup(N, { emit: T }) {
+    function j(e, o) {
+      return e === l.month || e === l.year && !o ? "YYYY-MM-DD" : "YYYY-MM";
     }
-    const t = _, s = A, w = L(), d = oe("calendar"), { t: h } = le(), S = g(t.defaultMode), n = r(() => t.mode ? t.mode : S.value), C = r(() => N(n.value, t.panel)), D = g(P(t.defaultValue || Date.now(), C.value)), p = r(() => t.modelValue ? P(t.modelValue, C.value) : D.value), a = g(p.value || ae());
-    Q(p, (e) => {
+    const t = N, s = T, D = R(), d = ne("calendar"), { t: g } = re(), V = k(t.defaultMode), n = r(() => t.mode ? t.mode : V.value), W = r(() => j(n.value, t.panel)), M = k(A(t.defaultValue || Date.now(), W.value)), p = r(() => t.modelValue ? A(t.modelValue, W.value) : M.value), a = k(p.value || oe());
+    U(p, (e) => {
       a.value = e;
     });
-    const V = r(() => ne(a.value, {
+    const B = r(() => ue(a.value, {
       dayStartOfWeek: t.dayStartOfWeek,
       isWeek: t.isWeek
     }));
-    function T(e) {
+    function E(e) {
       a.value = e, s("panelChange", e.toDate());
     }
-    function W(e) {
-      D.value = e, s("change", e.toDate()), s("update:modelValue", e.toDate()), T(e);
+    function Y(e) {
+      M.value = e, s("change", e.toDate()), s("update:modelValue", e.toDate()), E(e);
     }
-    function M(e, l = !1) {
-      l || W(e);
+    function _(e, o = !1) {
+      o || Y(e);
     }
-    const j = r(() => n.value === o.month ? h("calendar.formatMonth") : n.value === o.year ? h("calendar.formatYear") : "");
-    function E(e, l) {
-      e.includes("prev") && (a.value = v.subtract(a.value, 1, l)), e.includes("next") && (a.value = v.add(a.value, 1, l)), s("panelChange", a.value.toDate());
+    const F = r(() => n.value === l.month ? g("calendar.formatMonth") : n.value === l.year ? g("calendar.formatYear") : "");
+    function z(e, o) {
+      e.includes("prev") && (a.value = h.subtract(a.value, 1, o)), e.includes("next") && (a.value = h.add(a.value, 1, o)), s("panelChange", a.value.toDate());
     }
-    function F(e) {
-      const l = v.set(a.value, o.year, e);
-      a.value = l, s("panelChange", l.toDate());
+    function H(e) {
+      const o = h.set(a.value, l.year, e);
+      a.value = o, s("panelChange", o.toDate());
     }
-    function z(e) {
-      const l = v.set(a.value, o.month, e - 1);
-      a.value = l, s("panelChange", l.toDate());
+    function I(e) {
+      const o = h.set(a.value, l.month, e - 1);
+      a.value = o, s("panelChange", o.toDate());
     }
-    function H(e) {
-      S.value = e;
+    function q(e) {
+      V.value = e;
     }
-    const I = r(() => [
+    const G = r(() => [
       d,
-      n.value === o.month ? `${d}-mode-month` : `${d}-mode-year`,
+      n.value === l.month ? `${d}-mode-month` : `${d}-mode-year`,
       {
-        [`${d}-panel`]: t.panel && (n.value === o.month || n.value === o.year)
+        [`${d}-panel`]: t.panel && (n.value === l.month || n.value === l.year)
       }
-    ]), q = r(() => t.panel ? { width: t.panelWidth } : {}), G = r(() => te(t)), J = r(() => {
+    ]), J = r(() => t.panel ? { width: t.panelWidth } : {}), K = r(() => le(t)), L = r(() => {
       var e;
-      return re([t.header, ((e = ue.calendar) == null ? void 0 : e.header) || {}]);
+      return de([t.header, ((e = C.calendar) == null ? void 0 : e.header) || {}]);
+    }), y = r(() => {
+      var e, o;
+      return {
+        dayStartOfWeek: ((e = C.calendar) == null ? void 0 : e.dayStartOfWeek) || t.dayStartOfWeek,
+        isWeek: ((o = C.calendar) == null ? void 0 : o.isWeek) || t.isWeek
+      };
     });
-    return (e, l) => (m(), c("div", R({
-      class: I.value,
-      style: q.value
-    }, G.value), [
-      U(ee, {
-        header: J.value,
-        move: W,
-        "header-value-format": j.value,
+    return (e, o) => (m(), i("div", v({
+      class: G.value,
+      style: J.value
+    }, K.value), [
+      X(te, v(y.value, {
+        header: L.value,
+        move: Y,
+        "header-value-format": F.value,
         modes: e.modes,
         mode: n.value,
-        "page-show-data": a.value,
-        "day-start-of-week": e.dayStartOfWeek,
-        "is-week": e.isWeek,
-        onModeChange: H,
-        onYearChange: F,
-        onMonthChange: z,
-        onChangePageShowDate: E
-      }, Y({ _: 2 }, [
-        u(w).header ? {
+        "page-show-date": a.value,
+        onModeChange: q,
+        onYearChange: H,
+        onMonthChange: I,
+        onChangePageShowDate: z
+      }), b({ _: 2 }, [
+        u(D).header ? {
           name: "default",
-          fn: $(({ year: f, month: i }) => [
-            b(e.$slots, "header", {
-              value: { year: f, month: i },
-              year: f.toString(),
-              month: i.toString().padStart(2, "0")
+          fn: O(({ year: c, month: f }) => [
+            P(e.$slots, "header", {
+              value: { year: c, month: f },
+              year: c.toString(),
+              month: f.toString().padStart(2, "0")
             })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["header", "header-value-format", "modes", "mode", "page-show-data", "day-start-of-week", "is-week"]),
-      n.value === u(o).month ? (m(), c("div", {
+      ]), 1040, ["header", "header-value-format", "modes", "mode", "page-show-date"]),
+      n.value === u(l).month ? (m(), i("div", {
         key: 0,
-        class: k(`${u(d)}-body`)
+        class: w(`${u(d)}-body`)
       }, [
-        (m(), O(Z, {
+        (m(), x(ee, v(y.value, {
           key: a.value.month(),
-          "page-data": V.value,
+          "page-data": B.value,
           value: p.value,
           mode: n.value,
-          "select-handler": M,
-          "is-week": e.isWeek,
-          "day-start-of-week": e.dayStartOfWeek,
+          "select-handler": _,
           "page-show-date": a.value
-        }, Y({ _: 2 }, [
-          u(w).default ? {
+        }), b({ _: 2 }, [
+          u(D).default ? {
             name: "default",
-            fn: $(({ year: f, month: i, date: B }) => [
-              b(e.$slots, "default", {
-                year: f.toString(),
-                month: i.toString().padStart(2, "0"),
-                date: B.toString().padStart(2, "0"),
-                value: { year: f, month: i, date: B }
+            fn: O(({ year: c, month: f, date: $ }) => [
+              P(e.$slots, "default", {
+                year: c.toString(),
+                month: f.toString().padStart(2, "0"),
+                date: $.toString().padStart(2, "0"),
+                value: { year: c, month: f, date: $ }
               })
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["page-data", "value", "mode", "is-week", "day-start-of-week", "page-show-date"]))
-      ], 2)) : y("", !0),
-      n.value === u(o).year ? (m(), c("div", {
+        ]), 1040, ["page-data", "value", "mode", "page-show-date"]))
+      ], 2)) : S("", !0),
+      n.value === u(l).year ? (m(), i("div", {
         key: 1,
-        class: k(`${u(d)}-body`)
+        class: w(`${u(d)}-body`)
       }, [
-        (m(), O(x, {
+        (m(), x(ae, v(y.value, {
           key: a.value.year(),
-          "page-data": V.value,
-          "page-show-data": a.value,
+          "page-data": B.value,
+          "page-show-date": a.value,
           mode: n.value,
-          "is-week": e.isWeek,
           value: p.value,
-          "day-start-of-week": e.dayStartOfWeek,
-          "select-handler": M
-        }, null, 8, ["page-data", "page-show-data", "mode", "is-week", "value", "day-start-of-week"]))
-      ], 2)) : y("", !0),
-      e.panel && e.panelTodayBtn ? (m(), c("div", {
+          "select-handler": _
+        }), null, 16, ["page-data", "page-show-date", "mode", "value"]))
+      ], 2)) : S("", !0),
+      e.panel && e.panelTodayBtn ? (m(), i("div", {
         key: 2,
-        class: k(`${u(d)}-footer-btn-wrapper`)
-      }, X(u(h)("today")), 3)) : y("", !0)
+        class: w(`${u(d)}-footer-btn-wrapper`)
+      }, Z(u(g)("today")), 3)) : S("", !0)
     ], 16));
   }
 });

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

@@ -1,39 +1,23 @@
-import { Dayjs } from 'dayjs';
-import { EMode } from './enum';
-interface Props {
-    /** 模式 */
-    mode?: EMode.month | EMode.year;
-    dayStartOfWeek?: 0 | 1;
-    isWeek?: boolean;
-    panel?: boolean;
-    modes?: (EMode.month | EMode.year)[];
-    headerType?: string;
-    pageShowData: 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;
-    /**
-     * @zh 隐藏头部
-     */
-    header?: boolean | {
-        hideLeft?: boolean;
-        hideRight?: boolean;
+import { IProCalendarHeader } from './inerface';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            year: number;
+            month: number;
+        }): any;
     };
-}
-declare function __VLS_template(): void;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<IProCalendarHeader, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     yearChange: (year: number) => any;
     monthChange: (month: number) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<IProCalendarHeader> & Readonly<{
     onYearChange?: ((year: number) => any) | undefined;
     onMonthChange?: ((month: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, 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 & {

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

@@ -1,39 +1,38 @@
 import { defineComponent as P, useSlots as V, computed as s, withDirectives as h, createElementBlock as m, openBlock as i, normalizeClass as n, unref as o, createElementVNode as p, createVNode as d, Fragment as g, createBlock as z, createCommentVNode as T, renderSlot as Y, createTextVNode as k, toDisplayString as w, withCtx as E, vShow as f } from "vue";
-import "dayjs";
-import $ from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/select/index.js";
-import I from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/button/index.js";
-import O from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/radio/index.js";
-import R from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/icon/icon-left/index.js";
-import L from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/icon/icon-right/index.js";
-import { getNow as W } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/_utils/date.js";
-import { isArray as j } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/_utils/is.js";
-import { getPrefixCls as A } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/_utils/global-config.js";
-import { useI18n as G } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/locale/index.js";
+import $ from "@arco-design/web-vue/es/select";
+import I from "@arco-design/web-vue/es/button";
+import O from "@arco-design/web-vue/es/radio";
+import R from "@arco-design/web-vue/es/icon/icon-left";
+import L from "@arco-design/web-vue/es/icon/icon-right";
+import { getNow as W } from "@arco-design/web-vue/es/_utils/date";
+import { isArray as j } from "@arco-design/web-vue/es/_utils/is";
+import { getPrefixCls as A } from "@arco-design/web-vue/es/_utils/global-config";
+import { useI18n as G } from "@arco-design/web-vue/es/locale";
 import { EMode as v } from "./enum.js";
-const ae = /* @__PURE__ */ P({
+const oe = /* @__PURE__ */ P({
   __name: "header",
   props: {
     mode: {},
-    dayStartOfWeek: {},
-    isWeek: { type: Boolean },
-    panel: { type: Boolean },
     modes: {},
     headerType: {},
-    pageShowData: {},
+    pageShowDate: {},
     move: { type: Function },
     onYearChange: { type: Function },
     onMonthChange: { type: Function },
     onChangePageShowDate: { type: Function },
     onModeChange: { type: Function },
     headerValueFormat: {},
-    header: { type: [Boolean, Object] }
+    header: { type: [Boolean, Object] },
+    dayStartOfWeek: {},
+    isWeek: { type: Boolean },
+    panel: { type: Boolean }
   },
   emits: ["yearChange", "monthChange"],
   setup(D) {
     const r = D, b = V(), t = A("calendar"), { t: c } = G(), F = s(() => j(r.modes) ? r.modes.map((e) => ({
       label: c(`datePicker.view.${e}`),
       value: e
-    })) : []), B = s(() => r.headerType === "select"), l = s(() => r.pageShowData.year()), y = s(() => r.pageShowData.month() + 1), M = s(() => {
+    })) : []), B = s(() => r.headerType === "select"), l = s(() => r.pageShowDate.year()), y = s(() => r.pageShowDate.month() + 1), M = s(() => {
       const e = [l.value];
       for (let a = 1; a <= 10; a++)
         e.unshift(l.value - a);
@@ -88,7 +87,7 @@ const ae = /* @__PURE__ */ P({
                 year: l.value,
                 month: y.value
               }) : (i(), m(g, { key: 1 }, [
-                k(w(e.pageShowData.format(e.headerValueFormat)), 1)
+                k(w(e.pageShowDate.format(e.headerValueFormat)), 1)
               ], 64))
             ], 2),
             p("div", {
@@ -132,5 +131,5 @@ const ae = /* @__PURE__ */ P({
   }
 });
 export {
-  ae as default
+  oe as default
 };

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

@@ -1,6 +1,6 @@
 import "dayjs";
-import { isArray as w } from "../../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/_utils/is.js";
-import { getNow as u } from "../../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/_utils/date.js";
+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))

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

@@ -17,12 +17,12 @@ declare const ProCalendar: {
             hideRight?: boolean;
         };
         dayStartOfWeek: 0 | 1;
-        isWeek: boolean;
-        panel: boolean;
         modes: (import("./enum").EMode.month | import("./enum").EMode.year)[];
         defaultMode: import("./enum").EMode.month | import("./enum").EMode.year;
         allowSelect: boolean;
         panelTodayBtn: boolean;
+        isWeek: boolean;
+        panel: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -40,12 +40,12 @@ declare const ProCalendar: {
             hideRight?: boolean;
         };
         dayStartOfWeek: 0 | 1;
-        isWeek: boolean;
-        panel: boolean;
         modes: (import("./enum").EMode.month | import("./enum").EMode.year)[];
         defaultMode: import("./enum").EMode.month | import("./enum").EMode.year;
         allowSelect: boolean;
         panelTodayBtn: boolean;
+        isWeek: boolean;
+        panel: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -64,12 +64,12 @@ declare const ProCalendar: {
         hideRight?: boolean;
     };
     dayStartOfWeek: 0 | 1;
-    isWeek: boolean;
-    panel: boolean;
     modes: (import("./enum").EMode.month | import("./enum").EMode.year)[];
     defaultMode: import("./enum").EMode.month | import("./enum").EMode.year;
     allowSelect: boolean;
     panelTodayBtn: boolean;
+    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: {

package/es/pro-calendar/index.js

@@ -1,4 +1,4 @@
-import { setGlobalConfig as a } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/_utils/global-config.js";
+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, {

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

@@ -1,5 +1,58 @@
+import { Dayjs } from 'dayjs';
 import { EMode } from './enum';
-export interface IProCalendarProps {
+/**
+  * @zh 隐藏头部
+  */
+type IHeaderProps = boolean | {
+    hideLeft?: boolean;
+    hideRight?: boolean;
+};
+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)[];
+    headerType?: string;
+    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
@@ -25,18 +78,10 @@ export interface IProCalendarProps {
      * @en Displayed mode
      */
     modes?: (EMode.month | EMode.year)[];
-    /**
-     * @zh 隐藏头部
-     */
-    header?: boolean | {
-        hideLeft?: boolean;
-        hideRight?: boolean;
-    };
+    header?: IHeaderProps;
     allowSelect?: boolean;
-    panel?: boolean;
     panelWidth?: number;
     panelTodayBtn?: boolean;
-    dayStartOfWeek?: 0 | 1;
-    isWeek?: boolean;
 }
 export type ProCalendarProps = Partial<IProCalendarProps>;
+export {};

package/es/pro-calendar/month.js

@@ -1,4 +1,4 @@
-import { methods as o } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/_utils/date.js";
+import { methods as o } from "@arco-design/web-vue/es/_utils/date";
 const l = 42, d = (r) => ({
   year: r.year(),
   month: r.month() + 1,

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

@@ -1,19 +1,4 @@
-import { Dayjs } from 'dayjs';
-import { EMode } from './enum';
-interface Props {
-    cell?: boolean;
-    pageData?: any[];
-    current?: number;
-    value: Dayjs;
-    /** 选择 */
-    selectHandler: (time: Dayjs, disabled: boolean) => void;
-    /** 模式 */
-    mode?: EMode;
-    pageShowDate: Dayjs;
-    panel?: boolean;
-    dayStartOfWeek?: 0 | 1;
-    isWeek?: boolean;
-}
+import { IProCalendarMonth } from './inerface';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -27,7 +12,7 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+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 & {

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

@@ -1,24 +1,24 @@
 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";
-import { dayjs as Y } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/_utils/date.js";
-import { padStart as H } from "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/_utils/pad.js";
+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 "../node_modules/.pnpm/@arco-design_web-vue@2.53.3_vue@3.5.13_typescript@5.8.2_/node_modules/@arco-design/web-vue/es/_utils/global-config.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"], J = /* @__PURE__ */ C({
   __name: "month",
   props: {
     cell: { type: Boolean },
-    pageData: {},
     current: {},
-    value: {},
-    selectHandler: { type: Function },
     mode: {},
+    value: {},
+    pageData: {},
     pageShowDate: {},
-    panel: { type: Boolean },
+    selectHandler: { type: Function },
     dayStartOfWeek: {},
-    isWeek: { type: Boolean }
+    isWeek: { type: Boolean },
+    panel: { type: Boolean }
   },
   setup(v) {
     const l = v, w = D(), t = E("calendar"), h = l.pageShowDate.year(), g = f(
@@ -55,9 +55,9 @@ const M = ["onClick"], R = ["onClick"], J = /* @__PURE__ */ C({
         "is-week": e.isWeek,
         panel: e.panel,
         mode: e.mode,
-        "page-show-data": e.pageShowDate,
+        "page-show-date": e.pageShowDate,
         "page-data": e.pageData
-      }, null, 8, ["value", "select-handler", "day-start-of-week", "is-week", "panel", "mode", "page-show-data", "page-data"]),
+      }, 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`)
       }, [

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

@@ -1,15 +1,3 @@
-import { Dayjs } from 'dayjs';
-import { EMode } from './enum';
-interface Props {
-    /** 模式 */
-    mode?: EMode;
-    dayStartOfWeek?: 0 | 1;
-    isWeek?: boolean;
-    panel?: boolean;
-    value: Dayjs;
-    selectHandler?: (time: Dayjs, disabled: boolean) => void;
-    pageShowData: Dayjs;
-    pageData?: any[];
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+import { IProCalendarWeek } from './inerface';
+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;