@robot-admin/naive-ui-components 0.4.2 → 0.4.4

package/dist/C_Theme.cjs

@@ -1,4 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_C_Theme = require('./C_Theme.js');
-
-exports.C_Theme = require_C_Theme.C_Theme_default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon.js`);const e=require(`./C_Theme.js`);exports.C_Theme=e.t;

package/dist/C_Theme.js

@@ -1,3 +1 @@
-import { t as C_Theme_default } from "./C_Theme2.js";
-
-export { C_Theme_default as C_Theme };
+import"./C_Icon2.js";import{t as e}from"./C_Theme2.js";export{e as C_Theme};

package/dist/C_Theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Theme.js","names":[],"sources":["../src/components/C_Theme/index.vue","../src/components/C_Theme/index.vue","../src/components/C_Theme/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-13\n * @Description: 主题组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"cycleThemeMode\">\n        <C_Icon :name=\"currentIconName\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>{{ themeTooltip }}</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\n\ndefineOptions({ name: \"C_Theme\" });\n\nexport type ThemeMode = \"system\" | \"light\" | \"dark\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: ThemeMode;\n  }>(),\n  { modelValue: \"system\" },\n);\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [mode: ThemeMode];\n}>();\n\nconst currentIconName = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"mdi:white-balance-sunny\";\n    case \"dark\":\n      return \"mdi:moon-and-stars\";\n    default:\n      return \"mdi:sun-moon-stars\";\n  }\n});\n\nconst themeTooltip = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"当前: 浅色模式 (点击切换)\";\n    case \"dark\":\n      return \"当前: 深色模式 (点击切换)\";\n    default:\n      return \"当前: 跟随系统 (点击切换)\";\n  }\n});\n\nconst cycleThemeMode = () => {\n  const modes: ThemeMode[] = [\"system\", \"light\", \"dark\"];\n  const currentIndex = modes.indexOf(props.modelValue);\n  const nextIndex = (currentIndex + 1) % modes.length;\n  emit(\"update:modelValue\", modes[nextIndex]);\n};\n</script>\n","/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-13\n * @Description: 主题组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"cycleThemeMode\">\n        <C_Icon :name=\"currentIconName\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>{{ themeTooltip }}</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\n\ndefineOptions({ name: \"C_Theme\" });\n\nexport type ThemeMode = \"system\" | \"light\" | \"dark\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: ThemeMode;\n  }>(),\n  { modelValue: \"system\" },\n);\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [mode: ThemeMode];\n}>();\n\nconst currentIconName = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"mdi:white-balance-sunny\";\n    case \"dark\":\n      return \"mdi:moon-and-stars\";\n    default:\n      return \"mdi:sun-moon-stars\";\n  }\n});\n\nconst themeTooltip = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"当前: 浅色模式 (点击切换)\";\n    case \"dark\":\n      return \"当前: 深色模式 (点击切换)\";\n    default:\n      return \"当前: 跟随系统 (点击切换)\";\n  }\n});\n\nconst cycleThemeMode = () => {\n  const modes: ThemeMode[] = [\"system\", \"light\", \"dark\"];\n  const currentIndex = modes.indexOf(props.modelValue);\n  const nextIndex = (currentIndex + 1) % modes.length;\n  emit(\"update:modelValue\", modes[nextIndex]);\n};\n</script>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-13\n * @Description: 主题组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"cycleThemeMode\">\n        <C_Icon :name=\"currentIconName\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>{{ themeTooltip }}</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\n\ndefineOptions({ name: \"C_Theme\" });\n\nexport type ThemeMode = \"system\" | \"light\" | \"dark\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: ThemeMode;\n  }>(),\n  { modelValue: \"system\" },\n);\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [mode: ThemeMode];\n}>();\n\nconst currentIconName = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"mdi:white-balance-sunny\";\n    case \"dark\":\n      return \"mdi:moon-and-stars\";\n    default:\n      return \"mdi:sun-moon-stars\";\n  }\n});\n\nconst themeTooltip = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"当前: 浅色模式 (点击切换)\";\n    case \"dark\":\n      return \"当前: 深色模式 (点击切换)\";\n    default:\n      return \"当前: 跟随系统 (点击切换)\";\n  }\n});\n\nconst cycleThemeMode = () => {\n  const modes: ThemeMode[] = [\"system\", \"light\", \"dark\"];\n  const currentIndex = modes.indexOf(props.modelValue);\n  const nextIndex = (currentIndex + 1) % modes.length;\n  emit(\"update:modelValue\", modes[nextIndex]);\n};\n</script>\n"],"mappings":"+OE2BA,IAAM,EAAQ,EAOR,EAAO,EAIP,GAAA,EAAA,EAAA,cAAiC,CACrC,OAAQ,EAAM,WAAd,CACE,IAAK,QACH,MAAO,0BACT,IAAK,OACH,MAAO,qBACT,QACE,MAAO,uBAEX,CAEI,GAAA,EAAA,EAAA,cAA8B,CAClC,OAAQ,EAAM,WAAd,CACE,IAAK,QACH,MAAO,kBACT,IAAK,OACH,MAAO,kBACT,QACE,MAAO,oBAEX,CAEI,MAAuB,CAC3B,IAAM,EAAqB,CAAC,SAAU,QAAS,OAAO,CAGtD,EAAK,oBAAqB,GAFL,EAAM,QAAQ,EAAM,WAAW,CAClB,GAAK,EAAM,QACF,gEAjDhC,EAAA,SAAA,CAAA,CAPD,UAAU,SAAS,QAAQ,UACxB,SAAA,EAAA,EAAA,aAGC,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,QAAA,CAAA,CAFD,KAAA,GAAM,QAAO,8BACyB,EAAA,EAAA,EAAA,aAAA,EAAA,EAAA,CAApC,KAAM,EAAA,MAAkB,KAAM,yDAGZ,EAAA,EAAA,EAAA,oBAAA,OAAA,MAAA,EAAA,EAAA,iBAAtB,EAAA,MAAY,CAAA,EAAA,CAAA,CAAA"}

package/dist/C_Theme2.js

@@ -1,60 +1,2 @@
-import { NButton, NTooltip } from "naive-ui";
-import { computed, createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
-
-//#region src/components/C_Theme/index.vue?vue&type=script&setup=true&lang.ts
-var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "C_Theme",
-	__name: "index",
-	props: { modelValue: { default: "system" } },
-	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const currentIcon = computed(() => {
-			switch (props.modelValue) {
-				case "light": return "i-mdi:white-balance-sunny";
-				case "dark": return "i-mdi:moon-and-stars";
-				default: return "i-mdi:sun-moon-stars";
-			}
-		});
-		const themeTooltip = computed(() => {
-			switch (props.modelValue) {
-				case "light": return "当前: 浅色模式 (点击切换)";
-				case "dark": return "当前: 深色模式 (点击切换)";
-				default: return "当前: 跟随系统 (点击切换)";
-			}
-		});
-		const cycleThemeMode = () => {
-			const modes = [
-				"system",
-				"light",
-				"dark"
-			];
-			emit("update:modelValue", modes[(modes.indexOf(props.modelValue) + 1) % modes.length]);
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(NTooltip), {
-				placement: "bottom",
-				trigger: "hover"
-			}, {
-				trigger: withCtx(() => [createVNode(unref(NButton), {
-					text: "",
-					onClick: cycleThemeMode
-				}, {
-					default: withCtx(() => [createElementVNode("span", { class: normalizeClass(currentIcon.value) }, null, 2)]),
-					_: 1
-				})]),
-				default: withCtx(() => [createElementVNode("span", null, toDisplayString(themeTooltip.value), 1)]),
-				_: 1
-			});
-		};
-	}
-});
-
-//#endregion
-//#region src/components/C_Theme/index.vue
-var C_Theme_default = index_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-export { C_Theme_default as t };
+import{t as e}from"./C_Icon2.js";import{NButton as t,NTooltip as n}from"naive-ui";import{computed as r,createBlock as i,createElementVNode as a,createVNode as o,defineComponent as s,openBlock as c,toDisplayString as l,unref as u,withCtx as d}from"vue";var f=s({name:`C_Theme`,__name:`index`,props:{modelValue:{default:`system`}},emits:[`update:modelValue`],setup(s,{emit:f}){let p=s,m=f,h=r(()=>{switch(p.modelValue){case`light`:return`mdi:white-balance-sunny`;case`dark`:return`mdi:moon-and-stars`;default:return`mdi:sun-moon-stars`}}),g=r(()=>{switch(p.modelValue){case`light`:return`当前: 浅色模式 (点击切换)`;case`dark`:return`当前: 深色模式 (点击切换)`;default:return`当前: 跟随系统 (点击切换)`}}),_=()=>{let e=[`system`,`light`,`dark`];m(`update:modelValue`,e[(e.indexOf(p.modelValue)+1)%e.length])};return(r,s)=>(c(),i(u(n),{placement:`bottom`,trigger:`hover`},{trigger:d(()=>[o(u(t),{text:``,onClick:_},{default:d(()=>[o(e,{name:h.value,size:18},null,8,[`name`])]),_:1})]),default:d(()=>[a(`span`,null,l(g.value),1)]),_:1}))}});export{f as t};
 //# sourceMappingURL=C_Theme2.js.map

package/dist/C_Theme2.js.map

@@ -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":["/* unplugin-vue-components disabled */<!--\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","/* unplugin-vue-components disabled */<!--\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"}
+{"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":["/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-13\n * @Description: 主题组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"cycleThemeMode\">\n        <C_Icon :name=\"currentIconName\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>{{ themeTooltip }}</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\n\ndefineOptions({ name: \"C_Theme\" });\n\nexport type ThemeMode = \"system\" | \"light\" | \"dark\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: ThemeMode;\n  }>(),\n  { modelValue: \"system\" },\n);\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [mode: ThemeMode];\n}>();\n\nconst currentIconName = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"mdi:white-balance-sunny\";\n    case \"dark\":\n      return \"mdi:moon-and-stars\";\n    default:\n      return \"mdi:sun-moon-stars\";\n  }\n});\n\nconst themeTooltip = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"当前: 浅色模式 (点击切换)\";\n    case \"dark\":\n      return \"当前: 深色模式 (点击切换)\";\n    default:\n      return \"当前: 跟随系统 (点击切换)\";\n  }\n});\n\nconst cycleThemeMode = () => {\n  const modes: ThemeMode[] = [\"system\", \"light\", \"dark\"];\n  const currentIndex = modes.indexOf(props.modelValue);\n  const nextIndex = (currentIndex + 1) % modes.length;\n  emit(\"update:modelValue\", modes[nextIndex]);\n};\n</script>\n","/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-13\n * @Description: 主题组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"cycleThemeMode\">\n        <C_Icon :name=\"currentIconName\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>{{ themeTooltip }}</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\n\ndefineOptions({ name: \"C_Theme\" });\n\nexport type ThemeMode = \"system\" | \"light\" | \"dark\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: ThemeMode;\n  }>(),\n  { modelValue: \"system\" },\n);\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [mode: ThemeMode];\n}>();\n\nconst currentIconName = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"mdi:white-balance-sunny\";\n    case \"dark\":\n      return \"mdi:moon-and-stars\";\n    default:\n      return \"mdi:sun-moon-stars\";\n  }\n});\n\nconst themeTooltip = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"当前: 浅色模式 (点击切换)\";\n    case \"dark\":\n      return \"当前: 深色模式 (点击切换)\";\n    default:\n      return \"当前: 跟随系统 (点击切换)\";\n  }\n});\n\nconst cycleThemeMode = () => {\n  const modes: ThemeMode[] = [\"system\", \"light\", \"dark\"];\n  const currentIndex = modes.indexOf(props.modelValue);\n  const nextIndex = (currentIndex + 1) % modes.length;\n  emit(\"update:modelValue\", modes[nextIndex]);\n};\n</script>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-13\n * @Description: 主题组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NTooltip placement=\"bottom\" trigger=\"hover\">\n    <template #trigger>\n      <NButton text @click=\"cycleThemeMode\">\n        <C_Icon :name=\"currentIconName\" :size=\"18\" />\n      </NButton>\n    </template>\n    <span>{{ themeTooltip }}</span>\n  </NTooltip>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { NTooltip, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\n\ndefineOptions({ name: \"C_Theme\" });\n\nexport type ThemeMode = \"system\" | \"light\" | \"dark\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: ThemeMode;\n  }>(),\n  { modelValue: \"system\" },\n);\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [mode: ThemeMode];\n}>();\n\nconst currentIconName = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"mdi:white-balance-sunny\";\n    case \"dark\":\n      return \"mdi:moon-and-stars\";\n    default:\n      return \"mdi:sun-moon-stars\";\n  }\n});\n\nconst themeTooltip = computed(() => {\n  switch (props.modelValue) {\n    case \"light\":\n      return \"当前: 浅色模式 (点击切换)\";\n    case \"dark\":\n      return \"当前: 深色模式 (点击切换)\";\n    default:\n      return \"当前: 跟随系统 (点击切换)\";\n  }\n});\n\nconst cycleThemeMode = () => {\n  const modes: ThemeMode[] = [\"system\", \"light\", \"dark\"];\n  const currentIndex = modes.indexOf(props.modelValue);\n  const nextIndex = (currentIndex + 1) % modes.length;\n  emit(\"update:modelValue\", modes[nextIndex]);\n};\n</script>\n"],"mappings":"uXE2BA,IAAM,EAAQ,EAOR,EAAO,EAIP,EAAkB,MAAe,CACrC,OAAQ,EAAM,WAAd,CACE,IAAK,QACH,MAAO,0BACT,IAAK,OACH,MAAO,qBACT,QACE,MAAO,uBAEX,CAEI,EAAe,MAAe,CAClC,OAAQ,EAAM,WAAd,CACE,IAAK,QACH,MAAO,kBACT,IAAK,OACH,MAAO,kBACT,QACE,MAAO,oBAEX,CAEI,MAAuB,CAC3B,IAAM,EAAqB,CAAC,SAAU,QAAS,OAAO,CAGtD,EAAK,oBAAqB,GAFL,EAAM,QAAQ,EAAM,WAAW,CAClB,GAAK,EAAM,QACF,oBAxD3C,EAOW,EAAA,EAAA,CAAA,CAPD,UAAU,SAAS,QAAQ,UACxB,QAAO,MAGN,CAFV,EAEU,EAAA,EAAA,CAAA,CAFD,KAAA,GAAM,QAAO,kBACyB,CAA7C,EAA6C,EAAA,CAApC,KAAM,EAAA,MAAkB,KAAM,6CAGZ,CAA/B,EAA+B,OAAA,KAAA,EAAtB,EAAA,MAAY,CAAA,EAAA,CAAA,CAAA"}

package/dist/C_Time.cjs

@@ -1,5 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_C_Time = require('./C_Time.js');
-
-exports.C_Time = require_C_Time.C_Time_default;
-exports.useTimeSelection = require_C_Time.useTimeSelection;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_Time.js`);exports.C_Time=e.t,exports.useTimeSelection=e.n;

