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

package/dist/{C_Markdown-C7Lg0_9z.css.map → C_Markdown-k0794RW0.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Markdown-C7Lg0_9z.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  --c-markdown-dark-icon-color: #ffffff;\n  --c-markdown-dark-hover-bg: rgba(255, 255, 255, 0.08);\n  --c-markdown-dark-active-bg: rgba(255, 255, 255, 0.12);\n  --c-markdown-dark-scrollbar-track: rgba(255, 255, 255, 0.05);\n  --c-markdown-dark-scrollbar-thumb: rgba(255, 255, 255, 0.2);\n  --c-markdown-dark-scrollbar-hover: rgba(255, 255, 255, 0.3);\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: var(--c-markdown-dark-icon-color);\n}\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-item:hover {\n  background-color: var(--c-markdown-dark-hover-bg);\n}\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-item.is-active {\n  background-color: var(--c-markdown-dark-active-bg);\n}\n.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-item svg {\n  fill: var(--c-markdown-dark-icon-color);\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: var(--c-markdown-dark-icon-color);\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: var(--c-markdown-dark-hover-bg);\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: var(--c-markdown-dark-scrollbar-track);\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: var(--c-markdown-dark-scrollbar-thumb);\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: var(--c-markdown-dark-scrollbar-hover);\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;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Markdown-k0794RW0.css","names":[],"sources":["../src/components/C_Markdown/index.vue?vue&type=style&index=0&scoped=b64c492a&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* C_Markdown 组件样式文件 */\n.c-markdown-wrapper[data-v-b64c492a] {\n  --c-markdown-dark-icon-color: #ffffff;\n  --c-markdown-dark-hover-bg: rgba(255, 255, 255, 0.08);\n  --c-markdown-dark-active-bg: rgba(255, 255, 255, 0.12);\n  --c-markdown-dark-scrollbar-track: rgba(255, 255, 255, 0.05);\n  --c-markdown-dark-scrollbar-thumb: rgba(255, 255, 255, 0.2);\n  --c-markdown-dark-scrollbar-hover: rgba(255, 255, 255, 0.3);\n  position: relative;\n}\n.c-markdown-wrapper[data-v-b64c492a] .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-b64c492a] .v-md-editor:hover {\n  border-color: var(--c-primary);\n}\n.c-markdown-wrapper[data-v-b64c492a] .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-b64c492a] .v-md-editor.disabled {\n  background-color: var(--c-bg-disabled, #fafafc);\n  cursor: not-allowed;\n}\n.c-markdown-wrapper[data-v-b64c492a] .v-md-editor.disabled .v-md-editor__editor {\n  cursor: not-allowed;\n}\n.c-markdown-wrapper[data-v-b64c492a] .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-b64c492a] .v-md-editor .v-md-editor__editor-wrapper {\n  background-color: var(--c-bg-card);\n}\n.c-markdown-wrapper[data-v-b64c492a] .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-b64c492a] .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-b64c492a] .v-md-editor .v-md-editor__preview-wrapper {\n  background-color: var(--c-bg-card);\n}\n.c-markdown-wrapper[data-v-b64c492a] .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-b64c492a] .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-b64c492a] .v-md-editor .v-md-editor__toolbar-item {\n  color: var(--c-markdown-dark-icon-color);\n}\n.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__toolbar-item:hover {\n  background-color: var(--c-markdown-dark-hover-bg);\n}\n.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__toolbar-item.is-active {\n  background-color: var(--c-markdown-dark-active-bg);\n}\n.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__toolbar-item svg {\n  fill: var(--c-markdown-dark-icon-color);\n  opacity: 0.9;\n}\n.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__toolbar-item:hover svg {\n  opacity: 1;\n}\n.c-markdown-wrapper.is-dark[data-v-b64c492a] .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-b64c492a] .v-md-editor .v-md-editor__toolbar-right .v-md-editor__toolbar-item svg {\n  fill: var(--c-markdown-dark-icon-color);\n}\n.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__toolbar-right .v-md-editor__toolbar-item:hover {\n  background-color: var(--c-markdown-dark-hover-bg);\n}\n.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__toolbar-divider {\n  background-color: var(--c-border);\n}\n.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__editor::-webkit-scrollbar,\n.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__preview::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__editor::-webkit-scrollbar-track,\n.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__preview::-webkit-scrollbar-track {\n  background-color: var(--c-markdown-dark-scrollbar-track);\n}\n.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__editor::-webkit-scrollbar-thumb,\n.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__preview::-webkit-scrollbar-thumb {\n  background-color: var(--c-markdown-dark-scrollbar-thumb);\n  border-radius: 4px;\n}\n.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__editor::-webkit-scrollbar-thumb:hover,\n.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__preview::-webkit-scrollbar-thumb:hover {\n  background-color: var(--c-markdown-dark-scrollbar-hover);\n}\n.c-markdown-wrapper .word-count[data-v-b64c492a] {\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-b64c492a] {\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;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_Markdown.css

@@ -1,5 +1,5 @@
 /* unplugin-vue-components disabled *//* C_Markdown 组件样式文件 */
-.c-markdown-wrapper[data-v-67f4346d] {
+.c-markdown-wrapper[data-v-b64c492a] {
   --c-markdown-dark-icon-color: #ffffff;
   --c-markdown-dark-hover-bg: rgba(255, 255, 255, 0.08);
   --c-markdown-dark-active-bg: rgba(255, 255, 255, 0.12);
@@ -8,99 +8,99 @@
   --c-markdown-dark-scrollbar-hover: rgba(255, 255, 255, 0.3);
   position: relative;
 }
-.c-markdown-wrapper[data-v-67f4346d] .v-md-editor {
+.c-markdown-wrapper[data-v-b64c492a] .v-md-editor {
   border-radius: 6px;
   border: 1px solid var(--c-border);
   background-color: var(--c-bg-card);
   /* 禁用状态样式 */
 }
-.c-markdown-wrapper[data-v-67f4346d] .v-md-editor:hover {
+.c-markdown-wrapper[data-v-b64c492a] .v-md-editor:hover {
   border-color: var(--c-primary);
 }
-.c-markdown-wrapper[data-v-67f4346d] .v-md-editor:focus-within {
+.c-markdown-wrapper[data-v-b64c492a] .v-md-editor:focus-within {
   border-color: var(--c-primary);
   box-shadow: 0 0 0 2px var(--c-primary-opacity, rgba(24, 160, 88, 0.2));
 }
-.c-markdown-wrapper[data-v-67f4346d] .v-md-editor.disabled {
+.c-markdown-wrapper[data-v-b64c492a] .v-md-editor.disabled {
   background-color: var(--c-bg-disabled, #fafafc);
   cursor: not-allowed;
 }
-.c-markdown-wrapper[data-v-67f4346d] .v-md-editor.disabled .v-md-editor__editor {
+.c-markdown-wrapper[data-v-b64c492a] .v-md-editor.disabled .v-md-editor__editor {
   cursor: not-allowed;
 }
-.c-markdown-wrapper[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar {
+.c-markdown-wrapper[data-v-b64c492a] .v-md-editor .v-md-editor__toolbar {
   background-color: var(--c-bg-card);
   border-bottom: 1px solid var(--c-border);
 }
-.c-markdown-wrapper[data-v-67f4346d] .v-md-editor .v-md-editor__editor-wrapper {
+.c-markdown-wrapper[data-v-b64c492a] .v-md-editor .v-md-editor__editor-wrapper {
   background-color: var(--c-bg-card);
 }
-.c-markdown-wrapper[data-v-67f4346d] .v-md-editor .v-md-editor__editor {
+.c-markdown-wrapper[data-v-b64c492a] .v-md-editor .v-md-editor__editor {
   background-color: var(--c-bg-card);
   color: var(--c-text-1);
 }
-.c-markdown-wrapper[data-v-67f4346d] .v-md-editor .v-md-editor__editor textarea {
+.c-markdown-wrapper[data-v-b64c492a] .v-md-editor .v-md-editor__editor textarea {
   color: var(--c-text-1);
   caret-color: var(--c-text-1);
 }
-.c-markdown-wrapper[data-v-67f4346d] .v-md-editor .v-md-editor__preview-wrapper {
+.c-markdown-wrapper[data-v-b64c492a] .v-md-editor .v-md-editor__preview-wrapper {
   background-color: var(--c-bg-card);
 }
-.c-markdown-wrapper[data-v-67f4346d] .v-md-editor .v-md-editor__preview {
+.c-markdown-wrapper[data-v-b64c492a] .v-md-editor .v-md-editor__preview {
   background-color: var(--c-bg-card);
   color: var(--c-text-1);
 }
-.c-markdown-wrapper[data-v-67f4346d] .v-md-editor .v-md-editor__toc-nav-wrapper {
+.c-markdown-wrapper[data-v-b64c492a] .v-md-editor .v-md-editor__toc-nav-wrapper {
   background-color: var(--c-bg-card);
   border-left: 1px solid var(--c-border);
 }
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-item {
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__toolbar-item {
   color: var(--c-markdown-dark-icon-color);
 }
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-item:hover {
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__toolbar-item:hover {
   background-color: var(--c-markdown-dark-hover-bg);
 }
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-item.is-active {
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__toolbar-item.is-active {
   background-color: var(--c-markdown-dark-active-bg);
 }
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-item svg {
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__toolbar-item svg {
   fill: var(--c-markdown-dark-icon-color);
   opacity: 0.9;
 }
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-item:hover svg {
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__toolbar-item:hover svg {
   opacity: 1;
 }
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-right .v-md-editor__toolbar-item {
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__toolbar-right .v-md-editor__toolbar-item {
   background-color: transparent;
 }
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-right .v-md-editor__toolbar-item svg {
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__toolbar-right .v-md-editor__toolbar-item svg {
   fill: var(--c-markdown-dark-icon-color);
 }
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-right .v-md-editor__toolbar-item:hover {
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__toolbar-right .v-md-editor__toolbar-item:hover {
   background-color: var(--c-markdown-dark-hover-bg);
 }
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__toolbar-divider {
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__toolbar-divider {
   background-color: var(--c-border);
 }
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__editor::-webkit-scrollbar,
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__preview::-webkit-scrollbar {
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__editor::-webkit-scrollbar,
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__preview::-webkit-scrollbar {
   width: 8px;
   height: 8px;
 }
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__editor::-webkit-scrollbar-track,
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__preview::-webkit-scrollbar-track {
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__editor::-webkit-scrollbar-track,
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__preview::-webkit-scrollbar-track {
   background-color: var(--c-markdown-dark-scrollbar-track);
 }
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__editor::-webkit-scrollbar-thumb,
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__preview::-webkit-scrollbar-thumb {
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__editor::-webkit-scrollbar-thumb,
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__preview::-webkit-scrollbar-thumb {
   background-color: var(--c-markdown-dark-scrollbar-thumb);
   border-radius: 4px;
 }
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__editor::-webkit-scrollbar-thumb:hover,
-.c-markdown-wrapper.is-dark[data-v-67f4346d] .v-md-editor .v-md-editor__preview::-webkit-scrollbar-thumb:hover {
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__editor::-webkit-scrollbar-thumb:hover,
+.c-markdown-wrapper.is-dark[data-v-b64c492a] .v-md-editor .v-md-editor__preview::-webkit-scrollbar-thumb:hover {
   background-color: var(--c-markdown-dark-scrollbar-hover);
 }
-.c-markdown-wrapper .word-count[data-v-67f4346d] {
+.c-markdown-wrapper .word-count[data-v-b64c492a] {
   position: absolute;
   bottom: 8px;
   right: 12px;
@@ -111,8 +111,8 @@
   border-radius: 4px;
   z-index: 10;
 }
-.c-markdown-wrapper .word-count.exceed[data-v-67f4346d] {
+.c-markdown-wrapper .word-count.exceed[data-v-b64c492a] {
   color: var(--c-error);
 }
 
-/*# sourceMappingURL=C_Markdown-7J0uPEuk.css.map*/
+/*# sourceMappingURL=C_Markdown-DwmI0_0Q.css.map*/

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 */<!--\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"}
+{"version":3,"file":"C_Markdown.js","names":[],"sources":["../src/components/C_Markdown/index.vue"],"sourcesContent":["<!--\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\n    class=\"c-markdown-wrapper\"\n    :class=\"{ 'is-dark': isDark }\"\n  >\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\">\n  import { ref, computed, watch, onMounted } from 'vue'\n  import VMdEditor from '@kangc/v-md-editor'\n\n  defineOptions({ name: 'C_Markdown' })\n\n  export type InsertImageFunction = (config: {\n    url: string\n    desc?: string\n    width?: string | number\n    height?: string | number\n  }) => void\n\n  interface 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\n  const 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\n  interface 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\n  const emit = defineEmits<Emits>()\n\n  const editorRef = ref<any>(null)\n  const cachedHtml = ref('')\n\n  const wordCount = computed(() => {\n    return props.modelValue?.length || 0\n  })\n\n  const computedUploadImageConfig = computed(() => {\n    const defaultConfig = {\n      accept: 'image/*',\n      multiple: false,\n    }\n    return props.uploadImageConfig\n      ? { ...defaultConfig, ...props.uploadImageConfig }\n      : defaultConfig\n  })\n\n  onMounted(() => {\n    if (props.showWordCount && props.modelValue) {\n      emit('word-count-change', props.modelValue.length)\n    }\n  })\n\n  watch(\n    () => props.modelValue,\n    newValue => {\n      if (props.showWordCount) {\n        emit('word-count-change', newValue?.length || 0)\n      }\n    },\n    { immediate: true }\n  )\n\n  const 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\n  const handleChange = (text: string, html: string) => {\n    cachedHtml.value = html\n    emit('change', text, html)\n    if (props.autoSave) {\n      autoSave(text)\n    }\n  }\n\n  const handleSave = (text: string, html: string) => {\n    emit('save', text, html)\n  }\n\n  const handleUploadImage = (\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList\n  ) => {\n    emit('upload-image', event, insertImage, files)\n  }\n\n  const handleFullscreenChange = (isFullscreen: boolean) => {\n    emit('fullscreen-change', isFullscreen)\n  }\n\n  const handleCopyCodeSuccess = (text: string) => {\n    emit('copy-code-success', text)\n  }\n\n  let autoSaveTimer: ReturnType<typeof setTimeout> | null = null\n\n  const autoSave = (text: string) => {\n    if (autoSaveTimer) clearTimeout(autoSaveTimer)\n    autoSaveTimer = setTimeout(() => {\n      emit('auto-save', text)\n    }, props.autoSaveInterval)\n  }\n\n  const focus = () => {\n    editorRef.value?.focus()\n  }\n\n  const getHtml = (): string => {\n    return cachedHtml.value\n  }\n\n  const insertText = (text: string) => {\n    editorRef.value?.insert((selected: string) => ({\n      text: `${selected}${text}`,\n      selected: text,\n    }))\n  }\n\n  defineExpose({\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":"giCA4EE,IAAM,EAAQ,EAoCR,EAAO,EAEP,GAAA,EAAA,EAAA,KAAqB,KAAI,CACzB,GAAA,EAAA,EAAA,KAAiB,GAAE,CAEnB,GAAA,EAAA,EAAA,cACG,EAAM,YAAY,QAAU,EACpC,CAEK,GAAA,EAAA,EAAA,cAA2C,CAC/C,IAAM,EAAgB,CACpB,OAAQ,UACR,SAAU,GACZ,CACA,OAAO,EAAM,kBACT,CAAE,GAAG,EAAe,GAAG,EAAM,kBAAkB,CAC/C,GACL,EAED,EAAA,EAAA,eAAgB,CACV,EAAM,eAAiB,EAAM,YAC/B,EAAK,oBAAqB,EAAM,WAAW,OAAM,EAEpD,EAED,EAAA,EAAA,WACQ,EAAM,WACZ,GAAY,CACN,EAAM,eACR,EAAK,oBAAqB,GAAU,QAAU,EAAC,EAGnD,CAAE,UAAW,GAAK,CACpB,CAEA,IAAM,EAAe,GAAkB,CACrC,GAAI,EAAM,OAAS,EAAM,UAAW,CAClC,EAAK,sBAAuB,EAAM,OAAQ,EAAM,UAAS,CACzD,OAEF,EAAK,oBAAqB,EAAK,CAC3B,EAAM,eACR,EAAK,oBAAqB,EAAM,OAAM,EAIpC,GAAgB,EAAc,IAAiB,CACnD,EAAW,MAAQ,EACnB,EAAK,SAAU,EAAM,EAAI,CACrB,EAAM,UACR,EAAS,EAAI,EAIX,GAAc,EAAc,IAAiB,CACjD,EAAK,OAAQ,EAAM,EAAI,EAGnB,GACJ,EACA,EACA,IACG,CACH,EAAK,eAAgB,EAAO,EAAa,EAAK,EAG1C,EAA0B,GAA0B,CACxD,EAAK,oBAAqB,EAAY,EAGlC,EAAyB,GAAiB,CAC9C,EAAK,oBAAqB,EAAI,EAG5B,EAAsD,KAEpD,EAAY,GAAiB,CAC7B,GAAe,aAAa,EAAa,CAC7C,EAAgB,eAAiB,CAC/B,EAAK,YAAa,EAAI,EACrB,EAAM,iBAAgB,SAkB3B,EAAa,CACX,UAhBkB,CAClB,EAAU,OAAO,OAAM,EAgBvB,YAZO,EAAW,MAalB,WAVkB,GAAiB,CACnC,EAAU,OAAO,OAAQ,IAAsB,CAC7C,KAAM,GAAG,IAAW,IACpB,SAAU,EACX,EAAC,EAOF,YACD,CAAA,oDArLI,MAAA,CAzBH,OAAA,EAAA,EAAA,gBAAK,CAAC,qBAAmB,CAAA,UACJ,EAAA,OAAM,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAuB1B,EAAA,QAAA,CAAA,SApBK,YAAJ,IAAI,EACH,cAAa,EAAA,WACb,OAAQ,EAAA,OACR,YAAa,EAAA,YACb,QAAS,EAAA,QACT,KAAM,EAAA,KACN,sBAAqB,EAAA,MACrB,mBAAkB,EAAA,eAClB,qBAAoB,EAAA,kBACpB,UAAW,EAAA,UACX,gBAAe,EAAA,aACf,eAAc,EAAA,YACd,gBAAe,EAAA,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-67f4346d`]]);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-b64c492a`]]);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 */<!--\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"}
+{"version":3,"file":"C_Markdown2.js","names":[],"sources":["../src/components/C_Markdown/index.vue"],"sourcesContent":["<!--\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\n    class=\"c-markdown-wrapper\"\n    :class=\"{ 'is-dark': isDark }\"\n  >\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\">\n  import { ref, computed, watch, onMounted } from 'vue'\n  import VMdEditor from '@kangc/v-md-editor'\n\n  defineOptions({ name: 'C_Markdown' })\n\n  export type InsertImageFunction = (config: {\n    url: string\n    desc?: string\n    width?: string | number\n    height?: string | number\n  }) => void\n\n  interface 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\n  const 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\n  interface 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\n  const emit = defineEmits<Emits>()\n\n  const editorRef = ref<any>(null)\n  const cachedHtml = ref('')\n\n  const wordCount = computed(() => {\n    return props.modelValue?.length || 0\n  })\n\n  const computedUploadImageConfig = computed(() => {\n    const defaultConfig = {\n      accept: 'image/*',\n      multiple: false,\n    }\n    return props.uploadImageConfig\n      ? { ...defaultConfig, ...props.uploadImageConfig }\n      : defaultConfig\n  })\n\n  onMounted(() => {\n    if (props.showWordCount && props.modelValue) {\n      emit('word-count-change', props.modelValue.length)\n    }\n  })\n\n  watch(\n    () => props.modelValue,\n    newValue => {\n      if (props.showWordCount) {\n        emit('word-count-change', newValue?.length || 0)\n      }\n    },\n    { immediate: true }\n  )\n\n  const 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\n  const handleChange = (text: string, html: string) => {\n    cachedHtml.value = html\n    emit('change', text, html)\n    if (props.autoSave) {\n      autoSave(text)\n    }\n  }\n\n  const handleSave = (text: string, html: string) => {\n    emit('save', text, html)\n  }\n\n  const handleUploadImage = (\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList\n  ) => {\n    emit('upload-image', event, insertImage, files)\n  }\n\n  const handleFullscreenChange = (isFullscreen: boolean) => {\n    emit('fullscreen-change', isFullscreen)\n  }\n\n  const handleCopyCodeSuccess = (text: string) => {\n    emit('copy-code-success', text)\n  }\n\n  let autoSaveTimer: ReturnType<typeof setTimeout> | null = null\n\n  const autoSave = (text: string) => {\n    if (autoSaveTimer) clearTimeout(autoSaveTimer)\n    autoSaveTimer = setTimeout(() => {\n      emit('auto-save', text)\n    }, props.autoSaveInterval)\n  }\n\n  const focus = () => {\n    editorRef.value?.focus()\n  }\n\n  const getHtml = (): string => {\n    return cachedHtml.value\n  }\n\n  const insertText = (text: string) => {\n    editorRef.value?.insert((selected: string) => ({\n      text: `${selected}${text}`,\n      selected: text,\n    }))\n  }\n\n  defineExpose({\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":"uoCA4EE,IAAM,EAAQ,EAoCR,EAAO,EAEP,EAAY,EAAS,KAAI,CACzB,EAAa,EAAI,GAAE,CAEnB,EAAY,MACT,EAAM,YAAY,QAAU,EACpC,CAEK,EAA4B,MAAe,CAC/C,IAAM,EAAgB,CACpB,OAAQ,UACR,SAAU,GACZ,CACA,OAAO,EAAM,kBACT,CAAE,GAAG,EAAe,GAAG,EAAM,kBAAkB,CAC/C,GACL,CAED,MAAgB,CACV,EAAM,eAAiB,EAAM,YAC/B,EAAK,oBAAqB,EAAM,WAAW,OAAM,EAEpD,CAED,MACQ,EAAM,WACZ,GAAY,CACN,EAAM,eACR,EAAK,oBAAqB,GAAU,QAAU,EAAC,EAGnD,CAAE,UAAW,GAAK,CACpB,CAEA,IAAM,EAAe,GAAkB,CACrC,GAAI,EAAM,OAAS,EAAM,UAAW,CAClC,EAAK,sBAAuB,EAAM,OAAQ,EAAM,UAAS,CACzD,OAEF,EAAK,oBAAqB,EAAK,CAC3B,EAAM,eACR,EAAK,oBAAqB,EAAM,OAAM,EAIpC,GAAgB,EAAc,IAAiB,CACnD,EAAW,MAAQ,EACnB,EAAK,SAAU,EAAM,EAAI,CACrB,EAAM,UACR,EAAS,EAAI,EAIX,GAAc,EAAc,IAAiB,CACjD,EAAK,OAAQ,EAAM,EAAI,EAGnB,GACJ,EACA,EACA,IACG,CACH,EAAK,eAAgB,EAAO,EAAa,EAAK,EAG1C,EAA0B,GAA0B,CACxD,EAAK,oBAAqB,EAAY,EAGlC,EAAyB,GAAiB,CAC9C,EAAK,oBAAqB,EAAI,EAG5B,EAAsD,KAEpD,EAAY,GAAiB,CAC7B,GAAe,aAAa,EAAa,CAC7C,EAAgB,eAAiB,CAC/B,EAAK,YAAa,EAAI,EACrB,EAAM,iBAAgB,SAkB3B,EAAa,CACX,UAhBkB,CAClB,EAAU,OAAO,OAAM,EAgBvB,YAZO,EAAW,MAalB,WAVkB,GAAiB,CACnC,EAAU,OAAO,OAAQ,IAAsB,CAC7C,KAAM,GAAG,IAAW,IACpB,SAAU,EACX,EAAC,EAOF,YACD,CAAA,aA/MD,EA0BK,MAAA,CAzBH,MAAK,EAAA,CAAC,qBAAmB,CAAA,UACJ,EAAA,OAAM,CAAA,CAAA,CAAA,CAAA,CAE3B,EAqBC,EAAA,EAAA,CAAA,SApBK,YAAJ,IAAI,EACH,cAAa,EAAA,WACb,OAAQ,EAAA,OACR,YAAa,EAAA,YACb,QAAS,EAAA,QACT,KAAM,EAAA,KACN,sBAAqB,EAAA,MACrB,mBAAkB,EAAA,eAClB,qBAAoB,EAAA,kBACpB,UAAW,EAAA,UACX,gBAAe,EAAA,aACf,eAAc,EAAA,YACd,gBAAe,EAAA,aACf,mBAAkB,GAClB,sBAAoB,EACpB,SAAQ,EACR,OAAM,EACN,cAAc,EACd,mBAAmB,EACnB,kBAAmB"}

package/dist/C_Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Menu.js","names":["mode","collapsed","collapsedWidth","collapsedIconSize","inverted","themeOverrides","dropdownProps","indent","rootIndent"],"sources":["../src/components/C_Menu/index.vue","../src/components/C_Menu/index.vue","../src/components/C_Menu/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n","/* unplugin-vue-components disabled */<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n","<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n"],"mappings":"gnBE6DE,IAAM,EAAQ,EA2DR,EAAO,EAOP,GAAA,EAAA,EAAA,KAA+B,KAAI,CACnC,GAAA,EAAA,EAAA,KAA6B,EAAE,CAAA,CAE/B,GAAA,EAAA,EAAA,cAA2B,EAAM,OAAS,GAAE,CAK5C,GAAA,EAAA,EAAA,cAA6C,CAEjD,GAAI,EAAM,QAAS,OAAO,EAAM,QAGhC,GAAI,EAAM,OAAQ,CAChB,IAAM,EAA4B,CAChC,GAAG,EAAM,cACT,GAAI,EAAM,gBAAkB,CAAE,eAAgB,EAAM,eAAgB,CACtE,CACA,OAAO,EAAA,EAAkB,EAAM,OAAQ,EAAM,CAG/C,MAAO,EAAC,EACT,CAKK,GACJ,EACA,EACA,EAAuB,EAAC,GACX,CACb,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAW,EAAK,SACtB,GAAI,GAAU,OAAQ,CACpB,IAAM,EAAc,CAAC,GAAG,EAAY,EAAK,IAAa,CACtD,GAAI,EAAS,KAAK,GAAS,EAAM,MAAQ,EAAU,CACjD,OAAO,EAET,IAAM,EAAS,EAAe,EAAU,EAAW,EAAW,CAC9D,GAAI,EAAO,OAAS,EAAG,OAAO,GAGlC,MAAO,EAAC,EAIJ,EAAuB,GAA8B,CACzD,IAAM,EAAW,EAAK,MAAM,IAAI,CAAC,OAAO,QAAO,CACzC,EAAO,IAAI,IACb,EAAc,GAMlB,OALA,EAAS,QAAQ,GAAW,CAC1B,GAAe,IAAI,IACnB,EAAK,IAAI,EAAW,EACrB,CACD,EAAe,EAAc,MAAO,EAAK,CAAC,QAAQ,GAAO,EAAK,IAAI,EAAI,CAAA,CAC/D,GAKH,EAAmB,GAAgB,CACnC,GAAO,IAAQ,EAAU,OAC3B,EAAK,SAAU,EAAG,EAIhB,EAAwB,GAAmB,CAC/C,EAAa,MAAQ,EACrB,EAAK,sBAAuB,EAAI,SAKlC,EAAa,CAAE,WADK,GAAgB,EAAQ,OAAO,WAAW,EAAG,CACtC,UAAS,CAAA,EAIpC,EAAA,EAAA,WACQ,EAAU,MAChB,GAAU,CACR,GAAI,CAAC,EAAQ,OACb,IAAM,EAAU,EAAoB,EAAM,CAC1C,EAAa,MAAQ,MAAM,KACzB,IAAI,IAAI,CAAC,GAAG,EAAa,MAAO,GAAG,EAAQ,CAAA,CAC7C,EACA,EAAA,EAAA,cAAe,EAAQ,OAAO,WAAW,EAAO,CAAA,EAElD,CAAE,UAAW,GAAK,CACpB,EAEA,EAAA,EAAA,eAAgB,EACd,EAAA,EAAA,cAAe,CACT,EAAU,QACZ,EAAa,MAAQ,MAAM,KAAK,EAAoB,EAAU,MAAM,CAAA,CACpE,EAAQ,OAAO,WAAW,EAAU,MAAK,GAE5C,EACF,iEAtLC,EAAA,SAfI,UAAJ,IAAI,EACH,QAAS,EAAA,MACT,gBAAe,EAAA,MACf,MAAO,EAAA,MACP,KAAMA,EAAAA,KACN,UAAWC,EAAAA,UACX,kBAAiBC,EAAAA,eACjB,sBAAqBC,EAAAA,kBACrB,SAAUC,EAAAA,SACV,kBAAiBC,EAAAA,eACjB,iBAAgBC,EAAAA,cAChB,OAAQC,EAAAA,OACR,cAAaC,EAAAA,WACb,iBAAc,EACd,wBAAsB"}
+{"version":3,"file":"C_Menu.js","names":[],"sources":["../src/components/C_Menu/index.vue"],"sourcesContent":["<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n"],"mappings":"4lBA6DE,IAAM,EAAQ,EA2DR,EAAO,EAOP,GAAA,EAAA,EAAA,KAA+B,KAAI,CACnC,GAAA,EAAA,EAAA,KAA6B,EAAE,CAAA,CAE/B,GAAA,EAAA,EAAA,cAA2B,EAAM,OAAS,GAAE,CAK5C,GAAA,EAAA,EAAA,cAA6C,CAEjD,GAAI,EAAM,QAAS,OAAO,EAAM,QAGhC,GAAI,EAAM,OAAQ,CAChB,IAAM,EAA4B,CAChC,GAAG,EAAM,cACT,GAAI,EAAM,gBAAkB,CAAE,eAAgB,EAAM,eAAgB,CACtE,CACA,OAAO,EAAA,EAAkB,EAAM,OAAQ,EAAM,CAG/C,MAAO,EAAC,EACT,CAKK,GACJ,EACA,EACA,EAAuB,EAAC,GACX,CACb,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAW,EAAK,SACtB,GAAI,GAAU,OAAQ,CACpB,IAAM,EAAc,CAAC,GAAG,EAAY,EAAK,IAAa,CACtD,GAAI,EAAS,KAAK,GAAS,EAAM,MAAQ,EAAU,CACjD,OAAO,EAET,IAAM,EAAS,EAAe,EAAU,EAAW,EAAW,CAC9D,GAAI,EAAO,OAAS,EAAG,OAAO,GAGlC,MAAO,EAAC,EAIJ,EAAuB,GAA8B,CACzD,IAAM,EAAW,EAAK,MAAM,IAAI,CAAC,OAAO,QAAO,CACzC,EAAO,IAAI,IACb,EAAc,GAMlB,OALA,EAAS,QAAQ,GAAW,CAC1B,GAAe,IAAI,IACnB,EAAK,IAAI,EAAW,EACrB,CACD,EAAe,EAAc,MAAO,EAAK,CAAC,QAAQ,GAAO,EAAK,IAAI,EAAI,CAAA,CAC/D,GAKH,EAAmB,GAAgB,CACnC,GAAO,IAAQ,EAAU,OAC3B,EAAK,SAAU,EAAG,EAIhB,EAAwB,GAAmB,CAC/C,EAAa,MAAQ,EACrB,EAAK,sBAAuB,EAAI,SAKlC,EAAa,CAAE,WADK,GAAgB,EAAQ,OAAO,WAAW,EAAG,CACtC,UAAS,CAAA,EAIpC,EAAA,EAAA,WACQ,EAAU,MAChB,GAAU,CACR,GAAI,CAAC,EAAQ,OACb,IAAM,EAAU,EAAoB,EAAM,CAC1C,EAAa,MAAQ,MAAM,KACzB,IAAI,IAAI,CAAC,GAAG,EAAa,MAAO,GAAG,EAAQ,CAAA,CAC7C,EACA,EAAA,EAAA,cAAe,EAAQ,OAAO,WAAW,EAAO,CAAA,EAElD,CAAE,UAAW,GAAK,CACpB,EAEA,EAAA,EAAA,eAAgB,EACd,EAAA,EAAA,cAAe,CACT,EAAU,QACZ,EAAa,MAAQ,MAAM,KAAK,EAAoB,EAAU,MAAM,CAAA,CACpE,EAAQ,OAAO,WAAW,EAAU,MAAK,GAE5C,EACF,yFAtLA,EAAA,SAfK,UAAJ,IAAI,EACH,QAAS,EAAA,MACT,gBAAe,EAAA,MACf,MAAO,EAAA,MACP,KAAM,EAAA,KACN,UAAW,EAAA,UACX,kBAAiB,EAAA,eACjB,sBAAqB,EAAA,kBACrB,SAAU,EAAA,SACV,kBAAiB,EAAA,eACjB,iBAAgB,EAAA,cAChB,OAAQ,EAAA,OACR,cAAa,EAAA,WACb,iBAAc,EACd,wBAAsB"}

package/dist/C_Menu2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./menuAdapter.js";import{NMenu as t}from"naive-ui";import{computed as n,createBlock as r,defineComponent as i,nextTick as a,onMounted as o,openBlock as s,ref as c,watch as l}from"vue";var u=i({name:`C_Menu`,__name:`index`,props:{options:{},routes:{},adapterConfig:{},labelFormatter:{},value:{},mode:{default:`vertical`},collapsed:{type:Boolean,default:!1},collapsedWidth:{default:64},collapsedIconSize:{default:22},inverted:{type:Boolean,default:!1},themeOverrides:{},indent:{default:24},rootIndent:{default:16},dropdownProps:{default:()=>({placement:`right-start`,trigger:`hover`,arrowStyle:{color:`var(--n-color)`}})}},emits:[`select`,`update:expandedKeys`],setup(i,{expose:u,emit:d}){let f=i,p=d,m=c(null),h=c([]),g=n(()=>f.value??``),_=n(()=>{if(f.options)return f.options;if(f.routes){let t={...f.adapterConfig,...f.labelFormatter&&{labelFormatter:f.labelFormatter}};return e(f.routes,t)}return[]}),v=(e,t,n=[])=>{for(let r of e){let e=r.children;if(e?.length){let i=[...n,r.key];if(e.some(e=>e.key===t))return i;let a=v(e,t,i);if(a.length>0)return a}}return[]},y=e=>{let t=e.split(`/`).filter(Boolean),n=new Set,r=``;return t.forEach(e=>{r+=`/${e}`,n.add(r)}),v(_.value,e).forEach(e=>n.add(e)),n},b=e=>{e&&e!==g.value&&p(`select`,e)},x=e=>{h.value=e,p(`update:expandedKeys`,e)};return u({showOption:e=>m.value?.showOption(e),menuRef:m}),l(()=>g.value,e=>{if(!e)return;let t=y(e);h.value=Array.from(new Set([...h.value,...t])),a(()=>m.value?.showOption(e))},{immediate:!0}),o(()=>{a(()=>{g.value&&(h.value=Array.from(y(g.value)),m.value?.showOption(g.value))})}),(e,n)=>{let i=t;return s(),r(i,{ref_key:`menuRef`,ref:m,options:_.value,"expanded-keys":h.value,value:g.value,mode:e.mode,collapsed:e.collapsed,"collapsed-width":e.collapsedWidth,"collapsed-icon-size":e.collapsedIconSize,inverted:e.inverted,"theme-overrides":e.themeOverrides,"dropdown-props":e.dropdownProps,indent:e.indent,"root-indent":e.rootIndent,"onUpdate:value":b,"onUpdate:expandedKeys":x},null,8,[`options`,`expanded-keys`,`value`,`mode`,`collapsed`,`collapsed-width`,`collapsed-icon-size`,`inverted`,`theme-overrides`,`dropdown-props`,`indent`,`root-indent`])}}});export{u as t};
+import{t as e}from"./menuAdapter.js";import{computed as t,createBlock as n,defineComponent as r,nextTick as i,onMounted as a,openBlock as o,ref as s,resolveComponent as c,watch as l}from"vue";const u=r({name:`C_Menu`,__name:`index`,props:{options:{},routes:{},adapterConfig:{},labelFormatter:{},value:{},mode:{default:`vertical`},collapsed:{type:Boolean,default:!1},collapsedWidth:{default:64},collapsedIconSize:{default:22},inverted:{type:Boolean,default:!1},themeOverrides:{},indent:{default:24},rootIndent:{default:16},dropdownProps:{default:()=>({placement:`right-start`,trigger:`hover`,arrowStyle:{color:`var(--n-color)`}})}},emits:[`select`,`update:expandedKeys`],setup(r,{expose:u,emit:d}){let f=r,p=d,m=s(null),h=s([]),g=t(()=>f.value??``),_=t(()=>{if(f.options)return f.options;if(f.routes){let t={...f.adapterConfig,...f.labelFormatter&&{labelFormatter:f.labelFormatter}};return e(f.routes,t)}return[]}),v=(e,t,n=[])=>{for(let r of e){let e=r.children;if(e?.length){let i=[...n,r.key];if(e.some(e=>e.key===t))return i;let a=v(e,t,i);if(a.length>0)return a}}return[]},y=e=>{let t=e.split(`/`).filter(Boolean),n=new Set,r=``;return t.forEach(e=>{r+=`/${e}`,n.add(r)}),v(_.value,e).forEach(e=>n.add(e)),n},b=e=>{e&&e!==g.value&&p(`select`,e)},x=e=>{h.value=e,p(`update:expandedKeys`,e)};return u({showOption:e=>m.value?.showOption(e),menuRef:m}),l(()=>g.value,e=>{if(!e)return;let t=y(e);h.value=Array.from(new Set([...h.value,...t])),i(()=>m.value?.showOption(e))},{immediate:!0}),a(()=>{i(()=>{g.value&&(h.value=Array.from(y(g.value)),m.value?.showOption(g.value))})}),(e,t)=>{let r=c(`NMenu`);return o(),n(r,{ref_key:`menuRef`,ref:m,options:_.value,"expanded-keys":h.value,value:g.value,mode:e.mode,collapsed:e.collapsed,"collapsed-width":e.collapsedWidth,"collapsed-icon-size":e.collapsedIconSize,inverted:e.inverted,"theme-overrides":e.themeOverrides,"dropdown-props":e.dropdownProps,indent:e.indent,"root-indent":e.rootIndent,"onUpdate:value":b,"onUpdate:expandedKeys":x},null,8,[`options`,`expanded-keys`,`value`,`mode`,`collapsed`,`collapsed-width`,`collapsed-icon-size`,`inverted`,`theme-overrides`,`dropdown-props`,`indent`,`root-indent`])}}});export{u as t};
 //# sourceMappingURL=C_Menu2.js.map

package/dist/C_Menu2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Menu2.js","names":["mode","collapsed","collapsedWidth","collapsedIconSize","inverted","themeOverrides","dropdownProps","indent","rootIndent"],"sources":["../src/components/C_Menu/index.vue","../src/components/C_Menu/index.vue","../src/components/C_Menu/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n","/* unplugin-vue-components disabled */<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n","<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n"],"mappings":"ksBE6DE,IAAM,EAAQ,EA2DR,EAAO,EAOP,EAAU,EAAqB,KAAI,CACnC,EAAe,EAAc,EAAE,CAAA,CAE/B,EAAY,MAAe,EAAM,OAAS,GAAE,CAK5C,EAAgB,MAA6B,CAEjD,GAAI,EAAM,QAAS,OAAO,EAAM,QAGhC,GAAI,EAAM,OAAQ,CAChB,IAAM,EAA4B,CAChC,GAAG,EAAM,cACT,GAAI,EAAM,gBAAkB,CAAE,eAAgB,EAAM,eAAgB,CACtE,CACA,OAAO,EAAkB,EAAM,OAAQ,EAAM,CAG/C,MAAO,EAAC,EACT,CAKK,GACJ,EACA,EACA,EAAuB,EAAC,GACX,CACb,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAW,EAAK,SACtB,GAAI,GAAU,OAAQ,CACpB,IAAM,EAAc,CAAC,GAAG,EAAY,EAAK,IAAa,CACtD,GAAI,EAAS,KAAK,GAAS,EAAM,MAAQ,EAAU,CACjD,OAAO,EAET,IAAM,EAAS,EAAe,EAAU,EAAW,EAAW,CAC9D,GAAI,EAAO,OAAS,EAAG,OAAO,GAGlC,MAAO,EAAC,EAIJ,EAAuB,GAA8B,CACzD,IAAM,EAAW,EAAK,MAAM,IAAI,CAAC,OAAO,QAAO,CACzC,EAAO,IAAI,IACb,EAAc,GAMlB,OALA,EAAS,QAAQ,GAAW,CAC1B,GAAe,IAAI,IACnB,EAAK,IAAI,EAAW,EACrB,CACD,EAAe,EAAc,MAAO,EAAK,CAAC,QAAQ,GAAO,EAAK,IAAI,EAAI,CAAA,CAC/D,GAKH,EAAmB,GAAgB,CACnC,GAAO,IAAQ,EAAU,OAC3B,EAAK,SAAU,EAAG,EAIhB,EAAwB,GAAmB,CAC/C,EAAa,MAAQ,EACrB,EAAK,sBAAuB,EAAI,SAKlC,EAAa,CAAE,WADK,GAAgB,EAAQ,OAAO,WAAW,EAAG,CACtC,UAAS,CAAA,CAIpC,MACQ,EAAU,MAChB,GAAU,CACR,GAAI,CAAC,EAAQ,OACb,IAAM,EAAU,EAAoB,EAAM,CAC1C,EAAa,MAAQ,MAAM,KACzB,IAAI,IAAI,CAAC,GAAG,EAAa,MAAO,GAAG,EAAQ,CAAA,CAC7C,CACA,MAAe,EAAQ,OAAO,WAAW,EAAO,CAAA,EAElD,CAAE,UAAW,GAAK,CACpB,CAEA,MAAgB,CACd,MAAe,CACT,EAAU,QACZ,EAAa,MAAQ,MAAM,KAAK,EAAoB,EAAU,MAAM,CAAA,CACpE,EAAQ,OAAO,WAAW,EAAU,MAAK,GAE5C,EACF,4BAtMD,EAgBE,EAAA,SAfI,UAAJ,IAAI,EACH,QAAS,EAAA,MACT,gBAAe,EAAA,MACf,MAAO,EAAA,MACP,KAAMA,EAAAA,KACN,UAAWC,EAAAA,UACX,kBAAiBC,EAAAA,eACjB,sBAAqBC,EAAAA,kBACrB,SAAUC,EAAAA,SACV,kBAAiBC,EAAAA,eACjB,iBAAgBC,EAAAA,cAChB,OAAQC,EAAAA,OACR,cAAaC,EAAAA,WACb,iBAAc,EACd,wBAAsB"}
+{"version":3,"file":"C_Menu2.js","names":[],"sources":["../src/components/C_Menu/index.vue"],"sourcesContent":["<!--\n * @Description: 通用菜单组件 — 基于 NMenu 的树形导航菜单\n *\n * 支持两种数据输入模式：\n * 1. `options` — 直传 NMenu 原生 MenuOption[]（零转换，高级用户）\n * 2. `routes` — 传入路由数据，自动通过内置适配器转换为 MenuOption[]\n *\n * @example 路由模式（推荐）\n * ```vue\n * <C_Menu\n *   :routes=\"menuData\"\n *   :label-formatter=\"$t\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * @example 原生模式\n * ```vue\n * <C_Menu\n *   :options=\"nMenuOptions\"\n *   @select=\"router.push\"\n * />\n * ```\n *\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <NMenu\n    ref=\"menuRef\"\n    :options=\"mergedOptions\"\n    :expanded-keys=\"expandedKeys\"\n    :value=\"activeKey\"\n    :mode=\"mode\"\n    :collapsed=\"collapsed\"\n    :collapsed-width=\"collapsedWidth\"\n    :collapsed-icon-size=\"collapsedIconSize\"\n    :inverted=\"inverted\"\n    :theme-overrides=\"themeOverrides\"\n    :dropdown-props=\"dropdownProps\"\n    :indent=\"indent\"\n    :root-indent=\"rootIndent\"\n    @update:value=\"handleMenuClick\"\n    @update:expanded-keys=\"onExpandedKeysChange\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { ref, computed, watch, nextTick, onMounted } from 'vue'\n  import {\n    type MenuOption,\n    type MenuInst,\n    type DropdownProps,\n  } from 'naive-ui/es'\n  import {\n    createMenuOptions,\n    type RouteItem,\n    type MenuAdapterConfig,\n  } from '../_shared'\n\n  defineOptions({ name: 'C_Menu' })\n\n  const props = withDefaults(\n    defineProps<{\n      /**\n       * 模式一：直传 NMenu 原生 MenuOption[]\n       * 与 `routes` 二选一，`options` 优先级更高\n       */\n      options?: MenuOption[]\n      /**\n       * 模式二：传入路由数据，自动转换为 MenuOption[]\n       * 兼容 Vue Router RouteRecordRaw / 后端 JSON 路由表\n       */\n      routes?: RouteItem[]\n      /**\n       * 适配器配置（仅 routes 模式生效）\n       * 可自定义 key/label/icon 取值、过滤逻辑等\n       */\n      adapterConfig?: MenuAdapterConfig\n      /**\n       * 标签文本格式化函数（routes 模式的快捷方式）\n       * 等同于 `adapterConfig.labelFormatter`，但优先级更高\n       */\n      labelFormatter?: (label: string) => string\n      /** 当前激活的菜单 key */\n      value?: string\n      /** 菜单模式 */\n      mode?: 'vertical' | 'horizontal'\n      /** 是否折叠 */\n      collapsed?: boolean\n      /** 折叠宽度 */\n      collapsedWidth?: number\n      /** 折叠图标大小 */\n      collapsedIconSize?: number\n      /** 是否反色 */\n      inverted?: boolean\n      /** 主题覆盖 */\n      themeOverrides?: Record<string, any>\n      /** 缩进像素 */\n      indent?: number\n      /** 根缩进像素 */\n      rootIndent?: number\n      /** 下拉菜单属性（折叠模式） */\n      dropdownProps?: DropdownProps\n    }>(),\n    {\n      mode: 'vertical',\n      collapsed: false,\n      collapsedWidth: 64,\n      collapsedIconSize: 22,\n      inverted: false,\n      indent: 24,\n      rootIndent: 16,\n      dropdownProps: () => ({\n        placement: 'right-start' as const,\n        trigger: 'hover' as const,\n        arrowStyle: { color: 'var(--n-color)' },\n      }),\n    }\n  )\n\n  const emit = defineEmits<{\n    /** 菜单项被选中 */\n    select: [key: string]\n    /** 展开项变化 */\n    'update:expandedKeys': [keys: string[]]\n  }>()\n\n  const menuRef = ref<MenuInst | null>(null)\n  const expandedKeys = ref<string[]>([])\n\n  const activeKey = computed(() => props.value ?? '')\n\n  // ====== 数据合成 ======\n\n  /** 合并后的最终 MenuOption[] */\n  const mergedOptions = computed<MenuOption[]>(() => {\n    // 优先使用 options 直传模式\n    if (props.options) return props.options\n\n    // routes 模式 → 适配器转换\n    if (props.routes) {\n      const config: MenuAdapterConfig = {\n        ...props.adapterConfig,\n        ...(props.labelFormatter && { labelFormatter: props.labelFormatter }),\n      }\n      return createMenuOptions(props.routes, config)\n    }\n\n    return []\n  })\n\n  // ====== 展开逻辑 ======\n\n  /** 从 MenuOption[] 中查找所有祖先 key */\n  const findParentKeys = (\n    items: MenuOption[],\n    targetKey: string,\n    parentKeys: string[] = []\n  ): string[] => {\n    for (const item of items) {\n      const children = item.children as MenuOption[] | undefined\n      if (children?.length) {\n        const currentKeys = [...parentKeys, item.key as string]\n        if (children.some(child => child.key === targetKey)) {\n          return currentKeys\n        }\n        const result = findParentKeys(children, targetKey, currentKeys)\n        if (result.length > 0) return result\n      }\n    }\n    return []\n  }\n\n  /** 通过路径段推导展开 key + 查找祖先 key */\n  const computeExpandedKeys = (path: string): Set<string> => {\n    const segments = path.split('/').filter(Boolean)\n    const keys = new Set<string>()\n    let currentPath = ''\n    segments.forEach(segment => {\n      currentPath += `/${segment}`\n      keys.add(currentPath)\n    })\n    findParentKeys(mergedOptions.value, path).forEach(key => keys.add(key))\n    return keys\n  }\n\n  // ====== 事件处理 ======\n\n  const handleMenuClick = (key: string) => {\n    if (key && key !== activeKey.value) {\n      emit('select', key)\n    }\n  }\n\n  const onExpandedKeysChange = (keys: string[]) => {\n    expandedKeys.value = keys\n    emit('update:expandedKeys', keys)\n  }\n\n  // ====== 暴露方法 ======\n  const showOption = (key: string) => menuRef.value?.showOption(key)\n  defineExpose({ showOption, menuRef })\n\n  // ====== 路由跟踪 ======\n\n  watch(\n    () => activeKey.value,\n    newKey => {\n      if (!newKey) return\n      const newKeys = computeExpandedKeys(newKey)\n      expandedKeys.value = Array.from(\n        new Set([...expandedKeys.value, ...newKeys])\n      )\n      nextTick(() => menuRef.value?.showOption(newKey))\n    },\n    { immediate: true }\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      if (activeKey.value) {\n        expandedKeys.value = Array.from(computeExpandedKeys(activeKey.value))\n        menuRef.value?.showOption(activeKey.value)\n      }\n    })\n  })\n</script>\n"],"mappings":"yrBA6DE,IAAM,EAAQ,EA2DR,EAAO,EAOP,EAAU,EAAqB,KAAI,CACnC,EAAe,EAAc,EAAE,CAAA,CAE/B,EAAY,MAAe,EAAM,OAAS,GAAE,CAK5C,EAAgB,MAA6B,CAEjD,GAAI,EAAM,QAAS,OAAO,EAAM,QAGhC,GAAI,EAAM,OAAQ,CAChB,IAAM,EAA4B,CAChC,GAAG,EAAM,cACT,GAAI,EAAM,gBAAkB,CAAE,eAAgB,EAAM,eAAgB,CACtE,CACA,OAAO,EAAkB,EAAM,OAAQ,EAAM,CAG/C,MAAO,EAAC,EACT,CAKK,GACJ,EACA,EACA,EAAuB,EAAC,GACX,CACb,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAW,EAAK,SACtB,GAAI,GAAU,OAAQ,CACpB,IAAM,EAAc,CAAC,GAAG,EAAY,EAAK,IAAa,CACtD,GAAI,EAAS,KAAK,GAAS,EAAM,MAAQ,EAAU,CACjD,OAAO,EAET,IAAM,EAAS,EAAe,EAAU,EAAW,EAAW,CAC9D,GAAI,EAAO,OAAS,EAAG,OAAO,GAGlC,MAAO,EAAC,EAIJ,EAAuB,GAA8B,CACzD,IAAM,EAAW,EAAK,MAAM,IAAI,CAAC,OAAO,QAAO,CACzC,EAAO,IAAI,IACb,EAAc,GAMlB,OALA,EAAS,QAAQ,GAAW,CAC1B,GAAe,IAAI,IACnB,EAAK,IAAI,EAAW,EACrB,CACD,EAAe,EAAc,MAAO,EAAK,CAAC,QAAQ,GAAO,EAAK,IAAI,EAAI,CAAA,CAC/D,GAKH,EAAmB,GAAgB,CACnC,GAAO,IAAQ,EAAU,OAC3B,EAAK,SAAU,EAAG,EAIhB,EAAwB,GAAmB,CAC/C,EAAa,MAAQ,EACrB,EAAK,sBAAuB,EAAI,SAKlC,EAAa,CAAE,WADK,GAAgB,EAAQ,OAAO,WAAW,EAAG,CACtC,UAAS,CAAA,CAIpC,MACQ,EAAU,MAChB,GAAU,CACR,GAAI,CAAC,EAAQ,OACb,IAAM,EAAU,EAAoB,EAAM,CAC1C,EAAa,MAAQ,MAAM,KACzB,IAAI,IAAI,CAAC,GAAG,EAAa,MAAO,GAAG,EAAQ,CAAA,CAC7C,CACA,MAAe,EAAQ,OAAO,WAAW,EAAO,CAAA,EAElD,CAAE,UAAW,GAAK,CACpB,CAEA,MAAgB,CACd,MAAe,CACT,EAAU,QACZ,EAAa,MAAQ,MAAM,KAAK,EAAoB,EAAU,MAAM,CAAA,CACpE,EAAQ,OAAO,WAAW,EAAU,MAAK,GAE5C,EACF,qCAtMD,EAgBC,EAAA,SAfK,UAAJ,IAAI,EACH,QAAS,EAAA,MACT,gBAAe,EAAA,MACf,MAAO,EAAA,MACP,KAAM,EAAA,KACN,UAAW,EAAA,UACX,kBAAiB,EAAA,eACjB,sBAAqB,EAAA,kBACrB,SAAU,EAAA,SACV,kBAAiB,EAAA,eACjB,iBAAgB,EAAA,cAChB,OAAQ,EAAA,OACR,cAAa,EAAA,WACb,iBAAc,EACd,wBAAsB"}

package/dist/C_NotificationCenter.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon.js`);const e=require(`./C_NotificationCenter.js`);exports.CATEGORY_MAP=e.a,exports.CATEGORY_TABS=e.o,exports.C_NotificationCenter=e.t,exports.DEFAULT_MAX_BADGE_COUNT=e.s,exports.DEFAULT_PAGE_SIZE=e.c,exports.DEFAULT_POLLING_INTERVAL=e.l,exports.DEFAULT_STORAGE_KEY=e.u,exports.DEFAULT_WS_HEARTBEAT_INTERVAL=e.d,exports.DEFAULT_WS_HEARTBEAT_MESSAGE=e.f,exports.DEFAULT_WS_MAX_RECONNECT=e.p,exports.DEFAULT_WS_RECONNECT_INTERVAL=e.m,exports.MOCK_MESSAGES=e.h,exports.PRIORITY_MAP=e.g,exports.useNotificationCore=e.r,exports.useNotificationFormat=e.n,exports.useNotificationWS=e.i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_NotificationCenter.js`);exports.CATEGORY_MAP=e.a,exports.CATEGORY_TABS=e.o,exports.C_NotificationCenter=e.t,exports.DEFAULT_MAX_BADGE_COUNT=e.s,exports.DEFAULT_PAGE_SIZE=e.c,exports.DEFAULT_POLLING_INTERVAL=e.l,exports.DEFAULT_STORAGE_KEY=e.u,exports.DEFAULT_WS_HEARTBEAT_INTERVAL=e.d,exports.DEFAULT_WS_HEARTBEAT_MESSAGE=e.f,exports.DEFAULT_WS_MAX_RECONNECT=e.p,exports.DEFAULT_WS_RECONNECT_INTERVAL=e.m,exports.MOCK_MESSAGES=e.h,exports.PRIORITY_MAP=e.g,exports.useNotificationCore=e.r,exports.useNotificationFormat=e.n,exports.useNotificationWS=e.i;

package/dist/C_NotificationCenter.js

@@ -1 +1 @@
-import"./C_Icon2.js";import{a as e,c as t,d as n,f as r,g as i,h as a,i as o,l as s,m as c,n as l,o as u,p as d,r as f,s as p,t as m,u as h}from"./C_NotificationCenter2.js";export{e as CATEGORY_MAP,u as CATEGORY_TABS,m as C_NotificationCenter,p as DEFAULT_MAX_BADGE_COUNT,t as DEFAULT_PAGE_SIZE,s as DEFAULT_POLLING_INTERVAL,h as DEFAULT_STORAGE_KEY,n as DEFAULT_WS_HEARTBEAT_INTERVAL,r as DEFAULT_WS_HEARTBEAT_MESSAGE,d as DEFAULT_WS_MAX_RECONNECT,c as DEFAULT_WS_RECONNECT_INTERVAL,a as MOCK_MESSAGES,i as PRIORITY_MAP,f as useNotificationCore,l as useNotificationFormat,o as useNotificationWS};
+import{a as e,c as t,d as n,f as r,g as i,h as a,i as o,l as s,m as c,n as l,o as u,p as d,r as f,s as p,t as m,u as h}from"./C_NotificationCenter2.js";export{e as CATEGORY_MAP,u as CATEGORY_TABS,m as C_NotificationCenter,p as DEFAULT_MAX_BADGE_COUNT,t as DEFAULT_PAGE_SIZE,s as DEFAULT_POLLING_INTERVAL,h as DEFAULT_STORAGE_KEY,n as DEFAULT_WS_HEARTBEAT_INTERVAL,r as DEFAULT_WS_HEARTBEAT_MESSAGE,d as DEFAULT_WS_MAX_RECONNECT,c as DEFAULT_WS_RECONNECT_INTERVAL,a as MOCK_MESSAGES,i as PRIORITY_MAP,f as useNotificationCore,l as useNotificationFormat,o as useNotificationWS};