@keyblade/pro-components 1.13.8-alpha.16 → 1.13.8-alpha.17

package/es/global-props.d.ts

@@ -2,10 +2,12 @@ import { ProFooterBarProps } from './pro-footer-bar/inerface';
 import { ProTableProps } from './pro-table/interface';
 import { ProTextareaProps } from './pro-textarea';
 import { ProDateRangePickerProps } from './pro-date-range-picker/inerface';
+import { ProCalendarProps } from './pro-calendar';
 export interface GlobalProps {
     footerBar?: ProFooterBarProps;
     dateRangePicker?: ProDateRangePickerProps;
     textarea?: ProTextareaProps;
     table?: ProTableProps;
+    calendar?: ProCalendarProps;
 }
 export declare const globalProps: GlobalProps;

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

@@ -1,4 +1,4 @@
-import { ProCalendarProps } from './inerface';
+import { IProCalendarProps } from './inerface';
 import { EMode } from './enum';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -45,15 +45,19 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ProCalendarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<IProCalendarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (date: Date) => any;
     "update:modelValue": (date: Date) => any;
     panelChange: (date: Date) => any;
-}, string, import('vue').PublicProps, Readonly<ProCalendarProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<IProCalendarProps> & Readonly<{
     onChange?: ((date: Date) => any) | undefined;
     "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
     onPanelChange?: ((date: Date) => any) | undefined;
 }>, {
+    header: boolean | {
+        hideLeft?: boolean;
+        hideRight?: boolean;
+    };
     dayStartOfWeek: 0 | 1;
     isWeek: boolean;
     panel: boolean;

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

@@ -1,21 +1,24 @@
-import { defineComponent as J, useSlots as K, ref as g, computed as r, watch as L, createElementBlock as v, openBlock as m, mergeProps as Q, createVNode as R, createCommentVNode as y, createSlots as $, withCtx as B, unref as u, renderSlot as b, normalizeClass as k, createBlock as O, toDisplayString as U } from "vue";
+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 "dayjs";
-import X from "./month.vue.js";
-import Z from "./year.vue.js";
-import x from "./header.vue.js";
-import { getDayjsValue as P, getNow as ee, pickDataAttributes as ae, methods as c } 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 te } 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 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/locale/index.js";
-import { getAllDaysByTime as le } from "./month.js";
-import { EMode as t } from "./enum.js";
-const ce = /* @__PURE__ */ J({
+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({
   __name: "calendar",
   props: {
     modelValue: {},
     defaultValue: {},
     mode: {},
-    defaultMode: { default: t.month },
-    modes: { default: () => [t.month, t.year] },
+    defaultMode: { default: o.month },
+    modes: { default: () => [o.month, o.year] },
+    header: { type: [Boolean, Object], default: !0 },
     allowSelect: { type: Boolean, default: !0 },
     panel: { type: Boolean, default: !1 },
     panelWidth: {},
@@ -26,15 +29,15 @@ const ce = /* @__PURE__ */ J({
   emits: ["update:modelValue", "change", "panelChange"],
   setup(_, { emit: A }) {
     function N(e, l) {
-      return e === t.month || e === t.year && !l ? "YYYY-MM-DD" : "YYYY-MM";
+      return e === o.month || e === o.year && !l ? "YYYY-MM-DD" : "YYYY-MM";
     }
-    const o = _, s = A, w = K(), d = te("calendar"), { t: h } = oe(), S = g(o.defaultMode), n = r(() => o.mode ? o.mode : S.value), C = r(() => N(n.value, o.panel)), D = g(P(o.defaultValue || Date.now(), C.value)), p = r(() => o.modelValue ? P(o.modelValue, C.value) : D.value), a = g(p.value || ee());
-    L(p, (e) => {
+    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) => {
       a.value = e;
     });
-    const V = r(() => le(a.value, {
-      dayStartOfWeek: o.dayStartOfWeek,
-      isWeek: o.isWeek
+    const V = r(() => ne(a.value, {
+      dayStartOfWeek: t.dayStartOfWeek,
+      isWeek: t.isWeek
     }));
     function T(e) {
       a.value = e, s("panelChange", e.toDate());
@@ -45,16 +48,16 @@ const ce = /* @__PURE__ */ J({
     function M(e, l = !1) {
       l || W(e);
     }
-    const E = r(() => n.value === t.month ? h("calendar.formatMonth") : n.value === t.year ? h("calendar.formatYear") : "");
-    function F(e, l) {
-      e.includes("prev") && (a.value = c.subtract(a.value, 1, l)), e.includes("next") && (a.value = c.add(a.value, 1, l)), s("panelChange", a.value.toDate());
+    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());
     }
-    function j(e) {
-      const l = c.set(a.value, t.year, e);
+    function F(e) {
+      const l = v.set(a.value, o.year, e);
       a.value = l, s("panelChange", l.toDate());
     }
     function z(e) {
-      const l = c.set(a.value, t.month, e - 1);
+      const l = v.set(a.value, o.month, e - 1);
       a.value = l, s("panelChange", l.toDate());
     }
     function H(e) {
@@ -62,31 +65,35 @@ const ce = /* @__PURE__ */ J({
     }
     const I = r(() => [
       d,
-      n.value === t.month ? `${d}-mode-month` : `${d}-mode-year`,
+      n.value === o.month ? `${d}-mode-month` : `${d}-mode-year`,
       {
-        [`${d}-panel`]: o.panel && (n.value === t.month || n.value === t.year)
+        [`${d}-panel`]: t.panel && (n.value === o.month || n.value === o.year)
       }
-    ]), q = r(() => o.panel ? { width: o.panelWidth } : {}), G = r(() => ae(o));
-    return (e, l) => (m(), v("div", Q({
+    ]), q = r(() => t.panel ? { width: t.panelWidth } : {}), G = r(() => te(t)), J = r(() => {
+      var e;
+      return re([t.header, ((e = ue.calendar) == null ? void 0 : e.header) || {}]);
+    });
+    return (e, l) => (m(), c("div", R({
       class: I.value,
       style: q.value
     }, G.value), [
-      R(x, {
+      U(ee, {
+        header: J.value,
         move: W,
-        "header-value-format": E.value,
+        "header-value-format": j.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: j,
+        onYearChange: F,
         onMonthChange: z,
-        onChangePageShowDate: F
-      }, $({ _: 2 }, [
+        onChangePageShowDate: E
+      }, Y({ _: 2 }, [
         u(w).header ? {
           name: "default",
-          fn: B(({ year: f, month: i }) => [
+          fn: $(({ year: f, month: i }) => [
             b(e.$slots, "header", {
               value: { year: f, month: i },
               year: f.toString(),
@@ -95,12 +102,12 @@ const ce = /* @__PURE__ */ J({
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["header-value-format", "modes", "mode", "page-show-data", "day-start-of-week", "is-week"]),
-      n.value === u(t).month ? (m(), v("div", {
+      ]), 1032, ["header", "header-value-format", "modes", "mode", "page-show-data", "day-start-of-week", "is-week"]),
+      n.value === u(o).month ? (m(), c("div", {
         key: 0,
         class: k(`${u(d)}-body`)
       }, [
-        (m(), O(X, {
+        (m(), O(Z, {
           key: a.value.month(),
           "page-data": V.value,
           value: p.value,
@@ -109,26 +116,26 @@ const ce = /* @__PURE__ */ J({
           "is-week": e.isWeek,
           "day-start-of-week": e.dayStartOfWeek,
           "page-show-date": a.value
-        }, $({ _: 2 }, [
+        }, Y({ _: 2 }, [
           u(w).default ? {
             name: "default",
-            fn: B(({ year: f, month: i, date: Y }) => [
+            fn: $(({ year: f, month: i, date: B }) => [
               b(e.$slots, "default", {
                 year: f.toString(),
                 month: i.toString().padStart(2, "0"),
-                date: Y.toString().padStart(2, "0"),
-                value: { year: f, month: i, date: Y }
+                date: B.toString().padStart(2, "0"),
+                value: { year: f, month: i, date: B }
               })
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["page-data", "value", "mode", "is-week", "day-start-of-week", "page-show-date"]))
       ], 2)) : y("", !0),
-      n.value === u(t).year ? (m(), v("div", {
+      n.value === u(o).year ? (m(), c("div", {
         key: 1,
         class: k(`${u(d)}-body`)
       }, [
-        (m(), O(Z, {
+        (m(), O(x, {
           key: a.value.year(),
           "page-data": V.value,
           "page-show-data": a.value,
@@ -139,13 +146,13 @@ const ce = /* @__PURE__ */ J({
           "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(), v("div", {
+      e.panel && e.panelTodayBtn ? (m(), c("div", {
         key: 2,
         class: k(`${u(d)}-footer-btn-wrapper`)
-      }, U(u(h)("today")), 3)) : y("", !0)
+      }, X(u(h)("today")), 3)) : y("", !0)
     ], 16));
   }
 });
 export {
-  ce as default
+  we as default
 };

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

@@ -17,18 +17,15 @@ interface Props {
     onChangePageShowDate: (type: 'prev' | 'next', unit: EMode) => void;
     onModeChange: (value: any, ev: Event) => void;
     headerValueFormat: string;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            year: number;
-            month: number;
-        }): any;
+    /**
+     * @zh 隐藏头部
+     */
+    header?: boolean | {
+        hideLeft?: boolean;
+        hideRight?: boolean;
     };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
+}
+declare function __VLS_template(): void;
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     yearChange: (year: number) => any;
@@ -36,7 +33,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onYearChange?: ((year: number) => any) | undefined;
     onMonthChange?: ((month: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 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,16 +1,16 @@
-import { defineComponent as F, useSlots as M, computed as s, createElementBlock as u, openBlock as i, normalizeClass as n, unref as e, createElementVNode as p, createVNode as m, Fragment as h, createBlock as N, createCommentVNode as B, renderSlot as P, createTextVNode as c, toDisplayString as y, withCtx as V } from "vue";
+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 C 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 z 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 T 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 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/icon/icon-left/index.js";
-import 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/icon/icon-right/index.js";
-import { getNow as 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/_utils/date.js";
-import { isArray 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/is.js";
-import { getPrefixCls as 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/_utils/global-config.js";
-import { useI18n 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/locale/index.js";
-import { EMode as f } from "./enum.js";
-const x = /* @__PURE__ */ F({
+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 { EMode as v } from "./enum.js";
+const ae = /* @__PURE__ */ P({
   __name: "header",
   props: {
     mode: {},
@@ -25,98 +25,112 @@ const x = /* @__PURE__ */ F({
     onMonthChange: { type: Function },
     onChangePageShowDate: { type: Function },
     onModeChange: { type: Function },
-    headerValueFormat: {}
+    headerValueFormat: {},
+    header: { type: [Boolean, Object] }
   },
   emits: ["yearChange", "monthChange"],
-  setup(k) {
-    const r = k, S = M(), t = R("calendar"), { t: g } = W(), w = s(() => O(r.modes) ? r.modes.map((o) => ({
-      label: g(`datePicker.view.${o}`),
-      value: o
-    })) : []), $ = s(() => r.headerType === "select"), l = s(() => r.pageShowData.year()), v = s(() => r.pageShowData.month() + 1), D = s(() => {
-      const o = [l.value];
+  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(() => {
+      const e = [l.value];
       for (let a = 1; a <= 10; a++)
-        o.unshift(l.value - a);
+        e.unshift(l.value - a);
       for (let a = 1; a < 10; a++)
-        o.push(l.value + a);
-      return o;
-    }), b = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
-    return (o, a) => (i(), u("div", {
-      class: n(`${e(t)}-header`)
-    }, [
-      p("div", {
-        class: n(`${e(t)}-header-left`)
+        e.push(l.value + a);
+      return e;
+    }), N = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+    return (e, a) => {
+      var C, S;
+      return h((i(), m("div", {
+        class: n(`${o(t)}-header`)
       }, [
-        $.value ? (i(), u(h, { key: 0 }, [
-          m(e(C), {
+        h(p("div", {
+          class: n(`${o(t)}-header-left`)
+        }, [
+          B.value ? (i(), m(g, { key: 0 }, [
+            d(o($), {
+              size: "small",
+              class: n(`${o(t)}-header-value-year`),
+              "default-value": l.value,
+              options: M.value,
+              onChange: a[0] || (a[0] = (u) => {
+                console.log("change"), e.onYearChange(Number(u));
+              }),
+              "popup-container": `${o(t)}-header`
+            }, null, 8, ["class", "default-value", "options", "popup-container"]),
+            e.mode === o(v).month ? (i(), z(o($), {
+              key: 0,
+              size: "small",
+              class: n(`${o(t)}-header-value-month`),
+              "default-value": y.value,
+              options: N,
+              onChange: a[1] || (a[1] = (u) => {
+                console.log("change"), e.onMonthChange(Number(u));
+              }),
+              "popup-container": `${o(t)}-header`
+            }, null, 8, ["class", "default-value", "popup-container"])) : T("", !0)
+          ], 64)) : (i(), m(g, { key: 1 }, [
+            p("div", {
+              class: n(`${o(t)}-header-icon`),
+              role: "button",
+              tabindex: "0",
+              onClick: a[2] || (a[2] = () => e.onChangePageShowDate("prev", e.mode || o(v).month))
+            }, [
+              d(o(R))
+            ], 2),
+            p("div", {
+              class: n(`${o(t)}-header-value`)
+            }, [
+              o(b).default ? Y(e.$slots, "default", {
+                key: 0,
+                year: l.value,
+                month: y.value
+              }) : (i(), m(g, { key: 1 }, [
+                k(w(e.pageShowData.format(e.headerValueFormat)), 1)
+              ], 64))
+            ], 2),
+            p("div", {
+              role: "button",
+              tabindex: "0",
+              class: n(`${o(t)}-header-icon`),
+              onClick: a[3] || (a[3] = () => e.onChangePageShowDate("next", e.mode || o(v).month))
+            }, [
+              d(o(L))
+            ], 2)
+          ], 64)),
+          d(o(I), {
             size: "small",
-            class: n(`${e(t)}-header-value-year`),
-            "default-value": l.value,
-            options: D.value,
-            onChange: a[0] || (a[0] = (d) => o.onYearChange(Number(d))),
-            "popup-container": `${e(t)}-header`
-          }, null, 8, ["class", "default-value", "options", "popup-container"]),
-          o.mode === e(f).month ? (i(), N(e(C), {
-            key: 0,
+            onClick: a[4] || (a[4] = () => e.move(o(W)()))
+          }, {
+            default: E(() => [
+              k(w(o(c)("datePicker.today")), 1)
+            ]),
+            _: 1
+          })
+        ], 2), [
+          [f, !((C = e.header) != null && C.hideLeft)]
+        ]),
+        h(p("div", {
+          class: n(`${o(t)}-header-right`)
+        }, [
+          d(o(O).Group, {
             size: "small",
-            class: n(`${e(t)}-header-value-month`),
-            "default-value": v.value,
-            options: b,
-            onChange: a[1] || (a[1] = (d) => o.onMonthChange(Number(d))),
-            "popup-container": `${e(t)}-header`
-          }, null, 8, ["class", "default-value", "popup-container"])) : B("", !0)
-        ], 64)) : (i(), u(h, { key: 1 }, [
-          p("div", {
-            class: n(`${e(t)}-header-icon`),
-            role: "button",
-            tabindex: "0",
-            onClick: a[2] || (a[2] = () => o.onChangePageShowDate("prev", o.mode || e(f).month))
-          }, [
-            m(e(Y))
-          ], 2),
-          p("div", {
-            class: n(`${e(t)}-header-value`)
-          }, [
-            e(S).default ? P(o.$slots, "default", {
-              key: 0,
-              year: l.value,
-              month: v.value
-            }) : (i(), u(h, { key: 1 }, [
-              c(y(o.pageShowData.format(o.headerValueFormat)), 1)
-            ], 64))
-          ], 2),
-          p("div", {
-            role: "button",
-            tabindex: "0",
-            class: n(`${e(t)}-header-icon`),
-            onClick: a[3] || (a[3] = () => o.onChangePageShowDate("next", o.mode || e(f).month))
-          }, [
-            m(e(E))
-          ], 2)
-        ], 64)),
-        m(e(z), {
-          size: "small",
-          onClick: a[4] || (a[4] = () => o.move(e(I)()))
-        }, {
-          default: V(() => [
-            c(y(e(g)("datePicker.today")), 1)
-          ]),
-          _: 1
-        })
-      ], 2),
-      p("div", {
-        class: n(`${e(t)}-header-right`)
-      }, [
-        m(e(T).Group, {
-          size: "small",
-          type: "button",
-          options: w.value,
-          onChange: o.onModeChange,
-          "model-value": o.mode
-        }, null, 8, ["options", "onChange", "model-value"])
-      ], 2)
-    ], 2));
+            type: "button",
+            options: F.value,
+            onChange: e.onModeChange,
+            "model-value": e.mode
+          }, null, 8, ["options", "onChange", "model-value"])
+        ], 2), [
+          [f, !((S = e.header) != null && S.hideRight)]
+        ])
+      ], 2)), [
+        [f, e.header]
+      ]);
+    };
   }
 });
 export {
-  x as default
+  ae as default
 };

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

@@ -3,7 +3,7 @@ import { ArcoOptions } from '@arco-design/web-vue/es/_utils/types';
 import { default as _ProCalendar } from './calendar.vue';
 import { ProCalendarProps } from './inerface';
 declare const ProCalendar: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<ProCalendarProps> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./inerface').IProCalendarProps> & Readonly<{
         onChange?: ((date: Date) => any) | undefined;
         "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
         onPanelChange?: ((date: Date) => any) | undefined;
@@ -12,6 +12,10 @@ declare const ProCalendar: {
         "update:modelValue": (date: Date) => any;
         panelChange: (date: Date) => any;
     }, import('vue').PublicProps, {
+        header: boolean | {
+            hideLeft?: boolean;
+            hideRight?: boolean;
+        };
         dayStartOfWeek: 0 | 1;
         isWeek: boolean;
         panel: boolean;
@@ -26,11 +30,15 @@ declare const ProCalendar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<ProCalendarProps> & Readonly<{
+    }, Readonly<import('./inerface').IProCalendarProps> & Readonly<{
         onChange?: ((date: Date) => any) | undefined;
         "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
         onPanelChange?: ((date: Date) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        header: boolean | {
+            hideLeft?: boolean;
+            hideRight?: boolean;
+        };
         dayStartOfWeek: 0 | 1;
         isWeek: boolean;
         panel: boolean;
@@ -42,7 +50,7 @@ declare const ProCalendar: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<ProCalendarProps> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./inerface').IProCalendarProps> & Readonly<{
     onChange?: ((date: Date) => any) | undefined;
     "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
     onPanelChange?: ((date: Date) => any) | undefined;
@@ -51,6 +59,10 @@ declare const ProCalendar: {
     "update:modelValue": (date: Date) => any;
     panelChange: (date: Date) => any;
 }, string, {
+    header: boolean | {
+        hideLeft?: boolean;
+        hideRight?: boolean;
+    };
     dayStartOfWeek: 0 | 1;
     isWeek: boolean;
     panel: boolean;

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

@@ -1,5 +1,5 @@
 import { EMode } from './enum';
-export interface ProCalendarProps {
+export interface IProCalendarProps {
     /**
      * @zh 绑定值
      * @en Value
@@ -25,6 +25,13 @@ export interface ProCalendarProps {
      * @en Displayed mode
      */
     modes?: (EMode.month | EMode.year)[];
+    /**
+     * @zh 隐藏头部
+     */
+    header?: boolean | {
+        hideLeft?: boolean;
+        hideRight?: boolean;
+    };
     allowSelect?: boolean;
     panel?: boolean;
     panelWidth?: number;
@@ -32,3 +39,4 @@ export interface ProCalendarProps {
     dayStartOfWeek?: 0 | 1;
     isWeek?: boolean;
 }
+export type ProCalendarProps = Partial<IProCalendarProps>;

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

@@ -11,7 +11,7 @@ interface Props {
     mode?: EMode;
     pageShowDate: Dayjs;
     panel?: boolean;
-    dayStartOfWeek: 0 | 1;
+    dayStartOfWeek?: 0 | 1;
     isWeek?: boolean;
 }
 declare function __VLS_template(): {

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

@@ -41,7 +41,7 @@ const M = ["onClick"], R = ["onClick"], J = /* @__PURE__ */ C({
     const $ = f(() => typeof l.current == "number" ? F(
       Y(`${h}-${H(l.current + 1, 2, "0")}-01`),
       {
-        dayStartOfWeek: l.dayStartOfWeek,
+        dayStartOfWeek: l.dayStartOfWeek || 0,
         isWeek: l.isWeek
       }
     ) : l.pageData);

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

@@ -3,7 +3,7 @@ import { EMode } from './enum';
 interface Props {
     /** 模式 */
     mode: EMode.month | EMode.year;
-    dayStartOfWeek: 0 | 1;
+    dayStartOfWeek?: 0 | 1;
     value: Dayjs;
     isWeek?: boolean;
     panel?: boolean;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/pro-components",
   "description": "KeyBlade Pro Components",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "1.13.8-alpha.16",
+  "version": "1.13.8-alpha.17",
   "private": false,
   "type": "module",
   "main": "es/index.js",