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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/es/global-props.d.ts +2 -0
  2. package/es/pro-calendar/calendar.vue.d.ts +7 -3
  3. package/es/pro-calendar/calendar.vue.js +156 -5
  4. package/es/pro-calendar/calendar.vue3.js +5 -0
  5. package/es/pro-calendar/header.vue.d.ts +9 -12
  6. package/es/pro-calendar/header.vue.js +110 -96
  7. package/es/pro-calendar/index.d.ts +15 -3
  8. package/es/pro-calendar/index.js +4 -3
  9. package/es/pro-calendar/inerface.d.ts +9 -1
  10. package/es/pro-calendar/month.vue.d.ts +1 -1
  11. package/es/pro-calendar/month.vue.js +1 -1
  12. package/es/pro-calendar/year.vue.d.ts +1 -1
  13. package/es/style.css +1 -1
  14. package/package.json +1 -1
  15. package/es/pro-calendar/calendar.vue2.js +0 -151
package/es/global-props.d.ts CHANGED
@@ -2,10 +2,12 @@ import { ProFooterBarProps } from './pro-footer-bar/inerface';
2
2
  import { ProTableProps } from './pro-table/interface';
3
3
  import { ProTextareaProps } from './pro-textarea';
4
4
  import { ProDateRangePickerProps } from './pro-date-range-picker/inerface';
5
+ import { ProCalendarProps } from './pro-calendar';
5
6
  export interface GlobalProps {
6
7
  footerBar?: ProFooterBarProps;
7
8
  dateRangePicker?: ProDateRangePickerProps;
8
9
  textarea?: ProTextareaProps;
9
10
  table?: ProTableProps;
11
+ calendar?: ProCalendarProps;
10
12
  }
11
13
  export declare const globalProps: GlobalProps;
package/es/pro-calendar/calendar.vue.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ProCalendarProps } from './inerface';
1
+ import { IProCalendarProps } from './inerface';
2
2
  import { EMode } from './enum';
3
3
  declare function __VLS_template(): {
4
4
  attrs: Partial<{}>;
@@ -45,15 +45,19 @@ declare function __VLS_template(): {
45
45
  rootEl: HTMLDivElement;
46
46
  };
47
47
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
48
- declare const __VLS_component: import('vue').DefineComponent<ProCalendarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
48
+ declare const __VLS_component: import('vue').DefineComponent<IProCalendarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
49
49
  change: (date: Date) => any;
50
50
  "update:modelValue": (date: Date) => any;
51
51
  panelChange: (date: Date) => any;
52
- }, string, import('vue').PublicProps, Readonly<ProCalendarProps> & Readonly<{
52
+ }, string, import('vue').PublicProps, Readonly<IProCalendarProps> & Readonly<{
53
53
  onChange?: ((date: Date) => any) | undefined;
54
54
  "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
55
55
  onPanelChange?: ((date: Date) => any) | undefined;
56
56
  }>, {
57
+ header: boolean | {
58
+ hideLeft?: boolean;
59
+ hideRight?: boolean;
60
+ };
57
61
  dayStartOfWeek: 0 | 1;
58
62
  isWeek: boolean;
59
63
  panel: boolean;
package/es/pro-calendar/calendar.vue.js CHANGED
@@ -1,7 +1,158 @@
1
- import o from "./calendar.vue2.js";
2
- /* empty css */
3
- import r from "../_virtual/_plugin-vue_export-helper.js";
4
- const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-686d5f79"]]);
1
+ 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";
2
+ import "dayjs";
3
+ import Z from "./month.vue.js";
4
+ import x from "./year.vue.js";
5
+ import ee from "./header.vue.js";
6
+ 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";
7
+ 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";
8
+ 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";
9
+ import { getAllDaysByTime as ne } from "./month.js";
10
+ import { EMode as o } from "./enum.js";
11
+ import { conclude as re } from "vue-global-config";
12
+ import { globalProps as ue } from "../global-props.js";
13
+ const we = /* @__PURE__ */ K({
14
+ __name: "calendar",
15
+ props: {
16
+ modelValue: {},
17
+ defaultValue: {},
18
+ mode: {},
19
+ defaultMode: { default: o.month },
20
+ modes: { default: () => [o.month, o.year] },
21
+ header: { type: [Boolean, Object], default: !0 },
22
+ allowSelect: { type: Boolean, default: !0 },
23
+ panel: { type: Boolean, default: !1 },
24
+ panelWidth: {},
25
+ panelTodayBtn: { type: Boolean, default: !1 },
26
+ dayStartOfWeek: { default: 0 },
27
+ isWeek: { type: Boolean, default: !1 }
28
+ },
29
+ emits: ["update:modelValue", "change", "panelChange"],
30
+ setup(_, { emit: A }) {
31
+ function N(e, l) {
32
+ return e === o.month || e === o.year && !l ? "YYYY-MM-DD" : "YYYY-MM";
33
+ }
34
+ 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());
35
+ Q(p, (e) => {
36
+ a.value = e;
37
+ });
38
+ const V = r(() => ne(a.value, {
39
+ dayStartOfWeek: t.dayStartOfWeek,
40
+ isWeek: t.isWeek
41
+ }));
42
+ function T(e) {
43
+ a.value = e, s("panelChange", e.toDate());
44
+ }
45
+ function W(e) {
46
+ D.value = e, s("change", e.toDate()), s("update:modelValue", e.toDate()), T(e);
47
+ }
48
+ function M(e, l = !1) {
49
+ l || W(e);
50
+ }
51
+ const j = r(() => n.value === o.month ? h("calendar.formatMonth") : n.value === o.year ? h("calendar.formatYear") : "");
52
+ function E(e, l) {
53
+ 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());
54
+ }
55
+ function F(e) {
56
+ const l = v.set(a.value, o.year, e);
57
+ a.value = l, s("panelChange", l.toDate());
58
+ }
59
+ function z(e) {
60
+ const l = v.set(a.value, o.month, e - 1);
61
+ a.value = l, s("panelChange", l.toDate());
62
+ }
63
+ function H(e) {
64
+ S.value = e;
65
+ }
66
+ const I = r(() => [
67
+ d,
68
+ n.value === o.month ? `${d}-mode-month` : `${d}-mode-year`,
69
+ {
70
+ [`${d}-panel`]: t.panel && (n.value === o.month || n.value === o.year)
71
+ }
72
+ ]), q = r(() => t.panel ? { width: t.panelWidth } : {}), G = r(() => te(t)), J = r(() => {
73
+ var e;
74
+ return re([t.header, ((e = ue.calendar) == null ? void 0 : e.header) || {}]);
75
+ });
76
+ return (e, l) => (m(), c("div", R({
77
+ class: I.value,
78
+ style: q.value
79
+ }, G.value), [
80
+ U(ee, {
81
+ header: J.value,
82
+ move: W,
83
+ "header-value-format": j.value,
84
+ modes: e.modes,
85
+ mode: n.value,
86
+ "page-show-data": a.value,
87
+ "day-start-of-week": e.dayStartOfWeek,
88
+ "is-week": e.isWeek,
89
+ onModeChange: H,
90
+ onYearChange: F,
91
+ onMonthChange: z,
92
+ onChangePageShowDate: E
93
+ }, Y({ _: 2 }, [
94
+ u(w).header ? {
95
+ name: "default",
96
+ fn: $(({ year: f, month: i }) => [
97
+ b(e.$slots, "header", {
98
+ value: { year: f, month: i },
99
+ year: f.toString(),
100
+ month: i.toString().padStart(2, "0")
101
+ })
102
+ ]),
103
+ key: "0"
104
+ } : void 0
105
+ ]), 1032, ["header", "header-value-format", "modes", "mode", "page-show-data", "day-start-of-week", "is-week"]),
106
+ n.value === u(o).month ? (m(), c("div", {
107
+ key: 0,
108
+ class: k(`${u(d)}-body`)
109
+ }, [
110
+ (m(), O(Z, {
111
+ key: a.value.month(),
112
+ "page-data": V.value,
113
+ value: p.value,
114
+ mode: n.value,
115
+ "select-handler": M,
116
+ "is-week": e.isWeek,
117
+ "day-start-of-week": e.dayStartOfWeek,
118
+ "page-show-date": a.value
119
+ }, Y({ _: 2 }, [
120
+ u(w).default ? {
121
+ name: "default",
122
+ fn: $(({ year: f, month: i, date: B }) => [
123
+ b(e.$slots, "default", {
124
+ year: f.toString(),
125
+ month: i.toString().padStart(2, "0"),
126
+ date: B.toString().padStart(2, "0"),
127
+ value: { year: f, month: i, date: B }
128
+ })
129
+ ]),
130
+ key: "0"
131
+ } : void 0
132
+ ]), 1032, ["page-data", "value", "mode", "is-week", "day-start-of-week", "page-show-date"]))
133
+ ], 2)) : y("", !0),
134
+ n.value === u(o).year ? (m(), c("div", {
135
+ key: 1,
136
+ class: k(`${u(d)}-body`)
137
+ }, [
138
+ (m(), O(x, {
139
+ key: a.value.year(),
140
+ "page-data": V.value,
141
+ "page-show-data": a.value,
142
+ mode: n.value,
143
+ "is-week": e.isWeek,
144
+ value: p.value,
145
+ "day-start-of-week": e.dayStartOfWeek,
146
+ "select-handler": M
147
+ }, null, 8, ["page-data", "page-show-data", "mode", "is-week", "value", "day-start-of-week"]))
148
+ ], 2)) : y("", !0),
149
+ e.panel && e.panelTodayBtn ? (m(), c("div", {
150
+ key: 2,
151
+ class: k(`${u(d)}-footer-btn-wrapper`)
152
+ }, X(u(h)("today")), 3)) : y("", !0)
153
+ ], 16));
154
+ }
155
+ });
5
156
  export {
6
- f as default
157
+ we as default
7
158
  };
