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

package/dist/C_Language2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Language2.js","names":["modelValue"],"sources":["../src/components/C_Language/index.vue","../src/components/C_Language/index.vue","../src/components/C_Language/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-11-19\n * @Description: 语言切换组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NDropdown\n    size=\"small\"\n    trigger=\"hover\"\n    :options=\"finalOptions\"\n    :value=\"modelValue\"\n    @select=\"handleLanguageChange\"\n  >\n    <NButton text>\n      <div class=\"flex items-center\">\n        <C_Icon name=\"mdi:language\" :size=\"18\" />\n      </div>\n    </NButton>\n  </NDropdown>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, h } from \"vue\";\nimport { NDropdown, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\n\ndefineOptions({ name: \"C_Language\" });\n\nexport interface LanguageOption {\n  key: string;\n  label: string;\n  iconClass?: string;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    options?: LanguageOption[];\n  }>(),\n  {\n    modelValue: \"zh-cn\",\n    options: () => [\n      { key: \"zh-cn\", label: \"简体中文\", iconClass: \"mdi:alpha-c\" },\n      { key: \"en\", label: \"English\", iconClass: \"mdi:alpha-u\" },\n      { key: \"ja\", label: \"日本語\", iconClass: \"mdi:alpha-j\" },\n      { key: \"ko\", label: \"한국어\", iconClass: \"mdi:alpha-k\" },\n    ],\n  },\n);\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [key: string];\n  change: [key: string];\n}>();\n\nconst finalOptions = computed(() =>\n  props.options.map((opt) => ({\n    key: opt.key,\n    label: opt.label,\n    icon: opt.iconClass ? () => h(C_Icon, { name: opt.iconClass, size: 16 }) : undefined,\n  })),\n);\n\nconst handleLanguageChange = (key: string) => {\n  if (key === props.modelValue) return;\n  emit(\"update:modelValue\", key);\n  emit(\"change\", key);\n};\n</script>\n","/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-11-19\n * @Description: 语言切换组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NDropdown\n    size=\"small\"\n    trigger=\"hover\"\n    :options=\"finalOptions\"\n    :value=\"modelValue\"\n    @select=\"handleLanguageChange\"\n  >\n    <NButton text>\n      <div class=\"flex items-center\">\n        <C_Icon name=\"mdi:language\" :size=\"18\" />\n      </div>\n    </NButton>\n  </NDropdown>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, h } from \"vue\";\nimport { NDropdown, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\n\ndefineOptions({ name: \"C_Language\" });\n\nexport interface LanguageOption {\n  key: string;\n  label: string;\n  iconClass?: string;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    options?: LanguageOption[];\n  }>(),\n  {\n    modelValue: \"zh-cn\",\n    options: () => [\n      { key: \"zh-cn\", label: \"简体中文\", iconClass: \"mdi:alpha-c\" },\n      { key: \"en\", label: \"English\", iconClass: \"mdi:alpha-u\" },\n      { key: \"ja\", label: \"日本語\", iconClass: \"mdi:alpha-j\" },\n      { key: \"ko\", label: \"한국어\", iconClass: \"mdi:alpha-k\" },\n    ],\n  },\n);\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [key: string];\n  change: [key: string];\n}>();\n\nconst finalOptions = computed(() =>\n  props.options.map((opt) => ({\n    key: opt.key,\n    label: opt.label,\n    icon: opt.iconClass ? () => h(C_Icon, { name: opt.iconClass, size: 16 }) : undefined,\n  })),\n);\n\nconst handleLanguageChange = (key: string) => {\n  if (key === props.modelValue) return;\n  emit(\"update:modelValue\", key);\n  emit(\"change\", key);\n};\n</script>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-11-19\n * @Description: 语言切换组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NDropdown\n    size=\"small\"\n    trigger=\"hover\"\n    :options=\"finalOptions\"\n    :value=\"modelValue\"\n    @select=\"handleLanguageChange\"\n  >\n    <NButton text>\n      <div class=\"flex items-center\">\n        <C_Icon name=\"mdi:language\" :size=\"18\" />\n      </div>\n    </NButton>\n  </NDropdown>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, h } from \"vue\";\nimport { NDropdown, NButton } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\n\ndefineOptions({ name: \"C_Language\" });\n\nexport interface LanguageOption {\n  key: string;\n  label: string;\n  iconClass?: string;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    options?: LanguageOption[];\n  }>(),\n  {\n    modelValue: \"zh-cn\",\n    options: () => [\n      { key: \"zh-cn\", label: \"简体中文\", iconClass: \"mdi:alpha-c\" },\n      { key: \"en\", label: \"English\", iconClass: \"mdi:alpha-u\" },\n      { key: \"ja\", label: \"日本語\", iconClass: \"mdi:alpha-j\" },\n      { key: \"ko\", label: \"한국어\", iconClass: \"mdi:alpha-k\" },\n    ],\n  },\n);\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [key: string];\n  change: [key: string];\n}>();\n\nconst finalOptions = computed(() =>\n  props.options.map((opt) => ({\n    key: opt.key,\n    label: opt.label,\n    icon: opt.iconClass ? () => h(C_Icon, { name: opt.iconClass, size: 16 }) : undefined,\n  })),\n);\n\nconst handleLanguageChange = (key: string) => {\n  if (key === props.modelValue) return;\n  emit(\"update:modelValue\", key);\n  emit(\"change\", key);\n};\n</script>\n"],"mappings":"qnBEoCA,IAAM,EAAQ,EAgBR,EAAO,EAKP,EAAe,MACnB,EAAM,QAAQ,IAAK,IAAS,CAC1B,IAAK,EAAI,IACT,MAAO,EAAI,MACX,KAAM,EAAI,cAAkB,EAAE,EAAQ,CAAE,KAAM,EAAI,UAAW,KAAM,GAAI,CAAC,CAAG,IAAA,GAC5E,EAAE,CACJ,CAEK,EAAwB,GAAgB,CACxC,IAAQ,EAAM,aAClB,EAAK,oBAAqB,EAAI,CAC9B,EAAK,SAAU,EAAI,qBA5DnB,EAYY,EAAA,EAAA,CAAA,CAXV,KAAK,QACL,QAAQ,QACP,QAAS,EAAA,MACT,MAAOA,EAAAA,WACP,SAAQ,kBAMC,CAJV,EAIU,EAAA,EAAA,CAAA,CAJD,KAAA,GAAI,CAAA,eAGL,CAFN,EAEM,MAFN,EAEM,CADJ,EAAyC,EAAA,CAAjC,KAAK,eAAgB,KAAM"}
+{"version":3,"file":"C_Language2.js","names":["modelValue"],"sources":["../src/components/C_Language/index.vue","../src/components/C_Language/index.vue","../src/components/C_Language/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-11-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  <NDropdown\r\n    size=\"small\"\r\n    trigger=\"hover\"\r\n    :options=\"finalOptions\"\r\n    :value=\"modelValue\"\r\n    @select=\"handleLanguageChange\"\r\n  >\r\n    <NButton text>\r\n      <div class=\"flex items-center\">\r\n        <C_Icon\r\n          name=\"mdi:language\"\r\n          :size=\"18\"\r\n        />\r\n      </div>\r\n    </NButton>\r\n  </NDropdown>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { computed, h } from 'vue'\r\n  import { NDropdown, NButton } from 'naive-ui'\r\n  import C_Icon from '../C_Icon/index.vue'\r\n\r\n  defineOptions({ name: 'C_Language' })\r\n\r\n  export interface LanguageOption {\r\n    key: string\r\n    label: string\r\n    iconClass?: string\r\n  }\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      modelValue?: string\r\n      options?: LanguageOption[]\r\n    }>(),\r\n    {\r\n      modelValue: 'zh-cn',\r\n      options: () => [\r\n        { key: 'zh-cn', label: '简体中文', iconClass: 'mdi:alpha-c' },\r\n        { key: 'en', label: 'English', iconClass: 'mdi:alpha-u' },\r\n        { key: 'ja', label: '日本語', iconClass: 'mdi:alpha-j' },\r\n        { key: 'ko', label: '한국어', iconClass: 'mdi:alpha-k' },\r\n      ],\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:modelValue': [key: string]\r\n    change: [key: string]\r\n  }>()\r\n\r\n  const finalOptions = computed(() =>\r\n    props.options.map(opt => ({\r\n      key: opt.key,\r\n      label: opt.label,\r\n      icon: opt.iconClass\r\n        ? () => h(C_Icon, { name: opt.iconClass, size: 16 })\r\n        : undefined,\r\n    }))\r\n  )\r\n\r\n  const handleLanguageChange = (key: string) => {\r\n    if (key === props.modelValue) return\r\n    emit('update:modelValue', key)\r\n    emit('change', key)\r\n  }\r\n</script>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-11-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  <NDropdown\r\n    size=\"small\"\r\n    trigger=\"hover\"\r\n    :options=\"finalOptions\"\r\n    :value=\"modelValue\"\r\n    @select=\"handleLanguageChange\"\r\n  >\r\n    <NButton text>\r\n      <div class=\"flex items-center\">\r\n        <C_Icon\r\n          name=\"mdi:language\"\r\n          :size=\"18\"\r\n        />\r\n      </div>\r\n    </NButton>\r\n  </NDropdown>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { computed, h } from 'vue'\r\n  import { NDropdown, NButton } from 'naive-ui'\r\n  import C_Icon from '../C_Icon/index.vue'\r\n\r\n  defineOptions({ name: 'C_Language' })\r\n\r\n  export interface LanguageOption {\r\n    key: string\r\n    label: string\r\n    iconClass?: string\r\n  }\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      modelValue?: string\r\n      options?: LanguageOption[]\r\n    }>(),\r\n    {\r\n      modelValue: 'zh-cn',\r\n      options: () => [\r\n        { key: 'zh-cn', label: '简体中文', iconClass: 'mdi:alpha-c' },\r\n        { key: 'en', label: 'English', iconClass: 'mdi:alpha-u' },\r\n        { key: 'ja', label: '日本語', iconClass: 'mdi:alpha-j' },\r\n        { key: 'ko', label: '한국어', iconClass: 'mdi:alpha-k' },\r\n      ],\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:modelValue': [key: string]\r\n    change: [key: string]\r\n  }>()\r\n\r\n  const finalOptions = computed(() =>\r\n    props.options.map(opt => ({\r\n      key: opt.key,\r\n      label: opt.label,\r\n      icon: opt.iconClass\r\n        ? () => h(C_Icon, { name: opt.iconClass, size: 16 })\r\n        : undefined,\r\n    }))\r\n  )\r\n\r\n  const handleLanguageChange = (key: string) => {\r\n    if (key === props.modelValue) return\r\n    emit('update:modelValue', key)\r\n    emit('change', key)\r\n  }\r\n</script>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-11-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  <NDropdown\r\n    size=\"small\"\r\n    trigger=\"hover\"\r\n    :options=\"finalOptions\"\r\n    :value=\"modelValue\"\r\n    @select=\"handleLanguageChange\"\r\n  >\r\n    <NButton text>\r\n      <div class=\"flex items-center\">\r\n        <C_Icon\r\n          name=\"mdi:language\"\r\n          :size=\"18\"\r\n        />\r\n      </div>\r\n    </NButton>\r\n  </NDropdown>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { computed, h } from 'vue'\r\n  import { NDropdown, NButton } from 'naive-ui'\r\n  import C_Icon from '../C_Icon/index.vue'\r\n\r\n  defineOptions({ name: 'C_Language' })\r\n\r\n  export interface LanguageOption {\r\n    key: string\r\n    label: string\r\n    iconClass?: string\r\n  }\r\n\r\n  const props = withDefaults(\r\n    defineProps<{\r\n      modelValue?: string\r\n      options?: LanguageOption[]\r\n    }>(),\r\n    {\r\n      modelValue: 'zh-cn',\r\n      options: () => [\r\n        { key: 'zh-cn', label: '简体中文', iconClass: 'mdi:alpha-c' },\r\n        { key: 'en', label: 'English', iconClass: 'mdi:alpha-u' },\r\n        { key: 'ja', label: '日本語', iconClass: 'mdi:alpha-j' },\r\n        { key: 'ko', label: '한국어', iconClass: 'mdi:alpha-k' },\r\n      ],\r\n    }\r\n  )\r\n\r\n  const emit = defineEmits<{\r\n    'update:modelValue': [key: string]\r\n    change: [key: string]\r\n  }>()\r\n\r\n  const finalOptions = computed(() =>\r\n    props.options.map(opt => ({\r\n      key: opt.key,\r\n      label: opt.label,\r\n      icon: opt.iconClass\r\n        ? () => h(C_Icon, { name: opt.iconClass, size: 16 })\r\n        : undefined,\r\n    }))\r\n  )\r\n\r\n  const handleLanguageChange = (key: string) => {\r\n    if (key === props.modelValue) return\r\n    emit('update:modelValue', key)\r\n    emit('change', key)\r\n  }\r\n</script>\r\n"],"mappings":"qnBEuCE,IAAM,EAAQ,EAgBR,EAAO,EAKP,EAAe,MACnB,EAAM,QAAQ,IAAI,IAAQ,CACxB,IAAK,EAAI,IACT,MAAO,EAAI,MACX,KAAM,EAAI,cACA,EAAE,EAAQ,CAAE,KAAM,EAAI,UAAW,KAAM,GAAI,CAAC,CAClD,IAAA,GACL,EAAE,CACJ,CAEK,EAAwB,GAAgB,CACxC,IAAQ,EAAM,aAClB,EAAK,oBAAqB,EAAI,CAC9B,EAAK,SAAU,EAAI,qBAjErB,EAeY,EAAA,EAAA,CAAA,CAdV,KAAK,QACL,QAAQ,QACP,QAAS,EAAA,MACT,MAAOA,EAAAA,WACP,SAAQ,kBASC,CAPV,EAOU,EAAA,EAAA,CAAA,CAPD,KAAA,GAAI,CAAA,eAML,CALN,EAKM,MALN,EAKM,CAJJ,EAGE,EAAA,CAFA,KAAK,eACJ,KAAM"}

