@robot-admin/naive-ui-components 0.3.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/README.md +257 -0
- package/dist/C_ActionBar-DWN-woTc.css.map +1 -0
- package/dist/C_ActionBar.cjs +5 -0
- package/dist/C_ActionBar.d.cts +2 -0
- package/dist/C_ActionBar.d.ts +2 -0
- package/dist/C_ActionBar.js +4 -0
- package/dist/C_ActionBar2.js +196 -0
- package/dist/C_ActionBar2.js.map +1 -0
- package/dist/C_AntV-AFKyK6hH.css.map +1 -0
- package/dist/C_AntV.cjs +8 -0
- package/dist/C_AntV.d.cts +2 -0
- package/dist/C_AntV.d.ts +2 -0
- package/dist/C_AntV.js +4 -0
- package/dist/C_AntV2.js +3150 -0
- package/dist/C_AntV2.js.map +1 -0
- package/dist/C_Barcode-P_EFj8dC.css.map +1 -0
- package/dist/C_Barcode.cjs +4 -0
- package/dist/C_Barcode.d.cts +2 -0
- package/dist/C_Barcode.d.ts +2 -0
- package/dist/C_Barcode.js +3 -0
- package/dist/C_Barcode2.js +68 -0
- package/dist/C_Barcode2.js.map +1 -0
- package/dist/C_Captcha-C-ef41xw.css.map +1 -0
- package/dist/C_Captcha.cjs +4 -0
- package/dist/C_Captcha.d.cts +2 -0
- package/dist/C_Captcha.d.ts +2 -0
- package/dist/C_Captcha.js +3 -0
- package/dist/C_Captcha2.js +155 -0
- package/dist/C_Captcha2.js.map +1 -0
- package/dist/C_Cascade-D9kNsjsV.css.map +1 -0
- package/dist/C_Cascade.cjs +4 -0
- package/dist/C_Cascade.d.cts +2 -0
- package/dist/C_Cascade.d.ts +2 -0
- package/dist/C_Cascade.js +3 -0
- package/dist/C_Cascade2.js +103 -0
- package/dist/C_Cascade2.js.map +1 -0
- package/dist/C_City-BCQ4ipiK.css.map +1 -0
- package/dist/C_City.cjs +4 -0
- package/dist/C_City.d.cts +2 -0
- package/dist/C_City.d.ts +2 -0
- package/dist/C_City.js +3 -0
- package/dist/C_City2.js +841 -0
- package/dist/C_City2.js.map +1 -0
- package/dist/C_Code-C9kvvEmO.css.map +1 -0
- package/dist/C_Code.cjs +5 -0
- package/dist/C_Code.d.cts +2 -0
- package/dist/C_Code.d.ts +2 -0
- package/dist/C_Code.js +4 -0
- package/dist/C_Code2.js +346 -0
- package/dist/C_Code2.js.map +1 -0
- package/dist/C_CollapsePanel-BUJHuYcU.css.map +1 -0
- package/dist/C_CollapsePanel.cjs +6 -0
- package/dist/C_CollapsePanel.d.cts +2 -0
- package/dist/C_CollapsePanel.d.ts +2 -0
- package/dist/C_CollapsePanel.js +4 -0
- package/dist/C_CollapsePanel2.js +319 -0
- package/dist/C_CollapsePanel2.js.map +1 -0
- package/dist/C_Cron-yx2Ob4Jl.css.map +1 -0
- package/dist/C_Cron.cjs +15 -0
- package/dist/C_Cron.d.cts +2 -0
- package/dist/C_Cron.d.ts +2 -0
- package/dist/C_Cron.js +4 -0
- package/dist/C_Cron2.js +1209 -0
- package/dist/C_Cron2.js.map +1 -0
- package/dist/C_Date.cjs +4 -0
- package/dist/C_Date.d.cts +2 -0
- package/dist/C_Date.d.ts +2 -0
- package/dist/C_Date.js +3 -0
- package/dist/C_Date2.js +219 -0
- package/dist/C_Date2.js.map +1 -0
- package/dist/C_Draggable-C483syRC.css.map +1 -0
- package/dist/C_Draggable.cjs +5 -0
- package/dist/C_Draggable.d.cts +2 -0
- package/dist/C_Draggable.d.ts +2 -0
- package/dist/C_Draggable.js +3 -0
- package/dist/C_Draggable2.js +295 -0
- package/dist/C_Draggable2.js.map +1 -0
- package/dist/C_Editor-Bp0SyIEw.css.map +1 -0
- package/dist/C_Editor.cjs +4 -0
- package/dist/C_Editor.d.cts +2 -0
- package/dist/C_Editor.d.ts +2 -0
- package/dist/C_Editor.js +3 -0
- package/dist/C_Editor2.js +160 -0
- package/dist/C_Editor2.js.map +1 -0
- package/dist/C_FilePreview-CPqvhoCy.css.map +1 -0
- package/dist/C_FilePreview.cjs +6 -0
- package/dist/C_FilePreview.d.cts +2 -0
- package/dist/C_FilePreview.d.ts +2 -0
- package/dist/C_FilePreview.js +3 -0
- package/dist/C_FilePreview2.js +1031 -0
- package/dist/C_FilePreview2.js.map +1 -0
- package/dist/C_Form-Jx7PY3sT.css.map +1 -0
- package/dist/C_Form.cjs +15 -0
- package/dist/C_Form.d.cts +2 -0
- package/dist/C_Form.d.ts +2 -0
- package/dist/C_Form.js +4 -0
- package/dist/C_Form2.js +2510 -0
- package/dist/C_Form2.js.map +1 -0
- package/dist/C_FormSearch-DvRgxlRn.css.map +1 -0
- package/dist/C_FormSearch.cjs +6 -0
- package/dist/C_FormSearch.d.cts +2 -0
- package/dist/C_FormSearch.d.ts +2 -0
- package/dist/C_FormSearch.js +3 -0
- package/dist/C_FormSearch2.js +356 -0
- package/dist/C_FormSearch2.js.map +1 -0
- package/dist/C_FormulaEditor-DtGkt4T_.css.map +1 -0
- package/dist/C_FormulaEditor.cjs +13 -0
- package/dist/C_FormulaEditor.d.cts +2 -0
- package/dist/C_FormulaEditor.d.ts +2 -0
- package/dist/C_FormulaEditor.js +4 -0
- package/dist/C_FormulaEditor2.js +1433 -0
- package/dist/C_FormulaEditor2.js.map +1 -0
- package/dist/C_FullCalendar-BF7H0YIx.css.map +1 -0
- package/dist/C_FullCalendar.cjs +9 -0
- package/dist/C_FullCalendar.d.cts +2 -0
- package/dist/C_FullCalendar.d.ts +2 -0
- package/dist/C_FullCalendar.js +3 -0
- package/dist/C_FullCalendar2.js +377 -0
- package/dist/C_FullCalendar2.js.map +1 -0
- package/dist/C_Guide.cjs +4 -0
- package/dist/C_Guide.d.cts +2 -0
- package/dist/C_Guide.d.ts +2 -0
- package/dist/C_Guide.js +3 -0
- package/dist/C_Guide2.js +58 -0
- package/dist/C_Guide2.js.map +1 -0
- package/dist/C_Icon.cjs +4 -0
- package/dist/C_Icon.d.cts +2 -0
- package/dist/C_Icon.d.ts +2 -0
- package/dist/C_Icon.js +3 -0
- package/dist/C_Icon2.js +286 -0
- package/dist/C_Icon2.js.map +1 -0
- package/dist/C_ImageCropper-BVJfUufl.css.map +1 -0
- package/dist/C_ImageCropper.cjs +6 -0
- package/dist/C_ImageCropper.d.cts +2 -0
- package/dist/C_ImageCropper.d.ts +2 -0
- package/dist/C_ImageCropper.js +4 -0
- package/dist/C_ImageCropper2.js +723 -0
- package/dist/C_ImageCropper2.js.map +1 -0
- package/dist/C_Language.cjs +4 -0
- package/dist/C_Language.d.cts +2 -0
- package/dist/C_Language.d.ts +2 -0
- package/dist/C_Language.js +3 -0
- package/dist/C_Language2.js +72 -0
- package/dist/C_Language2.js.map +1 -0
- package/dist/C_Map-DpzeuWdX.css.map +1 -0
- package/dist/C_Map.cjs +7 -0
- package/dist/C_Map.d.cts +2 -0
- package/dist/C_Map.d.ts +2 -0
- package/dist/C_Map.js +3 -0
- package/dist/C_Map2.js +199 -0
- package/dist/C_Map2.js.map +1 -0
- package/dist/C_Markdown-BEjxknqd.css.map +1 -0
- package/dist/C_Markdown.cjs +4 -0
- package/dist/C_Markdown.d.cts +2 -0
- package/dist/C_Markdown.d.ts +2 -0
- package/dist/C_Markdown.js +3 -0
- package/dist/C_Markdown2.js +186 -0
- package/dist/C_Markdown2.js.map +1 -0
- package/dist/C_NotificationCenter-0l3TY2Gn.css.map +1 -0
- package/dist/C_NotificationCenter.cjs +20 -0
- package/dist/C_NotificationCenter.d.cts +2 -0
- package/dist/C_NotificationCenter.d.ts +2 -0
- package/dist/C_NotificationCenter.js +4 -0
- package/dist/C_NotificationCenter2.js +1383 -0
- package/dist/C_NotificationCenter2.js.map +1 -0
- package/dist/C_Progress.cjs +4 -0
- package/dist/C_Progress.d.cts +2 -0
- package/dist/C_Progress.d.ts +2 -0
- package/dist/C_Progress.js +3 -0
- package/dist/C_Progress2.js +103 -0
- package/dist/C_Progress2.js.map +1 -0
- package/dist/C_QRCode-DbdiAIPg.css.map +1 -0
- package/dist/C_QRCode.cjs +5 -0
- package/dist/C_QRCode.d.cts +2 -0
- package/dist/C_QRCode.d.ts +2 -0
- package/dist/C_QRCode.js +3 -0
- package/dist/C_QRCode2.js +218 -0
- package/dist/C_QRCode2.js.map +1 -0
- package/dist/C_Signature-zhHCbra9.css.map +1 -0
- package/dist/C_Signature.cjs +8 -0
- package/dist/C_Signature.d.cts +2 -0
- package/dist/C_Signature.d.ts +2 -0
- package/dist/C_Signature.js +4 -0
- package/dist/C_Signature2.js +618 -0
- package/dist/C_Signature2.js.map +1 -0
- package/dist/C_SplitPane-C6sBsfKY.css.map +1 -0
- package/dist/C_SplitPane.cjs +6 -0
- package/dist/C_SplitPane.d.cts +2 -0
- package/dist/C_SplitPane.d.ts +2 -0
- package/dist/C_SplitPane.js +4 -0
- package/dist/C_SplitPane2.js +356 -0
- package/dist/C_SplitPane2.js.map +1 -0
- package/dist/C_Steps-CODHN5Hs.css.map +1 -0
- package/dist/C_Steps.cjs +4 -0
- package/dist/C_Steps.d.cts +2 -0
- package/dist/C_Steps.d.ts +2 -0
- package/dist/C_Steps.js +3 -0
- package/dist/C_Steps2.js +82 -0
- package/dist/C_Steps2.js.map +1 -0
- package/dist/C_Table-DSNsntmT.css.map +1 -0
- package/dist/C_Table.cjs +19 -0
- package/dist/C_Table.d.cts +2 -0
- package/dist/C_Table.d.ts +2 -0
- package/dist/C_Table.js +5 -0
- package/dist/C_Table2.js +3009 -0
- package/dist/C_Table2.js.map +1 -0
- package/dist/C_Theme.cjs +4 -0
- package/dist/C_Theme.d.cts +2 -0
- package/dist/C_Theme.d.ts +2 -0
- package/dist/C_Theme.js +3 -0
- package/dist/C_Theme2.js +60 -0
- package/dist/C_Theme2.js.map +1 -0
- package/dist/C_Time-BvZLYraL.css.map +1 -0
- package/dist/C_Time.cjs +5 -0
- package/dist/C_Time.d.cts +2 -0
- package/dist/C_Time.d.ts +2 -0
- package/dist/C_Time.js +3 -0
- package/dist/C_Time2.js +199 -0
- package/dist/C_Time2.js.map +1 -0
- package/dist/C_Tree-0GDv--jX.css.map +1 -0
- package/dist/C_Tree.cjs +7 -0
- package/dist/C_Tree.d.cts +2 -0
- package/dist/C_Tree.d.ts +2 -0
- package/dist/C_Tree.js +4 -0
- package/dist/C_Tree2.js +441 -0
- package/dist/C_Tree2.js.map +1 -0
- package/dist/C_Upload-BXd3YYLx.css.map +1 -0
- package/dist/C_Upload.cjs +12 -0
- package/dist/C_Upload.d.cts +2 -0
- package/dist/C_Upload.d.ts +2 -0
- package/dist/C_Upload.js +4 -0
- package/dist/C_Upload2.js +1388 -0
- package/dist/C_Upload2.js.map +1 -0
- package/dist/C_VideoPlayer-DYG3RL0Q.css.map +1 -0
- package/dist/C_VideoPlayer.cjs +23 -0
- package/dist/C_VideoPlayer.d.cts +2 -0
- package/dist/C_VideoPlayer.d.ts +2 -0
- package/dist/C_VideoPlayer.js +3 -0
- package/dist/C_VideoPlayer2.js +1932 -0
- package/dist/C_VideoPlayer2.js.map +1 -0
- package/dist/C_VtableGantt-fhItIiHE.css.map +1 -0
- package/dist/C_VtableGantt.cjs +6 -0
- package/dist/C_VtableGantt.d.cts +2 -0
- package/dist/C_VtableGantt.d.ts +2 -0
- package/dist/C_VtableGantt.js +4 -0
- package/dist/C_VtableGantt2.js +873 -0
- package/dist/C_VtableGantt2.js.map +1 -0
- package/dist/C_WaterFall-8sQDFXKg.css.map +1 -0
- package/dist/C_WaterFall.cjs +13 -0
- package/dist/C_WaterFall.d.cts +2 -0
- package/dist/C_WaterFall.d.ts +2 -0
- package/dist/C_WaterFall.js +3 -0
- package/dist/C_WaterFall2.js +365 -0
- package/dist/C_WaterFall2.js.map +1 -0
- package/dist/C_WorkFlow-J-dyIuh9.css.map +1 -0
- package/dist/C_WorkFlow.cjs +8 -0
- package/dist/C_WorkFlow.d.cts +2 -0
- package/dist/C_WorkFlow.d.ts +2 -0
- package/dist/C_WorkFlow.js +4 -0
- package/dist/C_WorkFlow2.js +1984 -0
- package/dist/C_WorkFlow2.js.map +1 -0
- package/dist/chunk.js +22 -0
- package/dist/city.js +4817 -0
- package/dist/city.js.map +1 -0
- package/dist/constants.d.ts +273 -0
- package/dist/constants.d.ts.map +1 -0
- package/dist/constants2.d.ts +178 -0
- package/dist/constants2.d.ts.map +1 -0
- package/dist/constants3.d.ts +475 -0
- package/dist/constants3.d.ts.map +1 -0
- package/dist/constants4.d.ts +430 -0
- package/dist/constants4.d.ts.map +1 -0
- package/dist/constants5.d.ts +4283 -0
- package/dist/constants5.d.ts.map +1 -0
- package/dist/data.d.ts +67 -0
- package/dist/data.d.ts.map +1 -0
- package/dist/export-helper.js +9 -0
- package/dist/index.cjs +409 -0
- package/dist/index.d.cts +96 -0
- package/dist/index.d.cts.map +1 -0
- package/dist/index.d.ts +103 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +230 -0
- package/dist/index.js.map +1 -0
- package/dist/index.vue.d.ts +80 -0
- package/dist/index.vue.d.ts.map +1 -0
- package/dist/index10.vue.d.ts +72 -0
- package/dist/index10.vue.d.ts.map +1 -0
- package/dist/index11.vue.d.ts +26 -0
- package/dist/index11.vue.d.ts.map +1 -0
- package/dist/index12.vue.d.ts +81 -0
- package/dist/index12.vue.d.ts.map +1 -0
- package/dist/index13.vue.d.ts +55 -0
- package/dist/index13.vue.d.ts.map +1 -0
- package/dist/index14.vue.d.ts +33 -0
- package/dist/index14.vue.d.ts.map +1 -0
- package/dist/index15.vue.d.ts +18 -0
- package/dist/index15.vue.d.ts.map +1 -0
- package/dist/index16.vue.d.ts +662 -0
- package/dist/index16.vue.d.ts.map +1 -0
- package/dist/index2.vue.d.ts +38 -0
- package/dist/index2.vue.d.ts.map +1 -0
- package/dist/index3.vue.d.ts +45 -0
- package/dist/index3.vue.d.ts.map +1 -0
- package/dist/index4.vue.d.ts +31 -0
- package/dist/index4.vue.d.ts.map +1 -0
- package/dist/index5.vue.d.ts +35 -0
- package/dist/index5.vue.d.ts.map +1 -0
- package/dist/index6.vue.d.ts +48 -0
- package/dist/index6.vue.d.ts.map +1 -0
- package/dist/index7.vue.d.ts +56 -0
- package/dist/index7.vue.d.ts.map +1 -0
- package/dist/index8.vue.d.ts +41 -0
- package/dist/index8.vue.d.ts.map +1 -0
- package/dist/index9.vue.d.ts +30 -0
- package/dist/index9.vue.d.ts.map +1 -0
- package/dist/storage.js +31 -0
- package/dist/storage.js.map +1 -0
- package/dist/style.css +7725 -0
- package/dist/useCalendarEvents.d.ts +148 -0
- package/dist/useCalendarEvents.d.ts.map +1 -0
- package/dist/useCollapsePanel.d.ts +132 -0
- package/dist/useCollapsePanel.d.ts.map +1 -0
- package/dist/useCropperCore.d.ts +102 -0
- package/dist/useCropperCore.d.ts.map +1 -0
- package/dist/useDraggableLayout.d.ts +194 -0
- package/dist/useDraggableLayout.d.ts.map +1 -0
- package/dist/useDynamicFormState.d.ts +4248 -0
- package/dist/useDynamicFormState.d.ts.map +1 -0
- package/dist/useEdgeInteraction.d.ts +7614 -0
- package/dist/useEdgeInteraction.d.ts.map +1 -0
- package/dist/useFullscreen.d.ts +166 -0
- package/dist/useFullscreen.d.ts.map +1 -0
- package/dist/useInfiniteScroll.d.ts +169 -0
- package/dist/useInfiniteScroll.d.ts.map +1 -0
- package/dist/useModalEdit.d.ts +960 -0
- package/dist/useModalEdit.d.ts.map +1 -0
- package/dist/useQRCode.d.ts +87 -0
- package/dist/useQRCode.d.ts.map +1 -0
- package/dist/useSearchState.d.ts +180 -0
- package/dist/useSearchState.d.ts.map +1 -0
- package/dist/useSignatureHistory.d.ts +189 -0
- package/dist/useSignatureHistory.d.ts.map +1 -0
- package/dist/useSplitResize.d.ts +158 -0
- package/dist/useSplitResize.d.ts.map +1 -0
- package/dist/useTimeSelection.d.ts +105 -0
- package/dist/useTimeSelection.d.ts.map +1 -0
- package/dist/useTreeOperations.d.ts +183 -0
- package/dist/useTreeOperations.d.ts.map +1 -0
- package/dist/useWorkflowValidation.d.ts +1052 -0
- package/dist/useWorkflowValidation.d.ts.map +1 -0
- package/package.json +342 -0
package/dist/C_Theme.cjs
ADDED
package/dist/C_Theme.js
ADDED
package/dist/C_Theme2.js
ADDED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { computed, createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
|
|
2
|
+
import { NButton, NTooltip } from "naive-ui";
|
|
3
|
+
|
|
4
|
+
//#region src/components/C_Theme/index.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
+
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
6
|
+
name: "C_Theme",
|
|
7
|
+
__name: "index",
|
|
8
|
+
props: { modelValue: { default: "system" } },
|
|
9
|
+
emits: ["update:modelValue"],
|
|
10
|
+
setup(__props, { emit: __emit }) {
|
|
11
|
+
const props = __props;
|
|
12
|
+
const emit = __emit;
|
|
13
|
+
const currentIcon = computed(() => {
|
|
14
|
+
switch (props.modelValue) {
|
|
15
|
+
case "light": return "i-mdi:white-balance-sunny";
|
|
16
|
+
case "dark": return "i-mdi:moon-and-stars";
|
|
17
|
+
default: return "i-mdi:sun-moon-stars";
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
const themeTooltip = computed(() => {
|
|
21
|
+
switch (props.modelValue) {
|
|
22
|
+
case "light": return "当前: 浅色模式 (点击切换)";
|
|
23
|
+
case "dark": return "当前: 深色模式 (点击切换)";
|
|
24
|
+
default: return "当前: 跟随系统 (点击切换)";
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
const cycleThemeMode = () => {
|
|
28
|
+
const modes = [
|
|
29
|
+
"system",
|
|
30
|
+
"light",
|
|
31
|
+
"dark"
|
|
32
|
+
];
|
|
33
|
+
emit("update:modelValue", modes[(modes.indexOf(props.modelValue) + 1) % modes.length]);
|
|
34
|
+
};
|
|
35
|
+
return (_ctx, _cache) => {
|
|
36
|
+
return openBlock(), createBlock(unref(NTooltip), {
|
|
37
|
+
placement: "bottom",
|
|
38
|
+
trigger: "hover"
|
|
39
|
+
}, {
|
|
40
|
+
trigger: withCtx(() => [createVNode(unref(NButton), {
|
|
41
|
+
text: "",
|
|
42
|
+
onClick: cycleThemeMode
|
|
43
|
+
}, {
|
|
44
|
+
default: withCtx(() => [createElementVNode("span", { class: normalizeClass(currentIcon.value) }, null, 2)]),
|
|
45
|
+
_: 1
|
|
46
|
+
})]),
|
|
47
|
+
default: withCtx(() => [createElementVNode("span", null, toDisplayString(themeTooltip.value), 1)]),
|
|
48
|
+
_: 1
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
//#endregion
|
|
55
|
+
//#region src/components/C_Theme/index.vue
|
|
56
|
+
var C_Theme_default = index_vue_vue_type_script_setup_true_lang_default;
|
|
57
|
+
|
|
58
|
+
//#endregion
|
|
59
|
+
export { C_Theme_default as t };
|
|
60
|
+
//# sourceMappingURL=C_Theme2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"C_Theme2.js","names":[],"sources":["../src/components/C_Theme/index.vue","../src/components/C_Theme/index.vue","../src/components/C_Theme/index.vue"],"sourcesContent":["<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-13\r\n * @Description: 主题组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <NTooltip placement=\"bottom\" trigger=\"hover\">\r\n <template #trigger>\r\n <NButton text @click=\"cycleThemeMode\">\r\n <span :class=\"currentIcon\"></span>\r\n </NButton>\r\n </template>\r\n <span>{{ themeTooltip }}</span>\r\n </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport { NTooltip, NButton } from \"naive-ui\";\r\n\r\ndefineOptions({ name: \"C_Theme\" });\r\n\r\nexport type ThemeMode = \"system\" | \"light\" | \"dark\";\r\n\r\nconst props = withDefaults(\r\n defineProps<{\r\n modelValue?: ThemeMode;\r\n }>(),\r\n { modelValue: \"system\" },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n \"update:modelValue\": [mode: ThemeMode];\r\n}>();\r\n\r\nconst currentIcon = computed(() => {\r\n switch (props.modelValue) {\r\n case \"light\":\r\n return \"i-mdi:white-balance-sunny\";\r\n case \"dark\":\r\n return \"i-mdi:moon-and-stars\";\r\n default:\r\n return \"i-mdi:sun-moon-stars\";\r\n }\r\n});\r\n\r\nconst themeTooltip = computed(() => {\r\n switch (props.modelValue) {\r\n case \"light\":\r\n return \"当前: 浅色模式 (点击切换)\";\r\n case \"dark\":\r\n return \"当前: 深色模式 (点击切换)\";\r\n default:\r\n return \"当前: 跟随系统 (点击切换)\";\r\n }\r\n});\r\n\r\nconst cycleThemeMode = () => {\r\n const modes: ThemeMode[] = [\"system\", \"light\", \"dark\"];\r\n const currentIndex = modes.indexOf(props.modelValue);\r\n const nextIndex = (currentIndex + 1) % modes.length;\r\n emit(\"update:modelValue\", modes[nextIndex]);\r\n};\r\n</script>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-13\r\n * @Description: 主题组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <NTooltip placement=\"bottom\" trigger=\"hover\">\r\n <template #trigger>\r\n <NButton text @click=\"cycleThemeMode\">\r\n <span :class=\"currentIcon\"></span>\r\n </NButton>\r\n </template>\r\n <span>{{ themeTooltip }}</span>\r\n </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport { NTooltip, NButton } from \"naive-ui\";\r\n\r\ndefineOptions({ name: \"C_Theme\" });\r\n\r\nexport type ThemeMode = \"system\" | \"light\" | \"dark\";\r\n\r\nconst props = withDefaults(\r\n defineProps<{\r\n modelValue?: ThemeMode;\r\n }>(),\r\n { modelValue: \"system\" },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n \"update:modelValue\": [mode: ThemeMode];\r\n}>();\r\n\r\nconst currentIcon = computed(() => {\r\n switch (props.modelValue) {\r\n case \"light\":\r\n return \"i-mdi:white-balance-sunny\";\r\n case \"dark\":\r\n return \"i-mdi:moon-and-stars\";\r\n default:\r\n return \"i-mdi:sun-moon-stars\";\r\n }\r\n});\r\n\r\nconst themeTooltip = computed(() => {\r\n switch (props.modelValue) {\r\n case \"light\":\r\n return \"当前: 浅色模式 (点击切换)\";\r\n case \"dark\":\r\n return \"当前: 深色模式 (点击切换)\";\r\n default:\r\n return \"当前: 跟随系统 (点击切换)\";\r\n }\r\n});\r\n\r\nconst cycleThemeMode = () => {\r\n const modes: ThemeMode[] = [\"system\", \"light\", \"dark\"];\r\n const currentIndex = modes.indexOf(props.modelValue);\r\n const nextIndex = (currentIndex + 1) % modes.length;\r\n emit(\"update:modelValue\", modes[nextIndex]);\r\n};\r\n</script>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-13\r\n * @Description: 主题组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n <NTooltip placement=\"bottom\" trigger=\"hover\">\r\n <template #trigger>\r\n <NButton text @click=\"cycleThemeMode\">\r\n <span :class=\"currentIcon\"></span>\r\n </NButton>\r\n </template>\r\n <span>{{ themeTooltip }}</span>\r\n </NTooltip>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport { NTooltip, NButton } from \"naive-ui\";\r\n\r\ndefineOptions({ name: \"C_Theme\" });\r\n\r\nexport type ThemeMode = \"system\" | \"light\" | \"dark\";\r\n\r\nconst props = withDefaults(\r\n defineProps<{\r\n modelValue?: ThemeMode;\r\n }>(),\r\n { modelValue: \"system\" },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n \"update:modelValue\": [mode: ThemeMode];\r\n}>();\r\n\r\nconst currentIcon = computed(() => {\r\n switch (props.modelValue) {\r\n case \"light\":\r\n return \"i-mdi:white-balance-sunny\";\r\n case \"dark\":\r\n return \"i-mdi:moon-and-stars\";\r\n default:\r\n return \"i-mdi:sun-moon-stars\";\r\n }\r\n});\r\n\r\nconst themeTooltip = computed(() => {\r\n switch (props.modelValue) {\r\n case \"light\":\r\n return \"当前: 浅色模式 (点击切换)\";\r\n case \"dark\":\r\n return \"当前: 深色模式 (点击切换)\";\r\n default:\r\n return \"当前: 跟随系统 (点击切换)\";\r\n }\r\n});\r\n\r\nconst cycleThemeMode = () => {\r\n const modes: ThemeMode[] = [\"system\", \"light\", \"dark\"];\r\n const currentIndex = modes.indexOf(props.modelValue);\r\n const nextIndex = (currentIndex + 1) % modes.length;\r\n emit(\"update:modelValue\", modes[nextIndex]);\r\n};\r\n</script>\r\n"],"mappings":";;;;;;;;;;EC0BA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAIb,MAAM,cAAc,eAAe;AACjC,WAAQ,MAAM,YAAd;IACE,KAAK,QACH,QAAO;IACT,KAAK,OACH,QAAO;IACT,QACE,QAAO;;IAEX;EAEF,MAAM,eAAe,eAAe;AAClC,WAAQ,MAAM,YAAd;IACE,KAAK,QACH,QAAO;IACT,KAAK,OACH,QAAO;IACT,QACE,QAAO;;IAEX;EAEF,MAAM,uBAAuB;GAC3B,MAAM,QAAqB;IAAC;IAAU;IAAS;IAAO;AAGtD,QAAK,qBAAqB,OAFL,MAAM,QAAQ,MAAM,WAAW,GAClB,KAAK,MAAM,QACF;;;uBAvD3C,YAOW,MAAA,SAAA,EAAA;IAPD,WAAU;IAAS,SAAQ;;IACxB,SAAO,cAGN,CAFV,YAEU,MAAA,QAAA,EAAA;KAFD,MAAA;KAAM,SAAO;;4BACc,CAAlC,mBAAkC,QAAA,EAA3B,OAAK,eAAE,YAAA,MAAW;;;2BAGE,CAA/B,mBAA+B,QAAA,MAAA,gBAAtB,aAAA,MAAY,EAAA,EAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"C_Time-BvZLYraL.css","names":[],"sources":["../src/components/C_Time/index.vue?vue&type=style&index=0&scoped=d8f53354&lang.scss"],"sourcesContent":["/* 时间选择器组件样式 */\n.c-time-wrapper[data-v-d8f53354] {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n.time-range-container[data-v-d8f53354] {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.time-single-container[data-v-d8f53354] {\n display: flex;\n align-items: center;\n}\n.range-separator[data-v-d8f53354] {\n color: var(--c-text-3, #666);\n font-size: 14px;\n white-space: nowrap;\n user-select: none;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
|
package/dist/C_Time.cjs
ADDED
package/dist/C_Time.d.ts
ADDED
package/dist/C_Time.js
ADDED
package/dist/C_Time2.js
ADDED
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
import { t as export_helper_default } from "./export-helper.js";
|
|
2
|
+
import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeProps, openBlock, ref, unref, watch } from "vue";
|
|
3
|
+
import { NTimePicker } from "naive-ui";
|
|
4
|
+
|
|
5
|
+
//#region src/components/C_Time/composables/useTimeSelection.ts
|
|
6
|
+
/** 时间选择器逻辑 — 管理时间段/单选模式、智能限制 */
|
|
7
|
+
function useTimeSelection(props, emit) {
|
|
8
|
+
const startTime = ref(props.defaultStartTime ?? null);
|
|
9
|
+
const endTime = ref(props.defaultEndTime ?? null);
|
|
10
|
+
const singleTime = ref(props.defaultSingleTime ?? null);
|
|
11
|
+
const timeFormat = computed(() => {
|
|
12
|
+
if (props.useSeconds) return props.format?.includes("ss") ? props.format : "HH:mm:ss";
|
|
13
|
+
return props.format ?? "HH:mm";
|
|
14
|
+
});
|
|
15
|
+
const endTimeDisabled = computed(() => props.mode === "range" && !startTime.value);
|
|
16
|
+
const mergedStartAttrs = computed(() => ({
|
|
17
|
+
...props.attrs,
|
|
18
|
+
...props.startTimeProps
|
|
19
|
+
}));
|
|
20
|
+
const mergedEndAttrs = computed(() => ({
|
|
21
|
+
...props.attrs,
|
|
22
|
+
...props.endTimeProps
|
|
23
|
+
}));
|
|
24
|
+
const mergedAttrs = computed(() => ({ ...props.attrs }));
|
|
25
|
+
const isEndHourDisabled = (hour) => {
|
|
26
|
+
if (!startTime.value) return false;
|
|
27
|
+
return hour < new Date(startTime.value).getHours();
|
|
28
|
+
};
|
|
29
|
+
const isEndMinuteDisabled = (minute, selectedHour) => {
|
|
30
|
+
if (!startTime.value || selectedHour === null) return false;
|
|
31
|
+
const startDate = new Date(startTime.value);
|
|
32
|
+
return selectedHour === startDate.getHours() && minute < startDate.getMinutes();
|
|
33
|
+
};
|
|
34
|
+
const isEndSecondDisabled = (second, selectedMinute, selectedHour) => {
|
|
35
|
+
if (!startTime.value || !props.useSeconds || selectedHour === null || selectedMinute === null) return false;
|
|
36
|
+
const startDate = new Date(startTime.value);
|
|
37
|
+
return selectedHour === startDate.getHours() && selectedMinute === startDate.getMinutes() && second <= startDate.getSeconds();
|
|
38
|
+
};
|
|
39
|
+
const handleStartTimeChange = (value) => {
|
|
40
|
+
startTime.value = value;
|
|
41
|
+
if (!value) endTime.value = null;
|
|
42
|
+
else if (props.enableTimeRestriction && endTime.value && endTime.value <= value) endTime.value = null;
|
|
43
|
+
emit("change-start", value);
|
|
44
|
+
if (props.mode === "range") emit("change-range", value, endTime.value);
|
|
45
|
+
};
|
|
46
|
+
const handleEndTimeChange = (value) => {
|
|
47
|
+
endTime.value = value;
|
|
48
|
+
emit("change-end", value);
|
|
49
|
+
if (props.mode === "range") emit("change-range", startTime.value, value);
|
|
50
|
+
};
|
|
51
|
+
const handleSingleTimeChange = (value) => {
|
|
52
|
+
singleTime.value = value;
|
|
53
|
+
emit("change-single", value);
|
|
54
|
+
};
|
|
55
|
+
watch(() => props.mode, () => {
|
|
56
|
+
startTime.value = props.defaultStartTime ?? null;
|
|
57
|
+
endTime.value = props.defaultEndTime ?? null;
|
|
58
|
+
singleTime.value = props.defaultSingleTime ?? null;
|
|
59
|
+
});
|
|
60
|
+
const reset = () => {
|
|
61
|
+
startTime.value = null;
|
|
62
|
+
endTime.value = null;
|
|
63
|
+
singleTime.value = null;
|
|
64
|
+
};
|
|
65
|
+
return {
|
|
66
|
+
startTime,
|
|
67
|
+
endTime,
|
|
68
|
+
singleTime,
|
|
69
|
+
timeFormat,
|
|
70
|
+
endTimeDisabled,
|
|
71
|
+
mergedStartAttrs,
|
|
72
|
+
mergedEndAttrs,
|
|
73
|
+
mergedAttrs,
|
|
74
|
+
isEndHourDisabled,
|
|
75
|
+
isEndMinuteDisabled,
|
|
76
|
+
isEndSecondDisabled,
|
|
77
|
+
handleStartTimeChange,
|
|
78
|
+
handleEndTimeChange,
|
|
79
|
+
handleSingleTimeChange,
|
|
80
|
+
reset
|
|
81
|
+
};
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
//#endregion
|
|
85
|
+
//#region src/components/C_Time/index.vue?vue&type=script&setup=true&lang.ts
|
|
86
|
+
const _hoisted_1 = { class: "c-time-wrapper" };
|
|
87
|
+
const _hoisted_2 = {
|
|
88
|
+
key: 0,
|
|
89
|
+
class: "time-range-container"
|
|
90
|
+
};
|
|
91
|
+
const _hoisted_3 = { class: "time-single-container" };
|
|
92
|
+
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
93
|
+
name: "C_Time",
|
|
94
|
+
__name: "index",
|
|
95
|
+
props: {
|
|
96
|
+
mode: { default: "range" },
|
|
97
|
+
startPlaceholder: { default: "请选择开始时间" },
|
|
98
|
+
endPlaceholder: { default: "请选择结束时间" },
|
|
99
|
+
placeholder: { default: "请选择时间" },
|
|
100
|
+
format: { default: "HH:mm" },
|
|
101
|
+
useHours: {
|
|
102
|
+
type: Boolean,
|
|
103
|
+
default: true
|
|
104
|
+
},
|
|
105
|
+
useMinutes: {
|
|
106
|
+
type: Boolean,
|
|
107
|
+
default: true
|
|
108
|
+
},
|
|
109
|
+
useSeconds: {
|
|
110
|
+
type: Boolean,
|
|
111
|
+
default: false
|
|
112
|
+
},
|
|
113
|
+
hourStep: { default: 1 },
|
|
114
|
+
minuteStep: { default: 30 },
|
|
115
|
+
secondStep: { default: 1 },
|
|
116
|
+
startTimeProps: { default: () => ({}) },
|
|
117
|
+
endTimeProps: { default: () => ({}) },
|
|
118
|
+
attrs: { default: () => ({}) },
|
|
119
|
+
defaultStartTime: { default: null },
|
|
120
|
+
defaultEndTime: { default: null },
|
|
121
|
+
defaultSingleTime: { default: null },
|
|
122
|
+
enableTimeRestriction: {
|
|
123
|
+
type: Boolean,
|
|
124
|
+
default: false
|
|
125
|
+
}
|
|
126
|
+
},
|
|
127
|
+
emits: [
|
|
128
|
+
"change-range",
|
|
129
|
+
"change-single",
|
|
130
|
+
"change-start",
|
|
131
|
+
"change-end"
|
|
132
|
+
],
|
|
133
|
+
setup(__props, { expose: __expose, emit: __emit }) {
|
|
134
|
+
const props = __props;
|
|
135
|
+
const { startTime, endTime, singleTime, timeFormat, endTimeDisabled, mergedStartAttrs, mergedEndAttrs, mergedAttrs, isEndHourDisabled, isEndMinuteDisabled, isEndSecondDisabled, handleStartTimeChange, handleEndTimeChange, handleSingleTimeChange, reset } = useTimeSelection(props, __emit);
|
|
136
|
+
__expose({
|
|
137
|
+
reset,
|
|
138
|
+
startTime,
|
|
139
|
+
endTime,
|
|
140
|
+
singleTime
|
|
141
|
+
});
|
|
142
|
+
return (_ctx, _cache) => {
|
|
143
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [createCommentVNode(" 时间段选择模式 "), _ctx.mode === "range" ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
144
|
+
createVNode(unref(NTimePicker), mergeProps({
|
|
145
|
+
value: unref(startTime),
|
|
146
|
+
"onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(startTime) ? startTime.value = $event : null),
|
|
147
|
+
placeholder: _ctx.startPlaceholder,
|
|
148
|
+
format: unref(timeFormat),
|
|
149
|
+
actions: ["now", "confirm"]
|
|
150
|
+
}, unref(mergedStartAttrs), { "onUpdate:value": unref(handleStartTimeChange) }), null, 16, [
|
|
151
|
+
"value",
|
|
152
|
+
"placeholder",
|
|
153
|
+
"format",
|
|
154
|
+
"onUpdate:value"
|
|
155
|
+
]),
|
|
156
|
+
_cache[3] || (_cache[3] = createElementVNode("span", { class: "range-separator" }, "至", -1)),
|
|
157
|
+
createVNode(unref(NTimePicker), mergeProps({
|
|
158
|
+
value: unref(endTime),
|
|
159
|
+
"onUpdate:value": _cache[1] || (_cache[1] = ($event) => isRef(endTime) ? endTime.value = $event : null),
|
|
160
|
+
placeholder: _ctx.endPlaceholder,
|
|
161
|
+
format: unref(timeFormat),
|
|
162
|
+
actions: ["now", "confirm"],
|
|
163
|
+
"is-hour-disabled": props.enableTimeRestriction ? unref(isEndHourDisabled) : void 0,
|
|
164
|
+
"is-minute-disabled": props.enableTimeRestriction ? unref(isEndMinuteDisabled) : void 0,
|
|
165
|
+
"is-second-disabled": props.enableTimeRestriction ? unref(isEndSecondDisabled) : void 0,
|
|
166
|
+
disabled: unref(endTimeDisabled)
|
|
167
|
+
}, unref(mergedEndAttrs), { "onUpdate:value": unref(handleEndTimeChange) }), null, 16, [
|
|
168
|
+
"value",
|
|
169
|
+
"placeholder",
|
|
170
|
+
"format",
|
|
171
|
+
"is-hour-disabled",
|
|
172
|
+
"is-minute-disabled",
|
|
173
|
+
"is-second-disabled",
|
|
174
|
+
"disabled",
|
|
175
|
+
"onUpdate:value"
|
|
176
|
+
])
|
|
177
|
+
])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 单个时间选择模式 "), createElementVNode("div", _hoisted_3, [createVNode(unref(NTimePicker), mergeProps({
|
|
178
|
+
value: unref(singleTime),
|
|
179
|
+
"onUpdate:value": _cache[2] || (_cache[2] = ($event) => isRef(singleTime) ? singleTime.value = $event : null),
|
|
180
|
+
placeholder: _ctx.placeholder,
|
|
181
|
+
format: unref(timeFormat),
|
|
182
|
+
actions: ["now", "confirm"]
|
|
183
|
+
}, unref(mergedAttrs), { "onUpdate:value": unref(handleSingleTimeChange) }), null, 16, [
|
|
184
|
+
"value",
|
|
185
|
+
"placeholder",
|
|
186
|
+
"format",
|
|
187
|
+
"onUpdate:value"
|
|
188
|
+
])])], 2112))]);
|
|
189
|
+
};
|
|
190
|
+
}
|
|
191
|
+
});
|
|
192
|
+
|
|
193
|
+
//#endregion
|
|
194
|
+
//#region src/components/C_Time/index.vue
|
|
195
|
+
var C_Time_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d8f53354"]]);
|
|
196
|
+
|
|
197
|
+
//#endregion
|
|
198
|
+
export { useTimeSelection as n, C_Time_default as t };
|
|
199
|
+
//# sourceMappingURL=C_Time2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"C_Time2.js","names":["mode","startPlaceholder","endPlaceholder","placeholder"],"sources":["../src/components/C_Time/composables/useTimeSelection.ts","../src/components/C_Time/index.vue","../src/components/C_Time/index.vue","../src/components/C_Time/index.vue"],"sourcesContent":["import { ref, computed, watch } from 'vue'\r\nimport type { TimeProps } from '../types'\r\n\r\ntype EmitFn = {\r\n (\r\n event: 'change-range',\r\n startTime: number | null,\r\n endTime: number | null\r\n ): void\r\n (event: 'change-single', time: number | null): void\r\n (event: 'change-start', time: number | null): void\r\n (event: 'change-end', time: number | null): void\r\n}\r\n\r\n/** 时间选择器逻辑 — 管理时间段/单选模式、智能限制 */\r\nexport function useTimeSelection(props: TimeProps, emit: EmitFn) {\r\n /* ==================== 响应式状态 ==================== */\r\n const startTime = ref<number | null>(props.defaultStartTime ?? null)\r\n const endTime = ref<number | null>(props.defaultEndTime ?? null)\r\n const singleTime = ref<number | null>(props.defaultSingleTime ?? null)\r\n\r\n /* ==================== 计算属性 ==================== */\r\n const timeFormat = computed(() => {\r\n if (props.useSeconds) {\r\n return props.format?.includes('ss') ? props.format : 'HH:mm:ss'\r\n }\r\n return props.format ?? 'HH:mm'\r\n })\r\n\r\n const endTimeDisabled = computed(\r\n () => props.mode === 'range' && !startTime.value\r\n )\r\n\r\n const mergedStartAttrs = computed(() => ({\r\n ...props.attrs,\r\n ...props.startTimeProps,\r\n }))\r\n\r\n const mergedEndAttrs = computed(() => ({\r\n ...props.attrs,\r\n ...props.endTimeProps,\r\n }))\r\n\r\n const mergedAttrs = computed(() => ({ ...props.attrs }))\r\n\r\n /* ==================== 时间限制函数 ==================== */\r\n const isEndHourDisabled = (hour: number): boolean => {\r\n if (!startTime.value) return false\r\n return hour < new Date(startTime.value).getHours()\r\n }\r\n\r\n const isEndMinuteDisabled = (\r\n minute: number,\r\n selectedHour: number | null\r\n ): boolean => {\r\n if (!startTime.value || selectedHour === null) return false\r\n const startDate = new Date(startTime.value)\r\n return (\r\n selectedHour === startDate.getHours() && minute < startDate.getMinutes()\r\n )\r\n }\r\n\r\n const isEndSecondDisabled = (\r\n second: number,\r\n selectedMinute: number | null,\r\n selectedHour: number | null\r\n ): boolean => {\r\n if (\r\n !startTime.value ||\r\n !props.useSeconds ||\r\n selectedHour === null ||\r\n selectedMinute === null\r\n )\r\n return false\r\n const startDate = new Date(startTime.value)\r\n return (\r\n selectedHour === startDate.getHours() &&\r\n selectedMinute === startDate.getMinutes() &&\r\n second <= startDate.getSeconds()\r\n )\r\n }\r\n\r\n /* ==================== 事件处理 ==================== */\r\n const handleStartTimeChange = (value: number | null) => {\r\n startTime.value = value\r\n if (!value) {\r\n endTime.value = null\r\n } else if (\r\n props.enableTimeRestriction &&\r\n endTime.value &&\r\n endTime.value <= value\r\n ) {\r\n endTime.value = null\r\n }\r\n emit('change-start', value)\r\n if (props.mode === 'range') emit('change-range', value, endTime.value)\r\n }\r\n\r\n const handleEndTimeChange = (value: number | null) => {\r\n endTime.value = value\r\n emit('change-end', value)\r\n if (props.mode === 'range') emit('change-range', startTime.value, value)\r\n }\r\n\r\n const handleSingleTimeChange = (value: number | null) => {\r\n singleTime.value = value\r\n emit('change-single', value)\r\n }\r\n\r\n /* ==================== 模式切换监听 ==================== */\r\n watch(\r\n () => props.mode,\r\n () => {\r\n startTime.value = props.defaultStartTime ?? null\r\n endTime.value = props.defaultEndTime ?? null\r\n singleTime.value = props.defaultSingleTime ?? null\r\n }\r\n )\r\n\r\n /* ==================== 暴露方法 ==================== */\r\n const reset = () => {\r\n startTime.value = null\r\n endTime.value = null\r\n singleTime.value = null\r\n }\r\n\r\n return {\r\n startTime,\r\n endTime,\r\n singleTime,\r\n timeFormat,\r\n endTimeDisabled,\r\n mergedStartAttrs,\r\n mergedEndAttrs,\r\n mergedAttrs,\r\n isEndHourDisabled,\r\n isEndMinuteDisabled,\r\n isEndSecondDisabled,\r\n handleStartTimeChange,\r\n handleEndTimeChange,\r\n handleSingleTimeChange,\r\n reset,\r\n }\r\n}\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-29\r\n * @Description: 时间选择器 — 薄 UI 壳,逻辑由 useTimeSelection 驱动\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-time-wrapper\">\r\n <!-- 时间段选择模式 -->\r\n <div v-if=\"mode === 'range'\" class=\"time-range-container\">\r\n <NTimePicker\r\n v-model:value=\"startTime\"\r\n :placeholder=\"startPlaceholder\"\r\n :format=\"timeFormat\"\r\n :actions=\"['now', 'confirm']\"\r\n v-bind=\"mergedStartAttrs\"\r\n @update:value=\"handleStartTimeChange\"\r\n />\r\n <span class=\"range-separator\">至</span>\r\n <NTimePicker\r\n v-model:value=\"endTime\"\r\n :placeholder=\"endPlaceholder\"\r\n :format=\"timeFormat\"\r\n :actions=\"['now', 'confirm']\"\r\n :is-hour-disabled=\"\r\n props.enableTimeRestriction ? isEndHourDisabled : undefined\r\n \"\r\n :is-minute-disabled=\"\r\n props.enableTimeRestriction ? isEndMinuteDisabled : undefined\r\n \"\r\n :is-second-disabled=\"\r\n props.enableTimeRestriction ? isEndSecondDisabled : undefined\r\n \"\r\n :disabled=\"endTimeDisabled\"\r\n v-bind=\"mergedEndAttrs\"\r\n @update:value=\"handleEndTimeChange\"\r\n />\r\n </div>\r\n\r\n <!-- 单个时间选择模式 -->\r\n <div v-else class=\"time-single-container\">\r\n <NTimePicker\r\n v-model:value=\"singleTime\"\r\n :placeholder=\"placeholder\"\r\n :format=\"timeFormat\"\r\n :actions=\"['now', 'confirm']\"\r\n v-bind=\"mergedAttrs\"\r\n @update:value=\"handleSingleTimeChange\"\r\n />\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { NTimePicker } from \"naive-ui\";\r\nimport { useTimeSelection } from \"./composables/useTimeSelection\";\r\nimport type { TimeProps, TimeEmits, TimeExpose } from \"./types\";\r\n\r\ndefineOptions({ name: \"C_Time\" });\r\n\r\nconst props = withDefaults(defineProps<TimeProps>(), {\r\n mode: \"range\",\r\n startPlaceholder: \"请选择开始时间\",\r\n endPlaceholder: \"请选择结束时间\",\r\n placeholder: \"请选择时间\",\r\n format: \"HH:mm\",\r\n useHours: true,\r\n useMinutes: true,\r\n useSeconds: false,\r\n hourStep: 1,\r\n minuteStep: 30,\r\n secondStep: 1,\r\n startTimeProps: () => ({}),\r\n endTimeProps: () => ({}),\r\n attrs: () => ({}),\r\n defaultStartTime: null,\r\n defaultEndTime: null,\r\n defaultSingleTime: null,\r\n enableTimeRestriction: false,\r\n});\r\n\r\nconst emit = defineEmits<TimeEmits>();\r\n\r\nconst {\r\n startTime,\r\n endTime,\r\n singleTime,\r\n timeFormat,\r\n endTimeDisabled,\r\n mergedStartAttrs,\r\n mergedEndAttrs,\r\n mergedAttrs,\r\n isEndHourDisabled,\r\n isEndMinuteDisabled,\r\n isEndSecondDisabled,\r\n handleStartTimeChange,\r\n handleEndTimeChange,\r\n handleSingleTimeChange,\r\n reset,\r\n} = useTimeSelection(props, emit);\r\n\r\ndefineExpose<TimeExpose>({\r\n reset,\r\n startTime,\r\n endTime,\r\n singleTime,\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@use \"./index.scss\";\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-29\r\n * @Description: 时间选择器 — 薄 UI 壳,逻辑由 useTimeSelection 驱动\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-time-wrapper\">\r\n <!-- 时间段选择模式 -->\r\n <div v-if=\"mode === 'range'\" class=\"time-range-container\">\r\n <NTimePicker\r\n v-model:value=\"startTime\"\r\n :placeholder=\"startPlaceholder\"\r\n :format=\"timeFormat\"\r\n :actions=\"['now', 'confirm']\"\r\n v-bind=\"mergedStartAttrs\"\r\n @update:value=\"handleStartTimeChange\"\r\n />\r\n <span class=\"range-separator\">至</span>\r\n <NTimePicker\r\n v-model:value=\"endTime\"\r\n :placeholder=\"endPlaceholder\"\r\n :format=\"timeFormat\"\r\n :actions=\"['now', 'confirm']\"\r\n :is-hour-disabled=\"\r\n props.enableTimeRestriction ? isEndHourDisabled : undefined\r\n \"\r\n :is-minute-disabled=\"\r\n props.enableTimeRestriction ? isEndMinuteDisabled : undefined\r\n \"\r\n :is-second-disabled=\"\r\n props.enableTimeRestriction ? isEndSecondDisabled : undefined\r\n \"\r\n :disabled=\"endTimeDisabled\"\r\n v-bind=\"mergedEndAttrs\"\r\n @update:value=\"handleEndTimeChange\"\r\n />\r\n </div>\r\n\r\n <!-- 单个时间选择模式 -->\r\n <div v-else class=\"time-single-container\">\r\n <NTimePicker\r\n v-model:value=\"singleTime\"\r\n :placeholder=\"placeholder\"\r\n :format=\"timeFormat\"\r\n :actions=\"['now', 'confirm']\"\r\n v-bind=\"mergedAttrs\"\r\n @update:value=\"handleSingleTimeChange\"\r\n />\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { NTimePicker } from \"naive-ui\";\r\nimport { useTimeSelection } from \"./composables/useTimeSelection\";\r\nimport type { TimeProps, TimeEmits, TimeExpose } from \"./types\";\r\n\r\ndefineOptions({ name: \"C_Time\" });\r\n\r\nconst props = withDefaults(defineProps<TimeProps>(), {\r\n mode: \"range\",\r\n startPlaceholder: \"请选择开始时间\",\r\n endPlaceholder: \"请选择结束时间\",\r\n placeholder: \"请选择时间\",\r\n format: \"HH:mm\",\r\n useHours: true,\r\n useMinutes: true,\r\n useSeconds: false,\r\n hourStep: 1,\r\n minuteStep: 30,\r\n secondStep: 1,\r\n startTimeProps: () => ({}),\r\n endTimeProps: () => ({}),\r\n attrs: () => ({}),\r\n defaultStartTime: null,\r\n defaultEndTime: null,\r\n defaultSingleTime: null,\r\n enableTimeRestriction: false,\r\n});\r\n\r\nconst emit = defineEmits<TimeEmits>();\r\n\r\nconst {\r\n startTime,\r\n endTime,\r\n singleTime,\r\n timeFormat,\r\n endTimeDisabled,\r\n mergedStartAttrs,\r\n mergedEndAttrs,\r\n mergedAttrs,\r\n isEndHourDisabled,\r\n isEndMinuteDisabled,\r\n isEndSecondDisabled,\r\n handleStartTimeChange,\r\n handleEndTimeChange,\r\n handleSingleTimeChange,\r\n reset,\r\n} = useTimeSelection(props, emit);\r\n\r\ndefineExpose<TimeExpose>({\r\n reset,\r\n startTime,\r\n endTime,\r\n singleTime,\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@use \"./index.scss\";\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-29\r\n * @Description: 时间选择器 — 薄 UI 壳,逻辑由 useTimeSelection 驱动\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-time-wrapper\">\r\n <!-- 时间段选择模式 -->\r\n <div v-if=\"mode === 'range'\" class=\"time-range-container\">\r\n <NTimePicker\r\n v-model:value=\"startTime\"\r\n :placeholder=\"startPlaceholder\"\r\n :format=\"timeFormat\"\r\n :actions=\"['now', 'confirm']\"\r\n v-bind=\"mergedStartAttrs\"\r\n @update:value=\"handleStartTimeChange\"\r\n />\r\n <span class=\"range-separator\">至</span>\r\n <NTimePicker\r\n v-model:value=\"endTime\"\r\n :placeholder=\"endPlaceholder\"\r\n :format=\"timeFormat\"\r\n :actions=\"['now', 'confirm']\"\r\n :is-hour-disabled=\"\r\n props.enableTimeRestriction ? isEndHourDisabled : undefined\r\n \"\r\n :is-minute-disabled=\"\r\n props.enableTimeRestriction ? isEndMinuteDisabled : undefined\r\n \"\r\n :is-second-disabled=\"\r\n props.enableTimeRestriction ? isEndSecondDisabled : undefined\r\n \"\r\n :disabled=\"endTimeDisabled\"\r\n v-bind=\"mergedEndAttrs\"\r\n @update:value=\"handleEndTimeChange\"\r\n />\r\n </div>\r\n\r\n <!-- 单个时间选择模式 -->\r\n <div v-else class=\"time-single-container\">\r\n <NTimePicker\r\n v-model:value=\"singleTime\"\r\n :placeholder=\"placeholder\"\r\n :format=\"timeFormat\"\r\n :actions=\"['now', 'confirm']\"\r\n v-bind=\"mergedAttrs\"\r\n @update:value=\"handleSingleTimeChange\"\r\n />\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { NTimePicker } from \"naive-ui\";\r\nimport { useTimeSelection } from \"./composables/useTimeSelection\";\r\nimport type { TimeProps, TimeEmits, TimeExpose } from \"./types\";\r\n\r\ndefineOptions({ name: \"C_Time\" });\r\n\r\nconst props = withDefaults(defineProps<TimeProps>(), {\r\n mode: \"range\",\r\n startPlaceholder: \"请选择开始时间\",\r\n endPlaceholder: \"请选择结束时间\",\r\n placeholder: \"请选择时间\",\r\n format: \"HH:mm\",\r\n useHours: true,\r\n useMinutes: true,\r\n useSeconds: false,\r\n hourStep: 1,\r\n minuteStep: 30,\r\n secondStep: 1,\r\n startTimeProps: () => ({}),\r\n endTimeProps: () => ({}),\r\n attrs: () => ({}),\r\n defaultStartTime: null,\r\n defaultEndTime: null,\r\n defaultSingleTime: null,\r\n enableTimeRestriction: false,\r\n});\r\n\r\nconst emit = defineEmits<TimeEmits>();\r\n\r\nconst {\r\n startTime,\r\n endTime,\r\n singleTime,\r\n timeFormat,\r\n endTimeDisabled,\r\n mergedStartAttrs,\r\n mergedEndAttrs,\r\n mergedAttrs,\r\n isEndHourDisabled,\r\n isEndMinuteDisabled,\r\n isEndSecondDisabled,\r\n handleStartTimeChange,\r\n handleEndTimeChange,\r\n handleSingleTimeChange,\r\n reset,\r\n} = useTimeSelection(props, emit);\r\n\r\ndefineExpose<TimeExpose>({\r\n reset,\r\n startTime,\r\n endTime,\r\n singleTime,\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"C_Tree-0GDv--jX.css","names":[],"sources":["../src/components/C_Tree/index.vue?vue&type=style&index=0&scoped=ecf2afc2&lang.scss"],"sourcesContent":[".c-tree[data-v-ecf2afc2] {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.c-tree .c-tree-toolbar[data-v-ecf2afc2] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 16px;\n background: #fafafa;\n border-radius: 6px;\n margin-bottom: 12px;\n flex-shrink: 0;\n}\n.c-tree .c-tree-toolbar .toolbar-left .search-input[data-v-ecf2afc2] {\n width: 260px;\n}\n.c-tree .c-tree-toolbar .toolbar-right[data-v-ecf2afc2] {\n display: flex;\n gap: 8px;\n}\n.c-tree .c-tree-container[data-v-ecf2afc2] {\n flex: 1;\n min-height: 0;\n border: 1px solid #e0e0e6;\n border-radius: 6px;\n padding: 12px;\n overflow-y: auto;\n scrollbar-width: thin;\n scrollbar-color: rgba(0, 0, 0, 0.12) transparent;\n}\n.c-tree .c-tree-container[data-v-ecf2afc2]::-webkit-scrollbar {\n width: 6px;\n}\n.c-tree .c-tree-container[data-v-ecf2afc2]::-webkit-scrollbar-thumb {\n background: rgba(0, 0, 0, 0.12);\n border-radius: 3px;\n transition: background 0.2s;\n}\n.c-tree .c-tree-container[data-v-ecf2afc2]::-webkit-scrollbar-thumb:hover {\n background: rgba(0, 0, 0, 0.25);\n}\n.c-tree .c-tree-container[data-v-ecf2afc2]::-webkit-scrollbar-track {\n background: transparent;\n}\n.c-tree .c-tree-container .tree-instance[data-v-ecf2afc2] .n-tree .n-tree-node {\n margin-bottom: 4px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-ecf2afc2] .n-tree .n-tree-node .n-tree-node-wrapper {\n padding: 2px 0;\n}\n.c-tree .c-tree-container .tree-instance[data-v-ecf2afc2] .n-tree .n-tree-node .n-tree-node-content {\n padding: 12px 8px;\n border-radius: 6px;\n transition: all 0.2s ease;\n align-items: center;\n min-height: 44px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-ecf2afc2] .n-tree .n-tree-node .n-tree-node-content:hover {\n background-color: #f0f9ff;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n}\n.c-tree .c-tree-container .tree-instance[data-v-ecf2afc2] .n-tree .n-tree-node .n-tree-node-content:hover .tree-actions {\n opacity: 1 !important;\n}\n.c-tree .c-tree-container .tree-instance[data-v-ecf2afc2] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__prefix {\n margin-right: 0;\n display: flex;\n align-items: center;\n}\n.c-tree .c-tree-container .tree-instance[data-v-ecf2afc2] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__text {\n flex: 1;\n display: flex;\n align-items: center;\n}\n.c-tree .c-tree-container .tree-instance[data-v-ecf2afc2] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__suffix {\n margin-left: auto;\n display: flex;\n align-items: center;\n}\n.c-tree .c-tree-container .tree-instance[data-v-ecf2afc2] .n-tree .n-tree-node .n-tree-node-switcher {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-ecf2afc2] .n-tree .n-tree-node .n-tree-node-switcher .n-tree-node-switcher__icon {\n font-size: 14px;\n transition: transform 0.2s ease;\n}\n.c-tree .c-tree-container .tree-instance[data-v-ecf2afc2] .n-tree .n-tree-node.n-tree-node--selected .n-tree-node-content {\n background-color: #e6f3ff;\n border: 1px solid #1890ff;\n}\n.c-tree .c-tree-container .tree-instance[data-v-ecf2afc2] .n-tree .n-tree-node.n-tree-node--disabled .n-tree-node-content {\n opacity: 0.6;\n cursor: not-allowed;\n}\n.c-tree .c-tree-container .tree-instance[data-v-ecf2afc2] .n-tree .n-tree-node-indent {\n width: 24px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-ecf2afc2] .n-tree-node:hover .tree-actions {\n opacity: 1 !important;\n}\n.c-tree .c-tree-container .tree-instance[data-v-ecf2afc2] .tree-actions {\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.c-tree .c-tree-container .tree-instance[data-v-ecf2afc2] .tree-actions:hover {\n opacity: 1 !important;\n}\n.c-tree[data-v-ecf2afc2] .n-tree-node-content:hover .tree-actions,\n.c-tree[data-v-ecf2afc2] .n-tree-node:hover .tree-actions {\n opacity: 1 !important;\n}\n.c-tree[data-v-ecf2afc2] .tree-actions {\n opacity: 0;\n transition: opacity 0.2s ease-in-out;\n}\n\n/* responsive */\n@media (max-width: 768px) {\n.c-tree .c-tree-toolbar[data-v-ecf2afc2] {\n flex-direction: column;\n gap: 12px;\n}\n.c-tree .c-tree-toolbar .toolbar-left .search-input[data-v-ecf2afc2] {\n width: 100%;\n}\n.c-tree .c-tree-toolbar .toolbar-right[data-v-ecf2afc2] {\n width: 100%;\n justify-content: center;\n}\n.c-tree[data-v-ecf2afc2] .tree-actions {\n opacity: 1 !important;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
|
package/dist/C_Tree.cjs
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
2
|
+
require('./C_Icon.js');
|
|
3
|
+
const require_C_Tree = require('./C_Tree.js');
|
|
4
|
+
|
|
5
|
+
exports.C_Tree = require_C_Tree.C_Tree_default;
|
|
6
|
+
exports.treePresetConfigs = require_C_Tree.presetConfigs;
|
|
7
|
+
exports.useTreeOperations = require_C_Tree.useTreeOperations;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { a as ButtonType, c as StatusConfig, d as TreeExpose, f as TreeMode, h as TreeProps, i as ActionConfig, l as StatusType, m as TreeOption, n as presetConfigs, o as DropInfo, p as TreeNodeData, r as _default, s as IconConfig, t as useTreeOperations, u as TreeEmits } from "./useTreeOperations.js";
|
|
2
|
+
export { type ActionConfig, type ButtonType, _default as C_Tree, type DropInfo, type IconConfig, type StatusConfig, type StatusType, type TreeEmits, type TreeExpose, type TreeMode, type TreeNodeData, type TreeOption, type TreeProps, presetConfigs as treePresetConfigs, useTreeOperations };
|
package/dist/C_Tree.d.ts
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { a as ButtonType, c as StatusConfig, d as TreeExpose, f as TreeMode, h as TreeProps, i as ActionConfig, l as StatusType, m as TreeOption, n as presetConfigs, o as DropInfo, p as TreeNodeData, r as _default, s as IconConfig, t as useTreeOperations, u as TreeEmits } from "./useTreeOperations.js";
|
|
2
|
+
export { type ActionConfig, type ButtonType, _default as C_Tree, type DropInfo, type IconConfig, type StatusConfig, type StatusType, type TreeEmits, type TreeExpose, type TreeMode, type TreeNodeData, type TreeOption, type TreeProps, presetConfigs as treePresetConfigs, useTreeOperations };
|
package/dist/C_Tree.js
ADDED