@robot-admin/naive-ui-components 0.3.0

package/dist/C_City2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_City2.js","names":["modelValue","placeholder","showLetters"],"sources":["../src/components/C_City/province.json","../src/components/C_City/index.vue","../src/components/C_City/index.vue","../src/components/C_City/index.vue"],"sourcesContent":["","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-30\r\n * @Description: 城市选择器组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NPopover\r\n    v-model:show=\"visible\"\r\n    placement=\"bottom-start\"\r\n    :width=\"430\"\r\n    trigger=\"click\"\r\n    :show-arrow=\"false\"\r\n  >\r\n    <template #trigger>\r\n      <slot name=\"trigger\" :value=\"modelValue\" :visible=\"visible\">\r\n        <div class=\"city-selector-trigger\">\r\n          <span class=\"city-selector-trigger__text\">{{\r\n            modelValue || placeholder\r\n          }}</span>\r\n        </div>\r\n      </slot>\r\n    </template>\r\n\r\n    <div class=\"city-selector-content\">\r\n      <div class=\"city-selector-header\">\r\n        <NRadioGroup v-model:value=\"radioValue\" size=\"small\">\r\n          <NRadioButton value=\"city\">按城市</NRadioButton>\r\n          <NRadioButton value=\"province\">按省份</NRadioButton>\r\n        </NRadioGroup>\r\n        <NSelect\r\n          v-model:value=\"searchValue\"\r\n          class=\"city-selector-search\"\r\n          :options=\"searchOptions\"\r\n          filterable\r\n          clearable\r\n          placeholder=\"搜索城市\"\r\n          @update:value=\"handleSearchSelect\"\r\n        />\r\n      </div>\r\n\r\n      <div v-if=\"showLetters\" class=\"city-selector-letters\">\r\n        <span\r\n          v-for=\"letter in letters\"\r\n          :key=\"letter\"\r\n          class=\"city-selector-letter\"\r\n          @click=\"scrollToLetter(letter)\"\r\n        >\r\n          {{ letter }}\r\n        </span>\r\n      </div>\r\n\r\n      <NScrollbar class=\"city-selector-body\">\r\n        <div v-if=\"radioValue === 'city'\" class=\"city-list\">\r\n          <div\r\n            v-for=\"(cities, letter) in cityDataByLetter\"\r\n            :key=\"letter\"\r\n            :id=\"`letter-${letter}`\"\r\n            class=\"city-group\"\r\n          >\r\n            <div class=\"city-group__letter\">{{ letter }}:</div>\r\n            <div class=\"city-group__cities\">\r\n              <span\r\n                v-for=\"(city, index) in cities\"\r\n                :key=\"`${letter}-${index}`\"\r\n                class=\"city-item\"\r\n                :class=\"{ 'is-active': modelValue === city.name }\"\r\n                @click=\"handleCitySelect(city.name)\"\r\n              >\r\n                {{ city.name }}\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div v-else class=\"province-list\">\r\n          <div\r\n            v-for=\"province in allProvinces\"\r\n            :key=\"province.id\"\r\n            :id=\"`letter-${province.id}`\"\r\n            class=\"province-group\"\r\n          >\r\n            <div class=\"province-group__name\">{{ province.name }}:</div>\r\n            <div class=\"province-group__cities\">\r\n              <span\r\n                v-for=\"(city, index) in province.data\"\r\n                :key=\"`${province.id}-${index}`\"\r\n                class=\"city-item\"\r\n                :class=\"{ 'is-active': modelValue === city }\"\r\n                @click=\"handleCitySelect(city)\"\r\n              >\r\n                {{ city }}\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </NScrollbar>\r\n    </div>\r\n  </NPopover>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, onMounted } from \"vue\";\r\nimport {\r\n  NPopover,\r\n  NRadioGroup,\r\n  NRadioButton,\r\n  NSelect,\r\n  NScrollbar,\r\n} from \"naive-ui\";\r\nimport type { SelectOption } from \"naive-ui\";\r\nimport provinceData from \"./province.json\";\r\n\r\ndefineOptions({ name: \"C_City\" });\r\n\r\ninterface CityItem {\r\n  id: number;\r\n  spell: string;\r\n  name: string;\r\n}\r\n\r\n// 城市数据懒加载（83KB JSON 仅在组件挂载时加载）\r\nconst cityData = ref<{ cities: Record<string, CityItem[]> } | null>(null);\r\n\r\nonMounted(async () => {\r\n  const mod = await import(\"./city.json\");\r\n  cityData.value = mod.default ?? mod;\r\n});\r\n\r\ninterface ProvinceItem {\r\n  id?: string;\r\n  name: string;\r\n  data: string[];\r\n}\r\n\r\ninterface Props {\r\n  modelValue?: string;\r\n  placeholder?: string;\r\n  showLetters?: boolean;\r\n}\r\n\r\ninterface Emits {\r\n  (e: \"update:modelValue\", value: string): void;\r\n  (e: \"change\", value: string): void;\r\n}\r\n\r\nwithDefaults(defineProps<Props>(), {\r\n  placeholder: \"请选择城市\",\r\n  showLetters: true,\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst visible = ref(false);\r\nconst radioValue = ref<\"city\" | \"province\">(\"city\");\r\nconst searchValue = ref(\"\");\r\n\r\nconst allProvinces = computed(() => {\r\n  const provinces: ProvinceItem[] = [];\r\n  Object.values(provinceData).forEach((group) => {\r\n    provinces.push(...(group as ProvinceItem[]));\r\n  });\r\n  return provinces;\r\n});\r\n\r\nconst cityDataByLetter = computed(() => {\r\n  if (cityData.value?.cities) {\r\n    return cityData.value.cities;\r\n  }\r\n  // 数据未加载时，从省份数据生成城市索引作为 fallback\r\n  const cities: Record<string, CityItem[]> = {};\r\n  let cityId = 1;\r\n  const citySet = new Set<string>();\r\n  allProvinces.value.forEach((province) => {\r\n    province.data.forEach((cityName) => {\r\n      citySet.add(cityName);\r\n    });\r\n  });\r\n  Array.from(citySet).forEach((cityName) => {\r\n    const letter = cityName[0].toUpperCase();\r\n    if (!cities[letter]) cities[letter] = [];\r\n    cities[letter].push({ id: cityId++, name: cityName, spell: \"\" });\r\n  });\r\n  const sortedCities: Record<string, CityItem[]> = {};\r\n  Object.keys(cities)\r\n    .sort()\r\n    .forEach((letter) => {\r\n      sortedCities[letter] = cities[letter].sort((a, b) =>\r\n        a.name.localeCompare(b.name, \"zh-CN\"),\r\n      );\r\n    });\r\n  return sortedCities;\r\n});\r\n\r\nconst letters = computed(() => {\r\n  if (radioValue.value === \"city\") {\r\n    return Object.keys(cityDataByLetter.value).sort();\r\n  } else {\r\n    const provinceLetters = new Set<string>();\r\n    Object.keys(provinceData).forEach((key) => {\r\n      if (key !== \"直辖市\" && key !== \"港澳\") {\r\n        provinceLetters.add(key);\r\n      }\r\n    });\r\n    const result = Array.from(provinceLetters).sort();\r\n    result.push(\"直辖市\", \"港澳\");\r\n    return result;\r\n  }\r\n});\r\n\r\nconst searchOptions = computed((): SelectOption[] => {\r\n  if (radioValue.value === \"city\") {\r\n    const options: SelectOption[] = [];\r\n    Object.values(cityDataByLetter.value).forEach((cities) => {\r\n      (cities as CityItem[]).forEach((city) => {\r\n        options.push({\r\n          label: city.name,\r\n          value: city.name,\r\n        });\r\n      });\r\n    });\r\n    return options;\r\n  } else {\r\n    return allProvinces.value.flatMap((province) =>\r\n      province.data.map((city) => ({\r\n        label: `${city} (${province.name})`,\r\n        value: city,\r\n      })),\r\n    );\r\n  }\r\n});\r\n\r\nconst handleCitySelect = (cityName: string): void => {\r\n  emit(\"update:modelValue\", cityName);\r\n  emit(\"change\", cityName);\r\n  visible.value = false;\r\n};\r\n\r\nconst handleSearchSelect = (value: string): void => {\r\n  if (value) {\r\n    handleCitySelect(value);\r\n    searchValue.value = \"\";\r\n  }\r\n};\r\n\r\nconst scrollToLetter = (letter: string): void => {\r\n  const element = document.getElementById(`letter-${letter}`);\r\n  if (element) {\r\n    element.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-30\r\n * @Description: 城市选择器组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NPopover\r\n    v-model:show=\"visible\"\r\n    placement=\"bottom-start\"\r\n    :width=\"430\"\r\n    trigger=\"click\"\r\n    :show-arrow=\"false\"\r\n  >\r\n    <template #trigger>\r\n      <slot name=\"trigger\" :value=\"modelValue\" :visible=\"visible\">\r\n        <div class=\"city-selector-trigger\">\r\n          <span class=\"city-selector-trigger__text\">{{\r\n            modelValue || placeholder\r\n          }}</span>\r\n        </div>\r\n      </slot>\r\n    </template>\r\n\r\n    <div class=\"city-selector-content\">\r\n      <div class=\"city-selector-header\">\r\n        <NRadioGroup v-model:value=\"radioValue\" size=\"small\">\r\n          <NRadioButton value=\"city\">按城市</NRadioButton>\r\n          <NRadioButton value=\"province\">按省份</NRadioButton>\r\n        </NRadioGroup>\r\n        <NSelect\r\n          v-model:value=\"searchValue\"\r\n          class=\"city-selector-search\"\r\n          :options=\"searchOptions\"\r\n          filterable\r\n          clearable\r\n          placeholder=\"搜索城市\"\r\n          @update:value=\"handleSearchSelect\"\r\n        />\r\n      </div>\r\n\r\n      <div v-if=\"showLetters\" class=\"city-selector-letters\">\r\n        <span\r\n          v-for=\"letter in letters\"\r\n          :key=\"letter\"\r\n          class=\"city-selector-letter\"\r\n          @click=\"scrollToLetter(letter)\"\r\n        >\r\n          {{ letter }}\r\n        </span>\r\n      </div>\r\n\r\n      <NScrollbar class=\"city-selector-body\">\r\n        <div v-if=\"radioValue === 'city'\" class=\"city-list\">\r\n          <div\r\n            v-for=\"(cities, letter) in cityDataByLetter\"\r\n            :key=\"letter\"\r\n            :id=\"`letter-${letter}`\"\r\n            class=\"city-group\"\r\n          >\r\n            <div class=\"city-group__letter\">{{ letter }}:</div>\r\n            <div class=\"city-group__cities\">\r\n              <span\r\n                v-for=\"(city, index) in cities\"\r\n                :key=\"`${letter}-${index}`\"\r\n                class=\"city-item\"\r\n                :class=\"{ 'is-active': modelValue === city.name }\"\r\n                @click=\"handleCitySelect(city.name)\"\r\n              >\r\n                {{ city.name }}\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div v-else class=\"province-list\">\r\n          <div\r\n            v-for=\"province in allProvinces\"\r\n            :key=\"province.id\"\r\n            :id=\"`letter-${province.id}`\"\r\n            class=\"province-group\"\r\n          >\r\n            <div class=\"province-group__name\">{{ province.name }}:</div>\r\n            <div class=\"province-group__cities\">\r\n              <span\r\n                v-for=\"(city, index) in province.data\"\r\n                :key=\"`${province.id}-${index}`\"\r\n                class=\"city-item\"\r\n                :class=\"{ 'is-active': modelValue === city }\"\r\n                @click=\"handleCitySelect(city)\"\r\n              >\r\n                {{ city }}\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </NScrollbar>\r\n    </div>\r\n  </NPopover>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, onMounted } from \"vue\";\r\nimport {\r\n  NPopover,\r\n  NRadioGroup,\r\n  NRadioButton,\r\n  NSelect,\r\n  NScrollbar,\r\n} from \"naive-ui\";\r\nimport type { SelectOption } from \"naive-ui\";\r\nimport provinceData from \"./province.json\";\r\n\r\ndefineOptions({ name: \"C_City\" });\r\n\r\ninterface CityItem {\r\n  id: number;\r\n  spell: string;\r\n  name: string;\r\n}\r\n\r\n// 城市数据懒加载（83KB JSON 仅在组件挂载时加载）\r\nconst cityData = ref<{ cities: Record<string, CityItem[]> } | null>(null);\r\n\r\nonMounted(async () => {\r\n  const mod = await import(\"./city.json\");\r\n  cityData.value = mod.default ?? mod;\r\n});\r\n\r\ninterface ProvinceItem {\r\n  id?: string;\r\n  name: string;\r\n  data: string[];\r\n}\r\n\r\ninterface Props {\r\n  modelValue?: string;\r\n  placeholder?: string;\r\n  showLetters?: boolean;\r\n}\r\n\r\ninterface Emits {\r\n  (e: \"update:modelValue\", value: string): void;\r\n  (e: \"change\", value: string): void;\r\n}\r\n\r\nwithDefaults(defineProps<Props>(), {\r\n  placeholder: \"请选择城市\",\r\n  showLetters: true,\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst visible = ref(false);\r\nconst radioValue = ref<\"city\" | \"province\">(\"city\");\r\nconst searchValue = ref(\"\");\r\n\r\nconst allProvinces = computed(() => {\r\n  const provinces: ProvinceItem[] = [];\r\n  Object.values(provinceData).forEach((group) => {\r\n    provinces.push(...(group as ProvinceItem[]));\r\n  });\r\n  return provinces;\r\n});\r\n\r\nconst cityDataByLetter = computed(() => {\r\n  if (cityData.value?.cities) {\r\n    return cityData.value.cities;\r\n  }\r\n  // 数据未加载时，从省份数据生成城市索引作为 fallback\r\n  const cities: Record<string, CityItem[]> = {};\r\n  let cityId = 1;\r\n  const citySet = new Set<string>();\r\n  allProvinces.value.forEach((province) => {\r\n    province.data.forEach((cityName) => {\r\n      citySet.add(cityName);\r\n    });\r\n  });\r\n  Array.from(citySet).forEach((cityName) => {\r\n    const letter = cityName[0].toUpperCase();\r\n    if (!cities[letter]) cities[letter] = [];\r\n    cities[letter].push({ id: cityId++, name: cityName, spell: \"\" });\r\n  });\r\n  const sortedCities: Record<string, CityItem[]> = {};\r\n  Object.keys(cities)\r\n    .sort()\r\n    .forEach((letter) => {\r\n      sortedCities[letter] = cities[letter].sort((a, b) =>\r\n        a.name.localeCompare(b.name, \"zh-CN\"),\r\n      );\r\n    });\r\n  return sortedCities;\r\n});\r\n\r\nconst letters = computed(() => {\r\n  if (radioValue.value === \"city\") {\r\n    return Object.keys(cityDataByLetter.value).sort();\r\n  } else {\r\n    const provinceLetters = new Set<string>();\r\n    Object.keys(provinceData).forEach((key) => {\r\n      if (key !== \"直辖市\" && key !== \"港澳\") {\r\n        provinceLetters.add(key);\r\n      }\r\n    });\r\n    const result = Array.from(provinceLetters).sort();\r\n    result.push(\"直辖市\", \"港澳\");\r\n    return result;\r\n  }\r\n});\r\n\r\nconst searchOptions = computed((): SelectOption[] => {\r\n  if (radioValue.value === \"city\") {\r\n    const options: SelectOption[] = [];\r\n    Object.values(cityDataByLetter.value).forEach((cities) => {\r\n      (cities as CityItem[]).forEach((city) => {\r\n        options.push({\r\n          label: city.name,\r\n          value: city.name,\r\n        });\r\n      });\r\n    });\r\n    return options;\r\n  } else {\r\n    return allProvinces.value.flatMap((province) =>\r\n      province.data.map((city) => ({\r\n        label: `${city} (${province.name})`,\r\n        value: city,\r\n      })),\r\n    );\r\n  }\r\n});\r\n\r\nconst handleCitySelect = (cityName: string): void => {\r\n  emit(\"update:modelValue\", cityName);\r\n  emit(\"change\", cityName);\r\n  visible.value = false;\r\n};\r\n\r\nconst handleSearchSelect = (value: string): void => {\r\n  if (value) {\r\n    handleCitySelect(value);\r\n    searchValue.value = \"\";\r\n  }\r\n};\r\n\r\nconst scrollToLetter = (letter: string): void => {\r\n  const element = document.getElementById(`letter-${letter}`);\r\n  if (element) {\r\n    element.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-30\r\n * @Description: 城市选择器组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <NPopover\r\n    v-model:show=\"visible\"\r\n    placement=\"bottom-start\"\r\n    :width=\"430\"\r\n    trigger=\"click\"\r\n    :show-arrow=\"false\"\r\n  >\r\n    <template #trigger>\r\n      <slot name=\"trigger\" :value=\"modelValue\" :visible=\"visible\">\r\n        <div class=\"city-selector-trigger\">\r\n          <span class=\"city-selector-trigger__text\">{{\r\n            modelValue || placeholder\r\n          }}</span>\r\n        </div>\r\n      </slot>\r\n    </template>\r\n\r\n    <div class=\"city-selector-content\">\r\n      <div class=\"city-selector-header\">\r\n        <NRadioGroup v-model:value=\"radioValue\" size=\"small\">\r\n          <NRadioButton value=\"city\">按城市</NRadioButton>\r\n          <NRadioButton value=\"province\">按省份</NRadioButton>\r\n        </NRadioGroup>\r\n        <NSelect\r\n          v-model:value=\"searchValue\"\r\n          class=\"city-selector-search\"\r\n          :options=\"searchOptions\"\r\n          filterable\r\n          clearable\r\n          placeholder=\"搜索城市\"\r\n          @update:value=\"handleSearchSelect\"\r\n        />\r\n      </div>\r\n\r\n      <div v-if=\"showLetters\" class=\"city-selector-letters\">\r\n        <span\r\n          v-for=\"letter in letters\"\r\n          :key=\"letter\"\r\n          class=\"city-selector-letter\"\r\n          @click=\"scrollToLetter(letter)\"\r\n        >\r\n          {{ letter }}\r\n        </span>\r\n      </div>\r\n\r\n      <NScrollbar class=\"city-selector-body\">\r\n        <div v-if=\"radioValue === 'city'\" class=\"city-list\">\r\n          <div\r\n            v-for=\"(cities, letter) in cityDataByLetter\"\r\n            :key=\"letter\"\r\n            :id=\"`letter-${letter}`\"\r\n            class=\"city-group\"\r\n          >\r\n            <div class=\"city-group__letter\">{{ letter }}:</div>\r\n            <div class=\"city-group__cities\">\r\n              <span\r\n                v-for=\"(city, index) in cities\"\r\n                :key=\"`${letter}-${index}`\"\r\n                class=\"city-item\"\r\n                :class=\"{ 'is-active': modelValue === city.name }\"\r\n                @click=\"handleCitySelect(city.name)\"\r\n              >\r\n                {{ city.name }}\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div v-else class=\"province-list\">\r\n          <div\r\n            v-for=\"province in allProvinces\"\r\n            :key=\"province.id\"\r\n            :id=\"`letter-${province.id}`\"\r\n            class=\"province-group\"\r\n          >\r\n            <div class=\"province-group__name\">{{ province.name }}:</div>\r\n            <div class=\"province-group__cities\">\r\n              <span\r\n                v-for=\"(city, index) in province.data\"\r\n                :key=\"`${province.id}-${index}`\"\r\n                class=\"city-item\"\r\n                :class=\"{ 'is-active': modelValue === city }\"\r\n                @click=\"handleCitySelect(city)\"\r\n              >\r\n                {{ city }}\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </NScrollbar>\r\n    </div>\r\n  </NPopover>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, onMounted } from \"vue\";\r\nimport {\r\n  NPopover,\r\n  NRadioGroup,\r\n  NRadioButton,\r\n  NSelect,\r\n  NScrollbar,\r\n} from \"naive-ui\";\r\nimport type { SelectOption } from \"naive-ui\";\r\nimport provinceData from \"./province.json\";\r\n\r\ndefineOptions({ name: \"C_City\" });\r\n\r\ninterface CityItem {\r\n  id: number;\r\n  spell: string;\r\n  name: string;\r\n}\r\n\r\n// 城市数据懒加载（83KB JSON 仅在组件挂载时加载）\r\nconst cityData = ref<{ cities: Record<string, CityItem[]> } | null>(null);\r\n\r\nonMounted(async () => {\r\n  const mod = await import(\"./city.json\");\r\n  cityData.value = mod.default ?? mod;\r\n});\r\n\r\ninterface ProvinceItem {\r\n  id?: string;\r\n  name: string;\r\n  data: string[];\r\n}\r\n\r\ninterface Props {\r\n  modelValue?: string;\r\n  placeholder?: string;\r\n  showLetters?: boolean;\r\n}\r\n\r\ninterface Emits {\r\n  (e: \"update:modelValue\", value: string): void;\r\n  (e: \"change\", value: string): void;\r\n}\r\n\r\nwithDefaults(defineProps<Props>(), {\r\n  placeholder: \"请选择城市\",\r\n  showLetters: true,\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst visible = ref(false);\r\nconst radioValue = ref<\"city\" | \"province\">(\"city\");\r\nconst searchValue = ref(\"\");\r\n\r\nconst allProvinces = computed(() => {\r\n  const provinces: ProvinceItem[] = [];\r\n  Object.values(provinceData).forEach((group) => {\r\n    provinces.push(...(group as ProvinceItem[]));\r\n  });\r\n  return provinces;\r\n});\r\n\r\nconst cityDataByLetter = computed(() => {\r\n  if (cityData.value?.cities) {\r\n    return cityData.value.cities;\r\n  }\r\n  // 数据未加载时，从省份数据生成城市索引作为 fallback\r\n  const cities: Record<string, CityItem[]> = {};\r\n  let cityId = 1;\r\n  const citySet = new Set<string>();\r\n  allProvinces.value.forEach((province) => {\r\n    province.data.forEach((cityName) => {\r\n      citySet.add(cityName);\r\n    });\r\n  });\r\n  Array.from(citySet).forEach((cityName) => {\r\n    const letter = cityName[0].toUpperCase();\r\n    if (!cities[letter]) cities[letter] = [];\r\n    cities[letter].push({ id: cityId++, name: cityName, spell: \"\" });\r\n  });\r\n  const sortedCities: Record<string, CityItem[]> = {};\r\n  Object.keys(cities)\r\n    .sort()\r\n    .forEach((letter) => {\r\n      sortedCities[letter] = cities[letter].sort((a, b) =>\r\n        a.name.localeCompare(b.name, \"zh-CN\"),\r\n      );\r\n    });\r\n  return sortedCities;\r\n});\r\n\r\nconst letters = computed(() => {\r\n  if (radioValue.value === \"city\") {\r\n    return Object.keys(cityDataByLetter.value).sort();\r\n  } else {\r\n    const provinceLetters = new Set<string>();\r\n    Object.keys(provinceData).forEach((key) => {\r\n      if (key !== \"直辖市\" && key !== \"港澳\") {\r\n        provinceLetters.add(key);\r\n      }\r\n    });\r\n    const result = Array.from(provinceLetters).sort();\r\n    result.push(\"直辖市\", \"港澳\");\r\n    return result;\r\n  }\r\n});\r\n\r\nconst searchOptions = computed((): SelectOption[] => {\r\n  if (radioValue.value === \"city\") {\r\n    const options: SelectOption[] = [];\r\n    Object.values(cityDataByLetter.value).forEach((cities) => {\r\n      (cities as CityItem[]).forEach((city) => {\r\n        options.push({\r\n          label: city.name,\r\n          value: city.name,\r\n        });\r\n      });\r\n    });\r\n    return options;\r\n  } else {\r\n    return allProvinces.value.flatMap((province) =>\r\n      province.data.map((city) => ({\r\n        label: `${city} (${province.name})`,\r\n        value: city,\r\n      })),\r\n    );\r\n  }\r\n});\r\n\r\nconst handleCitySelect = (cityName: string): void => {\r\n  emit(\"update:modelValue\", cityName);\r\n  emit(\"change\", cityName);\r\n  visible.value = false;\r\n};\r\n\r\nconst handleSearchSelect = (value: string): void => {\r\n  if (value) {\r\n    handleCitySelect(value);\r\n    searchValue.value = \"\";\r\n  }\r\n};\r\n\r\nconst scrollToLetter = (letter: string): void => {\r\n  const element = document.getElementById(`letter-${letter}`);\r\n  if (element) {\r\n    element.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"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"}