package/dist/C_Time.js

@@ -1,3 +1 @@
-import { n as useTimeSelection, t as C_Time_default } from "./C_Time2.js";
-
-export { C_Time_default as C_Time, useTimeSelection };
+import{n as e,t}from"./C_Time2.js";export{t as C_Time,e as useTimeSelection};

package/dist/C_Time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Time.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","/* unplugin-vue-components disabled */<!--\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","/* unplugin-vue-components disabled */<!--\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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"}

package/dist/C_Time2.js

@@ -1,199 +1,2 @@
-import { t as export_helper_default } from "./export-helper.js";
-import { NTimePicker } from "naive-ui";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeProps, openBlock, ref, unref, watch } from "vue";
-
-//#region src/components/C_Time/composables/useTimeSelection.ts
-/** 时间选择器逻辑 — 管理时间段/单选模式、智能限制 */
-function useTimeSelection(props, emit) {
-	const startTime = ref(props.defaultStartTime ?? null);
-	const endTime = ref(props.defaultEndTime ?? null);
-	const singleTime = ref(props.defaultSingleTime ?? null);
-	const timeFormat = computed(() => {
-		if (props.useSeconds) return props.format?.includes("ss") ? props.format : "HH:mm:ss";
-		return props.format ?? "HH:mm";
-	});
-	const endTimeDisabled = computed(() => props.mode === "range" && !startTime.value);
-	const mergedStartAttrs = computed(() => ({
-		...props.attrs,
-		...props.startTimeProps
-	}));
-	const mergedEndAttrs = computed(() => ({
-		...props.attrs,
-		...props.endTimeProps
-	}));
-	const mergedAttrs = computed(() => ({ ...props.attrs }));
-	const isEndHourDisabled = (hour) => {
-		if (!startTime.value) return false;
-		return hour < new Date(startTime.value).getHours();
-	};
-	const isEndMinuteDisabled = (minute, selectedHour) => {
-		if (!startTime.value || selectedHour === null) return false;
-		const startDate = new Date(startTime.value);
-		return selectedHour === startDate.getHours() && minute < startDate.getMinutes();
-	};
-	const isEndSecondDisabled = (second, selectedMinute, selectedHour) => {
-		if (!startTime.value || !props.useSeconds || selectedHour === null || selectedMinute === null) return false;
-		const startDate = new Date(startTime.value);
-		return selectedHour === startDate.getHours() && selectedMinute === startDate.getMinutes() && second <= startDate.getSeconds();
-	};
-	const handleStartTimeChange = (value) => {
-		startTime.value = value;
-		if (!value) endTime.value = null;
-		else if (props.enableTimeRestriction && endTime.value && endTime.value <= value) endTime.value = null;
-		emit("change-start", value);
-		if (props.mode === "range") emit("change-range", value, endTime.value);
-	};
-	const handleEndTimeChange = (value) => {
-		endTime.value = value;
-		emit("change-end", value);
-		if (props.mode === "range") emit("change-range", startTime.value, value);
-	};
-	const handleSingleTimeChange = (value) => {
-		singleTime.value = value;
-		emit("change-single", value);
-	};
-	watch(() => props.mode, () => {
-		startTime.value = props.defaultStartTime ?? null;
-		endTime.value = props.defaultEndTime ?? null;
-		singleTime.value = props.defaultSingleTime ?? null;
-	});
-	const reset = () => {
-		startTime.value = null;
-		endTime.value = null;
-		singleTime.value = null;
-	};
-	return {
-		startTime,
-		endTime,
-		singleTime,
-		timeFormat,
-		endTimeDisabled,
-		mergedStartAttrs,
-		mergedEndAttrs,
-		mergedAttrs,
-		isEndHourDisabled,
-		isEndMinuteDisabled,
-		isEndSecondDisabled,
-		handleStartTimeChange,
-		handleEndTimeChange,
-		handleSingleTimeChange,
-		reset
-	};
-}
-
-//#endregion
-//#region src/components/C_Time/index.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = { class: "c-time-wrapper" };
-const _hoisted_2 = {
-	key: 0,
-	class: "time-range-container"
-};
-const _hoisted_3 = { class: "time-single-container" };
-var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "C_Time",
-	__name: "index",
-	props: {
-		mode: { default: "range" },
-		startPlaceholder: { default: "请选择开始时间" },
-		endPlaceholder: { default: "请选择结束时间" },
-		placeholder: { default: "请选择时间" },
-		format: { default: "HH:mm" },
-		useHours: {
-			type: Boolean,
-			default: true
-		},
-		useMinutes: {
-			type: Boolean,
-			default: true
-		},
-		useSeconds: {
-			type: Boolean,
-			default: false
-		},
-		hourStep: { default: 1 },
-		minuteStep: { default: 30 },
-		secondStep: { default: 1 },
-		startTimeProps: { default: () => ({}) },
-		endTimeProps: { default: () => ({}) },
-		attrs: { default: () => ({}) },
-		defaultStartTime: { default: null },
-		defaultEndTime: { default: null },
-		defaultSingleTime: { default: null },
-		enableTimeRestriction: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: [
-		"change-range",
-		"change-single",
-		"change-start",
-		"change-end"
-	],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const { startTime, endTime, singleTime, timeFormat, endTimeDisabled, mergedStartAttrs, mergedEndAttrs, mergedAttrs, isEndHourDisabled, isEndMinuteDisabled, isEndSecondDisabled, handleStartTimeChange, handleEndTimeChange, handleSingleTimeChange, reset } = useTimeSelection(props, __emit);
-		__expose({
-			reset,
-			startTime,
-			endTime,
-			singleTime
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createCommentVNode(" 时间段选择模式 "), _ctx.mode === "range" ? (openBlock(), createElementBlock("div", _hoisted_2, [
-				createVNode(unref(NTimePicker), mergeProps({
-					value: unref(startTime),
-					"onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(startTime) ? startTime.value = $event : null),
-					placeholder: _ctx.startPlaceholder,
-					format: unref(timeFormat),
-					actions: ["now", "confirm"]
-				}, unref(mergedStartAttrs), { "onUpdate:value": unref(handleStartTimeChange) }), null, 16, [
-					"value",
-					"placeholder",
-					"format",
-					"onUpdate:value"
-				]),
-				_cache[3] || (_cache[3] = createElementVNode("span", { class: "range-separator" }, "至", -1)),
-				createVNode(unref(NTimePicker), mergeProps({
-					value: unref(endTime),
-					"onUpdate:value": _cache[1] || (_cache[1] = ($event) => isRef(endTime) ? endTime.value = $event : null),
-					placeholder: _ctx.endPlaceholder,
-					format: unref(timeFormat),
-					actions: ["now", "confirm"],
-					"is-hour-disabled": props.enableTimeRestriction ? unref(isEndHourDisabled) : void 0,
-					"is-minute-disabled": props.enableTimeRestriction ? unref(isEndMinuteDisabled) : void 0,
-					"is-second-disabled": props.enableTimeRestriction ? unref(isEndSecondDisabled) : void 0,
-					disabled: unref(endTimeDisabled)
-				}, unref(mergedEndAttrs), { "onUpdate:value": unref(handleEndTimeChange) }), null, 16, [
-					"value",
-					"placeholder",
-					"format",
-					"is-hour-disabled",
-					"is-minute-disabled",
-					"is-second-disabled",
-					"disabled",
-					"onUpdate:value"
-				])
-			])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 单个时间选择模式 "), createElementVNode("div", _hoisted_3, [createVNode(unref(NTimePicker), mergeProps({
-				value: unref(singleTime),
-				"onUpdate:value": _cache[2] || (_cache[2] = ($event) => isRef(singleTime) ? singleTime.value = $event : null),
-				placeholder: _ctx.placeholder,
-				format: unref(timeFormat),
-				actions: ["now", "confirm"]
-			}, unref(mergedAttrs), { "onUpdate:value": unref(handleSingleTimeChange) }), null, 16, [
-				"value",
-				"placeholder",
-				"format",
-				"onUpdate:value"
-			])])], 2112))]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/C_Time/index.vue
-var C_Time_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-beaeb169"]]);
-
-//#endregion
-export { useTimeSelection as n, C_Time_default as t };
+import{t as e}from"./export-helper.js";import{NTimePicker as t}from"naive-ui";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createVNode as s,defineComponent as c,isRef as l,mergeProps as u,openBlock as d,ref as f,unref as p,watch as m}from"vue";function h(e,t){let n=f(e.defaultStartTime??null),i=f(e.defaultEndTime??null),a=f(e.defaultSingleTime??null),o=r(()=>e.useSeconds?e.format?.includes(`ss`)?e.format:`HH:mm:ss`:e.format??`HH:mm`),s=r(()=>e.mode===`range`&&!n.value),c=r(()=>({...e.attrs,...e.startTimeProps})),l=r(()=>({...e.attrs,...e.endTimeProps})),u=r(()=>({...e.attrs}));return m(()=>e.mode,()=>{n.value=e.defaultStartTime??null,i.value=e.defaultEndTime??null,a.value=e.defaultSingleTime??null}),{startTime:n,endTime:i,singleTime:a,timeFormat:o,endTimeDisabled:s,mergedStartAttrs:c,mergedEndAttrs:l,mergedAttrs:u,isEndHourDisabled:e=>n.value?e<new Date(n.value).getHours():!1,isEndMinuteDisabled:(e,t)=>{if(!n.value||t===null)return!1;let r=new Date(n.value);return t===r.getHours()&&e<r.getMinutes()},isEndSecondDisabled:(t,r,i)=>{if(!n.value||!e.useSeconds||i===null||r===null)return!1;let a=new Date(n.value);return i===a.getHours()&&r===a.getMinutes()&&t<=a.getSeconds()},handleStartTimeChange:r=>{n.value=r,r?e.enableTimeRestriction&&i.value&&i.value<=r&&(i.value=null):i.value=null,t(`change-start`,r),e.mode===`range`&&t(`change-range`,r,i.value)},handleEndTimeChange:r=>{i.value=r,t(`change-end`,r),e.mode===`range`&&t(`change-range`,n.value,r)},handleSingleTimeChange:e=>{a.value=e,t(`change-single`,e)},reset:()=>{n.value=null,i.value=null,a.value=null}}}const g={class:`c-time-wrapper`},_={key:0,class:`time-range-container`},v={class:`time-single-container`};var y=e(c({name:`C_Time`,__name:`index`,props:{mode:{default:`range`},startPlaceholder:{default:`请选择开始时间`},endPlaceholder:{default:`请选择结束时间`},placeholder:{default:`请选择时间`},format:{default:`HH:mm`},useHours:{type:Boolean,default:!0},useMinutes:{type:Boolean,default:!0},useSeconds:{type:Boolean,default:!1},hourStep:{default:1},minuteStep:{default:30},secondStep:{default:1},startTimeProps:{default:()=>({})},endTimeProps:{default:()=>({})},attrs:{default:()=>({})},defaultStartTime:{default:null},defaultEndTime:{default:null},defaultSingleTime:{default:null},enableTimeRestriction:{type:Boolean,default:!1}},emits:[`change-range`,`change-single`,`change-start`,`change-end`],setup(e,{expose:r,emit:c}){let f=e,{startTime:m,endTime:y,singleTime:b,timeFormat:x,endTimeDisabled:S,mergedStartAttrs:C,mergedEndAttrs:w,mergedAttrs:T,isEndHourDisabled:E,isEndMinuteDisabled:D,isEndSecondDisabled:O,handleStartTimeChange:k,handleEndTimeChange:A,handleSingleTimeChange:j,reset:M}=h(f,c);return r({reset:M,startTime:m,endTime:y,singleTime:b}),(e,r)=>(d(),a(`div`,g,[i(` 时间段选择模式 `),e.mode===`range`?(d(),a(`div`,_,[s(p(t),u({value:p(m),"onUpdate:value":r[0]||=e=>l(m)?m.value=e:null,placeholder:e.startPlaceholder,format:p(x),actions:[`now`,`confirm`]},p(C),{"onUpdate:value":p(k)}),null,16,[`value`,`placeholder`,`format`,`onUpdate:value`]),r[3]||=o(`span`,{class:`range-separator`},`至`,-1),s(p(t),u({value:p(y),"onUpdate:value":r[1]||=e=>l(y)?y.value=e:null,placeholder:e.endPlaceholder,format:p(x),actions:[`now`,`confirm`],"is-hour-disabled":f.enableTimeRestriction?p(E):void 0,"is-minute-disabled":f.enableTimeRestriction?p(D):void 0,"is-second-disabled":f.enableTimeRestriction?p(O):void 0,disabled:p(S)},p(w),{"onUpdate:value":p(A)}),null,16,[`value`,`placeholder`,`format`,`is-hour-disabled`,`is-minute-disabled`,`is-second-disabled`,`disabled`,`onUpdate:value`])])):(d(),a(n,{key:1},[i(` 单个时间选择模式 `),o(`div`,v,[s(p(t),u({value:p(b),"onUpdate:value":r[2]||=e=>l(b)?b.value=e:null,placeholder:e.placeholder,format:p(x),actions:[`now`,`confirm`]},p(T),{"onUpdate:value":p(j)}),null,16,[`value`,`placeholder`,`format`,`onUpdate:value`])])],2112))]))}}),[[`__scopeId`,`data-v-beaeb169`]]);export{h as n,y as t};
 //# sourceMappingURL=C_Time2.js.map