package/dist/{C_Markdown-C2uiBVSW.css.map → C_Markdown-BbTvdFCl.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Markdown-C2uiBVSW.css","names":[],"sources":["../src/components/C_Markdown/index.vue?vue&type=style&index=0&scoped=545f0ea7&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* C_Markdown 组件样式文件 */\n.c-markdown-wrapper[data-v-545f0ea7] {\n  position: relative;\n}\n.c-markdown-wrapper[data-v-545f0ea7] .v-md-editor {\n  border-radius: 6px;\n  border: 1px solid var(--c-border);\n  background-color: var(--c-bg-card);\n  /* 禁用状态样式 */\n}\n.c-markdown-wrapper[data-v-545f0ea7] .v-md-editor:hover {\n  border-color: var(--c-primary);\n}\n.c-markdown-wrapper[data-v-545f0ea7] .v-md-editor:focus-within {\n  border-color: var(--c-primary);\n  box-shadow: 0 0 0 2px var(--c-primary-opacity, rgba(24, 160, 88, 0.2));\n}\n.c-markdown-wrapper[data-v-545f0ea7] .v-md-editor.disabled {\n  background-color: var(--c-bg-disabled, #fafafc);\n  cursor: not-allowed;\n}\n.c-markdown-wrapper[data-v-545f0ea7] .v-md-editor.disabled .v-md-editor__editor {\n  cursor: not-allowed;\n}\n.c-markdown-wrapper[data-v-545f0ea7] .v-md-editor .v-md-editor__toolbar {\n  background-color: var(--c-bg-card);\n  border-bottom: 1px solid var(--c-border);\n}\n.c-markdown-wrapper[data-v-545f0ea7] .v-md-editor .v-md-editor__editor-wrapper {\n  background-color: var(--c-bg-card);\n}\n.c-markdown-wrapper[data-v-545f0ea7] .v-md-editor .v-md-editor__editor {\n  background-color: var(--c-bg-card);\n  color: var(--c-text-1);\n}\n.c-markdown-wrapper[data-v-545f0ea7] .v-md-editor .v-md-editor__editor textarea {\n  color: var(--c-text-1);\n  caret-color: var(--c-text-1);\n}\n.c-markdown-wrapper[data-v-545f0ea7] .v-md-editor .v-md-editor__preview-wrapper {\n  background-color: var(--c-bg-card);\n}\n.c-markdown-wrapper[data-v-545f0ea7] .v-md-editor .v-md-editor__preview {\n  background-color: var(--c-bg-card);\n  color: var(--c-text-1);\n}\n.c-markdown-wrapper[data-v-545f0ea7] .v-md-editor .v-md-editor__toc-nav-wrapper {\n  background-color: var(--c-bg-card);\n  border-left: 1px solid var(--c-border);\n}\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__toolbar-item {\n  color: #ffffff;\n}\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__toolbar-item:hover {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__toolbar-item.is-active {\n  background-color: rgba(255, 255, 255, 0.12);\n}\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__toolbar-item svg {\n  fill: #ffffff;\n  opacity: 0.9;\n}\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__toolbar-item:hover svg {\n  opacity: 1;\n}\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__toolbar-right .v-md-editor__toolbar-item {\n  background-color: transparent;\n}\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__toolbar-right .v-md-editor__toolbar-item svg {\n  fill: #ffffff;\n}\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__toolbar-right .v-md-editor__toolbar-item:hover {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__toolbar-divider {\n  background-color: var(--c-border);\n}\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__editor::-webkit-scrollbar,\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__preview::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__editor::-webkit-scrollbar-track,\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__preview::-webkit-scrollbar-track {\n  background-color: rgba(255, 255, 255, 0.05);\n}\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__editor::-webkit-scrollbar-thumb,\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__preview::-webkit-scrollbar-thumb {\n  background-color: rgba(255, 255, 255, 0.2);\n  border-radius: 4px;\n}\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__editor::-webkit-scrollbar-thumb:hover,\n.c-markdown-wrapper.is-dark[data-v-545f0ea7] .v-md-editor .v-md-editor__preview::-webkit-scrollbar-thumb:hover {\n  background-color: rgba(255, 255, 255, 0.3);\n}\n.c-markdown-wrapper .word-count[data-v-545f0ea7] {\n  position: absolute;\n  bottom: 8px;\n  right: 12px;\n  font-size: 12px;\n  color: var(--c-text-4);\n  background: var(--c-bg-card);\n  padding: 2px 6px;\n  border-radius: 4px;\n  z-index: 10;\n}\n.c-markdown-wrapper .word-count.exceed[data-v-545f0ea7] {\n  color: var(--c-error);\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Markdown-BbTvdFCl.css","names":[],"sources":["../src/components/C_Markdown/index.vue?vue&type=style&index=0&scoped=67f4346d&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* C_Markdown 组件样式文件 */\n.c-markdown-wrapper[data-v-67f4346d] {\n  position: relative;\n}\n.c-markdown-wrapper[data-v-67f4346d] .v-md-editor {\n  border-radius: 6px;\n  border: 1px solid var(--c-border);\n  background-color: var(--c-bg-card);\n  /* 禁用状态样式 */\n}\n.c-markdown-wrapper[data-v-67f4346d] .v-md-editor:hover {\n  border-color: var(--c-primary);\n}\n.c-markdown-wrapper[data-v-67f4346d] .v-md-editor:focus-within {\n  border-color: var(--c-primary);\n  box-shadow: 0 0 0 2px var(--c-primary-opacity, rgba(24, 160, 88, 0.2));\n}\n.c-markdown-wrapper[data-v-67f4346d] .v-md-editor.disabled {\n  background-color: var(--c-bg-disabled, #fafafc);\n  cursor: not-allowed;\n}\n.c-markdown-wrapper[data-v-67f4346d] .v-md-editor.disabled .v-md-editor__editor {\n  cursor: not-allowed;\n}\n.c-markdown-wrapper[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar {\n  background-color: var(--c-bg-card);\n  border-bottom: 1px solid var(--c-border);\n}\n.c-markdown-wrapper[data-v-67f4346d] .v-md-editor .v-md-editor__editor-wrapper {\n  background-color: var(--c-bg-card);\n}\n.c-markdown-wrapper[data-v-67f4346d] .v-md-editor .v-md-editor__editor {\n  background-color: var(--c-bg-card);\n  color: var(--c-text-1);\n}\n.c-markdown-wrapper[data-v-67f4346d] .v-md-editor .v-md-editor__editor textarea {\n  color: var(--c-text-1);\n  caret-color: var(--c-text-1);\n}\n.c-markdown-wrapper[data-v-67f4346d] .v-md-editor .v-md-editor__preview-wrapper {\n  background-color: var(--c-bg-card);\n}\n.c-markdown-wrapper[data-v-67f4346d] .v-md-editor .v-md-editor__preview {\n  background-color: var(--c-bg-card);\n  color: var(--c-text-1);\n}\n.c-markdown-wrapper[data-v-67f4346d] .v-md-editor .v-md-editor__toc-nav-wrapper {\n  background-color: var(--c-bg-card);\n  border-left: 1px solid var(--c-border);\n}\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-item {\n  color: #ffffff;\n}\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-item:hover {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-item.is-active {\n  background-color: rgba(255, 255, 255, 0.12);\n}\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-item svg {\n  fill: #ffffff;\n  opacity: 0.9;\n}\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-item:hover svg {\n  opacity: 1;\n}\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-right .v-md-editor__toolbar-item {\n  background-color: transparent;\n}\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-right .v-md-editor__toolbar-item svg {\n  fill: #ffffff;\n}\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-right .v-md-editor__toolbar-item:hover {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-divider {\n  background-color: var(--c-border);\n}\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__editor::-webkit-scrollbar,\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__preview::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__editor::-webkit-scrollbar-track,\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__preview::-webkit-scrollbar-track {\n  background-color: rgba(255, 255, 255, 0.05);\n}\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__editor::-webkit-scrollbar-thumb,\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__preview::-webkit-scrollbar-thumb {\n  background-color: rgba(255, 255, 255, 0.2);\n  border-radius: 4px;\n}\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__editor::-webkit-scrollbar-thumb:hover,\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__preview::-webkit-scrollbar-thumb:hover {\n  background-color: rgba(255, 255, 255, 0.3);\n}\n.c-markdown-wrapper .word-count[data-v-67f4346d] {\n  position: absolute;\n  bottom: 8px;\n  right: 12px;\n  font-size: 12px;\n  color: var(--c-text-4);\n  background: var(--c-bg-card);\n  padding: 2px 6px;\n  border-radius: 4px;\n  z-index: 10;\n}\n.c-markdown-wrapper .word-count.exceed[data-v-67f4346d] {\n  color: var(--c-error);\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_Markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Markdown.js","names":["isDark","modelValue","height","placeholder","toolbar","mode","tocNavPosition","defaultFullscreen","autofocus","includeLevel","leftToolbar","rightToolbar"],"sources":["../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-20\n * @Description: Markdown 编辑器封装组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\n    <VMdEditor\n      ref=\"editorRef\"\n      :model-value=\"modelValue\"\n      :height=\"height\"\n      :placeholder=\"placeholder\"\n      :toolbar=\"toolbar\"\n      :mode=\"mode\"\n      :upload-image-config=\"computedUploadImageConfig\"\n      :toc-nav-position=\"tocNavPosition\"\n      :default-fullscreen=\"defaultFullscreen\"\n      :autofocus=\"autofocus\"\n      :include-level=\"includeLevel\"\n      :left-toolbar=\"leftToolbar\"\n      :right-toolbar=\"rightToolbar\"\n      :default-show-toc=\"true\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n      @save=\"handleSave\"\n      @upload-image=\"handleUploadImage\"\n      @fullscreen-change=\"handleFullscreenChange\"\n      @copy-code-success=\"handleCopyCodeSuccess\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport VMdEditor from \"@kangc/v-md-editor\";\n\ndefineOptions({ name: \"C_Markdown\" });\n\nexport type InsertImageFunction = (config: {\n  url: string;\n  desc?: string;\n  width?: string | number;\n  height?: string | number;\n}) => void;\n\ninterface Props {\n  modelValue?: string;\n  height?: string | number;\n  disabled?: boolean;\n  placeholder?: string;\n  mode?: \"edit\" | \"editable\" | \"preview\";\n  toolbar?: object;\n  uploadImageConfig?: {\n    accept?: string;\n    multiple?: boolean;\n    [key: string]: any;\n  };\n  tocNavPosition?: \"left\" | \"right\";\n  defaultFullscreen?: boolean;\n  autofocus?: boolean;\n  includeLevel?: number[];\n  leftToolbar?: string;\n  rightToolbar?: string;\n  maxLength?: number;\n  showWordCount?: boolean;\n  autoSave?: boolean;\n  autoSaveInterval?: number;\n  /** 是否为暗色主题（外部传入） */\n  isDark?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  height: \"400px\",\n  disabled: false,\n  placeholder: \"请输入 Markdown 内容...\",\n  mode: \"editable\",\n  tocNavPosition: \"right\",\n  defaultFullscreen: false,\n  autofocus: false,\n  includeLevel: () => [1, 2, 3, 4, 5, 6],\n  leftToolbar:\n    \"undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save\",\n  rightToolbar: \"preview toc sync-scroll fullscreen\",\n  maxLength: 50000,\n  showWordCount: true,\n  autoSave: false,\n  autoSaveInterval: 30000,\n  isDark: false,\n});\n\ninterface Emits {\n  \"update:modelValue\": [value: string];\n  change: [text: string, html: string];\n  save: [text: string, html: string];\n  \"upload-image\": [\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList,\n  ];\n  \"fullscreen-change\": [isFullscreen: boolean];\n  \"copy-code-success\": [text: string];\n  \"word-count-change\": [count: number];\n  \"auto-save\": [text: string];\n  \"max-length-exceeded\": [currentLength: number, maxLength: number];\n}\n\nconst emit = defineEmits<Emits>();\n\nconst editorRef = ref<any>(null);\nconst cachedHtml = ref(\"\");\n\nconst wordCount = computed(() => {\n  return props.modelValue?.length || 0;\n});\n\nconst computedUploadImageConfig = computed(() => {\n  const defaultConfig = {\n    accept: \"image/*\",\n    multiple: false,\n  };\n  return props.uploadImageConfig\n    ? { ...defaultConfig, ...props.uploadImageConfig }\n    : defaultConfig;\n});\n\nonMounted(() => {\n  if (props.showWordCount && props.modelValue) {\n    emit(\"word-count-change\", props.modelValue.length);\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (props.showWordCount) {\n      emit(\"word-count-change\", newValue?.length || 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst handleInput = (value: string) => {\n  if (value.length > props.maxLength) {\n    emit(\"max-length-exceeded\", value.length, props.maxLength);\n    return;\n  }\n  emit(\"update:modelValue\", value);\n  if (props.showWordCount) {\n    emit(\"word-count-change\", value.length);\n  }\n};\n\nconst handleChange = (text: string, html: string) => {\n  cachedHtml.value = html;\n  emit(\"change\", text, html);\n  if (props.autoSave) {\n    autoSave(text);\n  }\n};\n\nconst handleSave = (text: string, html: string) => {\n  emit(\"save\", text, html);\n};\n\nconst handleUploadImage = (\n  event: Event,\n  insertImage: InsertImageFunction,\n  files: FileList,\n) => {\n  emit(\"upload-image\", event, insertImage, files);\n};\n\nconst handleFullscreenChange = (isFullscreen: boolean) => {\n  emit(\"fullscreen-change\", isFullscreen);\n};\n\nconst handleCopyCodeSuccess = (text: string) => {\n  emit(\"copy-code-success\", text);\n};\n\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst autoSave = (text: string) => {\n  if (autoSaveTimer) clearTimeout(autoSaveTimer);\n  autoSaveTimer = setTimeout(() => {\n    emit(\"auto-save\", text);\n  }, props.autoSaveInterval);\n};\n\nconst focus = () => {\n  editorRef.value?.focus();\n};\n\nconst getHtml = (): string => {\n  return cachedHtml.value;\n};\n\nconst insertText = (text: string) => {\n  editorRef.value?.insert((selected: string) => ({\n    text: `${selected}${text}`,\n    selected: text,\n  }));\n};\n\ndefineExpose({\n  focus,\n  getHtml,\n  insertText,\n  wordCount,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-20\n * @Description: Markdown 编辑器封装组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\n    <VMdEditor\n      ref=\"editorRef\"\n      :model-value=\"modelValue\"\n      :height=\"height\"\n      :placeholder=\"placeholder\"\n      :toolbar=\"toolbar\"\n      :mode=\"mode\"\n      :upload-image-config=\"computedUploadImageConfig\"\n      :toc-nav-position=\"tocNavPosition\"\n      :default-fullscreen=\"defaultFullscreen\"\n      :autofocus=\"autofocus\"\n      :include-level=\"includeLevel\"\n      :left-toolbar=\"leftToolbar\"\n      :right-toolbar=\"rightToolbar\"\n      :default-show-toc=\"true\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n      @save=\"handleSave\"\n      @upload-image=\"handleUploadImage\"\n      @fullscreen-change=\"handleFullscreenChange\"\n      @copy-code-success=\"handleCopyCodeSuccess\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport VMdEditor from \"@kangc/v-md-editor\";\n\ndefineOptions({ name: \"C_Markdown\" });\n\nexport type InsertImageFunction = (config: {\n  url: string;\n  desc?: string;\n  width?: string | number;\n  height?: string | number;\n}) => void;\n\ninterface Props {\n  modelValue?: string;\n  height?: string | number;\n  disabled?: boolean;\n  placeholder?: string;\n  mode?: \"edit\" | \"editable\" | \"preview\";\n  toolbar?: object;\n  uploadImageConfig?: {\n    accept?: string;\n    multiple?: boolean;\n    [key: string]: any;\n  };\n  tocNavPosition?: \"left\" | \"right\";\n  defaultFullscreen?: boolean;\n  autofocus?: boolean;\n  includeLevel?: number[];\n  leftToolbar?: string;\n  rightToolbar?: string;\n  maxLength?: number;\n  showWordCount?: boolean;\n  autoSave?: boolean;\n  autoSaveInterval?: number;\n  /** 是否为暗色主题（外部传入） */\n  isDark?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  height: \"400px\",\n  disabled: false,\n  placeholder: \"请输入 Markdown 内容...\",\n  mode: \"editable\",\n  tocNavPosition: \"right\",\n  defaultFullscreen: false,\n  autofocus: false,\n  includeLevel: () => [1, 2, 3, 4, 5, 6],\n  leftToolbar:\n    \"undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save\",\n  rightToolbar: \"preview toc sync-scroll fullscreen\",\n  maxLength: 50000,\n  showWordCount: true,\n  autoSave: false,\n  autoSaveInterval: 30000,\n  isDark: false,\n});\n\ninterface Emits {\n  \"update:modelValue\": [value: string];\n  change: [text: string, html: string];\n  save: [text: string, html: string];\n  \"upload-image\": [\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList,\n  ];\n  \"fullscreen-change\": [isFullscreen: boolean];\n  \"copy-code-success\": [text: string];\n  \"word-count-change\": [count: number];\n  \"auto-save\": [text: string];\n  \"max-length-exceeded\": [currentLength: number, maxLength: number];\n}\n\nconst emit = defineEmits<Emits>();\n\nconst editorRef = ref<any>(null);\nconst cachedHtml = ref(\"\");\n\nconst wordCount = computed(() => {\n  return props.modelValue?.length || 0;\n});\n\nconst computedUploadImageConfig = computed(() => {\n  const defaultConfig = {\n    accept: \"image/*\",\n    multiple: false,\n  };\n  return props.uploadImageConfig\n    ? { ...defaultConfig, ...props.uploadImageConfig }\n    : defaultConfig;\n});\n\nonMounted(() => {\n  if (props.showWordCount && props.modelValue) {\n    emit(\"word-count-change\", props.modelValue.length);\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (props.showWordCount) {\n      emit(\"word-count-change\", newValue?.length || 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst handleInput = (value: string) => {\n  if (value.length > props.maxLength) {\n    emit(\"max-length-exceeded\", value.length, props.maxLength);\n    return;\n  }\n  emit(\"update:modelValue\", value);\n  if (props.showWordCount) {\n    emit(\"word-count-change\", value.length);\n  }\n};\n\nconst handleChange = (text: string, html: string) => {\n  cachedHtml.value = html;\n  emit(\"change\", text, html);\n  if (props.autoSave) {\n    autoSave(text);\n  }\n};\n\nconst handleSave = (text: string, html: string) => {\n  emit(\"save\", text, html);\n};\n\nconst handleUploadImage = (\n  event: Event,\n  insertImage: InsertImageFunction,\n  files: FileList,\n) => {\n  emit(\"upload-image\", event, insertImage, files);\n};\n\nconst handleFullscreenChange = (isFullscreen: boolean) => {\n  emit(\"fullscreen-change\", isFullscreen);\n};\n\nconst handleCopyCodeSuccess = (text: string) => {\n  emit(\"copy-code-success\", text);\n};\n\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst autoSave = (text: string) => {\n  if (autoSaveTimer) clearTimeout(autoSaveTimer);\n  autoSaveTimer = setTimeout(() => {\n    emit(\"auto-save\", text);\n  }, props.autoSaveInterval);\n};\n\nconst focus = () => {\n  editorRef.value?.focus();\n};\n\nconst getHtml = (): string => {\n  return cachedHtml.value;\n};\n\nconst insertText = (text: string) => {\n  editorRef.value?.insert((selected: string) => ({\n    text: `${selected}${text}`,\n    selected: text,\n  }));\n};\n\ndefineExpose({\n  focus,\n  getHtml,\n  insertText,\n  wordCount,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-20\n * @Description: Markdown 编辑器封装组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\n    <VMdEditor\n      ref=\"editorRef\"\n      :model-value=\"modelValue\"\n      :height=\"height\"\n      :placeholder=\"placeholder\"\n      :toolbar=\"toolbar\"\n      :mode=\"mode\"\n      :upload-image-config=\"computedUploadImageConfig\"\n      :toc-nav-position=\"tocNavPosition\"\n      :default-fullscreen=\"defaultFullscreen\"\n      :autofocus=\"autofocus\"\n      :include-level=\"includeLevel\"\n      :left-toolbar=\"leftToolbar\"\n      :right-toolbar=\"rightToolbar\"\n      :default-show-toc=\"true\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n      @save=\"handleSave\"\n      @upload-image=\"handleUploadImage\"\n      @fullscreen-change=\"handleFullscreenChange\"\n      @copy-code-success=\"handleCopyCodeSuccess\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport VMdEditor from \"@kangc/v-md-editor\";\n\ndefineOptions({ name: \"C_Markdown\" });\n\nexport type InsertImageFunction = (config: {\n  url: string;\n  desc?: string;\n  width?: string | number;\n  height?: string | number;\n}) => void;\n\ninterface Props {\n  modelValue?: string;\n  height?: string | number;\n  disabled?: boolean;\n  placeholder?: string;\n  mode?: \"edit\" | \"editable\" | \"preview\";\n  toolbar?: object;\n  uploadImageConfig?: {\n    accept?: string;\n    multiple?: boolean;\n    [key: string]: any;\n  };\n  tocNavPosition?: \"left\" | \"right\";\n  defaultFullscreen?: boolean;\n  autofocus?: boolean;\n  includeLevel?: number[];\n  leftToolbar?: string;\n  rightToolbar?: string;\n  maxLength?: number;\n  showWordCount?: boolean;\n  autoSave?: boolean;\n  autoSaveInterval?: number;\n  /** 是否为暗色主题（外部传入） */\n  isDark?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  height: \"400px\",\n  disabled: false,\n  placeholder: \"请输入 Markdown 内容...\",\n  mode: \"editable\",\n  tocNavPosition: \"right\",\n  defaultFullscreen: false,\n  autofocus: false,\n  includeLevel: () => [1, 2, 3, 4, 5, 6],\n  leftToolbar:\n    \"undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save\",\n  rightToolbar: \"preview toc sync-scroll fullscreen\",\n  maxLength: 50000,\n  showWordCount: true,\n  autoSave: false,\n  autoSaveInterval: 30000,\n  isDark: false,\n});\n\ninterface Emits {\n  \"update:modelValue\": [value: string];\n  change: [text: string, html: string];\n  save: [text: string, html: string];\n  \"upload-image\": [\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList,\n  ];\n  \"fullscreen-change\": [isFullscreen: boolean];\n  \"copy-code-success\": [text: string];\n  \"word-count-change\": [count: number];\n  \"auto-save\": [text: string];\n  \"max-length-exceeded\": [currentLength: number, maxLength: number];\n}\n\nconst emit = defineEmits<Emits>();\n\nconst editorRef = ref<any>(null);\nconst cachedHtml = ref(\"\");\n\nconst wordCount = computed(() => {\n  return props.modelValue?.length || 0;\n});\n\nconst computedUploadImageConfig = computed(() => {\n  const defaultConfig = {\n    accept: \"image/*\",\n    multiple: false,\n  };\n  return props.uploadImageConfig\n    ? { ...defaultConfig, ...props.uploadImageConfig }\n    : defaultConfig;\n});\n\nonMounted(() => {\n  if (props.showWordCount && props.modelValue) {\n    emit(\"word-count-change\", props.modelValue.length);\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (props.showWordCount) {\n      emit(\"word-count-change\", newValue?.length || 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst handleInput = (value: string) => {\n  if (value.length > props.maxLength) {\n    emit(\"max-length-exceeded\", value.length, props.maxLength);\n    return;\n  }\n  emit(\"update:modelValue\", value);\n  if (props.showWordCount) {\n    emit(\"word-count-change\", value.length);\n  }\n};\n\nconst handleChange = (text: string, html: string) => {\n  cachedHtml.value = html;\n  emit(\"change\", text, html);\n  if (props.autoSave) {\n    autoSave(text);\n  }\n};\n\nconst handleSave = (text: string, html: string) => {\n  emit(\"save\", text, html);\n};\n\nconst handleUploadImage = (\n  event: Event,\n  insertImage: InsertImageFunction,\n  files: FileList,\n) => {\n  emit(\"upload-image\", event, insertImage, files);\n};\n\nconst handleFullscreenChange = (isFullscreen: boolean) => {\n  emit(\"fullscreen-change\", isFullscreen);\n};\n\nconst handleCopyCodeSuccess = (text: string) => {\n  emit(\"copy-code-success\", text);\n};\n\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst autoSave = (text: string) => {\n  if (autoSaveTimer) clearTimeout(autoSaveTimer);\n  autoSaveTimer = setTimeout(() => {\n    emit(\"auto-save\", text);\n  }, props.autoSaveInterval);\n};\n\nconst focus = () => {\n  editorRef.value?.focus();\n};\n\nconst getHtml = (): string => {\n  return cachedHtml.value;\n};\n\nconst insertText = (text: string) => {\n  editorRef.value?.insert((selected: string) => ({\n    text: `${selected}${text}`,\n    selected: text,\n  }));\n};\n\ndefineExpose({\n  focus,\n  getHtml,\n  insertText,\n  wordCount,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"8hCEyEA,IAAM,EAAQ,EAoCR,EAAO,EAEP,GAAA,EAAA,EAAA,KAAqB,KAAK,CAC1B,GAAA,EAAA,EAAA,KAAiB,GAAG,CAEpB,GAAA,EAAA,EAAA,cACG,EAAM,YAAY,QAAU,EACnC,CAEI,GAAA,EAAA,EAAA,cAA2C,CAC/C,IAAM,EAAgB,CACpB,OAAQ,UACR,SAAU,GACX,CACD,OAAO,EAAM,kBACT,CAAE,GAAG,EAAe,GAAG,EAAM,kBAAkB,CAC/C,GACJ,EAEF,EAAA,EAAA,eAAgB,CACV,EAAM,eAAiB,EAAM,YAC/B,EAAK,oBAAqB,EAAM,WAAW,OAAO,EAEpD,EAEF,EAAA,EAAA,WACQ,EAAM,WACX,GAAa,CACR,EAAM,eACR,EAAK,oBAAqB,GAAU,QAAU,EAAE,EAGpD,CAAE,UAAW,GAAM,CACpB,CAED,IAAM,EAAe,GAAkB,CACrC,GAAI,EAAM,OAAS,EAAM,UAAW,CAClC,EAAK,sBAAuB,EAAM,OAAQ,EAAM,UAAU,CAC1D,OAEF,EAAK,oBAAqB,EAAM,CAC5B,EAAM,eACR,EAAK,oBAAqB,EAAM,OAAO,EAIrC,GAAgB,EAAc,IAAiB,CACnD,EAAW,MAAQ,EACnB,EAAK,SAAU,EAAM,EAAK,CACtB,EAAM,UACR,EAAS,EAAK,EAIZ,GAAc,EAAc,IAAiB,CACjD,EAAK,OAAQ,EAAM,EAAK,EAGpB,GACJ,EACA,EACA,IACG,CACH,EAAK,eAAgB,EAAO,EAAa,EAAM,EAG3C,EAA0B,GAA0B,CACxD,EAAK,oBAAqB,EAAa,EAGnC,EAAyB,GAAiB,CAC9C,EAAK,oBAAqB,EAAK,EAG7B,EAAsD,KAEpD,EAAY,GAAiB,CAC7B,GAAe,aAAa,EAAc,CAC9C,EAAgB,eAAiB,CAC/B,EAAK,YAAa,EAAK,EACtB,EAAM,iBAAiB,SAkB5B,EAAa,CACX,UAhBkB,CAClB,EAAU,OAAO,OAAO,EAgBxB,YAZO,EAAW,MAalB,WAVkB,GAAiB,CACnC,EAAU,OAAO,OAAQ,IAAsB,CAC7C,KAAM,GAAG,IAAW,IACpB,SAAU,EACX,EAAE,EAOH,YACD,CAAC,oDArLM,MAAA,CAvBD,OAAA,EAAA,EAAA,gBAAK,CAAC,qBAAoB,CAAA,UAAsBA,EAAAA,OAAM,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAsBvD,EAAA,QAAA,CAAA,SApBI,YAAJ,IAAI,EACH,cAAaC,EAAAA,WACb,OAAQC,EAAAA,OACR,YAAaC,EAAAA,YACb,QAASC,EAAAA,QACT,KAAMC,EAAAA,KACN,sBAAqB,EAAA,MACrB,mBAAkBC,EAAAA,eAClB,qBAAoBC,EAAAA,kBACpB,UAAWC,EAAAA,UACX,gBAAeC,EAAAA,aACf,eAAcC,EAAAA,YACd,gBAAeC,EAAAA,aACf,mBAAkB,GAClB,sBAAoB,EACpB,SAAQ,EACR,OAAM,EACN,cAAc,EACd,mBAAmB,EACnB,kBAAmB"}
+{"version":3,"file":"C_Markdown.js","names":["isDark","modelValue","height","placeholder","toolbar","mode","tocNavPosition","defaultFullscreen","autofocus","includeLevel","leftToolbar","rightToolbar"],"sources":["../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-20\r\n * @Description: Markdown 编辑器封装组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-markdown-wrapper\"\r\n    :class=\"{ 'is-dark': isDark }\"\r\n  >\r\n    <VMdEditor\r\n      ref=\"editorRef\"\r\n      :model-value=\"modelValue\"\r\n      :height=\"height\"\r\n      :placeholder=\"placeholder\"\r\n      :toolbar=\"toolbar\"\r\n      :mode=\"mode\"\r\n      :upload-image-config=\"computedUploadImageConfig\"\r\n      :toc-nav-position=\"tocNavPosition\"\r\n      :default-fullscreen=\"defaultFullscreen\"\r\n      :autofocus=\"autofocus\"\r\n      :include-level=\"includeLevel\"\r\n      :left-toolbar=\"leftToolbar\"\r\n      :right-toolbar=\"rightToolbar\"\r\n      :default-show-toc=\"true\"\r\n      @update:model-value=\"handleInput\"\r\n      @change=\"handleChange\"\r\n      @save=\"handleSave\"\r\n      @upload-image=\"handleUploadImage\"\r\n      @fullscreen-change=\"handleFullscreenChange\"\r\n      @copy-code-success=\"handleCopyCodeSuccess\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, onMounted } from 'vue'\r\n  import VMdEditor from '@kangc/v-md-editor'\r\n\r\n  defineOptions({ name: 'C_Markdown' })\r\n\r\n  export type InsertImageFunction = (config: {\r\n    url: string\r\n    desc?: string\r\n    width?: string | number\r\n    height?: string | number\r\n  }) => void\r\n\r\n  interface Props {\r\n    modelValue?: string\r\n    height?: string | number\r\n    disabled?: boolean\r\n    placeholder?: string\r\n    mode?: 'edit' | 'editable' | 'preview'\r\n    toolbar?: object\r\n    uploadImageConfig?: {\r\n      accept?: string\r\n      multiple?: boolean\r\n      [key: string]: any\r\n    }\r\n    tocNavPosition?: 'left' | 'right'\r\n    defaultFullscreen?: boolean\r\n    autofocus?: boolean\r\n    includeLevel?: number[]\r\n    leftToolbar?: string\r\n    rightToolbar?: string\r\n    maxLength?: number\r\n    showWordCount?: boolean\r\n    autoSave?: boolean\r\n    autoSaveInterval?: number\r\n    /** 是否为暗色主题（外部传入） */\r\n    isDark?: boolean\r\n  }\r\n\r\n  const props = withDefaults(defineProps<Props>(), {\r\n    modelValue: '',\r\n    height: '400px',\r\n    disabled: false,\r\n    placeholder: '请输入 Markdown 内容...',\r\n    mode: 'editable',\r\n    tocNavPosition: 'right',\r\n    defaultFullscreen: false,\r\n    autofocus: false,\r\n    includeLevel: () => [1, 2, 3, 4, 5, 6],\r\n    leftToolbar:\r\n      'undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save',\r\n    rightToolbar: 'preview toc sync-scroll fullscreen',\r\n    maxLength: 50000,\r\n    showWordCount: true,\r\n    autoSave: false,\r\n    autoSaveInterval: 30000,\r\n    isDark: false,\r\n  })\r\n\r\n  interface Emits {\r\n    'update:modelValue': [value: string]\r\n    change: [text: string, html: string]\r\n    save: [text: string, html: string]\r\n    'upload-image': [\r\n      event: Event,\r\n      insertImage: InsertImageFunction,\r\n      files: FileList,\r\n    ]\r\n    'fullscreen-change': [isFullscreen: boolean]\r\n    'copy-code-success': [text: string]\r\n    'word-count-change': [count: number]\r\n    'auto-save': [text: string]\r\n    'max-length-exceeded': [currentLength: number, maxLength: number]\r\n  }\r\n\r\n  const emit = defineEmits<Emits>()\r\n\r\n  const editorRef = ref<any>(null)\r\n  const cachedHtml = ref('')\r\n\r\n  const wordCount = computed(() => {\r\n    return props.modelValue?.length || 0\r\n  })\r\n\r\n  const computedUploadImageConfig = computed(() => {\r\n    const defaultConfig = {\r\n      accept: 'image/*',\r\n      multiple: false,\r\n    }\r\n    return props.uploadImageConfig\r\n      ? { ...defaultConfig, ...props.uploadImageConfig }\r\n      : defaultConfig\r\n  })\r\n\r\n  onMounted(() => {\r\n    if (props.showWordCount && props.modelValue) {\r\n      emit('word-count-change', props.modelValue.length)\r\n    }\r\n  })\r\n\r\n  watch(\r\n    () => props.modelValue,\r\n    newValue => {\r\n      if (props.showWordCount) {\r\n        emit('word-count-change', newValue?.length || 0)\r\n      }\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  const handleInput = (value: string) => {\r\n    if (value.length > props.maxLength) {\r\n      emit('max-length-exceeded', value.length, props.maxLength)\r\n      return\r\n    }\r\n    emit('update:modelValue', value)\r\n    if (props.showWordCount) {\r\n      emit('word-count-change', value.length)\r\n    }\r\n  }\r\n\r\n  const handleChange = (text: string, html: string) => {\r\n    cachedHtml.value = html\r\n    emit('change', text, html)\r\n    if (props.autoSave) {\r\n      autoSave(text)\r\n    }\r\n  }\r\n\r\n  const handleSave = (text: string, html: string) => {\r\n    emit('save', text, html)\r\n  }\r\n\r\n  const handleUploadImage = (\r\n    event: Event,\r\n    insertImage: InsertImageFunction,\r\n    files: FileList\r\n  ) => {\r\n    emit('upload-image', event, insertImage, files)\r\n  }\r\n\r\n  const handleFullscreenChange = (isFullscreen: boolean) => {\r\n    emit('fullscreen-change', isFullscreen)\r\n  }\r\n\r\n  const handleCopyCodeSuccess = (text: string) => {\r\n    emit('copy-code-success', text)\r\n  }\r\n\r\n  let autoSaveTimer: ReturnType<typeof setTimeout> | null = null\r\n\r\n  const autoSave = (text: string) => {\r\n    if (autoSaveTimer) clearTimeout(autoSaveTimer)\r\n    autoSaveTimer = setTimeout(() => {\r\n      emit('auto-save', text)\r\n    }, props.autoSaveInterval)\r\n  }\r\n\r\n  const focus = () => {\r\n    editorRef.value?.focus()\r\n  }\r\n\r\n  const getHtml = (): string => {\r\n    return cachedHtml.value\r\n  }\r\n\r\n  const insertText = (text: string) => {\r\n    editorRef.value?.insert((selected: string) => ({\r\n      text: `${selected}${text}`,\r\n      selected: text,\r\n    }))\r\n  }\r\n\r\n  defineExpose({\r\n    focus,\r\n    getHtml,\r\n    insertText,\r\n    wordCount,\r\n  })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  @use './index.scss';\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-20\r\n * @Description: Markdown 编辑器封装组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-markdown-wrapper\"\r\n    :class=\"{ 'is-dark': isDark }\"\r\n  >\r\n    <VMdEditor\r\n      ref=\"editorRef\"\r\n      :model-value=\"modelValue\"\r\n      :height=\"height\"\r\n      :placeholder=\"placeholder\"\r\n      :toolbar=\"toolbar\"\r\n      :mode=\"mode\"\r\n      :upload-image-config=\"computedUploadImageConfig\"\r\n      :toc-nav-position=\"tocNavPosition\"\r\n      :default-fullscreen=\"defaultFullscreen\"\r\n      :autofocus=\"autofocus\"\r\n      :include-level=\"includeLevel\"\r\n      :left-toolbar=\"leftToolbar\"\r\n      :right-toolbar=\"rightToolbar\"\r\n      :default-show-toc=\"true\"\r\n      @update:model-value=\"handleInput\"\r\n      @change=\"handleChange\"\r\n      @save=\"handleSave\"\r\n      @upload-image=\"handleUploadImage\"\r\n      @fullscreen-change=\"handleFullscreenChange\"\r\n      @copy-code-success=\"handleCopyCodeSuccess\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, onMounted } from 'vue'\r\n  import VMdEditor from '@kangc/v-md-editor'\r\n\r\n  defineOptions({ name: 'C_Markdown' })\r\n\r\n  export type InsertImageFunction = (config: {\r\n    url: string\r\n    desc?: string\r\n    width?: string | number\r\n    height?: string | number\r\n  }) => void\r\n\r\n  interface Props {\r\n    modelValue?: string\r\n    height?: string | number\r\n    disabled?: boolean\r\n    placeholder?: string\r\n    mode?: 'edit' | 'editable' | 'preview'\r\n    toolbar?: object\r\n    uploadImageConfig?: {\r\n      accept?: string\r\n      multiple?: boolean\r\n      [key: string]: any\r\n    }\r\n    tocNavPosition?: 'left' | 'right'\r\n    defaultFullscreen?: boolean\r\n    autofocus?: boolean\r\n    includeLevel?: number[]\r\n    leftToolbar?: string\r\n    rightToolbar?: string\r\n    maxLength?: number\r\n    showWordCount?: boolean\r\n    autoSave?: boolean\r\n    autoSaveInterval?: number\r\n    /** 是否为暗色主题（外部传入） */\r\n    isDark?: boolean\r\n  }\r\n\r\n  const props = withDefaults(defineProps<Props>(), {\r\n    modelValue: '',\r\n    height: '400px',\r\n    disabled: false,\r\n    placeholder: '请输入 Markdown 内容...',\r\n    mode: 'editable',\r\n    tocNavPosition: 'right',\r\n    defaultFullscreen: false,\r\n    autofocus: false,\r\n    includeLevel: () => [1, 2, 3, 4, 5, 6],\r\n    leftToolbar:\r\n      'undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save',\r\n    rightToolbar: 'preview toc sync-scroll fullscreen',\r\n    maxLength: 50000,\r\n    showWordCount: true,\r\n    autoSave: false,\r\n    autoSaveInterval: 30000,\r\n    isDark: false,\r\n  })\r\n\r\n  interface Emits {\r\n    'update:modelValue': [value: string]\r\n    change: [text: string, html: string]\r\n    save: [text: string, html: string]\r\n    'upload-image': [\r\n      event: Event,\r\n      insertImage: InsertImageFunction,\r\n      files: FileList,\r\n    ]\r\n    'fullscreen-change': [isFullscreen: boolean]\r\n    'copy-code-success': [text: string]\r\n    'word-count-change': [count: number]\r\n    'auto-save': [text: string]\r\n    'max-length-exceeded': [currentLength: number, maxLength: number]\r\n  }\r\n\r\n  const emit = defineEmits<Emits>()\r\n\r\n  const editorRef = ref<any>(null)\r\n  const cachedHtml = ref('')\r\n\r\n  const wordCount = computed(() => {\r\n    return props.modelValue?.length || 0\r\n  })\r\n\r\n  const computedUploadImageConfig = computed(() => {\r\n    const defaultConfig = {\r\n      accept: 'image/*',\r\n      multiple: false,\r\n    }\r\n    return props.uploadImageConfig\r\n      ? { ...defaultConfig, ...props.uploadImageConfig }\r\n      : defaultConfig\r\n  })\r\n\r\n  onMounted(() => {\r\n    if (props.showWordCount && props.modelValue) {\r\n      emit('word-count-change', props.modelValue.length)\r\n    }\r\n  })\r\n\r\n  watch(\r\n    () => props.modelValue,\r\n    newValue => {\r\n      if (props.showWordCount) {\r\n        emit('word-count-change', newValue?.length || 0)\r\n      }\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  const handleInput = (value: string) => {\r\n    if (value.length > props.maxLength) {\r\n      emit('max-length-exceeded', value.length, props.maxLength)\r\n      return\r\n    }\r\n    emit('update:modelValue', value)\r\n    if (props.showWordCount) {\r\n      emit('word-count-change', value.length)\r\n    }\r\n  }\r\n\r\n  const handleChange = (text: string, html: string) => {\r\n    cachedHtml.value = html\r\n    emit('change', text, html)\r\n    if (props.autoSave) {\r\n      autoSave(text)\r\n    }\r\n  }\r\n\r\n  const handleSave = (text: string, html: string) => {\r\n    emit('save', text, html)\r\n  }\r\n\r\n  const handleUploadImage = (\r\n    event: Event,\r\n    insertImage: InsertImageFunction,\r\n    files: FileList\r\n  ) => {\r\n    emit('upload-image', event, insertImage, files)\r\n  }\r\n\r\n  const handleFullscreenChange = (isFullscreen: boolean) => {\r\n    emit('fullscreen-change', isFullscreen)\r\n  }\r\n\r\n  const handleCopyCodeSuccess = (text: string) => {\r\n    emit('copy-code-success', text)\r\n  }\r\n\r\n  let autoSaveTimer: ReturnType<typeof setTimeout> | null = null\r\n\r\n  const autoSave = (text: string) => {\r\n    if (autoSaveTimer) clearTimeout(autoSaveTimer)\r\n    autoSaveTimer = setTimeout(() => {\r\n      emit('auto-save', text)\r\n    }, props.autoSaveInterval)\r\n  }\r\n\r\n  const focus = () => {\r\n    editorRef.value?.focus()\r\n  }\r\n\r\n  const getHtml = (): string => {\r\n    return cachedHtml.value\r\n  }\r\n\r\n  const insertText = (text: string) => {\r\n    editorRef.value?.insert((selected: string) => ({\r\n      text: `${selected}${text}`,\r\n      selected: text,\r\n    }))\r\n  }\r\n\r\n  defineExpose({\r\n    focus,\r\n    getHtml,\r\n    insertText,\r\n    wordCount,\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-06-20\r\n * @Description: Markdown 编辑器封装组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-markdown-wrapper\"\r\n    :class=\"{ 'is-dark': isDark }\"\r\n  >\r\n    <VMdEditor\r\n      ref=\"editorRef\"\r\n      :model-value=\"modelValue\"\r\n      :height=\"height\"\r\n      :placeholder=\"placeholder\"\r\n      :toolbar=\"toolbar\"\r\n      :mode=\"mode\"\r\n      :upload-image-config=\"computedUploadImageConfig\"\r\n      :toc-nav-position=\"tocNavPosition\"\r\n      :default-fullscreen=\"defaultFullscreen\"\r\n      :autofocus=\"autofocus\"\r\n      :include-level=\"includeLevel\"\r\n      :left-toolbar=\"leftToolbar\"\r\n      :right-toolbar=\"rightToolbar\"\r\n      :default-show-toc=\"true\"\r\n      @update:model-value=\"handleInput\"\r\n      @change=\"handleChange\"\r\n      @save=\"handleSave\"\r\n      @upload-image=\"handleUploadImage\"\r\n      @fullscreen-change=\"handleFullscreenChange\"\r\n      @copy-code-success=\"handleCopyCodeSuccess\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, onMounted } from 'vue'\r\n  import VMdEditor from '@kangc/v-md-editor'\r\n\r\n  defineOptions({ name: 'C_Markdown' })\r\n\r\n  export type InsertImageFunction = (config: {\r\n    url: string\r\n    desc?: string\r\n    width?: string | number\r\n    height?: string | number\r\n  }) => void\r\n\r\n  interface Props {\r\n    modelValue?: string\r\n    height?: string | number\r\n    disabled?: boolean\r\n    placeholder?: string\r\n    mode?: 'edit' | 'editable' | 'preview'\r\n    toolbar?: object\r\n    uploadImageConfig?: {\r\n      accept?: string\r\n      multiple?: boolean\r\n      [key: string]: any\r\n    }\r\n    tocNavPosition?: 'left' | 'right'\r\n    defaultFullscreen?: boolean\r\n    autofocus?: boolean\r\n    includeLevel?: number[]\r\n    leftToolbar?: string\r\n    rightToolbar?: string\r\n    maxLength?: number\r\n    showWordCount?: boolean\r\n    autoSave?: boolean\r\n    autoSaveInterval?: number\r\n    /** 是否为暗色主题（外部传入） */\r\n    isDark?: boolean\r\n  }\r\n\r\n  const props = withDefaults(defineProps<Props>(), {\r\n    modelValue: '',\r\n    height: '400px',\r\n    disabled: false,\r\n    placeholder: '请输入 Markdown 内容...',\r\n    mode: 'editable',\r\n    tocNavPosition: 'right',\r\n    defaultFullscreen: false,\r\n    autofocus: false,\r\n    includeLevel: () => [1, 2, 3, 4, 5, 6],\r\n    leftToolbar:\r\n      'undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save',\r\n    rightToolbar: 'preview toc sync-scroll fullscreen',\r\n    maxLength: 50000,\r\n    showWordCount: true,\r\n    autoSave: false,\r\n    autoSaveInterval: 30000,\r\n    isDark: false,\r\n  })\r\n\r\n  interface Emits {\r\n    'update:modelValue': [value: string]\r\n    change: [text: string, html: string]\r\n    save: [text: string, html: string]\r\n    'upload-image': [\r\n      event: Event,\r\n      insertImage: InsertImageFunction,\r\n      files: FileList,\r\n    ]\r\n    'fullscreen-change': [isFullscreen: boolean]\r\n    'copy-code-success': [text: string]\r\n    'word-count-change': [count: number]\r\n    'auto-save': [text: string]\r\n    'max-length-exceeded': [currentLength: number, maxLength: number]\r\n  }\r\n\r\n  const emit = defineEmits<Emits>()\r\n\r\n  const editorRef = ref<any>(null)\r\n  const cachedHtml = ref('')\r\n\r\n  const wordCount = computed(() => {\r\n    return props.modelValue?.length || 0\r\n  })\r\n\r\n  const computedUploadImageConfig = computed(() => {\r\n    const defaultConfig = {\r\n      accept: 'image/*',\r\n      multiple: false,\r\n    }\r\n    return props.uploadImageConfig\r\n      ? { ...defaultConfig, ...props.uploadImageConfig }\r\n      : defaultConfig\r\n  })\r\n\r\n  onMounted(() => {\r\n    if (props.showWordCount && props.modelValue) {\r\n      emit('word-count-change', props.modelValue.length)\r\n    }\r\n  })\r\n\r\n  watch(\r\n    () => props.modelValue,\r\n    newValue => {\r\n      if (props.showWordCount) {\r\n        emit('word-count-change', newValue?.length || 0)\r\n      }\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  const handleInput = (value: string) => {\r\n    if (value.length > props.maxLength) {\r\n      emit('max-length-exceeded', value.length, props.maxLength)\r\n      return\r\n    }\r\n    emit('update:modelValue', value)\r\n    if (props.showWordCount) {\r\n      emit('word-count-change', value.length)\r\n    }\r\n  }\r\n\r\n  const handleChange = (text: string, html: string) => {\r\n    cachedHtml.value = html\r\n    emit('change', text, html)\r\n    if (props.autoSave) {\r\n      autoSave(text)\r\n    }\r\n  }\r\n\r\n  const handleSave = (text: string, html: string) => {\r\n    emit('save', text, html)\r\n  }\r\n\r\n  const handleUploadImage = (\r\n    event: Event,\r\n    insertImage: InsertImageFunction,\r\n    files: FileList\r\n  ) => {\r\n    emit('upload-image', event, insertImage, files)\r\n  }\r\n\r\n  const handleFullscreenChange = (isFullscreen: boolean) => {\r\n    emit('fullscreen-change', isFullscreen)\r\n  }\r\n\r\n  const handleCopyCodeSuccess = (text: string) => {\r\n    emit('copy-code-success', text)\r\n  }\r\n\r\n  let autoSaveTimer: ReturnType<typeof setTimeout> | null = null\r\n\r\n  const autoSave = (text: string) => {\r\n    if (autoSaveTimer) clearTimeout(autoSaveTimer)\r\n    autoSaveTimer = setTimeout(() => {\r\n      emit('auto-save', text)\r\n    }, props.autoSaveInterval)\r\n  }\r\n\r\n  const focus = () => {\r\n    editorRef.value?.focus()\r\n  }\r\n\r\n  const getHtml = (): string => {\r\n    return cachedHtml.value\r\n  }\r\n\r\n  const insertText = (text: string) => {\r\n    editorRef.value?.insert((selected: string) => ({\r\n      text: `${selected}${text}`,\r\n      selected: text,\r\n    }))\r\n  }\r\n\r\n  defineExpose({\r\n    focus,\r\n    getHtml,\r\n    insertText,\r\n    wordCount,\r\n  })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  @use './index.scss';\r\n</style>\r\n"],"mappings":"8hCE4EE,IAAM,EAAQ,EAoCR,EAAO,EAEP,GAAA,EAAA,EAAA,KAAqB,KAAK,CAC1B,GAAA,EAAA,EAAA,KAAiB,GAAG,CAEpB,GAAA,EAAA,EAAA,cACG,EAAM,YAAY,QAAU,EACnC,CAEI,GAAA,EAAA,EAAA,cAA2C,CAC/C,IAAM,EAAgB,CACpB,OAAQ,UACR,SAAU,GACX,CACD,OAAO,EAAM,kBACT,CAAE,GAAG,EAAe,GAAG,EAAM,kBAAmB,CAChD,GACJ,EAEF,EAAA,EAAA,eAAgB,CACV,EAAM,eAAiB,EAAM,YAC/B,EAAK,oBAAqB,EAAM,WAAW,OAAO,EAEpD,EAEF,EAAA,EAAA,WACQ,EAAM,WACZ,GAAY,CACN,EAAM,eACR,EAAK,oBAAqB,GAAU,QAAU,EAAE,EAGpD,CAAE,UAAW,GAAM,CACpB,CAED,IAAM,EAAe,GAAkB,CACrC,GAAI,EAAM,OAAS,EAAM,UAAW,CAClC,EAAK,sBAAuB,EAAM,OAAQ,EAAM,UAAU,CAC1D,OAEF,EAAK,oBAAqB,EAAM,CAC5B,EAAM,eACR,EAAK,oBAAqB,EAAM,OAAO,EAIrC,GAAgB,EAAc,IAAiB,CACnD,EAAW,MAAQ,EACnB,EAAK,SAAU,EAAM,EAAK,CACtB,EAAM,UACR,EAAS,EAAK,EAIZ,GAAc,EAAc,IAAiB,CACjD,EAAK,OAAQ,EAAM,EAAK,EAGpB,GACJ,EACA,EACA,IACG,CACH,EAAK,eAAgB,EAAO,EAAa,EAAM,EAG3C,EAA0B,GAA0B,CACxD,EAAK,oBAAqB,EAAa,EAGnC,EAAyB,GAAiB,CAC9C,EAAK,oBAAqB,EAAK,EAG7B,EAAsD,KAEpD,EAAY,GAAiB,CAC7B,GAAe,aAAa,EAAc,CAC9C,EAAgB,eAAiB,CAC/B,EAAK,YAAa,EAAK,EACtB,EAAM,iBAAiB,SAkB5B,EAAa,CACX,UAhBkB,CAClB,EAAU,OAAO,OAAO,EAgBxB,YAZO,EAAW,MAalB,WAVkB,GAAiB,CACnC,EAAU,OAAO,OAAQ,IAAsB,CAC7C,KAAM,GAAG,IAAW,IACpB,SAAU,EACX,EAAE,EAOH,YACD,CAAC,oDArLI,MAAA,CAzBJ,OAAA,EAAA,EAAA,gBAAK,CAAC,qBAAoB,CAAA,UACLA,EAAAA,OAAM,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAuBzB,EAAA,QAAA,CAAA,SApBI,YAAJ,IAAI,EACH,cAAaC,EAAAA,WACb,OAAQC,EAAAA,OACR,YAAaC,EAAAA,YACb,QAASC,EAAAA,QACT,KAAMC,EAAAA,KACN,sBAAqB,EAAA,MACrB,mBAAkBC,EAAAA,eAClB,qBAAoBC,EAAAA,kBACpB,UAAWC,EAAAA,UACX,gBAAeC,EAAAA,aACf,eAAcC,EAAAA,YACd,gBAAeC,EAAAA,aACf,mBAAkB,GAClB,sBAAoB,EACpB,SAAQ,EACR,OAAM,EACN,cAAc,EACd,mBAAmB,EACnB,kBAAmB"}

package/dist/C_Markdown2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./export-helper.js";import{computed as t,createElementBlock as n,createVNode as r,defineComponent as i,normalizeClass as a,onMounted as o,openBlock as s,ref as c,unref as l,watch as u}from"vue";import d from"@kangc/v-md-editor";var f=e(i({name:`C_Markdown`,__name:`index`,props:{modelValue:{default:``},height:{default:`400px`},disabled:{type:Boolean,default:!1},placeholder:{default:`请输入 Markdown 内容...`},mode:{default:`editable`},toolbar:{},uploadImageConfig:{},tocNavPosition:{default:`right`},defaultFullscreen:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},includeLevel:{default:()=>[1,2,3,4,5,6]},leftToolbar:{default:`undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save`},rightToolbar:{default:`preview toc sync-scroll fullscreen`},maxLength:{default:5e4},showWordCount:{type:Boolean,default:!0},autoSave:{type:Boolean,default:!1},autoSaveInterval:{default:3e4},isDark:{type:Boolean,default:!1}},emits:[`update:modelValue`,`change`,`save`,`upload-image`,`fullscreen-change`,`copy-code-success`,`word-count-change`,`auto-save`,`max-length-exceeded`],setup(e,{expose:i,emit:f}){let p=e,m=f,h=c(null),g=c(``),_=t(()=>p.modelValue?.length||0),v=t(()=>{let e={accept:`image/*`,multiple:!1};return p.uploadImageConfig?{...e,...p.uploadImageConfig}:e});o(()=>{p.showWordCount&&p.modelValue&&m(`word-count-change`,p.modelValue.length)}),u(()=>p.modelValue,e=>{p.showWordCount&&m(`word-count-change`,e?.length||0)},{immediate:!0});let y=e=>{if(e.length>p.maxLength){m(`max-length-exceeded`,e.length,p.maxLength);return}m(`update:modelValue`,e),p.showWordCount&&m(`word-count-change`,e.length)},b=(e,t)=>{g.value=t,m(`change`,e,t),p.autoSave&&E(e)},x=(e,t)=>{m(`save`,e,t)},S=(e,t,n)=>{m(`upload-image`,e,t,n)},C=e=>{m(`fullscreen-change`,e)},w=e=>{m(`copy-code-success`,e)},T=null,E=e=>{T&&clearTimeout(T),T=setTimeout(()=>{m(`auto-save`,e)},p.autoSaveInterval)};return i({focus:()=>{h.value?.focus()},getHtml:()=>g.value,insertText:e=>{h.value?.insert(t=>({text:`${t}${e}`,selected:e}))},wordCount:_}),(e,t)=>(s(),n(`div`,{class:a([`c-markdown-wrapper`,{"is-dark":e.isDark}])},[r(l(d),{ref_key:`editorRef`,ref:h,"model-value":e.modelValue,height:e.height,placeholder:e.placeholder,toolbar:e.toolbar,mode:e.mode,"upload-image-config":v.value,"toc-nav-position":e.tocNavPosition,"default-fullscreen":e.defaultFullscreen,autofocus:e.autofocus,"include-level":e.includeLevel,"left-toolbar":e.leftToolbar,"right-toolbar":e.rightToolbar,"default-show-toc":!0,"onUpdate:modelValue":y,onChange:b,onSave:x,onUploadImage:S,onFullscreenChange:C,onCopyCodeSuccess:w},null,8,[`model-value`,`height`,`placeholder`,`toolbar`,`mode`,`upload-image-config`,`toc-nav-position`,`default-fullscreen`,`autofocus`,`include-level`,`left-toolbar`,`right-toolbar`])],2))}}),[[`__scopeId`,`data-v-545f0ea7`]]);export{f as t};
+import{t as e}from"./export-helper.js";import{computed as t,createElementBlock as n,createVNode as r,defineComponent as i,normalizeClass as a,onMounted as o,openBlock as s,ref as c,unref as l,watch as u}from"vue";import d from"@kangc/v-md-editor";var f=e(i({name:`C_Markdown`,__name:`index`,props:{modelValue:{default:``},height:{default:`400px`},disabled:{type:Boolean,default:!1},placeholder:{default:`请输入 Markdown 内容...`},mode:{default:`editable`},toolbar:{},uploadImageConfig:{},tocNavPosition:{default:`right`},defaultFullscreen:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},includeLevel:{default:()=>[1,2,3,4,5,6]},leftToolbar:{default:`undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save`},rightToolbar:{default:`preview toc sync-scroll fullscreen`},maxLength:{default:5e4},showWordCount:{type:Boolean,default:!0},autoSave:{type:Boolean,default:!1},autoSaveInterval:{default:3e4},isDark:{type:Boolean,default:!1}},emits:[`update:modelValue`,`change`,`save`,`upload-image`,`fullscreen-change`,`copy-code-success`,`word-count-change`,`auto-save`,`max-length-exceeded`],setup(e,{expose:i,emit:f}){let p=e,m=f,h=c(null),g=c(``),_=t(()=>p.modelValue?.length||0),v=t(()=>{let e={accept:`image/*`,multiple:!1};return p.uploadImageConfig?{...e,...p.uploadImageConfig}:e});o(()=>{p.showWordCount&&p.modelValue&&m(`word-count-change`,p.modelValue.length)}),u(()=>p.modelValue,e=>{p.showWordCount&&m(`word-count-change`,e?.length||0)},{immediate:!0});let y=e=>{if(e.length>p.maxLength){m(`max-length-exceeded`,e.length,p.maxLength);return}m(`update:modelValue`,e),p.showWordCount&&m(`word-count-change`,e.length)},b=(e,t)=>{g.value=t,m(`change`,e,t),p.autoSave&&E(e)},x=(e,t)=>{m(`save`,e,t)},S=(e,t,n)=>{m(`upload-image`,e,t,n)},C=e=>{m(`fullscreen-change`,e)},w=e=>{m(`copy-code-success`,e)},T=null,E=e=>{T&&clearTimeout(T),T=setTimeout(()=>{m(`auto-save`,e)},p.autoSaveInterval)};return i({focus:()=>{h.value?.focus()},getHtml:()=>g.value,insertText:e=>{h.value?.insert(t=>({text:`${t}${e}`,selected:e}))},wordCount:_}),(e,t)=>(s(),n(`div`,{class:a([`c-markdown-wrapper`,{"is-dark":e.isDark}])},[r(l(d),{ref_key:`editorRef`,ref:h,"model-value":e.modelValue,height:e.height,placeholder:e.placeholder,toolbar:e.toolbar,mode:e.mode,"upload-image-config":v.value,"toc-nav-position":e.tocNavPosition,"default-fullscreen":e.defaultFullscreen,autofocus:e.autofocus,"include-level":e.includeLevel,"left-toolbar":e.leftToolbar,"right-toolbar":e.rightToolbar,"default-show-toc":!0,"onUpdate:modelValue":y,onChange:b,onSave:x,onUploadImage:S,onFullscreenChange:C,onCopyCodeSuccess:w},null,8,[`model-value`,`height`,`placeholder`,`toolbar`,`mode`,`upload-image-config`,`toc-nav-position`,`default-fullscreen`,`autofocus`,`include-level`,`left-toolbar`,`right-toolbar`])],2))}}),[[`__scopeId`,`data-v-67f4346d`]]);export{f as t};
 //# sourceMappingURL=C_Markdown2.js.map

package/dist/C_Markdown2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Markdown2.js","names":["isDark","modelValue","height","placeholder","toolbar","mode","tocNavPosition","defaultFullscreen","autofocus","includeLevel","leftToolbar","rightToolbar"],"sources":["../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-20\n * @Description: Markdown 编辑器封装组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\n    <VMdEditor\n      ref=\"editorRef\"\n      :model-value=\"modelValue\"\n      :height=\"height\"\n      :placeholder=\"placeholder\"\n      :toolbar=\"toolbar\"\n      :mode=\"mode\"\n      :upload-image-config=\"computedUploadImageConfig\"\n      :toc-nav-position=\"tocNavPosition\"\n      :default-fullscreen=\"defaultFullscreen\"\n      :autofocus=\"autofocus\"\n      :include-level=\"includeLevel\"\n      :left-toolbar=\"leftToolbar\"\n      :right-toolbar=\"rightToolbar\"\n      :default-show-toc=\"true\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n      @save=\"handleSave\"\n      @upload-image=\"handleUploadImage\"\n      @fullscreen-change=\"handleFullscreenChange\"\n      @copy-code-success=\"handleCopyCodeSuccess\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport VMdEditor from \"@kangc/v-md-editor\";\n\ndefineOptions({ name: \"C_Markdown\" });\n\nexport type InsertImageFunction = (config: {\n  url: string;\n  desc?: string;\n  width?: string | number;\n  height?: string | number;\n}) => void;\n\ninterface Props {\n  modelValue?: string;\n  height?: string | number;\n  disabled?: boolean;\n  placeholder?: string;\n  mode?: \"edit\" | \"editable\" | \"preview\";\n  toolbar?: object;\n  uploadImageConfig?: {\n    accept?: string;\n    multiple?: boolean;\n    [key: string]: any;\n  };\n  tocNavPosition?: \"left\" | \"right\";\n  defaultFullscreen?: boolean;\n  autofocus?: boolean;\n  includeLevel?: number[];\n  leftToolbar?: string;\n  rightToolbar?: string;\n  maxLength?: number;\n  showWordCount?: boolean;\n  autoSave?: boolean;\n  autoSaveInterval?: number;\n  /** 是否为暗色主题（外部传入） */\n  isDark?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  height: \"400px\",\n  disabled: false,\n  placeholder: \"请输入 Markdown 内容...\",\n  mode: \"editable\",\n  tocNavPosition: \"right\",\n  defaultFullscreen: false,\n  autofocus: false,\n  includeLevel: () => [1, 2, 3, 4, 5, 6],\n  leftToolbar:\n    \"undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save\",\n  rightToolbar: \"preview toc sync-scroll fullscreen\",\n  maxLength: 50000,\n  showWordCount: true,\n  autoSave: false,\n  autoSaveInterval: 30000,\n  isDark: false,\n});\n\ninterface Emits {\n  \"update:modelValue\": [value: string];\n  change: [text: string, html: string];\n  save: [text: string, html: string];\n  \"upload-image\": [\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList,\n  ];\n  \"fullscreen-change\": [isFullscreen: boolean];\n  \"copy-code-success\": [text: string];\n  \"word-count-change\": [count: number];\n  \"auto-save\": [text: string];\n  \"max-length-exceeded\": [currentLength: number, maxLength: number];\n}\n\nconst emit = defineEmits<Emits>();\n\nconst editorRef = ref<any>(null);\nconst cachedHtml = ref(\"\");\n\nconst wordCount = computed(() => {\n  return props.modelValue?.length || 0;\n});\n\nconst computedUploadImageConfig = computed(() => {\n  const defaultConfig = {\n    accept: \"image/*\",\n    multiple: false,\n  };\n  return props.uploadImageConfig\n    ? { ...defaultConfig, ...props.uploadImageConfig }\n    : defaultConfig;\n});\n\nonMounted(() => {\n  if (props.showWordCount && props.modelValue) {\n    emit(\"word-count-change\", props.modelValue.length);\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (props.showWordCount) {\n      emit(\"word-count-change\", newValue?.length || 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst handleInput = (value: string) => {\n  if (value.length > props.maxLength) {\n    emit(\"max-length-exceeded\", value.length, props.maxLength);\n    return;\n  }\n  emit(\"update:modelValue\", value);\n  if (props.showWordCount) {\n    emit(\"word-count-change\", value.length);\n  }\n};\n\nconst handleChange = (text: string, html: string) => {\n  cachedHtml.value = html;\n  emit(\"change\", text, html);\n  if (props.autoSave) {\n    autoSave(text);\n  }\n};\n\nconst handleSave = (text: string, html: string) => {\n  emit(\"save\", text, html);\n};\n\nconst handleUploadImage = (\n  event: Event,\n  insertImage: InsertImageFunction,\n  files: FileList,\n) => {\n  emit(\"upload-image\", event, insertImage, files);\n};\n\nconst handleFullscreenChange = (isFullscreen: boolean) => {\n  emit(\"fullscreen-change\", isFullscreen);\n};\n\nconst handleCopyCodeSuccess = (text: string) => {\n  emit(\"copy-code-success\", text);\n};\n\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst autoSave = (text: string) => {\n  if (autoSaveTimer) clearTimeout(autoSaveTimer);\n  autoSaveTimer = setTimeout(() => {\n    emit(\"auto-save\", text);\n  }, props.autoSaveInterval);\n};\n\nconst focus = () => {\n  editorRef.value?.focus();\n};\n\nconst getHtml = (): string => {\n  return cachedHtml.value;\n};\n\nconst insertText = (text: string) => {\n  editorRef.value?.insert((selected: string) => ({\n    text: `${selected}${text}`,\n    selected: text,\n  }));\n};\n\ndefineExpose({\n  focus,\n  getHtml,\n  insertText,\n  wordCount,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-20\n * @Description: Markdown 编辑器封装组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\n    <VMdEditor\n      ref=\"editorRef\"\n      :model-value=\"modelValue\"\n      :height=\"height\"\n      :placeholder=\"placeholder\"\n      :toolbar=\"toolbar\"\n      :mode=\"mode\"\n      :upload-image-config=\"computedUploadImageConfig\"\n      :toc-nav-position=\"tocNavPosition\"\n      :default-fullscreen=\"defaultFullscreen\"\n      :autofocus=\"autofocus\"\n      :include-level=\"includeLevel\"\n      :left-toolbar=\"leftToolbar\"\n      :right-toolbar=\"rightToolbar\"\n      :default-show-toc=\"true\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n      @save=\"handleSave\"\n      @upload-image=\"handleUploadImage\"\n      @fullscreen-change=\"handleFullscreenChange\"\n      @copy-code-success=\"handleCopyCodeSuccess\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport VMdEditor from \"@kangc/v-md-editor\";\n\ndefineOptions({ name: \"C_Markdown\" });\n\nexport type InsertImageFunction = (config: {\n  url: string;\n  desc?: string;\n  width?: string | number;\n  height?: string | number;\n}) => void;\n\ninterface Props {\n  modelValue?: string;\n  height?: string | number;\n  disabled?: boolean;\n  placeholder?: string;\n  mode?: \"edit\" | \"editable\" | \"preview\";\n  toolbar?: object;\n  uploadImageConfig?: {\n    accept?: string;\n    multiple?: boolean;\n    [key: string]: any;\n  };\n  tocNavPosition?: \"left\" | \"right\";\n  defaultFullscreen?: boolean;\n  autofocus?: boolean;\n  includeLevel?: number[];\n  leftToolbar?: string;\n  rightToolbar?: string;\n  maxLength?: number;\n  showWordCount?: boolean;\n  autoSave?: boolean;\n  autoSaveInterval?: number;\n  /** 是否为暗色主题（外部传入） */\n  isDark?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  height: \"400px\",\n  disabled: false,\n  placeholder: \"请输入 Markdown 内容...\",\n  mode: \"editable\",\n  tocNavPosition: \"right\",\n  defaultFullscreen: false,\n  autofocus: false,\n  includeLevel: () => [1, 2, 3, 4, 5, 6],\n  leftToolbar:\n    \"undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save\",\n  rightToolbar: \"preview toc sync-scroll fullscreen\",\n  maxLength: 50000,\n  showWordCount: true,\n  autoSave: false,\n  autoSaveInterval: 30000,\n  isDark: false,\n});\n\ninterface Emits {\n  \"update:modelValue\": [value: string];\n  change: [text: string, html: string];\n  save: [text: string, html: string];\n  \"upload-image\": [\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList,\n  ];\n  \"fullscreen-change\": [isFullscreen: boolean];\n  \"copy-code-success\": [text: string];\n  \"word-count-change\": [count: number];\n  \"auto-save\": [text: string];\n  \"max-length-exceeded\": [currentLength: number, maxLength: number];\n}\n\nconst emit = defineEmits<Emits>();\n\nconst editorRef = ref<any>(null);\nconst cachedHtml = ref(\"\");\n\nconst wordCount = computed(() => {\n  return props.modelValue?.length || 0;\n});\n\nconst computedUploadImageConfig = computed(() => {\n  const defaultConfig = {\n    accept: \"image/*\",\n    multiple: false,\n  };\n  return props.uploadImageConfig\n    ? { ...defaultConfig, ...props.uploadImageConfig }\n    : defaultConfig;\n});\n\nonMounted(() => {\n  if (props.showWordCount && props.modelValue) {\n    emit(\"word-count-change\", props.modelValue.length);\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (props.showWordCount) {\n      emit(\"word-count-change\", newValue?.length || 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst handleInput = (value: string) => {\n  if (value.length > props.maxLength) {\n    emit(\"max-length-exceeded\", value.length, props.maxLength);\n    return;\n  }\n  emit(\"update:modelValue\", value);\n  if (props.showWordCount) {\n    emit(\"word-count-change\", value.length);\n  }\n};\n\nconst handleChange = (text: string, html: string) => {\n  cachedHtml.value = html;\n  emit(\"change\", text, html);\n  if (props.autoSave) {\n    autoSave(text);\n  }\n};\n\nconst handleSave = (text: string, html: string) => {\n  emit(\"save\", text, html);\n};\n\nconst handleUploadImage = (\n  event: Event,\n  insertImage: InsertImageFunction,\n  files: FileList,\n) => {\n  emit(\"upload-image\", event, insertImage, files);\n};\n\nconst handleFullscreenChange = (isFullscreen: boolean) => {\n  emit(\"fullscreen-change\", isFullscreen);\n};\n\nconst handleCopyCodeSuccess = (text: string) => {\n  emit(\"copy-code-success\", text);\n};\n\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst autoSave = (text: string) => {\n  if (autoSaveTimer) clearTimeout(autoSaveTimer);\n  autoSaveTimer = setTimeout(() => {\n    emit(\"auto-save\", text);\n  }, props.autoSaveInterval);\n};\n\nconst focus = () => {\n  editorRef.value?.focus();\n};\n\nconst getHtml = (): string => {\n  return cachedHtml.value;\n};\n\nconst insertText = (text: string) => {\n  editorRef.value?.insert((selected: string) => ({\n    text: `${selected}${text}`,\n    selected: text,\n  }));\n};\n\ndefineExpose({\n  focus,\n  getHtml,\n  insertText,\n  wordCount,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-20\n * @Description: Markdown 编辑器封装组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\n    <VMdEditor\n      ref=\"editorRef\"\n      :model-value=\"modelValue\"\n      :height=\"height\"\n      :placeholder=\"placeholder\"\n      :toolbar=\"toolbar\"\n      :mode=\"mode\"\n      :upload-image-config=\"computedUploadImageConfig\"\n      :toc-nav-position=\"tocNavPosition\"\n      :default-fullscreen=\"defaultFullscreen\"\n      :autofocus=\"autofocus\"\n      :include-level=\"includeLevel\"\n      :left-toolbar=\"leftToolbar\"\n      :right-toolbar=\"rightToolbar\"\n      :default-show-toc=\"true\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n      @save=\"handleSave\"\n      @upload-image=\"handleUploadImage\"\n      @fullscreen-change=\"handleFullscreenChange\"\n      @copy-code-success=\"handleCopyCodeSuccess\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport VMdEditor from \"@kangc/v-md-editor\";\n\ndefineOptions({ name: \"C_Markdown\" });\n\nexport type InsertImageFunction = (config: {\n  url: string;\n  desc?: string;\n  width?: string | number;\n  height?: string | number;\n}) => void;\n\ninterface Props {\n  modelValue?: string;\n  height?: string | number;\n  disabled?: boolean;\n  placeholder?: string;\n  mode?: \"edit\" | \"editable\" | \"preview\";\n  toolbar?: object;\n  uploadImageConfig?: {\n    accept?: string;\n    multiple?: boolean;\n    [key: string]: any;\n  };\n  tocNavPosition?: \"left\" | \"right\";\n  defaultFullscreen?: boolean;\n  autofocus?: boolean;\n  includeLevel?: number[];\n  leftToolbar?: string;\n  rightToolbar?: string;\n  maxLength?: number;\n  showWordCount?: boolean;\n  autoSave?: boolean;\n  autoSaveInterval?: number;\n  /** 是否为暗色主题（外部传入） */\n  isDark?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  height: \"400px\",\n  disabled: false,\n  placeholder: \"请输入 Markdown 内容...\",\n  mode: \"editable\",\n  tocNavPosition: \"right\",\n  defaultFullscreen: false,\n  autofocus: false,\n  includeLevel: () => [1, 2, 3, 4, 5, 6],\n  leftToolbar:\n    \"undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save\",\n  rightToolbar: \"preview toc sync-scroll fullscreen\",\n  maxLength: 50000,\n  showWordCount: true,\n  autoSave: false,\n  autoSaveInterval: 30000,\n  isDark: false,\n});\n\ninterface Emits {\n  \"update:modelValue\": [value: string];\n  change: [text: string, html: string];\n  save: [text: string, html: string];\n  \"upload-image\": [\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList,\n  ];\n  \"fullscreen-change\": [isFullscreen: boolean];\n  \"copy-code-success\": [text: string];\n  \"word-count-change\": [count: number];\n  \"auto-save\": [text: string];\n  \"max-length-exceeded\": [currentLength: number, maxLength: number];\n}\n\nconst emit = defineEmits<Emits>();\n\nconst editorRef = ref<any>(null);\nconst cachedHtml = ref(\"\");\n\nconst wordCount = computed(() => {\n  return props.modelValue?.length || 0;\n});\n\nconst computedUploadImageConfig = computed(() => {\n  const defaultConfig = {\n    accept: \"image/*\",\n    multiple: false,\n  };\n  return props.uploadImageConfig\n    ? { ...defaultConfig, ...props.uploadImageConfig }\n    : defaultConfig;\n});\n\nonMounted(() => {\n  if (props.showWordCount && props.modelValue) {\n    emit(\"word-count-change\", props.modelValue.length);\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (props.showWordCount) {\n      emit(\"word-count-change\", newValue?.length || 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst handleInput = (value: string) => {\n  if (value.length > props.maxLength) {\n    emit(\"max-length-exceeded\", value.length, props.maxLength);\n    return;\n  }\n  emit(\"update:modelValue\", value);\n  if (props.showWordCount) {\n    emit(\"word-count-change\", value.length);\n  }\n};\n\nconst handleChange = (text: string, html: string) => {\n  cachedHtml.value = html;\n  emit(\"change\", text, html);\n  if (props.autoSave) {\n    autoSave(text);\n  }\n};\n\nconst handleSave = (text: string, html: string) => {\n  emit(\"save\", text, html);\n};\n\nconst handleUploadImage = (\n  event: Event,\n  insertImage: InsertImageFunction,\n  files: FileList,\n) => {\n  emit(\"upload-image\", event, insertImage, files);\n};\n\nconst handleFullscreenChange = (isFullscreen: boolean) => {\n  emit(\"fullscreen-change\", isFullscreen);\n};\n\nconst handleCopyCodeSuccess = (text: string) => {\n  emit(\"copy-code-success\", text);\n};\n\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst autoSave = (text: string) => {\n  if (autoSaveTimer) clearTimeout(autoSaveTimer);\n  autoSaveTimer = setTimeout(() => {\n    emit(\"auto-save\", text);\n  }, props.autoSaveInterval);\n};\n\nconst focus = () => {\n  editorRef.value?.focus();\n};\n\nconst getHtml = (): string => {\n  return cachedHtml.value;\n};\n\nconst insertText = (text: string) => {\n  editorRef.value?.insert((selected: string) => ({\n    text: `${selected}${text}`,\n    selected: text,\n  }));\n};\n\ndefineExpose({\n  focus,\n  getHtml,\n  insertText,\n  wordCount,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"uoCEyEA,IAAM,EAAQ,EAoCR,EAAO,EAEP,EAAY,EAAS,KAAK,CAC1B,EAAa,EAAI,GAAG,CAEpB,EAAY,MACT,EAAM,YAAY,QAAU,EACnC,CAEI,EAA4B,MAAe,CAC/C,IAAM,EAAgB,CACpB,OAAQ,UACR,SAAU,GACX,CACD,OAAO,EAAM,kBACT,CAAE,GAAG,EAAe,GAAG,EAAM,kBAAkB,CAC/C,GACJ,CAEF,MAAgB,CACV,EAAM,eAAiB,EAAM,YAC/B,EAAK,oBAAqB,EAAM,WAAW,OAAO,EAEpD,CAEF,MACQ,EAAM,WACX,GAAa,CACR,EAAM,eACR,EAAK,oBAAqB,GAAU,QAAU,EAAE,EAGpD,CAAE,UAAW,GAAM,CACpB,CAED,IAAM,EAAe,GAAkB,CACrC,GAAI,EAAM,OAAS,EAAM,UAAW,CAClC,EAAK,sBAAuB,EAAM,OAAQ,EAAM,UAAU,CAC1D,OAEF,EAAK,oBAAqB,EAAM,CAC5B,EAAM,eACR,EAAK,oBAAqB,EAAM,OAAO,EAIrC,GAAgB,EAAc,IAAiB,CACnD,EAAW,MAAQ,EACnB,EAAK,SAAU,EAAM,EAAK,CACtB,EAAM,UACR,EAAS,EAAK,EAIZ,GAAc,EAAc,IAAiB,CACjD,EAAK,OAAQ,EAAM,EAAK,EAGpB,GACJ,EACA,EACA,IACG,CACH,EAAK,eAAgB,EAAO,EAAa,EAAM,EAG3C,EAA0B,GAA0B,CACxD,EAAK,oBAAqB,EAAa,EAGnC,EAAyB,GAAiB,CAC9C,EAAK,oBAAqB,EAAK,EAG7B,EAAsD,KAEpD,EAAY,GAAiB,CAC7B,GAAe,aAAa,EAAc,CAC9C,EAAgB,eAAiB,CAC/B,EAAK,YAAa,EAAK,EACtB,EAAM,iBAAiB,SAkB5B,EAAa,CACX,UAhBkB,CAClB,EAAU,OAAO,OAAO,EAgBxB,YAZO,EAAW,MAalB,WAVkB,GAAiB,CACnC,EAAU,OAAO,OAAQ,IAAsB,CAC7C,KAAM,GAAG,IAAW,IACpB,SAAU,EACX,EAAE,EAOH,YACD,CAAC,aA5MA,EAuBM,MAAA,CAvBD,MAAK,EAAA,CAAC,qBAAoB,CAAA,UAAsBA,EAAAA,OAAM,CAAA,CAAA,CAAA,CAAA,CACzD,EAqBE,EAAA,EAAA,CAAA,SApBI,YAAJ,IAAI,EACH,cAAaC,EAAAA,WACb,OAAQC,EAAAA,OACR,YAAaC,EAAAA,YACb,QAASC,EAAAA,QACT,KAAMC,EAAAA,KACN,sBAAqB,EAAA,MACrB,mBAAkBC,EAAAA,eAClB,qBAAoBC,EAAAA,kBACpB,UAAWC,EAAAA,UACX,gBAAeC,EAAAA,aACf,eAAcC,EAAAA,YACd,gBAAeC,EAAAA,aACf,mBAAkB,GAClB,sBAAoB,EACpB,SAAQ,EACR,OAAM,EACN,cAAc,EACd,mBAAmB,EACnB,kBAAmB"}
+{"version":3,"file":"C_Markdown2.js","names":["isDark","modelValue","height","placeholder","toolbar","mode","tocNavPosition","defaultFullscreen","autofocus","includeLevel","leftToolbar","rightToolbar"],"sources":["../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-20\r\n * @Description: Markdown 编辑器封装组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-markdown-wrapper\"\r\n    :class=\"{ 'is-dark': isDark }\"\r\n  >\r\n    <VMdEditor\r\n      ref=\"editorRef\"\r\n      :model-value=\"modelValue\"\r\n      :height=\"height\"\r\n      :placeholder=\"placeholder\"\r\n      :toolbar=\"toolbar\"\r\n      :mode=\"mode\"\r\n      :upload-image-config=\"computedUploadImageConfig\"\r\n      :toc-nav-position=\"tocNavPosition\"\r\n      :default-fullscreen=\"defaultFullscreen\"\r\n      :autofocus=\"autofocus\"\r\n      :include-level=\"includeLevel\"\r\n      :left-toolbar=\"leftToolbar\"\r\n      :right-toolbar=\"rightToolbar\"\r\n      :default-show-toc=\"true\"\r\n      @update:model-value=\"handleInput\"\r\n      @change=\"handleChange\"\r\n      @save=\"handleSave\"\r\n      @upload-image=\"handleUploadImage\"\r\n      @fullscreen-change=\"handleFullscreenChange\"\r\n      @copy-code-success=\"handleCopyCodeSuccess\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, onMounted } from 'vue'\r\n  import VMdEditor from '@kangc/v-md-editor'\r\n\r\n  defineOptions({ name: 'C_Markdown' })\r\n\r\n  export type InsertImageFunction = (config: {\r\n    url: string\r\n    desc?: string\r\n    width?: string | number\r\n    height?: string | number\r\n  }) => void\r\n\r\n  interface Props {\r\n    modelValue?: string\r\n    height?: string | number\r\n    disabled?: boolean\r\n    placeholder?: string\r\n    mode?: 'edit' | 'editable' | 'preview'\r\n    toolbar?: object\r\n    uploadImageConfig?: {\r\n      accept?: string\r\n      multiple?: boolean\r\n      [key: string]: any\r\n    }\r\n    tocNavPosition?: 'left' | 'right'\r\n    defaultFullscreen?: boolean\r\n    autofocus?: boolean\r\n    includeLevel?: number[]\r\n    leftToolbar?: string\r\n    rightToolbar?: string\r\n    maxLength?: number\r\n    showWordCount?: boolean\r\n    autoSave?: boolean\r\n    autoSaveInterval?: number\r\n    /** 是否为暗色主题（外部传入） */\r\n    isDark?: boolean\r\n  }\r\n\r\n  const props = withDefaults(defineProps<Props>(), {\r\n    modelValue: '',\r\n    height: '400px',\r\n    disabled: false,\r\n    placeholder: '请输入 Markdown 内容...',\r\n    mode: 'editable',\r\n    tocNavPosition: 'right',\r\n    defaultFullscreen: false,\r\n    autofocus: false,\r\n    includeLevel: () => [1, 2, 3, 4, 5, 6],\r\n    leftToolbar:\r\n      'undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save',\r\n    rightToolbar: 'preview toc sync-scroll fullscreen',\r\n    maxLength: 50000,\r\n    showWordCount: true,\r\n    autoSave: false,\r\n    autoSaveInterval: 30000,\r\n    isDark: false,\r\n  })\r\n\r\n  interface Emits {\r\n    'update:modelValue': [value: string]\r\n    change: [text: string, html: string]\r\n    save: [text: string, html: string]\r\n    'upload-image': [\r\n      event: Event,\r\n      insertImage: InsertImageFunction,\r\n      files: FileList,\r\n    ]\r\n    'fullscreen-change': [isFullscreen: boolean]\r\n    'copy-code-success': [text: string]\r\n    'word-count-change': [count: number]\r\n    'auto-save': [text: string]\r\n    'max-length-exceeded': [currentLength: number, maxLength: number]\r\n  }\r\n\r\n  const emit = defineEmits<Emits>()\r\n\r\n  const editorRef = ref<any>(null)\r\n  const cachedHtml = ref('')\r\n\r\n  const wordCount = computed(() => {\r\n    return props.modelValue?.length || 0\r\n  })\r\n\r\n  const computedUploadImageConfig = computed(() => {\r\n    const defaultConfig = {\r\n      accept: 'image/*',\r\n      multiple: false,\r\n    }\r\n    return props.uploadImageConfig\r\n      ? { ...defaultConfig, ...props.uploadImageConfig }\r\n      : defaultConfig\r\n  })\r\n\r\n  onMounted(() => {\r\n    if (props.showWordCount && props.modelValue) {\r\n      emit('word-count-change', props.modelValue.length)\r\n    }\r\n  })\r\n\r\n  watch(\r\n    () => props.modelValue,\r\n    newValue => {\r\n      if (props.showWordCount) {\r\n        emit('word-count-change', newValue?.length || 0)\r\n      }\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  const handleInput = (value: string) => {\r\n    if (value.length > props.maxLength) {\r\n      emit('max-length-exceeded', value.length, props.maxLength)\r\n      return\r\n    }\r\n    emit('update:modelValue', value)\r\n    if (props.showWordCount) {\r\n      emit('word-count-change', value.length)\r\n    }\r\n  }\r\n\r\n  const handleChange = (text: string, html: string) => {\r\n    cachedHtml.value = html\r\n    emit('change', text, html)\r\n    if (props.autoSave) {\r\n      autoSave(text)\r\n    }\r\n  }\r\n\r\n  const handleSave = (text: string, html: string) => {\r\n    emit('save', text, html)\r\n  }\r\n\r\n  const handleUploadImage = (\r\n    event: Event,\r\n    insertImage: InsertImageFunction,\r\n    files: FileList\r\n  ) => {\r\n    emit('upload-image', event, insertImage, files)\r\n  }\r\n\r\n  const handleFullscreenChange = (isFullscreen: boolean) => {\r\n    emit('fullscreen-change', isFullscreen)\r\n  }\r\n\r\n  const handleCopyCodeSuccess = (text: string) => {\r\n    emit('copy-code-success', text)\r\n  }\r\n\r\n  let autoSaveTimer: ReturnType<typeof setTimeout> | null = null\r\n\r\n  const autoSave = (text: string) => {\r\n    if (autoSaveTimer) clearTimeout(autoSaveTimer)\r\n    autoSaveTimer = setTimeout(() => {\r\n      emit('auto-save', text)\r\n    }, props.autoSaveInterval)\r\n  }\r\n\r\n  const focus = () => {\r\n    editorRef.value?.focus()\r\n  }\r\n\r\n  const getHtml = (): string => {\r\n    return cachedHtml.value\r\n  }\r\n\r\n  const insertText = (text: string) => {\r\n    editorRef.value?.insert((selected: string) => ({\r\n      text: `${selected}${text}`,\r\n      selected: text,\r\n    }))\r\n  }\r\n\r\n  defineExpose({\r\n    focus,\r\n    getHtml,\r\n    insertText,\r\n    wordCount,\r\n  })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  @use './index.scss';\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-20\r\n * @Description: Markdown 编辑器封装组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-markdown-wrapper\"\r\n    :class=\"{ 'is-dark': isDark }\"\r\n  >\r\n    <VMdEditor\r\n      ref=\"editorRef\"\r\n      :model-value=\"modelValue\"\r\n      :height=\"height\"\r\n      :placeholder=\"placeholder\"\r\n      :toolbar=\"toolbar\"\r\n      :mode=\"mode\"\r\n      :upload-image-config=\"computedUploadImageConfig\"\r\n      :toc-nav-position=\"tocNavPosition\"\r\n      :default-fullscreen=\"defaultFullscreen\"\r\n      :autofocus=\"autofocus\"\r\n      :include-level=\"includeLevel\"\r\n      :left-toolbar=\"leftToolbar\"\r\n      :right-toolbar=\"rightToolbar\"\r\n      :default-show-toc=\"true\"\r\n      @update:model-value=\"handleInput\"\r\n      @change=\"handleChange\"\r\n      @save=\"handleSave\"\r\n      @upload-image=\"handleUploadImage\"\r\n      @fullscreen-change=\"handleFullscreenChange\"\r\n      @copy-code-success=\"handleCopyCodeSuccess\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, onMounted } from 'vue'\r\n  import VMdEditor from '@kangc/v-md-editor'\r\n\r\n  defineOptions({ name: 'C_Markdown' })\r\n\r\n  export type InsertImageFunction = (config: {\r\n    url: string\r\n    desc?: string\r\n    width?: string | number\r\n    height?: string | number\r\n  }) => void\r\n\r\n  interface Props {\r\n    modelValue?: string\r\n    height?: string | number\r\n    disabled?: boolean\r\n    placeholder?: string\r\n    mode?: 'edit' | 'editable' | 'preview'\r\n    toolbar?: object\r\n    uploadImageConfig?: {\r\n      accept?: string\r\n      multiple?: boolean\r\n      [key: string]: any\r\n    }\r\n    tocNavPosition?: 'left' | 'right'\r\n    defaultFullscreen?: boolean\r\n    autofocus?: boolean\r\n    includeLevel?: number[]\r\n    leftToolbar?: string\r\n    rightToolbar?: string\r\n    maxLength?: number\r\n    showWordCount?: boolean\r\n    autoSave?: boolean\r\n    autoSaveInterval?: number\r\n    /** 是否为暗色主题（外部传入） */\r\n    isDark?: boolean\r\n  }\r\n\r\n  const props = withDefaults(defineProps<Props>(), {\r\n    modelValue: '',\r\n    height: '400px',\r\n    disabled: false,\r\n    placeholder: '请输入 Markdown 内容...',\r\n    mode: 'editable',\r\n    tocNavPosition: 'right',\r\n    defaultFullscreen: false,\r\n    autofocus: false,\r\n    includeLevel: () => [1, 2, 3, 4, 5, 6],\r\n    leftToolbar:\r\n      'undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save',\r\n    rightToolbar: 'preview toc sync-scroll fullscreen',\r\n    maxLength: 50000,\r\n    showWordCount: true,\r\n    autoSave: false,\r\n    autoSaveInterval: 30000,\r\n    isDark: false,\r\n  })\r\n\r\n  interface Emits {\r\n    'update:modelValue': [value: string]\r\n    change: [text: string, html: string]\r\n    save: [text: string, html: string]\r\n    'upload-image': [\r\n      event: Event,\r\n      insertImage: InsertImageFunction,\r\n      files: FileList,\r\n    ]\r\n    'fullscreen-change': [isFullscreen: boolean]\r\n    'copy-code-success': [text: string]\r\n    'word-count-change': [count: number]\r\n    'auto-save': [text: string]\r\n    'max-length-exceeded': [currentLength: number, maxLength: number]\r\n  }\r\n\r\n  const emit = defineEmits<Emits>()\r\n\r\n  const editorRef = ref<any>(null)\r\n  const cachedHtml = ref('')\r\n\r\n  const wordCount = computed(() => {\r\n    return props.modelValue?.length || 0\r\n  })\r\n\r\n  const computedUploadImageConfig = computed(() => {\r\n    const defaultConfig = {\r\n      accept: 'image/*',\r\n      multiple: false,\r\n    }\r\n    return props.uploadImageConfig\r\n      ? { ...defaultConfig, ...props.uploadImageConfig }\r\n      : defaultConfig\r\n  })\r\n\r\n  onMounted(() => {\r\n    if (props.showWordCount && props.modelValue) {\r\n      emit('word-count-change', props.modelValue.length)\r\n    }\r\n  })\r\n\r\n  watch(\r\n    () => props.modelValue,\r\n    newValue => {\r\n      if (props.showWordCount) {\r\n        emit('word-count-change', newValue?.length || 0)\r\n      }\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  const handleInput = (value: string) => {\r\n    if (value.length > props.maxLength) {\r\n      emit('max-length-exceeded', value.length, props.maxLength)\r\n      return\r\n    }\r\n    emit('update:modelValue', value)\r\n    if (props.showWordCount) {\r\n      emit('word-count-change', value.length)\r\n    }\r\n  }\r\n\r\n  const handleChange = (text: string, html: string) => {\r\n    cachedHtml.value = html\r\n    emit('change', text, html)\r\n    if (props.autoSave) {\r\n      autoSave(text)\r\n    }\r\n  }\r\n\r\n  const handleSave = (text: string, html: string) => {\r\n    emit('save', text, html)\r\n  }\r\n\r\n  const handleUploadImage = (\r\n    event: Event,\r\n    insertImage: InsertImageFunction,\r\n    files: FileList\r\n  ) => {\r\n    emit('upload-image', event, insertImage, files)\r\n  }\r\n\r\n  const handleFullscreenChange = (isFullscreen: boolean) => {\r\n    emit('fullscreen-change', isFullscreen)\r\n  }\r\n\r\n  const handleCopyCodeSuccess = (text: string) => {\r\n    emit('copy-code-success', text)\r\n  }\r\n\r\n  let autoSaveTimer: ReturnType<typeof setTimeout> | null = null\r\n\r\n  const autoSave = (text: string) => {\r\n    if (autoSaveTimer) clearTimeout(autoSaveTimer)\r\n    autoSaveTimer = setTimeout(() => {\r\n      emit('auto-save', text)\r\n    }, props.autoSaveInterval)\r\n  }\r\n\r\n  const focus = () => {\r\n    editorRef.value?.focus()\r\n  }\r\n\r\n  const getHtml = (): string => {\r\n    return cachedHtml.value\r\n  }\r\n\r\n  const insertText = (text: string) => {\r\n    editorRef.value?.insert((selected: string) => ({\r\n      text: `${selected}${text}`,\r\n      selected: text,\r\n    }))\r\n  }\r\n\r\n  defineExpose({\r\n    focus,\r\n    getHtml,\r\n    insertText,\r\n    wordCount,\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-06-20\r\n * @Description: Markdown 编辑器封装组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-markdown-wrapper\"\r\n    :class=\"{ 'is-dark': isDark }\"\r\n  >\r\n    <VMdEditor\r\n      ref=\"editorRef\"\r\n      :model-value=\"modelValue\"\r\n      :height=\"height\"\r\n      :placeholder=\"placeholder\"\r\n      :toolbar=\"toolbar\"\r\n      :mode=\"mode\"\r\n      :upload-image-config=\"computedUploadImageConfig\"\r\n      :toc-nav-position=\"tocNavPosition\"\r\n      :default-fullscreen=\"defaultFullscreen\"\r\n      :autofocus=\"autofocus\"\r\n      :include-level=\"includeLevel\"\r\n      :left-toolbar=\"leftToolbar\"\r\n      :right-toolbar=\"rightToolbar\"\r\n      :default-show-toc=\"true\"\r\n      @update:model-value=\"handleInput\"\r\n      @change=\"handleChange\"\r\n      @save=\"handleSave\"\r\n      @upload-image=\"handleUploadImage\"\r\n      @fullscreen-change=\"handleFullscreenChange\"\r\n      @copy-code-success=\"handleCopyCodeSuccess\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, onMounted } from 'vue'\r\n  import VMdEditor from '@kangc/v-md-editor'\r\n\r\n  defineOptions({ name: 'C_Markdown' })\r\n\r\n  export type InsertImageFunction = (config: {\r\n    url: string\r\n    desc?: string\r\n    width?: string | number\r\n    height?: string | number\r\n  }) => void\r\n\r\n  interface Props {\r\n    modelValue?: string\r\n    height?: string | number\r\n    disabled?: boolean\r\n    placeholder?: string\r\n    mode?: 'edit' | 'editable' | 'preview'\r\n    toolbar?: object\r\n    uploadImageConfig?: {\r\n      accept?: string\r\n      multiple?: boolean\r\n      [key: string]: any\r\n    }\r\n    tocNavPosition?: 'left' | 'right'\r\n    defaultFullscreen?: boolean\r\n    autofocus?: boolean\r\n    includeLevel?: number[]\r\n    leftToolbar?: string\r\n    rightToolbar?: string\r\n    maxLength?: number\r\n    showWordCount?: boolean\r\n    autoSave?: boolean\r\n    autoSaveInterval?: number\r\n    /** 是否为暗色主题（外部传入） */\r\n    isDark?: boolean\r\n  }\r\n\r\n  const props = withDefaults(defineProps<Props>(), {\r\n    modelValue: '',\r\n    height: '400px',\r\n    disabled: false,\r\n    placeholder: '请输入 Markdown 内容...',\r\n    mode: 'editable',\r\n    tocNavPosition: 'right',\r\n    defaultFullscreen: false,\r\n    autofocus: false,\r\n    includeLevel: () => [1, 2, 3, 4, 5, 6],\r\n    leftToolbar:\r\n      'undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save',\r\n    rightToolbar: 'preview toc sync-scroll fullscreen',\r\n    maxLength: 50000,\r\n    showWordCount: true,\r\n    autoSave: false,\r\n    autoSaveInterval: 30000,\r\n    isDark: false,\r\n  })\r\n\r\n  interface Emits {\r\n    'update:modelValue': [value: string]\r\n    change: [text: string, html: string]\r\n    save: [text: string, html: string]\r\n    'upload-image': [\r\n      event: Event,\r\n      insertImage: InsertImageFunction,\r\n      files: FileList,\r\n    ]\r\n    'fullscreen-change': [isFullscreen: boolean]\r\n    'copy-code-success': [text: string]\r\n    'word-count-change': [count: number]\r\n    'auto-save': [text: string]\r\n    'max-length-exceeded': [currentLength: number, maxLength: number]\r\n  }\r\n\r\n  const emit = defineEmits<Emits>()\r\n\r\n  const editorRef = ref<any>(null)\r\n  const cachedHtml = ref('')\r\n\r\n  const wordCount = computed(() => {\r\n    return props.modelValue?.length || 0\r\n  })\r\n\r\n  const computedUploadImageConfig = computed(() => {\r\n    const defaultConfig = {\r\n      accept: 'image/*',\r\n      multiple: false,\r\n    }\r\n    return props.uploadImageConfig\r\n      ? { ...defaultConfig, ...props.uploadImageConfig }\r\n      : defaultConfig\r\n  })\r\n\r\n  onMounted(() => {\r\n    if (props.showWordCount && props.modelValue) {\r\n      emit('word-count-change', props.modelValue.length)\r\n    }\r\n  })\r\n\r\n  watch(\r\n    () => props.modelValue,\r\n    newValue => {\r\n      if (props.showWordCount) {\r\n        emit('word-count-change', newValue?.length || 0)\r\n      }\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  const handleInput = (value: string) => {\r\n    if (value.length > props.maxLength) {\r\n      emit('max-length-exceeded', value.length, props.maxLength)\r\n      return\r\n    }\r\n    emit('update:modelValue', value)\r\n    if (props.showWordCount) {\r\n      emit('word-count-change', value.length)\r\n    }\r\n  }\r\n\r\n  const handleChange = (text: string, html: string) => {\r\n    cachedHtml.value = html\r\n    emit('change', text, html)\r\n    if (props.autoSave) {\r\n      autoSave(text)\r\n    }\r\n  }\r\n\r\n  const handleSave = (text: string, html: string) => {\r\n    emit('save', text, html)\r\n  }\r\n\r\n  const handleUploadImage = (\r\n    event: Event,\r\n    insertImage: InsertImageFunction,\r\n    files: FileList\r\n  ) => {\r\n    emit('upload-image', event, insertImage, files)\r\n  }\r\n\r\n  const handleFullscreenChange = (isFullscreen: boolean) => {\r\n    emit('fullscreen-change', isFullscreen)\r\n  }\r\n\r\n  const handleCopyCodeSuccess = (text: string) => {\r\n    emit('copy-code-success', text)\r\n  }\r\n\r\n  let autoSaveTimer: ReturnType<typeof setTimeout> | null = null\r\n\r\n  const autoSave = (text: string) => {\r\n    if (autoSaveTimer) clearTimeout(autoSaveTimer)\r\n    autoSaveTimer = setTimeout(() => {\r\n      emit('auto-save', text)\r\n    }, props.autoSaveInterval)\r\n  }\r\n\r\n  const focus = () => {\r\n    editorRef.value?.focus()\r\n  }\r\n\r\n  const getHtml = (): string => {\r\n    return cachedHtml.value\r\n  }\r\n\r\n  const insertText = (text: string) => {\r\n    editorRef.value?.insert((selected: string) => ({\r\n      text: `${selected}${text}`,\r\n      selected: text,\r\n    }))\r\n  }\r\n\r\n  defineExpose({\r\n    focus,\r\n    getHtml,\r\n    insertText,\r\n    wordCount,\r\n  })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  @use './index.scss';\r\n</style>\r\n"],"mappings":"uoCE4EE,IAAM,EAAQ,EAoCR,EAAO,EAEP,EAAY,EAAS,KAAK,CAC1B,EAAa,EAAI,GAAG,CAEpB,EAAY,MACT,EAAM,YAAY,QAAU,EACnC,CAEI,EAA4B,MAAe,CAC/C,IAAM,EAAgB,CACpB,OAAQ,UACR,SAAU,GACX,CACD,OAAO,EAAM,kBACT,CAAE,GAAG,EAAe,GAAG,EAAM,kBAAmB,CAChD,GACJ,CAEF,MAAgB,CACV,EAAM,eAAiB,EAAM,YAC/B,EAAK,oBAAqB,EAAM,WAAW,OAAO,EAEpD,CAEF,MACQ,EAAM,WACZ,GAAY,CACN,EAAM,eACR,EAAK,oBAAqB,GAAU,QAAU,EAAE,EAGpD,CAAE,UAAW,GAAM,CACpB,CAED,IAAM,EAAe,GAAkB,CACrC,GAAI,EAAM,OAAS,EAAM,UAAW,CAClC,EAAK,sBAAuB,EAAM,OAAQ,EAAM,UAAU,CAC1D,OAEF,EAAK,oBAAqB,EAAM,CAC5B,EAAM,eACR,EAAK,oBAAqB,EAAM,OAAO,EAIrC,GAAgB,EAAc,IAAiB,CACnD,EAAW,MAAQ,EACnB,EAAK,SAAU,EAAM,EAAK,CACtB,EAAM,UACR,EAAS,EAAK,EAIZ,GAAc,EAAc,IAAiB,CACjD,EAAK,OAAQ,EAAM,EAAK,EAGpB,GACJ,EACA,EACA,IACG,CACH,EAAK,eAAgB,EAAO,EAAa,EAAM,EAG3C,EAA0B,GAA0B,CACxD,EAAK,oBAAqB,EAAa,EAGnC,EAAyB,GAAiB,CAC9C,EAAK,oBAAqB,EAAK,EAG7B,EAAsD,KAEpD,EAAY,GAAiB,CAC7B,GAAe,aAAa,EAAc,CAC9C,EAAgB,eAAiB,CAC/B,EAAK,YAAa,EAAK,EACtB,EAAM,iBAAiB,SAkB5B,EAAa,CACX,UAhBkB,CAClB,EAAU,OAAO,OAAO,EAgBxB,YAZO,EAAW,MAalB,WAVkB,GAAiB,CACnC,EAAU,OAAO,OAAQ,IAAsB,CAC7C,KAAM,GAAG,IAAW,IACpB,SAAU,EACX,EAAE,EAOH,YACD,CAAC,aA/MF,EA0BM,MAAA,CAzBJ,MAAK,EAAA,CAAC,qBAAoB,CAAA,UACLA,EAAAA,OAAM,CAAA,CAAA,CAAA,CAAA,CAE3B,EAqBE,EAAA,EAAA,CAAA,SApBI,YAAJ,IAAI,EACH,cAAaC,EAAAA,WACb,OAAQC,EAAAA,OACR,YAAaC,EAAAA,YACb,QAASC,EAAAA,QACT,KAAMC,EAAAA,KACN,sBAAqB,EAAA,MACrB,mBAAkBC,EAAAA,eAClB,qBAAoBC,EAAAA,kBACpB,UAAWC,EAAAA,UACX,gBAAeC,EAAAA,aACf,eAAcC,EAAAA,YACd,gBAAeC,EAAAA,aACf,mBAAkB,GAClB,sBAAoB,EACpB,SAAQ,EACR,OAAM,EACN,cAAc,EACd,mBAAmB,EACnB,kBAAmB"}

package/dist/{C_Table-C55H4kPr.css.map → C_Table-tbUx-R4H.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Table-C55H4kPr.css","names":[],"sources":["../src/components/C_Table/components/ColumnSettings/index.vue?vue&type=style&index=0&scoped=a4d013ea&lang.scss","../src/components/C_Table/index.vue?vue&type=style&index=0&scoped=767c7393&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-a4d013ea] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 12px;\n}\n.column-management-tab .search-row .search-input[data-v-a4d013ea] {\n  flex: 1;\n  min-width: 0;\n}\n.column-management-tab .search-row .resizable-control[data-v-a4d013ea] {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: 0 10px;\n  height: 34px;\n  background: var(--n-color-target);\n  border-radius: 6px;\n  white-space: nowrap;\n}\n.column-management-tab .top-actions-bar[data-v-a4d013ea] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding: 10px 12px;\n  background: var(--n-color-target);\n  border-radius: 6px;\n}\n.column-management-tab .top-actions-bar .stats-info[data-v-a4d013ea] {\n  flex: 1;\n}\n.column-management-tab .top-actions-bar .quick-actions[data-v-a4d013ea] {\n  flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item[data-v-a4d013ea] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 6px 4px;\n  margin-bottom: 4px;\n  border-radius: 4px;\n  background: transparent;\n  cursor: move;\n  transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item[data-v-a4d013ea]:hover {\n  background: var(--n-color-target);\n}\n.column-management-tab .column-list .column-item.disabled[data-v-a4d013ea] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.column-management-tab .column-list .column-item.fixed-left[data-v-a4d013ea] {\n  background: rgba(24, 160, 88, 0.08);\n}\n.column-management-tab .column-list .column-item.fixed-right[data-v-a4d013ea] {\n  background: rgba(240, 138, 0, 0.08);\n}\n.column-management-tab .column-list .column-item .column-info[data-v-a4d013ea] {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  gap: 10px;\n  min-width: 0;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls[data-v-a4d013ea] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-a4d013ea] {\n  color: var(--n-text-color-3);\n  cursor: grab;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-a4d013ea]:active {\n  cursor: grabbing;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-a4d013ea] {\n  cursor: not-allowed;\n  opacity: 0.3;\n}\n.column-management-tab .column-list .column-item .column-info .column-details[data-v-a4d013ea] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n.column-management-tab .column-list .column-item .column-actions[data-v-a4d013ea] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-a4d013ea] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-a4d013ea] {\n  opacity: 0.6;\n  transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-a4d013ea]:not(.disabled):hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-a4d013ea] {\n  opacity: 0.3;\n  cursor: not-allowed;\n}\n.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-a4d013ea] {\n  transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-a4d013ea]:hover {\n  transform: scale(1.15);\n}","/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */\n.c-table-wrapper[data-v-767c7393] {\n  width: 100%;\n  position: relative;\n}\n\n/* ================= 2. 表格工具栏 ================= */\n.table-toolbar[data-v-767c7393] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n}\n.table-toolbar .toolbar-left[data-v-767c7393] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.table-toolbar .toolbar-right[data-v-767c7393] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.table-toolbar .toolbar-right .column-settings-btn[data-v-767c7393] {\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  cursor: pointer;\n}\n.table-toolbar .toolbar-right .column-settings-btn[data-v-767c7393]:hover {\n  opacity: 1;\n  transform: scale(1.1);\n}\n\n/* ================= 3. 动态行工具栏 ================= */\n.dynamic-rows-toolbar[data-v-767c7393] {\n  margin-bottom: 16px;\n  padding: 16px;\n  border-radius: 8px;\n  border: 1px solid var(--n-border-color);\n  background-color: var(--n-card-color);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n  transition: all 0.2s ease;\n}\n.dynamic-rows-toolbar[data-v-767c7393]:hover {\n  border-color: var(--n-primary-color-suppl);\n}\n\n/* ================= 4. 表格布局基础 ================= */\n[data-v-767c7393] .n-data-table {\n  table-layout: auto !important;\n  width: 100% !important;\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n/* 确保表格容器允许横向滚动（固定列必需） */\n[data-v-767c7393] .n-data-table-wrapper {\n  overflow-x: auto !important;\n}\n\n/* 分页组件样式 */\n.pagination-wrapper[data-v-767c7393] {\n  margin-top: 16px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n/* ================= 5. 表格列宽度管理 ================= */\n/* 普通列的最小宽度保护 */\n[data-v-767c7393] .n-data-table-th:not(:last-child) {\n  min-width: 80px !important;\n}\n\n/* 操作列固定宽度（适应4个按钮的布局） */\n[data-v-767c7393] .n-data-table-th:last-child {\n  width: 180px !important;\n  min-width: 160px !important;\n  max-width: 200px !important;\n  text-align: center !important;\n  padding: 8px 12px !important;\n}\n\n/* 操作按钮容器居中 */\n[data-v-767c7393] .n-data-table-td:last-child .n-space {\n  justify-content: center !important;\n  align-items: center !important;\n}\n\n/* ================= 6. 可编辑单元格样式 ================= */\n/* 单元格编辑容器 - 精致化设计 */\n.cell-edit-wrapper[data-v-767c7393] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: 6px 8px;\n  min-height: 36px;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n  cursor: pointer;\n  position: relative;\n  /* 悬停效果 */\n  /* 激活状态 */\n}\n.cell-edit-wrapper[data-v-767c7393]:hover {\n  background-color: var(--n-color-target);\n}\n.cell-edit-wrapper:hover .cell-edit-icon[data-v-767c7393] {\n  opacity: 1;\n  color: var(--n-color-success);\n  transform: scale(1.05);\n}\n.cell-edit-wrapper[data-v-767c7393]:active {\n  transform: translateY(1px);\n}\n\n/* 单元格内容 */\n.cell-value[data-v-767c7393] {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-right: 16px;\n  line-height: 1.4;\n  font-size: 13px;\n}\n\n/* 编辑图标 - 使用全局选择器确保动态创建的元素也能被选中 */\n.cell-edit-icon[data-v-767c7393],.cell-edit-icon {\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  cursor: pointer;\n  margin-left: 4px;\n  transition: all 0.25s ease;\n  color: var(--n-color-success);\n  opacity: 0;\n  position: relative;\n  /* 悬停效果 */\n  /* 激活效果 */\n  /* 图标尺寸 */\n}\n.cell-edit-icon[data-v-767c7393]:hover,.cell-edit-icon {\n  opacity: 1 !important;\n  color: var(--n-color-success-hover) !important;\n  background-color: var(--n-color-success-pressed);\n  transform: scale(1.1);\n}\n.cell-edit-icon[data-v-767c7393]:active,.cell-edit-icon {\n  transform: scale(0.95);\n}\n.cell-edit-icon svg[data-v-767c7393],.cell-edit-icon {\n  width: 14px;\n  height: 14px;\n}\n\n/* ================= 7. 单元格编辑状态样式 ================= */\n/* 编辑容器 - 确保水平布局不换行 */\n.cell-editing-container[data-v-767c7393],[data-v-767c7393] .cell-editing-container {\n  display: flex !important;\n  align-items: center !important;\n  width: 100% !important;\n  min-height: 36px !important;\n  background-color: var(--n-input-color) !important;\n  border: 1px solid var(--n-primary-color) !important;\n  border-radius: 6px !important;\n  padding: 4px 6px !important;\n  box-shadow: 0 0 0 2px var(--n-primary-color-suppl) !important;\n  gap: 8px !important;\n}\n\n/* 编辑输入区域 - 占据剩余空间 */\n.cell-editing-input[data-v-767c7393],[data-v-767c7393] .cell-editing-input {\n  flex: 1 !important;\n  min-width: 0 !important;\n}\n\n/* 深度选择器处理输入框样式 */\n[data-v-767c7393] .cell-editing-input .n-input {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n[data-v-767c7393] .cell-editing-input .n-input.n-input--focus {\n  border: none !important;\n  box-shadow: none !important;\n}\n[data-v-767c7393] .cell-editing-input .n-input-number {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n[data-v-767c7393] .cell-editing-input .n-select {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n[data-v-767c7393] .cell-editing-input .n-select .n-base-selection {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n\n/* 编辑操作按钮容器 */\n.cell-editing-actions[data-v-767c7393],[data-v-767c7393] .cell-editing-actions {\n  display: flex !important;\n  flex-shrink: 0 !important;\n  align-items: center !important;\n  gap: 4px !important;\n  background: var(--n-color-popover) !important;\n  border: 1px solid var(--n-border-color) !important;\n  border-radius: 4px !important;\n  padding: 2px !important;\n  box-shadow: var(--n-box-shadow) !important;\n}\n\n/* 编辑操作按钮 */\n.cell-action-btn[data-v-767c7393],[data-v-767c7393] .cell-action-btn {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 20px !important;\n  height: 20px !important;\n  border: none !important;\n  border-radius: 3px !important;\n  cursor: pointer !important;\n  transition: all 0.2s ease !important;\n  background: transparent !important;\n  /* 保存按钮 */\n  /* 取消按钮 */\n  /* 图标尺寸 */\n}\n.cell-action-btn.cell-action-save[data-v-767c7393],[data-v-767c7393] .cell-action-btn.cell-action-save {\n  color: var(--n-color-success) !important;\n}\n.cell-action-btn.cell-action-save[data-v-767c7393]:hover,[data-v-767c7393] .cell-action-btn.cell-action-save:hover {\n  background: var(--n-color-success-pressed) !important;\n  transform: scale(1.1) !important;\n}\n.cell-action-btn.cell-action-cancel[data-v-767c7393],[data-v-767c7393] .cell-action-btn.cell-action-cancel {\n  color: var(--n-color-error) !important;\n}\n.cell-action-btn.cell-action-cancel[data-v-767c7393]:hover,[data-v-767c7393] .cell-action-btn.cell-action-cancel:hover {\n  background: var(--n-color-error-pressed) !important;\n  transform: scale(1.1) !important;\n}\n.cell-action-btn svg[data-v-767c7393],[data-v-767c7393] .cell-action-btn svg {\n  width: 11px !important;\n  height: 11px !important;\n}\n\n/* ================= 7. 操作按钮样式 ================= */\n/* 通用按钮样式 */\n[data-v-767c7393] .n-button {\n  white-space: nowrap;\n  font-size: 12px !important;\n  flex-shrink: 0 !important;\n  border-radius: 6px;\n  transition: all 0.2s ease;\n  font-weight: 500;\n  /* 图标间距 */\n  /* 小尺寸按钮优化 */\n  /* 四元按钮样式 */\n}\n[data-v-767c7393] .n-button .n-icon {\n  margin-right: 4px !important;\n}\n[data-v-767c7393] .n-button.n-button--small-type {\n  padding: 4px 8px;\n  height: 28px;\n  line-height: 20px;\n}\n[data-v-767c7393] .n-button.n-button--quaternary-type:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n[data-v-767c7393] .n-button.n-button--quaternary-type:active {\n  transform: translateY(0);\n}\n\n/* ================= 8. 按钮组间距优化 ================= */\n/* 操作按钮组 */\n[data-v-767c7393] .n-space.n-space--horizontal .n-space-item:not(:last-child) {\n  margin-right: 6px !important;\n}\n\n/* ================= 9. 模态框样式优化 ================= */\n/* 编辑模态框 */\n[data-v-767c7393] .n-modal .n-card {\n  border-radius: 12px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n}\n[data-v-767c7393] .n-modal .n-card__header {\n  padding: 20px 24px 16px;\n  font-weight: 600;\n  font-size: 16px;\n}\n[data-v-767c7393] .n-modal .n-card__content {\n  padding: 0 24px 16px;\n}\n[data-v-767c7393] .n-modal .n-card__action {\n  padding: 16px 24px 20px;\n  border-top: 1px solid var(--n-divider-color);\n}\n\n/* ================= 10. 描述列表样式 ================= */\n/* 详情模态框描述列表 */\n[data-v-767c7393] .n-descriptions .n-descriptions-item-label {\n  font-weight: 500;\n  color: var(--n-text-color-2);\n}\n[data-v-767c7393] .n-descriptions .n-descriptions-item-content {\n  color: var(--n-text-color-1);\n  word-break: break-all;\n}\n\n/* ================= 11. 响应式设计 ================= */\n/* 移动端适配 */\n@media (max-width: 768px) {\n.c-table-wrapper[data-v-767c7393] {\n    overflow-x: auto;\n}\n  /* 操作列在移动端的适配 */\n[data-v-767c7393] .n-data-table-th:last-child {\n    width: 160px !important;\n    min-width: 160px !important;\n}\n  /* 按钮在移动端的优化 */\n[data-v-767c7393] .n-button {\n    font-size: 11px !important;\n    padding: 3px 6px;\n}\n[data-v-767c7393] .n-button .n-icon {\n    margin-right: 2px !important;\n}\n  /* 单元格编辑图标在移动端始终显示 */\n.cell-edit-icon[data-v-767c7393] {\n    opacity: 0.6;\n}\n}\n/* ================= 12. 主题适配 ================= */\n/* 暗色主题适配 - 已通过 CSS 变量自动适配 */\n[data-theme=dark][data-v-767c7393] {\n  /* CSS 变量已自动适配，如有特殊需求可在此添加 */\n}\n\n/* ================= 13. 响应式优化 ================= */\n/* 小屏幕下的单元格编辑优化 */\n@media (max-width: 768px) {\n.cell-editing-container[data-v-767c7393],[data-v-767c7393] .cell-editing-container {\n    gap: 6px !important;\n}\n.cell-editing-actions[data-v-767c7393],[data-v-767c7393] .cell-editing-actions {\n    gap: 3px !important;\n    padding: 2px !important;\n}\n.cell-action-btn[data-v-767c7393],[data-v-767c7393] .cell-action-btn {\n    width: 18px !important;\n    height: 18px !important;\n}\n.cell-action-btn svg[data-v-767c7393],[data-v-767c7393] .cell-action-btn svg {\n    width: 10px !important;\n    height: 10px !important;\n}\n  /* 移动端编辑图标 */\n.cell-edit-icon[data-v-767c7393] {\n    opacity: 0.6 !important;\n}\n.cell-value[data-v-767c7393] {\n    margin-right: 12px !important;\n}\n}\n/* ================= 14. 性能优化 ================= */\n/* 使用 GPU 加速的动画 */\n.cell-edit-icon[data-v-767c7393],\n.cell-action-btn[data-v-767c7393] {\n  will-change: transform;\n  backface-visibility: hidden;\n}\n[data-v-767c7393] .n-button {\n  will-change: transform;\n  backface-visibility: hidden;\n}\n\n/* ================= 15. 可访问性优化 ================= */\n/* 聚焦状态 */\n.cell-edit-wrapper[data-v-767c7393]:focus-within,\n.cell-editing-container[data-v-767c7393]:focus-within {\n  outline: 2px solid var(--n-primary-color);\n  outline-offset: 2px;\n}\n\n/* 高对比度模式支持 */\n@media (prefers-contrast: high) {\n.cell-edit-icon[data-v-767c7393] {\n    opacity: 0.8;\n}\n.cell-editing-actions[data-v-767c7393] {\n    border-width: 2px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvHA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;;AAEA;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;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;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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;;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Table-tbUx-R4H.css","names":[],"sources":["../src/components/C_Table/components/ColumnSettings/index.vue?vue&type=style&index=0&scoped=1a3d4df6&lang.scss","../src/components/C_Table/index.vue?vue&type=style&index=0&scoped=18a2952a&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-1a3d4df6] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 12px;\n}\n.column-management-tab .search-row .search-input[data-v-1a3d4df6] {\n  flex: 1;\n  min-width: 0;\n}\n.column-management-tab .search-row .resizable-control[data-v-1a3d4df6] {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: 0 10px;\n  height: 34px;\n  background: var(--n-color-target);\n  border-radius: 6px;\n  white-space: nowrap;\n}\n.column-management-tab .top-actions-bar[data-v-1a3d4df6] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding: 10px 12px;\n  background: var(--n-color-target);\n  border-radius: 6px;\n}\n.column-management-tab .top-actions-bar .stats-info[data-v-1a3d4df6] {\n  flex: 1;\n}\n.column-management-tab .top-actions-bar .quick-actions[data-v-1a3d4df6] {\n  flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item[data-v-1a3d4df6] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 6px 4px;\n  margin-bottom: 4px;\n  border-radius: 4px;\n  background: transparent;\n  cursor: move;\n  transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item[data-v-1a3d4df6]:hover {\n  background: var(--n-color-target);\n}\n.column-management-tab .column-list .column-item.disabled[data-v-1a3d4df6] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.column-management-tab .column-list .column-item.fixed-left[data-v-1a3d4df6] {\n  background: rgba(24, 160, 88, 0.08);\n}\n.column-management-tab .column-list .column-item.fixed-right[data-v-1a3d4df6] {\n  background: rgba(240, 138, 0, 0.08);\n}\n.column-management-tab .column-list .column-item .column-info[data-v-1a3d4df6] {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  gap: 10px;\n  min-width: 0;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls[data-v-1a3d4df6] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-1a3d4df6] {\n  color: var(--n-text-color-3);\n  cursor: grab;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-1a3d4df6]:active {\n  cursor: grabbing;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-1a3d4df6] {\n  cursor: not-allowed;\n  opacity: 0.3;\n}\n.column-management-tab .column-list .column-item .column-info .column-details[data-v-1a3d4df6] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n.column-management-tab .column-list .column-item .column-actions[data-v-1a3d4df6] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-1a3d4df6] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-1a3d4df6] {\n  opacity: 0.6;\n  transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-1a3d4df6]:not(.disabled):hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-1a3d4df6] {\n  opacity: 0.3;\n  cursor: not-allowed;\n}\n.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-1a3d4df6] {\n  transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-1a3d4df6]:hover {\n  transform: scale(1.15);\n}","/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */\n.c-table-wrapper[data-v-18a2952a] {\n  width: 100%;\n  position: relative;\n}\n\n/* ================= 2. 表格工具栏 ================= */\n.table-toolbar[data-v-18a2952a] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n}\n.table-toolbar .toolbar-left[data-v-18a2952a] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.table-toolbar .toolbar-right[data-v-18a2952a] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.table-toolbar .toolbar-right .column-settings-btn[data-v-18a2952a] {\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  cursor: pointer;\n}\n.table-toolbar .toolbar-right .column-settings-btn[data-v-18a2952a]:hover {\n  opacity: 1;\n  transform: scale(1.1);\n}\n\n/* ================= 3. 动态行工具栏 ================= */\n.dynamic-rows-toolbar[data-v-18a2952a] {\n  margin-bottom: 16px;\n  padding: 16px;\n  border-radius: 8px;\n  border: 1px solid var(--n-border-color);\n  background-color: var(--n-card-color);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n  transition: all 0.2s ease;\n}\n.dynamic-rows-toolbar[data-v-18a2952a]:hover {\n  border-color: var(--n-primary-color-suppl);\n}\n\n/* ================= 4. 表格布局基础 ================= */\n[data-v-18a2952a] .n-data-table {\n  table-layout: auto !important;\n  width: 100% !important;\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n/* 确保表格容器允许横向滚动（固定列必需） */\n[data-v-18a2952a] .n-data-table-wrapper {\n  overflow-x: auto !important;\n}\n\n/* 分页组件样式 */\n.pagination-wrapper[data-v-18a2952a] {\n  margin-top: 16px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n/* ================= 5. 表格列宽度管理 ================= */\n/* 普通列的最小宽度保护 */\n[data-v-18a2952a] .n-data-table-th:not(:last-child) {\n  min-width: 80px !important;\n}\n\n/* 操作列固定宽度（适应4个按钮的布局） */\n[data-v-18a2952a] .n-data-table-th:last-child {\n  width: 180px !important;\n  min-width: 160px !important;\n  max-width: 200px !important;\n  text-align: center !important;\n  padding: 8px 12px !important;\n}\n\n/* 操作按钮容器居中 */\n[data-v-18a2952a] .n-data-table-td:last-child .n-space {\n  justify-content: center !important;\n  align-items: center !important;\n}\n\n/* ================= 6. 可编辑单元格样式 ================= */\n/* 单元格编辑容器 - 精致化设计 */\n.cell-edit-wrapper[data-v-18a2952a] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: 6px 8px;\n  min-height: 36px;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n  cursor: pointer;\n  position: relative;\n  /* 悬停效果 */\n  /* 激活状态 */\n}\n.cell-edit-wrapper[data-v-18a2952a]:hover {\n  background-color: var(--n-color-target);\n}\n.cell-edit-wrapper:hover .cell-edit-icon[data-v-18a2952a] {\n  opacity: 1;\n  color: var(--n-color-success);\n  transform: scale(1.05);\n}\n.cell-edit-wrapper[data-v-18a2952a]:active {\n  transform: translateY(1px);\n}\n\n/* 单元格内容 */\n.cell-value[data-v-18a2952a] {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-right: 16px;\n  line-height: 1.4;\n  font-size: 13px;\n}\n\n/* 编辑图标 - 使用全局选择器确保动态创建的元素也能被选中 */\n.cell-edit-icon[data-v-18a2952a],.cell-edit-icon {\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  cursor: pointer;\n  margin-left: 4px;\n  transition: all 0.25s ease;\n  color: var(--n-color-success);\n  opacity: 0;\n  position: relative;\n  /* 悬停效果 */\n  /* 激活效果 */\n  /* 图标尺寸 */\n}\n.cell-edit-icon[data-v-18a2952a]:hover,.cell-edit-icon {\n  opacity: 1 !important;\n  color: var(--n-color-success-hover) !important;\n  background-color: var(--n-color-success-pressed);\n  transform: scale(1.1);\n}\n.cell-edit-icon[data-v-18a2952a]:active,.cell-edit-icon {\n  transform: scale(0.95);\n}\n.cell-edit-icon svg[data-v-18a2952a],.cell-edit-icon {\n  width: 14px;\n  height: 14px;\n}\n\n/* ================= 7. 单元格编辑状态样式 ================= */\n/* 编辑容器 - 确保水平布局不换行 */\n.cell-editing-container[data-v-18a2952a],[data-v-18a2952a] .cell-editing-container {\n  display: flex !important;\n  align-items: center !important;\n  width: 100% !important;\n  min-height: 36px !important;\n  background-color: var(--n-input-color) !important;\n  border: 1px solid var(--n-primary-color) !important;\n  border-radius: 6px !important;\n  padding: 4px 6px !important;\n  box-shadow: 0 0 0 2px var(--n-primary-color-suppl) !important;\n  gap: 8px !important;\n}\n\n/* 编辑输入区域 - 占据剩余空间 */\n.cell-editing-input[data-v-18a2952a],[data-v-18a2952a] .cell-editing-input {\n  flex: 1 !important;\n  min-width: 0 !important;\n}\n\n/* 深度选择器处理输入框样式 */\n[data-v-18a2952a] .cell-editing-input .n-input {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n[data-v-18a2952a] .cell-editing-input .n-input.n-input--focus {\n  border: none !important;\n  box-shadow: none !important;\n}\n[data-v-18a2952a] .cell-editing-input .n-input-number {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n[data-v-18a2952a] .cell-editing-input .n-select {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n[data-v-18a2952a] .cell-editing-input .n-select .n-base-selection {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n\n/* 编辑操作按钮容器 */\n.cell-editing-actions[data-v-18a2952a],[data-v-18a2952a] .cell-editing-actions {\n  display: flex !important;\n  flex-shrink: 0 !important;\n  align-items: center !important;\n  gap: 4px !important;\n  background: var(--n-color-popover) !important;\n  border: 1px solid var(--n-border-color) !important;\n  border-radius: 4px !important;\n  padding: 2px !important;\n  box-shadow: var(--n-box-shadow) !important;\n}\n\n/* 编辑操作按钮 */\n.cell-action-btn[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 20px !important;\n  height: 20px !important;\n  border: none !important;\n  border-radius: 3px !important;\n  cursor: pointer !important;\n  transition: all 0.2s ease !important;\n  background: transparent !important;\n  /* 保存按钮 */\n  /* 取消按钮 */\n  /* 图标尺寸 */\n}\n.cell-action-btn.cell-action-save[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn.cell-action-save {\n  color: var(--n-color-success) !important;\n}\n.cell-action-btn.cell-action-save[data-v-18a2952a]:hover,[data-v-18a2952a] .cell-action-btn.cell-action-save:hover {\n  background: var(--n-color-success-pressed) !important;\n  transform: scale(1.1) !important;\n}\n.cell-action-btn.cell-action-cancel[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn.cell-action-cancel {\n  color: var(--n-color-error) !important;\n}\n.cell-action-btn.cell-action-cancel[data-v-18a2952a]:hover,[data-v-18a2952a] .cell-action-btn.cell-action-cancel:hover {\n  background: var(--n-color-error-pressed) !important;\n  transform: scale(1.1) !important;\n}\n.cell-action-btn svg[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn svg {\n  width: 11px !important;\n  height: 11px !important;\n}\n\n/* ================= 7. 操作按钮样式 ================= */\n/* 通用按钮样式 */\n[data-v-18a2952a] .n-button {\n  white-space: nowrap;\n  font-size: 12px !important;\n  flex-shrink: 0 !important;\n  border-radius: 6px;\n  transition: all 0.2s ease;\n  font-weight: 500;\n  /* 图标间距 */\n  /* 小尺寸按钮优化 */\n  /* 四元按钮样式 */\n}\n[data-v-18a2952a] .n-button .n-icon {\n  margin-right: 4px !important;\n}\n[data-v-18a2952a] .n-button.n-button--small-type {\n  padding: 4px 8px;\n  height: 28px;\n  line-height: 20px;\n}\n[data-v-18a2952a] .n-button.n-button--quaternary-type:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n[data-v-18a2952a] .n-button.n-button--quaternary-type:active {\n  transform: translateY(0);\n}\n\n/* ================= 8. 按钮组间距优化 ================= */\n/* 操作按钮组 */\n[data-v-18a2952a] .n-space.n-space--horizontal .n-space-item:not(:last-child) {\n  margin-right: 6px !important;\n}\n\n/* ================= 9. 模态框样式优化 ================= */\n/* 编辑模态框 */\n[data-v-18a2952a] .n-modal .n-card {\n  border-radius: 12px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n}\n[data-v-18a2952a] .n-modal .n-card__header {\n  padding: 20px 24px 16px;\n  font-weight: 600;\n  font-size: 16px;\n}\n[data-v-18a2952a] .n-modal .n-card__content {\n  padding: 0 24px 16px;\n}\n[data-v-18a2952a] .n-modal .n-card__action {\n  padding: 16px 24px 20px;\n  border-top: 1px solid var(--n-divider-color);\n}\n\n/* ================= 10. 描述列表样式 ================= */\n/* 详情模态框描述列表 */\n[data-v-18a2952a] .n-descriptions .n-descriptions-item-label {\n  font-weight: 500;\n  color: var(--n-text-color-2);\n}\n[data-v-18a2952a] .n-descriptions .n-descriptions-item-content {\n  color: var(--n-text-color-1);\n  word-break: break-all;\n}\n\n/* ================= 11. 响应式设计 ================= */\n/* 移动端适配 */\n@media (max-width: 768px) {\n.c-table-wrapper[data-v-18a2952a] {\n    overflow-x: auto;\n}\n  /* 操作列在移动端的适配 */\n[data-v-18a2952a] .n-data-table-th:last-child {\n    width: 160px !important;\n    min-width: 160px !important;\n}\n  /* 按钮在移动端的优化 */\n[data-v-18a2952a] .n-button {\n    font-size: 11px !important;\n    padding: 3px 6px;\n}\n[data-v-18a2952a] .n-button .n-icon {\n    margin-right: 2px !important;\n}\n  /* 单元格编辑图标在移动端始终显示 */\n.cell-edit-icon[data-v-18a2952a] {\n    opacity: 0.6;\n}\n}\n/* ================= 12. 主题适配 ================= */\n/* 暗色主题适配 - 已通过 CSS 变量自动适配 */\n[data-theme=dark][data-v-18a2952a] {\n  /* CSS 变量已自动适配，如有特殊需求可在此添加 */\n}\n\n/* ================= 13. 响应式优化 ================= */\n/* 小屏幕下的单元格编辑优化 */\n@media (max-width: 768px) {\n.cell-editing-container[data-v-18a2952a],[data-v-18a2952a] .cell-editing-container {\n    gap: 6px !important;\n}\n.cell-editing-actions[data-v-18a2952a],[data-v-18a2952a] .cell-editing-actions {\n    gap: 3px !important;\n    padding: 2px !important;\n}\n.cell-action-btn[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn {\n    width: 18px !important;\n    height: 18px !important;\n}\n.cell-action-btn svg[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn svg {\n    width: 10px !important;\n    height: 10px !important;\n}\n  /* 移动端编辑图标 */\n.cell-edit-icon[data-v-18a2952a] {\n    opacity: 0.6 !important;\n}\n.cell-value[data-v-18a2952a] {\n    margin-right: 12px !important;\n}\n}\n/* ================= 14. 性能优化 ================= */\n/* 使用 GPU 加速的动画 */\n.cell-edit-icon[data-v-18a2952a],\n.cell-action-btn[data-v-18a2952a] {\n  will-change: transform;\n  backface-visibility: hidden;\n}\n[data-v-18a2952a] .n-button {\n  will-change: transform;\n  backface-visibility: hidden;\n}\n\n/* ================= 15. 可访问性优化 ================= */\n/* 聚焦状态 */\n.cell-edit-wrapper[data-v-18a2952a]:focus-within,\n.cell-editing-container[data-v-18a2952a]:focus-within {\n  outline: 2px solid var(--n-primary-color);\n  outline-offset: 2px;\n}\n\n/* 高对比度模式支持 */\n@media (prefers-contrast: high) {\n.cell-edit-icon[data-v-18a2952a] {\n    opacity: 0.8;\n}\n.cell-editing-actions[data-v-18a2952a] {\n    border-width: 2px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvHA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;;AAEA;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;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;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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;;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;;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}