package/es/pro-calendar/calendar.vue3.js ADDED
@@ -0,0 +1,5 @@
1
+ import o from "./calendar.vue.js";
2
+ /* empty css */
3
+ export {
4
+ o as default
5
+ };
package/es/pro-calendar/header.vue.d.ts CHANGED
@@ -17,18 +17,15 @@ interface Props {
17
17
  onChangePageShowDate: (type: 'prev' | 'next', unit: EMode) => void;
18
18
  onModeChange: (value: any, ev: Event) => void;
19
19
  headerValueFormat: string;
20
- }
21
- declare function __VLS_template(): {
22
- attrs: Partial<{}>;
23
- slots: {
24
- default?(_: {
25
- year: number;
26
- month: number;
27
- }): any;
20
+ /**
21
+ * @zh 隐藏头部
22
+ */
23
+ header?: boolean | {
24
+ hideLeft?: boolean;
25
+ hideRight?: boolean;
28
26
  };
29
- refs: {};
30
- rootEl: HTMLDivElement;
31
- };
27
+ }
28
+ declare function __VLS_template(): void;
32
29
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
33
30
  declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
34
31
  yearChange: (year: number) => any;
@@ -36,7 +33,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
36
33
  }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
37
34
  onYearChange?: ((year: number) => any) | undefined;
38
35
  onMonthChange?: ((month: number) => any) | undefined;
39
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
36
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
40
37
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
41
38
  export default _default;
