@robot-admin/naive-ui-components 0.8.1 → 0.9.0

package/dist/C_Code2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{NButton as n,NCode as r,NModal as i,NSpin as a,NTooltip as o}from"naive-ui";import{Transition as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createTextVNode as p,createVNode as m,defineComponent as h,inject as g,nextTick as _,normalizeStyle as v,onMounted as y,onUnmounted as b,openBlock as x,ref as S,toDisplayString as C,watch as w,withCtx as T}from"vue";const E={class:`c-code-wrapper`},D={key:0,class:`c-code-header`},O={class:`c-code-title`},k={class:`c-code-actions`},A={class:`c-code-content`},j={key:0,class:`floating-copy-btn`},M={key:0,class:`c-code-loading`},N={class:`ml-2`},P={class:`fullscreen-content`},F={class:`fullscreen-header`},I={class:`fullscreen-title`},L={class:`fullscreen-body`};var R=t(h({name:`CCode`,__name:`index`,props:{code:{default:``},language:{default:`text`},title:{},showHeader:{type:Boolean,default:!0},showLineNumbers:{type:Boolean,default:!0},wordWrap:{type:Boolean,default:!1},trim:{type:Boolean,default:!0},showFullscreen:{type:Boolean,default:!1},maxHeight:{},autoLoadLanguage:{type:Boolean,default:!0}},emits:[`copy`,`click`,`fullscreen`],setup(t,{expose:h,emit:R}){let z=t,B=R,V=g(`highlightManager`,null),H=S(!1),U=S(!1),W=S(!1),G=S(!1),K=c(()=>{try{return V?.getHljs?.()||null}catch(e){return console.warn(`Highlight.js not available:`,e),null}}),q=c(()=>({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`})[z.language.toLowerCase()]||`mdi:code-braces`),J=c(()=>z.maxHeight?{maxHeight:typeof z.maxHeight==`number`?`${z.maxHeight}px`:z.maxHeight}:{});w(()=>z.language,async e=>{if(!(!z.autoLoadLanguage||e===`text`||!V)&&!(V.getLoadedLanguages?.()||[]).includes(e)){W.value=!0;try{await V.loadLanguage?.(e),await _()}catch(t){console.warn(`Failed to load language: ${e}`,t)}finally{W.value=!1}}},{immediate:!0});async function Y(){if(!H.value){H.value=!0;try{await navigator.clipboard.writeText(z.code),B(`copy`,z.code)}catch(e){console.error(`Copy failed:`,e)}finally{H.value=!1}}}function X(){U.value=!U.value,B(`fullscreen`,U.value)}function Z(e){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`}[e.toLowerCase()]||e.toUpperCase()}function Q(e){e.key===`Escape`&&U.value&&X()}return y(()=>{document.addEventListener(`keydown`,Q)}),b(()=>{document.removeEventListener(`keydown`,Q)}),h({copyCode:Y,toggleFullscreen:X}),(t,c)=>{let h=n,g=o,_=r,y=a,b=i;return x(),d(`div`,E,[u(` 代码标题栏 `),t.showHeader?(x(),d(`div`,D,[f(`div`,O,[q.value?(x(),l(e,{key:0,name:q.value,size:16,class:`mr-2`},null,8,[`name`])):u(`v-if`,!0),f(`span`,null,C(t.title||Z(t.language)),1)]),f(`div`,k,[m(g,{trigger:`hover`},{trigger:T(()=>[m(h,{size:`tiny`,quaternary:``,onClick:Y,loading:H.value},{icon:T(()=>[m(e,{name:H.value?`mdi:loading`:`mdi:content-copy`,loading:H.value},null,8,[`name`,`loading`])]),_:1},8,[`loading`])]),default:T(()=>[c[4]||=p(` 复制代码 `,-1)]),_:1,__:[4]}),t.showFullscreen?(x(),l(g,{key:0,trigger:`hover`},{trigger:T(()=>[m(h,{size:`tiny`,quaternary:``,onClick:X},{icon:T(()=>[m(e,{name:U.value?`mdi:fullscreen-exit`:`mdi:fullscreen`},null,8,[`name`])]),_:1})]),default:T(()=>[p(` `+C(U.value?`退出全屏`:`全屏查看`),1)]),_:1})):u(`v-if`,!0)])])):u(`v-if`,!0),u(` 代码内容区域 `),f(`div`,A,[f(`div`,{class:`code-wrapper`,onMouseenter:c[1]||=e=>G.value=!0,onMouseleave:c[2]||=e=>G.value=!1},[(x(),l(_,{key:`code-${t.language}-${t.code.length}`,code:t.code,language:t.language,hljs:K.value,"show-line-numbers":t.showLineNumbers,"word-wrap":t.wordWrap,trim:t.trim,style:v(J.value),onClick:c[0]||=e=>B(`click`,e)},null,8,[`code`,`language`,`hljs`,`show-line-numbers`,`word-wrap`,`trim`,`style`])),u(` 悬浮复制按钮 `),m(s,{name:`fade`},{default:T(()=>[G.value&&!t.showHeader?(x(),d(`div`,j,[m(g,{trigger:`hover`},{trigger:T(()=>[m(h,{size:`small`,quaternary:``,onClick:Y,loading:H.value,class:`copy-floating`},{icon:T(()=>[m(e,{name:H.value?`mdi:loading`:`mdi:content-copy`,loading:H.value},null,8,[`name`,`loading`])]),_:1},8,[`loading`])]),default:T(()=>[c[5]||=p(` 复制代码 `,-1)]),_:1,__:[5]})])):u(`v-if`,!0)]),_:1})],32),u(` 语言加载状态 `),W.value?(x(),d(`div`,M,[m(y,{size:`small`}),f(`span`,N,`正在加载 `+C(t.language)+` 语言包...`,1)])):u(`v-if`,!0)]),u(` 全屏模态框 `),m(b,{show:U.value,"onUpdate:show":c[3]||=e=>U.value=e,"mask-closable":!1,"show-icon":!1,bordered:!1,style:{width:`100vw`,height:`100vh`,margin:`0`,padding:`0`}},{default:T(()=>[f(`div`,P,[f(`div`,F,[f(`div`,I,[q.value?(x(),l(e,{key:0,name:q.value,size:16,class:`mr-2`},null,8,[`name`])):u(`v-if`,!0),f(`span`,null,C(t.title||Z(t.language)),1)]),m(h,{size:`small`,quaternary:``,onClick:X},{icon:T(()=>[m(e,{name:`mdi:close`})]),_:1})]),f(`div`,L,[(x(),l(_,{key:`fullscreen-code-${t.language}-${t.code.length}`,code:t.code,language:t.language,hljs:K.value,"show-line-numbers":t.showLineNumbers,"word-wrap":t.wordWrap,trim:t.trim},null,8,[`code`,`language`,`hljs`,`show-line-numbers`,`word-wrap`,`trim`]))])])]),_:1},8,[`show`])])}}}),[[`__scopeId`,`data-v-2f676c83`]]);export{R as t};
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Transition as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,inject as d,nextTick as f,normalizeStyle as p,onMounted as m,onUnmounted as h,openBlock as g,ref as _,resolveComponent as v,toDisplayString as y,watch as b,withCtx as x}from"vue";const S={class:`c-code-wrapper`},C={key:0,class:`c-code-header`},w={class:`c-code-title`},T={class:`c-code-actions`},E={class:`c-code-content`},D={key:0,class:`floating-copy-btn`},O={key:0,class:`c-code-loading`},k={class:`ml-2`},A={class:`fullscreen-content`},j={class:`fullscreen-header`},M={class:`fullscreen-title`},N={class:`fullscreen-body`};var P=t(u({name:`CCode`,__name:`index`,props:{code:{default:``},language:{default:`text`},title:{},showHeader:{type:Boolean,default:!0},showLineNumbers:{type:Boolean,default:!0},wordWrap:{type:Boolean,default:!1},trim:{type:Boolean,default:!0},showFullscreen:{type:Boolean,default:!1},maxHeight:{},autoLoadLanguage:{type:Boolean,default:!0}},emits:[`copy`,`click`,`fullscreen`],setup(t,{expose:u,emit:P}){let F=t,I=P,L=d(`highlightManager`,null),R=_(!1),z=_(!1),B=_(!1),V=_(!1),H=r(()=>{try{return L?.getHljs?.()||null}catch(e){return console.warn(`Highlight.js not available:`,e),null}}),U=r(()=>({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`})[F.language.toLowerCase()]||`mdi:code-braces`),W=r(()=>F.maxHeight?{maxHeight:typeof F.maxHeight==`number`?`${F.maxHeight}px`:F.maxHeight}:{});b(()=>F.language,async e=>{if(!(!F.autoLoadLanguage||e===`text`||!L)&&!(L.getLoadedLanguages?.()||[]).includes(e)){B.value=!0;try{await L.loadLanguage?.(e),await f()}catch(t){console.warn(`Failed to load language: ${e}`,t)}finally{B.value=!1}}},{immediate:!0});async function G(){if(!R.value){R.value=!0;try{await navigator.clipboard.writeText(F.code),I(`copy`,F.code)}catch(e){console.error(`Copy failed:`,e)}finally{R.value=!1}}}function K(){z.value=!z.value,I(`fullscreen`,z.value)}function q(e){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`}[e.toLowerCase()]||e.toUpperCase()}function J(e){e.key===`Escape`&&z.value&&K()}return m(()=>{document.addEventListener(`keydown`,J)}),h(()=>{document.removeEventListener(`keydown`,J)}),u({copyCode:G,toggleFullscreen:K}),(t,r)=>{let u=v(`NButton`),d=v(`NTooltip`),f=v(`NCode`),m=v(`NSpin`),h=v(`NModal`);return g(),o(`div`,S,[a(` 代码标题栏 `),t.showHeader?(g(),o(`div`,C,[s(`div`,w,[U.value?(g(),i(e,{key:0,name:U.value,size:16,class:`mr-2`},null,8,[`name`])):a(`v-if`,!0),s(`span`,null,y(t.title||q(t.language)),1)]),s(`div`,T,[l(d,{trigger:`hover`},{trigger:x(()=>[l(u,{size:`tiny`,quaternary:``,onClick:G,loading:R.value},{icon:x(()=>[l(e,{name:R.value?`mdi:loading`:`mdi:content-copy`,loading:R.value},null,8,[`name`,`loading`])]),_:1},8,[`loading`])]),default:x(()=>[r[4]||=c(` 复制代码 `,-1)]),_:1,__:[4]}),t.showFullscreen?(g(),i(d,{key:0,trigger:`hover`},{trigger:x(()=>[l(u,{size:`tiny`,quaternary:``,onClick:K},{icon:x(()=>[l(e,{name:z.value?`mdi:fullscreen-exit`:`mdi:fullscreen`},null,8,[`name`])]),_:1})]),default:x(()=>[c(` `+y(z.value?`退出全屏`:`全屏查看`),1)]),_:1})):a(`v-if`,!0)])])):a(`v-if`,!0),a(` 代码内容区域 `),s(`div`,E,[s(`div`,{class:`code-wrapper`,onMouseenter:r[1]||=e=>V.value=!0,onMouseleave:r[2]||=e=>V.value=!1},[(g(),i(f,{key:`code-${t.language}-${t.code.length}`,code:t.code,language:t.language,hljs:H.value,"show-line-numbers":t.showLineNumbers,"word-wrap":t.wordWrap,trim:t.trim,style:p(W.value),onClick:r[0]||=e=>I(`click`,e)},null,8,[`code`,`language`,`hljs`,`show-line-numbers`,`word-wrap`,`trim`,`style`])),a(` 悬浮复制按钮 `),l(n,{name:`fade`},{default:x(()=>[V.value&&!t.showHeader?(g(),o(`div`,D,[l(d,{trigger:`hover`},{trigger:x(()=>[l(u,{size:`small`,quaternary:``,onClick:G,loading:R.value,class:`copy-floating`},{icon:x(()=>[l(e,{name:R.value?`mdi:loading`:`mdi:content-copy`,loading:R.value},null,8,[`name`,`loading`])]),_:1},8,[`loading`])]),default:x(()=>[r[5]||=c(` 复制代码 `,-1)]),_:1,__:[5]})])):a(`v-if`,!0)]),_:1})],32),a(` 语言加载状态 `),B.value?(g(),o(`div`,O,[l(m,{size:`small`}),s(`span`,k,`正在加载 `+y(t.language)+` 语言包...`,1)])):a(`v-if`,!0)]),a(` 全屏模态框 `),l(h,{show:z.value,"onUpdate:show":r[3]||=e=>z.value=e,"mask-closable":!1,"show-icon":!1,bordered:!1,style:{width:`100vw`,height:`100vh`,margin:`0`,padding:`0`}},{default:x(()=>[s(`div`,A,[s(`div`,j,[s(`div`,M,[U.value?(g(),i(e,{key:0,name:U.value,size:16,class:`mr-2`},null,8,[`name`])):a(`v-if`,!0),s(`span`,null,y(t.title||q(t.language)),1)]),l(u,{size:`small`,quaternary:``,onClick:K},{icon:x(()=>[l(e,{name:`mdi:close`})]),_:1})]),s(`div`,N,[(g(),i(f,{key:`fullscreen-code-${t.language}-${t.code.length}`,code:t.code,language:t.language,hljs:H.value,"show-line-numbers":t.showLineNumbers,"word-wrap":t.wordWrap,trim:t.trim},null,8,[`code`,`language`,`hljs`,`show-line-numbers`,`word-wrap`,`trim`]))])])]),_:1},8,[`show`])])}}}),[[`__scopeId`,`data-v-bc1cd0d6`]]);export{P as t};
 //# sourceMappingURL=C_Code2.js.map

package/dist/C_Code2.js.map

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

package/dist/{C_CollapsePanel-CedsEM0N.css.map → C_CollapsePanel-CWkFCqNQ.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_CollapsePanel-CedsEM0N.css","names":[],"sources":["../src/components/C_CollapsePanel/index.vue?vue&type=style&index=0&scoped=08dc96f9&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ─── 变量 ───────────────────────────────────────── */\n/* ─── 容器 ───────────────────────────────────────── */\n.c-collapse-panel[data-v-08dc96f9] {\n  width: 100%;\n  /* ── default 变体 ────────────────────────────── */\n  /* ── card 变体 ───────────────────────────────── */\n  /* ── ghost 变体（无边框极简） ──────────────────── */\n  /* ── bordered 修饰符 ─────────────────────────── */\n  /* ── 图标右侧模式 ────────────────────────────── */\n}\n.c-collapse-panel--default .collapse-item[data-v-08dc96f9] {\n  border-bottom: 1px solid var(--c-border, #e1e4e8);\n}\n.c-collapse-panel--default .collapse-item[data-v-08dc96f9]:last-child {\n  border-bottom: none;\n}\n.c-collapse-panel--card[data-v-08dc96f9] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.c-collapse-panel--card .collapse-item[data-v-08dc96f9] {\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-08dc96f9] {\n  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);\n}\n.c-collapse-panel--card .collapse-item[data-v-08dc96f9]:hover:not(.collapse-item--disabled) {\n  border-color: var(--c-primary, #409eff);\n}\n.c-collapse-panel--ghost .collapse-item__header[data-v-08dc96f9] {\n  background: transparent;\n}\n.c-collapse-panel--ghost .collapse-item__header[data-v-08dc96f9]:hover {\n  background: var(--c-bg-card, #fff);\n}\n.c-collapse-panel--ghost .collapse-item__content[data-v-08dc96f9] {\n  padding-left: 28px;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default[data-v-08dc96f9] {\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-08dc96f9] {\n  border-radius: 8px 8px 0 0;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item[data-v-08dc96f9]: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-08dc96f9] {\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-08dc96f9] {\n  border-radius: 0;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:only-child .collapse-item__header[data-v-08dc96f9] {\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-08dc96f9] {\n  border-radius: 8px 8px 0 0;\n}\n.c-collapse-panel--icon-right .collapse-item__header[data-v-08dc96f9] {\n  flex-direction: row-reverse;\n}\n.c-collapse-panel--icon-right .collapse-item__arrow[data-v-08dc96f9] {\n  margin-left: auto;\n  margin-right: 0;\n}\n.c-collapse-panel--icon-right .collapse-item__title-area[data-v-08dc96f9] {\n  margin-left: 0;\n}\n\n/* ─── 面板项 ─────────────────────────────────────── */\n.collapse-item--disabled .collapse-item__header[data-v-08dc96f9] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* ─── 面板头部 ───────────────────────────────────── */\n.collapse-item__header[data-v-08dc96f9] {\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-08dc96f9]:hover:not([aria-disabled=true]) {\n  background: var(--c-bg-hover, rgba(0, 0, 0, 0.04));\n}\n.collapse-item__header[data-v-08dc96f9]: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-08dc96f9] {\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-08dc96f9] {\n  transform: rotate(90deg);\n}\n\n/* ─── 标题区域 ───────────────────────────────────── */\n.collapse-item__title-area[data-v-08dc96f9] {\n  flex: 1;\n  min-width: 0;\n}\n.collapse-item__title-group[data-v-08dc96f9] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.collapse-item__icon[data-v-08dc96f9] {\n  flex-shrink: 0;\n  font-size: 18px;\n  color: var(--c-primary, #409eff);\n}\n.collapse-item__title[data-v-08dc96f9] {\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-08dc96f9] {\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-08dc96f9] {\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-08dc96f9] {\n  transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: height;\n}\n.collapse-item__content[data-v-08dc96f9] {\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"}
+{"version":3,"file":"C_CollapsePanel-CWkFCqNQ.css","names":[],"sources":["../src/components/C_CollapsePanel/index.vue?vue&type=style&index=0&scoped=4e11a983&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ─── 变量 ───────────────────────────────────────── */\n/* ─── 容器 ───────────────────────────────────────── */\n.c-collapse-panel[data-v-4e11a983] {\n  width: 100%;\n  /* ── default 变体 ────────────────────────────── */\n  /* ── card 变体 ───────────────────────────────── */\n  /* ── ghost 变体（无边框极简） ──────────────────── */\n  /* ── bordered 修饰符 ─────────────────────────── */\n  /* ── 图标右侧模式 ────────────────────────────── */\n}\n.c-collapse-panel--default .collapse-item[data-v-4e11a983] {\n  border-bottom: 1px solid var(--c-border, #e1e4e8);\n}\n.c-collapse-panel--default .collapse-item[data-v-4e11a983]:last-child {\n  border-bottom: none;\n}\n.c-collapse-panel--card[data-v-4e11a983] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.c-collapse-panel--card .collapse-item[data-v-4e11a983] {\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-4e11a983] {\n  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);\n}\n.c-collapse-panel--card .collapse-item[data-v-4e11a983]:hover:not(.collapse-item--disabled) {\n  border-color: var(--c-primary, #409eff);\n}\n.c-collapse-panel--ghost .collapse-item__header[data-v-4e11a983] {\n  background: transparent;\n}\n.c-collapse-panel--ghost .collapse-item__header[data-v-4e11a983]:hover {\n  background: var(--c-bg-card, #fff);\n}\n.c-collapse-panel--ghost .collapse-item__content[data-v-4e11a983] {\n  padding-left: 28px;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default[data-v-4e11a983] {\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-4e11a983] {\n  border-radius: 8px 8px 0 0;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item[data-v-4e11a983]: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-4e11a983] {\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-4e11a983] {\n  border-radius: 0;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:only-child .collapse-item__header[data-v-4e11a983] {\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-4e11a983] {\n  border-radius: 8px 8px 0 0;\n}\n.c-collapse-panel--icon-right .collapse-item__header[data-v-4e11a983] {\n  flex-direction: row-reverse;\n}\n.c-collapse-panel--icon-right .collapse-item__arrow[data-v-4e11a983] {\n  margin-left: auto;\n  margin-right: 0;\n}\n.c-collapse-panel--icon-right .collapse-item__title-area[data-v-4e11a983] {\n  margin-left: 0;\n}\n\n/* ─── 面板项 ─────────────────────────────────────── */\n.collapse-item--disabled .collapse-item__header[data-v-4e11a983] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* ─── 面板头部 ───────────────────────────────────── */\n.collapse-item__header[data-v-4e11a983] {\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-4e11a983]:hover:not([aria-disabled=true]) {\n  background: var(--c-bg-hover, rgba(0, 0, 0, 0.04));\n}\n.collapse-item__header[data-v-4e11a983]: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-4e11a983] {\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-4e11a983] {\n  transform: rotate(90deg);\n}\n\n/* ─── 标题区域 ───────────────────────────────────── */\n.collapse-item__title-area[data-v-4e11a983] {\n  flex: 1;\n  min-width: 0;\n}\n.collapse-item__title-group[data-v-4e11a983] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.collapse-item__icon[data-v-4e11a983] {\n  flex-shrink: 0;\n  font-size: 18px;\n  color: var(--c-primary, #409eff);\n}\n.collapse-item__title[data-v-4e11a983] {\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-4e11a983] {\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-4e11a983] {\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-4e11a983] {\n  transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: height;\n}\n.collapse-item__content[data-v-4e11a983] {\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-BkOivqn3.css.map → C_CollapsePanel-pcVJA_4z.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_CollapsePanel-BkOivqn3.css","names":[],"sources":["../src/components/C_CollapsePanel/index.vue?vue&type=style&index=0&scoped=08dc96f9&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ─── 变量 ───────────────────────────────────────── */\n/* ─── 容器 ───────────────────────────────────────── */\n.c-collapse-panel[data-v-08dc96f9] {\n  width: 100%;\n  /* ── default 变体 ────────────────────────────── */\n  /* ── card 变体 ───────────────────────────────── */\n  /* ── ghost 变体（无边框极简） ──────────────────── */\n  /* ── bordered 修饰符 ─────────────────────────── */\n  /* ── 图标右侧模式 ────────────────────────────── */\n}\n.c-collapse-panel--default .collapse-item[data-v-08dc96f9] {\n  border-bottom: 1px solid var(--c-border, #e1e4e8);\n}\n.c-collapse-panel--default .collapse-item[data-v-08dc96f9]:last-child {\n  border-bottom: none;\n}\n.c-collapse-panel--card[data-v-08dc96f9] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.c-collapse-panel--card .collapse-item[data-v-08dc96f9] {\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-08dc96f9] {\n  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);\n}\n.c-collapse-panel--card .collapse-item[data-v-08dc96f9]:hover:not(.collapse-item--disabled) {\n  border-color: var(--c-primary, #409eff);\n}\n.c-collapse-panel--ghost .collapse-item__header[data-v-08dc96f9] {\n  background: transparent;\n}\n.c-collapse-panel--ghost .collapse-item__header[data-v-08dc96f9]:hover {\n  background: var(--c-bg-card, #fff);\n}\n.c-collapse-panel--ghost .collapse-item__content[data-v-08dc96f9] {\n  padding-left: 28px;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default[data-v-08dc96f9] {\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-08dc96f9] {\n  border-radius: 8px 8px 0 0;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item[data-v-08dc96f9]: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-08dc96f9] {\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-08dc96f9] {\n  border-radius: 0;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:only-child .collapse-item__header[data-v-08dc96f9] {\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-08dc96f9] {\n  border-radius: 8px 8px 0 0;\n}\n.c-collapse-panel--icon-right .collapse-item__header[data-v-08dc96f9] {\n  flex-direction: row-reverse;\n}\n.c-collapse-panel--icon-right .collapse-item__arrow[data-v-08dc96f9] {\n  margin-left: auto;\n  margin-right: 0;\n}\n.c-collapse-panel--icon-right .collapse-item__title-area[data-v-08dc96f9] {\n  margin-left: 0;\n}\n\n/* ─── 面板项 ─────────────────────────────────────── */\n.collapse-item--disabled .collapse-item__header[data-v-08dc96f9] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* ─── 面板头部 ───────────────────────────────────── */\n.collapse-item__header[data-v-08dc96f9] {\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-08dc96f9]:hover:not([aria-disabled=true]) {\n  background: var(--c-bg-hover, rgba(0, 0, 0, 0.04));\n}\n.collapse-item__header[data-v-08dc96f9]: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-08dc96f9] {\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-08dc96f9] {\n  transform: rotate(90deg);\n}\n\n/* ─── 标题区域 ───────────────────────────────────── */\n.collapse-item__title-area[data-v-08dc96f9] {\n  flex: 1;\n  min-width: 0;\n}\n.collapse-item__title-group[data-v-08dc96f9] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.collapse-item__icon[data-v-08dc96f9] {\n  flex-shrink: 0;\n  font-size: 18px;\n  color: var(--c-primary, #409eff);\n}\n.collapse-item__title[data-v-08dc96f9] {\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-08dc96f9] {\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-08dc96f9] {\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-08dc96f9] {\n  transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: height;\n}\n.collapse-item__content[data-v-08dc96f9] {\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"}
+{"version":3,"file":"C_CollapsePanel-pcVJA_4z.css","names":[],"sources":["../src/components/C_CollapsePanel/index.vue?vue&type=style&index=0&scoped=4e11a983&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ─── 变量 ───────────────────────────────────────── */\n/* ─── 容器 ───────────────────────────────────────── */\n.c-collapse-panel[data-v-4e11a983] {\n  width: 100%;\n  /* ── default 变体 ────────────────────────────── */\n  /* ── card 变体 ───────────────────────────────── */\n  /* ── ghost 变体（无边框极简） ──────────────────── */\n  /* ── bordered 修饰符 ─────────────────────────── */\n  /* ── 图标右侧模式 ────────────────────────────── */\n}\n.c-collapse-panel--default .collapse-item[data-v-4e11a983] {\n  border-bottom: 1px solid var(--c-border, #e1e4e8);\n}\n.c-collapse-panel--default .collapse-item[data-v-4e11a983]:last-child {\n  border-bottom: none;\n}\n.c-collapse-panel--card[data-v-4e11a983] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.c-collapse-panel--card .collapse-item[data-v-4e11a983] {\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-4e11a983] {\n  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);\n}\n.c-collapse-panel--card .collapse-item[data-v-4e11a983]:hover:not(.collapse-item--disabled) {\n  border-color: var(--c-primary, #409eff);\n}\n.c-collapse-panel--ghost .collapse-item__header[data-v-4e11a983] {\n  background: transparent;\n}\n.c-collapse-panel--ghost .collapse-item__header[data-v-4e11a983]:hover {\n  background: var(--c-bg-card, #fff);\n}\n.c-collapse-panel--ghost .collapse-item__content[data-v-4e11a983] {\n  padding-left: 28px;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default[data-v-4e11a983] {\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-4e11a983] {\n  border-radius: 8px 8px 0 0;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item[data-v-4e11a983]: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-4e11a983] {\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-4e11a983] {\n  border-radius: 0;\n}\n.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:only-child .collapse-item__header[data-v-4e11a983] {\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-4e11a983] {\n  border-radius: 8px 8px 0 0;\n}\n.c-collapse-panel--icon-right .collapse-item__header[data-v-4e11a983] {\n  flex-direction: row-reverse;\n}\n.c-collapse-panel--icon-right .collapse-item__arrow[data-v-4e11a983] {\n  margin-left: auto;\n  margin-right: 0;\n}\n.c-collapse-panel--icon-right .collapse-item__title-area[data-v-4e11a983] {\n  margin-left: 0;\n}\n\n/* ─── 面板项 ─────────────────────────────────────── */\n.collapse-item--disabled .collapse-item__header[data-v-4e11a983] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* ─── 面板头部 ───────────────────────────────────── */\n.collapse-item__header[data-v-4e11a983] {\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-4e11a983]:hover:not([aria-disabled=true]) {\n  background: var(--c-bg-hover, rgba(0, 0, 0, 0.04));\n}\n.collapse-item__header[data-v-4e11a983]: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-4e11a983] {\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-4e11a983] {\n  transform: rotate(90deg);\n}\n\n/* ─── 标题区域 ───────────────────────────────────── */\n.collapse-item__title-area[data-v-4e11a983] {\n  flex: 1;\n  min-width: 0;\n}\n.collapse-item__title-group[data-v-4e11a983] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.collapse-item__icon[data-v-4e11a983] {\n  flex-shrink: 0;\n  font-size: 18px;\n  color: var(--c-primary, #409eff);\n}\n.collapse-item__title[data-v-4e11a983] {\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-4e11a983] {\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-4e11a983] {\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-4e11a983] {\n  transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: height;\n}\n.collapse-item__content[data-v-4e11a983] {\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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon.js`);const e=require(`./C_CollapsePanel.js`);exports.C_CollapsePanel=e.t,exports.useCollapsePanel=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_CollapsePanel.js`);exports.C_CollapsePanel=e.t,exports.useCollapsePanel=e.n;

package/dist/C_CollapsePanel.css

@@ -1,6 +1,6 @@
 /* unplugin-vue-components disabled *//* ─── 变量 ───────────────────────────────────────── */
 /* ─── 容器 ───────────────────────────────────────── */
-.c-collapse-panel[data-v-08dc96f9] {
+.c-collapse-panel[data-v-4e11a983] {
   width: 100%;
   /* ── default 变体 ────────────────────────────── */
   /* ── card 变体 ───────────────────────────────── */
@@ -8,79 +8,79 @@
   /* ── bordered 修饰符 ─────────────────────────── */
   /* ── 图标右侧模式 ────────────────────────────── */
 }
-.c-collapse-panel--default .collapse-item[data-v-08dc96f9] {
+.c-collapse-panel--default .collapse-item[data-v-4e11a983] {
   border-bottom: 1px solid var(--c-border, #e1e4e8);
 }
-.c-collapse-panel--default .collapse-item[data-v-08dc96f9]:last-child {
+.c-collapse-panel--default .collapse-item[data-v-4e11a983]:last-child {
   border-bottom: none;
 }
-.c-collapse-panel--card[data-v-08dc96f9] {
+.c-collapse-panel--card[data-v-4e11a983] {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-.c-collapse-panel--card .collapse-item[data-v-08dc96f9] {
+.c-collapse-panel--card .collapse-item[data-v-4e11a983] {
   border: 1px solid var(--c-border, #e1e4e8);
   border-radius: 8px;
   background: var(--c-bg-card, #fff);
   transition: box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.c-collapse-panel--card .collapse-item--active[data-v-08dc96f9] {
+.c-collapse-panel--card .collapse-item--active[data-v-4e11a983] {
   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
 }
-.c-collapse-panel--card .collapse-item[data-v-08dc96f9]:hover:not(.collapse-item--disabled) {
+.c-collapse-panel--card .collapse-item[data-v-4e11a983]:hover:not(.collapse-item--disabled) {
   border-color: var(--c-primary, #409eff);
 }
-.c-collapse-panel--ghost .collapse-item__header[data-v-08dc96f9] {
+.c-collapse-panel--ghost .collapse-item__header[data-v-4e11a983] {
   background: transparent;
 }
-.c-collapse-panel--ghost .collapse-item__header[data-v-08dc96f9]:hover {
+.c-collapse-panel--ghost .collapse-item__header[data-v-4e11a983]:hover {
   background: var(--c-bg-card, #fff);
 }
-.c-collapse-panel--ghost .collapse-item__content[data-v-08dc96f9] {
+.c-collapse-panel--ghost .collapse-item__content[data-v-4e11a983] {
   padding-left: 28px;
 }
-.c-collapse-panel--bordered.c-collapse-panel--default[data-v-08dc96f9] {
+.c-collapse-panel--bordered.c-collapse-panel--default[data-v-4e11a983] {
   border: 1px solid var(--c-border, #e1e4e8);
   border-radius: 8px;
 }
-.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:first-child .collapse-item__header[data-v-08dc96f9] {
+.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:first-child .collapse-item__header[data-v-4e11a983] {
   border-radius: 8px 8px 0 0;
 }
-.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item[data-v-08dc96f9]:last-child {
+.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item[data-v-4e11a983]:last-child {
   border-bottom: none;
 }
-.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:last-child .collapse-item__header[data-v-08dc96f9] {
+.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:last-child .collapse-item__header[data-v-4e11a983] {
   border-radius: 0 0 8px 8px;
 }
-.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:last-child.collapse-item--active .collapse-item__header[data-v-08dc96f9] {
+.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:last-child.collapse-item--active .collapse-item__header[data-v-4e11a983] {
   border-radius: 0;
 }
-.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:only-child .collapse-item__header[data-v-08dc96f9] {
+.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:only-child .collapse-item__header[data-v-4e11a983] {
   border-radius: 8px;
 }
-.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:only-child.collapse-item--active .collapse-item__header[data-v-08dc96f9] {
+.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:only-child.collapse-item--active .collapse-item__header[data-v-4e11a983] {
   border-radius: 8px 8px 0 0;
 }
-.c-collapse-panel--icon-right .collapse-item__header[data-v-08dc96f9] {
+.c-collapse-panel--icon-right .collapse-item__header[data-v-4e11a983] {
   flex-direction: row-reverse;
 }
-.c-collapse-panel--icon-right .collapse-item__arrow[data-v-08dc96f9] {
+.c-collapse-panel--icon-right .collapse-item__arrow[data-v-4e11a983] {
   margin-left: auto;
   margin-right: 0;
 }
-.c-collapse-panel--icon-right .collapse-item__title-area[data-v-08dc96f9] {
+.c-collapse-panel--icon-right .collapse-item__title-area[data-v-4e11a983] {
   margin-left: 0;
 }
 
 /* ─── 面板项 ─────────────────────────────────────── */
-.collapse-item--disabled .collapse-item__header[data-v-08dc96f9] {
+.collapse-item--disabled .collapse-item__header[data-v-4e11a983] {
   cursor: not-allowed;
   opacity: 0.5;
 }
 
 /* ─── 面板头部 ───────────────────────────────────── */
-.collapse-item__header[data-v-08dc96f9] {
+.collapse-item__header[data-v-4e11a983] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -91,17 +91,17 @@
   transition: background-color 0.15s ease;
   outline: none;
 }
-.collapse-item__header[data-v-08dc96f9]:hover:not([aria-disabled=true]) {
+.collapse-item__header[data-v-4e11a983]:hover:not([aria-disabled=true]) {
   background: var(--c-bg-hover, rgba(0, 0, 0, 0.04));
 }
-.collapse-item__header[data-v-08dc96f9]:focus-visible {
+.collapse-item__header[data-v-4e11a983]:focus-visible {
   outline: 2px solid var(--c-primary, #409eff);
   outline-offset: -2px;
   border-radius: 4px;
 }
 
 /* ─── 展开箭头 ───────────────────────────────────── */
-.collapse-item__arrow[data-v-08dc96f9] {
+.collapse-item__arrow[data-v-4e11a983] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -112,26 +112,26 @@
   color: var(--c-text-3, #999);
   transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.collapse-item__arrow--expanded[data-v-08dc96f9] {
+.collapse-item__arrow--expanded[data-v-4e11a983] {
   transform: rotate(90deg);
 }
 
 /* ─── 标题区域 ───────────────────────────────────── */
-.collapse-item__title-area[data-v-08dc96f9] {
+.collapse-item__title-area[data-v-4e11a983] {
   flex: 1;
   min-width: 0;
 }
-.collapse-item__title-group[data-v-08dc96f9] {
+.collapse-item__title-group[data-v-4e11a983] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.collapse-item__icon[data-v-08dc96f9] {
+.collapse-item__icon[data-v-4e11a983] {
   flex-shrink: 0;
   font-size: 18px;
   color: var(--c-primary, #409eff);
 }
-.collapse-item__title[data-v-08dc96f9] {
+.collapse-item__title[data-v-4e11a983] {
   font-size: 14px;
   font-weight: 600;
   color: var(--c-text-1, #333);
@@ -139,7 +139,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.collapse-item__subtitle[data-v-08dc96f9] {
+.collapse-item__subtitle[data-v-4e11a983] {
   font-size: 12px;
   color: var(--c-text-4, #ccc);
   white-space: nowrap;
@@ -148,7 +148,7 @@
 }
 
 /* ─── 头部右侧操作区 ────────────────────────────── */
-.collapse-item__extra[data-v-08dc96f9] {
+.collapse-item__extra[data-v-4e11a983] {
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -157,15 +157,15 @@
 }
 
 /* ─── 内容区域 ───────────────────────────────────── */
-.collapse-item__content-wrapper[data-v-08dc96f9] {
+.collapse-item__content-wrapper[data-v-4e11a983] {
   transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
   will-change: height;
 }
-.collapse-item__content[data-v-08dc96f9] {
+.collapse-item__content[data-v-4e11a983] {
   padding: 0 16px 16px;
   font-size: 14px;
   line-height: 1.6;
   color: var(--c-text-2, #666);
 }
 
-/*# sourceMappingURL=C_CollapsePanel-BkOivqn3.css.map*/
+/*# sourceMappingURL=C_CollapsePanel-CWkFCqNQ.css.map*/

package/dist/C_CollapsePanel.js

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