@keyblade/pro-components 1.13.8-alpha.15 → 1.13.8-alpha.16
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.
|
@@ -1,7 +1,151 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
|
|
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
|
+
})
|
|
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
|
+
})
|
|
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
|
+
});
|
|
5
149
|
export {
|
|
6
|
-
|
|
150
|
+
ce as default
|
|
7
151
|
};
|
package/es/pro-calendar/index.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { setGlobalConfig as
|
|
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,
|
|
5
|
-
|
|
5
|
+
install: (o, t) => {
|
|
6
|
+
a(o, t), o.component("KbProCalendar", r);
|
|
6
7
|
}
|
|
7
8
|
});
|
|
8
9
|
export {
|
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
|
@@ -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
|
-
};
|