42
39
  type __VLS_WithTemplateSlots<T, S> = T & {
package/es/pro-calendar/header.vue.js CHANGED
@@ -1,16 +1,16 @@
1
- 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";
1
+ 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";
2
2
  import "dayjs";
3
- 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";
4
- 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";
5
- 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";
6
- 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";
7
- 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";
8
- 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";
9
- 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";
10
- 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";
11
- 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";
12
- import { EMode as f } from "./enum.js";
13
- const x = /* @__PURE__ */ F({
3
+ 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";
4
+ 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";
5
+ 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";
6
+ 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";
7
+ 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";
8
+ 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";
9
+ 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";
10
+ 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";
11
+ 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";
12
+ import { EMode as v } from "./enum.js";
13
+ const ae = /* @__PURE__ */ P({
14
14
  __name: "header",
15
15
  props: {
16
16
  mode: {},
@@ -25,98 +25,112 @@ const x = /* @__PURE__ */ F({
25
25
  onMonthChange: { type: Function },
26
26
  onChangePageShowDate: { type: Function },
27
27
  onModeChange: { type: Function },
28
- headerValueFormat: {}
28
+ headerValueFormat: {},
29
+ header: { type: [Boolean, Object] }
29
30
  },
30
31
  emits: ["yearChange", "monthChange"],
31
- setup(k) {
32
- const r = k, S = M(), t = R("calendar"), { t: g } = W(), w = s(() => O(r.modes) ? r.modes.map((o) => ({
33
- label: g(`datePicker.view.${o}`),
34
- value: o
35
- })) : []), $ = s(() => r.headerType === "select"), l = s(() => r.pageShowData.year()), v = s(() => r.pageShowData.month() + 1), D = s(() => {
36
- const o = [l.value];
32
+ setup(D) {
33
+ const r = D, b = V(), t = A("calendar"), { t: c } = G(), F = s(() => j(r.modes) ? r.modes.map((e) => ({
34
+ label: c(`datePicker.view.${e}`),
35
+ value: e
36
+ })) : []), B = s(() => r.headerType === "select"), l = s(() => r.pageShowData.year()), y = s(() => r.pageShowData.month() + 1), M = s(() => {
37
+ const e = [l.value];
37
38
  for (let a = 1; a <= 10; a++)
38
- o.unshift(l.value - a);
39
+ e.unshift(l.value - a);
39
40
  for (let a = 1; a < 10; a++)
40
- o.push(l.value + a);
41
- return o;
42
- }), b = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
43
- return (o, a) => (i(), u("div", {
44
- class: n(`${e(t)}-header`)
45
- }, [
46
- p("div", {
47
- class: n(`${e(t)}-header-left`)
41
+ e.push(l.value + a);
42
+ return e;
43
+ }), N = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
44
+ return (e, a) => {
45
+ var C, S;
46
+ return h((i(), m("div", {
47
+ class: n(`${o(t)}-header`)
48
48
  }, [
49
- $.value ? (i(), u(h, { key: 0 }, [
50
- m(e(C), {
49
+ h(p("div", {
50
+ class: n(`${o(t)}-header-left`)
51
+ }, [
52
+ B.value ? (i(), m(g, { key: 0 }, [
53
+ d(o($), {
54
+ size: "small",
55
+ class: n(`${o(t)}-header-value-year`),
56
+ "default-value": l.value,
57
+ options: M.value,
58
+ onChange: a[0] || (a[0] = (u) => {
59
+ console.log("change"), e.onYearChange(Number(u));
60
+ }),
61
+ "popup-container": `${o(t)}-header`
62
+ }, null, 8, ["class", "default-value", "options", "popup-container"]),
63
+ e.mode === o(v).month ? (i(), z(o($), {
64
+ key: 0,
65
+ size: "small",
66
+ class: n(`${o(t)}-header-value-month`),
67
+ "default-value": y.value,
68
+ options: N,
69
+ onChange: a[1] || (a[1] = (u) => {
70
+ console.log("change"), e.onMonthChange(Number(u));
71
+ }),
72
+ "popup-container": `${o(t)}-header`
73
+ }, null, 8, ["class", "default-value", "popup-container"])) : T("", !0)
74
+ ], 64)) : (i(), m(g, { key: 1 }, [
75
+ p("div", {
76
+ class: n(`${o(t)}-header-icon`),
77
+ role: "button",
78
+ tabindex: "0",
79
+ onClick: a[2] || (a[2] = () => e.onChangePageShowDate("prev", e.mode || o(v).month))
80
+ }, [
81
+ d(o(R))
82
+ ], 2),
83
+ p("div", {
84
+ class: n(`${o(t)}-header-value`)
85
+ }, [
86
+ o(b).default ? Y(e.$slots, "default", {
87
+ key: 0,
88
+ year: l.value,
89
+ month: y.value
90
+ }) : (i(), m(g, { key: 1 }, [
91
+ k(w(e.pageShowData.format(e.headerValueFormat)), 1)
92
+ ], 64))
93
+ ], 2),
94
+ p("div", {
95
+ role: "button",
96
+ tabindex: "0",
97
+ class: n(`${o(t)}-header-icon`),
98
+ onClick: a[3] || (a[3] = () => e.onChangePageShowDate("next", e.mode || o(v).month))
99
+ }, [
100
+ d(o(L))
101
+ ], 2)
102
+ ], 64)),
103
+ d(o(I), {
51
104
  size: "small",
52
- class: n(`${e(t)}-header-value-year`),
53
- "default-value": l.value,
54
- options: D.value,
55
- onChange: a[0] || (a[0] = (d) => o.onYearChange(Number(d))),
56
- "popup-container": `${e(t)}-header`
57
- }, null, 8, ["class", "default-value", "options", "popup-container"]),
58
- o.mode === e(f).month ? (i(), N(e(C), {
59
- key: 0,
105
+ onClick: a[4] || (a[4] = () => e.move(o(W)()))
106
+ }, {
107
+ default: E(() => [
108
+ k(w(o(c)("datePicker.today")), 1)
109
+ ]),
110
+ _: 1
111
+ })
112
+ ], 2), [
113
+ [f, !((C = e.header) != null && C.hideLeft)]
114
+ ]),
115
+ h(p("div", {
116
+ class: n(`${o(t)}-header-right`)
117
+ }, [
118
+ d(o(O).Group, {
60
119
  size: "small",
61
- class: n(`${e(t)}-header-value-month`),
62
- "default-value": v.value,
63
- options: b,
64
- onChange: a[1] || (a[1] = (d) => o.onMonthChange(Number(d))),
65
- "popup-container": `${e(t)}-header`
66
- }, null, 8, ["class", "default-value", "popup-container"])) : B("", !0)
67
- ], 64)) : (i(), u(h, { key: 1 }, [
68
- p("div", {
69
- class: n(`${e(t)}-header-icon`),
70
- role: "button",
71
- tabindex: "0",
72
- onClick: a[2] || (a[2] = () => o.onChangePageShowDate("prev", o.mode || e(f).month))
73
- }, [
74
- m(e(Y))
75
- ], 2),
76
- p("div", {
77
- class: n(`${e(t)}-header-value`)
78
- }, [
79
- e(S).default ? P(o.$slots, "default", {
80
- key: 0,
81
- year: l.value,
82
- month: v.value
83
- }) : (i(), u(h, { key: 1 }, [
84
- c(y(o.pageShowData.format(o.headerValueFormat)), 1)
85
- ], 64))
86
- ], 2),
87
- p("div", {
88
- role: "button",
89
- tabindex: "0",
90
- class: n(`${e(t)}-header-icon`),
91
- onClick: a[3] || (a[3] = () => o.onChangePageShowDate("next", o.mode || e(f).month))
92
- }, [
93
- m(e(E))
94
- ], 2)
95
- ], 64)),
96
- m(e(z), {
97
- size: "small",
98
- onClick: a[4] || (a[4] = () => o.move(e(I)()))
99
- }, {
100
- default: V(() => [
101
- c(y(e(g)("datePicker.today")), 1)
102
- ]),
103
- _: 1
104
- })
105
- ], 2),
106
- p("div", {
107
- class: n(`${e(t)}-header-right`)
108
- }, [
109
- m(e(T).Group, {
110
- size: "small",
111
- type: "button",
112
- options: w.value,
113
- onChange: o.onModeChange,
114
- "model-value": o.mode
115
- }, null, 8, ["options", "onChange", "model-value"])
116
- ], 2)
117
- ], 2));
120
+ type: "button",
121
+ options: F.value,
122
+ onChange: e.onModeChange,
123
+ "model-value": e.mode
124
+ }, null, 8, ["options", "onChange", "model-value"])
125
+ ], 2), [
126
+ [f, !((S = e.header) != null && S.hideRight)]
127
+ ])
128
+ ], 2)), [
129
+ [f, e.header]
130
+ ]);
131
+ };
118
132
  }
119
133
  });
120
134
  export {
121
- x as default
135
+ ae as default
122
136
  };
package/es/pro-calendar/index.d.ts CHANGED
@@ -3,7 +3,7 @@ import { ArcoOptions } from '@arco-design/web-vue/es/_utils/types';
3
3
  import { default as _ProCalendar } from './calendar.vue';
4
4
  import { ProCalendarProps } from './inerface';
5
5
  declare const ProCalendar: {
6
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<ProCalendarProps> & Readonly<{
6
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./inerface').IProCalendarProps> & Readonly<{
7
7
  onChange?: ((date: Date) => any) | undefined;
8
8
  "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
9
9
  onPanelChange?: ((date: Date) => any) | undefined;
@@ -12,6 +12,10 @@ declare const ProCalendar: {
12
12
  "update:modelValue": (date: Date) => any;
13
13
  panelChange: (date: Date) => any;
14
14
  }, import('vue').PublicProps, {
15
+ header: boolean | {
16
+ hideLeft?: boolean;
17
+ hideRight?: boolean;
18
+ };
15
19
  dayStartOfWeek: 0 | 1;
16
20
  isWeek: boolean;
17
21
  panel: boolean;
@@ -26,11 +30,15 @@ declare const ProCalendar: {
26
30
  C: {};
27
31
  M: {};
28
32
  Defaults: {};
29
- }, Readonly<ProCalendarProps> & Readonly<{
33
+ }, Readonly<import('./inerface').IProCalendarProps> & Readonly<{
30
34
  onChange?: ((date: Date) => any) | undefined;
31
35
  "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
32
36
  onPanelChange?: ((date: Date) => any) | undefined;
33
37
  }>, {}, {}, {}, {}, {
38
+ header: boolean | {
39
+ hideLeft?: boolean;
40
+ hideRight?: boolean;
41
+ };
34
42
  dayStartOfWeek: 0 | 1;
35
43
  isWeek: boolean;
36
44
  panel: boolean;
@@ -42,7 +50,7 @@ declare const ProCalendar: {
42
50
  __isFragment?: never;
43
51
  __isTeleport?: never;
44
52
  __isSuspense?: never;
45
- } & import('vue').ComponentOptionsBase<Readonly<ProCalendarProps> & Readonly<{
53
+ } & import('vue').ComponentOptionsBase<Readonly<import('./inerface').IProCalendarProps> & Readonly<{
46
54
  onChange?: ((date: Date) => any) | undefined;
47
55
  "onUpdate:modelValue"?: ((date: Date) => any) | undefined;
48
56
  onPanelChange?: ((date: Date) => any) | undefined;
@@ -51,6 +59,10 @@ declare const ProCalendar: {
51
59
  "update:modelValue": (date: Date) => any;
52
60
  panelChange: (date: Date) => any;
53
61
  }, string, {
62
+ header: boolean | {
63
+ hideLeft?: boolean;
64
+ hideRight?: boolean;
65
+ };
54
66
  dayStartOfWeek: 0 | 1;
55
67
  isWeek: boolean;
56
68
  panel: boolean;
package/es/pro-calendar/index.js CHANGED
@@ -1,8 +1,9 @@
1
- import { setGlobalConfig as n } 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";
1
+ 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";
2
2
  import r from "./calendar.vue.js";
3
+ /* empty css */
3
4
  const l = Object.assign(r, {
4
- install: (o, a) => {
5
- n(o, a), o.component("KbProCalendar", r);
5
+ install: (o, t) => {
6
+ a(o, t), o.component("KbProCalendar", r);
6
7
  }
7
8
  });
8
9
  export {
package/es/pro-calendar/inerface.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { EMode } from './enum';
2
- export interface ProCalendarProps {
2
+ export interface IProCalendarProps {
3
3
  /**
4
4
  * @zh 绑定值
5
5
  * @en Value
@@ -25,6 +25,13 @@ export interface ProCalendarProps {
25
25
  * @en Displayed mode
26
26
  */
27
27
  modes?: (EMode.month | EMode.year)[];
28
+ /**
29
+ * @zh 隐藏头部
30
+ */
31
+ header?: boolean | {
32
+ hideLeft?: boolean;
33
+ hideRight?: boolean;
34
+ };
28
35
  allowSelect?: boolean;
29
36
  panel?: boolean;
30
37
  panelWidth?: number;
@@ -32,3 +39,4 @@ export interface ProCalendarProps {
32
39
  dayStartOfWeek?: 0 | 1;
33
40
  isWeek?: boolean;
34
41
  }
42
+ export type ProCalendarProps = Partial<IProCalendarProps>;
package/es/pro-calendar/month.vue.d.ts CHANGED
@@ -11,7 +11,7 @@ interface Props {
11
11
  mode?: EMode;
12
12
  pageShowDate: Dayjs;
13
13
  panel?: boolean;
14
- dayStartOfWeek: 0 | 1;
14
+ dayStartOfWeek?: 0 | 1;
15
15
  isWeek?: boolean;
16
16
  }
17
17
  declare function __VLS_template(): {
package/es/pro-calendar/month.vue.js CHANGED
@@ -41,7 +41,7 @@ const M = ["onClick"], R = ["onClick"], J = /* @__PURE__ */ C({
41
41
  const $ = f(() => typeof l.current == "number" ? F(
42
42
  Y(`${h}-${H(l.current + 1, 2, "0")}-01`),
43
43
  {
44
- dayStartOfWeek: l.dayStartOfWeek,
44
+ dayStartOfWeek: l.dayStartOfWeek || 0,
45
45
  isWeek: l.isWeek
46
46
  }
47
47
  ) : l.pageData);
package/es/pro-calendar/year.vue.d.ts CHANGED
@@ -3,7 +3,7 @@ import { EMode } from './enum';
3
3
  interface Props {
4
4
  /** 模式 */
5
5
  mode: EMode.month | EMode.year;
6
- dayStartOfWeek: 0 | 1;
6
+ dayStartOfWeek?: 0 | 1;
7
7
  value: Dayjs;
8
8
  isWeek?: boolean;
9
9
  panel?: boolean;
package/es/style.css CHANGED
@@ -1 +1 @@
1
- .keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--4a477a1a);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--4a477a1a);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--4a477a1a);padding-left:var(--3599ef93);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-hide-sider{padding-left:0}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--5b478c92)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--3599ef93);width:calc(100% - var(--3599ef93))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--5b478c92);width:calc(100% - var(--5b478c92))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-page-container-with-footer-bar .keyblade-pro-page-container-content{padding-bottom:84px}.keyblade-pro-footer-bar[data-v-f9d45b25]{z-index:11;position:fixed;width:100%;bottom:0;right:0;padding:16px 20px;background-color:var(--color-bg-3);display:flex;justify-content:flex-end;box-shadow:0 -2px 5px #0000000d}[arco-theme=dark] .keyblade-pro-footer-bar[data-v-f9d45b25]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-5e2b4f25]{display:flex;align-items:flex-start}.keyblade-pro-date-range-picker[data-v-5e2b4f25] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-5e2b4f25] .arco-form-item .arco-picker:not(.arco-picker-error){background-color:var(--color-bg-1);border-color:var(--color-border-1)}.keyblade-pro-date-range-picker[data-v-5e2b4f25] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-table .keyblade-pro-table-header{min-height:32px;margin-bottom:12px;display:flex;align-items:center}.keyblade-pro-table .arco-table .arco-table-pagination>:first-child:not(.arco-pagination){flex:1;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px 0}.keyblade-pro-textarea-word-limit[data-v-8721e63b]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-8721e63b] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error){background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:4px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-form-group[data-v-9f030479]{display:flex;margin:20px 0;align-items:flex-end}.keyblade-pro-form-group[data-v-9f030479] .arco-typography{margin:0 15px 0 0;display:flex;align-items:center}.keyblade-pro-form-group[data-v-9f030479] .arco-typography:before{content:"";display:block;width:4px;height:16px;margin-right:6px;background:rgb(var(--primary-6))}.keyblade-pro-form-group-extra[data-v-9f030479]{font-size:12px;color:var(--color-text-3)}.keyblade-pro-form-group-icon[data-v-9f030479]{color:rgb(var(--orange-6))}.arco-calendar[data-v-686d5f79]{box-sizing:border-box;border:1px solid var(--color-neutral-3)}.arco-calendar-header[data-v-686d5f79]{display:flex;padding:24px}.arco-calendar-header-left[data-v-686d5f79]{position:relative;display:flex;flex:1;align-items:center;height:28px;line-height:28px}.arco-calendar-header-right[data-v-686d5f79]{position:relative;height:28px}.arco-calendar-header-value[data-v-686d5f79]{color:var(--color-text-1);font-weight:500;font-size:20px}.arco-calendar-header-icon[data-v-686d5f79]{width:28px;height:28px;margin-right:12px;color:var(--color-text-2);font-size:12px;line-height:28px;text-align:center;background-color:var(--color-bg-5);border-radius:50%;transition:all .1s cubic-bezier(0,0,1,1);-webkit-user-select:none;user-select:none}.arco-calendar-header-icon[data-v-686d5f79]:not(:first-child){margin:0 12px}.arco-calendar-header-icon[data-v-686d5f79]:focus-visible{box-shadow:0 0 0 2px var(--color-primary-light-3)}.arco-calendar-header-icon[data-v-686d5f79]:not(.arco-calendar-header-icon-hidden){cursor:pointer}.arco-calendar-header-icon[data-v-686d5f79]:not(.arco-calendar-header-icon-hidden):hover{background-color:var(--color-fill-3)}.arco-calendar .arco-calendar-header-value-year[data-v-686d5f79]{width:100px;margin-right:8px}.arco-calendar .arco-calendar-header-value-month[data-v-686d5f79]{width:76px;margin-right:32px}.arco-calendar-month[data-v-686d5f79]{width:100%}.arco-calendar-month-row[data-v-686d5f79]{display:flex;height:100px}.arco-calendar-month-row .arco-calendar-cell[data-v-686d5f79]{flex:1;overflow:hidden;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-row:last-child .arco-calendar-cell[data-v-686d5f79]{border-bottom:unset}.arco-calendar-month-cell-body[data-v-686d5f79]{box-sizing:border-box}.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell[data-v-686d5f79]:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-week-list[data-v-686d5f79]{display:flex;box-sizing:border-box;width:100%;padding:0;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-week-list-item[data-v-686d5f79]{flex:1;padding:20px 16px;color:#7d7d7f;text-align:left}.arco-calendar-cell .arco-calendar-date[data-v-686d5f79]{box-sizing:border-box;width:100%;height:100%;padding:10px;cursor:pointer}.arco-calendar-cell .arco-calendar-date-circle[data-v-686d5f79]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.arco-calendar-date-content[data-v-686d5f79]{height:70px;overflow-y:auto}.arco-calendar-cell-today .arco-calendar-date-circle[data-v-686d5f79]{box-sizing:border-box;border:1px solid rgb(var(--primary-6))}.arco-calendar-date-value[data-v-686d5f79]{color:var(--color-text-4);font-weight:500;font-size:16px}.arco-calendar-cell-in-view .arco-calendar-date-value[data-v-686d5f79]{color:var(--color-text-1)}.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle[data-v-686d5f79],.arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle[data-v-686d5f79]{box-sizing:border-box;color:#fff;background-color:rgb(var(--primary-6));border:1px solid rgb(var(--primary-6))}.arco-calendar-mode-year[data-v-686d5f79]:not(.arco-calendar-panel){min-width:820px}.arco-calendar-mode-year .arco-calendar-header[data-v-686d5f79]{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-mode-year .arco-calendar-body[data-v-686d5f79]{padding:12px}.arco-calendar-mode-year .arco-calendar-year-row[data-v-686d5f79]{display:flex}.arco-calendar-year-row>.arco-calendar-cell[data-v-686d5f79]{flex:1;padding:20px 8px}.arco-calendar-year-row>.arco-calendar-cell[data-v-686d5f79]:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-year-row:not(:last-child)>.arco-calendar-cell[data-v-686d5f79]{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-with-days .arco-calendar-month-row[data-v-686d5f79]{height:26px}.arco-calendar-month-with-days .arco-calendar-cell[data-v-686d5f79]{border-bottom:0}.arco-calendar-month-with-days .arco-calendar-month-cell-body[data-v-686d5f79]{padding:0}.arco-calendar-month-with-days .arco-calendar-month-title[data-v-686d5f79]{padding:10px 6px;color:var(--color-text-1);font-weight:500;font-size:16px}.arco-calendar-month-cell[data-v-686d5f79]{width:100%;font-size:12px}.arco-calendar-month-cell .arco-calendar-week-list[data-v-686d5f79]{padding:0;border-bottom:unset}.arco-calendar-month-cell .arco-calendar-week-list-item[data-v-686d5f79]{padding:6px;color:#7d7d7f;text-align:center}.arco-calendar-month-cell .arco-calendar-cell[data-v-686d5f79]{text-align:center}.arco-calendar-month-cell .arco-calendar-date[data-v-686d5f79]{padding:2px}.arco-calendar-month-cell .arco-calendar-date-value[data-v-686d5f79]{font-size:14px}.arco-calendar-month-cell .arco-calendar-date-circle[data-v-686d5f79]{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}.arco-calendar-panel[data-v-686d5f79]{background-color:var(--color-bg-5);border:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header[data-v-686d5f79]{padding:8px 16px;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header-value[data-v-686d5f79]{flex:1;font-size:14px;line-height:24px;text-align:center}.arco-calendar-panel .arco-calendar-header-icon[data-v-686d5f79]{width:24px;height:24px;margin-right:2px;margin-left:2px;line-height:24px}.arco-calendar-panel .arco-calendar-body[data-v-686d5f79]{padding:14px 16px}.arco-calendar-panel .arco-calendar-month-cell-body[data-v-686d5f79]{padding:0}.arco-calendar-panel .arco-calendar-month-row[data-v-686d5f79]{height:unset}.arco-calendar-panel .arco-calendar-week-list[data-v-686d5f79]{padding:0;border-bottom:unset}.arco-calendar-panel .arco-calendar-week-list-item[data-v-686d5f79]{height:32px;padding:0;font-weight:400;line-height:32px;text-align:center}.arco-calendar-panel .arco-calendar-cell[data-v-686d5f79],.arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell[data-v-686d5f79]{box-sizing:border-box;padding:2px 0;text-align:center;border-right:0;border-bottom:0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date[data-v-686d5f79]{display:flex;justify-content:center;padding:4px 0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value[data-v-686d5f79]{min-width:24px;height:24px;font-size:14px;line-height:24px;cursor:pointer}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell[data-v-686d5f79]{padding:4px 0}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date[data-v-686d5f79]{padding:4px}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value[data-v-686d5f79]{width:100%;border-radius:12px}.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value[data-v-686d5f79]{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value[data-v-686d5f79]:hover{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1);border-radius:50%}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value[data-v-686d5f79]:hover{border-radius:12px}.arco-calendar-panel .arco-calendar-cell-today[data-v-686d5f79]{position:relative}.arco-calendar-panel .arco-calendar-cell-today[data-v-686d5f79]:after{position:absolute;bottom:0;left:50%;display:block;width:4px;height:4px;margin-left:-2px;background-color:rgb(var(--primary-6));border-radius:50%;content:""}.arco-calendar-cell-in-range .arco-calendar-date[data-v-686d5f79]{background-color:var(--color-primary-light-1)}.arco-calendar-cell-range-start .arco-calendar-date[data-v-686d5f79]{border-radius:16px 0 0 16px}.arco-calendar-cell-range-end .arco-calendar-date[data-v-686d5f79]{border-radius:0 16px 16px 0}.arco-calendar-cell-in-range-near-hover .arco-calendar-date[data-v-686d5f79]{border-radius:0}.arco-calendar-cell-range-start .arco-calendar-date-value[data-v-686d5f79],.arco-calendar-cell-range-end .arco-calendar-date-value[data-v-686d5f79]{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-cell-hover-in-range .arco-calendar-date[data-v-686d5f79]{background-color:var(--color-primary-light-1)}.arco-calendar-cell-hover-range-start .arco-calendar-date[data-v-686d5f79]{border-radius:16px 0 0 16px}.arco-calendar-cell-hover-range-end .arco-calendar-date[data-v-686d5f79]{border-radius:0 16px 16px 0}.arco-calendar-cell-hover-range-start .arco-calendar-date-value[data-v-686d5f79],.arco-calendar-cell-hover-range-end .arco-calendar-date-value[data-v-686d5f79]{color:var(--color-text-1);background-color:var(--color-primary-light-2);border-radius:50%}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date[data-v-686d5f79]{background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date>.arco-calendar-date-value[data-v-686d5f79]{color:var(--color-text-4);background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-footer-btn-wrapper[data-v-686d5f79]{height:38px;color:var(--color-text-1);line-height:38px;text-align:center;border-top:1px solid var(--color-neutral-3);cursor:pointer}.arco-calendar-rtl[data-v-686d5f79]{direction:rtl}.arco-calendar-rtl .arco-calendar-header-icon[data-v-686d5f79]{margin-right:0;margin-left:12px;transform:scaleX(-1)}.arco-calendar-rtl .arco-calendar-week-list-item[data-v-686d5f79]{text-align:right}.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell[data-v-686d5f79]:not(:last-child){border-right:0;border-left:1px solid var(--color-neutral-3)}.arco-calendar-rtl .arco-calendar-header-value-year[data-v-686d5f79]{margin-right:0;margin-left:8px}.arco-calendar-rtl .arco-calendar-header-value-month[data-v-686d5f79]{margin-right:0;margin-left:32px}
1
+ .keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--4a477a1a);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--4a477a1a);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--4a477a1a);padding-left:var(--3599ef93);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-hide-sider{padding-left:0}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--5b478c92)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--3599ef93);width:calc(100% - var(--3599ef93))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--5b478c92);width:calc(100% - var(--5b478c92))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-page-container-with-footer-bar .keyblade-pro-page-container-content{padding-bottom:84px}.keyblade-pro-footer-bar[data-v-f9d45b25]{z-index:11;position:fixed;width:100%;bottom:0;right:0;padding:16px 20px;background-color:var(--color-bg-3);display:flex;justify-content:flex-end;box-shadow:0 -2px 5px #0000000d}[arco-theme=dark] .keyblade-pro-footer-bar[data-v-f9d45b25]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-5e2b4f25]{display:flex;align-items:flex-start}.keyblade-pro-date-range-picker[data-v-5e2b4f25] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-5e2b4f25] .arco-form-item .arco-picker:not(.arco-picker-error){background-color:var(--color-bg-1);border-color:var(--color-border-1)}.keyblade-pro-date-range-picker[data-v-5e2b4f25] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-table .keyblade-pro-table-header{min-height:32px;margin-bottom:12px;display:flex;align-items:center}.keyblade-pro-table .arco-table .arco-table-pagination>:first-child:not(.arco-pagination){flex:1;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px 0}.keyblade-pro-textarea-word-limit[data-v-8721e63b]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-8721e63b] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error){background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:4px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-form-group[data-v-9f030479]{display:flex;margin:20px 0;align-items:flex-end}.keyblade-pro-form-group[data-v-9f030479] .arco-typography{margin:0 15px 0 0;display:flex;align-items:center}.keyblade-pro-form-group[data-v-9f030479] .arco-typography:before{content:"";display:block;width:4px;height:16px;margin-right:6px;background:rgb(var(--primary-6))}.keyblade-pro-form-group-extra[data-v-9f030479]{font-size:12px;color:var(--color-text-3)}.keyblade-pro-form-group-icon[data-v-9f030479]{color:rgb(var(--orange-6))}.arco-calendar{box-sizing:border-box;border:1px solid var(--color-neutral-3)}.arco-calendar-header{display:flex;padding:24px}.arco-calendar-header-left{position:relative;display:flex;flex:1;align-items:center;height:28px;line-height:28px}.arco-calendar-header-right{position:relative;height:28px}.arco-calendar-header-value{color:var(--color-text-1);font-weight:500;font-size:20px}.arco-calendar-header-icon{width:28px;height:28px;margin-right:12px;color:var(--color-text-2);font-size:12px;line-height:28px;text-align:center;background-color:var(--color-bg-5);border-radius:50%;transition:all .1s cubic-bezier(0,0,1,1);-webkit-user-select:none;user-select:none}.arco-calendar-header-icon:not(:first-child){margin:0 12px}.arco-calendar-header-icon:focus-visible{box-shadow:0 0 0 2px var(--color-primary-light-3)}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden){cursor:pointer}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden):hover{background-color:var(--color-fill-3)}.arco-calendar .arco-calendar-header-value-year{width:100px;margin-right:8px}.arco-calendar .arco-calendar-header-value-month{width:76px;margin-right:32px}.arco-calendar-month{width:100%}.arco-calendar-month-row{display:flex;height:100px}.arco-calendar-month-row .arco-calendar-cell{flex:1;overflow:hidden;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-row:last-child .arco-calendar-cell{border-bottom:unset}.arco-calendar-month-cell-body{box-sizing:border-box}.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-week-list{display:flex;box-sizing:border-box;width:100%;padding:0;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-week-list-item{flex:1;padding:20px 16px;color:#7d7d7f;text-align:left}.arco-calendar-cell .arco-calendar-date{box-sizing:border-box;width:100%;height:100%;padding:10px;cursor:pointer}.arco-calendar-cell .arco-calendar-date-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.arco-calendar-date-content{height:70px;overflow-y:auto}.arco-calendar-cell-today .arco-calendar-date-circle{box-sizing:border-box;border:1px solid rgb(var(--primary-6))}.arco-calendar-date-value{color:var(--color-text-4);font-weight:500;font-size:16px}.arco-calendar-cell-in-view .arco-calendar-date-value{color:var(--color-text-1)}.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle,.arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle{box-sizing:border-box;color:#fff;background-color:rgb(var(--primary-6));border:1px solid rgb(var(--primary-6))}.arco-calendar-mode-year:not(.arco-calendar-panel){min-width:820px}.arco-calendar-mode-year .arco-calendar-header{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-mode-year .arco-calendar-body{padding:12px}.arco-calendar-mode-year .arco-calendar-year-row{display:flex}.arco-calendar-year-row>.arco-calendar-cell{flex:1;padding:20px 8px}.arco-calendar-year-row>.arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-year-row:not(:last-child)>.arco-calendar-cell{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-with-days .arco-calendar-month-row{height:26px}.arco-calendar-month-with-days .arco-calendar-cell{border-bottom:0}.arco-calendar-month-with-days .arco-calendar-month-cell-body{padding:0}.arco-calendar-month-with-days .arco-calendar-month-title{padding:10px 6px;color:var(--color-text-1);font-weight:500;font-size:16px}.arco-calendar-month-cell{width:100%;font-size:12px}.arco-calendar-month-cell .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-month-cell .arco-calendar-week-list-item{padding:6px;color:#7d7d7f;text-align:center}.arco-calendar-month-cell .arco-calendar-cell{text-align:center}.arco-calendar-month-cell .arco-calendar-date{padding:2px}.arco-calendar-month-cell .arco-calendar-date-value{font-size:14px}.arco-calendar-month-cell .arco-calendar-date-circle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}.arco-calendar-panel{background-color:var(--color-bg-5);border:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header{padding:8px 16px;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header-value{flex:1;font-size:14px;line-height:24px;text-align:center}.arco-calendar-panel .arco-calendar-header-icon{width:24px;height:24px;margin-right:2px;margin-left:2px;line-height:24px}.arco-calendar-panel .arco-calendar-body{padding:14px 16px}.arco-calendar-panel .arco-calendar-month-cell-body{padding:0}.arco-calendar-panel .arco-calendar-month-row{height:unset}.arco-calendar-panel .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-panel .arco-calendar-week-list-item{height:32px;padding:0;font-weight:400;line-height:32px;text-align:center}.arco-calendar-panel .arco-calendar-cell,.arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell{box-sizing:border-box;padding:2px 0;text-align:center;border-right:0;border-bottom:0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date{display:flex;justify-content:center;padding:4px 0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value{min-width:24px;height:24px;font-size:14px;line-height:24px;cursor:pointer}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell{padding:4px 0}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date{padding:4px}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value{width:100%;border-radius:12px}.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value:hover{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1);border-radius:50%}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value:hover{border-radius:12px}.arco-calendar-panel .arco-calendar-cell-today{position:relative}.arco-calendar-panel .arco-calendar-cell-today:after{position:absolute;bottom:0;left:50%;display:block;width:4px;height:4px;margin-left:-2px;background-color:rgb(var(--primary-6));border-radius:50%;content:""}.arco-calendar-cell-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-in-range-near-hover .arco-calendar-date{border-radius:0}.arco-calendar-cell-range-start .arco-calendar-date-value,.arco-calendar-cell-range-end .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-cell-hover-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-hover-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-hover-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-hover-range-start .arco-calendar-date-value,.arco-calendar-cell-hover-range-end .arco-calendar-date-value{color:var(--color-text-1);background-color:var(--color-primary-light-2);border-radius:50%}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date{background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date>.arco-calendar-date-value{color:var(--color-text-4);background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-footer-btn-wrapper{height:38px;color:var(--color-text-1);line-height:38px;text-align:center;border-top:1px solid var(--color-neutral-3);cursor:pointer}.arco-calendar-rtl{direction:rtl}.arco-calendar-rtl .arco-calendar-header-icon{margin-right:0;margin-left:12px;transform:scaleX(-1)}.arco-calendar-rtl .arco-calendar-week-list-item{text-align:right}.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:0;border-left:1px solid var(--color-neutral-3)}.arco-calendar-rtl .arco-calendar-header-value-year{margin-right:0;margin-left:8px}.arco-calendar-rtl .arco-calendar-header-value-month{margin-right:0;margin-left:32px}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@keyblade/pro-components",
3
3
  "description": "KeyBlade Pro Components",
4
4
  "author": "yangshuai <704807396@qq.com>",
5
- "version": "1.13.8-alpha.15",
5
+ "version": "1.13.8-alpha.17",
6
6
  "private": false,
7
7
  "type": "module",
8
8
  "main": "es/index.js",
package/es/pro-calendar/calendar.vue2.js DELETED
@@ -1,151 +0,0 @@
1
- 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";
2
- import "dayjs";
3
- import X from "./month.vue.js";
4
- import Z from "./year.vue.js";
5
- import x from "./header.vue.js";
6
- 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";
7
- 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";
8
- 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";
9
- import { getAllDaysByTime as le } from "./month.js";
10
- import { EMode as t } from "./enum.js";
11
- const ce = /* @__PURE__ */ J({
12
- __name: "calendar",
13
- props: {
14
- modelValue: {},
15
- defaultValue: {},
16
- mode: {},
17
- defaultMode: { default: t.month },
18
- modes: { default: () => [t.month, t.year] },
19
- allowSelect: { type: Boolean, default: !0 },
20
- panel: { type: Boolean, default: !1 },
21
- panelWidth: {},
22
- panelTodayBtn: { type: Boolean, default: !1 },
23
- dayStartOfWeek: { default: 0 },
24
- isWeek: { type: Boolean, default: !1 }
25
- },
26
- emits: ["update:modelValue", "change", "panelChange"],
27
- setup(_, { emit: A }) {
28
- function N(e, l) {
29
- return e === t.month || e === t.year && !l ? "YYYY-MM-DD" : "YYYY-MM";
30
- }
31
- 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());
32
- L(p, (e) => {
33
- a.value = e;
34
- });
35
- const V = r(() => le(a.value, {
36
- dayStartOfWeek: o.dayStartOfWeek,
37
- isWeek: o.isWeek
38
- }));
39
- function T(e) {
40
- a.value = e, s("panelChange", e.toDate());
41
- }
42
- function W(e) {
43
- D.value = e, s("change", e.toDate()), s("update:modelValue", e.toDate()), T(e);
44
- }
45
- function M(e, l = !1) {
46
- l || W(e);
47
- }
48
- const E = r(() => n.value === t.month ? h("calendar.formatMonth") : n.value === t.year ? h("calendar.formatYear") : "");
49
- function F(e, l) {
50
- 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());
51
- }
52
- function j(e) {
53
- const l = c.set(a.value, t.year, e);
54
- a.value = l, s("panelChange", l.toDate());
55
- }
56
- function z(e) {
57
- const l = c.set(a.value, t.month, e - 1);
58
- a.value = l, s("panelChange", l.toDate());
59
- }
60
- function H(e) {
61
- S.value = e;
62
- }
63
- const I = r(() => [
64
- d,
65
- n.value === t.month ? `${d}-mode-month` : `${d}-mode-year`,
66
- {
67
- [`${d}-panel`]: o.panel && (n.value === t.month || n.value === t.year)
68
- }
69
- ]), q = r(() => o.panel ? { width: o.panelWidth } : {}), G = r(() => ae(o));
70
- return (e, l) => (m(), v("div", Q({
71
- class: I.value,
72
- style: q.value
73
- }, G.value), [
74
- R(x, {
75
- move: W,
76
- "header-value-format": E.value,
77
- modes: e.modes,
78
- mode: n.value,
79
- "page-show-data": a.value,
80
- "day-start-of-week": e.dayStartOfWeek,
81
- "is-week": e.isWeek,
82
- onModeChange: H,
83
- onYearChange: j,
84
- onMonthChange: z,
85
- onChangePageShowDate: F
86
- }, $({ _: 2 }, [
87
- u(w).header ? {
88
- name: "default",
89
- fn: B(({ year: f, month: i }) => [
90
- b(e.$slots, "header", {
91
- value: { year: f, month: i },
92
- year: f.toString(),
93
- month: i.toString().padStart(2, "0")
94
- }, void 0, !0)
95
- ]),
96
- key: "0"
97
- } : void 0
98
- ]), 1032, ["header-value-format", "modes", "mode", "page-show-data", "day-start-of-week", "is-week"]),
99
- n.value === u(t).month ? (m(), v("div", {
100
- key: 0,
101
- class: k(`${u(d)}-body`)
102
- }, [
103
- (m(), O(X, {
104
- key: a.value.month(),
105
- "page-data": V.value,
106
- value: p.value,
107
- mode: n.value,
108
- "select-handler": M,
109
- "is-week": e.isWeek,
110
- "day-start-of-week": e.dayStartOfWeek,
111
- "page-show-date": a.value
112
- }, $({ _: 2 }, [
113
- u(w).default ? {
114
- name: "default",
115
- fn: B(({ year: f, month: i, date: Y }) => [
116
- b(e.$slots, "default", {
117
- year: f.toString(),
118
- month: i.toString().padStart(2, "0"),
119
- date: Y.toString().padStart(2, "0"),
120
- value: { year: f, month: i, date: Y }
121
- }, void 0, !0)
122
- ]),
123
- key: "0"
124
- } : void 0
125
- ]), 1032, ["page-data", "value", "mode", "is-week", "day-start-of-week", "page-show-date"]))
126
- ], 2)) : y("", !0),
127
- n.value === u(t).year ? (m(), v("div", {
128
- key: 1,
129
- class: k(`${u(d)}-body`)
130
- }, [
131
- (m(), O(Z, {
132
- key: a.value.year(),
133
- "page-data": V.value,
134
- "page-show-data": a.value,
135
- mode: n.value,
136
- "is-week": e.isWeek,
137
- value: p.value,
138
- "day-start-of-week": e.dayStartOfWeek,
139
- "select-handler": M
140
- }, null, 8, ["page-data", "page-show-data", "mode", "is-week", "value", "day-start-of-week"]))
141
- ], 2)) : y("", !0),
142
- e.panel && e.panelTodayBtn ? (m(), v("div", {
143
- key: 2,
144
- class: k(`${u(d)}-footer-btn-wrapper`)
145
- }, U(u(h)("today")), 3)) : y("", !0)
146
- ], 16));
147
- }
148
- });
149
- export {
150
- ce as default
151
- };