package/dist/C_Time2.js.map

@@ -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","/* unplugin-vue-components disabled */<!--\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","/* unplugin-vue-components disabled */<!--\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":";;;;;;AAeA,SAAgB,iBAAiB,OAAkB,MAAc;CAE/D,MAAM,YAAY,IAAmB,MAAM,oBAAoB,KAAK;CACpE,MAAM,UAAU,IAAmB,MAAM,kBAAkB,KAAK;CAChE,MAAM,aAAa,IAAmB,MAAM,qBAAqB,KAAK;CAGtE,MAAM,aAAa,eAAe;AAChC,MAAI,MAAM,WACR,QAAO,MAAM,QAAQ,SAAS,KAAK,GAAG,MAAM,SAAS;AAEvD,SAAO,MAAM,UAAU;GACvB;CAEF,MAAM,kBAAkB,eAChB,MAAM,SAAS,WAAW,CAAC,UAAU,MAC5C;CAED,MAAM,mBAAmB,gBAAgB;EACvC,GAAG,MAAM;EACT,GAAG,MAAM;EACV,EAAE;CAEH,MAAM,iBAAiB,gBAAgB;EACrC,GAAG,MAAM;EACT,GAAG,MAAM;EACV,EAAE;CAEH,MAAM,cAAc,gBAAgB,EAAE,GAAG,MAAM,OAAO,EAAE;CAGxD,MAAM,qBAAqB,SAA0B;AACnD,MAAI,CAAC,UAAU,MAAO,QAAO;AAC7B,SAAO,OAAO,IAAI,KAAK,UAAU,MAAM,CAAC,UAAU;;CAGpD,MAAM,uBACJ,QACA,iBACY;AACZ,MAAI,CAAC,UAAU,SAAS,iBAAiB,KAAM,QAAO;EACtD,MAAM,YAAY,IAAI,KAAK,UAAU,MAAM;AAC3C,SACE,iBAAiB,UAAU,UAAU,IAAI,SAAS,UAAU,YAAY;;CAI5E,MAAM,uBACJ,QACA,gBACA,iBACY;AACZ,MACE,CAAC,UAAU,SACX,CAAC,MAAM,cACP,iBAAiB,QACjB,mBAAmB,KAEnB,QAAO;EACT,MAAM,YAAY,IAAI,KAAK,UAAU,MAAM;AAC3C,SACE,iBAAiB,UAAU,UAAU,IACrC,mBAAmB,UAAU,YAAY,IACzC,UAAU,UAAU,YAAY;;CAKpC,MAAM,yBAAyB,UAAyB;AACtD,YAAU,QAAQ;AAClB,MAAI,CAAC,MACH,SAAQ,QAAQ;WAEhB,MAAM,yBACN,QAAQ,SACR,QAAQ,SAAS,MAEjB,SAAQ,QAAQ;AAElB,OAAK,gBAAgB,MAAM;AAC3B,MAAI,MAAM,SAAS,QAAS,MAAK,gBAAgB,OAAO,QAAQ,MAAM;;CAGxE,MAAM,uBAAuB,UAAyB;AACpD,UAAQ,QAAQ;AAChB,OAAK,cAAc,MAAM;AACzB,MAAI,MAAM,SAAS,QAAS,MAAK,gBAAgB,UAAU,OAAO,MAAM;;CAG1E,MAAM,0BAA0B,UAAyB;AACvD,aAAW,QAAQ;AACnB,OAAK,iBAAiB,MAAM;;AAI9B,aACQ,MAAM,YACN;AACJ,YAAU,QAAQ,MAAM,oBAAoB;AAC5C,UAAQ,QAAQ,MAAM,kBAAkB;AACxC,aAAW,QAAQ,MAAM,qBAAqB;GAEjD;CAGD,MAAM,cAAc;AAClB,YAAU,QAAQ;AAClB,UAAQ,QAAQ;AAChB,aAAW,QAAQ;;AAGrB,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EEjFH,MAAM,QAAQ;EAuBd,MAAM,EACJ,WACA,SACA,YACA,YACA,iBACA,kBACA,gBACA,aACA,mBACA,qBACA,qBACA,uBACA,qBACA,wBACA,UACE,iBAAiB,OAlBR,OAkBoB;AAEjC,WAAyB;GACvB;GACA;GACA;GACA;GACD,CAAC;;uBAnGA,mBA2CM,OA3CN,YA2CM,CA1CJ,mBAAA,YAAgB,EACLA,KAAAA,SAAI,wBAAf,mBA4BM,OA5BN,YA4BM;IA3BJ,YAOE,MAAA,YAAA,EAPF,WAOE;KANQ,OAAO,MAAA,UAAS;gFAAT,UAAS,QAAA,SAAA;KACvB,aAAaC,KAAAA;KACb,QAAQ,MAAA,WAAU;KAClB,SAAS,CAAA,OAAA,UAAA;OACF,MAAA,iBAAgB,EAAA,EACvB,kBAAc,MAAA,sBAAqB,EAAA,CAAA,EAAA,MAAA,IAAA;KAAA;KAAA;KAAA;KAAA;KAAA,CAAA;8BAEtC,mBAAsC,QAAA,EAAhC,OAAM,mBAAiB,EAAC,KAAC,GAAA;IAC/B,YAiBE,MAAA,YAAA,EAjBF,WAiBE;KAhBQ,OAAO,MAAA,QAAO;8EAAP,QAAO,QAAA,SAAA;KACrB,aAAaC,KAAAA;KACb,QAAQ,MAAA,WAAU;KAClB,SAAS,CAAA,OAAA,UAAkB;KAC3B,oBAA8B,MAAM,wBAAwB,MAAA,kBAAiB,GAAG;KAGhF,sBAAgC,MAAM,wBAAwB,MAAA,oBAAmB,GAAG;KAGpF,sBAAgC,MAAM,wBAAwB,MAAA,oBAAmB,GAAG;KAGpF,UAAU,MAAA,gBAAA;OACH,MAAA,eAAc,EAAA,EACrB,kBAAc,MAAA,oBAAmB,EAAA,CAAA,EAAA,MAAA,IAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA,CAAA;uBAKtC,mBASM,UAAA,EAAA,KAAA,GAAA,EAAA,CAVN,mBAAA,aAAiB,EACjB,mBASM,OATN,YASM,CARJ,YAOE,MAAA,YAAA,EAPF,WAOE;IANQ,OAAO,MAAA,WAAU;gFAAV,WAAU,QAAA,SAAA;IACxB,aAAaC,KAAAA;IACb,QAAQ,MAAA,WAAU;IAClB,SAAS,CAAA,OAAA,UAAA;MACF,MAAA,YAAW,EAAA,EAClB,kBAAc,MAAA,uBAAsB,EAAA,CAAA,EAAA,MAAA,IAAA;IAAA;IAAA;IAAA;IAAA;IAAA,CAAA"}
+{"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","/* unplugin-vue-components disabled */<!--\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","/* unplugin-vue-components disabled */<!--\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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"}