package/dist/C_Code-C9kvvEmO.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Code-C9kvvEmO.css","names":[],"sources":["../src/components/C_Code/index.vue?vue&type=style&index=0&scoped=c9fe4d76&lang.scss"],"sourcesContent":[".mr-2[data-v-c9fe4d76] {\n  margin-right: 0.5rem;\n}\n.ml-2[data-v-c9fe4d76] {\n  margin-left: 0.5rem;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_Code.cjs

@@ -0,0 +1,5 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+require('./C_Icon.js');
+const require_C_Code = require('./C_Code.js');
+
+exports.C_Code = require_C_Code.C_Code_default;

package/dist/C_Code.d.cts

@@ -0,0 +1,2 @@
+import { t as _default } from "./index6.vue.js";
+export { _default as C_Code };

package/dist/C_Code.d.ts

@@ -0,0 +1,2 @@
+import { t as _default } from "./index6.vue.js";
+export { _default as C_Code };

package/dist/C_Code.js

@@ -0,0 +1,4 @@
+import "./C_Icon2.js";
+import { t as C_Code_default } from "./C_Code2.js";
+
+export { C_Code_default as C_Code };

package/dist/C_Code2.js

@@ -0,0 +1,346 @@
+import { t as C_Icon_default } from "./C_Icon2.js";
+import { t as export_helper_default } from "./export-helper.js";
+import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, nextTick, normalizeStyle, onMounted, onUnmounted, openBlock, ref, resolveComponent, toDisplayString, watch, withCtx } from "vue";
+
+//#region src/components/C_Code/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "c-code-wrapper" };
+const _hoisted_2 = {
+	key: 0,
+	class: "c-code-header"
+};
+const _hoisted_3 = { class: "c-code-title" };
+const _hoisted_4 = { class: "c-code-actions" };
+const _hoisted_5 = { class: "c-code-content" };
+const _hoisted_6 = {
+	key: 0,
+	class: "floating-copy-btn"
+};
+const _hoisted_7 = {
+	key: 0,
+	class: "c-code-loading"
+};
+const _hoisted_8 = { class: "ml-2" };
+const _hoisted_9 = { class: "fullscreen-content" };
+const _hoisted_10 = { class: "fullscreen-header" };
+const _hoisted_11 = { class: "fullscreen-title" };
+const _hoisted_12 = { class: "fullscreen-body" };
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "CCode",
+	__name: "index",
+	props: {
+		code: { default: "" },
+		language: { default: "text" },
+		title: {},
+		showHeader: {
+			type: Boolean,
+			default: true
+		},
+		showLineNumbers: {
+			type: Boolean,
+			default: true
+		},
+		wordWrap: {
+			type: Boolean,
+			default: false
+		},
+		trim: {
+			type: Boolean,
+			default: true
+		},
+		showFullscreen: {
+			type: Boolean,
+			default: false
+		},
+		maxHeight: {},
+		autoLoadLanguage: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: [
+		"copy",
+		"click",
+		"fullscreen"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const highlightManager = inject("highlightManager", null);
+		const copying = ref(false);
+		const isFullscreen = ref(false);
+		const languageLoading = ref(false);
+		const showFloatingCopy = ref(false);
+		const hljs = computed(() => {
+			try {
+				return highlightManager?.getHljs?.() || null;
+			} catch (error) {
+				console.warn("Highlight.js not available:", error);
+				return null;
+			}
+		});
+		const languageIcon = computed(() => {
+			return {
+				javascript: "mdi:language-javascript",
+				typescript: "mdi:language-typescript",
+				python: "mdi:language-python",
+				html: "mdi:language-html5",
+				css: "mdi:language-css3",
+				vue: "mdi:vuejs",
+				react: "mdi:react",
+				json: "mdi:code-json",
+				java: "mdi:language-java",
+				cpp: "mdi:language-cpp",
+				go: "mdi:language-go",
+				rust: "mdi:language-rust",
+				php: "mdi:language-php",
+				csharp: "mdi:language-csharp",
+				sql: "mdi:database",
+				yaml: "mdi:file-code",
+				xml: "mdi:xml",
+				markdown: "mdi:language-markdown",
+				bash: "mdi:bash",
+				shell: "mdi:console",
+				powershell: "mdi:powershell",
+				swift: "mdi:language-swift",
+				kotlin: "mdi:language-kotlin",
+				ruby: "mdi:language-ruby"
+			}[props.language.toLowerCase()] || "mdi:code-braces";
+		});
+		const codeStyle = computed(() => {
+			if (!props.maxHeight) return {};
+			return { maxHeight: typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight };
+		});
+		watch(() => props.language, async (newLanguage) => {
+			if (!props.autoLoadLanguage || newLanguage === "text" || !highlightManager) return;
+			if ((highlightManager.getLoadedLanguages?.() || []).includes(newLanguage)) return;
+			languageLoading.value = true;
+			try {
+				await highlightManager.loadLanguage?.(newLanguage);
+				await nextTick();
+			} catch (error) {
+				console.warn(`Failed to load language: ${newLanguage}`, error);
+			} finally {
+				languageLoading.value = false;
+			}
+		}, { immediate: true });
+		/**
+		* 复制代码到剪贴板
+		*/
+		async function copyCode() {
+			if (copying.value) return;
+			copying.value = true;
+			try {
+				await navigator.clipboard.writeText(props.code);
+				emit("copy", props.code);
+			} catch (error) {
+				console.error("Copy failed:", error);
+			} finally {
+				copying.value = false;
+			}
+		}
+		/**
+		* 切换全屏显示状态
+		*/
+		function toggleFullscreen() {
+			isFullscreen.value = !isFullscreen.value;
+			emit("fullscreen", isFullscreen.value);
+		}
+		/**
+		* 获取编程语言的显示标题
+		*/
+		function getLanguageTitle(lang) {
+			return {
+				javascript: "JavaScript",
+				typescript: "TypeScript",
+				python: "Python",
+				java: "Java",
+				cpp: "C++",
+				csharp: "C#",
+				php: "PHP",
+				go: "Go",
+				rust: "Rust",
+				html: "HTML",
+				css: "CSS",
+				json: "JSON",
+				bash: "Bash",
+				shell: "Shell",
+				yaml: "YAML",
+				xml: "XML",
+				markdown: "Markdown",
+				sql: "SQL",
+				powershell: "PowerShell",
+				swift: "Swift",
+				kotlin: "Kotlin",
+				ruby: "Ruby",
+				vue: "Vue",
+				react: "React"
+			}[lang.toLowerCase()] || lang.toUpperCase();
+		}
+		/**
+		* 处理ESC键退出全屏
+		*/
+		function handleEscapeKey(event) {
+			if (event.key === "Escape" && isFullscreen.value) toggleFullscreen();
+		}
+		onMounted(() => {
+			document.addEventListener("keydown", handleEscapeKey);
+		});
+		onUnmounted(() => {
+			document.removeEventListener("keydown", handleEscapeKey);
+		});
+		__expose({
+			copyCode,
+			toggleFullscreen
+		});
+		return (_ctx, _cache) => {
+			const _component_NButton = resolveComponent("NButton");
+			const _component_NTooltip = resolveComponent("NTooltip");
+			const _component_NCode = resolveComponent("NCode");
+			const _component_NSpin = resolveComponent("NSpin");
+			const _component_NModal = resolveComponent("NModal");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createCommentVNode(" 代码标题栏 "),
+				_ctx.showHeader ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [languageIcon.value ? (openBlock(), createBlock(C_Icon_default, {
+					key: 0,
+					name: languageIcon.value,
+					size: 16,
+					class: "mr-2"
+				}, null, 8, ["name"])) : createCommentVNode("v-if", true), createElementVNode("span", null, toDisplayString(_ctx.title || getLanguageTitle(_ctx.language)), 1)]), createElementVNode("div", _hoisted_4, [createVNode(_component_NTooltip, { trigger: "hover" }, {
+					trigger: withCtx(() => [createVNode(_component_NButton, {
+						size: "tiny",
+						quaternary: "",
+						onClick: copyCode,
+						loading: copying.value
+					}, {
+						icon: withCtx(() => [createVNode(C_Icon_default, {
+							name: copying.value ? "mdi:loading" : "mdi:content-copy",
+							loading: copying.value
+						}, null, 8, ["name", "loading"])]),
+						_: 1
+					}, 8, ["loading"])]),
+					default: withCtx(() => [_cache[4] || (_cache[4] = createTextVNode(" 复制代码 ", -1))]),
+					_: 1,
+					__: [4]
+				}), _ctx.showFullscreen ? (openBlock(), createBlock(_component_NTooltip, {
+					key: 0,
+					trigger: "hover"
+				}, {
+					trigger: withCtx(() => [createVNode(_component_NButton, {
+						size: "tiny",
+						quaternary: "",
+						onClick: toggleFullscreen
+					}, {
+						icon: withCtx(() => [createVNode(C_Icon_default, { name: isFullscreen.value ? "mdi:fullscreen-exit" : "mdi:fullscreen" }, null, 8, ["name"])]),
+						_: 1
+					})]),
+					default: withCtx(() => [createTextVNode(" " + toDisplayString(isFullscreen.value ? "退出全屏" : "全屏查看"), 1)]),
+					_: 1
+				})) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true),
+				createCommentVNode(" 代码内容区域 "),
+				createElementVNode("div", _hoisted_5, [
+					createElementVNode("div", {
+						class: "code-wrapper",
+						onMouseenter: _cache[1] || (_cache[1] = ($event) => showFloatingCopy.value = true),
+						onMouseleave: _cache[2] || (_cache[2] = ($event) => showFloatingCopy.value = false)
+					}, [
+						(openBlock(), createBlock(_component_NCode, {
+							key: `code-${_ctx.language}-${_ctx.code.length}`,
+							code: _ctx.code,
+							language: _ctx.language,
+							hljs: hljs.value,
+							"show-line-numbers": _ctx.showLineNumbers,
+							"word-wrap": _ctx.wordWrap,
+							trim: _ctx.trim,
+							style: normalizeStyle(codeStyle.value),
+							onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+						}, null, 8, [
+							"code",
+							"language",
+							"hljs",
+							"show-line-numbers",
+							"word-wrap",
+							"trim",
+							"style"
+						])),
+						createCommentVNode(" 悬浮复制按钮 "),
+						createVNode(Transition, { name: "fade" }, {
+							default: withCtx(() => [showFloatingCopy.value && !_ctx.showHeader ? (openBlock(), createElementBlock("div", _hoisted_6, [createVNode(_component_NTooltip, { trigger: "hover" }, {
+								trigger: withCtx(() => [createVNode(_component_NButton, {
+									size: "small",
+									quaternary: "",
+									onClick: copyCode,
+									loading: copying.value,
+									class: "copy-floating"
+								}, {
+									icon: withCtx(() => [createVNode(C_Icon_default, {
+										name: copying.value ? "mdi:loading" : "mdi:content-copy",
+										loading: copying.value
+									}, null, 8, ["name", "loading"])]),
+									_: 1
+								}, 8, ["loading"])]),
+								default: withCtx(() => [_cache[5] || (_cache[5] = createTextVNode(" 复制代码 ", -1))]),
+								_: 1,
+								__: [5]
+							})])) : createCommentVNode("v-if", true)]),
+							_: 1
+						})
+					], 32),
+					createCommentVNode(" 语言加载状态 "),
+					languageLoading.value ? (openBlock(), createElementBlock("div", _hoisted_7, [createVNode(_component_NSpin, { size: "small" }), createElementVNode("span", _hoisted_8, "正在加载 " + toDisplayString(_ctx.language) + " 语言包...", 1)])) : createCommentVNode("v-if", true)
+				]),
+				createCommentVNode(" 全屏模态框 "),
+				createVNode(_component_NModal, {
+					show: isFullscreen.value,
+					"onUpdate:show": _cache[3] || (_cache[3] = ($event) => isFullscreen.value = $event),
+					"mask-closable": false,
+					"show-icon": false,
+					bordered: false,
+					style: {
+						"width": "100vw",
+						"height": "100vh",
+						"margin": "0",
+						"padding": "0"
+					}
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_9, [createElementVNode("div", _hoisted_10, [createElementVNode("div", _hoisted_11, [languageIcon.value ? (openBlock(), createBlock(C_Icon_default, {
+						key: 0,
+						name: languageIcon.value,
+						size: 16,
+						class: "mr-2"
+					}, null, 8, ["name"])) : createCommentVNode("v-if", true), createElementVNode("span", null, toDisplayString(_ctx.title || getLanguageTitle(_ctx.language)), 1)]), createVNode(_component_NButton, {
+						size: "small",
+						quaternary: "",
+						onClick: toggleFullscreen
+					}, {
+						icon: withCtx(() => [createVNode(C_Icon_default, { name: "mdi:close" })]),
+						_: 1
+					})]), createElementVNode("div", _hoisted_12, [(openBlock(), createBlock(_component_NCode, {
+						key: `fullscreen-code-${_ctx.language}-${_ctx.code.length}`,
+						code: _ctx.code,
+						language: _ctx.language,
+						hljs: hljs.value,
+						"show-line-numbers": _ctx.showLineNumbers,
+						"word-wrap": _ctx.wordWrap,
+						trim: _ctx.trim
+					}, null, 8, [
+						"code",
+						"language",
+						"hljs",
+						"show-line-numbers",
+						"word-wrap",
+						"trim"
+					]))])])]),
+					_: 1
+				}, 8, ["show"])
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_Code/index.vue
+var C_Code_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c9fe4d76"]]);
+
+//#endregion
+export { C_Code_default as t };
+//# sourceMappingURL=C_Code2.js.map

