@robot-admin/naive-ui-components 0.4.3 → 0.4.5

package/dist/C_Theme.cjs

@@ -1,5 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-require('./C_Icon.js');
-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,4 +1 @@
-import "./C_Icon2.js";
-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 */<!--\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\r\n    placement=\"bottom\"\r\n    trigger=\"hover\"\r\n  >\r\n    <template #trigger>\r\n      <NButton\r\n        text\r\n        @click=\"cycleThemeMode\"\r\n      >\r\n        <C_Icon\r\n          :name=\"currentIconName\"\r\n          :size=\"18\"\r\n        />\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\n  import { computed } from 'vue'\r\n  import { NTooltip, NButton } from 'naive-ui'\r\n  import C_Icon from '../C_Icon/index.vue'\r\n\r\n  defineOptions({ name: 'C_Theme' })\r\n\r\n  export type ThemeMode = 'system' | 'light' | 'dark'\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      modelValue?: ThemeMode\r\n    }>(),\r\n    { modelValue: 'system' }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:modelValue': [mode: ThemeMode]\r\n  }>()\r\n\r\n  const currentIconName = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return 'mdi:white-balance-sunny'\r\n      case 'dark':\r\n        return 'mdi:moon-and-stars'\r\n      default:\r\n        return 'mdi:sun-moon-stars'\r\n    }\r\n  })\r\n\r\n  const 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\n  const 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\r\n    placement=\"bottom\"\r\n    trigger=\"hover\"\r\n  >\r\n    <template #trigger>\r\n      <NButton\r\n        text\r\n        @click=\"cycleThemeMode\"\r\n      >\r\n        <C_Icon\r\n          :name=\"currentIconName\"\r\n          :size=\"18\"\r\n        />\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\n  import { computed } from 'vue'\r\n  import { NTooltip, NButton } from 'naive-ui'\r\n  import C_Icon from '../C_Icon/index.vue'\r\n\r\n  defineOptions({ name: 'C_Theme' })\r\n\r\n  export type ThemeMode = 'system' | 'light' | 'dark'\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      modelValue?: ThemeMode\r\n    }>(),\r\n    { modelValue: 'system' }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:modelValue': [mode: ThemeMode]\r\n  }>()\r\n\r\n  const currentIconName = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return 'mdi:white-balance-sunny'\r\n      case 'dark':\r\n        return 'mdi:moon-and-stars'\r\n      default:\r\n        return 'mdi:sun-moon-stars'\r\n    }\r\n  })\r\n\r\n  const 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\n  const 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\r\n    placement=\"bottom\"\r\n    trigger=\"hover\"\r\n  >\r\n    <template #trigger>\r\n      <NButton\r\n        text\r\n        @click=\"cycleThemeMode\"\r\n      >\r\n        <C_Icon\r\n          :name=\"currentIconName\"\r\n          :size=\"18\"\r\n        />\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\n  import { computed } from 'vue'\r\n  import { NTooltip, NButton } from 'naive-ui'\r\n  import C_Icon from '../C_Icon/index.vue'\r\n\r\n  defineOptions({ name: 'C_Theme' })\r\n\r\n  export type ThemeMode = 'system' | 'light' | 'dark'\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      modelValue?: ThemeMode\r\n    }>(),\r\n    { modelValue: 'system' }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:modelValue': [mode: ThemeMode]\r\n  }>()\r\n\r\n  const currentIconName = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return 'mdi:white-balance-sunny'\r\n      case 'dark':\r\n        return 'mdi:moon-and-stars'\r\n      default:\r\n        return 'mdi:sun-moon-stars'\r\n    }\r\n  })\r\n\r\n  const 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\n  const 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":"+OEoCE,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,gEAjDlC,EAAA,SAAA,CAAA,CAfT,UAAU,SACV,QAAQ,UAEG,SAAA,EAAA,EAAA,aASC,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,QAAA,CAAA,CAPR,KAAA,GACC,QAAO,8BAKN,EAAA,EAAA,EAAA,aAAA,EAAA,EAAA,CAFC,KAAM,EAAA,MACN,KAAM,yDAIkB,EAAA,EAAA,EAAA,oBAAA,OAAA,MAAA,EAAA,EAAA,iBAAtB,EAAA,MAAY,CAAA,EAAA,CAAA,CAAA"}

package/dist/C_Theme2.js

