@robot-admin/naive-ui-components 0.9.1 → 0.9.3

package/dist/C_Time-BQ9PGy8B.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Time-BQ9PGy8B.css","names":[],"sources":["../src/components/C_Time/index.vue?vue&type=style&index=0&scoped=df89b518&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* 时间选择器组件样式 */\n.c-time-wrapper[data-v-df89b518] {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n.time-range-container[data-v-df89b518] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.time-single-container[data-v-df89b518] {\n  display: flex;\n  align-items: center;\n}\n.range-separator[data-v-df89b518] {\n  color: var(--c-text-3, #666);\n  font-size: 14px;\n  white-space: nowrap;\n  user-select: none;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_Time-CO73krC6.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Time-CO73krC6.css","names":[],"sources":["../src/components/C_Time/index.vue?vue&type=style&index=0&scoped=df89b518&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* 时间选择器组件样式 */\n.c-time-wrapper[data-v-df89b518] {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n.time-range-container[data-v-df89b518] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.time-single-container[data-v-df89b518] {\n  display: flex;\n  align-items: center;\n}\n.range-separator[data-v-df89b518] {\n  color: var(--c-text-3, #666);\n  font-size: 14px;\n  white-space: nowrap;\n  user-select: none;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_Time.css

@@ -1,23 +1,23 @@
 /* unplugin-vue-components disabled *//* 时间选择器组件样式 */
-.c-time-wrapper[data-v-e52c127b] {
+.c-time-wrapper[data-v-df89b518] {
   display: inline-flex;
   align-items: center;
   gap: 8px;
 }
-.time-range-container[data-v-e52c127b] {
+.time-range-container[data-v-df89b518] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.time-single-container[data-v-e52c127b] {
+.time-single-container[data-v-df89b518] {
   display: flex;
   align-items: center;
 }
-.range-separator[data-v-e52c127b] {
+.range-separator[data-v-df89b518] {
   color: var(--c-text-3, #666);
   font-size: 14px;
   white-space: nowrap;
   user-select: none;
 }
 
-/*# sourceMappingURL=C_Time-BzyQVvTS.css.map*/
+/*# sourceMappingURL=C_Time-BQ9PGy8B.css.map*/

package/dist/C_Time.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Time.js","names":[],"sources":["../src/components/C_Time/composables/useTimeSelection.ts","../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","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-29\n * @Description: 时间选择器 — 薄 UI 壳，逻辑由 useTimeSelection 驱动\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-time-wrapper\">\n    <!-- 时间段选择模式 -->\n    <div v-if=\"mode === 'range'\" class=\"time-range-container\">\n      <NTimePicker\n        v-model:value=\"startTime\"\n        :placeholder=\"startPlaceholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        v-bind=\"mergedStartAttrs\"\n        @update:value=\"handleStartTimeChange\"\n      />\n      <span class=\"range-separator\">至</span>\n      <NTimePicker\n        v-model:value=\"endTime\"\n        :placeholder=\"endPlaceholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        :is-hour-disabled=\"\n          props.enableTimeRestriction ? isEndHourDisabled : undefined\n        \"\n        :is-minute-disabled=\"\n          props.enableTimeRestriction ? isEndMinuteDisabled : undefined\n        \"\n        :is-second-disabled=\"\n          props.enableTimeRestriction ? isEndSecondDisabled : undefined\n        \"\n        :disabled=\"endTimeDisabled\"\n        v-bind=\"mergedEndAttrs\"\n        @update:value=\"handleEndTimeChange\"\n      />\n    </div>\n\n    <!-- 单个时间选择模式 -->\n    <div v-else class=\"time-single-container\">\n      <NTimePicker\n        v-model:value=\"singleTime\"\n        :placeholder=\"placeholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        v-bind=\"mergedAttrs\"\n        @update:value=\"handleSingleTimeChange\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { NTimePicker } from \"naive-ui\";\nimport { useTimeSelection } from \"./composables/useTimeSelection\";\nimport type { TimeProps, TimeEmits, TimeExpose } from \"./types\";\n\ndefineOptions({ name: \"C_Time\" });\n\nconst props = withDefaults(defineProps<TimeProps>(), {\n  mode: \"range\",\n  startPlaceholder: \"请选择开始时间\",\n  endPlaceholder: \"请选择结束时间\",\n  placeholder: \"请选择时间\",\n  format: \"HH:mm\",\n  useHours: true,\n  useMinutes: true,\n  useSeconds: false,\n  hourStep: 1,\n  minuteStep: 30,\n  secondStep: 1,\n  startTimeProps: () => ({}),\n  endTimeProps: () => ({}),\n  attrs: () => ({}),\n  defaultStartTime: null,\n  defaultEndTime: null,\n  defaultSingleTime: null,\n  enableTimeRestriction: false,\n});\n\nconst emit = defineEmits<TimeEmits>();\n\nconst {\n  startTime,\n  endTime,\n  singleTime,\n  timeFormat,\n  endTimeDisabled,\n  mergedStartAttrs,\n  mergedEndAttrs,\n  mergedAttrs,\n  isEndHourDisabled,\n  isEndMinuteDisabled,\n  isEndSecondDisabled,\n  handleStartTimeChange,\n  handleEndTimeChange,\n  handleSingleTimeChange,\n  reset,\n} = useTimeSelection(props, emit);\n\ndefineExpose<TimeExpose>({\n  reset,\n  startTime,\n  endTime,\n  singleTime,\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}
+{"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"],"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","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-29\n * @Description: 时间选择器 — 薄 UI 壳，逻辑由 useTimeSelection 驱动\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-time-wrapper\">\n    <!-- 时间段选择模式 -->\n    <div v-if=\"mode === 'range'\" class=\"time-range-container\">\n      <NTimePicker\n        v-model:value=\"startTime\"\n        :placeholder=\"startPlaceholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        v-bind=\"mergedStartAttrs\"\n        @update:value=\"handleStartTimeChange\"\n      />\n      <span class=\"range-separator\">至</span>\n      <NTimePicker\n        v-model:value=\"endTime\"\n        :placeholder=\"endPlaceholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        :is-hour-disabled=\"\n          props.enableTimeRestriction ? isEndHourDisabled : undefined\n        \"\n        :is-minute-disabled=\"\n          props.enableTimeRestriction ? isEndMinuteDisabled : undefined\n        \"\n        :is-second-disabled=\"\n          props.enableTimeRestriction ? isEndSecondDisabled : undefined\n        \"\n        :disabled=\"endTimeDisabled\"\n        v-bind=\"mergedEndAttrs\"\n        @update:value=\"handleEndTimeChange\"\n      />\n    </div>\n\n    <!-- 单个时间选择模式 -->\n    <div v-else class=\"time-single-container\">\n      <NTimePicker\n        v-model:value=\"singleTime\"\n        :placeholder=\"placeholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        v-bind=\"mergedAttrs\"\n        @update:value=\"handleSingleTimeChange\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { NTimePicker } from \"naive-ui\";\nimport { useTimeSelection } from \"./composables/useTimeSelection\";\nimport type { TimeProps, TimeEmits, TimeExpose } from \"./types\";\n\ndefineOptions({ name: \"C_Time\" });\n\nconst props = withDefaults(defineProps<TimeProps>(), {\n  mode: \"range\",\n  startPlaceholder: \"请选择开始时间\",\n  endPlaceholder: \"请选择结束时间\",\n  placeholder: \"请选择时间\",\n  format: \"HH:mm\",\n  useHours: true,\n  useMinutes: true,\n  useSeconds: false,\n  hourStep: 1,\n  minuteStep: 30,\n  secondStep: 1,\n  startTimeProps: () => ({}),\n  endTimeProps: () => ({}),\n  attrs: () => ({}),\n  defaultStartTime: null,\n  defaultEndTime: null,\n  defaultSingleTime: null,\n  enableTimeRestriction: false,\n});\n\nconst emit = defineEmits<TimeEmits>();\n\nconst {\n  startTime,\n  endTime,\n  singleTime,\n  timeFormat,\n  endTimeDisabled,\n  mergedStartAttrs,\n  mergedEndAttrs,\n  mergedAttrs,\n  isEndHourDisabled,\n  isEndMinuteDisabled,\n  isEndSecondDisabled,\n  handleStartTimeChange,\n  handleEndTimeChange,\n  handleSingleTimeChange,\n  reset,\n} = useTimeSelection(props, emit);\n\ndefineExpose<TimeExpose>({\n  reset,\n  startTime,\n  endTime,\n  singleTime,\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-29\n * @Description: 时间选择器 — 薄 UI 壳，逻辑由 useTimeSelection 驱动\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-time-wrapper\">\n    <!-- 时间段选择模式 -->\n    <div v-if=\"mode === 'range'\" class=\"time-range-container\">\n      <NTimePicker\n        v-model:value=\"startTime\"\n        :placeholder=\"startPlaceholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        v-bind=\"mergedStartAttrs\"\n        @update:value=\"handleStartTimeChange\"\n      />\n      <span class=\"range-separator\">至</span>\n      <NTimePicker\n        v-model:value=\"endTime\"\n        :placeholder=\"endPlaceholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        :is-hour-disabled=\"\n          props.enableTimeRestriction ? isEndHourDisabled : undefined\n        \"\n        :is-minute-disabled=\"\n          props.enableTimeRestriction ? isEndMinuteDisabled : undefined\n        \"\n        :is-second-disabled=\"\n          props.enableTimeRestriction ? isEndSecondDisabled : undefined\n        \"\n        :disabled=\"endTimeDisabled\"\n        v-bind=\"mergedEndAttrs\"\n        @update:value=\"handleEndTimeChange\"\n      />\n    </div>\n\n    <!-- 单个时间选择模式 -->\n    <div v-else class=\"time-single-container\">\n      <NTimePicker\n        v-model:value=\"singleTime\"\n        :placeholder=\"placeholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        v-bind=\"mergedAttrs\"\n        @update:value=\"handleSingleTimeChange\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { NTimePicker } from \"naive-ui\";\nimport { useTimeSelection } from \"./composables/useTimeSelection\";\nimport type { TimeProps, TimeEmits, TimeExpose } from \"./types\";\n\ndefineOptions({ name: \"C_Time\" });\n\nconst props = withDefaults(defineProps<TimeProps>(), {\n  mode: \"range\",\n  startPlaceholder: \"请选择开始时间\",\n  endPlaceholder: \"请选择结束时间\",\n  placeholder: \"请选择时间\",\n  format: \"HH:mm\",\n  useHours: true,\n  useMinutes: true,\n  useSeconds: false,\n  hourStep: 1,\n  minuteStep: 30,\n  secondStep: 1,\n  startTimeProps: () => ({}),\n  endTimeProps: () => ({}),\n  attrs: () => ({}),\n  defaultStartTime: null,\n  defaultEndTime: null,\n  defaultSingleTime: null,\n  enableTimeRestriction: false,\n});\n\nconst emit = defineEmits<TimeEmits>();\n\nconst {\n  startTime,\n  endTime,\n  singleTime,\n  timeFormat,\n  endTimeDisabled,\n  mergedStartAttrs,\n  mergedEndAttrs,\n  mergedAttrs,\n  isEndHourDisabled,\n  isEndMinuteDisabled,\n  isEndSecondDisabled,\n  handleStartTimeChange,\n  handleEndTimeChange,\n  handleSingleTimeChange,\n  reset,\n} = useTimeSelection(props, emit);\n\ndefineExpose<TimeExpose>({\n  reset,\n  startTime,\n  endTime,\n  singleTime,\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}

package/dist/C_Time2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./export-helper.js";import{Fragment as t,computed as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,createVNode as o,defineComponent as s,isRef as c,mergeProps as l,openBlock as u,ref as d,unref as f,watch as p}from"vue";import{NTimePicker as m}from"naive-ui";function h(e,t){let r=d(e.defaultStartTime??null),i=d(e.defaultEndTime??null),a=d(e.defaultSingleTime??null),o=n(()=>e.useSeconds?e.format?.includes(`ss`)?e.format:`HH:mm:ss`:e.format??`HH:mm`),s=n(()=>e.mode===`range`&&!r.value),c=n(()=>({...e.attrs,...e.startTimeProps})),l=n(()=>({...e.attrs,...e.endTimeProps})),u=n(()=>({...e.attrs}));return p(()=>e.mode,()=>{r.value=e.defaultStartTime??null,i.value=e.defaultEndTime??null,a.value=e.defaultSingleTime??null}),{startTime:r,endTime:i,singleTime:a,timeFormat:o,endTimeDisabled:s,mergedStartAttrs:c,mergedEndAttrs:l,mergedAttrs:u,isEndHourDisabled:e=>r.value?e<new Date(r.value).getHours():!1,isEndMinuteDisabled:(e,t)=>{if(!r.value||t===null)return!1;let n=new Date(r.value);return t===n.getHours()&&e<n.getMinutes()},isEndSecondDisabled:(t,n,i)=>{if(!r.value||!e.useSeconds||i===null||n===null)return!1;let a=new Date(r.value);return i===a.getHours()&&n===a.getMinutes()&&t<=a.getSeconds()},handleStartTimeChange:n=>{r.value=n,n?e.enableTimeRestriction&&i.value&&i.value<=n&&(i.value=null):i.value=null,t(`change-start`,n),e.mode===`range`&&t(`change-range`,n,i.value)},handleEndTimeChange:n=>{i.value=n,t(`change-end`,n),e.mode===`range`&&t(`change-range`,r.value,n)},handleSingleTimeChange:e=>{a.value=e,t(`change-single`,e)},reset:()=>{r.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(s({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:n,emit:s}){let d=e,{startTime:p,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(d,s);return n({reset:M,startTime:p,endTime:y,singleTime:b}),(e,n)=>(u(),i(`div`,g,[r(` 时间段选择模式 `),e.mode===`range`?(u(),i(`div`,_,[o(f(m),l({value:f(p),"onUpdate:value":n[0]||=e=>c(p)?p.value=e:null,placeholder:e.startPlaceholder,format:f(x),actions:[`now`,`confirm`]},f(C),{"onUpdate:value":f(k)}),null,16,[`value`,`placeholder`,`format`,`onUpdate:value`]),n[3]||=a(`span`,{class:`range-separator`},`至`,-1),o(f(m),l({value:f(y),"onUpdate:value":n[1]||=e=>c(y)?y.value=e:null,placeholder:e.endPlaceholder,format:f(x),actions:[`now`,`confirm`],"is-hour-disabled":d.enableTimeRestriction?f(E):void 0,"is-minute-disabled":d.enableTimeRestriction?f(D):void 0,"is-second-disabled":d.enableTimeRestriction?f(O):void 0,disabled:f(S)},f(w),{"onUpdate:value":f(A)}),null,16,[`value`,`placeholder`,`format`,`is-hour-disabled`,`is-minute-disabled`,`is-second-disabled`,`disabled`,`onUpdate:value`])])):(u(),i(t,{key:1},[r(` 单个时间选择模式 `),a(`div`,v,[o(f(m),l({value:f(b),"onUpdate:value":n[2]||=e=>c(b)?b.value=e:null,placeholder:e.placeholder,format:f(x),actions:[`now`,`confirm`]},f(T),{"onUpdate:value":f(j)}),null,16,[`value`,`placeholder`,`format`,`onUpdate:value`])])],2112))]))}}),[[`__scopeId`,`data-v-e52c127b`]]);export{h as n,y 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-df89b518`]]);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":[],"sources":["../src/components/C_Time/composables/useTimeSelection.ts","../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","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-29\n * @Description: 时间选择器 — 薄 UI 壳，逻辑由 useTimeSelection 驱动\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-time-wrapper\">\n    <!-- 时间段选择模式 -->\n    <div v-if=\"mode === 'range'\" class=\"time-range-container\">\n      <NTimePicker\n        v-model:value=\"startTime\"\n        :placeholder=\"startPlaceholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        v-bind=\"mergedStartAttrs\"\n        @update:value=\"handleStartTimeChange\"\n      />\n      <span class=\"range-separator\">至</span>\n      <NTimePicker\n        v-model:value=\"endTime\"\n        :placeholder=\"endPlaceholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        :is-hour-disabled=\"\n          props.enableTimeRestriction ? isEndHourDisabled : undefined\n        \"\n        :is-minute-disabled=\"\n          props.enableTimeRestriction ? isEndMinuteDisabled : undefined\n        \"\n        :is-second-disabled=\"\n          props.enableTimeRestriction ? isEndSecondDisabled : undefined\n        \"\n        :disabled=\"endTimeDisabled\"\n        v-bind=\"mergedEndAttrs\"\n        @update:value=\"handleEndTimeChange\"\n      />\n    </div>\n\n    <!-- 单个时间选择模式 -->\n    <div v-else class=\"time-single-container\">\n      <NTimePicker\n        v-model:value=\"singleTime\"\n        :placeholder=\"placeholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        v-bind=\"mergedAttrs\"\n        @update:value=\"handleSingleTimeChange\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { NTimePicker } from \"naive-ui\";\nimport { useTimeSelection } from \"./composables/useTimeSelection\";\nimport type { TimeProps, TimeEmits, TimeExpose } from \"./types\";\n\ndefineOptions({ name: \"C_Time\" });\n\nconst props = withDefaults(defineProps<TimeProps>(), {\n  mode: \"range\",\n  startPlaceholder: \"请选择开始时间\",\n  endPlaceholder: \"请选择结束时间\",\n  placeholder: \"请选择时间\",\n  format: \"HH:mm\",\n  useHours: true,\n  useMinutes: true,\n  useSeconds: false,\n  hourStep: 1,\n  minuteStep: 30,\n  secondStep: 1,\n  startTimeProps: () => ({}),\n  endTimeProps: () => ({}),\n  attrs: () => ({}),\n  defaultStartTime: null,\n  defaultEndTime: null,\n  defaultSingleTime: null,\n  enableTimeRestriction: false,\n});\n\nconst emit = defineEmits<TimeEmits>();\n\nconst {\n  startTime,\n  endTime,\n  singleTime,\n  timeFormat,\n  endTimeDisabled,\n  mergedStartAttrs,\n  mergedEndAttrs,\n  mergedAttrs,\n  isEndHourDisabled,\n  isEndMinuteDisabled,\n  isEndSecondDisabled,\n  handleStartTimeChange,\n  handleEndTimeChange,\n  handleSingleTimeChange,\n  reset,\n} = useTimeSelection(props, emit);\n\ndefineExpose<TimeExpose>({\n  reset,\n  startTime,\n  endTime,\n  singleTime,\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\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"],"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","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-29\n * @Description: 时间选择器 — 薄 UI 壳，逻辑由 useTimeSelection 驱动\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-time-wrapper\">\n    <!-- 时间段选择模式 -->\n    <div v-if=\"mode === 'range'\" class=\"time-range-container\">\n      <NTimePicker\n        v-model:value=\"startTime\"\n        :placeholder=\"startPlaceholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        v-bind=\"mergedStartAttrs\"\n        @update:value=\"handleStartTimeChange\"\n      />\n      <span class=\"range-separator\">至</span>\n      <NTimePicker\n        v-model:value=\"endTime\"\n        :placeholder=\"endPlaceholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        :is-hour-disabled=\"\n          props.enableTimeRestriction ? isEndHourDisabled : undefined\n        \"\n        :is-minute-disabled=\"\n          props.enableTimeRestriction ? isEndMinuteDisabled : undefined\n        \"\n        :is-second-disabled=\"\n          props.enableTimeRestriction ? isEndSecondDisabled : undefined\n        \"\n        :disabled=\"endTimeDisabled\"\n        v-bind=\"mergedEndAttrs\"\n        @update:value=\"handleEndTimeChange\"\n      />\n    </div>\n\n    <!-- 单个时间选择模式 -->\n    <div v-else class=\"time-single-container\">\n      <NTimePicker\n        v-model:value=\"singleTime\"\n        :placeholder=\"placeholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        v-bind=\"mergedAttrs\"\n        @update:value=\"handleSingleTimeChange\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { NTimePicker } from \"naive-ui\";\nimport { useTimeSelection } from \"./composables/useTimeSelection\";\nimport type { TimeProps, TimeEmits, TimeExpose } from \"./types\";\n\ndefineOptions({ name: \"C_Time\" });\n\nconst props = withDefaults(defineProps<TimeProps>(), {\n  mode: \"range\",\n  startPlaceholder: \"请选择开始时间\",\n  endPlaceholder: \"请选择结束时间\",\n  placeholder: \"请选择时间\",\n  format: \"HH:mm\",\n  useHours: true,\n  useMinutes: true,\n  useSeconds: false,\n  hourStep: 1,\n  minuteStep: 30,\n  secondStep: 1,\n  startTimeProps: () => ({}),\n  endTimeProps: () => ({}),\n  attrs: () => ({}),\n  defaultStartTime: null,\n  defaultEndTime: null,\n  defaultSingleTime: null,\n  enableTimeRestriction: false,\n});\n\nconst emit = defineEmits<TimeEmits>();\n\nconst {\n  startTime,\n  endTime,\n  singleTime,\n  timeFormat,\n  endTimeDisabled,\n  mergedStartAttrs,\n  mergedEndAttrs,\n  mergedAttrs,\n  isEndHourDisabled,\n  isEndMinuteDisabled,\n  isEndSecondDisabled,\n  handleStartTimeChange,\n  handleEndTimeChange,\n  handleSingleTimeChange,\n  reset,\n} = useTimeSelection(props, emit);\n\ndefineExpose<TimeExpose>({\n  reset,\n  startTime,\n  endTime,\n  singleTime,\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-29\n * @Description: 时间选择器 — 薄 UI 壳，逻辑由 useTimeSelection 驱动\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-time-wrapper\">\n    <!-- 时间段选择模式 -->\n    <div v-if=\"mode === 'range'\" class=\"time-range-container\">\n      <NTimePicker\n        v-model:value=\"startTime\"\n        :placeholder=\"startPlaceholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        v-bind=\"mergedStartAttrs\"\n        @update:value=\"handleStartTimeChange\"\n      />\n      <span class=\"range-separator\">至</span>\n      <NTimePicker\n        v-model:value=\"endTime\"\n        :placeholder=\"endPlaceholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        :is-hour-disabled=\"\n          props.enableTimeRestriction ? isEndHourDisabled : undefined\n        \"\n        :is-minute-disabled=\"\n          props.enableTimeRestriction ? isEndMinuteDisabled : undefined\n        \"\n        :is-second-disabled=\"\n          props.enableTimeRestriction ? isEndSecondDisabled : undefined\n        \"\n        :disabled=\"endTimeDisabled\"\n        v-bind=\"mergedEndAttrs\"\n        @update:value=\"handleEndTimeChange\"\n      />\n    </div>\n\n    <!-- 单个时间选择模式 -->\n    <div v-else class=\"time-single-container\">\n      <NTimePicker\n        v-model:value=\"singleTime\"\n        :placeholder=\"placeholder\"\n        :format=\"timeFormat\"\n        :actions=\"['now', 'confirm']\"\n        v-bind=\"mergedAttrs\"\n        @update:value=\"handleSingleTimeChange\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { NTimePicker } from \"naive-ui\";\nimport { useTimeSelection } from \"./composables/useTimeSelection\";\nimport type { TimeProps, TimeEmits, TimeExpose } from \"./types\";\n\ndefineOptions({ name: \"C_Time\" });\n\nconst props = withDefaults(defineProps<TimeProps>(), {\n  mode: \"range\",\n  startPlaceholder: \"请选择开始时间\",\n  endPlaceholder: \"请选择结束时间\",\n  placeholder: \"请选择时间\",\n  format: \"HH:mm\",\n  useHours: true,\n  useMinutes: true,\n  useSeconds: false,\n  hourStep: 1,\n  minuteStep: 30,\n  secondStep: 1,\n  startTimeProps: () => ({}),\n  endTimeProps: () => ({}),\n  attrs: () => ({}),\n  defaultStartTime: null,\n  defaultEndTime: null,\n  defaultSingleTime: null,\n  enableTimeRestriction: false,\n});\n\nconst emit = defineEmits<TimeEmits>();\n\nconst {\n  startTime,\n  endTime,\n  singleTime,\n  timeFormat,\n  endTimeDisabled,\n  mergedStartAttrs,\n  mergedEndAttrs,\n  mergedAttrs,\n  isEndHourDisabled,\n  isEndMinuteDisabled,\n  isEndSecondDisabled,\n  handleStartTimeChange,\n  handleEndTimeChange,\n  handleSingleTimeChange,\n  reset,\n} = useTimeSelection(props, emit);\n\ndefineExpose<TimeExpose>({\n  reset,\n  startTime,\n  endTime,\n  singleTime,\n});\n</script>\n\n<style scoped lang=\"scss\">\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}

package/dist/{C_Timeline-BKkimrZx.css.map → C_Timeline-4rk0Dzgn.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Timeline-BKkimrZx.css","names":[],"sources":["../src/components/C_Timeline/index.vue?vue&type=style&index=0&scoped=7e1acecc&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-timeline[data-v-7e1acecc] {\n  --tl-bg: transparent;\n  --tl-text-primary: var(--app-text-primary);\n  --tl-text-secondary: var(--text-color-2);\n  --tl-text-time: var(--text-color-3);\n  --tl-line-color: color-mix(in srgb, var(--primary-color) 20%, var(--border-color));\n  --tl-line-width: 2px;\n  --tl-dot-size: 12px;\n  --tl-icon-size: 32px;\n  --tl-item-gap: 0px;\n  --tl-track-spacing: 24px;\n  --tl-track-width: 48px;\n  --tl-content-gap: 12px;\n  --tl-dot-size-sm: 8px;\n  --tl-dot-size-lg: 16px;\n  --tl-icon-size-sm: 24px;\n  --tl-icon-size-lg: 40px;\n  --tl-track-width-sm: 36px;\n  --tl-track-width-lg: 60px;\n  --tl-track-spacing-sm: 16px;\n  --tl-track-spacing-lg: 32px;\n  --tl-dot-default: var(--text-color-3);\n  --tl-dot-success: #18a058;\n  --tl-dot-warning: #f0a020;\n  --tl-dot-error: #d03050;\n  --tl-dot-info: #2080f0;\n  --tl-icon-bg: var(--card-color);\n  --tl-content-bg: var(--card-color);\n  --tl-content-radius: 8px;\n  --tl-content-padding: 12px 16px;\n  --tl-tag-radius: 4px;\n  --tl-h-item-width: 200px;\n  --tl-h-track-height: 56px;\n  position: relative;\n  background: var(--tl-bg);\n}\n.c-timeline.is-small[data-v-7e1acecc] {\n  --tl-dot-size: var(--tl-dot-size-sm);\n  --tl-icon-size: var(--tl-icon-size-sm);\n  --tl-track-width: var(--tl-track-width-sm);\n  --tl-track-spacing: var(--tl-track-spacing-sm);\n}\n.c-timeline.is-large[data-v-7e1acecc] {\n  --tl-dot-size: var(--tl-dot-size-lg);\n  --tl-icon-size: var(--tl-icon-size-lg);\n  --tl-track-width: var(--tl-track-width-lg);\n  --tl-track-spacing: var(--tl-track-spacing-lg);\n}\n.c-timeline.is-vertical[data-v-7e1acecc] {\n  display: flex;\n  flex-direction: column;\n}\n.c-timeline.is-vertical .c-timeline__item[data-v-7e1acecc] {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n}\n.c-timeline.is-vertical .c-timeline__track[data-v-7e1acecc] {\n  flex: 0 0 var(--tl-track-width);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-right: var(--tl-content-gap);\n}\n.c-timeline.is-vertical .c-timeline__dot[data-v-7e1acecc] {\n  flex-shrink: 0;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n}\n.c-timeline.is-vertical .c-timeline__dot.is-dot[data-v-7e1acecc] {\n  width: var(--tl-dot-size);\n  height: var(--tl-dot-size);\n  margin-top: calc((var(--tl-icon-size) - var(--tl-dot-size)) / 2);\n  background: var(--tl-dot-default);\n  border: 2px solid var(--card-color);\n  box-shadow: 0 0 0 2px var(--tl-dot-default);\n}\n.c-timeline.is-vertical .c-timeline__dot.is-icon[data-v-7e1acecc] {\n  width: var(--tl-icon-size);\n  height: var(--tl-icon-size);\n  background: var(--tl-icon-bg);\n  border: 1.5px solid var(--tl-line-color);\n  box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);\n  font-size: calc(var(--tl-icon-size) * 0.5);\n}\n.c-timeline.is-vertical .c-timeline__line[data-v-7e1acecc] {\n  flex: 1;\n  min-height: var(--tl-track-spacing);\n  width: 0;\n  box-sizing: content-box;\n  border-left-width: var(--tl-line-width);\n  border-left-style: solid;\n  border-left-color: var(--tl-line-color);\n  margin: 4px 0;\n}\n.c-timeline.is-vertical.is-line-dashed .c-timeline__line[data-v-7e1acecc] {\n  border-left-style: dashed;\n}\n.c-timeline.is-vertical.is-line-dotted .c-timeline__line[data-v-7e1acecc] {\n  border-left-style: dotted;\n}\n.c-timeline.is-vertical .c-timeline__body[data-v-7e1acecc] {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding-bottom: var(--tl-track-spacing);\n}\n.c-timeline.is-vertical .c-timeline__item:last-child .c-timeline__body[data-v-7e1acecc] {\n  padding-bottom: 0;\n}\n.c-timeline.is-horizontal[data-v-7e1acecc] {\n  display: flex;\n  flex-direction: row;\n  overflow-x: auto;\n  scrollbar-width: thin;\n  scrollbar-color: var(--border-color) transparent;\n}\n.c-timeline.is-horizontal[data-v-7e1acecc]::-webkit-scrollbar {\n  height: 4px;\n}\n.c-timeline.is-horizontal[data-v-7e1acecc]::-webkit-scrollbar-thumb {\n  background: var(--border-color);\n  border-radius: 2px;\n}\n.c-timeline.is-horizontal .c-timeline__item[data-v-7e1acecc] {\n  flex: 0 0 var(--tl-h-item-width);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.c-timeline.is-horizontal .c-timeline__track[data-v-7e1acecc] {\n  position: relative;\n  width: 100%;\n  height: var(--tl-h-track-height);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: visible;\n}\n.c-timeline.is-horizontal .c-timeline__dot[data-v-7e1acecc] {\n  position: relative;\n  z-index: 1;\n  flex-shrink: 0;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--tl-icon-bg);\n}\n.c-timeline.is-horizontal .c-timeline__dot.is-dot[data-v-7e1acecc] {\n  width: var(--tl-dot-size);\n  height: var(--tl-dot-size);\n  background: var(--tl-dot-default);\n  border: 2px solid var(--card-color);\n  box-shadow: 0 0 0 2px var(--tl-dot-default);\n}\n.c-timeline.is-horizontal .c-timeline__dot.is-icon[data-v-7e1acecc] {\n  width: var(--tl-icon-size);\n  height: var(--tl-icon-size);\n  background: var(--tl-icon-bg);\n  border: 1.5px solid var(--tl-line-color);\n  box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);\n  font-size: calc(var(--tl-icon-size) * 0.5);\n}\n.c-timeline.is-horizontal .c-timeline__line[data-v-7e1acecc] {\n  display: none;\n}\n.c-timeline.is-horizontal .c-timeline__body[data-v-7e1acecc] {\n  width: 100%;\n  padding: 8px 12px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  text-align: center;\n}\n.c-timeline.is-horizontal .c-timeline__header[data-v-7e1acecc] {\n  justify-content: center;\n  flex-wrap: wrap;\n}\n.c-timeline.is-horizontal .c-timeline__content[data-v-7e1acecc] {\n  text-align: left;\n  font-size: 12px;\n}\n.c-timeline__header[data-v-7e1acecc] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n}\n.c-timeline__title[data-v-7e1acecc] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--tl-text-primary);\n  line-height: 1.5;\n}\n.c-timeline__time[data-v-7e1acecc] {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 7px;\n  font-size: 11px;\n  color: var(--tl-text-time);\n  white-space: nowrap;\n  background: color-mix(in srgb, var(--border-color) 40%, transparent);\n  border-radius: 4px;\n  line-height: 1.6;\n}\n.c-timeline__tags[data-v-7e1acecc] {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n.c-timeline__tag[data-v-7e1acecc] {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 8px;\n  font-size: 11px;\n  font-weight: 500;\n  border-radius: var(--tl-tag-radius);\n  background: color-mix(in srgb, var(--primary-color) 10%, var(--card-color));\n  color: var(--primary-color);\n  border: 1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);\n}\n.c-timeline__content[data-v-7e1acecc] {\n  padding: var(--tl-content-padding);\n  background: var(--tl-content-bg);\n  border-radius: var(--tl-content-radius);\n  border: 1px solid var(--border-color);\n  font-size: 13px;\n  color: var(--tl-text-secondary);\n  line-height: 1.7;\n}\n.c-timeline__detail[data-v-7e1acecc] {\n  overflow: hidden;\n  transition: max-height 0.3s ease, opacity 0.3s ease;\n}\n.c-timeline__detail.is-collapsed[data-v-7e1acecc] {\n  max-height: 0;\n  opacity: 0;\n}\n.c-timeline__detail.is-expanded[data-v-7e1acecc] {\n  max-height: 800px;\n  opacity: 1;\n}\n.c-timeline__collapse-trigger[data-v-7e1acecc] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--primary-color);\n  cursor: pointer;\n  user-select: none;\n  transition: opacity 0.2s;\n}\n.c-timeline__collapse-trigger[data-v-7e1acecc]:hover {\n  opacity: 0.75;\n}\n.c-timeline__collapse-trigger .collapse-arrow[data-v-7e1acecc] {\n  transition: transform 0.25s;\n}\n.c-timeline__collapse-trigger.is-expanded .collapse-arrow[data-v-7e1acecc] {\n  transform: rotate(180deg);\n}\n.c-timeline__pending[data-v-7e1acecc] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 13px;\n  color: var(--tl-text-time);\n  padding: 8px 0 0 var(--tl-track-width);\n}\n.c-timeline__pending .pending-dot[data-v-7e1acecc] {\n  width: 10px;\n  height: 10px;\n  flex-shrink: 0;\n  border-radius: 50%;\n  background: var(--tl-dot-info);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--tl-dot-info) 20%, transparent);\n  animation: tl-pulse-7e1acecc 1.4s infinite;\n}\n.c-timeline.is-horizontal .c-timeline__pending[data-v-7e1acecc] {\n  padding-left: 0;\n}\n@keyframes tl-pulse-7e1acecc {\n0%, 100% {\n    opacity: 0.4;\n    transform: scale(1);\n}\n50% {\n    opacity: 1;\n    transform: scale(1.15);\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Timeline-4rk0Dzgn.css","names":[],"sources":["../src/components/C_Timeline/index.vue?vue&type=style&index=0&scoped=3da6d11e&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-timeline[data-v-3da6d11e] {\n  --tl-bg: transparent;\n  --tl-text-primary: var(--app-text-primary);\n  --tl-text-secondary: var(--text-color-2);\n  --tl-text-time: var(--text-color-3);\n  --tl-line-color: color-mix(in srgb, var(--primary-color) 20%, var(--border-color));\n  --tl-line-width: 2px;\n  --tl-dot-size: 12px;\n  --tl-icon-size: 32px;\n  --tl-item-gap: 0px;\n  --tl-track-spacing: 24px;\n  --tl-track-width: 48px;\n  --tl-content-gap: 12px;\n  --tl-dot-size-sm: 8px;\n  --tl-dot-size-lg: 16px;\n  --tl-icon-size-sm: 24px;\n  --tl-icon-size-lg: 40px;\n  --tl-track-width-sm: 36px;\n  --tl-track-width-lg: 60px;\n  --tl-track-spacing-sm: 16px;\n  --tl-track-spacing-lg: 32px;\n  --tl-dot-default: var(--text-color-3);\n  --tl-dot-success: #18a058;\n  --tl-dot-warning: #f0a020;\n  --tl-dot-error: #d03050;\n  --tl-dot-info: #2080f0;\n  --tl-icon-bg: var(--card-color);\n  --tl-content-bg: var(--card-color);\n  --tl-content-radius: 8px;\n  --tl-content-padding: 12px 16px;\n  --tl-tag-radius: 4px;\n  --tl-h-item-width: 200px;\n  --tl-h-track-height: 56px;\n  position: relative;\n  background: var(--tl-bg);\n}\n.c-timeline.is-small[data-v-3da6d11e] {\n  --tl-dot-size: var(--tl-dot-size-sm);\n  --tl-icon-size: var(--tl-icon-size-sm);\n  --tl-track-width: var(--tl-track-width-sm);\n  --tl-track-spacing: var(--tl-track-spacing-sm);\n}\n.c-timeline.is-large[data-v-3da6d11e] {\n  --tl-dot-size: var(--tl-dot-size-lg);\n  --tl-icon-size: var(--tl-icon-size-lg);\n  --tl-track-width: var(--tl-track-width-lg);\n  --tl-track-spacing: var(--tl-track-spacing-lg);\n}\n.c-timeline.is-vertical[data-v-3da6d11e] {\n  display: flex;\n  flex-direction: column;\n}\n.c-timeline.is-vertical .c-timeline__item[data-v-3da6d11e] {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n}\n.c-timeline.is-vertical .c-timeline__track[data-v-3da6d11e] {\n  flex: 0 0 var(--tl-track-width);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-right: var(--tl-content-gap);\n}\n.c-timeline.is-vertical .c-timeline__dot[data-v-3da6d11e] {\n  flex-shrink: 0;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n}\n.c-timeline.is-vertical .c-timeline__dot.is-dot[data-v-3da6d11e] {\n  width: var(--tl-dot-size);\n  height: var(--tl-dot-size);\n  margin-top: calc((var(--tl-icon-size) - var(--tl-dot-size)) / 2);\n  background: var(--tl-dot-default);\n  border: 2px solid var(--card-color);\n  box-shadow: 0 0 0 2px var(--tl-dot-default);\n}\n.c-timeline.is-vertical .c-timeline__dot.is-icon[data-v-3da6d11e] {\n  width: var(--tl-icon-size);\n  height: var(--tl-icon-size);\n  background: var(--tl-icon-bg);\n  border: 1.5px solid var(--tl-line-color);\n  box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);\n  font-size: calc(var(--tl-icon-size) * 0.5);\n}\n.c-timeline.is-vertical .c-timeline__line[data-v-3da6d11e] {\n  flex: 1;\n  min-height: var(--tl-track-spacing);\n  width: 0;\n  box-sizing: content-box;\n  border-left-width: var(--tl-line-width);\n  border-left-style: solid;\n  border-left-color: var(--tl-line-color);\n  margin: 4px 0;\n}\n.c-timeline.is-vertical.is-line-dashed .c-timeline__line[data-v-3da6d11e] {\n  border-left-style: dashed;\n}\n.c-timeline.is-vertical.is-line-dotted .c-timeline__line[data-v-3da6d11e] {\n  border-left-style: dotted;\n}\n.c-timeline.is-vertical .c-timeline__body[data-v-3da6d11e] {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding-bottom: var(--tl-track-spacing);\n}\n.c-timeline.is-vertical .c-timeline__item:last-child .c-timeline__body[data-v-3da6d11e] {\n  padding-bottom: 0;\n}\n.c-timeline.is-horizontal[data-v-3da6d11e] {\n  display: flex;\n  flex-direction: row;\n  overflow-x: auto;\n  scrollbar-width: thin;\n  scrollbar-color: var(--border-color) transparent;\n}\n.c-timeline.is-horizontal[data-v-3da6d11e]::-webkit-scrollbar {\n  height: 4px;\n}\n.c-timeline.is-horizontal[data-v-3da6d11e]::-webkit-scrollbar-thumb {\n  background: var(--border-color);\n  border-radius: 2px;\n}\n.c-timeline.is-horizontal .c-timeline__item[data-v-3da6d11e] {\n  flex: 0 0 var(--tl-h-item-width);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.c-timeline.is-horizontal .c-timeline__track[data-v-3da6d11e] {\n  position: relative;\n  width: 100%;\n  height: var(--tl-h-track-height);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: visible;\n}\n.c-timeline.is-horizontal .c-timeline__dot[data-v-3da6d11e] {\n  position: relative;\n  z-index: 1;\n  flex-shrink: 0;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--tl-icon-bg);\n}\n.c-timeline.is-horizontal .c-timeline__dot.is-dot[data-v-3da6d11e] {\n  width: var(--tl-dot-size);\n  height: var(--tl-dot-size);\n  background: var(--tl-dot-default);\n  border: 2px solid var(--card-color);\n  box-shadow: 0 0 0 2px var(--tl-dot-default);\n}\n.c-timeline.is-horizontal .c-timeline__dot.is-icon[data-v-3da6d11e] {\n  width: var(--tl-icon-size);\n  height: var(--tl-icon-size);\n  background: var(--tl-icon-bg);\n  border: 1.5px solid var(--tl-line-color);\n  box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);\n  font-size: calc(var(--tl-icon-size) * 0.5);\n}\n.c-timeline.is-horizontal .c-timeline__line[data-v-3da6d11e] {\n  display: none;\n}\n.c-timeline.is-horizontal .c-timeline__body[data-v-3da6d11e] {\n  width: 100%;\n  padding: 8px 12px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  text-align: center;\n}\n.c-timeline.is-horizontal .c-timeline__header[data-v-3da6d11e] {\n  justify-content: center;\n  flex-wrap: wrap;\n}\n.c-timeline.is-horizontal .c-timeline__content[data-v-3da6d11e] {\n  text-align: left;\n  font-size: 12px;\n}\n.c-timeline__header[data-v-3da6d11e] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n}\n.c-timeline__title[data-v-3da6d11e] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--tl-text-primary);\n  line-height: 1.5;\n}\n.c-timeline__time[data-v-3da6d11e] {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 7px;\n  font-size: 11px;\n  color: var(--tl-text-time);\n  white-space: nowrap;\n  background: color-mix(in srgb, var(--border-color) 40%, transparent);\n  border-radius: 4px;\n  line-height: 1.6;\n}\n.c-timeline__tags[data-v-3da6d11e] {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n.c-timeline__tag[data-v-3da6d11e] {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 8px;\n  font-size: 11px;\n  font-weight: 500;\n  border-radius: var(--tl-tag-radius);\n  background: color-mix(in srgb, var(--primary-color) 10%, var(--card-color));\n  color: var(--primary-color);\n  border: 1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);\n}\n.c-timeline__content[data-v-3da6d11e] {\n  padding: var(--tl-content-padding);\n  background: var(--tl-content-bg);\n  border-radius: var(--tl-content-radius);\n  border: 1px solid var(--border-color);\n  font-size: 13px;\n  color: var(--tl-text-secondary);\n  line-height: 1.7;\n}\n.c-timeline__detail[data-v-3da6d11e] {\n  overflow: hidden;\n  transition: max-height 0.3s ease, opacity 0.3s ease;\n}\n.c-timeline__detail.is-collapsed[data-v-3da6d11e] {\n  max-height: 0;\n  opacity: 0;\n}\n.c-timeline__detail.is-expanded[data-v-3da6d11e] {\n  max-height: 800px;\n  opacity: 1;\n}\n.c-timeline__collapse-trigger[data-v-3da6d11e] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--primary-color);\n  cursor: pointer;\n  user-select: none;\n  transition: opacity 0.2s;\n}\n.c-timeline__collapse-trigger[data-v-3da6d11e]:hover {\n  opacity: 0.75;\n}\n.c-timeline__collapse-trigger .collapse-arrow[data-v-3da6d11e] {\n  transition: transform 0.25s;\n}\n.c-timeline__collapse-trigger.is-expanded .collapse-arrow[data-v-3da6d11e] {\n  transform: rotate(180deg);\n}\n.c-timeline__pending[data-v-3da6d11e] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 13px;\n  color: var(--tl-text-time);\n  padding: 8px 0 0 var(--tl-track-width);\n}\n.c-timeline__pending .pending-dot[data-v-3da6d11e] {\n  width: 10px;\n  height: 10px;\n  flex-shrink: 0;\n  border-radius: 50%;\n  background: var(--tl-dot-info);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--tl-dot-info) 20%, transparent);\n  animation: tl-pulse-3da6d11e 1.4s infinite;\n}\n.c-timeline.is-horizontal .c-timeline__pending[data-v-3da6d11e] {\n  padding-left: 0;\n}\n@keyframes tl-pulse-3da6d11e {\n0%, 100% {\n    opacity: 0.4;\n    transform: scale(1);\n}\n50% {\n    opacity: 1;\n    transform: scale(1.15);\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/{C_Timeline-DTuSCX6p.css.map → C_Timeline-DdESmqwL.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Timeline-DTuSCX6p.css","names":[],"sources":["../src/components/C_Timeline/index.vue?vue&type=style&index=0&scoped=7e1acecc&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-timeline[data-v-7e1acecc] {\n  --tl-bg: transparent;\n  --tl-text-primary: var(--app-text-primary);\n  --tl-text-secondary: var(--text-color-2);\n  --tl-text-time: var(--text-color-3);\n  --tl-line-color: color-mix(in srgb, var(--primary-color) 20%, var(--border-color));\n  --tl-line-width: 2px;\n  --tl-dot-size: 12px;\n  --tl-icon-size: 32px;\n  --tl-item-gap: 0px;\n  --tl-track-spacing: 24px;\n  --tl-track-width: 48px;\n  --tl-content-gap: 12px;\n  --tl-dot-size-sm: 8px;\n  --tl-dot-size-lg: 16px;\n  --tl-icon-size-sm: 24px;\n  --tl-icon-size-lg: 40px;\n  --tl-track-width-sm: 36px;\n  --tl-track-width-lg: 60px;\n  --tl-track-spacing-sm: 16px;\n  --tl-track-spacing-lg: 32px;\n  --tl-dot-default: var(--text-color-3);\n  --tl-dot-success: #18a058;\n  --tl-dot-warning: #f0a020;\n  --tl-dot-error: #d03050;\n  --tl-dot-info: #2080f0;\n  --tl-icon-bg: var(--card-color);\n  --tl-content-bg: var(--card-color);\n  --tl-content-radius: 8px;\n  --tl-content-padding: 12px 16px;\n  --tl-tag-radius: 4px;\n  --tl-h-item-width: 200px;\n  --tl-h-track-height: 56px;\n  position: relative;\n  background: var(--tl-bg);\n}\n.c-timeline.is-small[data-v-7e1acecc] {\n  --tl-dot-size: var(--tl-dot-size-sm);\n  --tl-icon-size: var(--tl-icon-size-sm);\n  --tl-track-width: var(--tl-track-width-sm);\n  --tl-track-spacing: var(--tl-track-spacing-sm);\n}\n.c-timeline.is-large[data-v-7e1acecc] {\n  --tl-dot-size: var(--tl-dot-size-lg);\n  --tl-icon-size: var(--tl-icon-size-lg);\n  --tl-track-width: var(--tl-track-width-lg);\n  --tl-track-spacing: var(--tl-track-spacing-lg);\n}\n.c-timeline.is-vertical[data-v-7e1acecc] {\n  display: flex;\n  flex-direction: column;\n}\n.c-timeline.is-vertical .c-timeline__item[data-v-7e1acecc] {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n}\n.c-timeline.is-vertical .c-timeline__track[data-v-7e1acecc] {\n  flex: 0 0 var(--tl-track-width);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-right: var(--tl-content-gap);\n}\n.c-timeline.is-vertical .c-timeline__dot[data-v-7e1acecc] {\n  flex-shrink: 0;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n}\n.c-timeline.is-vertical .c-timeline__dot.is-dot[data-v-7e1acecc] {\n  width: var(--tl-dot-size);\n  height: var(--tl-dot-size);\n  margin-top: calc((var(--tl-icon-size) - var(--tl-dot-size)) / 2);\n  background: var(--tl-dot-default);\n  border: 2px solid var(--card-color);\n  box-shadow: 0 0 0 2px var(--tl-dot-default);\n}\n.c-timeline.is-vertical .c-timeline__dot.is-icon[data-v-7e1acecc] {\n  width: var(--tl-icon-size);\n  height: var(--tl-icon-size);\n  background: var(--tl-icon-bg);\n  border: 1.5px solid var(--tl-line-color);\n  box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);\n  font-size: calc(var(--tl-icon-size) * 0.5);\n}\n.c-timeline.is-vertical .c-timeline__line[data-v-7e1acecc] {\n  flex: 1;\n  min-height: var(--tl-track-spacing);\n  width: 0;\n  box-sizing: content-box;\n  border-left-width: var(--tl-line-width);\n  border-left-style: solid;\n  border-left-color: var(--tl-line-color);\n  margin: 4px 0;\n}\n.c-timeline.is-vertical.is-line-dashed .c-timeline__line[data-v-7e1acecc] {\n  border-left-style: dashed;\n}\n.c-timeline.is-vertical.is-line-dotted .c-timeline__line[data-v-7e1acecc] {\n  border-left-style: dotted;\n}\n.c-timeline.is-vertical .c-timeline__body[data-v-7e1acecc] {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding-bottom: var(--tl-track-spacing);\n}\n.c-timeline.is-vertical .c-timeline__item:last-child .c-timeline__body[data-v-7e1acecc] {\n  padding-bottom: 0;\n}\n.c-timeline.is-horizontal[data-v-7e1acecc] {\n  display: flex;\n  flex-direction: row;\n  overflow-x: auto;\n  scrollbar-width: thin;\n  scrollbar-color: var(--border-color) transparent;\n}\n.c-timeline.is-horizontal[data-v-7e1acecc]::-webkit-scrollbar {\n  height: 4px;\n}\n.c-timeline.is-horizontal[data-v-7e1acecc]::-webkit-scrollbar-thumb {\n  background: var(--border-color);\n  border-radius: 2px;\n}\n.c-timeline.is-horizontal .c-timeline__item[data-v-7e1acecc] {\n  flex: 0 0 var(--tl-h-item-width);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.c-timeline.is-horizontal .c-timeline__track[data-v-7e1acecc] {\n  position: relative;\n  width: 100%;\n  height: var(--tl-h-track-height);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: visible;\n}\n.c-timeline.is-horizontal .c-timeline__dot[data-v-7e1acecc] {\n  position: relative;\n  z-index: 1;\n  flex-shrink: 0;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--tl-icon-bg);\n}\n.c-timeline.is-horizontal .c-timeline__dot.is-dot[data-v-7e1acecc] {\n  width: var(--tl-dot-size);\n  height: var(--tl-dot-size);\n  background: var(--tl-dot-default);\n  border: 2px solid var(--card-color);\n  box-shadow: 0 0 0 2px var(--tl-dot-default);\n}\n.c-timeline.is-horizontal .c-timeline__dot.is-icon[data-v-7e1acecc] {\n  width: var(--tl-icon-size);\n  height: var(--tl-icon-size);\n  background: var(--tl-icon-bg);\n  border: 1.5px solid var(--tl-line-color);\n  box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);\n  font-size: calc(var(--tl-icon-size) * 0.5);\n}\n.c-timeline.is-horizontal .c-timeline__line[data-v-7e1acecc] {\n  display: none;\n}\n.c-timeline.is-horizontal .c-timeline__body[data-v-7e1acecc] {\n  width: 100%;\n  padding: 8px 12px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  text-align: center;\n}\n.c-timeline.is-horizontal .c-timeline__header[data-v-7e1acecc] {\n  justify-content: center;\n  flex-wrap: wrap;\n}\n.c-timeline.is-horizontal .c-timeline__content[data-v-7e1acecc] {\n  text-align: left;\n  font-size: 12px;\n}\n.c-timeline__header[data-v-7e1acecc] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n}\n.c-timeline__title[data-v-7e1acecc] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--tl-text-primary);\n  line-height: 1.5;\n}\n.c-timeline__time[data-v-7e1acecc] {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 7px;\n  font-size: 11px;\n  color: var(--tl-text-time);\n  white-space: nowrap;\n  background: color-mix(in srgb, var(--border-color) 40%, transparent);\n  border-radius: 4px;\n  line-height: 1.6;\n}\n.c-timeline__tags[data-v-7e1acecc] {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n.c-timeline__tag[data-v-7e1acecc] {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 8px;\n  font-size: 11px;\n  font-weight: 500;\n  border-radius: var(--tl-tag-radius);\n  background: color-mix(in srgb, var(--primary-color) 10%, var(--card-color));\n  color: var(--primary-color);\n  border: 1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);\n}\n.c-timeline__content[data-v-7e1acecc] {\n  padding: var(--tl-content-padding);\n  background: var(--tl-content-bg);\n  border-radius: var(--tl-content-radius);\n  border: 1px solid var(--border-color);\n  font-size: 13px;\n  color: var(--tl-text-secondary);\n  line-height: 1.7;\n}\n.c-timeline__detail[data-v-7e1acecc] {\n  overflow: hidden;\n  transition: max-height 0.3s ease, opacity 0.3s ease;\n}\n.c-timeline__detail.is-collapsed[data-v-7e1acecc] {\n  max-height: 0;\n  opacity: 0;\n}\n.c-timeline__detail.is-expanded[data-v-7e1acecc] {\n  max-height: 800px;\n  opacity: 1;\n}\n.c-timeline__collapse-trigger[data-v-7e1acecc] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--primary-color);\n  cursor: pointer;\n  user-select: none;\n  transition: opacity 0.2s;\n}\n.c-timeline__collapse-trigger[data-v-7e1acecc]:hover {\n  opacity: 0.75;\n}\n.c-timeline__collapse-trigger .collapse-arrow[data-v-7e1acecc] {\n  transition: transform 0.25s;\n}\n.c-timeline__collapse-trigger.is-expanded .collapse-arrow[data-v-7e1acecc] {\n  transform: rotate(180deg);\n}\n.c-timeline__pending[data-v-7e1acecc] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 13px;\n  color: var(--tl-text-time);\n  padding: 8px 0 0 var(--tl-track-width);\n}\n.c-timeline__pending .pending-dot[data-v-7e1acecc] {\n  width: 10px;\n  height: 10px;\n  flex-shrink: 0;\n  border-radius: 50%;\n  background: var(--tl-dot-info);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--tl-dot-info) 20%, transparent);\n  animation: tl-pulse-7e1acecc 1.4s infinite;\n}\n.c-timeline.is-horizontal .c-timeline__pending[data-v-7e1acecc] {\n  padding-left: 0;\n}\n@keyframes tl-pulse-7e1acecc {\n0%, 100% {\n    opacity: 0.4;\n    transform: scale(1);\n}\n50% {\n    opacity: 1;\n    transform: scale(1.15);\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Timeline-DdESmqwL.css","names":[],"sources":["../src/components/C_Timeline/index.vue?vue&type=style&index=0&scoped=3da6d11e&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-timeline[data-v-3da6d11e] {\n  --tl-bg: transparent;\n  --tl-text-primary: var(--app-text-primary);\n  --tl-text-secondary: var(--text-color-2);\n  --tl-text-time: var(--text-color-3);\n  --tl-line-color: color-mix(in srgb, var(--primary-color) 20%, var(--border-color));\n  --tl-line-width: 2px;\n  --tl-dot-size: 12px;\n  --tl-icon-size: 32px;\n  --tl-item-gap: 0px;\n  --tl-track-spacing: 24px;\n  --tl-track-width: 48px;\n  --tl-content-gap: 12px;\n  --tl-dot-size-sm: 8px;\n  --tl-dot-size-lg: 16px;\n  --tl-icon-size-sm: 24px;\n  --tl-icon-size-lg: 40px;\n  --tl-track-width-sm: 36px;\n  --tl-track-width-lg: 60px;\n  --tl-track-spacing-sm: 16px;\n  --tl-track-spacing-lg: 32px;\n  --tl-dot-default: var(--text-color-3);\n  --tl-dot-success: #18a058;\n  --tl-dot-warning: #f0a020;\n  --tl-dot-error: #d03050;\n  --tl-dot-info: #2080f0;\n  --tl-icon-bg: var(--card-color);\n  --tl-content-bg: var(--card-color);\n  --tl-content-radius: 8px;\n  --tl-content-padding: 12px 16px;\n  --tl-tag-radius: 4px;\n  --tl-h-item-width: 200px;\n  --tl-h-track-height: 56px;\n  position: relative;\n  background: var(--tl-bg);\n}\n.c-timeline.is-small[data-v-3da6d11e] {\n  --tl-dot-size: var(--tl-dot-size-sm);\n  --tl-icon-size: var(--tl-icon-size-sm);\n  --tl-track-width: var(--tl-track-width-sm);\n  --tl-track-spacing: var(--tl-track-spacing-sm);\n}\n.c-timeline.is-large[data-v-3da6d11e] {\n  --tl-dot-size: var(--tl-dot-size-lg);\n  --tl-icon-size: var(--tl-icon-size-lg);\n  --tl-track-width: var(--tl-track-width-lg);\n  --tl-track-spacing: var(--tl-track-spacing-lg);\n}\n.c-timeline.is-vertical[data-v-3da6d11e] {\n  display: flex;\n  flex-direction: column;\n}\n.c-timeline.is-vertical .c-timeline__item[data-v-3da6d11e] {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n}\n.c-timeline.is-vertical .c-timeline__track[data-v-3da6d11e] {\n  flex: 0 0 var(--tl-track-width);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-right: var(--tl-content-gap);\n}\n.c-timeline.is-vertical .c-timeline__dot[data-v-3da6d11e] {\n  flex-shrink: 0;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n}\n.c-timeline.is-vertical .c-timeline__dot.is-dot[data-v-3da6d11e] {\n  width: var(--tl-dot-size);\n  height: var(--tl-dot-size);\n  margin-top: calc((var(--tl-icon-size) - var(--tl-dot-size)) / 2);\n  background: var(--tl-dot-default);\n  border: 2px solid var(--card-color);\n  box-shadow: 0 0 0 2px var(--tl-dot-default);\n}\n.c-timeline.is-vertical .c-timeline__dot.is-icon[data-v-3da6d11e] {\n  width: var(--tl-icon-size);\n  height: var(--tl-icon-size);\n  background: var(--tl-icon-bg);\n  border: 1.5px solid var(--tl-line-color);\n  box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);\n  font-size: calc(var(--tl-icon-size) * 0.5);\n}\n.c-timeline.is-vertical .c-timeline__line[data-v-3da6d11e] {\n  flex: 1;\n  min-height: var(--tl-track-spacing);\n  width: 0;\n  box-sizing: content-box;\n  border-left-width: var(--tl-line-width);\n  border-left-style: solid;\n  border-left-color: var(--tl-line-color);\n  margin: 4px 0;\n}\n.c-timeline.is-vertical.is-line-dashed .c-timeline__line[data-v-3da6d11e] {\n  border-left-style: dashed;\n}\n.c-timeline.is-vertical.is-line-dotted .c-timeline__line[data-v-3da6d11e] {\n  border-left-style: dotted;\n}\n.c-timeline.is-vertical .c-timeline__body[data-v-3da6d11e] {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding-bottom: var(--tl-track-spacing);\n}\n.c-timeline.is-vertical .c-timeline__item:last-child .c-timeline__body[data-v-3da6d11e] {\n  padding-bottom: 0;\n}\n.c-timeline.is-horizontal[data-v-3da6d11e] {\n  display: flex;\n  flex-direction: row;\n  overflow-x: auto;\n  scrollbar-width: thin;\n  scrollbar-color: var(--border-color) transparent;\n}\n.c-timeline.is-horizontal[data-v-3da6d11e]::-webkit-scrollbar {\n  height: 4px;\n}\n.c-timeline.is-horizontal[data-v-3da6d11e]::-webkit-scrollbar-thumb {\n  background: var(--border-color);\n  border-radius: 2px;\n}\n.c-timeline.is-horizontal .c-timeline__item[data-v-3da6d11e] {\n  flex: 0 0 var(--tl-h-item-width);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.c-timeline.is-horizontal .c-timeline__track[data-v-3da6d11e] {\n  position: relative;\n  width: 100%;\n  height: var(--tl-h-track-height);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: visible;\n}\n.c-timeline.is-horizontal .c-timeline__dot[data-v-3da6d11e] {\n  position: relative;\n  z-index: 1;\n  flex-shrink: 0;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--tl-icon-bg);\n}\n.c-timeline.is-horizontal .c-timeline__dot.is-dot[data-v-3da6d11e] {\n  width: var(--tl-dot-size);\n  height: var(--tl-dot-size);\n  background: var(--tl-dot-default);\n  border: 2px solid var(--card-color);\n  box-shadow: 0 0 0 2px var(--tl-dot-default);\n}\n.c-timeline.is-horizontal .c-timeline__dot.is-icon[data-v-3da6d11e] {\n  width: var(--tl-icon-size);\n  height: var(--tl-icon-size);\n  background: var(--tl-icon-bg);\n  border: 1.5px solid var(--tl-line-color);\n  box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);\n  font-size: calc(var(--tl-icon-size) * 0.5);\n}\n.c-timeline.is-horizontal .c-timeline__line[data-v-3da6d11e] {\n  display: none;\n}\n.c-timeline.is-horizontal .c-timeline__body[data-v-3da6d11e] {\n  width: 100%;\n  padding: 8px 12px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  text-align: center;\n}\n.c-timeline.is-horizontal .c-timeline__header[data-v-3da6d11e] {\n  justify-content: center;\n  flex-wrap: wrap;\n}\n.c-timeline.is-horizontal .c-timeline__content[data-v-3da6d11e] {\n  text-align: left;\n  font-size: 12px;\n}\n.c-timeline__header[data-v-3da6d11e] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n}\n.c-timeline__title[data-v-3da6d11e] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--tl-text-primary);\n  line-height: 1.5;\n}\n.c-timeline__time[data-v-3da6d11e] {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 7px;\n  font-size: 11px;\n  color: var(--tl-text-time);\n  white-space: nowrap;\n  background: color-mix(in srgb, var(--border-color) 40%, transparent);\n  border-radius: 4px;\n  line-height: 1.6;\n}\n.c-timeline__tags[data-v-3da6d11e] {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n.c-timeline__tag[data-v-3da6d11e] {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 8px;\n  font-size: 11px;\n  font-weight: 500;\n  border-radius: var(--tl-tag-radius);\n  background: color-mix(in srgb, var(--primary-color) 10%, var(--card-color));\n  color: var(--primary-color);\n  border: 1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);\n}\n.c-timeline__content[data-v-3da6d11e] {\n  padding: var(--tl-content-padding);\n  background: var(--tl-content-bg);\n  border-radius: var(--tl-content-radius);\n  border: 1px solid var(--border-color);\n  font-size: 13px;\n  color: var(--tl-text-secondary);\n  line-height: 1.7;\n}\n.c-timeline__detail[data-v-3da6d11e] {\n  overflow: hidden;\n  transition: max-height 0.3s ease, opacity 0.3s ease;\n}\n.c-timeline__detail.is-collapsed[data-v-3da6d11e] {\n  max-height: 0;\n  opacity: 0;\n}\n.c-timeline__detail.is-expanded[data-v-3da6d11e] {\n  max-height: 800px;\n  opacity: 1;\n}\n.c-timeline__collapse-trigger[data-v-3da6d11e] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--primary-color);\n  cursor: pointer;\n  user-select: none;\n  transition: opacity 0.2s;\n}\n.c-timeline__collapse-trigger[data-v-3da6d11e]:hover {\n  opacity: 0.75;\n}\n.c-timeline__collapse-trigger .collapse-arrow[data-v-3da6d11e] {\n  transition: transform 0.25s;\n}\n.c-timeline__collapse-trigger.is-expanded .collapse-arrow[data-v-3da6d11e] {\n  transform: rotate(180deg);\n}\n.c-timeline__pending[data-v-3da6d11e] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 13px;\n  color: var(--tl-text-time);\n  padding: 8px 0 0 var(--tl-track-width);\n}\n.c-timeline__pending .pending-dot[data-v-3da6d11e] {\n  width: 10px;\n  height: 10px;\n  flex-shrink: 0;\n  border-radius: 50%;\n  background: var(--tl-dot-info);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--tl-dot-info) 20%, transparent);\n  animation: tl-pulse-3da6d11e 1.4s infinite;\n}\n.c-timeline.is-horizontal .c-timeline__pending[data-v-3da6d11e] {\n  padding-left: 0;\n}\n@keyframes tl-pulse-3da6d11e {\n0%, 100% {\n    opacity: 0.4;\n    transform: scale(1);\n}\n50% {\n    opacity: 1;\n    transform: scale(1.15);\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_Timeline.css

@@ -1,4 +1,4 @@
-/* unplugin-vue-components disabled */.c-timeline[data-v-7e1acecc] {
+/* unplugin-vue-components disabled */.c-timeline[data-v-3da6d11e] {
   --tl-bg: transparent;
   --tl-text-primary: var(--app-text-primary);
   --tl-text-secondary: var(--text-color-2);
@@ -34,35 +34,35 @@
   position: relative;
   background: var(--tl-bg);
 }
-.c-timeline.is-small[data-v-7e1acecc] {
+.c-timeline.is-small[data-v-3da6d11e] {
   --tl-dot-size: var(--tl-dot-size-sm);
   --tl-icon-size: var(--tl-icon-size-sm);
   --tl-track-width: var(--tl-track-width-sm);
   --tl-track-spacing: var(--tl-track-spacing-sm);
 }
-.c-timeline.is-large[data-v-7e1acecc] {
+.c-timeline.is-large[data-v-3da6d11e] {
   --tl-dot-size: var(--tl-dot-size-lg);
   --tl-icon-size: var(--tl-icon-size-lg);
   --tl-track-width: var(--tl-track-width-lg);
   --tl-track-spacing: var(--tl-track-spacing-lg);
 }
-.c-timeline.is-vertical[data-v-7e1acecc] {
+.c-timeline.is-vertical[data-v-3da6d11e] {
   display: flex;
   flex-direction: column;
 }
-.c-timeline.is-vertical .c-timeline__item[data-v-7e1acecc] {
+.c-timeline.is-vertical .c-timeline__item[data-v-3da6d11e] {
   display: flex;
   flex-direction: row;
   align-items: stretch;
 }
-.c-timeline.is-vertical .c-timeline__track[data-v-7e1acecc] {
+.c-timeline.is-vertical .c-timeline__track[data-v-3da6d11e] {
   flex: 0 0 var(--tl-track-width);
   display: flex;
   flex-direction: column;
   align-items: center;
   padding-right: var(--tl-content-gap);
 }
-.c-timeline.is-vertical .c-timeline__dot[data-v-7e1acecc] {
+.c-timeline.is-vertical .c-timeline__dot[data-v-3da6d11e] {
   flex-shrink: 0;
   border-radius: 50%;
   display: flex;
@@ -70,7 +70,7 @@
   justify-content: center;
   z-index: 1;
 }
-.c-timeline.is-vertical .c-timeline__dot.is-dot[data-v-7e1acecc] {
+.c-timeline.is-vertical .c-timeline__dot.is-dot[data-v-3da6d11e] {
   width: var(--tl-dot-size);
   height: var(--tl-dot-size);
   margin-top: calc((var(--tl-icon-size) - var(--tl-dot-size)) / 2);
@@ -78,7 +78,7 @@
   border: 2px solid var(--card-color);
   box-shadow: 0 0 0 2px var(--tl-dot-default);
 }
-.c-timeline.is-vertical .c-timeline__dot.is-icon[data-v-7e1acecc] {
+.c-timeline.is-vertical .c-timeline__dot.is-icon[data-v-3da6d11e] {
   width: var(--tl-icon-size);
   height: var(--tl-icon-size);
   background: var(--tl-icon-bg);
@@ -86,7 +86,7 @@
   box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);
   font-size: calc(var(--tl-icon-size) * 0.5);
 }
-.c-timeline.is-vertical .c-timeline__line[data-v-7e1acecc] {
+.c-timeline.is-vertical .c-timeline__line[data-v-3da6d11e] {
   flex: 1;
   min-height: var(--tl-track-spacing);
   width: 0;
@@ -96,13 +96,13 @@
   border-left-color: var(--tl-line-color);
   margin: 4px 0;
 }
-.c-timeline.is-vertical.is-line-dashed .c-timeline__line[data-v-7e1acecc] {
+.c-timeline.is-vertical.is-line-dashed .c-timeline__line[data-v-3da6d11e] {
   border-left-style: dashed;
 }
-.c-timeline.is-vertical.is-line-dotted .c-timeline__line[data-v-7e1acecc] {
+.c-timeline.is-vertical.is-line-dotted .c-timeline__line[data-v-3da6d11e] {
   border-left-style: dotted;
 }
-.c-timeline.is-vertical .c-timeline__body[data-v-7e1acecc] {
+.c-timeline.is-vertical .c-timeline__body[data-v-3da6d11e] {
   flex: 1;
   min-width: 0;
   display: flex;
@@ -110,30 +110,30 @@
   gap: 6px;
   padding-bottom: var(--tl-track-spacing);
 }
-.c-timeline.is-vertical .c-timeline__item:last-child .c-timeline__body[data-v-7e1acecc] {
+.c-timeline.is-vertical .c-timeline__item:last-child .c-timeline__body[data-v-3da6d11e] {
   padding-bottom: 0;
 }
-.c-timeline.is-horizontal[data-v-7e1acecc] {
+.c-timeline.is-horizontal[data-v-3da6d11e] {
   display: flex;
   flex-direction: row;
   overflow-x: auto;
   scrollbar-width: thin;
   scrollbar-color: var(--border-color) transparent;
 }
-.c-timeline.is-horizontal[data-v-7e1acecc]::-webkit-scrollbar {
+.c-timeline.is-horizontal[data-v-3da6d11e]::-webkit-scrollbar {
   height: 4px;
 }
-.c-timeline.is-horizontal[data-v-7e1acecc]::-webkit-scrollbar-thumb {
+.c-timeline.is-horizontal[data-v-3da6d11e]::-webkit-scrollbar-thumb {
   background: var(--border-color);
   border-radius: 2px;
 }
-.c-timeline.is-horizontal .c-timeline__item[data-v-7e1acecc] {
+.c-timeline.is-horizontal .c-timeline__item[data-v-3da6d11e] {
   flex: 0 0 var(--tl-h-item-width);
   display: flex;
   flex-direction: column;
   align-items: center;
 }
-.c-timeline.is-horizontal .c-timeline__track[data-v-7e1acecc] {
+.c-timeline.is-horizontal .c-timeline__track[data-v-3da6d11e] {
   position: relative;
   width: 100%;
   height: var(--tl-h-track-height);
@@ -142,7 +142,7 @@
   justify-content: center;
   overflow: visible;
 }
-.c-timeline.is-horizontal .c-timeline__dot[data-v-7e1acecc] {
+.c-timeline.is-horizontal .c-timeline__dot[data-v-3da6d11e] {
   position: relative;
   z-index: 1;
   flex-shrink: 0;
@@ -152,14 +152,14 @@
   justify-content: center;
   background: var(--tl-icon-bg);
 }
-.c-timeline.is-horizontal .c-timeline__dot.is-dot[data-v-7e1acecc] {
+.c-timeline.is-horizontal .c-timeline__dot.is-dot[data-v-3da6d11e] {
   width: var(--tl-dot-size);
   height: var(--tl-dot-size);
   background: var(--tl-dot-default);
   border: 2px solid var(--card-color);
   box-shadow: 0 0 0 2px var(--tl-dot-default);
 }
-.c-timeline.is-horizontal .c-timeline__dot.is-icon[data-v-7e1acecc] {
+.c-timeline.is-horizontal .c-timeline__dot.is-icon[data-v-3da6d11e] {
   width: var(--tl-icon-size);
   height: var(--tl-icon-size);
   background: var(--tl-icon-bg);
@@ -167,10 +167,10 @@
   box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);
   font-size: calc(var(--tl-icon-size) * 0.5);
 }
-.c-timeline.is-horizontal .c-timeline__line[data-v-7e1acecc] {
+.c-timeline.is-horizontal .c-timeline__line[data-v-3da6d11e] {
   display: none;
 }
-.c-timeline.is-horizontal .c-timeline__body[data-v-7e1acecc] {
+.c-timeline.is-horizontal .c-timeline__body[data-v-3da6d11e] {
   width: 100%;
   padding: 8px 12px 0;
   display: flex;
@@ -179,27 +179,27 @@
   gap: 4px;
   text-align: center;
 }
-.c-timeline.is-horizontal .c-timeline__header[data-v-7e1acecc] {
+.c-timeline.is-horizontal .c-timeline__header[data-v-3da6d11e] {
   justify-content: center;
   flex-wrap: wrap;
 }
-.c-timeline.is-horizontal .c-timeline__content[data-v-7e1acecc] {
+.c-timeline.is-horizontal .c-timeline__content[data-v-3da6d11e] {
   text-align: left;
   font-size: 12px;
 }
-.c-timeline__header[data-v-7e1acecc] {
+.c-timeline__header[data-v-3da6d11e] {
   display: flex;
   align-items: center;
   gap: 8px;
   cursor: pointer;
 }
-.c-timeline__title[data-v-7e1acecc] {
+.c-timeline__title[data-v-3da6d11e] {
   font-size: 14px;
   font-weight: 600;
   color: var(--tl-text-primary);
   line-height: 1.5;
 }
-.c-timeline__time[data-v-7e1acecc] {
+.c-timeline__time[data-v-3da6d11e] {
   display: inline-flex;
   align-items: center;
   padding: 1px 7px;
@@ -210,12 +210,12 @@
   border-radius: 4px;
   line-height: 1.6;
 }
-.c-timeline__tags[data-v-7e1acecc] {
+.c-timeline__tags[data-v-3da6d11e] {
   display: flex;
   gap: 6px;
   flex-wrap: wrap;
 }
-.c-timeline__tag[data-v-7e1acecc] {
+.c-timeline__tag[data-v-3da6d11e] {
   display: inline-flex;
   align-items: center;
   padding: 1px 8px;
@@ -226,7 +226,7 @@
   color: var(--primary-color);
   border: 1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);
 }
-.c-timeline__content[data-v-7e1acecc] {
+.c-timeline__content[data-v-3da6d11e] {
   padding: var(--tl-content-padding);
   background: var(--tl-content-bg);
   border-radius: var(--tl-content-radius);
@@ -235,19 +235,19 @@
   color: var(--tl-text-secondary);
   line-height: 1.7;
 }
-.c-timeline__detail[data-v-7e1acecc] {
+.c-timeline__detail[data-v-3da6d11e] {
   overflow: hidden;
   transition: max-height 0.3s ease, opacity 0.3s ease;
 }
-.c-timeline__detail.is-collapsed[data-v-7e1acecc] {
+.c-timeline__detail.is-collapsed[data-v-3da6d11e] {
   max-height: 0;
   opacity: 0;
 }
-.c-timeline__detail.is-expanded[data-v-7e1acecc] {
+.c-timeline__detail.is-expanded[data-v-3da6d11e] {
   max-height: 800px;
   opacity: 1;
 }
-.c-timeline__collapse-trigger[data-v-7e1acecc] {
+.c-timeline__collapse-trigger[data-v-3da6d11e] {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -257,16 +257,16 @@
   user-select: none;
   transition: opacity 0.2s;
 }
-.c-timeline__collapse-trigger[data-v-7e1acecc]:hover {
+.c-timeline__collapse-trigger[data-v-3da6d11e]:hover {
   opacity: 0.75;
 }
-.c-timeline__collapse-trigger .collapse-arrow[data-v-7e1acecc] {
+.c-timeline__collapse-trigger .collapse-arrow[data-v-3da6d11e] {
   transition: transform 0.25s;
 }
-.c-timeline__collapse-trigger.is-expanded .collapse-arrow[data-v-7e1acecc] {
+.c-timeline__collapse-trigger.is-expanded .collapse-arrow[data-v-3da6d11e] {
   transform: rotate(180deg);
 }
-.c-timeline__pending[data-v-7e1acecc] {
+.c-timeline__pending[data-v-3da6d11e] {
   display: flex;
   align-items: center;
   gap: 10px;
@@ -274,19 +274,19 @@
   color: var(--tl-text-time);
   padding: 8px 0 0 var(--tl-track-width);
 }
-.c-timeline__pending .pending-dot[data-v-7e1acecc] {
+.c-timeline__pending .pending-dot[data-v-3da6d11e] {
   width: 10px;
   height: 10px;
   flex-shrink: 0;
   border-radius: 50%;
   background: var(--tl-dot-info);
   box-shadow: 0 0 0 3px color-mix(in srgb, var(--tl-dot-info) 20%, transparent);
-  animation: tl-pulse-7e1acecc 1.4s infinite;
+  animation: tl-pulse-3da6d11e 1.4s infinite;
 }
-.c-timeline.is-horizontal .c-timeline__pending[data-v-7e1acecc] {
+.c-timeline.is-horizontal .c-timeline__pending[data-v-3da6d11e] {
   padding-left: 0;
 }
-@keyframes tl-pulse-7e1acecc {
+@keyframes tl-pulse-3da6d11e {
 0%, 100% {
     opacity: 0.4;
     transform: scale(1);
@@ -297,4 +297,4 @@
 }
 }
 
-/*# sourceMappingURL=C_Timeline-BKkimrZx.css.map*/
+/*# sourceMappingURL=C_Timeline-4rk0Dzgn.css.map*/