package/dist/C_Code2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Code2.js","names":["showHeader","title","language","showFullscreen","code","showLineNumbers","wordWrap","trim"],"sources":["../src/components/C_Code/index.vue","../src/components/C_Code/index.vue","../src/components/C_Code/index.vue"],"sourcesContent":["<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-19\r\n * @Description: 全局代码高亮组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-code-wrapper\">\r\n    <!-- 代码标题栏 -->\r\n    <div v-if=\"showHeader\" class=\"c-code-header\">\r\n      <div class=\"c-code-title\">\r\n        <C_Icon\r\n          v-if=\"languageIcon\"\r\n          :name=\"languageIcon\"\r\n          :size=\"16\"\r\n          class=\"mr-2\"\r\n        />\r\n        <span>{{ title || getLanguageTitle(language) }}</span>\r\n      </div>\r\n      <div class=\"c-code-actions\">\r\n        <NTooltip trigger=\"hover\">\r\n          <template #trigger>\r\n            <NButton\r\n              size=\"tiny\"\r\n              quaternary\r\n              @click=\"copyCode\"\r\n              :loading=\"copying\"\r\n            >\r\n              <template #icon>\r\n                <C_Icon\r\n                  :name=\"copying ? 'mdi:loading' : 'mdi:content-copy'\"\r\n                  :loading=\"copying\"\r\n                />\r\n              </template>\r\n            </NButton>\r\n          </template>\r\n          复制代码\r\n        </NTooltip>\r\n\r\n        <NTooltip v-if=\"showFullscreen\" trigger=\"hover\">\r\n          <template #trigger>\r\n            <NButton size=\"tiny\" quaternary @click=\"toggleFullscreen\">\r\n              <template #icon>\r\n                <C_Icon\r\n                  :name=\"\r\n                    isFullscreen ? 'mdi:fullscreen-exit' : 'mdi:fullscreen'\r\n                  \"\r\n                />\r\n              </template>\r\n            </NButton>\r\n          </template>\r\n          {{ isFullscreen ? \"退出全屏\" : \"全屏查看\" }}\r\n        </NTooltip>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 代码内容区域 -->\r\n    <div class=\"c-code-content\">\r\n      <div\r\n        class=\"code-wrapper\"\r\n        @mouseenter=\"showFloatingCopy = true\"\r\n        @mouseleave=\"showFloatingCopy = false\"\r\n      >\r\n        <NCode\r\n          :key=\"`code-${language}-${code.length}`\"\r\n          :code=\"code\"\r\n          :language=\"language\"\r\n          :hljs=\"hljs\"\r\n          :show-line-numbers=\"showLineNumbers\"\r\n          :word-wrap=\"wordWrap\"\r\n          :trim=\"trim\"\r\n          :style=\"codeStyle\"\r\n          @click=\"emit('click', $event)\"\r\n        />\r\n\r\n        <!-- 悬浮复制按钮 -->\r\n        <Transition name=\"fade\">\r\n          <div v-if=\"showFloatingCopy && !showHeader\" class=\"floating-copy-btn\">\r\n            <NTooltip trigger=\"hover\">\r\n              <template #trigger>\r\n                <NButton\r\n                  size=\"small\"\r\n                  quaternary\r\n                  @click=\"copyCode\"\r\n                  :loading=\"copying\"\r\n                  class=\"copy-floating\"\r\n                >\r\n                  <template #icon>\r\n                    <C_Icon\r\n                      :name=\"copying ? 'mdi:loading' : 'mdi:content-copy'\"\r\n                      :loading=\"copying\"\r\n                    />\r\n                  </template>\r\n                </NButton>\r\n              </template>\r\n              复制代码\r\n            </NTooltip>\r\n          </div>\r\n        </Transition>\r\n      </div>\r\n\r\n      <!-- 语言加载状态 -->\r\n      <div v-if=\"languageLoading\" class=\"c-code-loading\">\r\n        <NSpin size=\"small\" />\r\n        <span class=\"ml-2\">正在加载 {{ language }} 语言包...</span>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 全屏模态框 -->\r\n    <NModal\r\n      v-model:show=\"isFullscreen\"\r\n      :mask-closable=\"false\"\r\n      :show-icon=\"false\"\r\n      :bordered=\"false\"\r\n      style=\"width: 100vw; height: 100vh; margin: 0; padding: 0\"\r\n    >\r\n      <div class=\"fullscreen-content\">\r\n        <div class=\"fullscreen-header\">\r\n          <div class=\"fullscreen-title\">\r\n            <C_Icon\r\n              v-if=\"languageIcon\"\r\n              :name=\"languageIcon\"\r\n              :size=\"16\"\r\n              class=\"mr-2\"\r\n            />\r\n            <span>{{ title || getLanguageTitle(language) }}</span>\r\n          </div>\r\n          <NButton size=\"small\" quaternary @click=\"toggleFullscreen\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:close\" />\r\n            </template>\r\n          </NButton>\r\n        </div>\r\n        <div class=\"fullscreen-body\">\r\n          <NCode\r\n            :key=\"`fullscreen-code-${language}-${code.length}`\"\r\n            :code=\"code\"\r\n            :language=\"language\"\r\n            :hljs=\"hljs\"\r\n            :show-line-numbers=\"showLineNumbers\"\r\n            :word-wrap=\"wordWrap\"\r\n            :trim=\"trim\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </NModal>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {\r\n  ref,\r\n  computed,\r\n  watch,\r\n  onMounted,\r\n  onUnmounted,\r\n  nextTick,\r\n  inject,\r\n} from \"vue\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\n\r\n// 直接在组件内定义 HighlightManager 接口，避免导入错误\r\ninterface HighlightManager {\r\n  getHljs?: () => any;\r\n  loadLanguage?: (language: string) => Promise<void>;\r\n  getLoadedLanguages?: () => string[];\r\n}\r\n\r\n// 组件名称定义\r\ndefineOptions({\r\n  name: \"CCode\",\r\n});\r\n\r\ninterface Props {\r\n  code: string;\r\n  language?: string;\r\n  title?: string;\r\n  showHeader?: boolean;\r\n  showLineNumbers?: boolean;\r\n  wordWrap?: boolean;\r\n  trim?: boolean;\r\n  showFullscreen?: boolean;\r\n  maxHeight?: string | number;\r\n  autoLoadLanguage?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  code: \"\",\r\n  language: \"text\",\r\n  showHeader: true,\r\n  showLineNumbers: true,\r\n  wordWrap: false,\r\n  trim: true,\r\n  showFullscreen: false,\r\n  autoLoadLanguage: true,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  copy: [code: string];\r\n  click: [event: MouseEvent];\r\n  fullscreen: [isFullscreen: boolean];\r\n}>();\r\n\r\n// 尝试获取 highlight 实例（如果用户安装了插件）\r\nconst highlightManager = inject<HighlightManager | null>(\r\n  \"highlightManager\",\r\n  null,\r\n);\r\n\r\nconst copying = ref(false);\r\nconst isFullscreen = ref(false);\r\nconst languageLoading = ref(false);\r\nconst showFloatingCopy = ref(false);\r\n\r\n// 安全地获取 hljs 实例\r\nconst hljs = computed(() => {\r\n  try {\r\n    return highlightManager?.getHljs?.() || null;\r\n  } catch (error) {\r\n    console.warn(\"Highlight.js not available:\", error);\r\n    return null;\r\n  }\r\n});\r\n\r\n// 语言图标映射（使用标准的 MDI 图标名称）\r\nconst languageIcon = computed(() => {\r\n  const iconMap: Record<string, string> = {\r\n    javascript: \"mdi:language-javascript\",\r\n    typescript: \"mdi:language-typescript\",\r\n    python: \"mdi:language-python\",\r\n    html: \"mdi:language-html5\",\r\n    css: \"mdi:language-css3\",\r\n    vue: \"mdi:vuejs\",\r\n    react: \"mdi:react\",\r\n    json: \"mdi:code-json\",\r\n    java: \"mdi:language-java\",\r\n    cpp: \"mdi:language-cpp\",\r\n    go: \"mdi:language-go\",\r\n    rust: \"mdi:language-rust\",\r\n    php: \"mdi:language-php\",\r\n    csharp: \"mdi:language-csharp\",\r\n    sql: \"mdi:database\",\r\n    yaml: \"mdi:file-code\",\r\n    xml: \"mdi:xml\",\r\n    markdown: \"mdi:language-markdown\",\r\n    bash: \"mdi:bash\",\r\n    shell: \"mdi:console\",\r\n    powershell: \"mdi:powershell\",\r\n    swift: \"mdi:language-swift\",\r\n    kotlin: \"mdi:language-kotlin\",\r\n    ruby: \"mdi:language-ruby\",\r\n  };\r\n  return iconMap[props.language.toLowerCase()] || \"mdi:code-braces\";\r\n});\r\n\r\n// 代码样式\r\nconst codeStyle = computed(() => {\r\n  if (!props.maxHeight) return {};\r\n  return {\r\n    maxHeight:\r\n      typeof props.maxHeight === \"number\"\r\n        ? `${props.maxHeight}px`\r\n        : props.maxHeight,\r\n  };\r\n});\r\n\r\n// 自动加载语言包\r\nwatch(\r\n  () => props.language,\r\n  async (newLanguage) => {\r\n    if (!props.autoLoadLanguage || newLanguage === \"text\" || !highlightManager)\r\n      return;\r\n\r\n    const loadedLanguages = highlightManager.getLoadedLanguages?.() || [];\r\n    if (loadedLanguages.includes(newLanguage)) return;\r\n\r\n    languageLoading.value = true;\r\n    try {\r\n      await highlightManager.loadLanguage?.(newLanguage);\r\n      await nextTick();\r\n    } catch (error) {\r\n      console.warn(`Failed to load language: ${newLanguage}`, error);\r\n    } finally {\r\n      languageLoading.value = false;\r\n    }\r\n  },\r\n  { immediate: true },\r\n);\r\n\r\n/**\r\n * 复制代码到剪贴板\r\n */\r\nasync function copyCode() {\r\n  if (copying.value) return;\r\n  copying.value = true;\r\n\r\n  try {\r\n    await navigator.clipboard.writeText(props.code);\r\n    emit(\"copy\", props.code);\r\n  } catch (error) {\r\n    console.error(\"Copy failed:\", error);\r\n  } finally {\r\n    copying.value = false;\r\n  }\r\n}\r\n\r\n/**\r\n * 切换全屏显示状态\r\n */\r\nfunction toggleFullscreen() {\r\n  isFullscreen.value = !isFullscreen.value;\r\n  emit(\"fullscreen\", isFullscreen.value);\r\n}\r\n\r\n/**\r\n * 获取编程语言的显示标题\r\n */\r\nfunction getLanguageTitle(lang: string): string {\r\n  const titleMap: Record<string, string> = {\r\n    javascript: \"JavaScript\",\r\n    typescript: \"TypeScript\",\r\n    python: \"Python\",\r\n    java: \"Java\",\r\n    cpp: \"C++\",\r\n    csharp: \"C#\",\r\n    php: \"PHP\",\r\n    go: \"Go\",\r\n    rust: \"Rust\",\r\n    html: \"HTML\",\r\n    css: \"CSS\",\r\n    json: \"JSON\",\r\n    bash: \"Bash\",\r\n    shell: \"Shell\",\r\n    yaml: \"YAML\",\r\n    xml: \"XML\",\r\n    markdown: \"Markdown\",\r\n    sql: \"SQL\",\r\n    powershell: \"PowerShell\",\r\n    swift: \"Swift\",\r\n    kotlin: \"Kotlin\",\r\n    ruby: \"Ruby\",\r\n    vue: \"Vue\",\r\n    react: \"React\",\r\n  };\r\n  return titleMap[lang.toLowerCase()] || lang.toUpperCase();\r\n}\r\n\r\n/**\r\n * 处理ESC键退出全屏\r\n */\r\nfunction handleEscapeKey(event: KeyboardEvent) {\r\n  if (event.key === \"Escape\" && isFullscreen.value) {\r\n    toggleFullscreen();\r\n  }\r\n}\r\n\r\nonMounted(() => {\r\n  document.addEventListener(\"keydown\", handleEscapeKey);\r\n});\r\n\r\nonUnmounted(() => {\r\n  document.removeEventListener(\"keydown\", handleEscapeKey);\r\n});\r\n\r\ndefineExpose({\r\n  copyCode,\r\n  toggleFullscreen,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.mr-2 {\r\n  margin-right: 0.5rem;\r\n}\r\n\r\n.ml-2 {\r\n  margin-left: 0.5rem;\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-19\r\n * @Description: 全局代码高亮组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-code-wrapper\">\r\n    <!-- 代码标题栏 -->\r\n    <div v-if=\"showHeader\" class=\"c-code-header\">\r\n      <div class=\"c-code-title\">\r\n        <C_Icon\r\n          v-if=\"languageIcon\"\r\n          :name=\"languageIcon\"\r\n          :size=\"16\"\r\n          class=\"mr-2\"\r\n        />\r\n        <span>{{ title || getLanguageTitle(language) }}</span>\r\n      </div>\r\n      <div class=\"c-code-actions\">\r\n        <NTooltip trigger=\"hover\">\r\n          <template #trigger>\r\n            <NButton\r\n              size=\"tiny\"\r\n              quaternary\r\n              @click=\"copyCode\"\r\n              :loading=\"copying\"\r\n            >\r\n              <template #icon>\r\n                <C_Icon\r\n                  :name=\"copying ? 'mdi:loading' : 'mdi:content-copy'\"\r\n                  :loading=\"copying\"\r\n                />\r\n              </template>\r\n            </NButton>\r\n          </template>\r\n          复制代码\r\n        </NTooltip>\r\n\r\n        <NTooltip v-if=\"showFullscreen\" trigger=\"hover\">\r\n          <template #trigger>\r\n            <NButton size=\"tiny\" quaternary @click=\"toggleFullscreen\">\r\n              <template #icon>\r\n                <C_Icon\r\n                  :name=\"\r\n                    isFullscreen ? 'mdi:fullscreen-exit' : 'mdi:fullscreen'\r\n                  \"\r\n                />\r\n              </template>\r\n            </NButton>\r\n          </template>\r\n          {{ isFullscreen ? \"退出全屏\" : \"全屏查看\" }}\r\n        </NTooltip>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 代码内容区域 -->\r\n    <div class=\"c-code-content\">\r\n      <div\r\n        class=\"code-wrapper\"\r\n        @mouseenter=\"showFloatingCopy = true\"\r\n        @mouseleave=\"showFloatingCopy = false\"\r\n      >\r\n        <NCode\r\n          :key=\"`code-${language}-${code.length}`\"\r\n          :code=\"code\"\r\n          :language=\"language\"\r\n          :hljs=\"hljs\"\r\n          :show-line-numbers=\"showLineNumbers\"\r\n          :word-wrap=\"wordWrap\"\r\n          :trim=\"trim\"\r\n          :style=\"codeStyle\"\r\n          @click=\"emit('click', $event)\"\r\n        />\r\n\r\n        <!-- 悬浮复制按钮 -->\r\n        <Transition name=\"fade\">\r\n          <div v-if=\"showFloatingCopy && !showHeader\" class=\"floating-copy-btn\">\r\n            <NTooltip trigger=\"hover\">\r\n              <template #trigger>\r\n                <NButton\r\n                  size=\"small\"\r\n                  quaternary\r\n                  @click=\"copyCode\"\r\n                  :loading=\"copying\"\r\n                  class=\"copy-floating\"\r\n                >\r\n                  <template #icon>\r\n                    <C_Icon\r\n                      :name=\"copying ? 'mdi:loading' : 'mdi:content-copy'\"\r\n                      :loading=\"copying\"\r\n                    />\r\n                  </template>\r\n                </NButton>\r\n              </template>\r\n              复制代码\r\n            </NTooltip>\r\n          </div>\r\n        </Transition>\r\n      </div>\r\n\r\n      <!-- 语言加载状态 -->\r\n      <div v-if=\"languageLoading\" class=\"c-code-loading\">\r\n        <NSpin size=\"small\" />\r\n        <span class=\"ml-2\">正在加载 {{ language }} 语言包...</span>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 全屏模态框 -->\r\n    <NModal\r\n      v-model:show=\"isFullscreen\"\r\n      :mask-closable=\"false\"\r\n      :show-icon=\"false\"\r\n      :bordered=\"false\"\r\n      style=\"width: 100vw; height: 100vh; margin: 0; padding: 0\"\r\n    >\r\n      <div class=\"fullscreen-content\">\r\n        <div class=\"fullscreen-header\">\r\n          <div class=\"fullscreen-title\">\r\n            <C_Icon\r\n              v-if=\"languageIcon\"\r\n              :name=\"languageIcon\"\r\n              :size=\"16\"\r\n              class=\"mr-2\"\r\n            />\r\n            <span>{{ title || getLanguageTitle(language) }}</span>\r\n          </div>\r\n          <NButton size=\"small\" quaternary @click=\"toggleFullscreen\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:close\" />\r\n            </template>\r\n          </NButton>\r\n        </div>\r\n        <div class=\"fullscreen-body\">\r\n          <NCode\r\n            :key=\"`fullscreen-code-${language}-${code.length}`\"\r\n            :code=\"code\"\r\n            :language=\"language\"\r\n            :hljs=\"hljs\"\r\n            :show-line-numbers=\"showLineNumbers\"\r\n            :word-wrap=\"wordWrap\"\r\n            :trim=\"trim\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </NModal>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {\r\n  ref,\r\n  computed,\r\n  watch,\r\n  onMounted,\r\n  onUnmounted,\r\n  nextTick,\r\n  inject,\r\n} from \"vue\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\n\r\n// 直接在组件内定义 HighlightManager 接口，避免导入错误\r\ninterface HighlightManager {\r\n  getHljs?: () => any;\r\n  loadLanguage?: (language: string) => Promise<void>;\r\n  getLoadedLanguages?: () => string[];\r\n}\r\n\r\n// 组件名称定义\r\ndefineOptions({\r\n  name: \"CCode\",\r\n});\r\n\r\ninterface Props {\r\n  code: string;\r\n  language?: string;\r\n  title?: string;\r\n  showHeader?: boolean;\r\n  showLineNumbers?: boolean;\r\n  wordWrap?: boolean;\r\n  trim?: boolean;\r\n  showFullscreen?: boolean;\r\n  maxHeight?: string | number;\r\n  autoLoadLanguage?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  code: \"\",\r\n  language: \"text\",\r\n  showHeader: true,\r\n  showLineNumbers: true,\r\n  wordWrap: false,\r\n  trim: true,\r\n  showFullscreen: false,\r\n  autoLoadLanguage: true,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  copy: [code: string];\r\n  click: [event: MouseEvent];\r\n  fullscreen: [isFullscreen: boolean];\r\n}>();\r\n\r\n// 尝试获取 highlight 实例（如果用户安装了插件）\r\nconst highlightManager = inject<HighlightManager | null>(\r\n  \"highlightManager\",\r\n  null,\r\n);\r\n\r\nconst copying = ref(false);\r\nconst isFullscreen = ref(false);\r\nconst languageLoading = ref(false);\r\nconst showFloatingCopy = ref(false);\r\n\r\n// 安全地获取 hljs 实例\r\nconst hljs = computed(() => {\r\n  try {\r\n    return highlightManager?.getHljs?.() || null;\r\n  } catch (error) {\r\n    console.warn(\"Highlight.js not available:\", error);\r\n    return null;\r\n  }\r\n});\r\n\r\n// 语言图标映射（使用标准的 MDI 图标名称）\r\nconst languageIcon = computed(() => {\r\n  const iconMap: Record<string, string> = {\r\n    javascript: \"mdi:language-javascript\",\r\n    typescript: \"mdi:language-typescript\",\r\n    python: \"mdi:language-python\",\r\n    html: \"mdi:language-html5\",\r\n    css: \"mdi:language-css3\",\r\n    vue: \"mdi:vuejs\",\r\n    react: \"mdi:react\",\r\n    json: \"mdi:code-json\",\r\n    java: \"mdi:language-java\",\r\n    cpp: \"mdi:language-cpp\",\r\n    go: \"mdi:language-go\",\r\n    rust: \"mdi:language-rust\",\r\n    php: \"mdi:language-php\",\r\n    csharp: \"mdi:language-csharp\",\r\n    sql: \"mdi:database\",\r\n    yaml: \"mdi:file-code\",\r\n    xml: \"mdi:xml\",\r\n    markdown: \"mdi:language-markdown\",\r\n    bash: \"mdi:bash\",\r\n    shell: \"mdi:console\",\r\n    powershell: \"mdi:powershell\",\r\n    swift: \"mdi:language-swift\",\r\n    kotlin: \"mdi:language-kotlin\",\r\n    ruby: \"mdi:language-ruby\",\r\n  };\r\n  return iconMap[props.language.toLowerCase()] || \"mdi:code-braces\";\r\n});\r\n\r\n// 代码样式\r\nconst codeStyle = computed(() => {\r\n  if (!props.maxHeight) return {};\r\n  return {\r\n    maxHeight:\r\n      typeof props.maxHeight === \"number\"\r\n        ? `${props.maxHeight}px`\r\n        : props.maxHeight,\r\n  };\r\n});\r\n\r\n// 自动加载语言包\r\nwatch(\r\n  () => props.language,\r\n  async (newLanguage) => {\r\n    if (!props.autoLoadLanguage || newLanguage === \"text\" || !highlightManager)\r\n      return;\r\n\r\n    const loadedLanguages = highlightManager.getLoadedLanguages?.() || [];\r\n    if (loadedLanguages.includes(newLanguage)) return;\r\n\r\n    languageLoading.value = true;\r\n    try {\r\n      await highlightManager.loadLanguage?.(newLanguage);\r\n      await nextTick();\r\n    } catch (error) {\r\n      console.warn(`Failed to load language: ${newLanguage}`, error);\r\n    } finally {\r\n      languageLoading.value = false;\r\n    }\r\n  },\r\n  { immediate: true },\r\n);\r\n\r\n/**\r\n * 复制代码到剪贴板\r\n */\r\nasync function copyCode() {\r\n  if (copying.value) return;\r\n  copying.value = true;\r\n\r\n  try {\r\n    await navigator.clipboard.writeText(props.code);\r\n    emit(\"copy\", props.code);\r\n  } catch (error) {\r\n    console.error(\"Copy failed:\", error);\r\n  } finally {\r\n    copying.value = false;\r\n  }\r\n}\r\n\r\n/**\r\n * 切换全屏显示状态\r\n */\r\nfunction toggleFullscreen() {\r\n  isFullscreen.value = !isFullscreen.value;\r\n  emit(\"fullscreen\", isFullscreen.value);\r\n}\r\n\r\n/**\r\n * 获取编程语言的显示标题\r\n */\r\nfunction getLanguageTitle(lang: string): string {\r\n  const titleMap: Record<string, string> = {\r\n    javascript: \"JavaScript\",\r\n    typescript: \"TypeScript\",\r\n    python: \"Python\",\r\n    java: \"Java\",\r\n    cpp: \"C++\",\r\n    csharp: \"C#\",\r\n    php: \"PHP\",\r\n    go: \"Go\",\r\n    rust: \"Rust\",\r\n    html: \"HTML\",\r\n    css: \"CSS\",\r\n    json: \"JSON\",\r\n    bash: \"Bash\",\r\n    shell: \"Shell\",\r\n    yaml: \"YAML\",\r\n    xml: \"XML\",\r\n    markdown: \"Markdown\",\r\n    sql: \"SQL\",\r\n    powershell: \"PowerShell\",\r\n    swift: \"Swift\",\r\n    kotlin: \"Kotlin\",\r\n    ruby: \"Ruby\",\r\n    vue: \"Vue\",\r\n    react: \"React\",\r\n  };\r\n  return titleMap[lang.toLowerCase()] || lang.toUpperCase();\r\n}\r\n\r\n/**\r\n * 处理ESC键退出全屏\r\n */\r\nfunction handleEscapeKey(event: KeyboardEvent) {\r\n  if (event.key === \"Escape\" && isFullscreen.value) {\r\n    toggleFullscreen();\r\n  }\r\n}\r\n\r\nonMounted(() => {\r\n  document.addEventListener(\"keydown\", handleEscapeKey);\r\n});\r\n\r\nonUnmounted(() => {\r\n  document.removeEventListener(\"keydown\", handleEscapeKey);\r\n});\r\n\r\ndefineExpose({\r\n  copyCode,\r\n  toggleFullscreen,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.mr-2 {\r\n  margin-right: 0.5rem;\r\n}\r\n\r\n.ml-2 {\r\n  margin-left: 0.5rem;\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-19\r\n * @Description: 全局代码高亮组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-code-wrapper\">\r\n    <!-- 代码标题栏 -->\r\n    <div v-if=\"showHeader\" class=\"c-code-header\">\r\n      <div class=\"c-code-title\">\r\n        <C_Icon\r\n          v-if=\"languageIcon\"\r\n          :name=\"languageIcon\"\r\n          :size=\"16\"\r\n          class=\"mr-2\"\r\n        />\r\n        <span>{{ title || getLanguageTitle(language) }}</span>\r\n      </div>\r\n      <div class=\"c-code-actions\">\r\n        <NTooltip trigger=\"hover\">\r\n          <template #trigger>\r\n            <NButton\r\n              size=\"tiny\"\r\n              quaternary\r\n              @click=\"copyCode\"\r\n              :loading=\"copying\"\r\n            >\r\n              <template #icon>\r\n                <C_Icon\r\n                  :name=\"copying ? 'mdi:loading' : 'mdi:content-copy'\"\r\n                  :loading=\"copying\"\r\n                />\r\n              </template>\r\n            </NButton>\r\n          </template>\r\n          复制代码\r\n        </NTooltip>\r\n\r\n        <NTooltip v-if=\"showFullscreen\" trigger=\"hover\">\r\n          <template #trigger>\r\n            <NButton size=\"tiny\" quaternary @click=\"toggleFullscreen\">\r\n              <template #icon>\r\n                <C_Icon\r\n                  :name=\"\r\n                    isFullscreen ? 'mdi:fullscreen-exit' : 'mdi:fullscreen'\r\n                  \"\r\n                />\r\n              </template>\r\n            </NButton>\r\n          </template>\r\n          {{ isFullscreen ? \"退出全屏\" : \"全屏查看\" }}\r\n        </NTooltip>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 代码内容区域 -->\r\n    <div class=\"c-code-content\">\r\n      <div\r\n        class=\"code-wrapper\"\r\n        @mouseenter=\"showFloatingCopy = true\"\r\n        @mouseleave=\"showFloatingCopy = false\"\r\n      >\r\n        <NCode\r\n          :key=\"`code-${language}-${code.length}`\"\r\n          :code=\"code\"\r\n          :language=\"language\"\r\n          :hljs=\"hljs\"\r\n          :show-line-numbers=\"showLineNumbers\"\r\n          :word-wrap=\"wordWrap\"\r\n          :trim=\"trim\"\r\n          :style=\"codeStyle\"\r\n          @click=\"emit('click', $event)\"\r\n        />\r\n\r\n        <!-- 悬浮复制按钮 -->\r\n        <Transition name=\"fade\">\r\n          <div v-if=\"showFloatingCopy && !showHeader\" class=\"floating-copy-btn\">\r\n            <NTooltip trigger=\"hover\">\r\n              <template #trigger>\r\n                <NButton\r\n                  size=\"small\"\r\n                  quaternary\r\n                  @click=\"copyCode\"\r\n                  :loading=\"copying\"\r\n                  class=\"copy-floating\"\r\n                >\r\n                  <template #icon>\r\n                    <C_Icon\r\n                      :name=\"copying ? 'mdi:loading' : 'mdi:content-copy'\"\r\n                      :loading=\"copying\"\r\n                    />\r\n                  </template>\r\n                </NButton>\r\n              </template>\r\n              复制代码\r\n            </NTooltip>\r\n          </div>\r\n        </Transition>\r\n      </div>\r\n\r\n      <!-- 语言加载状态 -->\r\n      <div v-if=\"languageLoading\" class=\"c-code-loading\">\r\n        <NSpin size=\"small\" />\r\n        <span class=\"ml-2\">正在加载 {{ language }} 语言包...</span>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 全屏模态框 -->\r\n    <NModal\r\n      v-model:show=\"isFullscreen\"\r\n      :mask-closable=\"false\"\r\n      :show-icon=\"false\"\r\n      :bordered=\"false\"\r\n      style=\"width: 100vw; height: 100vh; margin: 0; padding: 0\"\r\n    >\r\n      <div class=\"fullscreen-content\">\r\n        <div class=\"fullscreen-header\">\r\n          <div class=\"fullscreen-title\">\r\n            <C_Icon\r\n              v-if=\"languageIcon\"\r\n              :name=\"languageIcon\"\r\n              :size=\"16\"\r\n              class=\"mr-2\"\r\n            />\r\n            <span>{{ title || getLanguageTitle(language) }}</span>\r\n          </div>\r\n          <NButton size=\"small\" quaternary @click=\"toggleFullscreen\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:close\" />\r\n            </template>\r\n          </NButton>\r\n        </div>\r\n        <div class=\"fullscreen-body\">\r\n          <NCode\r\n            :key=\"`fullscreen-code-${language}-${code.length}`\"\r\n            :code=\"code\"\r\n            :language=\"language\"\r\n            :hljs=\"hljs\"\r\n            :show-line-numbers=\"showLineNumbers\"\r\n            :word-wrap=\"wordWrap\"\r\n            :trim=\"trim\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </NModal>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {\r\n  ref,\r\n  computed,\r\n  watch,\r\n  onMounted,\r\n  onUnmounted,\r\n  nextTick,\r\n  inject,\r\n} from \"vue\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\n\r\n// 直接在组件内定义 HighlightManager 接口，避免导入错误\r\ninterface HighlightManager {\r\n  getHljs?: () => any;\r\n  loadLanguage?: (language: string) => Promise<void>;\r\n  getLoadedLanguages?: () => string[];\r\n}\r\n\r\n// 组件名称定义\r\ndefineOptions({\r\n  name: \"CCode\",\r\n});\r\n\r\ninterface Props {\r\n  code: string;\r\n  language?: string;\r\n  title?: string;\r\n  showHeader?: boolean;\r\n  showLineNumbers?: boolean;\r\n  wordWrap?: boolean;\r\n  trim?: boolean;\r\n  showFullscreen?: boolean;\r\n  maxHeight?: string | number;\r\n  autoLoadLanguage?: boolean;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  code: \"\",\r\n  language: \"text\",\r\n  showHeader: true,\r\n  showLineNumbers: true,\r\n  wordWrap: false,\r\n  trim: true,\r\n  showFullscreen: false,\r\n  autoLoadLanguage: true,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  copy: [code: string];\r\n  click: [event: MouseEvent];\r\n  fullscreen: [isFullscreen: boolean];\r\n}>();\r\n\r\n// 尝试获取 highlight 实例（如果用户安装了插件）\r\nconst highlightManager = inject<HighlightManager | null>(\r\n  \"highlightManager\",\r\n  null,\r\n);\r\n\r\nconst copying = ref(false);\r\nconst isFullscreen = ref(false);\r\nconst languageLoading = ref(false);\r\nconst showFloatingCopy = ref(false);\r\n\r\n// 安全地获取 hljs 实例\r\nconst hljs = computed(() => {\r\n  try {\r\n    return highlightManager?.getHljs?.() || null;\r\n  } catch (error) {\r\n    console.warn(\"Highlight.js not available:\", error);\r\n    return null;\r\n  }\r\n});\r\n\r\n// 语言图标映射（使用标准的 MDI 图标名称）\r\nconst languageIcon = computed(() => {\r\n  const iconMap: Record<string, string> = {\r\n    javascript: \"mdi:language-javascript\",\r\n    typescript: \"mdi:language-typescript\",\r\n    python: \"mdi:language-python\",\r\n    html: \"mdi:language-html5\",\r\n    css: \"mdi:language-css3\",\r\n    vue: \"mdi:vuejs\",\r\n    react: \"mdi:react\",\r\n    json: \"mdi:code-json\",\r\n    java: \"mdi:language-java\",\r\n    cpp: \"mdi:language-cpp\",\r\n    go: \"mdi:language-go\",\r\n    rust: \"mdi:language-rust\",\r\n    php: \"mdi:language-php\",\r\n    csharp: \"mdi:language-csharp\",\r\n    sql: \"mdi:database\",\r\n    yaml: \"mdi:file-code\",\r\n    xml: \"mdi:xml\",\r\n    markdown: \"mdi:language-markdown\",\r\n    bash: \"mdi:bash\",\r\n    shell: \"mdi:console\",\r\n    powershell: \"mdi:powershell\",\r\n    swift: \"mdi:language-swift\",\r\n    kotlin: \"mdi:language-kotlin\",\r\n    ruby: \"mdi:language-ruby\",\r\n  };\r\n  return iconMap[props.language.toLowerCase()] || \"mdi:code-braces\";\r\n});\r\n\r\n// 代码样式\r\nconst codeStyle = computed(() => {\r\n  if (!props.maxHeight) return {};\r\n  return {\r\n    maxHeight:\r\n      typeof props.maxHeight === \"number\"\r\n        ? `${props.maxHeight}px`\r\n        : props.maxHeight,\r\n  };\r\n});\r\n\r\n// 自动加载语言包\r\nwatch(\r\n  () => props.language,\r\n  async (newLanguage) => {\r\n    if (!props.autoLoadLanguage || newLanguage === \"text\" || !highlightManager)\r\n      return;\r\n\r\n    const loadedLanguages = highlightManager.getLoadedLanguages?.() || [];\r\n    if (loadedLanguages.includes(newLanguage)) return;\r\n\r\n    languageLoading.value = true;\r\n    try {\r\n      await highlightManager.loadLanguage?.(newLanguage);\r\n      await nextTick();\r\n    } catch (error) {\r\n      console.warn(`Failed to load language: ${newLanguage}`, error);\r\n    } finally {\r\n      languageLoading.value = false;\r\n    }\r\n  },\r\n  { immediate: true },\r\n);\r\n\r\n/**\r\n * 复制代码到剪贴板\r\n */\r\nasync function copyCode() {\r\n  if (copying.value) return;\r\n  copying.value = true;\r\n\r\n  try {\r\n    await navigator.clipboard.writeText(props.code);\r\n    emit(\"copy\", props.code);\r\n  } catch (error) {\r\n    console.error(\"Copy failed:\", error);\r\n  } finally {\r\n    copying.value = false;\r\n  }\r\n}\r\n\r\n/**\r\n * 切换全屏显示状态\r\n */\r\nfunction toggleFullscreen() {\r\n  isFullscreen.value = !isFullscreen.value;\r\n  emit(\"fullscreen\", isFullscreen.value);\r\n}\r\n\r\n/**\r\n * 获取编程语言的显示标题\r\n */\r\nfunction getLanguageTitle(lang: string): string {\r\n  const titleMap: Record<string, string> = {\r\n    javascript: \"JavaScript\",\r\n    typescript: \"TypeScript\",\r\n    python: \"Python\",\r\n    java: \"Java\",\r\n    cpp: \"C++\",\r\n    csharp: \"C#\",\r\n    php: \"PHP\",\r\n    go: \"Go\",\r\n    rust: \"Rust\",\r\n    html: \"HTML\",\r\n    css: \"CSS\",\r\n    json: \"JSON\",\r\n    bash: \"Bash\",\r\n    shell: \"Shell\",\r\n    yaml: \"YAML\",\r\n    xml: \"XML\",\r\n    markdown: \"Markdown\",\r\n    sql: \"SQL\",\r\n    powershell: \"PowerShell\",\r\n    swift: \"Swift\",\r\n    kotlin: \"Kotlin\",\r\n    ruby: \"Ruby\",\r\n    vue: \"Vue\",\r\n    react: \"React\",\r\n  };\r\n  return titleMap[lang.toLowerCase()] || lang.toUpperCase();\r\n}\r\n\r\n/**\r\n * 处理ESC键退出全屏\r\n */\r\nfunction handleEscapeKey(event: KeyboardEvent) {\r\n  if (event.key === \"Escape\" && isFullscreen.value) {\r\n    toggleFullscreen();\r\n  }\r\n}\r\n\r\nonMounted(() => {\r\n  document.addEventListener(\"keydown\", handleEscapeKey);\r\n});\r\n\r\nonUnmounted(() => {\r\n  document.removeEventListener(\"keydown\", handleEscapeKey);\r\n});\r\n\r\ndefineExpose({\r\n  copyCode,\r\n  toggleFullscreen,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.mr-2 {\r\n  margin-right: 0.5rem;\r\n}\r\n\r\n.ml-2 {\r\n  margin-left: 0.5rem;\r\n}\r\n</style>\r\n"],"mappings":"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"}