@@ -1,64 +1,2 @@
-import { t as C_Icon_default } from "./C_Icon2.js";
-import { NButton, NTooltip } from "naive-ui";
-import { computed, createBlock, createElementVNode, createVNode, defineComponent, 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 currentIconName = computed(() => {
-			switch (props.modelValue) {
-				case "light": return "mdi:white-balance-sunny";
-				case "dark": return "mdi:moon-and-stars";
-				default: return "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(() => [createVNode(C_Icon_default, {
-						name: currentIconName.value,
-						size: 18
-					}, null, 8, ["name"])]),
-					_: 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        <C_Icon :name=\"currentIconName\" :size=\"18\" />\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\nimport C_Icon from \"../C_Icon/index.vue\";\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 currentIconName = computed(() => {\r\n  switch (props.modelValue) {\r\n    case \"light\":\r\n      return \"mdi:white-balance-sunny\";\r\n    case \"dark\":\r\n      return \"mdi:moon-and-stars\";\r\n    default:\r\n      return \"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        <C_Icon :name=\"currentIconName\" :size=\"18\" />\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\nimport C_Icon from \"../C_Icon/index.vue\";\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 currentIconName = computed(() => {\r\n  switch (props.modelValue) {\r\n    case \"light\":\r\n      return \"mdi:white-balance-sunny\";\r\n    case \"dark\":\r\n      return \"mdi:moon-and-stars\";\r\n    default:\r\n      return \"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        <C_Icon :name=\"currentIconName\" :size=\"18\" />\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\nimport C_Icon from \"../C_Icon/index.vue\";\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 currentIconName = computed(() => {\r\n  switch (props.modelValue) {\r\n    case \"light\":\r\n      return \"mdi:white-balance-sunny\";\r\n    case \"dark\":\r\n      return \"mdi:moon-and-stars\";\r\n    default:\r\n      return \"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":";;;;;;;;;;;EC2BA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAIb,MAAM,kBAAkB,eAAe;AACrC,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;;;uBAxD3C,YAOW,MAAA,SAAA,EAAA;IAPD,WAAU;IAAS,SAAQ;;IACxB,SAAO,cAGN,CAFV,YAEU,MAAA,QAAA,EAAA;KAFD,MAAA;KAAM,SAAO;;4BACyB,CAA7C,YAA6C,gBAAA;MAApC,MAAM,gBAAA;MAAkB,MAAM;;;;2BAGZ,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 */<!--\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\r\n    placement=\"bottom\"\r\n    trigger=\"hover\"\r\n  >\r\n    <template #trigger>\r\n      <NButton\r\n        text\r\n        @click=\"cycleThemeMode\"\r\n      >\r\n        <C_Icon\r\n          :name=\"currentIconName\"\r\n          :size=\"18\"\r\n        />\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\n  import { computed } from 'vue'\r\n  import { NTooltip, NButton } from 'naive-ui'\r\n  import C_Icon from '../C_Icon/index.vue'\r\n\r\n  defineOptions({ name: 'C_Theme' })\r\n\r\n  export type ThemeMode = 'system' | 'light' | 'dark'\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      modelValue?: ThemeMode\r\n    }>(),\r\n    { modelValue: 'system' }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:modelValue': [mode: ThemeMode]\r\n  }>()\r\n\r\n  const currentIconName = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return 'mdi:white-balance-sunny'\r\n      case 'dark':\r\n        return 'mdi:moon-and-stars'\r\n      default:\r\n        return 'mdi:sun-moon-stars'\r\n    }\r\n  })\r\n\r\n  const 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\n  const 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\r\n    placement=\"bottom\"\r\n    trigger=\"hover\"\r\n  >\r\n    <template #trigger>\r\n      <NButton\r\n        text\r\n        @click=\"cycleThemeMode\"\r\n      >\r\n        <C_Icon\r\n          :name=\"currentIconName\"\r\n          :size=\"18\"\r\n        />\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\n  import { computed } from 'vue'\r\n  import { NTooltip, NButton } from 'naive-ui'\r\n  import C_Icon from '../C_Icon/index.vue'\r\n\r\n  defineOptions({ name: 'C_Theme' })\r\n\r\n  export type ThemeMode = 'system' | 'light' | 'dark'\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      modelValue?: ThemeMode\r\n    }>(),\r\n    { modelValue: 'system' }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:modelValue': [mode: ThemeMode]\r\n  }>()\r\n\r\n  const currentIconName = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return 'mdi:white-balance-sunny'\r\n      case 'dark':\r\n        return 'mdi:moon-and-stars'\r\n      default:\r\n        return 'mdi:sun-moon-stars'\r\n    }\r\n  })\r\n\r\n  const 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\n  const 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\r\n    placement=\"bottom\"\r\n    trigger=\"hover\"\r\n  >\r\n    <template #trigger>\r\n      <NButton\r\n        text\r\n        @click=\"cycleThemeMode\"\r\n      >\r\n        <C_Icon\r\n          :name=\"currentIconName\"\r\n          :size=\"18\"\r\n        />\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\n  import { computed } from 'vue'\r\n  import { NTooltip, NButton } from 'naive-ui'\r\n  import C_Icon from '../C_Icon/index.vue'\r\n\r\n  defineOptions({ name: 'C_Theme' })\r\n\r\n  export type ThemeMode = 'system' | 'light' | 'dark'\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      modelValue?: ThemeMode\r\n    }>(),\r\n    { modelValue: 'system' }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:modelValue': [mode: ThemeMode]\r\n  }>()\r\n\r\n  const currentIconName = computed(() => {\r\n    switch (props.modelValue) {\r\n      case 'light':\r\n        return 'mdi:white-balance-sunny'\r\n      case 'dark':\r\n        return 'mdi:moon-and-stars'\r\n      default:\r\n        return 'mdi:sun-moon-stars'\r\n    }\r\n  })\r\n\r\n  const 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\n  const 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":"uXEoCE,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,oBAjE7C,EAgBW,EAAA,EAAA,CAAA,CAfT,UAAU,SACV,QAAQ,UAEG,QAAO,MASN,CARV,EAQU,EAAA,EAAA,CAAA,CAPR,KAAA,GACC,QAAO,kBAKN,CAHF,EAGE,EAAA,CAFC,KAAM,EAAA,MACN,KAAM,6CAIkB,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":"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"}
+{"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};