package/dist/C_Tree.cjs

@@ -1,7 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-require('./C_Icon.js');
-const require_C_Tree = require('./C_Tree.js');
-
-exports.C_Tree = require_C_Tree.C_Tree_default;
-exports.treePresetConfigs = require_C_Tree.presetConfigs;
-exports.useTreeOperations = require_C_Tree.useTreeOperations;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon.js`);const e=require(`./C_Tree.js`);exports.C_Tree=e.t,exports.treePresetConfigs=e.r,exports.useTreeOperations=e.n;

package/dist/C_Tree.js

@@ -1,4 +1 @@
-import "./C_Icon2.js";
-import { n as useTreeOperations, r as presetConfigs, t as C_Tree_default } from "./C_Tree2.js";
-
-export { C_Tree_default as C_Tree, presetConfigs as treePresetConfigs, useTreeOperations };
+import"./C_Icon2.js";import{n as e,r as t,t as n}from"./C_Tree2.js";export{n as C_Tree,t as treePresetConfigs,e as useTreeOperations};

package/dist/C_Tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Tree.js","names":["C_Icon","NTag","NPopconfirm","NButton","NSpace","showToolbar","searchable","searchPlaceholder","addable","addText","refreshable","draggable","showLine","keyField","labelField","childrenField"],"sources":["../src/components/C_Tree/data.ts","../src/components/C_Tree/composables/useTreeOperations.ts","../src/components/C_Tree/index.vue","../src/components/C_Tree/index.vue","../src/components/C_Tree/index.vue"],"sourcesContent":["import type { TreeMode, TreeProps } from \"./types\";\r\n\r\nexport const presetConfigs: Record<TreeMode, Partial<TreeProps>> = {\r\n  menu: {\r\n    draggable: true,\r\n    showLine: true,\r\n    iconConfig: {\r\n      typeMap: {\r\n        directory: \"mdi:folder\",\r\n        menu: \"mdi:file-document\",\r\n        button: \"mdi:button-cursor\",\r\n      },\r\n    },\r\n    actions: [\r\n      { key: \"add\", text: \"新增子菜单\", icon: \"mdi:plus\", type: \"primary\" },\r\n      { key: \"edit\", text: \"编辑\", icon: \"mdi:pencil\", type: \"info\" },\r\n      {\r\n        key: \"delete\",\r\n        text: \"删除\",\r\n        icon: \"mdi:delete\",\r\n        type: \"error\",\r\n        confirm: \"确认删除该菜单吗？\",\r\n      },\r\n    ],\r\n  },\r\n  file: {\r\n    draggable: false,\r\n    showLine: false,\r\n    iconConfig: {\r\n      typeMap: {\r\n        folder: \"mdi:folder\",\r\n        file: \"mdi:file-document\",\r\n        image: \"mdi:file-image\",\r\n        video: \"mdi:file-video\",\r\n        audio: \"mdi:file-music\",\r\n      },\r\n    },\r\n    actions: [\r\n      { key: \"open\", text: \"打开\", icon: \"mdi:folder-open\", type: \"primary\" },\r\n      { key: \"rename\", text: \"重命名\", icon: \"mdi:rename-box\", type: \"info\" },\r\n      {\r\n        key: \"delete\",\r\n        text: \"删除\",\r\n        icon: \"mdi:delete\",\r\n        type: \"error\",\r\n        confirm: \"确认删除该文件吗？\",\r\n      },\r\n    ],\r\n  },\r\n  org: {\r\n    draggable: false,\r\n    showLine: true,\r\n    iconConfig: {\r\n      typeMap: {\r\n        department: \"mdi:domain\",\r\n        user: \"mdi:account\",\r\n        manager: \"mdi:account-tie\",\r\n      },\r\n    },\r\n    actions: [\r\n      { key: \"add\", text: \"新增下级\", icon: \"mdi:plus\", type: \"primary\" },\r\n      { key: \"edit\", text: \"编辑\", icon: \"mdi:pencil\", type: \"info\" },\r\n    ],\r\n  },\r\n  custom: {},\r\n};\r\n","import { ref, computed, h } from \"vue\";\r\nimport { NTag, NButton, NPopconfirm, NSpace } from \"naive-ui\";\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport { presetConfigs } from \"../data\";\r\nimport type {\r\n  TreeOption,\r\n  TreeNodeData,\r\n  TreeProps,\r\n  TreeExpose,\r\n  DropInfo,\r\n} from \"../types\";\r\n\r\ntype EmitFn = {\r\n  (\r\n    event: \"node-select\",\r\n    node: TreeNodeData | null,\r\n    selectedKeys: (string | number)[],\r\n  ): void;\r\n  (event: \"node-action\", action: string, node: TreeNodeData): void;\r\n  (event: \"node-drop\", info: DropInfo): void;\r\n  (event: \"add\", parentNode?: TreeNodeData): void;\r\n  (event: \"refresh\"): void;\r\n};\r\n\r\nexport function useTreeOperations(props: TreeProps, emit: EmitFn) {\r\n  const internalSearchPattern = ref(\"\");\r\n  const expandedKeys = ref<(string | number)[]>(\r\n    props.defaultExpandedKeys ?? [],\r\n  );\r\n  const selectedKeys = ref<(string | number)[]>(\r\n    props.defaultSelectedKeys ?? [],\r\n  );\r\n  const isAllExpanded = ref(props.defaultExpandAll ?? false);\r\n\r\n  const keyField = computed(() => props.keyField ?? \"id\");\r\n  const labelField = computed(() => props.labelField ?? \"name\");\r\n  const childrenField = computed(() => props.childrenField ?? \"children\");\r\n  const iconField = computed(() => props.iconField ?? \"icon\");\r\n\r\n  const mergedConfig = computed(() => {\r\n    const preset = presetConfigs[props.mode ?? \"custom\"] || {};\r\n    return {\r\n      ...preset,\r\n      ...props,\r\n      iconConfig: { ...preset.iconConfig, ...props.iconConfig },\r\n      actions: props.actions?.length ? props.actions : preset.actions || [],\r\n    };\r\n  });\r\n\r\n  const treeData = computed((): TreeOption[] => props.data as TreeOption[]);\r\n\r\n  const currentSearchPattern = computed(\r\n    () => props.searchPattern || internalSearchPattern.value,\r\n  );\r\n\r\n  const selectedNode = computed((): TreeNodeData | null => {\r\n    if (selectedKeys.value.length === 0) return null;\r\n    const findNode = (\r\n      nodes: TreeNodeData[],\r\n      id: string | number,\r\n    ): TreeNodeData | null => {\r\n      for (const node of nodes) {\r\n        if (node[keyField.value] === id) return node;\r\n        if (node[childrenField.value]) {\r\n          const found = findNode(node[childrenField.value], id);\r\n          if (found) return found;\r\n        }\r\n      }\r\n      return null;\r\n    };\r\n    return findNode(props.data, selectedKeys.value[0]);\r\n  });\r\n\r\n  const getAllKeys = (nodes: TreeNodeData[]): (string | number)[] => {\r\n    const keys: (string | number)[] = [];\r\n    nodes.forEach((node) => {\r\n      keys.push(node[keyField.value]);\r\n      if (node[childrenField.value]) {\r\n        keys.push(...getAllKeys(node[childrenField.value]));\r\n      }\r\n    });\r\n    return keys;\r\n  };\r\n\r\n  const getNodeIcon = (node: TreeNodeData): string => {\r\n    const config = mergedConfig.value.iconConfig!;\r\n    if (node[iconField.value]) return node[iconField.value];\r\n    if (node.type && config.typeMap?.[node.type])\r\n      return config.typeMap[node.type];\r\n    return config.default || \"mdi:circle-outline\";\r\n  };\r\n\r\n  const getNodeIconColor = (node: TreeNodeData): string => {\r\n    const config = mergedConfig.value.iconConfig!;\r\n    if (node.type && config.colorMap?.[node.type])\r\n      return config.colorMap[node.type];\r\n    return \"currentColor\";\r\n  };\r\n\r\n  const renderPrefix = ({ option }: { option: TreeOption }) => {\r\n    const node = option as TreeNodeData;\r\n    return h(C_Icon, {\r\n      name: getNodeIcon(node),\r\n      size: 18,\r\n      color: getNodeIconColor(node),\r\n      class: \"mr-3 flex-shrink-0\",\r\n    });\r\n  };\r\n\r\n  const renderLabel = ({ option }: { option: TreeOption }) => {\r\n    const node = option as TreeNodeData;\r\n    const statusTags =\r\n      props.statusConfigs\r\n        ?.map((config) => {\r\n          const value = node[config.field];\r\n          const statusConfig = config.values[value];\r\n          if (!statusConfig?.text) return null;\r\n          return h(\r\n            NTag,\r\n            {\r\n              type: statusConfig.type,\r\n              size: \"small\",\r\n              class: \"ml-2\",\r\n              style: { fontSize: \"12px\" },\r\n            },\r\n            { default: () => statusConfig.text },\r\n          );\r\n        })\r\n        .filter(Boolean) || [];\r\n\r\n    return h(\r\n      \"div\",\r\n      {\r\n        class: \"flex items-center flex-1 min-w-0 py-1\",\r\n        style: { lineHeight: \"1.5\" },\r\n      },\r\n      [\r\n        h(\r\n          \"span\",\r\n          { class: \"mr-3 font-medium text-sm\" },\r\n          node[labelField.value],\r\n        ),\r\n        ...statusTags,\r\n      ],\r\n    );\r\n  };\r\n\r\n  const renderSuffix = ({ option }: { option: TreeOption }) => {\r\n    const node = option as TreeNodeData;\r\n    const actions = mergedConfig.value.actions || [];\r\n\r\n    const actionButtons = actions\r\n      .filter((action) => !action.show || action.show(node))\r\n      .map((action) => {\r\n        const buttonProps = {\r\n          size: \"tiny\" as const,\r\n          type: action.type || (\"default\" as const),\r\n          secondary: true,\r\n          style: { padding: \"4px 6px\", minWidth: \"24px\", height: \"24px\" },\r\n          onClick: (e: Event) => {\r\n            e.stopPropagation();\r\n            handleNodeAction(action.key, node);\r\n          },\r\n        };\r\n        const iconEl = h(C_Icon, {\r\n          name: action.icon,\r\n          size: 12,\r\n          title: action.text,\r\n        });\r\n\r\n        if (action.confirm) {\r\n          return h(\r\n            NPopconfirm,\r\n            { onPositiveClick: () => handleNodeAction(action.key, node) },\r\n            {\r\n              trigger: () =>\r\n                h(\r\n                  NButton,\r\n                  {\r\n                    ...buttonProps,\r\n                    onClick: (e: Event) => e.stopPropagation(),\r\n                  },\r\n                  { icon: () => iconEl },\r\n                ),\r\n              default: () => action.confirm,\r\n            },\r\n          );\r\n        }\r\n        return h(NButton, buttonProps, { icon: () => iconEl });\r\n      });\r\n\r\n    return h(\r\n      \"div\",\r\n      {\r\n        class: \"tree-actions\",\r\n        style: {\r\n          display: \"flex\",\r\n          alignItems: \"center\",\r\n          marginLeft: \"8px\",\r\n          opacity: \"0\",\r\n          transition: \"opacity 0.2s ease\",\r\n        },\r\n      },\r\n      [h(NSpace, { size: 4 }, { default: () => actionButtons })],\r\n    );\r\n  };\r\n\r\n  const toggleExpandAll = (): void => {\r\n    if (isAllExpanded.value) {\r\n      expandedKeys.value = [];\r\n      isAllExpanded.value = false;\r\n    } else {\r\n      expandedKeys.value = getAllKeys(props.data);\r\n      isAllExpanded.value = true;\r\n    }\r\n  };\r\n\r\n  const handleExpandedKeysChange = (keys: (string | number)[]): void => {\r\n    expandedKeys.value = keys;\r\n    isAllExpanded.value = keys.length === getAllKeys(props.data).length;\r\n  };\r\n\r\n  const handleSelectedKeysChange = (keys: (string | number)[]): void => {\r\n    selectedKeys.value = keys;\r\n    emit(\"node-select\", selectedNode.value, keys);\r\n  };\r\n\r\n  const handleDrop = (info: DropInfo): void => emit(\"node-drop\", info);\r\n\r\n  const handleNodeAction = (action: string, node: TreeNodeData): void => {\r\n    if (action === \"add\") {\r\n      emit(\"add\", node);\r\n    } else {\r\n      emit(\"node-action\", action, node);\r\n    }\r\n  };\r\n\r\n  const handleAdd = (): void => emit(\"add\");\r\n  const handleRefresh = (): void => emit(\"refresh\");\r\n\r\n  const expose: TreeExpose = {\r\n    expandAll: () => {\r\n      expandedKeys.value = getAllKeys(props.data);\r\n      isAllExpanded.value = true;\r\n    },\r\n    collapseAll: () => {\r\n      expandedKeys.value = [];\r\n      isAllExpanded.value = false;\r\n    },\r\n    selectNode: (key: string | number) => {\r\n      selectedKeys.value = [key];\r\n    },\r\n    getSelectedNode: () => selectedNode.value,\r\n    expandedKeys,\r\n    selectedKeys,\r\n  };\r\n\r\n  return {\r\n    internalSearchPattern,\r\n    expandedKeys,\r\n    selectedKeys,\r\n    isAllExpanded,\r\n    treeData,\r\n    currentSearchPattern,\r\n    renderPrefix,\r\n    renderLabel,\r\n    renderSuffix,\r\n    toggleExpandAll,\r\n    handleExpandedKeysChange,\r\n    handleSelectedKeysChange,\r\n    handleDrop,\r\n    handleAdd,\r\n    handleRefresh,\r\n    expose,\r\n  };\r\n}\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-27\r\n * @Description: 树型组件 — 薄 UI 壳，逻辑由 useTreeOperations 驱动\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-tree\">\r\n    <div v-if=\"showToolbar\" class=\"c-tree-toolbar\">\r\n      <div class=\"toolbar-left\">\r\n        <NInput\r\n          v-if=\"searchable\"\r\n          v-model:value=\"internalSearchPattern\"\r\n          :placeholder=\"searchPlaceholder\"\r\n          clearable\r\n          class=\"search-input\"\r\n        >\r\n          <template #prefix>\r\n            <C_Icon name=\"mdi:magnify\" :size=\"16\" />\r\n          </template>\r\n        </NInput>\r\n      </div>\r\n      <div class=\"toolbar-right\">\r\n        <slot name=\"toolbar-actions\">\r\n          <NButton v-if=\"addable\" type=\"primary\" @click=\"handleAdd()\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:plus\" :size=\"16\" />\r\n            </template>\r\n            {{ addText }}\r\n          </NButton>\r\n          <NButton @click=\"toggleExpandAll\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:file-tree\" :size=\"16\" />\r\n            </template>\r\n            {{ isAllExpanded ? \"收起全部\" : \"展开全部\" }}\r\n          </NButton>\r\n          <NButton v-if=\"refreshable\" @click=\"handleRefresh\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:refresh\" :size=\"16\" />\r\n            </template>\r\n            刷新\r\n          </NButton>\r\n        </slot>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"c-tree-container\">\r\n      <NTree\r\n        :data=\"treeData\"\r\n        :pattern=\"currentSearchPattern\"\r\n        :expanded-keys=\"expandedKeys\"\r\n        :selected-keys=\"selectedKeys\"\r\n        :draggable=\"draggable\"\r\n        :show-line=\"showLine\"\r\n        :render-prefix=\"renderPrefix\"\r\n        :render-suffix=\"renderSuffix\"\r\n        :render-label=\"renderLabel\"\r\n        :key-field=\"keyField\"\r\n        :label-field=\"labelField\"\r\n        :children-field=\"childrenField\"\r\n        @update:expanded-keys=\"handleExpandedKeysChange\"\r\n        @update:selected-keys=\"handleSelectedKeysChange\"\r\n        @drop=\"handleDrop\"\r\n        class=\"tree-instance\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NInput, NButton, NTree } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useTreeOperations } from \"./composables/useTreeOperations\";\r\nimport type { TreeProps, TreeEmits, TreeExpose } from \"./types\";\r\n\r\ndefineOptions({ name: \"C_Tree\" });\r\n\r\nconst props = withDefaults(defineProps<TreeProps>(), {\r\n  mode: \"custom\",\r\n  keyField: \"id\",\r\n  labelField: \"name\",\r\n  childrenField: \"children\",\r\n  searchPattern: \"\",\r\n  searchable: true,\r\n  searchPlaceholder: \"搜索...\",\r\n  draggable: false,\r\n  showLine: true,\r\n  showToolbar: true,\r\n  addable: true,\r\n  addText: \"新增\",\r\n  refreshable: true,\r\n  iconField: \"icon\",\r\n  iconConfig: () => ({\r\n    default: \"mdi:circle-outline\",\r\n    typeMap: {},\r\n    colorMap: {},\r\n  }),\r\n  statusConfigs: () => [],\r\n  actions: () => [],\r\n  defaultExpandAll: false,\r\n  defaultExpandedKeys: () => [],\r\n  defaultSelectedKeys: () => [],\r\n});\r\n\r\nconst emit = defineEmits<TreeEmits>();\r\n\r\nconst {\r\n  internalSearchPattern,\r\n  expandedKeys,\r\n  selectedKeys,\r\n  isAllExpanded,\r\n  treeData,\r\n  currentSearchPattern,\r\n  renderPrefix,\r\n  renderLabel,\r\n  renderSuffix,\r\n  toggleExpandAll,\r\n  handleExpandedKeysChange,\r\n  handleSelectedKeysChange,\r\n  handleDrop,\r\n  handleAdd,\r\n  handleRefresh,\r\n  expose,\r\n} = useTreeOperations(props, emit);\r\n\r\ndefineExpose<TreeExpose>(expose);\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-27\r\n * @Description: 树型组件 — 薄 UI 壳，逻辑由 useTreeOperations 驱动\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-tree\">\r\n    <div v-if=\"showToolbar\" class=\"c-tree-toolbar\">\r\n      <div class=\"toolbar-left\">\r\n        <NInput\r\n          v-if=\"searchable\"\r\n          v-model:value=\"internalSearchPattern\"\r\n          :placeholder=\"searchPlaceholder\"\r\n          clearable\r\n          class=\"search-input\"\r\n        >\r\n          <template #prefix>\r\n            <C_Icon name=\"mdi:magnify\" :size=\"16\" />\r\n          </template>\r\n        </NInput>\r\n      </div>\r\n      <div class=\"toolbar-right\">\r\n        <slot name=\"toolbar-actions\">\r\n          <NButton v-if=\"addable\" type=\"primary\" @click=\"handleAdd()\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:plus\" :size=\"16\" />\r\n            </template>\r\n            {{ addText }}\r\n          </NButton>\r\n          <NButton @click=\"toggleExpandAll\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:file-tree\" :size=\"16\" />\r\n            </template>\r\n            {{ isAllExpanded ? \"收起全部\" : \"展开全部\" }}\r\n          </NButton>\r\n          <NButton v-if=\"refreshable\" @click=\"handleRefresh\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:refresh\" :size=\"16\" />\r\n            </template>\r\n            刷新\r\n          </NButton>\r\n        </slot>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"c-tree-container\">\r\n      <NTree\r\n        :data=\"treeData\"\r\n        :pattern=\"currentSearchPattern\"\r\n        :expanded-keys=\"expandedKeys\"\r\n        :selected-keys=\"selectedKeys\"\r\n        :draggable=\"draggable\"\r\n        :show-line=\"showLine\"\r\n        :render-prefix=\"renderPrefix\"\r\n        :render-suffix=\"renderSuffix\"\r\n        :render-label=\"renderLabel\"\r\n        :key-field=\"keyField\"\r\n        :label-field=\"labelField\"\r\n        :children-field=\"childrenField\"\r\n        @update:expanded-keys=\"handleExpandedKeysChange\"\r\n        @update:selected-keys=\"handleSelectedKeysChange\"\r\n        @drop=\"handleDrop\"\r\n        class=\"tree-instance\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NInput, NButton, NTree } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useTreeOperations } from \"./composables/useTreeOperations\";\r\nimport type { TreeProps, TreeEmits, TreeExpose } from \"./types\";\r\n\r\ndefineOptions({ name: \"C_Tree\" });\r\n\r\nconst props = withDefaults(defineProps<TreeProps>(), {\r\n  mode: \"custom\",\r\n  keyField: \"id\",\r\n  labelField: \"name\",\r\n  childrenField: \"children\",\r\n  searchPattern: \"\",\r\n  searchable: true,\r\n  searchPlaceholder: \"搜索...\",\r\n  draggable: false,\r\n  showLine: true,\r\n  showToolbar: true,\r\n  addable: true,\r\n  addText: \"新增\",\r\n  refreshable: true,\r\n  iconField: \"icon\",\r\n  iconConfig: () => ({\r\n    default: \"mdi:circle-outline\",\r\n    typeMap: {},\r\n    colorMap: {},\r\n  }),\r\n  statusConfigs: () => [],\r\n  actions: () => [],\r\n  defaultExpandAll: false,\r\n  defaultExpandedKeys: () => [],\r\n  defaultSelectedKeys: () => [],\r\n});\r\n\r\nconst emit = defineEmits<TreeEmits>();\r\n\r\nconst {\r\n  internalSearchPattern,\r\n  expandedKeys,\r\n  selectedKeys,\r\n  isAllExpanded,\r\n  treeData,\r\n  currentSearchPattern,\r\n  renderPrefix,\r\n  renderLabel,\r\n  renderSuffix,\r\n  toggleExpandAll,\r\n  handleExpandedKeysChange,\r\n  handleSelectedKeysChange,\r\n  handleDrop,\r\n  handleAdd,\r\n  handleRefresh,\r\n  expose,\r\n} = useTreeOperations(props, emit);\r\n\r\ndefineExpose<TreeExpose>(expose);\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-27\r\n * @Description: 树型组件 — 薄 UI 壳，逻辑由 useTreeOperations 驱动\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-tree\">\r\n    <div v-if=\"showToolbar\" class=\"c-tree-toolbar\">\r\n      <div class=\"toolbar-left\">\r\n        <NInput\r\n          v-if=\"searchable\"\r\n          v-model:value=\"internalSearchPattern\"\r\n          :placeholder=\"searchPlaceholder\"\r\n          clearable\r\n          class=\"search-input\"\r\n        >\r\n          <template #prefix>\r\n            <C_Icon name=\"mdi:magnify\" :size=\"16\" />\r\n          </template>\r\n        </NInput>\r\n      </div>\r\n      <div class=\"toolbar-right\">\r\n        <slot name=\"toolbar-actions\">\r\n          <NButton v-if=\"addable\" type=\"primary\" @click=\"handleAdd()\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:plus\" :size=\"16\" />\r\n            </template>\r\n            {{ addText }}\r\n          </NButton>\r\n          <NButton @click=\"toggleExpandAll\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:file-tree\" :size=\"16\" />\r\n            </template>\r\n            {{ isAllExpanded ? \"收起全部\" : \"展开全部\" }}\r\n          </NButton>\r\n          <NButton v-if=\"refreshable\" @click=\"handleRefresh\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:refresh\" :size=\"16\" />\r\n            </template>\r\n            刷新\r\n          </NButton>\r\n        </slot>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"c-tree-container\">\r\n      <NTree\r\n        :data=\"treeData\"\r\n        :pattern=\"currentSearchPattern\"\r\n        :expanded-keys=\"expandedKeys\"\r\n        :selected-keys=\"selectedKeys\"\r\n        :draggable=\"draggable\"\r\n        :show-line=\"showLine\"\r\n        :render-prefix=\"renderPrefix\"\r\n        :render-suffix=\"renderSuffix\"\r\n        :render-label=\"renderLabel\"\r\n        :key-field=\"keyField\"\r\n        :label-field=\"labelField\"\r\n        :children-field=\"childrenField\"\r\n        @update:expanded-keys=\"handleExpandedKeysChange\"\r\n        @update:selected-keys=\"handleSelectedKeysChange\"\r\n        @drop=\"handleDrop\"\r\n        class=\"tree-instance\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NInput, NButton, NTree } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useTreeOperations } from \"./composables/useTreeOperations\";\r\nimport type { TreeProps, TreeEmits, TreeExpose } from \"./types\";\r\n\r\ndefineOptions({ name: \"C_Tree\" });\r\n\r\nconst props = withDefaults(defineProps<TreeProps>(), {\r\n  mode: \"custom\",\r\n  keyField: \"id\",\r\n  labelField: \"name\",\r\n  childrenField: \"children\",\r\n  searchPattern: \"\",\r\n  searchable: true,\r\n  searchPlaceholder: \"搜索...\",\r\n  draggable: false,\r\n  showLine: true,\r\n  showToolbar: true,\r\n  addable: true,\r\n  addText: \"新增\",\r\n  refreshable: true,\r\n  iconField: \"icon\",\r\n  iconConfig: () => ({\r\n    default: \"mdi:circle-outline\",\r\n    typeMap: {},\r\n    colorMap: {},\r\n  }),\r\n  statusConfigs: () => [],\r\n  actions: () => [],\r\n  defaultExpandAll: false,\r\n  defaultExpandedKeys: () => [],\r\n  defaultSelectedKeys: () => [],\r\n});\r\n\r\nconst emit = defineEmits<TreeEmits>();\r\n\r\nconst {\r\n  internalSearchPattern,\r\n  expandedKeys,\r\n  selectedKeys,\r\n  isAllExpanded,\r\n  treeData,\r\n  currentSearchPattern,\r\n  renderPrefix,\r\n  renderLabel,\r\n  renderSuffix,\r\n  toggleExpandAll,\r\n  handleExpandedKeysChange,\r\n  handleSelectedKeysChange,\r\n  handleDrop,\r\n  handleAdd,\r\n  handleRefresh,\r\n  expose,\r\n} = useTreeOperations(props, emit);\r\n\r\ndefineExpose<TreeExpose>(expose);\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"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"}