package/dist/C_CollapsePanel-BUJHuYcU.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_CollapsePanel-BUJHuYcU.css","names":[],"sources":["../src/components/C_CollapsePanel/index.vue?vue&type=style&index=0&scoped=b9cfb91a&lang.scss"],"sourcesContent":["/* ─── 变量 ───────────────────────────────────────── */\n/* ─── 容器 ───────────────────────────────────────── */\n.c-collapse-panel[data-v-b9cfb91a] {\n  width: 100%;\n  /* ── default 变体 ────────────────────────────── */\n  /* ── card 变体 ───────────────────────────────── */\n  /* ── ghost 变体（无边框极简） ──────────────────── */\n  /* ── bordered 修饰符 ─────────────────────────── */\n  /* ── 图标右侧模式 ────────────────────────────── */\n}\n.c-collapse-panel--default .collapse-item[data-v-b9cfb91a] {\n  border-bottom: 1px solid var(--c-border, #e1e4e8);\n}\n.c-collapse-panel--default .collapse-item[data-v-b9cfb91a]:last-child {\n  border-bottom: none;\n}\n.c-collapse-panel--card[data-v-b9cfb91a] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.c-collapse-panel--card .collapse-item[data-v-b9cfb91a] {\n  border: 1px solid var(--c-border, #e1e4e8);\n  border-radius: 8px;\n  background: var(--c-bg-card, #fff);\n  transition: box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.c-collapse-panel--card .collapse-item--active[data-v-b9cfb91a] {\n  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);\n}\n.c-collapse-panel--card .collapse-item[data-v-b9cfb91a]:hover:not(.collapse-item--disabled) {\n  border-color: var(--c-primary, #409eff);\n}\n.c-collapse-panel--ghost .collapse-item__header[data-v-b9cfb91a] {\n  background: transparent;\n}\n.c-collapse-panel--ghost .collapse-item__header[data-v-b9cfb91a]:hover {\n  background: var(--c-bg-card, #fff);\n}\n.c-collapse-panel--ghost .collapse-item__content[data-v-b9cfb91a] {\n  padding-left: 28px;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default[data-v-b9cfb91a] {\n  border: 1px solid var(--c-border, #e1e4e8);\n  border-radius: 8px;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:first-child .collapse-item__header[data-v-b9cfb91a] {\n  border-radius: 8px 8px 0 0;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item[data-v-b9cfb91a]:last-child {\n  border-bottom: none;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:last-child .collapse-item__header[data-v-b9cfb91a] {\n  border-radius: 0 0 8px 8px;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:last-child.collapse-item--active .collapse-item__header[data-v-b9cfb91a] {\n  border-radius: 0;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:only-child .collapse-item__header[data-v-b9cfb91a] {\n  border-radius: 8px;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:only-child.collapse-item--active .collapse-item__header[data-v-b9cfb91a] {\n  border-radius: 8px 8px 0 0;\n}\n.c-collapse-panel--icon-right .collapse-item__header[data-v-b9cfb91a] {\n  flex-direction: row-reverse;\n}\n.c-collapse-panel--icon-right .collapse-item__arrow[data-v-b9cfb91a] {\n  margin-left: auto;\n  margin-right: 0;\n}\n.c-collapse-panel--icon-right .collapse-item__title-area[data-v-b9cfb91a] {\n  margin-left: 0;\n}\n\n/* ─── 面板项 ─────────────────────────────────────── */\n.collapse-item--disabled .collapse-item__header[data-v-b9cfb91a] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* ─── 面板头部 ───────────────────────────────────── */\n.collapse-item__header[data-v-b9cfb91a] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  cursor: pointer;\n  user-select: none;\n  background: transparent;\n  transition: background-color 0.15s ease;\n  outline: none;\n}\n.collapse-item__header[data-v-b9cfb91a]:hover:not([aria-disabled=true]) {\n  background: var(--c-bg-hover, rgba(0, 0, 0, 0.04));\n}\n.collapse-item__header[data-v-b9cfb91a]:focus-visible {\n  outline: 2px solid var(--c-primary, #409eff);\n  outline-offset: -2px;\n  border-radius: 4px;\n}\n\n/* ─── 展开箭头 ───────────────────────────────────── */\n.collapse-item__arrow[data-v-b9cfb91a] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 20px;\n  height: 20px;\n  font-size: 16px;\n  color: var(--c-text-3, #999);\n  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.collapse-item__arrow--expanded[data-v-b9cfb91a] {\n  transform: rotate(90deg);\n}\n\n/* ─── 标题区域 ───────────────────────────────────── */\n.collapse-item__title-area[data-v-b9cfb91a] {\n  flex: 1;\n  min-width: 0;\n}\n.collapse-item__title-group[data-v-b9cfb91a] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.collapse-item__icon[data-v-b9cfb91a] {\n  flex-shrink: 0;\n  font-size: 18px;\n  color: var(--c-primary, #409eff);\n}\n.collapse-item__title[data-v-b9cfb91a] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--c-text-1, #333);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.collapse-item__subtitle[data-v-b9cfb91a] {\n  font-size: 12px;\n  color: var(--c-text-4, #ccc);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── 头部右侧操作区 ────────────────────────────── */\n.collapse-item__extra[data-v-b9cfb91a] {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: auto;\n}\n\n/* ─── 内容区域 ───────────────────────────────────── */\n.collapse-item__content-wrapper[data-v-b9cfb91a] {\n  transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: height;\n}\n.collapse-item__content[data-v-b9cfb91a] {\n  padding: 0 16px 16px;\n  font-size: 14px;\n  line-height: 1.6;\n  color: var(--c-text-2, #666);\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;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_CollapsePanel.cjs

@@ -0,0 +1,6 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+require('./C_Icon.js');
+const require_C_CollapsePanel = require('./C_CollapsePanel.js');
+
+exports.C_CollapsePanel = require_C_CollapsePanel.C_CollapsePanel_default;
+exports.useCollapsePanel = require_C_CollapsePanel.useCollapsePanel;

package/dist/C_CollapsePanel.d.cts

@@ -0,0 +1,2 @@
+import { a as CollapsePanelItem, c as ExpandIconPosition, i as CollapsePanelExpose, n as _default, o as CollapsePanelProps, r as CollapsePanelEmits, s as CollapsePanelVariant, t as useCollapsePanel } from "./useCollapsePanel.js";
+export { _default as C_CollapsePanel, type CollapsePanelEmits, type CollapsePanelExpose, type CollapsePanelItem, type CollapsePanelProps, type CollapsePanelVariant, type ExpandIconPosition, useCollapsePanel };

package/dist/C_CollapsePanel.d.ts

@@ -0,0 +1,2 @@
+import { a as CollapsePanelItem, c as ExpandIconPosition, i as CollapsePanelExpose, n as _default, o as CollapsePanelProps, r as CollapsePanelEmits, s as CollapsePanelVariant, t as useCollapsePanel } from "./useCollapsePanel.js";
+export { _default as C_CollapsePanel, type CollapsePanelEmits, type CollapsePanelExpose, type CollapsePanelItem, type CollapsePanelProps, type CollapsePanelVariant, type ExpandIconPosition, useCollapsePanel };

package/dist/C_CollapsePanel.js

@@ -0,0 +1,4 @@
+import "./C_Icon2.js";
+import { n as useCollapsePanel, t as C_CollapsePanel_default } from "./C_CollapsePanel2.js";
+
+export { C_CollapsePanel_default as C_CollapsePanel, useCollapsePanel };