@robot-admin/naive-ui-components 0.4.4 → 0.5.0
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.
- package/CHANGELOG.md +12 -0
- package/dist/C_ActionBar-jZPsiXtT.css.map +1 -0
- package/dist/C_ActionBar.css +205 -0
- package/dist/{C_AntV-DGjscTWa.css.map → C_AntV-A3NXx_sF.css.map} +1 -1
- package/dist/C_AntV-D2Zp2qQF.css.map +1 -0
- package/dist/C_AntV.css +398 -0
- package/dist/C_AntV.js.map +1 -1
- package/dist/C_AntV2.js +1 -1
- package/dist/C_AntV2.js.map +1 -1
- package/dist/C_Barcode-Do1Ozsmh.css.map +1 -0
- package/dist/C_Barcode.css +39 -0
- package/dist/C_Captcha-CZmAETly.css.map +1 -0
- package/dist/C_Captcha.css +109 -0
- package/dist/C_Cascade-Dq0S5Jkm.css.map +1 -0
- package/dist/C_Cascade.css +10 -0
- package/dist/C_City-DNKv4MpH.css.map +1 -0
- package/dist/C_City.css +132 -0
- package/dist/C_Code-avZjAnHD.css.map +1 -0
- package/dist/C_Code.css +8 -0
- package/dist/C_CollapsePanel-BpofCDyl.css.map +1 -0
- package/dist/C_CollapsePanel.css +171 -0
- package/dist/C_Cron-DqHQ92LN.css.map +1 -0
- package/dist/C_Cron.css +307 -0
- package/dist/C_Draggable-r6nhx3yM.css.map +1 -0
- package/dist/C_Draggable.css +238 -0
- package/dist/C_Editor-D0_6UhIa.css.map +1 -0
- package/dist/C_Editor.css +52 -0
- package/dist/{C_FilePreview-B4XgTv-h.css.map → C_FilePreview-BVarVvnD.css.map} +1 -1
- package/dist/C_FilePreview-DHGlV4OR.css.map +1 -0
- package/dist/C_FilePreview.css +507 -0
- package/dist/C_FilePreview.js.map +1 -1
- package/dist/C_FilePreview2.js +1 -1
- package/dist/C_FilePreview2.js.map +1 -1
- package/dist/{C_Form-DLb9FtAb.css.map → C_Form-BciQUPpS.css.map} +1 -1
- package/dist/C_Form-CKHvXL3O.css.map +1 -0
- package/dist/C_Form.css +976 -0
- package/dist/C_Form.js.map +1 -1
- package/dist/C_Form2.js +1 -1
- package/dist/C_Form2.js.map +1 -1
- package/dist/{C_FormSearch-DlIEoh7X.css.map → C_FormSearch-Bmd2CmG6.css.map} +1 -1
- package/dist/C_FormSearch-DBNtnjaL.css.map +1 -0
- package/dist/C_FormSearch.css +177 -0
- package/dist/C_FormSearch.js.map +1 -1
- package/dist/C_FormSearch2.js +1 -1
- package/dist/C_FormSearch2.js.map +1 -1
- package/dist/C_FormulaEditor-3WG2vtQl.css.map +1 -0
- package/dist/C_FormulaEditor.css +502 -0
- package/dist/C_FullCalendar-1U4VlG7X.css.map +1 -0
- package/dist/C_FullCalendar-DLUdCtqf.css.map +1 -0
- package/dist/C_FullCalendar.css +7 -0
- package/dist/C_FullCalendar.js.map +1 -1
- package/dist/C_FullCalendar2.js +1 -1
- package/dist/C_FullCalendar2.js.map +1 -1
- package/dist/C_GlobalSearch-B6wK3m3k.css.map +1 -0
- package/dist/C_GlobalSearch.css +616 -0
- package/dist/C_Guide.js.map +1 -1
- package/dist/C_Guide2.js.map +1 -1
- package/dist/C_Icon.js.map +1 -1
- package/dist/C_Icon2.js.map +1 -1
- package/dist/C_ImageCropper-D3L2-J_J.css.map +1 -0
- package/dist/C_ImageCropper.css +129 -0
- package/dist/C_Language.js.map +1 -1
- package/dist/C_Language2.js.map +1 -1
- package/dist/C_Map-BCJmDnJT.css.map +1 -0
- package/dist/C_Map.css +29 -0
- package/dist/{C_Markdown-C2uiBVSW.css.map → C_Markdown-7iBnLDtL.css.map} +1 -1
- package/dist/C_Markdown-BbTvdFCl.css.map +1 -0
- package/dist/C_Markdown.css +112 -0
- package/dist/C_Markdown.js.map +1 -1
- package/dist/C_Markdown2.js +1 -1
- package/dist/C_Markdown2.js.map +1 -1
- package/dist/C_NotificationCenter-DT6fQ79O.css.map +1 -0
- package/dist/C_NotificationCenter.css +466 -0
- package/dist/C_QRCode-DMxSyogU.css.map +1 -0
- package/dist/C_QRCode.css +51 -0
- package/dist/C_Signature-B5fFz6RD.css.map +1 -0
- package/dist/C_Signature.css +79 -0
- package/dist/C_SplitPane-DuyzUhKB.css.map +1 -0
- package/dist/C_SplitPane.css +152 -0
- package/dist/C_Steps-DGwXxS2Y.css.map +1 -0
- package/dist/C_Steps.css +171 -0
- package/dist/{C_Table-C55H4kPr.css.map → C_Table-Dcam_tRs.css.map} +1 -1
- package/dist/C_Table-tbUx-R4H.css.map +1 -0
- package/dist/C_Table.css +527 -0
- package/dist/C_Table.js.map +1 -1
- package/dist/C_Table2.js +1 -1
- package/dist/C_Table2.js.map +1 -1
- package/dist/C_Theme.js.map +1 -1
- package/dist/C_Theme2.js.map +1 -1
- package/dist/C_Time-CKb_fwdm.css.map +1 -0
- package/dist/C_Time.css +23 -0
- package/dist/C_Tree-B-Le4hjQ.css.map +1 -0
- package/dist/C_Tree.css +142 -0
- package/dist/C_Upload-S30RmC9t.css.map +1 -0
- package/dist/C_Upload.css +251 -0
- package/dist/C_VideoPlayer-Cdgv4Zq0.css.map +1 -0
- package/dist/C_VideoPlayer.css +355 -0
- package/dist/C_VideoPlayer.d.ts +1 -1
- package/dist/C_VtableGantt-DB87-jdS.css.map +1 -0
- package/dist/C_VtableGantt.css +89 -0
- package/dist/C_WaterFall-C4HDqf-a.css.map +1 -0
- package/dist/C_WaterFall.css +73 -0
- package/dist/{C_WorkFlow-CSO86Cuc.css.map → C_WorkFlow-7F6op6qN.css.map} +1 -1
- package/dist/C_WorkFlow-Cy3HWA6A.css.map +1 -0
- package/dist/C_WorkFlow.css +1166 -0
- package/dist/C_WorkFlow.js.map +1 -1
- package/dist/C_WorkFlow2.js +1 -1
- package/dist/C_WorkFlow2.js.map +1 -1
- package/dist/chunk.js +1 -1
- package/dist/constants.d.ts +4 -4
- package/dist/constants2.d.ts +5 -5
- package/dist/constants3.d.ts +3 -3
- package/dist/constants4.d.ts +4 -4
- package/dist/constants5.d.ts +8 -3816
- package/dist/data.d.ts +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js.map +1 -1
- package/dist/index.vue.d.ts +1 -1
- package/dist/index10.vue.d.ts +8 -8
- package/dist/index11.vue.d.ts +2 -2
- package/dist/index12.vue.d.ts +7 -7
- package/dist/index13.vue.d.ts +1 -1
- package/dist/index14.vue.d.ts +2 -2
- package/dist/index15.vue.d.ts +1 -1
- package/dist/index16.vue.d.ts +2 -2
- package/dist/index3.vue.d.ts +1 -1
- package/dist/index4.vue.d.ts +2 -2
- package/dist/index5.vue.d.ts +2 -2
- package/dist/index6.vue.d.ts +4 -4
- package/dist/index7.vue.d.ts +2 -2
- package/dist/index8.vue.d.ts +4 -4
- package/dist/index9.vue.d.ts +1 -1
- package/dist/resolver.cjs +1 -1
- package/dist/resolver.cjs.map +1 -1
- package/dist/resolver.d.cts +7 -0
- package/dist/resolver.d.ts +7 -0
- package/dist/resolver.js +1 -1
- package/dist/resolver.js.map +1 -1
- package/dist/style.css +481 -481
- package/dist/useCalendarEvents.d.ts +1 -1
- package/dist/useCollapsePanel.d.ts +1 -1
- package/dist/useCropperCore.d.ts +7 -7
- package/dist/useDraggableLayout.d.ts +2 -2
- package/dist/useDynamicFormState.d.ts +8 -8
- package/dist/useEdgeInteraction.d.ts +4 -7293
- package/dist/useFullscreen.d.ts +2 -2
- package/dist/useInfiniteScroll.d.ts +3 -3
- package/dist/useModalEdit.d.ts +41 -17
- package/dist/useQRCode.d.ts +3 -3
- package/dist/useSearchState.d.ts +3 -3
- package/dist/useSignatureHistory.d.ts +3 -3
- package/dist/useSplitResize.d.ts +3 -3
- package/dist/useTimeSelection.d.ts +2 -2
- package/dist/useTreeOperations.d.ts +3 -3
- package/dist/useWorkflowValidation.d.ts +5 -5
- package/package.json +32 -32
- package/dist/C_FullCalendar-BULCIlVK.css.map +0 -1
|
@@ -0,0 +1,502 @@
|
|
|
1
|
+
/* unplugin-vue-components disabled *//* FormulaInput 组件样式 */
|
|
2
|
+
.formula-input[data-v-9e16f9bd] {
|
|
3
|
+
background: var(--c-bg-card);
|
|
4
|
+
transition: background var(--c-transition, 0.2s ease);
|
|
5
|
+
border-bottom: 1px solid var(--c-border);
|
|
6
|
+
/* ─── 校验信息区 ────────────── */
|
|
7
|
+
}
|
|
8
|
+
.formula-input--error[data-v-9e16f9bd] {
|
|
9
|
+
background: color-mix(in srgb, var(--error-color) 3%, var(--c-bg-card));
|
|
10
|
+
}
|
|
11
|
+
.formula-input--disabled[data-v-9e16f9bd] {
|
|
12
|
+
opacity: 0.6;
|
|
13
|
+
pointer-events: none;
|
|
14
|
+
}
|
|
15
|
+
.formula-input__header[data-v-9e16f9bd] {
|
|
16
|
+
display: flex;
|
|
17
|
+
align-items: center;
|
|
18
|
+
justify-content: space-between;
|
|
19
|
+
padding: 10px 16px 0;
|
|
20
|
+
}
|
|
21
|
+
.formula-input__label[data-v-9e16f9bd] {
|
|
22
|
+
font-size: 13px;
|
|
23
|
+
font-weight: 600;
|
|
24
|
+
color: var(--c-text-2);
|
|
25
|
+
}
|
|
26
|
+
.formula-input__clear[data-v-9e16f9bd] {
|
|
27
|
+
font-size: 12px;
|
|
28
|
+
color: var(--c-primary);
|
|
29
|
+
cursor: pointer;
|
|
30
|
+
user-select: none;
|
|
31
|
+
}
|
|
32
|
+
.formula-input__clear[data-v-9e16f9bd]:hover {
|
|
33
|
+
opacity: 0.8;
|
|
34
|
+
}
|
|
35
|
+
.formula-input__editor[data-v-9e16f9bd] {
|
|
36
|
+
min-height: 72px;
|
|
37
|
+
max-height: 180px;
|
|
38
|
+
padding: 8px 16px 12px;
|
|
39
|
+
font-size: 14px;
|
|
40
|
+
line-height: 2;
|
|
41
|
+
color: var(--c-text-1);
|
|
42
|
+
outline: none;
|
|
43
|
+
overflow-y: auto;
|
|
44
|
+
word-break: break-all;
|
|
45
|
+
white-space: pre-wrap;
|
|
46
|
+
/* 变量 chip */
|
|
47
|
+
/* 函数名 */
|
|
48
|
+
/* 运算符 */
|
|
49
|
+
/* 数字 */
|
|
50
|
+
/* 括号 */
|
|
51
|
+
}
|
|
52
|
+
.formula-input__editor[data-v-9e16f9bd]:empty::before {
|
|
53
|
+
content: attr(data-placeholder);
|
|
54
|
+
color: var(--c-text-4);
|
|
55
|
+
pointer-events: none;
|
|
56
|
+
}
|
|
57
|
+
.formula-input__editor[data-v-9e16f9bd] .formula-chip {
|
|
58
|
+
display: inline-flex;
|
|
59
|
+
align-items: center;
|
|
60
|
+
padding: 1px 8px;
|
|
61
|
+
margin: 0 2px;
|
|
62
|
+
border-radius: 4px;
|
|
63
|
+
background: color-mix(in srgb, var(--c-primary) 12%, transparent);
|
|
64
|
+
color: var(--c-primary);
|
|
65
|
+
font-weight: 500;
|
|
66
|
+
font-size: 13px;
|
|
67
|
+
line-height: 22px;
|
|
68
|
+
vertical-align: baseline;
|
|
69
|
+
user-select: none;
|
|
70
|
+
cursor: default;
|
|
71
|
+
}
|
|
72
|
+
.formula-input__editor[data-v-9e16f9bd] .formula-func {
|
|
73
|
+
color: color-mix(in srgb, var(--c-primary) 80%, #8b5cf6);
|
|
74
|
+
font-weight: 600;
|
|
75
|
+
}
|
|
76
|
+
.formula-input__editor[data-v-9e16f9bd] .formula-op {
|
|
77
|
+
color: var(--warning-color, #f0a020);
|
|
78
|
+
font-weight: 600;
|
|
79
|
+
}
|
|
80
|
+
.formula-input__editor[data-v-9e16f9bd] .formula-num {
|
|
81
|
+
color: color-mix(in srgb, var(--success-color, #18a058) 90%, transparent);
|
|
82
|
+
}
|
|
83
|
+
.formula-input__editor[data-v-9e16f9bd] .formula-paren {
|
|
84
|
+
color: var(--c-text-2);
|
|
85
|
+
font-weight: 600;
|
|
86
|
+
}
|
|
87
|
+
.formula-input__error[data-v-9e16f9bd] {
|
|
88
|
+
display: flex;
|
|
89
|
+
align-items: center;
|
|
90
|
+
gap: 4px;
|
|
91
|
+
padding: 4px 16px 8px;
|
|
92
|
+
font-size: 12px;
|
|
93
|
+
color: var(--error-color);
|
|
94
|
+
}
|
|
95
|
+
.formula-input__validation[data-v-9e16f9bd] {
|
|
96
|
+
padding: 10px 16px 12px;
|
|
97
|
+
border-top: 1px solid var(--c-border);
|
|
98
|
+
min-height: 40px;
|
|
99
|
+
display: flex;
|
|
100
|
+
align-items: center;
|
|
101
|
+
gap: 12px;
|
|
102
|
+
}
|
|
103
|
+
.formula-input__validation-label[data-v-9e16f9bd] {
|
|
104
|
+
font-size: 13px;
|
|
105
|
+
font-weight: 600;
|
|
106
|
+
color: var(--c-text-2);
|
|
107
|
+
flex-shrink: 0;
|
|
108
|
+
min-width: 28px;
|
|
109
|
+
}
|
|
110
|
+
.formula-input__validation-hint[data-v-9e16f9bd] {
|
|
111
|
+
display: inline-flex;
|
|
112
|
+
align-items: center;
|
|
113
|
+
gap: 4px;
|
|
114
|
+
font-size: 12px;
|
|
115
|
+
color: var(--c-text-4);
|
|
116
|
+
}
|
|
117
|
+
.formula-input__validation-success[data-v-9e16f9bd] {
|
|
118
|
+
display: inline-flex;
|
|
119
|
+
align-items: center;
|
|
120
|
+
gap: 4px;
|
|
121
|
+
font-size: 12px;
|
|
122
|
+
color: var(--success-color, #18a058);
|
|
123
|
+
}
|
|
124
|
+
.formula-input__validation-error[data-v-9e16f9bd] {
|
|
125
|
+
display: inline-flex;
|
|
126
|
+
align-items: center;
|
|
127
|
+
gap: 4px;
|
|
128
|
+
font-size: 12px;
|
|
129
|
+
color: var(--error-color);
|
|
130
|
+
}
|
|
131
|
+
/* unplugin-vue-components disabled *//* VariablePanel 组件样式 */
|
|
132
|
+
.variable-panel[data-v-403349d9] {
|
|
133
|
+
display: flex;
|
|
134
|
+
flex-direction: column;
|
|
135
|
+
background: var(--c-bg-card);
|
|
136
|
+
overflow: hidden;
|
|
137
|
+
height: 100%;
|
|
138
|
+
}
|
|
139
|
+
.variable-panel__tabs[data-v-403349d9] {
|
|
140
|
+
display: flex;
|
|
141
|
+
border-bottom: 1px solid var(--c-border);
|
|
142
|
+
}
|
|
143
|
+
.variable-panel__tab[data-v-403349d9] {
|
|
144
|
+
flex: 1;
|
|
145
|
+
padding: 8px 0;
|
|
146
|
+
text-align: center;
|
|
147
|
+
font-size: 13px;
|
|
148
|
+
font-weight: 500;
|
|
149
|
+
color: var(--c-text-2);
|
|
150
|
+
cursor: pointer;
|
|
151
|
+
transition: all var(--c-transition, 0.2s ease);
|
|
152
|
+
user-select: none;
|
|
153
|
+
}
|
|
154
|
+
.variable-panel__tab[data-v-403349d9]:hover {
|
|
155
|
+
color: var(--c-primary);
|
|
156
|
+
}
|
|
157
|
+
.variable-panel__tab--active[data-v-403349d9] {
|
|
158
|
+
color: var(--c-primary);
|
|
159
|
+
border-bottom: 2px solid var(--c-primary);
|
|
160
|
+
}
|
|
161
|
+
.variable-panel__search[data-v-403349d9] {
|
|
162
|
+
padding: 8px 10px;
|
|
163
|
+
border-bottom: 1px solid var(--c-border);
|
|
164
|
+
}
|
|
165
|
+
.variable-panel__list[data-v-403349d9] {
|
|
166
|
+
flex: 1;
|
|
167
|
+
max-height: 360px;
|
|
168
|
+
padding: 4px 0;
|
|
169
|
+
}
|
|
170
|
+
.variable-panel__group-title[data-v-403349d9] {
|
|
171
|
+
display: flex;
|
|
172
|
+
align-items: center;
|
|
173
|
+
gap: 4px;
|
|
174
|
+
padding: 6px 10px;
|
|
175
|
+
font-size: 12px;
|
|
176
|
+
font-weight: 600;
|
|
177
|
+
color: var(--c-text-2);
|
|
178
|
+
cursor: pointer;
|
|
179
|
+
user-select: none;
|
|
180
|
+
}
|
|
181
|
+
.variable-panel__group-title[data-v-403349d9]:hover {
|
|
182
|
+
color: var(--c-text-1);
|
|
183
|
+
}
|
|
184
|
+
.variable-panel__items[data-v-403349d9] {
|
|
185
|
+
padding: 0 4px;
|
|
186
|
+
}
|
|
187
|
+
.variable-panel__item[data-v-403349d9] {
|
|
188
|
+
display: flex;
|
|
189
|
+
align-items: center;
|
|
190
|
+
gap: 6px;
|
|
191
|
+
padding: 6px 10px 6px 26px;
|
|
192
|
+
font-size: 13px;
|
|
193
|
+
color: var(--c-text-1);
|
|
194
|
+
cursor: pointer;
|
|
195
|
+
border-radius: 4px;
|
|
196
|
+
transition: background 0.15s;
|
|
197
|
+
}
|
|
198
|
+
.variable-panel__item[data-v-403349d9]:hover {
|
|
199
|
+
background: var(--hover-color);
|
|
200
|
+
}
|
|
201
|
+
.variable-panel__item-icon[data-v-403349d9] {
|
|
202
|
+
font-size: 15px;
|
|
203
|
+
color: var(--c-primary);
|
|
204
|
+
flex-shrink: 0;
|
|
205
|
+
}
|
|
206
|
+
.variable-panel__func[data-v-403349d9] {
|
|
207
|
+
padding: 8px 12px;
|
|
208
|
+
cursor: pointer;
|
|
209
|
+
border-radius: 4px;
|
|
210
|
+
margin: 2px 4px;
|
|
211
|
+
transition: background 0.15s;
|
|
212
|
+
}
|
|
213
|
+
.variable-panel__func[data-v-403349d9]:hover {
|
|
214
|
+
background: var(--hover-color);
|
|
215
|
+
}
|
|
216
|
+
.variable-panel__func-name[data-v-403349d9] {
|
|
217
|
+
display: flex;
|
|
218
|
+
align-items: center;
|
|
219
|
+
gap: 6px;
|
|
220
|
+
font-size: 13px;
|
|
221
|
+
font-weight: 500;
|
|
222
|
+
color: var(--c-text-1);
|
|
223
|
+
}
|
|
224
|
+
.variable-panel__func-badge[data-v-403349d9] {
|
|
225
|
+
display: inline-flex;
|
|
226
|
+
align-items: center;
|
|
227
|
+
justify-content: center;
|
|
228
|
+
width: 18px;
|
|
229
|
+
height: 18px;
|
|
230
|
+
border-radius: 4px;
|
|
231
|
+
background: color-mix(in srgb, var(--c-primary) 12%, transparent);
|
|
232
|
+
color: var(--c-primary);
|
|
233
|
+
font-size: 12px;
|
|
234
|
+
font-weight: 700;
|
|
235
|
+
font-style: italic;
|
|
236
|
+
}
|
|
237
|
+
.variable-panel__func-desc[data-v-403349d9] {
|
|
238
|
+
padding-left: 24px;
|
|
239
|
+
font-size: 12px;
|
|
240
|
+
color: var(--c-text-4);
|
|
241
|
+
margin-top: 2px;
|
|
242
|
+
}
|
|
243
|
+
.variable-panel__func-sig[data-v-403349d9] {
|
|
244
|
+
padding-left: 24px;
|
|
245
|
+
font-size: 11px;
|
|
246
|
+
font-family: "Courier New", Courier, monospace;
|
|
247
|
+
color: var(--c-text-4);
|
|
248
|
+
margin-top: 2px;
|
|
249
|
+
opacity: 0.7;
|
|
250
|
+
}
|
|
251
|
+
/* unplugin-vue-components disabled *//* VirtualKeyboard 组件样式 */
|
|
252
|
+
.vk[data-v-c1d53e69] {
|
|
253
|
+
/* ═══════ 标题行 ═══════ */
|
|
254
|
+
/* ═══════ 键盘主体 ═══════ */
|
|
255
|
+
/* 浅米黄暖色底板,对应参考截图 */
|
|
256
|
+
/* ═══════ 动作行 ═══════ */
|
|
257
|
+
/* ═══════ 经典键帽按键 ═══════ */
|
|
258
|
+
/* 3D 效果核心:border-bottom 加粗 = 键帽厚度,按下时 translateY + 底边归细 */
|
|
259
|
+
}
|
|
260
|
+
.vk__title[data-v-c1d53e69] {
|
|
261
|
+
font-size: 13px;
|
|
262
|
+
font-weight: 500;
|
|
263
|
+
color: var(--c-text-4);
|
|
264
|
+
padding: 0 0 8px;
|
|
265
|
+
letter-spacing: 0.5px;
|
|
266
|
+
}
|
|
267
|
+
.vk__body[data-v-c1d53e69] {
|
|
268
|
+
display: flex;
|
|
269
|
+
gap: 68px;
|
|
270
|
+
padding: 12px;
|
|
271
|
+
border-radius: 8px;
|
|
272
|
+
border: 1px solid rgba(240, 160, 32, 0.2);
|
|
273
|
+
background: rgba(240, 160, 32, 0.06);
|
|
274
|
+
}
|
|
275
|
+
.vk__half[data-v-c1d53e69] {
|
|
276
|
+
display: grid;
|
|
277
|
+
grid-template-columns: repeat(5, 1fr);
|
|
278
|
+
gap: 5px;
|
|
279
|
+
flex: 1;
|
|
280
|
+
/* 数字区:白色底板层区分 */
|
|
281
|
+
}
|
|
282
|
+
.vk__half--nums[data-v-c1d53e69] {
|
|
283
|
+
padding: 6px;
|
|
284
|
+
border-radius: 6px;
|
|
285
|
+
background: var(--c-bg-card);
|
|
286
|
+
border: 1px solid rgba(0, 0, 0, 0.07);
|
|
287
|
+
}
|
|
288
|
+
.vk__actions[data-v-c1d53e69] {
|
|
289
|
+
display: flex;
|
|
290
|
+
justify-content: flex-end;
|
|
291
|
+
gap: 8px;
|
|
292
|
+
padding: 8px 12px 0;
|
|
293
|
+
}
|
|
294
|
+
.vk__key[data-v-c1d53e69] {
|
|
295
|
+
display: flex;
|
|
296
|
+
align-items: center;
|
|
297
|
+
justify-content: center;
|
|
298
|
+
height: 34px;
|
|
299
|
+
min-width: 0;
|
|
300
|
+
padding: 0;
|
|
301
|
+
border-radius: 5px;
|
|
302
|
+
cursor: pointer;
|
|
303
|
+
user-select: none;
|
|
304
|
+
font-size: 14px;
|
|
305
|
+
font-weight: 500;
|
|
306
|
+
color: var(--c-text-1);
|
|
307
|
+
background: var(--c-bg-card);
|
|
308
|
+
/* 立体效果关键:底边用确定 rgba 保证可见 */
|
|
309
|
+
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
310
|
+
border-bottom: 3px solid rgba(0, 0, 0, 0.18);
|
|
311
|
+
transition: transform 0.06s ease, border-bottom-width 0.06s ease, background 0.1s ease;
|
|
312
|
+
/* 按下:键帽下沉 + 底边归细 */
|
|
313
|
+
/* ─── warning(? : and or)—橙色背景块 ─── */
|
|
314
|
+
/* ─── primary(+ − × ÷)—蓝色文字 + 蓝色底边 ─── */
|
|
315
|
+
/* ─── 动作键(⌫ 清空)─── */
|
|
316
|
+
}
|
|
317
|
+
.vk__key[data-v-c1d53e69]:hover:not(:disabled) {
|
|
318
|
+
background: color-mix(in srgb, var(--c-primary) 6%, var(--c-bg-card));
|
|
319
|
+
border-color: color-mix(in srgb, var(--c-primary) 50%, transparent);
|
|
320
|
+
border-bottom-color: color-mix(in srgb, var(--c-primary) 60%, transparent);
|
|
321
|
+
color: var(--c-primary);
|
|
322
|
+
}
|
|
323
|
+
.vk__key[data-v-c1d53e69]:active:not(:disabled) {
|
|
324
|
+
transform: translateY(2px);
|
|
325
|
+
border-bottom-width: 1px;
|
|
326
|
+
}
|
|
327
|
+
.vk__key[data-v-c1d53e69]:disabled {
|
|
328
|
+
opacity: 0.4;
|
|
329
|
+
cursor: not-allowed;
|
|
330
|
+
}
|
|
331
|
+
.vk__key--warning[data-v-c1d53e69] {
|
|
332
|
+
background: rgba(240, 160, 32, 0.12);
|
|
333
|
+
border-color: rgba(240, 160, 32, 0.35);
|
|
334
|
+
border-bottom-color: rgba(240, 160, 32, 0.55);
|
|
335
|
+
color: #d48806;
|
|
336
|
+
font-weight: 700;
|
|
337
|
+
font-size: 15px;
|
|
338
|
+
}
|
|
339
|
+
.vk__key--warning[data-v-c1d53e69]:hover:not(:disabled) {
|
|
340
|
+
background: rgba(240, 160, 32, 0.2);
|
|
341
|
+
border-color: rgba(240, 160, 32, 0.55);
|
|
342
|
+
border-bottom-color: rgba(240, 160, 32, 0.75);
|
|
343
|
+
color: #b8760a;
|
|
344
|
+
}
|
|
345
|
+
.vk__key--primary[data-v-c1d53e69] {
|
|
346
|
+
color: var(--c-primary);
|
|
347
|
+
font-weight: 700;
|
|
348
|
+
font-size: 16px;
|
|
349
|
+
border-color: rgba(32, 128, 240, 0.25);
|
|
350
|
+
border-bottom-color: rgba(32, 128, 240, 0.55);
|
|
351
|
+
}
|
|
352
|
+
.vk__key--primary[data-v-c1d53e69]:hover:not(:disabled) {
|
|
353
|
+
background: rgba(32, 128, 240, 0.06);
|
|
354
|
+
color: var(--c-primary);
|
|
355
|
+
border-color: rgba(32, 128, 240, 0.45);
|
|
356
|
+
border-bottom-color: rgba(32, 128, 240, 0.75);
|
|
357
|
+
}
|
|
358
|
+
.vk__key--action[data-v-c1d53e69] {
|
|
359
|
+
width: 64px;
|
|
360
|
+
height: 34px;
|
|
361
|
+
font-size: 13px;
|
|
362
|
+
color: var(--c-text-2);
|
|
363
|
+
background: color-mix(in srgb, var(--c-text-4) 8%, var(--c-bg-card));
|
|
364
|
+
border-color: rgba(0, 0, 0, 0.1);
|
|
365
|
+
border-bottom-color: rgba(0, 0, 0, 0.15);
|
|
366
|
+
}
|
|
367
|
+
.vk__key--action[data-v-c1d53e69]:hover:not(:disabled) {
|
|
368
|
+
color: var(--error-color);
|
|
369
|
+
border-color: color-mix(in srgb, var(--error-color) 40%, transparent);
|
|
370
|
+
border-bottom-color: color-mix(in srgb, var(--error-color) 55%, transparent);
|
|
371
|
+
}
|
|
372
|
+
/* unplugin-vue-components disabled *//* FormulaPreview 组件样式 */
|
|
373
|
+
.formula-preview[data-v-e25f0d86] {
|
|
374
|
+
padding: 12px 16px 14px;
|
|
375
|
+
border-top: 1px solid var(--c-border);
|
|
376
|
+
background: color-mix(in srgb, var(--c-text-2) 2%, var(--c-bg-card));
|
|
377
|
+
}
|
|
378
|
+
.formula-preview__header[data-v-e25f0d86] {
|
|
379
|
+
display: flex;
|
|
380
|
+
align-items: center;
|
|
381
|
+
gap: 6px;
|
|
382
|
+
font-weight: 600;
|
|
383
|
+
font-size: 13px;
|
|
384
|
+
margin-bottom: 8px;
|
|
385
|
+
color: var(--c-text-2);
|
|
386
|
+
}
|
|
387
|
+
.formula-preview__empty[data-v-e25f0d86] {
|
|
388
|
+
font-size: 12px;
|
|
389
|
+
color: var(--c-text-4);
|
|
390
|
+
padding: 8px 0;
|
|
391
|
+
}
|
|
392
|
+
.formula-preview__vars-title[data-v-e25f0d86] {
|
|
393
|
+
font-size: 11px;
|
|
394
|
+
color: var(--c-text-4);
|
|
395
|
+
margin-bottom: 4px;
|
|
396
|
+
}
|
|
397
|
+
.formula-preview__var-row[data-v-e25f0d86] {
|
|
398
|
+
display: flex;
|
|
399
|
+
align-items: center;
|
|
400
|
+
gap: 6px;
|
|
401
|
+
padding: 2px 0;
|
|
402
|
+
font-size: 12px;
|
|
403
|
+
}
|
|
404
|
+
.formula-preview__var-name[data-v-e25f0d86] {
|
|
405
|
+
color: var(--c-primary);
|
|
406
|
+
font-weight: 500;
|
|
407
|
+
}
|
|
408
|
+
.formula-preview__var-eq[data-v-e25f0d86] {
|
|
409
|
+
color: var(--c-text-4);
|
|
410
|
+
}
|
|
411
|
+
.formula-preview__var-value[data-v-e25f0d86] {
|
|
412
|
+
font-family: "Courier New", Courier, monospace;
|
|
413
|
+
color: var(--c-text-1);
|
|
414
|
+
font-weight: 500;
|
|
415
|
+
}
|
|
416
|
+
.formula-preview__result[data-v-e25f0d86] {
|
|
417
|
+
display: flex;
|
|
418
|
+
align-items: center;
|
|
419
|
+
gap: 8px;
|
|
420
|
+
}
|
|
421
|
+
.formula-preview__result-label[data-v-e25f0d86] {
|
|
422
|
+
font-size: 13px;
|
|
423
|
+
font-weight: 600;
|
|
424
|
+
color: var(--c-text-2);
|
|
425
|
+
}
|
|
426
|
+
.formula-preview__result-value[data-v-e25f0d86] {
|
|
427
|
+
font-size: 18px;
|
|
428
|
+
font-weight: 700;
|
|
429
|
+
font-family: "Courier New", Courier, monospace;
|
|
430
|
+
color: var(--c-primary);
|
|
431
|
+
}
|
|
432
|
+
.formula-preview__result-error[data-v-e25f0d86] {
|
|
433
|
+
display: flex;
|
|
434
|
+
align-items: center;
|
|
435
|
+
gap: 4px;
|
|
436
|
+
font-size: 12px;
|
|
437
|
+
color: var(--error-color);
|
|
438
|
+
}
|
|
439
|
+
.formula-preview__result-empty[data-v-e25f0d86] {
|
|
440
|
+
font-size: 14px;
|
|
441
|
+
color: var(--c-text-4);
|
|
442
|
+
}
|
|
443
|
+
/* unplugin-vue-components disabled *//* C_FormulaEditor 主组件样式 */
|
|
444
|
+
.c-formula[data-v-34e68236] {
|
|
445
|
+
display: flex;
|
|
446
|
+
flex-direction: column;
|
|
447
|
+
border-radius: 12px;
|
|
448
|
+
border: 1px solid var(--c-border);
|
|
449
|
+
background: var(--c-bg-card);
|
|
450
|
+
overflow: hidden;
|
|
451
|
+
/* ═══════ 标题行 ═══════ */
|
|
452
|
+
/* ═══════ 主内容 ═══════ */
|
|
453
|
+
}
|
|
454
|
+
.c-formula__title-row[data-v-34e68236] {
|
|
455
|
+
display: flex;
|
|
456
|
+
align-items: center;
|
|
457
|
+
justify-content: space-between;
|
|
458
|
+
padding: 14px 18px;
|
|
459
|
+
border-bottom: 1px solid var(--c-border);
|
|
460
|
+
}
|
|
461
|
+
.c-formula__title[data-v-34e68236] {
|
|
462
|
+
display: flex;
|
|
463
|
+
align-items: center;
|
|
464
|
+
gap: 8px;
|
|
465
|
+
font-weight: 600;
|
|
466
|
+
font-size: 15px;
|
|
467
|
+
color: var(--c-text-1);
|
|
468
|
+
}
|
|
469
|
+
.c-formula__body[data-v-34e68236] {
|
|
470
|
+
display: flex;
|
|
471
|
+
flex: 1;
|
|
472
|
+
min-height: 0;
|
|
473
|
+
}
|
|
474
|
+
.c-formula__sidebar[data-v-34e68236] {
|
|
475
|
+
width: 210px;
|
|
476
|
+
flex-shrink: 0;
|
|
477
|
+
border-right: 1px solid var(--c-border);
|
|
478
|
+
}
|
|
479
|
+
.c-formula__main[data-v-34e68236] {
|
|
480
|
+
flex: 1;
|
|
481
|
+
display: flex;
|
|
482
|
+
flex-direction: column;
|
|
483
|
+
min-width: 0;
|
|
484
|
+
}
|
|
485
|
+
.c-formula__keyboard[data-v-34e68236] {
|
|
486
|
+
padding: 14px 18px;
|
|
487
|
+
border-top: 1px solid var(--c-border);
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
/* ═══════ 响应式 ═══════ */
|
|
491
|
+
@media (max-width: 768px) {
|
|
492
|
+
.c-formula__body[data-v-34e68236] {
|
|
493
|
+
flex-direction: column;
|
|
494
|
+
}
|
|
495
|
+
.c-formula__sidebar[data-v-34e68236] {
|
|
496
|
+
width: 100%;
|
|
497
|
+
border-right: none;
|
|
498
|
+
border-bottom: 1px solid var(--c-border);
|
|
499
|
+
}
|
|
500
|
+
}
|
|
501
|
+
|
|
502
|
+
/*# sourceMappingURL=C_FormulaEditor-3WG2vtQl.css.map*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"C_FullCalendar-1U4VlG7X.css","names":[],"sources":["../src/components/C_FullCalendar/index.vue?vue&type=style&index=0&scoped=b00ec52e&lang.css"],"sourcesContent":["/* unplugin-vue-components disabled */\n.c-full-calendar[data-v-b00ec52e] {\r\n width: 100%;\n}\r\n"],"mappings":"AAAA;AACA;AACA;AACA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"C_FullCalendar-DLUdCtqf.css","names":[],"sources":["../src/components/C_FullCalendar/index.vue?vue&type=style&index=0&scoped=b00ec52e&lang.css"],"sourcesContent":["/* unplugin-vue-components disabled */\n.c-full-calendar[data-v-b00ec52e] {\r\n width: 100%;\n}\r\n"],"mappings":"AAAA;AACA;AACA;AACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"C_FullCalendar.js","names":["dayGridPlugin","interactionPlugin","listPlugin","zhCn"],"sources":["../src/components/C_FullCalendar/data.ts","../src/components/C_FullCalendar/composables/useCalendarEvents.ts","../src/components/C_FullCalendar/index.vue","../src/components/C_FullCalendar/index.vue","../src/components/C_FullCalendar/index.vue"],"sourcesContent":["import type { CalendarEditForm } from \"./types\";\r\n\r\nexport const EVENT_COLORS = [\r\n \"#3f86ff\",\r\n \"#ff6b6b\",\r\n \"#67c23a\",\r\n \"#e6a23c\",\r\n \"#9c27b0\",\r\n \"#00bcd4\",\r\n \"#ff5722\",\r\n];\r\n\r\nexport const DEFAULT_EDIT_FORM: CalendarEditForm = {\r\n id: \"\",\r\n title: \"\",\r\n date: Date.now(),\r\n startTime: \"09:00\",\r\n endTime: \"10:00\",\r\n color: \"#3f86ff\",\r\n};\r\n\r\nexport const HEADER_TOOLBAR = {\r\n left: \"prev,next today\",\r\n center: \"title\",\r\n right: \"dayGridMonth,dayGridWeek,dayGridDay,listWeek\",\r\n};\r\n\r\nexport const BUTTON_TEXT = {\r\n today: \"今天\",\r\n month: \"月\",\r\n week: \"周\",\r\n day: \"日\",\r\n list: \"列表\",\r\n};\r\n","import { ref, watch } from \"vue\";\r\nimport { useMessage } from \"naive-ui\";\r\nimport type { Ref } from \"vue\";\r\nimport type { CalendarEvent, CalendarProps, CalendarEditForm } from \"../types\";\r\nimport {\r\n EVENT_COLORS,\r\n DEFAULT_EDIT_FORM,\r\n HEADER_TOOLBAR,\r\n BUTTON_TEXT,\r\n} from \"../data\";\r\nimport dayGridPlugin from \"@fullcalendar/daygrid\";\r\nimport interactionPlugin from \"@fullcalendar/interaction\";\r\nimport listPlugin from \"@fullcalendar/list\";\r\nimport type { CalendarOptions } from \"@fullcalendar/core\";\r\nimport zhCn from \"@fullcalendar/core/locales/zh-cn\";\r\n\r\ntype EmitFn = {\r\n (event: \"update:events\", events: CalendarEvent[]): void;\r\n (event: \"event-added\", eventData: CalendarEvent): void;\r\n (event: \"event-updated\", eventData: Partial<CalendarEvent>): void;\r\n (event: \"event-deleted\", eventData: { id: string; title: string }): void;\r\n (event: \"event-dropped\", eventData: Partial<CalendarEvent>): void;\r\n};\r\n\r\nexport function useCalendarEvents(props: CalendarProps, emit: EmitFn) {\r\n const message = useMessage();\r\n const calendarRef = ref();\r\n\r\n const internalEvents = ref<CalendarEvent[]>([...(props.events ?? [])]);\r\n\r\n const showActionDialog = ref(false);\r\n const showEditModal = ref(false);\r\n const isEditing = ref(false);\r\n const selectedEvent = ref<any>(null);\r\n const editForm = ref<CalendarEditForm>({ ...DEFAULT_EDIT_FORM });\r\n\r\n const addEventToArray = (event: CalendarEvent) => {\r\n internalEvents.value = [...internalEvents.value, event];\r\n emit(\"update:events\", internalEvents.value);\r\n };\r\n\r\n const updateEventInArray = (eventData: Partial<CalendarEvent>) => {\r\n const index = internalEvents.value.findIndex((e) => e.id === eventData.id);\r\n if (index !== -1) {\r\n internalEvents.value = internalEvents.value.map((event, i) =>\r\n i === index ? { ...event, ...eventData } : event,\r\n );\r\n emit(\"update:events\", internalEvents.value);\r\n }\r\n };\r\n\r\n const removeEventFromArray = (eventId: string) => {\r\n internalEvents.value = internalEvents.value.filter((e) => e.id !== eventId);\r\n emit(\"update:events\", internalEvents.value);\r\n };\r\n\r\n function handleEventClick(info: any) {\r\n if (!props.editable) return;\r\n info.jsEvent.preventDefault();\r\n selectedEvent.value = info.event;\r\n if (props.showEditDialog) showActionDialog.value = true;\r\n }\r\n\r\n function handleDateClick(info: any) {\r\n if (!props.editable || !props.showAddDialog) return;\r\n openAddModal(new Date(info.dateStr));\r\n }\r\n\r\n function handleEventDrop(info: any) {\r\n const payload = {\r\n id: info.event.id,\r\n start: info.event.start,\r\n end: info.event.end,\r\n };\r\n updateEventInArray(payload);\r\n emit(\"event-dropped\", payload);\r\n message.success(`事件 \"${info.event.title}\" 时间已更新`);\r\n }\r\n\r\n function handleEventResize(info: any) {\r\n const payload = {\r\n id: info.event.id,\r\n start: info.event.start,\r\n end: info.event.end,\r\n };\r\n updateEventInArray(payload);\r\n emit(\"event-updated\", payload);\r\n }\r\n\r\n function openAddModal(date: Date) {\r\n isEditing.value = false;\r\n editForm.value = {\r\n ...DEFAULT_EDIT_FORM,\r\n date: date.getTime(),\r\n color: EVENT_COLORS[Math.floor(Math.random() * EVENT_COLORS.length)],\r\n };\r\n showEditModal.value = true;\r\n }\r\n\r\n function openEditModal() {\r\n if (!selectedEvent.value) return;\r\n isEditing.value = true;\r\n const event = selectedEvent.value;\r\n const startDate = new Date(event.start);\r\n const endDate = event.end\r\n ? new Date(event.end)\r\n : new Date(event.start.getTime() + 3600000);\r\n\r\n editForm.value = {\r\n id: event.id,\r\n title: event.title,\r\n date: startDate.getTime(),\r\n startTime: `${String(startDate.getHours()).padStart(2, \"0\")}:${String(startDate.getMinutes()).padStart(2, \"0\")}`,\r\n endTime: `${String(endDate.getHours()).padStart(2, \"0\")}:${String(endDate.getMinutes()).padStart(2, \"0\")}`,\r\n color: event.backgroundColor || \"#3f86ff\",\r\n };\r\n showActionDialog.value = false;\r\n showEditModal.value = true;\r\n }\r\n\r\n function saveEvent() {\r\n if (!editForm.value.title.trim()) {\r\n message.error(\"请输入事件标题\");\r\n return false;\r\n }\r\n if (editForm.value.startTime >= editForm.value.endTime) {\r\n message.error(\"结束时间必须晚于开始时间\");\r\n return false;\r\n }\r\n\r\n const dateStr = new Date(editForm.value.date).toISOString().split(\"T\")[0];\r\n const eventData: CalendarEvent = {\r\n id: isEditing.value ? editForm.value.id : Date.now().toString(),\r\n title: editForm.value.title,\r\n start: new Date(`${dateStr}T${editForm.value.startTime}:00`),\r\n end: new Date(`${dateStr}T${editForm.value.endTime}:00`),\r\n color: editForm.value.color,\r\n };\r\n\r\n if (isEditing.value) {\r\n updateEventInArray(eventData);\r\n emit(\"event-updated\", eventData);\r\n message.success(\"事件已更新\");\r\n } else {\r\n addEventToArray(eventData);\r\n emit(\"event-added\", eventData);\r\n message.success(\"事件已添加\");\r\n }\r\n\r\n showEditModal.value = false;\r\n return true;\r\n }\r\n\r\n function deleteEvent() {\r\n if (!selectedEvent.value) return;\r\n const { id, title } = selectedEvent.value;\r\n removeEventFromArray(id);\r\n emit(\"event-deleted\", { id, title });\r\n showActionDialog.value = false;\r\n message.success(`已删除事件: ${title}`);\r\n }\r\n\r\n const calendarOptions: Ref<CalendarOptions> = ref({\r\n plugins: [dayGridPlugin, interactionPlugin, listPlugin],\r\n locale: zhCn,\r\n initialView: props.initialView ?? \"dayGridMonth\",\r\n events: internalEvents.value as any,\r\n headerToolbar: HEADER_TOOLBAR,\r\n buttonText: BUTTON_TEXT,\r\n editable: props.editable ?? true,\r\n eventClick: handleEventClick,\r\n dateClick: handleDateClick,\r\n eventDrop: handleEventDrop,\r\n eventResize: handleEventResize,\r\n });\r\n\r\n watch(\r\n () => props.events,\r\n (newEvents) => {\r\n internalEvents.value = [...(newEvents ?? [])];\r\n },\r\n { deep: true },\r\n );\r\n\r\n watch(\r\n internalEvents,\r\n (newEvents) => {\r\n calendarOptions.value.events = newEvents as any;\r\n },\r\n { deep: true },\r\n );\r\n\r\n return {\r\n calendarRef,\r\n calendarOptions,\r\n showActionDialog,\r\n showEditModal,\r\n isEditing,\r\n selectedEvent,\r\n editForm,\r\n eventColors: EVENT_COLORS,\r\n openEditModal,\r\n saveEvent,\r\n deleteEvent,\r\n expose: {\r\n getApi: () => calendarRef.value?.getApi(),\r\n addEvent: addEventToArray,\r\n updateEvent: updateEventInArray,\r\n deleteEvent: removeEventFromArray,\r\n getEvents: () => internalEvents.value,\r\n },\r\n };\r\n}\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-19\r\n * @Description: 全局日历组件 — 薄 UI 壳,逻辑由 useCalendarEvents 驱动\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <div class=\"c-full-calendar\">\r\n <FullCalendar ref=\"calendarRef\" :options=\"calendarOptions\" />\r\n\r\n <NModal\r\n v-if=\"showActionDialog\"\r\n v-model:show=\"showActionDialog\"\r\n preset=\"dialog\"\r\n :title=\"`事件操作 - ${selectedEvent?.title}`\"\r\n style=\"width: 400px\"\r\n >\r\n <div class=\"ml-10% mt-20px\">\r\n <NButton\r\n type=\"primary\"\r\n @click=\"openEditModal\"\r\n style=\"margin-right: 12px\"\r\n size=\"small\"\r\n >\r\n 编辑\r\n </NButton>\r\n <NButton type=\"error\" @click=\"deleteEvent\" size=\"small\"> 删除 </NButton>\r\n </div>\r\n </NModal>\r\n\r\n <NModal\r\n v-model:show=\"showEditModal\"\r\n preset=\"dialog\"\r\n :title=\"isEditing ? '编辑事件' : '添加事件'\"\r\n positive-text=\"保存\"\r\n negative-text=\"取消\"\r\n @positive-click=\"saveEvent\"\r\n >\r\n <div style=\"padding: 20px\">\r\n <div style=\"margin-bottom: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件标题</label\r\n >\r\n <NInput v-model:value=\"editForm.title\" placeholder=\"请输入事件标题\" />\r\n </div>\r\n\r\n <div style=\"margin-bottom: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件日期</label\r\n >\r\n <NDatePicker\r\n v-model:value=\"editForm.date\"\r\n type=\"date\"\r\n format=\"yyyy-MM-dd\"\r\n style=\"width: 100%\"\r\n />\r\n </div>\r\n\r\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px\">\r\n <div>\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >开始时间</label\r\n >\r\n <NInput\r\n v-model:value=\"editForm.startTime\"\r\n type=\"time\"\r\n placeholder=\"09:00\"\r\n />\r\n </div>\r\n <div>\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >结束时间</label\r\n >\r\n <NInput\r\n v-model:value=\"editForm.endTime\"\r\n type=\"time\"\r\n placeholder=\"10:00\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div style=\"margin-top: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件颜色</label\r\n >\r\n <div style=\"display: flex; gap: 8px\">\r\n <div\r\n v-for=\"color in eventColors\"\r\n :key=\"color\"\r\n :style=\"{\r\n width: '30px',\r\n height: '30px',\r\n backgroundColor: color,\r\n borderRadius: '50%',\r\n cursor: 'pointer',\r\n border:\r\n editForm.color === color\r\n ? '3px solid #000'\r\n : '2px solid #ddd',\r\n }\"\r\n @click=\"editForm.color = color\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </NModal>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NModal, NButton, NInput, NDatePicker } from \"naive-ui\";\r\nimport FullCalendar from \"@fullcalendar/vue3\";\r\nimport { useCalendarEvents } from \"./composables/useCalendarEvents\";\r\nimport type { CalendarProps, CalendarEmits, CalendarExpose } from \"./types\";\r\n\r\ndefineOptions({ name: \"C_FullCalendar\" });\r\n\r\nconst props = withDefaults(defineProps<CalendarProps>(), {\r\n events: () => [],\r\n initialView: \"dayGridMonth\",\r\n editable: true,\r\n showAddDialog: true,\r\n showEditDialog: true,\r\n});\r\n\r\nconst emit = defineEmits<CalendarEmits>();\r\n\r\nconst {\r\n calendarRef,\r\n calendarOptions,\r\n showActionDialog,\r\n showEditModal,\r\n isEditing,\r\n selectedEvent,\r\n editForm,\r\n eventColors,\r\n openEditModal,\r\n saveEvent,\r\n deleteEvent,\r\n expose,\r\n} = useCalendarEvents(props, emit);\r\n\r\ndefineExpose<CalendarExpose>(expose);\r\n</script>\r\n\r\n<style scoped>\r\n.c-full-calendar {\r\n width: 100%;\r\n}\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-19\r\n * @Description: 全局日历组件 — 薄 UI 壳,逻辑由 useCalendarEvents 驱动\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <div class=\"c-full-calendar\">\r\n <FullCalendar ref=\"calendarRef\" :options=\"calendarOptions\" />\r\n\r\n <NModal\r\n v-if=\"showActionDialog\"\r\n v-model:show=\"showActionDialog\"\r\n preset=\"dialog\"\r\n :title=\"`事件操作 - ${selectedEvent?.title}`\"\r\n style=\"width: 400px\"\r\n >\r\n <div class=\"ml-10% mt-20px\">\r\n <NButton\r\n type=\"primary\"\r\n @click=\"openEditModal\"\r\n style=\"margin-right: 12px\"\r\n size=\"small\"\r\n >\r\n 编辑\r\n </NButton>\r\n <NButton type=\"error\" @click=\"deleteEvent\" size=\"small\"> 删除 </NButton>\r\n </div>\r\n </NModal>\r\n\r\n <NModal\r\n v-model:show=\"showEditModal\"\r\n preset=\"dialog\"\r\n :title=\"isEditing ? '编辑事件' : '添加事件'\"\r\n positive-text=\"保存\"\r\n negative-text=\"取消\"\r\n @positive-click=\"saveEvent\"\r\n >\r\n <div style=\"padding: 20px\">\r\n <div style=\"margin-bottom: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件标题</label\r\n >\r\n <NInput v-model:value=\"editForm.title\" placeholder=\"请输入事件标题\" />\r\n </div>\r\n\r\n <div style=\"margin-bottom: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件日期</label\r\n >\r\n <NDatePicker\r\n v-model:value=\"editForm.date\"\r\n type=\"date\"\r\n format=\"yyyy-MM-dd\"\r\n style=\"width: 100%\"\r\n />\r\n </div>\r\n\r\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px\">\r\n <div>\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >开始时间</label\r\n >\r\n <NInput\r\n v-model:value=\"editForm.startTime\"\r\n type=\"time\"\r\n placeholder=\"09:00\"\r\n />\r\n </div>\r\n <div>\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >结束时间</label\r\n >\r\n <NInput\r\n v-model:value=\"editForm.endTime\"\r\n type=\"time\"\r\n placeholder=\"10:00\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div style=\"margin-top: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件颜色</label\r\n >\r\n <div style=\"display: flex; gap: 8px\">\r\n <div\r\n v-for=\"color in eventColors\"\r\n :key=\"color\"\r\n :style=\"{\r\n width: '30px',\r\n height: '30px',\r\n backgroundColor: color,\r\n borderRadius: '50%',\r\n cursor: 'pointer',\r\n border:\r\n editForm.color === color\r\n ? '3px solid #000'\r\n : '2px solid #ddd',\r\n }\"\r\n @click=\"editForm.color = color\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </NModal>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NModal, NButton, NInput, NDatePicker } from \"naive-ui\";\r\nimport FullCalendar from \"@fullcalendar/vue3\";\r\nimport { useCalendarEvents } from \"./composables/useCalendarEvents\";\r\nimport type { CalendarProps, CalendarEmits, CalendarExpose } from \"./types\";\r\n\r\ndefineOptions({ name: \"C_FullCalendar\" });\r\n\r\nconst props = withDefaults(defineProps<CalendarProps>(), {\r\n events: () => [],\r\n initialView: \"dayGridMonth\",\r\n editable: true,\r\n showAddDialog: true,\r\n showEditDialog: true,\r\n});\r\n\r\nconst emit = defineEmits<CalendarEmits>();\r\n\r\nconst {\r\n calendarRef,\r\n calendarOptions,\r\n showActionDialog,\r\n showEditModal,\r\n isEditing,\r\n selectedEvent,\r\n editForm,\r\n eventColors,\r\n openEditModal,\r\n saveEvent,\r\n deleteEvent,\r\n expose,\r\n} = useCalendarEvents(props, emit);\r\n\r\ndefineExpose<CalendarExpose>(expose);\r\n</script>\r\n\r\n<style scoped>\r\n.c-full-calendar {\r\n width: 100%;\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-19\r\n * @Description: 全局日历组件 — 薄 UI 壳,逻辑由 useCalendarEvents 驱动\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <div class=\"c-full-calendar\">\r\n <FullCalendar ref=\"calendarRef\" :options=\"calendarOptions\" />\r\n\r\n <NModal\r\n v-if=\"showActionDialog\"\r\n v-model:show=\"showActionDialog\"\r\n preset=\"dialog\"\r\n :title=\"`事件操作 - ${selectedEvent?.title}`\"\r\n style=\"width: 400px\"\r\n >\r\n <div class=\"ml-10% mt-20px\">\r\n <NButton\r\n type=\"primary\"\r\n @click=\"openEditModal\"\r\n style=\"margin-right: 12px\"\r\n size=\"small\"\r\n >\r\n 编辑\r\n </NButton>\r\n <NButton type=\"error\" @click=\"deleteEvent\" size=\"small\"> 删除 </NButton>\r\n </div>\r\n </NModal>\r\n\r\n <NModal\r\n v-model:show=\"showEditModal\"\r\n preset=\"dialog\"\r\n :title=\"isEditing ? '编辑事件' : '添加事件'\"\r\n positive-text=\"保存\"\r\n negative-text=\"取消\"\r\n @positive-click=\"saveEvent\"\r\n >\r\n <div style=\"padding: 20px\">\r\n <div style=\"margin-bottom: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件标题</label\r\n >\r\n <NInput v-model:value=\"editForm.title\" placeholder=\"请输入事件标题\" />\r\n </div>\r\n\r\n <div style=\"margin-bottom: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件日期</label\r\n >\r\n <NDatePicker\r\n v-model:value=\"editForm.date\"\r\n type=\"date\"\r\n format=\"yyyy-MM-dd\"\r\n style=\"width: 100%\"\r\n />\r\n </div>\r\n\r\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px\">\r\n <div>\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >开始时间</label\r\n >\r\n <NInput\r\n v-model:value=\"editForm.startTime\"\r\n type=\"time\"\r\n placeholder=\"09:00\"\r\n />\r\n </div>\r\n <div>\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >结束时间</label\r\n >\r\n <NInput\r\n v-model:value=\"editForm.endTime\"\r\n type=\"time\"\r\n placeholder=\"10:00\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div style=\"margin-top: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件颜色</label\r\n >\r\n <div style=\"display: flex; gap: 8px\">\r\n <div\r\n v-for=\"color in eventColors\"\r\n :key=\"color\"\r\n :style=\"{\r\n width: '30px',\r\n height: '30px',\r\n backgroundColor: color,\r\n borderRadius: '50%',\r\n cursor: 'pointer',\r\n border:\r\n editForm.color === color\r\n ? '3px solid #000'\r\n : '2px solid #ddd',\r\n }\"\r\n @click=\"editForm.color = color\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </NModal>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NModal, NButton, NInput, NDatePicker } from \"naive-ui\";\r\nimport FullCalendar from \"@fullcalendar/vue3\";\r\nimport { useCalendarEvents } from \"./composables/useCalendarEvents\";\r\nimport type { CalendarProps, CalendarEmits, CalendarExpose } from \"./types\";\r\n\r\ndefineOptions({ name: \"C_FullCalendar\" });\r\n\r\nconst props = withDefaults(defineProps<CalendarProps>(), {\r\n events: () => [],\r\n initialView: \"dayGridMonth\",\r\n editable: true,\r\n showAddDialog: true,\r\n showEditDialog: true,\r\n});\r\n\r\nconst emit = defineEmits<CalendarEmits>();\r\n\r\nconst {\r\n calendarRef,\r\n calendarOptions,\r\n showActionDialog,\r\n showEditModal,\r\n isEditing,\r\n selectedEvent,\r\n editForm,\r\n eventColors,\r\n openEditModal,\r\n saveEvent,\r\n deleteEvent,\r\n expose,\r\n} = useCalendarEvents(props, emit);\r\n\r\ndefineExpose<CalendarExpose>(expose);\r\n</script>\r\n\r\n<style scoped>\r\n.c-full-calendar {\r\n width: 100%;\r\n}\r\n</style>\r\n"],"mappings":"8VAEA,MAAa,EAAe,CAC1B,UACA,UACA,UACA,UACA,UACA,UACA,UACD,CAEY,EAAsC,CACjD,GAAI,GACJ,MAAO,GACP,KAAM,KAAK,KAAK,CAChB,UAAW,QACX,QAAS,QACT,MAAO,UACR,CAEY,EAAiB,CAC5B,KAAM,kBACN,OAAQ,QACR,MAAO,+CACR,CAEY,EAAc,CACzB,MAAO,KACP,MAAO,IACP,KAAM,IACN,IAAK,IACL,KAAM,KACP,CCTD,SAAgB,EAAkB,EAAsB,EAAc,CACpE,IAAM,GAAA,EAAA,EAAA,aAAsB,CACtB,GAAA,EAAA,EAAA,MAAmB,CAEnB,GAAA,EAAA,EAAA,KAAsC,CAAC,GAAI,EAAM,QAAU,EAAE,CAAE,CAAC,CAEhE,GAAA,EAAA,EAAA,KAAuB,GAAM,CAC7B,GAAA,EAAA,EAAA,KAAoB,GAAM,CAC1B,GAAA,EAAA,EAAA,KAAgB,GAAM,CACtB,GAAA,EAAA,EAAA,KAAyB,KAAK,CAC9B,GAAA,EAAA,EAAA,KAAiC,CAAE,GAAG,EAAmB,CAAC,CAE1D,EAAmB,GAAyB,CAChD,EAAe,MAAQ,CAAC,GAAG,EAAe,MAAO,EAAM,CACvD,EAAK,gBAAiB,EAAe,MAAM,EAGvC,EAAsB,GAAsC,CAChE,IAAM,EAAQ,EAAe,MAAM,UAAW,GAAM,EAAE,KAAO,EAAU,GAAG,CACtE,IAAU,KACZ,EAAe,MAAQ,EAAe,MAAM,KAAK,EAAO,IACtD,IAAM,EAAQ,CAAE,GAAG,EAAO,GAAG,EAAW,CAAG,EAC5C,CACD,EAAK,gBAAiB,EAAe,MAAM,GAIzC,EAAwB,GAAoB,CAChD,EAAe,MAAQ,EAAe,MAAM,OAAQ,GAAM,EAAE,KAAO,EAAQ,CAC3E,EAAK,gBAAiB,EAAe,MAAM,EAG7C,SAAS,EAAiB,EAAW,CAC9B,EAAM,WACX,EAAK,QAAQ,gBAAgB,CAC7B,EAAc,MAAQ,EAAK,MACvB,EAAM,iBAAgB,EAAiB,MAAQ,KAGrD,SAAS,EAAgB,EAAW,CAC9B,CAAC,EAAM,UAAY,CAAC,EAAM,eAC9B,EAAa,IAAI,KAAK,EAAK,QAAQ,CAAC,CAGtC,SAAS,EAAgB,EAAW,CAClC,IAAM,EAAU,CACd,GAAI,EAAK,MAAM,GACf,MAAO,EAAK,MAAM,MAClB,IAAK,EAAK,MAAM,IACjB,CACD,EAAmB,EAAQ,CAC3B,EAAK,gBAAiB,EAAQ,CAC9B,EAAQ,QAAQ,OAAO,EAAK,MAAM,MAAM,SAAS,CAGnD,SAAS,EAAkB,EAAW,CACpC,IAAM,EAAU,CACd,GAAI,EAAK,MAAM,GACf,MAAO,EAAK,MAAM,MAClB,IAAK,EAAK,MAAM,IACjB,CACD,EAAmB,EAAQ,CAC3B,EAAK,gBAAiB,EAAQ,CAGhC,SAAS,EAAa,EAAY,CAChC,EAAU,MAAQ,GAClB,EAAS,MAAQ,CACf,GAAG,EACH,KAAM,EAAK,SAAS,CACpB,MAAO,EAAa,KAAK,MAAM,KAAK,QAAQ,CAAG,EAAa,OAAO,EACpE,CACD,EAAc,MAAQ,GAGxB,SAAS,GAAgB,CACvB,GAAI,CAAC,EAAc,MAAO,OAC1B,EAAU,MAAQ,GAClB,IAAM,EAAQ,EAAc,MACtB,EAAY,IAAI,KAAK,EAAM,MAAM,CACjC,EAAU,EAAM,IAClB,IAAI,KAAK,EAAM,IAAI,CACnB,IAAI,KAAK,EAAM,MAAM,SAAS,CAAG,KAAQ,CAE7C,EAAS,MAAQ,CACf,GAAI,EAAM,GACV,MAAO,EAAM,MACb,KAAM,EAAU,SAAS,CACzB,UAAW,GAAG,OAAO,EAAU,UAAU,CAAC,CAAC,SAAS,EAAG,IAAI,CAAC,GAAG,OAAO,EAAU,YAAY,CAAC,CAAC,SAAS,EAAG,IAAI,GAC9G,QAAS,GAAG,OAAO,EAAQ,UAAU,CAAC,CAAC,SAAS,EAAG,IAAI,CAAC,GAAG,OAAO,EAAQ,YAAY,CAAC,CAAC,SAAS,EAAG,IAAI,GACxG,MAAO,EAAM,iBAAmB,UACjC,CACD,EAAiB,MAAQ,GACzB,EAAc,MAAQ,GAGxB,SAAS,GAAY,CACnB,GAAI,CAAC,EAAS,MAAM,MAAM,MAAM,CAE9B,OADA,EAAQ,MAAM,UAAU,CACjB,GAET,GAAI,EAAS,MAAM,WAAa,EAAS,MAAM,QAE7C,OADA,EAAQ,MAAM,eAAe,CACtB,GAGT,IAAM,EAAU,IAAI,KAAK,EAAS,MAAM,KAAK,CAAC,aAAa,CAAC,MAAM,IAAI,CAAC,GACjE,EAA2B,CAC/B,GAAI,EAAU,MAAQ,EAAS,MAAM,GAAK,KAAK,KAAK,CAAC,UAAU,CAC/D,MAAO,EAAS,MAAM,MACtB,MAAO,IAAI,KAAK,GAAG,EAAQ,GAAG,EAAS,MAAM,UAAU,KAAK,CAC5D,IAAK,IAAI,KAAK,GAAG,EAAQ,GAAG,EAAS,MAAM,QAAQ,KAAK,CACxD,MAAO,EAAS,MAAM,MACvB,CAaD,OAXI,EAAU,OACZ,EAAmB,EAAU,CAC7B,EAAK,gBAAiB,EAAU,CAChC,EAAQ,QAAQ,QAAQ,GAExB,EAAgB,EAAU,CAC1B,EAAK,cAAe,EAAU,CAC9B,EAAQ,QAAQ,QAAQ,EAG1B,EAAc,MAAQ,GACf,GAGT,SAAS,GAAc,CACrB,GAAI,CAAC,EAAc,MAAO,OAC1B,GAAM,CAAE,KAAI,SAAU,EAAc,MACpC,EAAqB,EAAG,CACxB,EAAK,gBAAiB,CAAE,KAAI,QAAO,CAAC,CACpC,EAAiB,MAAQ,GACzB,EAAQ,QAAQ,UAAU,IAAQ,CAGpC,IAAM,GAAA,EAAA,EAAA,KAA4C,CAChD,QAAS,CAACA,EAAAA,QAAeC,EAAAA,QAAmBC,EAAAA,QAAW,CACvD,OAAQC,EAAAA,QACR,YAAa,EAAM,aAAe,eAClC,OAAQ,EAAe,MACvB,cAAe,EACf,WAAY,EACZ,SAAU,EAAM,UAAY,GAC5B,WAAY,EACZ,UAAW,EACX,UAAW,EACX,YAAa,EACd,CAAC,CAkBF,OAhBA,EAAA,EAAA,WACQ,EAAM,OACX,GAAc,CACb,EAAe,MAAQ,CAAC,GAAI,GAAa,EAAE,CAAE,EAE/C,CAAE,KAAM,GAAM,CACf,EAED,EAAA,EAAA,OACE,EACC,GAAc,CACb,EAAgB,MAAM,OAAS,GAEjC,CAAE,KAAM,GAAM,CACf,CAEM,CACL,cACA,kBACA,mBACA,gBACA,YACA,gBACA,WACA,YAAa,EACb,gBACA,YACA,cACA,OAAQ,CACN,WAAc,EAAY,OAAO,QAAQ,CACzC,SAAU,EACV,YAAa,EACb,YAAa,EACb,cAAiB,EAAe,MACjC,CACF,sqBGnFH,GAAM,CACJ,cACA,kBACA,mBACA,gBACA,YACA,gBACA,WACA,cACA,gBACA,YACA,cACA,UACE,EAvBU,EAQD,EAeqB,QAElC,EAA6B,EAAO,oDApC5B,MAnGN,EAmGM,+BAlGyD,EAAA,QAAA,CAAA,SAA3C,cAAJ,IAAI,EAAe,SAAA,EAAA,EAAA,OAAS,EAAA,kCAGlC,EAAgB,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAiBf,EAAA,OAAA,CAAA,OAhBC,MAAA,EAAA,EAAA,OAAM,EAAgB,0CAAhB,EAAgB,MAAA,EAAA,KAC9B,OAAO,SACN,MAAK,WAAA,EAAA,EAAA,OAAY,EAAa,EAAE,QACjC,MAAA,CAAA,MAAA,QAAA,6BAYM,EAAA,EAAA,EAAA,oBAAA,MAVN,EAUM,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAFM,EAAA,QAAA,CAAA,CANR,KAAK,UACJ,SAAA,EAAA,EAAA,OAAO,EAAa,CACrB,MAAA,CAAA,eAAA,OAA0B,CAC1B,KAAK,oCAGP,AAAA,EAAA,KAAA,EAAA,EAAA,EAAA,iBAFC,OAED,GAAA,CAAA,CAAA,0DACsE,EAAA,QAAA,CAAA,CAA7D,KAAK,QAAS,SAAA,EAAA,EAAA,OAAO,EAAW,CAAE,KAAK,oCAAY,AAAA,EAAA,KAAA,EAAA,EAAA,EAAA,iBAAJ,OAAI,GAAA,CAAA,CAAA,4HA+EvD,EAAA,OAAA,CAAA,CA1EC,MAAA,EAAA,EAAA,OAAM,EAAa,0CAAb,EAAa,MAAA,EAAA,KAC3B,OAAO,SACN,OAAA,EAAA,EAAA,OAAO,EAAS,CAAA,OAAA,OACjB,gBAAc,KACd,gBAAc,KACb,iBAAA,EAAA,EAAA,OAAgB,EAAA,6BAoEX,EAAA,EAAA,EAAA,oBAAA,MAlEN,EAkEM,0BA5DE,MALN,EAKM,CAAA,AAAA,EAAA,MAAA,EAAA,EAAA,oBAHuB,QAAA,CADpB,MAAA,CAAA,QAAA,QAAA,gBAAA,MAAA,cAAA,MAA4D,CAAA,CAChE,OAAI,GAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAEwD,EAAA,OAAA,CAAA,CAA/C,OAAA,EAAA,EAAA,OAAO,EAAQ,CAAC,6CAAT,EAAQ,CAAC,MAAK,EAAE,YAAY,wDAa/C,MAVN,EAUM,CAAA,AAAA,EAAA,MAAA,EAAA,EAAA,oBARuB,QAAA,CADpB,MAAA,CAAA,QAAA,QAAA,gBAAA,MAAA,cAAA,MAA4D,CAAA,CAChE,OAAI,GAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAOL,EAAA,YAAA,CAAA,CAJQ,OAAA,EAAA,EAAA,OAAO,EAAQ,CAAC,4CAAT,EAAQ,CAAC,KAAI,EAC5B,KAAK,OACL,OAAO,aACP,MAAA,CAAA,MAAA,OAAA,+CAyBE,MArBN,EAqBM,EAAA,EAAA,EAAA,oBAXE,MAAA,KAAA,CAAA,AAAA,EAAA,OAAA,EAAA,EAAA,oBAPyB,QAAA,CADtB,MAAA,CAAA,QAAA,QAAA,gBAAA,MAAA,cAAA,MAA4D,CAAA,CAChE,OAAI,GAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAML,EAAA,OAAA,CAAA,CAHQ,OAAA,EAAA,EAAA,OAAO,EAAQ,CAAC,iDAAT,EAAQ,CAAC,UAAS,EACjC,KAAK,OACL,YAAY,sDAYV,MAAA,KAAA,CAAA,AAAA,EAAA,OAAA,EAAA,EAAA,oBAPyB,QAAA,CADtB,MAAA,CAAA,QAAA,QAAA,gBAAA,MAAA,cAAA,MAA4D,CAAA,CAChE,OAAI,GAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAML,EAAA,OAAA,CAAA,CAHQ,OAAA,EAAA,EAAA,OAAO,EAAQ,CAAC,+CAAT,EAAQ,CAAC,QAAO,EAC/B,KAAK,OACL,YAAY,wDA2BZ,MAtBN,EAsBM,CAAA,AAAA,EAAA,OAAA,EAAA,EAAA,oBApBuB,QAAA,CADpB,MAAA,CAAA,QAAA,QAAA,gBAAA,MAAA,cAAA,MAA4D,CAAA,CAChE,OAAI,GAAA,EAAA,EAAA,EAAA,oBAmBD,MAjBN,EAiBM,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBADF,EAAA,SAAA,MAAA,EAAA,EAAA,aAAA,EAAA,EAAA,OAdgB,EAAW,CAApB,+CAcP,MAAA,CAbC,IAAK,EACL,OAAA,EAAA,EAAA,gBAAK,4CAAuG,yDAA6H,EAAQ,CAAC,QAAU,EAAA,iBAAA,mBAW5P,QAAK,GAAE,CAAA,EAAA,EAAA,OAAA,EAAQ,CAAC,MAAQ"}
|
|
1
|
+
{"version":3,"file":"C_FullCalendar.js","names":["dayGridPlugin","interactionPlugin","listPlugin","zhCn"],"sources":["../src/components/C_FullCalendar/data.ts","../src/components/C_FullCalendar/composables/useCalendarEvents.ts","../src/components/C_FullCalendar/index.vue","../src/components/C_FullCalendar/index.vue","../src/components/C_FullCalendar/index.vue"],"sourcesContent":["import type { CalendarEditForm } from \"./types\";\r\n\r\nexport const EVENT_COLORS = [\r\n \"#3f86ff\",\r\n \"#ff6b6b\",\r\n \"#67c23a\",\r\n \"#e6a23c\",\r\n \"#9c27b0\",\r\n \"#00bcd4\",\r\n \"#ff5722\",\r\n];\r\n\r\nexport const DEFAULT_EDIT_FORM: CalendarEditForm = {\r\n id: \"\",\r\n title: \"\",\r\n date: Date.now(),\r\n startTime: \"09:00\",\r\n endTime: \"10:00\",\r\n color: \"#3f86ff\",\r\n};\r\n\r\nexport const HEADER_TOOLBAR = {\r\n left: \"prev,next today\",\r\n center: \"title\",\r\n right: \"dayGridMonth,dayGridWeek,dayGridDay,listWeek\",\r\n};\r\n\r\nexport const BUTTON_TEXT = {\r\n today: \"今天\",\r\n month: \"月\",\r\n week: \"周\",\r\n day: \"日\",\r\n list: \"列表\",\r\n};\r\n","import { ref, watch } from \"vue\";\r\nimport { useMessage } from \"naive-ui\";\r\nimport type { Ref } from \"vue\";\r\nimport type { CalendarEvent, CalendarProps, CalendarEditForm } from \"../types\";\r\nimport {\r\n EVENT_COLORS,\r\n DEFAULT_EDIT_FORM,\r\n HEADER_TOOLBAR,\r\n BUTTON_TEXT,\r\n} from \"../data\";\r\nimport dayGridPlugin from \"@fullcalendar/daygrid\";\r\nimport interactionPlugin from \"@fullcalendar/interaction\";\r\nimport listPlugin from \"@fullcalendar/list\";\r\nimport type { CalendarOptions } from \"@fullcalendar/core\";\r\nimport zhCn from \"@fullcalendar/core/locales/zh-cn\";\r\n\r\ntype EmitFn = {\r\n (event: \"update:events\", events: CalendarEvent[]): void;\r\n (event: \"event-added\", eventData: CalendarEvent): void;\r\n (event: \"event-updated\", eventData: Partial<CalendarEvent>): void;\r\n (event: \"event-deleted\", eventData: { id: string; title: string }): void;\r\n (event: \"event-dropped\", eventData: Partial<CalendarEvent>): void;\r\n};\r\n\r\nexport function useCalendarEvents(props: CalendarProps, emit: EmitFn) {\r\n const message = useMessage();\r\n const calendarRef = ref();\r\n\r\n const internalEvents = ref<CalendarEvent[]>([...(props.events ?? [])]);\r\n\r\n const showActionDialog = ref(false);\r\n const showEditModal = ref(false);\r\n const isEditing = ref(false);\r\n const selectedEvent = ref<any>(null);\r\n const editForm = ref<CalendarEditForm>({ ...DEFAULT_EDIT_FORM });\r\n\r\n const addEventToArray = (event: CalendarEvent) => {\r\n internalEvents.value = [...internalEvents.value, event];\r\n emit(\"update:events\", internalEvents.value);\r\n };\r\n\r\n const updateEventInArray = (eventData: Partial<CalendarEvent>) => {\r\n const index = internalEvents.value.findIndex((e) => e.id === eventData.id);\r\n if (index !== -1) {\r\n internalEvents.value = internalEvents.value.map((event, i) =>\r\n i === index ? { ...event, ...eventData } : event,\r\n );\r\n emit(\"update:events\", internalEvents.value);\r\n }\r\n };\r\n\r\n const removeEventFromArray = (eventId: string) => {\r\n internalEvents.value = internalEvents.value.filter((e) => e.id !== eventId);\r\n emit(\"update:events\", internalEvents.value);\r\n };\r\n\r\n function handleEventClick(info: any) {\r\n if (!props.editable) return;\r\n info.jsEvent.preventDefault();\r\n selectedEvent.value = info.event;\r\n if (props.showEditDialog) showActionDialog.value = true;\r\n }\r\n\r\n function handleDateClick(info: any) {\r\n if (!props.editable || !props.showAddDialog) return;\r\n openAddModal(new Date(info.dateStr));\r\n }\r\n\r\n function handleEventDrop(info: any) {\r\n const payload = {\r\n id: info.event.id,\r\n start: info.event.start,\r\n end: info.event.end,\r\n };\r\n updateEventInArray(payload);\r\n emit(\"event-dropped\", payload);\r\n message.success(`事件 \"${info.event.title}\" 时间已更新`);\r\n }\r\n\r\n function handleEventResize(info: any) {\r\n const payload = {\r\n id: info.event.id,\r\n start: info.event.start,\r\n end: info.event.end,\r\n };\r\n updateEventInArray(payload);\r\n emit(\"event-updated\", payload);\r\n }\r\n\r\n function openAddModal(date: Date) {\r\n isEditing.value = false;\r\n editForm.value = {\r\n ...DEFAULT_EDIT_FORM,\r\n date: date.getTime(),\r\n color: EVENT_COLORS[Math.floor(Math.random() * EVENT_COLORS.length)],\r\n };\r\n showEditModal.value = true;\r\n }\r\n\r\n function openEditModal() {\r\n if (!selectedEvent.value) return;\r\n isEditing.value = true;\r\n const event = selectedEvent.value;\r\n const startDate = new Date(event.start);\r\n const endDate = event.end\r\n ? new Date(event.end)\r\n : new Date(event.start.getTime() + 3600000);\r\n\r\n editForm.value = {\r\n id: event.id,\r\n title: event.title,\r\n date: startDate.getTime(),\r\n startTime: `${String(startDate.getHours()).padStart(2, \"0\")}:${String(startDate.getMinutes()).padStart(2, \"0\")}`,\r\n endTime: `${String(endDate.getHours()).padStart(2, \"0\")}:${String(endDate.getMinutes()).padStart(2, \"0\")}`,\r\n color: event.backgroundColor || \"#3f86ff\",\r\n };\r\n showActionDialog.value = false;\r\n showEditModal.value = true;\r\n }\r\n\r\n function saveEvent() {\r\n if (!editForm.value.title.trim()) {\r\n message.error(\"请输入事件标题\");\r\n return false;\r\n }\r\n if (editForm.value.startTime >= editForm.value.endTime) {\r\n message.error(\"结束时间必须晚于开始时间\");\r\n return false;\r\n }\r\n\r\n const dateStr = new Date(editForm.value.date).toISOString().split(\"T\")[0];\r\n const eventData: CalendarEvent = {\r\n id: isEditing.value ? editForm.value.id : Date.now().toString(),\r\n title: editForm.value.title,\r\n start: new Date(`${dateStr}T${editForm.value.startTime}:00`),\r\n end: new Date(`${dateStr}T${editForm.value.endTime}:00`),\r\n color: editForm.value.color,\r\n };\r\n\r\n if (isEditing.value) {\r\n updateEventInArray(eventData);\r\n emit(\"event-updated\", eventData);\r\n message.success(\"事件已更新\");\r\n } else {\r\n addEventToArray(eventData);\r\n emit(\"event-added\", eventData);\r\n message.success(\"事件已添加\");\r\n }\r\n\r\n showEditModal.value = false;\r\n return true;\r\n }\r\n\r\n function deleteEvent() {\r\n if (!selectedEvent.value) return;\r\n const { id, title } = selectedEvent.value;\r\n removeEventFromArray(id);\r\n emit(\"event-deleted\", { id, title });\r\n showActionDialog.value = false;\r\n message.success(`已删除事件: ${title}`);\r\n }\r\n\r\n const calendarOptions: Ref<CalendarOptions> = ref({\r\n plugins: [dayGridPlugin, interactionPlugin, listPlugin],\r\n locale: zhCn,\r\n initialView: props.initialView ?? \"dayGridMonth\",\r\n events: internalEvents.value as any,\r\n headerToolbar: HEADER_TOOLBAR,\r\n buttonText: BUTTON_TEXT,\r\n editable: props.editable ?? true,\r\n eventClick: handleEventClick,\r\n dateClick: handleDateClick,\r\n eventDrop: handleEventDrop,\r\n eventResize: handleEventResize,\r\n });\r\n\r\n watch(\r\n () => props.events,\r\n (newEvents) => {\r\n internalEvents.value = [...(newEvents ?? [])];\r\n },\r\n { deep: true },\r\n );\r\n\r\n watch(\r\n internalEvents,\r\n (newEvents) => {\r\n calendarOptions.value.events = newEvents as any;\r\n },\r\n { deep: true },\r\n );\r\n\r\n return {\r\n calendarRef,\r\n calendarOptions,\r\n showActionDialog,\r\n showEditModal,\r\n isEditing,\r\n selectedEvent,\r\n editForm,\r\n eventColors: EVENT_COLORS,\r\n openEditModal,\r\n saveEvent,\r\n deleteEvent,\r\n expose: {\r\n getApi: () => calendarRef.value?.getApi(),\r\n addEvent: addEventToArray,\r\n updateEvent: updateEventInArray,\r\n deleteEvent: removeEventFromArray,\r\n getEvents: () => internalEvents.value,\r\n },\r\n };\r\n}\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-19\r\n * @Description: 全局日历组件 — 薄 UI 壳,逻辑由 useCalendarEvents 驱动\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <div class=\"c-full-calendar\">\r\n <FullCalendar\r\n ref=\"calendarRef\"\r\n :options=\"calendarOptions\"\r\n />\r\n\r\n <NModal\r\n v-if=\"showActionDialog\"\r\n v-model:show=\"showActionDialog\"\r\n preset=\"dialog\"\r\n :title=\"`事件操作 - ${selectedEvent?.title}`\"\r\n style=\"width: 400px\"\r\n >\r\n <div class=\"ml-10% mt-20px\">\r\n <NButton\r\n type=\"primary\"\r\n @click=\"openEditModal\"\r\n style=\"margin-right: 12px\"\r\n size=\"small\"\r\n >\r\n 编辑\r\n </NButton>\r\n <NButton\r\n type=\"error\"\r\n @click=\"deleteEvent\"\r\n size=\"small\"\r\n >\r\n 删除\r\n </NButton>\r\n </div>\r\n </NModal>\r\n\r\n <NModal\r\n v-model:show=\"showEditModal\"\r\n preset=\"dialog\"\r\n :title=\"isEditing ? '编辑事件' : '添加事件'\"\r\n positive-text=\"保存\"\r\n negative-text=\"取消\"\r\n @positive-click=\"saveEvent\"\r\n >\r\n <div style=\"padding: 20px\">\r\n <div style=\"margin-bottom: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件标题</label\r\n >\r\n <NInput\r\n v-model:value=\"editForm.title\"\r\n placeholder=\"请输入事件标题\"\r\n />\r\n </div>\r\n\r\n <div style=\"margin-bottom: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件日期</label\r\n >\r\n <NDatePicker\r\n v-model:value=\"editForm.date\"\r\n type=\"date\"\r\n format=\"yyyy-MM-dd\"\r\n style=\"width: 100%\"\r\n />\r\n </div>\r\n\r\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px\">\r\n <div>\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >开始时间</label\r\n >\r\n <NInput\r\n v-model:value=\"editForm.startTime\"\r\n placeholder=\"09:00\"\r\n />\r\n </div>\r\n <div>\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >结束时间</label\r\n >\r\n <NInput\r\n v-model:value=\"editForm.endTime\"\r\n placeholder=\"10:00\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div style=\"margin-top: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件颜色</label\r\n >\r\n <div style=\"display: flex; gap: 8px\">\r\n <div\r\n v-for=\"color in eventColors\"\r\n :key=\"color\"\r\n :style=\"{\r\n width: '30px',\r\n height: '30px',\r\n backgroundColor: color,\r\n borderRadius: '50%',\r\n cursor: 'pointer',\r\n border:\r\n editForm.color === color\r\n ? '3px solid #000'\r\n : '2px solid #ddd',\r\n }\"\r\n @click=\"editForm.color = color\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </NModal>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n import { NModal, NButton, NInput, NDatePicker } from 'naive-ui'\r\n import FullCalendar from '@fullcalendar/vue3'\r\n import { useCalendarEvents } from './composables/useCalendarEvents'\r\n import type { CalendarProps, CalendarEmits, CalendarExpose } from './types'\r\n\r\n defineOptions({ name: 'C_FullCalendar' })\r\n\r\n const props = withDefaults(defineProps<CalendarProps>(), {\r\n events: () => [],\r\n initialView: 'dayGridMonth',\r\n editable: true,\r\n showAddDialog: true,\r\n showEditDialog: true,\r\n })\r\n\r\n const emit = defineEmits<CalendarEmits>()\r\n\r\n const {\r\n calendarRef,\r\n calendarOptions,\r\n showActionDialog,\r\n showEditModal,\r\n isEditing,\r\n selectedEvent,\r\n editForm,\r\n eventColors,\r\n openEditModal,\r\n saveEvent,\r\n deleteEvent,\r\n expose,\r\n } = useCalendarEvents(props, emit)\r\n\r\n defineExpose<CalendarExpose>(expose)\r\n</script>\r\n\r\n<style scoped>\r\n .c-full-calendar {\r\n width: 100%;\r\n }\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-19\r\n * @Description: 全局日历组件 — 薄 UI 壳,逻辑由 useCalendarEvents 驱动\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <div class=\"c-full-calendar\">\r\n <FullCalendar\r\n ref=\"calendarRef\"\r\n :options=\"calendarOptions\"\r\n />\r\n\r\n <NModal\r\n v-if=\"showActionDialog\"\r\n v-model:show=\"showActionDialog\"\r\n preset=\"dialog\"\r\n :title=\"`事件操作 - ${selectedEvent?.title}`\"\r\n style=\"width: 400px\"\r\n >\r\n <div class=\"ml-10% mt-20px\">\r\n <NButton\r\n type=\"primary\"\r\n @click=\"openEditModal\"\r\n style=\"margin-right: 12px\"\r\n size=\"small\"\r\n >\r\n 编辑\r\n </NButton>\r\n <NButton\r\n type=\"error\"\r\n @click=\"deleteEvent\"\r\n size=\"small\"\r\n >\r\n 删除\r\n </NButton>\r\n </div>\r\n </NModal>\r\n\r\n <NModal\r\n v-model:show=\"showEditModal\"\r\n preset=\"dialog\"\r\n :title=\"isEditing ? '编辑事件' : '添加事件'\"\r\n positive-text=\"保存\"\r\n negative-text=\"取消\"\r\n @positive-click=\"saveEvent\"\r\n >\r\n <div style=\"padding: 20px\">\r\n <div style=\"margin-bottom: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件标题</label\r\n >\r\n <NInput\r\n v-model:value=\"editForm.title\"\r\n placeholder=\"请输入事件标题\"\r\n />\r\n </div>\r\n\r\n <div style=\"margin-bottom: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件日期</label\r\n >\r\n <NDatePicker\r\n v-model:value=\"editForm.date\"\r\n type=\"date\"\r\n format=\"yyyy-MM-dd\"\r\n style=\"width: 100%\"\r\n />\r\n </div>\r\n\r\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px\">\r\n <div>\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >开始时间</label\r\n >\r\n <NInput\r\n v-model:value=\"editForm.startTime\"\r\n placeholder=\"09:00\"\r\n />\r\n </div>\r\n <div>\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >结束时间</label\r\n >\r\n <NInput\r\n v-model:value=\"editForm.endTime\"\r\n placeholder=\"10:00\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div style=\"margin-top: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件颜色</label\r\n >\r\n <div style=\"display: flex; gap: 8px\">\r\n <div\r\n v-for=\"color in eventColors\"\r\n :key=\"color\"\r\n :style=\"{\r\n width: '30px',\r\n height: '30px',\r\n backgroundColor: color,\r\n borderRadius: '50%',\r\n cursor: 'pointer',\r\n border:\r\n editForm.color === color\r\n ? '3px solid #000'\r\n : '2px solid #ddd',\r\n }\"\r\n @click=\"editForm.color = color\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </NModal>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n import { NModal, NButton, NInput, NDatePicker } from 'naive-ui'\r\n import FullCalendar from '@fullcalendar/vue3'\r\n import { useCalendarEvents } from './composables/useCalendarEvents'\r\n import type { CalendarProps, CalendarEmits, CalendarExpose } from './types'\r\n\r\n defineOptions({ name: 'C_FullCalendar' })\r\n\r\n const props = withDefaults(defineProps<CalendarProps>(), {\r\n events: () => [],\r\n initialView: 'dayGridMonth',\r\n editable: true,\r\n showAddDialog: true,\r\n showEditDialog: true,\r\n })\r\n\r\n const emit = defineEmits<CalendarEmits>()\r\n\r\n const {\r\n calendarRef,\r\n calendarOptions,\r\n showActionDialog,\r\n showEditModal,\r\n isEditing,\r\n selectedEvent,\r\n editForm,\r\n eventColors,\r\n openEditModal,\r\n saveEvent,\r\n deleteEvent,\r\n expose,\r\n } = useCalendarEvents(props, emit)\r\n\r\n defineExpose<CalendarExpose>(expose)\r\n</script>\r\n\r\n<style scoped>\r\n .c-full-calendar {\r\n width: 100%;\r\n }\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-19\r\n * @Description: 全局日历组件 — 薄 UI 壳,逻辑由 useCalendarEvents 驱动\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <div class=\"c-full-calendar\">\r\n <FullCalendar\r\n ref=\"calendarRef\"\r\n :options=\"calendarOptions\"\r\n />\r\n\r\n <NModal\r\n v-if=\"showActionDialog\"\r\n v-model:show=\"showActionDialog\"\r\n preset=\"dialog\"\r\n :title=\"`事件操作 - ${selectedEvent?.title}`\"\r\n style=\"width: 400px\"\r\n >\r\n <div class=\"ml-10% mt-20px\">\r\n <NButton\r\n type=\"primary\"\r\n @click=\"openEditModal\"\r\n style=\"margin-right: 12px\"\r\n size=\"small\"\r\n >\r\n 编辑\r\n </NButton>\r\n <NButton\r\n type=\"error\"\r\n @click=\"deleteEvent\"\r\n size=\"small\"\r\n >\r\n 删除\r\n </NButton>\r\n </div>\r\n </NModal>\r\n\r\n <NModal\r\n v-model:show=\"showEditModal\"\r\n preset=\"dialog\"\r\n :title=\"isEditing ? '编辑事件' : '添加事件'\"\r\n positive-text=\"保存\"\r\n negative-text=\"取消\"\r\n @positive-click=\"saveEvent\"\r\n >\r\n <div style=\"padding: 20px\">\r\n <div style=\"margin-bottom: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件标题</label\r\n >\r\n <NInput\r\n v-model:value=\"editForm.title\"\r\n placeholder=\"请输入事件标题\"\r\n />\r\n </div>\r\n\r\n <div style=\"margin-bottom: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件日期</label\r\n >\r\n <NDatePicker\r\n v-model:value=\"editForm.date\"\r\n type=\"date\"\r\n format=\"yyyy-MM-dd\"\r\n style=\"width: 100%\"\r\n />\r\n </div>\r\n\r\n <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px\">\r\n <div>\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >开始时间</label\r\n >\r\n <NInput\r\n v-model:value=\"editForm.startTime\"\r\n placeholder=\"09:00\"\r\n />\r\n </div>\r\n <div>\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >结束时间</label\r\n >\r\n <NInput\r\n v-model:value=\"editForm.endTime\"\r\n placeholder=\"10:00\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <div style=\"margin-top: 16px\">\r\n <label style=\"display: block; margin-bottom: 8px; font-weight: 500\"\r\n >事件颜色</label\r\n >\r\n <div style=\"display: flex; gap: 8px\">\r\n <div\r\n v-for=\"color in eventColors\"\r\n :key=\"color\"\r\n :style=\"{\r\n width: '30px',\r\n height: '30px',\r\n backgroundColor: color,\r\n borderRadius: '50%',\r\n cursor: 'pointer',\r\n border:\r\n editForm.color === color\r\n ? '3px solid #000'\r\n : '2px solid #ddd',\r\n }\"\r\n @click=\"editForm.color = color\"\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </NModal>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n import { NModal, NButton, NInput, NDatePicker } from 'naive-ui'\r\n import FullCalendar from '@fullcalendar/vue3'\r\n import { useCalendarEvents } from './composables/useCalendarEvents'\r\n import type { CalendarProps, CalendarEmits, CalendarExpose } from './types'\r\n\r\n defineOptions({ name: 'C_FullCalendar' })\r\n\r\n const props = withDefaults(defineProps<CalendarProps>(), {\r\n events: () => [],\r\n initialView: 'dayGridMonth',\r\n editable: true,\r\n showAddDialog: true,\r\n showEditDialog: true,\r\n })\r\n\r\n const emit = defineEmits<CalendarEmits>()\r\n\r\n const {\r\n calendarRef,\r\n calendarOptions,\r\n showActionDialog,\r\n showEditModal,\r\n isEditing,\r\n selectedEvent,\r\n editForm,\r\n eventColors,\r\n openEditModal,\r\n saveEvent,\r\n deleteEvent,\r\n expose,\r\n } = useCalendarEvents(props, emit)\r\n\r\n defineExpose<CalendarExpose>(expose)\r\n</script>\r\n\r\n<style scoped>\r\n .c-full-calendar {\r\n width: 100%;\r\n }\r\n</style>\r\n"],"mappings":"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"}
|