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

package/dist/C_Markdown2.js

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

package/dist/C_Markdown2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Markdown2.js","names":["isDark","modelValue","height","placeholder","toolbar","mode","tocNavPosition","defaultFullscreen","autofocus","includeLevel","leftToolbar","rightToolbar"],"sources":["../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-20\n * @Description: Markdown 编辑器封装组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\n    <VMdEditor\n      ref=\"editorRef\"\n      :model-value=\"modelValue\"\n      :height=\"height\"\n      :placeholder=\"placeholder\"\n      :toolbar=\"toolbar\"\n      :mode=\"mode\"\n      :upload-image-config=\"computedUploadImageConfig\"\n      :toc-nav-position=\"tocNavPosition\"\n      :default-fullscreen=\"defaultFullscreen\"\n      :autofocus=\"autofocus\"\n      :include-level=\"includeLevel\"\n      :left-toolbar=\"leftToolbar\"\n      :right-toolbar=\"rightToolbar\"\n      :default-show-toc=\"true\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n      @save=\"handleSave\"\n      @upload-image=\"handleUploadImage\"\n      @fullscreen-change=\"handleFullscreenChange\"\n      @copy-code-success=\"handleCopyCodeSuccess\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport VMdEditor from \"@kangc/v-md-editor\";\n\ndefineOptions({ name: \"C_Markdown\" });\n\nexport type InsertImageFunction = (config: {\n  url: string;\n  desc?: string;\n  width?: string | number;\n  height?: string | number;\n}) => void;\n\ninterface Props {\n  modelValue?: string;\n  height?: string | number;\n  disabled?: boolean;\n  placeholder?: string;\n  mode?: \"edit\" | \"editable\" | \"preview\";\n  toolbar?: object;\n  uploadImageConfig?: {\n    accept?: string;\n    multiple?: boolean;\n    [key: string]: any;\n  };\n  tocNavPosition?: \"left\" | \"right\";\n  defaultFullscreen?: boolean;\n  autofocus?: boolean;\n  includeLevel?: number[];\n  leftToolbar?: string;\n  rightToolbar?: string;\n  maxLength?: number;\n  showWordCount?: boolean;\n  autoSave?: boolean;\n  autoSaveInterval?: number;\n  /** 是否为暗色主题（外部传入） */\n  isDark?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  height: \"400px\",\n  disabled: false,\n  placeholder: \"请输入 Markdown 内容...\",\n  mode: \"editable\",\n  tocNavPosition: \"right\",\n  defaultFullscreen: false,\n  autofocus: false,\n  includeLevel: () => [1, 2, 3, 4, 5, 6],\n  leftToolbar:\n    \"undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save\",\n  rightToolbar: \"preview toc sync-scroll fullscreen\",\n  maxLength: 50000,\n  showWordCount: true,\n  autoSave: false,\n  autoSaveInterval: 30000,\n  isDark: false,\n});\n\ninterface Emits {\n  \"update:modelValue\": [value: string];\n  change: [text: string, html: string];\n  save: [text: string, html: string];\n  \"upload-image\": [\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList,\n  ];\n  \"fullscreen-change\": [isFullscreen: boolean];\n  \"copy-code-success\": [text: string];\n  \"word-count-change\": [count: number];\n  \"auto-save\": [text: string];\n  \"max-length-exceeded\": [currentLength: number, maxLength: number];\n}\n\nconst emit = defineEmits<Emits>();\n\nconst editorRef = ref<any>(null);\nconst cachedHtml = ref(\"\");\n\nconst wordCount = computed(() => {\n  return props.modelValue?.length || 0;\n});\n\nconst computedUploadImageConfig = computed(() => {\n  const defaultConfig = {\n    accept: \"image/*\",\n    multiple: false,\n  };\n  return props.uploadImageConfig\n    ? { ...defaultConfig, ...props.uploadImageConfig }\n    : defaultConfig;\n});\n\nonMounted(() => {\n  if (props.showWordCount && props.modelValue) {\n    emit(\"word-count-change\", props.modelValue.length);\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (props.showWordCount) {\n      emit(\"word-count-change\", newValue?.length || 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst handleInput = (value: string) => {\n  if (value.length > props.maxLength) {\n    emit(\"max-length-exceeded\", value.length, props.maxLength);\n    return;\n  }\n  emit(\"update:modelValue\", value);\n  if (props.showWordCount) {\n    emit(\"word-count-change\", value.length);\n  }\n};\n\nconst handleChange = (text: string, html: string) => {\n  cachedHtml.value = html;\n  emit(\"change\", text, html);\n  if (props.autoSave) {\n    autoSave(text);\n  }\n};\n\nconst handleSave = (text: string, html: string) => {\n  emit(\"save\", text, html);\n};\n\nconst handleUploadImage = (\n  event: Event,\n  insertImage: InsertImageFunction,\n  files: FileList,\n) => {\n  emit(\"upload-image\", event, insertImage, files);\n};\n\nconst handleFullscreenChange = (isFullscreen: boolean) => {\n  emit(\"fullscreen-change\", isFullscreen);\n};\n\nconst handleCopyCodeSuccess = (text: string) => {\n  emit(\"copy-code-success\", text);\n};\n\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst autoSave = (text: string) => {\n  if (autoSaveTimer) clearTimeout(autoSaveTimer);\n  autoSaveTimer = setTimeout(() => {\n    emit(\"auto-save\", text);\n  }, props.autoSaveInterval);\n};\n\nconst focus = () => {\n  editorRef.value?.focus();\n};\n\nconst getHtml = (): string => {\n  return cachedHtml.value;\n};\n\nconst insertText = (text: string) => {\n  editorRef.value?.insert((selected: string) => ({\n    text: `${selected}${text}`,\n    selected: text,\n  }));\n};\n\ndefineExpose({\n  focus,\n  getHtml,\n  insertText,\n  wordCount,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","/* unplugin-vue-components disabled */<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-20\n * @Description: Markdown 编辑器封装组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\n    <VMdEditor\n      ref=\"editorRef\"\n      :model-value=\"modelValue\"\n      :height=\"height\"\n      :placeholder=\"placeholder\"\n      :toolbar=\"toolbar\"\n      :mode=\"mode\"\n      :upload-image-config=\"computedUploadImageConfig\"\n      :toc-nav-position=\"tocNavPosition\"\n      :default-fullscreen=\"defaultFullscreen\"\n      :autofocus=\"autofocus\"\n      :include-level=\"includeLevel\"\n      :left-toolbar=\"leftToolbar\"\n      :right-toolbar=\"rightToolbar\"\n      :default-show-toc=\"true\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n      @save=\"handleSave\"\n      @upload-image=\"handleUploadImage\"\n      @fullscreen-change=\"handleFullscreenChange\"\n      @copy-code-success=\"handleCopyCodeSuccess\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport VMdEditor from \"@kangc/v-md-editor\";\n\ndefineOptions({ name: \"C_Markdown\" });\n\nexport type InsertImageFunction = (config: {\n  url: string;\n  desc?: string;\n  width?: string | number;\n  height?: string | number;\n}) => void;\n\ninterface Props {\n  modelValue?: string;\n  height?: string | number;\n  disabled?: boolean;\n  placeholder?: string;\n  mode?: \"edit\" | \"editable\" | \"preview\";\n  toolbar?: object;\n  uploadImageConfig?: {\n    accept?: string;\n    multiple?: boolean;\n    [key: string]: any;\n  };\n  tocNavPosition?: \"left\" | \"right\";\n  defaultFullscreen?: boolean;\n  autofocus?: boolean;\n  includeLevel?: number[];\n  leftToolbar?: string;\n  rightToolbar?: string;\n  maxLength?: number;\n  showWordCount?: boolean;\n  autoSave?: boolean;\n  autoSaveInterval?: number;\n  /** 是否为暗色主题（外部传入） */\n  isDark?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  height: \"400px\",\n  disabled: false,\n  placeholder: \"请输入 Markdown 内容...\",\n  mode: \"editable\",\n  tocNavPosition: \"right\",\n  defaultFullscreen: false,\n  autofocus: false,\n  includeLevel: () => [1, 2, 3, 4, 5, 6],\n  leftToolbar:\n    \"undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save\",\n  rightToolbar: \"preview toc sync-scroll fullscreen\",\n  maxLength: 50000,\n  showWordCount: true,\n  autoSave: false,\n  autoSaveInterval: 30000,\n  isDark: false,\n});\n\ninterface Emits {\n  \"update:modelValue\": [value: string];\n  change: [text: string, html: string];\n  save: [text: string, html: string];\n  \"upload-image\": [\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList,\n  ];\n  \"fullscreen-change\": [isFullscreen: boolean];\n  \"copy-code-success\": [text: string];\n  \"word-count-change\": [count: number];\n  \"auto-save\": [text: string];\n  \"max-length-exceeded\": [currentLength: number, maxLength: number];\n}\n\nconst emit = defineEmits<Emits>();\n\nconst editorRef = ref<any>(null);\nconst cachedHtml = ref(\"\");\n\nconst wordCount = computed(() => {\n  return props.modelValue?.length || 0;\n});\n\nconst computedUploadImageConfig = computed(() => {\n  const defaultConfig = {\n    accept: \"image/*\",\n    multiple: false,\n  };\n  return props.uploadImageConfig\n    ? { ...defaultConfig, ...props.uploadImageConfig }\n    : defaultConfig;\n});\n\nonMounted(() => {\n  if (props.showWordCount && props.modelValue) {\n    emit(\"word-count-change\", props.modelValue.length);\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (props.showWordCount) {\n      emit(\"word-count-change\", newValue?.length || 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst handleInput = (value: string) => {\n  if (value.length > props.maxLength) {\n    emit(\"max-length-exceeded\", value.length, props.maxLength);\n    return;\n  }\n  emit(\"update:modelValue\", value);\n  if (props.showWordCount) {\n    emit(\"word-count-change\", value.length);\n  }\n};\n\nconst handleChange = (text: string, html: string) => {\n  cachedHtml.value = html;\n  emit(\"change\", text, html);\n  if (props.autoSave) {\n    autoSave(text);\n  }\n};\n\nconst handleSave = (text: string, html: string) => {\n  emit(\"save\", text, html);\n};\n\nconst handleUploadImage = (\n  event: Event,\n  insertImage: InsertImageFunction,\n  files: FileList,\n) => {\n  emit(\"upload-image\", event, insertImage, files);\n};\n\nconst handleFullscreenChange = (isFullscreen: boolean) => {\n  emit(\"fullscreen-change\", isFullscreen);\n};\n\nconst handleCopyCodeSuccess = (text: string) => {\n  emit(\"copy-code-success\", text);\n};\n\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst autoSave = (text: string) => {\n  if (autoSaveTimer) clearTimeout(autoSaveTimer);\n  autoSaveTimer = setTimeout(() => {\n    emit(\"auto-save\", text);\n  }, props.autoSaveInterval);\n};\n\nconst focus = () => {\n  editorRef.value?.focus();\n};\n\nconst getHtml = (): string => {\n  return cachedHtml.value;\n};\n\nconst insertText = (text: string) => {\n  editorRef.value?.insert((selected: string) => ({\n    text: `${selected}${text}`,\n    selected: text,\n  }));\n};\n\ndefineExpose({\n  focus,\n  getHtml,\n  insertText,\n  wordCount,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-20\n * @Description: Markdown 编辑器封装组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\n    <VMdEditor\n      ref=\"editorRef\"\n      :model-value=\"modelValue\"\n      :height=\"height\"\n      :placeholder=\"placeholder\"\n      :toolbar=\"toolbar\"\n      :mode=\"mode\"\n      :upload-image-config=\"computedUploadImageConfig\"\n      :toc-nav-position=\"tocNavPosition\"\n      :default-fullscreen=\"defaultFullscreen\"\n      :autofocus=\"autofocus\"\n      :include-level=\"includeLevel\"\n      :left-toolbar=\"leftToolbar\"\n      :right-toolbar=\"rightToolbar\"\n      :default-show-toc=\"true\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n      @save=\"handleSave\"\n      @upload-image=\"handleUploadImage\"\n      @fullscreen-change=\"handleFullscreenChange\"\n      @copy-code-success=\"handleCopyCodeSuccess\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport VMdEditor from \"@kangc/v-md-editor\";\n\ndefineOptions({ name: \"C_Markdown\" });\n\nexport type InsertImageFunction = (config: {\n  url: string;\n  desc?: string;\n  width?: string | number;\n  height?: string | number;\n}) => void;\n\ninterface Props {\n  modelValue?: string;\n  height?: string | number;\n  disabled?: boolean;\n  placeholder?: string;\n  mode?: \"edit\" | \"editable\" | \"preview\";\n  toolbar?: object;\n  uploadImageConfig?: {\n    accept?: string;\n    multiple?: boolean;\n    [key: string]: any;\n  };\n  tocNavPosition?: \"left\" | \"right\";\n  defaultFullscreen?: boolean;\n  autofocus?: boolean;\n  includeLevel?: number[];\n  leftToolbar?: string;\n  rightToolbar?: string;\n  maxLength?: number;\n  showWordCount?: boolean;\n  autoSave?: boolean;\n  autoSaveInterval?: number;\n  /** 是否为暗色主题（外部传入） */\n  isDark?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  height: \"400px\",\n  disabled: false,\n  placeholder: \"请输入 Markdown 内容...\",\n  mode: \"editable\",\n  tocNavPosition: \"right\",\n  defaultFullscreen: false,\n  autofocus: false,\n  includeLevel: () => [1, 2, 3, 4, 5, 6],\n  leftToolbar:\n    \"undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save\",\n  rightToolbar: \"preview toc sync-scroll fullscreen\",\n  maxLength: 50000,\n  showWordCount: true,\n  autoSave: false,\n  autoSaveInterval: 30000,\n  isDark: false,\n});\n\ninterface Emits {\n  \"update:modelValue\": [value: string];\n  change: [text: string, html: string];\n  save: [text: string, html: string];\n  \"upload-image\": [\n    event: Event,\n    insertImage: InsertImageFunction,\n    files: FileList,\n  ];\n  \"fullscreen-change\": [isFullscreen: boolean];\n  \"copy-code-success\": [text: string];\n  \"word-count-change\": [count: number];\n  \"auto-save\": [text: string];\n  \"max-length-exceeded\": [currentLength: number, maxLength: number];\n}\n\nconst emit = defineEmits<Emits>();\n\nconst editorRef = ref<any>(null);\nconst cachedHtml = ref(\"\");\n\nconst wordCount = computed(() => {\n  return props.modelValue?.length || 0;\n});\n\nconst computedUploadImageConfig = computed(() => {\n  const defaultConfig = {\n    accept: \"image/*\",\n    multiple: false,\n  };\n  return props.uploadImageConfig\n    ? { ...defaultConfig, ...props.uploadImageConfig }\n    : defaultConfig;\n});\n\nonMounted(() => {\n  if (props.showWordCount && props.modelValue) {\n    emit(\"word-count-change\", props.modelValue.length);\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (props.showWordCount) {\n      emit(\"word-count-change\", newValue?.length || 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst handleInput = (value: string) => {\n  if (value.length > props.maxLength) {\n    emit(\"max-length-exceeded\", value.length, props.maxLength);\n    return;\n  }\n  emit(\"update:modelValue\", value);\n  if (props.showWordCount) {\n    emit(\"word-count-change\", value.length);\n  }\n};\n\nconst handleChange = (text: string, html: string) => {\n  cachedHtml.value = html;\n  emit(\"change\", text, html);\n  if (props.autoSave) {\n    autoSave(text);\n  }\n};\n\nconst handleSave = (text: string, html: string) => {\n  emit(\"save\", text, html);\n};\n\nconst handleUploadImage = (\n  event: Event,\n  insertImage: InsertImageFunction,\n  files: FileList,\n) => {\n  emit(\"upload-image\", event, insertImage, files);\n};\n\nconst handleFullscreenChange = (isFullscreen: boolean) => {\n  emit(\"fullscreen-change\", isFullscreen);\n};\n\nconst handleCopyCodeSuccess = (text: string) => {\n  emit(\"copy-code-success\", text);\n};\n\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst autoSave = (text: string) => {\n  if (autoSaveTimer) clearTimeout(autoSaveTimer);\n  autoSaveTimer = setTimeout(() => {\n    emit(\"auto-save\", text);\n  }, props.autoSaveInterval);\n};\n\nconst focus = () => {\n  editorRef.value?.focus();\n};\n\nconst getHtml = (): string => {\n  return cachedHtml.value;\n};\n\nconst insertText = (text: string) => {\n  editorRef.value?.insert((selected: string) => ({\n    text: `${selected}${text}`,\n    selected: text,\n  }));\n};\n\ndefineExpose({\n  focus,\n  getHtml,\n  insertText,\n  wordCount,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECyEA,MAAM,QAAQ;EAoCd,MAAM,OAAO;EAEb,MAAM,YAAY,IAAS,KAAK;EAChC,MAAM,aAAa,IAAI,GAAG;EAE1B,MAAM,YAAY,eAAe;AAC/B,UAAO,MAAM,YAAY,UAAU;IACnC;EAEF,MAAM,4BAA4B,eAAe;GAC/C,MAAM,gBAAgB;IACpB,QAAQ;IACR,UAAU;IACX;AACD,UAAO,MAAM,oBACT;IAAE,GAAG;IAAe,GAAG,MAAM;IAAkB,GAC/C;IACJ;AAEF,kBAAgB;AACd,OAAI,MAAM,iBAAiB,MAAM,WAC/B,MAAK,qBAAqB,MAAM,WAAW,OAAO;IAEpD;AAEF,cACQ,MAAM,aACX,aAAa;AACZ,OAAI,MAAM,cACR,MAAK,qBAAqB,UAAU,UAAU,EAAE;KAGpD,EAAE,WAAW,MAAM,CACpB;EAED,MAAM,eAAe,UAAkB;AACrC,OAAI,MAAM,SAAS,MAAM,WAAW;AAClC,SAAK,uBAAuB,MAAM,QAAQ,MAAM,UAAU;AAC1D;;AAEF,QAAK,qBAAqB,MAAM;AAChC,OAAI,MAAM,cACR,MAAK,qBAAqB,MAAM,OAAO;;EAI3C,MAAM,gBAAgB,MAAc,SAAiB;AACnD,cAAW,QAAQ;AACnB,QAAK,UAAU,MAAM,KAAK;AAC1B,OAAI,MAAM,SACR,UAAS,KAAK;;EAIlB,MAAM,cAAc,MAAc,SAAiB;AACjD,QAAK,QAAQ,MAAM,KAAK;;EAG1B,MAAM,qBACJ,OACA,aACA,UACG;AACH,QAAK,gBAAgB,OAAO,aAAa,MAAM;;EAGjD,MAAM,0BAA0B,iBAA0B;AACxD,QAAK,qBAAqB,aAAa;;EAGzC,MAAM,yBAAyB,SAAiB;AAC9C,QAAK,qBAAqB,KAAK;;EAGjC,IAAI,gBAAsD;EAE1D,MAAM,YAAY,SAAiB;AACjC,OAAI,cAAe,cAAa,cAAc;AAC9C,mBAAgB,iBAAiB;AAC/B,SAAK,aAAa,KAAK;MACtB,MAAM,iBAAiB;;EAG5B,MAAM,cAAc;AAClB,aAAU,OAAO,OAAO;;EAG1B,MAAM,gBAAwB;AAC5B,UAAO,WAAW;;EAGpB,MAAM,cAAc,SAAiB;AACnC,aAAU,OAAO,QAAQ,cAAsB;IAC7C,MAAM,GAAG,WAAW;IACpB,UAAU;IACX,EAAE;;AAGL,WAAa;GACX;GACA;GACA;GACA;GACD,CAAC;;uBA5MA,mBAuBM,OAAA,EAvBD,OAAK,eAAA,CAAC,sBAAoB,EAAA,WAAsBA,KAAAA,QAAM,CAAA,CAAA,KACzD,YAqBE,MAAA,UAAA,EAAA;aApBI;IAAJ,KAAI;IACH,eAAaC,KAAAA;IACb,QAAQC,KAAAA;IACR,aAAaC,KAAAA;IACb,SAASC,KAAAA;IACT,MAAMC,KAAAA;IACN,uBAAqB,0BAAA;IACrB,oBAAkBC,KAAAA;IAClB,sBAAoBC,KAAAA;IACpB,WAAWC,KAAAA;IACX,iBAAeC,KAAAA;IACf,gBAAcC,KAAAA;IACd,iBAAeC,KAAAA;IACf,oBAAkB;IAClB,uBAAoB;IACpB,UAAQ;IACR,QAAM;IACN,eAAc;IACd,oBAAmB;IACnB,mBAAmB"}
+{"version":3,"file":"C_Markdown2.js","names":["isDark","modelValue","height","placeholder","toolbar","mode","tocNavPosition","defaultFullscreen","autofocus","includeLevel","leftToolbar","rightToolbar"],"sources":["../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue","../src/components/C_Markdown/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-20\r\n * @Description: Markdown 编辑器封装组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-markdown-wrapper\"\r\n    :class=\"{ 'is-dark': isDark }\"\r\n  >\r\n    <VMdEditor\r\n      ref=\"editorRef\"\r\n      :model-value=\"modelValue\"\r\n      :height=\"height\"\r\n      :placeholder=\"placeholder\"\r\n      :toolbar=\"toolbar\"\r\n      :mode=\"mode\"\r\n      :upload-image-config=\"computedUploadImageConfig\"\r\n      :toc-nav-position=\"tocNavPosition\"\r\n      :default-fullscreen=\"defaultFullscreen\"\r\n      :autofocus=\"autofocus\"\r\n      :include-level=\"includeLevel\"\r\n      :left-toolbar=\"leftToolbar\"\r\n      :right-toolbar=\"rightToolbar\"\r\n      :default-show-toc=\"true\"\r\n      @update:model-value=\"handleInput\"\r\n      @change=\"handleChange\"\r\n      @save=\"handleSave\"\r\n      @upload-image=\"handleUploadImage\"\r\n      @fullscreen-change=\"handleFullscreenChange\"\r\n      @copy-code-success=\"handleCopyCodeSuccess\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, onMounted } from 'vue'\r\n  import VMdEditor from '@kangc/v-md-editor'\r\n\r\n  defineOptions({ name: 'C_Markdown' })\r\n\r\n  export type InsertImageFunction = (config: {\r\n    url: string\r\n    desc?: string\r\n    width?: string | number\r\n    height?: string | number\r\n  }) => void\r\n\r\n  interface Props {\r\n    modelValue?: string\r\n    height?: string | number\r\n    disabled?: boolean\r\n    placeholder?: string\r\n    mode?: 'edit' | 'editable' | 'preview'\r\n    toolbar?: object\r\n    uploadImageConfig?: {\r\n      accept?: string\r\n      multiple?: boolean\r\n      [key: string]: any\r\n    }\r\n    tocNavPosition?: 'left' | 'right'\r\n    defaultFullscreen?: boolean\r\n    autofocus?: boolean\r\n    includeLevel?: number[]\r\n    leftToolbar?: string\r\n    rightToolbar?: string\r\n    maxLength?: number\r\n    showWordCount?: boolean\r\n    autoSave?: boolean\r\n    autoSaveInterval?: number\r\n    /** 是否为暗色主题（外部传入） */\r\n    isDark?: boolean\r\n  }\r\n\r\n  const props = withDefaults(defineProps<Props>(), {\r\n    modelValue: '',\r\n    height: '400px',\r\n    disabled: false,\r\n    placeholder: '请输入 Markdown 内容...',\r\n    mode: 'editable',\r\n    tocNavPosition: 'right',\r\n    defaultFullscreen: false,\r\n    autofocus: false,\r\n    includeLevel: () => [1, 2, 3, 4, 5, 6],\r\n    leftToolbar:\r\n      'undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save',\r\n    rightToolbar: 'preview toc sync-scroll fullscreen',\r\n    maxLength: 50000,\r\n    showWordCount: true,\r\n    autoSave: false,\r\n    autoSaveInterval: 30000,\r\n    isDark: false,\r\n  })\r\n\r\n  interface Emits {\r\n    'update:modelValue': [value: string]\r\n    change: [text: string, html: string]\r\n    save: [text: string, html: string]\r\n    'upload-image': [\r\n      event: Event,\r\n      insertImage: InsertImageFunction,\r\n      files: FileList,\r\n    ]\r\n    'fullscreen-change': [isFullscreen: boolean]\r\n    'copy-code-success': [text: string]\r\n    'word-count-change': [count: number]\r\n    'auto-save': [text: string]\r\n    'max-length-exceeded': [currentLength: number, maxLength: number]\r\n  }\r\n\r\n  const emit = defineEmits<Emits>()\r\n\r\n  const editorRef = ref<any>(null)\r\n  const cachedHtml = ref('')\r\n\r\n  const wordCount = computed(() => {\r\n    return props.modelValue?.length || 0\r\n  })\r\n\r\n  const computedUploadImageConfig = computed(() => {\r\n    const defaultConfig = {\r\n      accept: 'image/*',\r\n      multiple: false,\r\n    }\r\n    return props.uploadImageConfig\r\n      ? { ...defaultConfig, ...props.uploadImageConfig }\r\n      : defaultConfig\r\n  })\r\n\r\n  onMounted(() => {\r\n    if (props.showWordCount && props.modelValue) {\r\n      emit('word-count-change', props.modelValue.length)\r\n    }\r\n  })\r\n\r\n  watch(\r\n    () => props.modelValue,\r\n    newValue => {\r\n      if (props.showWordCount) {\r\n        emit('word-count-change', newValue?.length || 0)\r\n      }\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  const handleInput = (value: string) => {\r\n    if (value.length > props.maxLength) {\r\n      emit('max-length-exceeded', value.length, props.maxLength)\r\n      return\r\n    }\r\n    emit('update:modelValue', value)\r\n    if (props.showWordCount) {\r\n      emit('word-count-change', value.length)\r\n    }\r\n  }\r\n\r\n  const handleChange = (text: string, html: string) => {\r\n    cachedHtml.value = html\r\n    emit('change', text, html)\r\n    if (props.autoSave) {\r\n      autoSave(text)\r\n    }\r\n  }\r\n\r\n  const handleSave = (text: string, html: string) => {\r\n    emit('save', text, html)\r\n  }\r\n\r\n  const handleUploadImage = (\r\n    event: Event,\r\n    insertImage: InsertImageFunction,\r\n    files: FileList\r\n  ) => {\r\n    emit('upload-image', event, insertImage, files)\r\n  }\r\n\r\n  const handleFullscreenChange = (isFullscreen: boolean) => {\r\n    emit('fullscreen-change', isFullscreen)\r\n  }\r\n\r\n  const handleCopyCodeSuccess = (text: string) => {\r\n    emit('copy-code-success', text)\r\n  }\r\n\r\n  let autoSaveTimer: ReturnType<typeof setTimeout> | null = null\r\n\r\n  const autoSave = (text: string) => {\r\n    if (autoSaveTimer) clearTimeout(autoSaveTimer)\r\n    autoSaveTimer = setTimeout(() => {\r\n      emit('auto-save', text)\r\n    }, props.autoSaveInterval)\r\n  }\r\n\r\n  const focus = () => {\r\n    editorRef.value?.focus()\r\n  }\r\n\r\n  const getHtml = (): string => {\r\n    return cachedHtml.value\r\n  }\r\n\r\n  const insertText = (text: string) => {\r\n    editorRef.value?.insert((selected: string) => ({\r\n      text: `${selected}${text}`,\r\n      selected: text,\r\n    }))\r\n  }\r\n\r\n  defineExpose({\r\n    focus,\r\n    getHtml,\r\n    insertText,\r\n    wordCount,\r\n  })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  @use './index.scss';\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-20\r\n * @Description: Markdown 编辑器封装组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-markdown-wrapper\"\r\n    :class=\"{ 'is-dark': isDark }\"\r\n  >\r\n    <VMdEditor\r\n      ref=\"editorRef\"\r\n      :model-value=\"modelValue\"\r\n      :height=\"height\"\r\n      :placeholder=\"placeholder\"\r\n      :toolbar=\"toolbar\"\r\n      :mode=\"mode\"\r\n      :upload-image-config=\"computedUploadImageConfig\"\r\n      :toc-nav-position=\"tocNavPosition\"\r\n      :default-fullscreen=\"defaultFullscreen\"\r\n      :autofocus=\"autofocus\"\r\n      :include-level=\"includeLevel\"\r\n      :left-toolbar=\"leftToolbar\"\r\n      :right-toolbar=\"rightToolbar\"\r\n      :default-show-toc=\"true\"\r\n      @update:model-value=\"handleInput\"\r\n      @change=\"handleChange\"\r\n      @save=\"handleSave\"\r\n      @upload-image=\"handleUploadImage\"\r\n      @fullscreen-change=\"handleFullscreenChange\"\r\n      @copy-code-success=\"handleCopyCodeSuccess\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, onMounted } from 'vue'\r\n  import VMdEditor from '@kangc/v-md-editor'\r\n\r\n  defineOptions({ name: 'C_Markdown' })\r\n\r\n  export type InsertImageFunction = (config: {\r\n    url: string\r\n    desc?: string\r\n    width?: string | number\r\n    height?: string | number\r\n  }) => void\r\n\r\n  interface Props {\r\n    modelValue?: string\r\n    height?: string | number\r\n    disabled?: boolean\r\n    placeholder?: string\r\n    mode?: 'edit' | 'editable' | 'preview'\r\n    toolbar?: object\r\n    uploadImageConfig?: {\r\n      accept?: string\r\n      multiple?: boolean\r\n      [key: string]: any\r\n    }\r\n    tocNavPosition?: 'left' | 'right'\r\n    defaultFullscreen?: boolean\r\n    autofocus?: boolean\r\n    includeLevel?: number[]\r\n    leftToolbar?: string\r\n    rightToolbar?: string\r\n    maxLength?: number\r\n    showWordCount?: boolean\r\n    autoSave?: boolean\r\n    autoSaveInterval?: number\r\n    /** 是否为暗色主题（外部传入） */\r\n    isDark?: boolean\r\n  }\r\n\r\n  const props = withDefaults(defineProps<Props>(), {\r\n    modelValue: '',\r\n    height: '400px',\r\n    disabled: false,\r\n    placeholder: '请输入 Markdown 内容...',\r\n    mode: 'editable',\r\n    tocNavPosition: 'right',\r\n    defaultFullscreen: false,\r\n    autofocus: false,\r\n    includeLevel: () => [1, 2, 3, 4, 5, 6],\r\n    leftToolbar:\r\n      'undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save',\r\n    rightToolbar: 'preview toc sync-scroll fullscreen',\r\n    maxLength: 50000,\r\n    showWordCount: true,\r\n    autoSave: false,\r\n    autoSaveInterval: 30000,\r\n    isDark: false,\r\n  })\r\n\r\n  interface Emits {\r\n    'update:modelValue': [value: string]\r\n    change: [text: string, html: string]\r\n    save: [text: string, html: string]\r\n    'upload-image': [\r\n      event: Event,\r\n      insertImage: InsertImageFunction,\r\n      files: FileList,\r\n    ]\r\n    'fullscreen-change': [isFullscreen: boolean]\r\n    'copy-code-success': [text: string]\r\n    'word-count-change': [count: number]\r\n    'auto-save': [text: string]\r\n    'max-length-exceeded': [currentLength: number, maxLength: number]\r\n  }\r\n\r\n  const emit = defineEmits<Emits>()\r\n\r\n  const editorRef = ref<any>(null)\r\n  const cachedHtml = ref('')\r\n\r\n  const wordCount = computed(() => {\r\n    return props.modelValue?.length || 0\r\n  })\r\n\r\n  const computedUploadImageConfig = computed(() => {\r\n    const defaultConfig = {\r\n      accept: 'image/*',\r\n      multiple: false,\r\n    }\r\n    return props.uploadImageConfig\r\n      ? { ...defaultConfig, ...props.uploadImageConfig }\r\n      : defaultConfig\r\n  })\r\n\r\n  onMounted(() => {\r\n    if (props.showWordCount && props.modelValue) {\r\n      emit('word-count-change', props.modelValue.length)\r\n    }\r\n  })\r\n\r\n  watch(\r\n    () => props.modelValue,\r\n    newValue => {\r\n      if (props.showWordCount) {\r\n        emit('word-count-change', newValue?.length || 0)\r\n      }\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  const handleInput = (value: string) => {\r\n    if (value.length > props.maxLength) {\r\n      emit('max-length-exceeded', value.length, props.maxLength)\r\n      return\r\n    }\r\n    emit('update:modelValue', value)\r\n    if (props.showWordCount) {\r\n      emit('word-count-change', value.length)\r\n    }\r\n  }\r\n\r\n  const handleChange = (text: string, html: string) => {\r\n    cachedHtml.value = html\r\n    emit('change', text, html)\r\n    if (props.autoSave) {\r\n      autoSave(text)\r\n    }\r\n  }\r\n\r\n  const handleSave = (text: string, html: string) => {\r\n    emit('save', text, html)\r\n  }\r\n\r\n  const handleUploadImage = (\r\n    event: Event,\r\n    insertImage: InsertImageFunction,\r\n    files: FileList\r\n  ) => {\r\n    emit('upload-image', event, insertImage, files)\r\n  }\r\n\r\n  const handleFullscreenChange = (isFullscreen: boolean) => {\r\n    emit('fullscreen-change', isFullscreen)\r\n  }\r\n\r\n  const handleCopyCodeSuccess = (text: string) => {\r\n    emit('copy-code-success', text)\r\n  }\r\n\r\n  let autoSaveTimer: ReturnType<typeof setTimeout> | null = null\r\n\r\n  const autoSave = (text: string) => {\r\n    if (autoSaveTimer) clearTimeout(autoSaveTimer)\r\n    autoSaveTimer = setTimeout(() => {\r\n      emit('auto-save', text)\r\n    }, props.autoSaveInterval)\r\n  }\r\n\r\n  const focus = () => {\r\n    editorRef.value?.focus()\r\n  }\r\n\r\n  const getHtml = (): string => {\r\n    return cachedHtml.value\r\n  }\r\n\r\n  const insertText = (text: string) => {\r\n    editorRef.value?.insert((selected: string) => ({\r\n      text: `${selected}${text}`,\r\n      selected: text,\r\n    }))\r\n  }\r\n\r\n  defineExpose({\r\n    focus,\r\n    getHtml,\r\n    insertText,\r\n    wordCount,\r\n  })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  @use './index.scss';\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-20\r\n * @Description: Markdown 编辑器封装组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    class=\"c-markdown-wrapper\"\r\n    :class=\"{ 'is-dark': isDark }\"\r\n  >\r\n    <VMdEditor\r\n      ref=\"editorRef\"\r\n      :model-value=\"modelValue\"\r\n      :height=\"height\"\r\n      :placeholder=\"placeholder\"\r\n      :toolbar=\"toolbar\"\r\n      :mode=\"mode\"\r\n      :upload-image-config=\"computedUploadImageConfig\"\r\n      :toc-nav-position=\"tocNavPosition\"\r\n      :default-fullscreen=\"defaultFullscreen\"\r\n      :autofocus=\"autofocus\"\r\n      :include-level=\"includeLevel\"\r\n      :left-toolbar=\"leftToolbar\"\r\n      :right-toolbar=\"rightToolbar\"\r\n      :default-show-toc=\"true\"\r\n      @update:model-value=\"handleInput\"\r\n      @change=\"handleChange\"\r\n      @save=\"handleSave\"\r\n      @upload-image=\"handleUploadImage\"\r\n      @fullscreen-change=\"handleFullscreenChange\"\r\n      @copy-code-success=\"handleCopyCodeSuccess\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n  import { ref, computed, watch, onMounted } from 'vue'\r\n  import VMdEditor from '@kangc/v-md-editor'\r\n\r\n  defineOptions({ name: 'C_Markdown' })\r\n\r\n  export type InsertImageFunction = (config: {\r\n    url: string\r\n    desc?: string\r\n    width?: string | number\r\n    height?: string | number\r\n  }) => void\r\n\r\n  interface Props {\r\n    modelValue?: string\r\n    height?: string | number\r\n    disabled?: boolean\r\n    placeholder?: string\r\n    mode?: 'edit' | 'editable' | 'preview'\r\n    toolbar?: object\r\n    uploadImageConfig?: {\r\n      accept?: string\r\n      multiple?: boolean\r\n      [key: string]: any\r\n    }\r\n    tocNavPosition?: 'left' | 'right'\r\n    defaultFullscreen?: boolean\r\n    autofocus?: boolean\r\n    includeLevel?: number[]\r\n    leftToolbar?: string\r\n    rightToolbar?: string\r\n    maxLength?: number\r\n    showWordCount?: boolean\r\n    autoSave?: boolean\r\n    autoSaveInterval?: number\r\n    /** 是否为暗色主题（外部传入） */\r\n    isDark?: boolean\r\n  }\r\n\r\n  const props = withDefaults(defineProps<Props>(), {\r\n    modelValue: '',\r\n    height: '400px',\r\n    disabled: false,\r\n    placeholder: '请输入 Markdown 内容...',\r\n    mode: 'editable',\r\n    tocNavPosition: 'right',\r\n    defaultFullscreen: false,\r\n    autofocus: false,\r\n    includeLevel: () => [1, 2, 3, 4, 5, 6],\r\n    leftToolbar:\r\n      'undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save',\r\n    rightToolbar: 'preview toc sync-scroll fullscreen',\r\n    maxLength: 50000,\r\n    showWordCount: true,\r\n    autoSave: false,\r\n    autoSaveInterval: 30000,\r\n    isDark: false,\r\n  })\r\n\r\n  interface Emits {\r\n    'update:modelValue': [value: string]\r\n    change: [text: string, html: string]\r\n    save: [text: string, html: string]\r\n    'upload-image': [\r\n      event: Event,\r\n      insertImage: InsertImageFunction,\r\n      files: FileList,\r\n    ]\r\n    'fullscreen-change': [isFullscreen: boolean]\r\n    'copy-code-success': [text: string]\r\n    'word-count-change': [count: number]\r\n    'auto-save': [text: string]\r\n    'max-length-exceeded': [currentLength: number, maxLength: number]\r\n  }\r\n\r\n  const emit = defineEmits<Emits>()\r\n\r\n  const editorRef = ref<any>(null)\r\n  const cachedHtml = ref('')\r\n\r\n  const wordCount = computed(() => {\r\n    return props.modelValue?.length || 0\r\n  })\r\n\r\n  const computedUploadImageConfig = computed(() => {\r\n    const defaultConfig = {\r\n      accept: 'image/*',\r\n      multiple: false,\r\n    }\r\n    return props.uploadImageConfig\r\n      ? { ...defaultConfig, ...props.uploadImageConfig }\r\n      : defaultConfig\r\n  })\r\n\r\n  onMounted(() => {\r\n    if (props.showWordCount && props.modelValue) {\r\n      emit('word-count-change', props.modelValue.length)\r\n    }\r\n  })\r\n\r\n  watch(\r\n    () => props.modelValue,\r\n    newValue => {\r\n      if (props.showWordCount) {\r\n        emit('word-count-change', newValue?.length || 0)\r\n      }\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  const handleInput = (value: string) => {\r\n    if (value.length > props.maxLength) {\r\n      emit('max-length-exceeded', value.length, props.maxLength)\r\n      return\r\n    }\r\n    emit('update:modelValue', value)\r\n    if (props.showWordCount) {\r\n      emit('word-count-change', value.length)\r\n    }\r\n  }\r\n\r\n  const handleChange = (text: string, html: string) => {\r\n    cachedHtml.value = html\r\n    emit('change', text, html)\r\n    if (props.autoSave) {\r\n      autoSave(text)\r\n    }\r\n  }\r\n\r\n  const handleSave = (text: string, html: string) => {\r\n    emit('save', text, html)\r\n  }\r\n\r\n  const handleUploadImage = (\r\n    event: Event,\r\n    insertImage: InsertImageFunction,\r\n    files: FileList\r\n  ) => {\r\n    emit('upload-image', event, insertImage, files)\r\n  }\r\n\r\n  const handleFullscreenChange = (isFullscreen: boolean) => {\r\n    emit('fullscreen-change', isFullscreen)\r\n  }\r\n\r\n  const handleCopyCodeSuccess = (text: string) => {\r\n    emit('copy-code-success', text)\r\n  }\r\n\r\n  let autoSaveTimer: ReturnType<typeof setTimeout> | null = null\r\n\r\n  const autoSave = (text: string) => {\r\n    if (autoSaveTimer) clearTimeout(autoSaveTimer)\r\n    autoSaveTimer = setTimeout(() => {\r\n      emit('auto-save', text)\r\n    }, props.autoSaveInterval)\r\n  }\r\n\r\n  const focus = () => {\r\n    editorRef.value?.focus()\r\n  }\r\n\r\n  const getHtml = (): string => {\r\n    return cachedHtml.value\r\n  }\r\n\r\n  const insertText = (text: string) => {\r\n    editorRef.value?.insert((selected: string) => ({\r\n      text: `${selected}${text}`,\r\n      selected: text,\r\n    }))\r\n  }\r\n\r\n  defineExpose({\r\n    focus,\r\n    getHtml,\r\n    insertText,\r\n    wordCount,\r\n  })\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  @use './index.scss';\r\n</style>\r\n"],"mappings":"uoCE4EE,IAAM,EAAQ,EAoCR,EAAO,EAEP,EAAY,EAAS,KAAK,CAC1B,EAAa,EAAI,GAAG,CAEpB,EAAY,MACT,EAAM,YAAY,QAAU,EACnC,CAEI,EAA4B,MAAe,CAC/C,IAAM,EAAgB,CACpB,OAAQ,UACR,SAAU,GACX,CACD,OAAO,EAAM,kBACT,CAAE,GAAG,EAAe,GAAG,EAAM,kBAAmB,CAChD,GACJ,CAEF,MAAgB,CACV,EAAM,eAAiB,EAAM,YAC/B,EAAK,oBAAqB,EAAM,WAAW,OAAO,EAEpD,CAEF,MACQ,EAAM,WACZ,GAAY,CACN,EAAM,eACR,EAAK,oBAAqB,GAAU,QAAU,EAAE,EAGpD,CAAE,UAAW,GAAM,CACpB,CAED,IAAM,EAAe,GAAkB,CACrC,GAAI,EAAM,OAAS,EAAM,UAAW,CAClC,EAAK,sBAAuB,EAAM,OAAQ,EAAM,UAAU,CAC1D,OAEF,EAAK,oBAAqB,EAAM,CAC5B,EAAM,eACR,EAAK,oBAAqB,EAAM,OAAO,EAIrC,GAAgB,EAAc,IAAiB,CACnD,EAAW,MAAQ,EACnB,EAAK,SAAU,EAAM,EAAK,CACtB,EAAM,UACR,EAAS,EAAK,EAIZ,GAAc,EAAc,IAAiB,CACjD,EAAK,OAAQ,EAAM,EAAK,EAGpB,GACJ,EACA,EACA,IACG,CACH,EAAK,eAAgB,EAAO,EAAa,EAAM,EAG3C,EAA0B,GAA0B,CACxD,EAAK,oBAAqB,EAAa,EAGnC,EAAyB,GAAiB,CAC9C,EAAK,oBAAqB,EAAK,EAG7B,EAAsD,KAEpD,EAAY,GAAiB,CAC7B,GAAe,aAAa,EAAc,CAC9C,EAAgB,eAAiB,CAC/B,EAAK,YAAa,EAAK,EACtB,EAAM,iBAAiB,SAkB5B,EAAa,CACX,UAhBkB,CAClB,EAAU,OAAO,OAAO,EAgBxB,YAZO,EAAW,MAalB,WAVkB,GAAiB,CACnC,EAAU,OAAO,OAAQ,IAAsB,CAC7C,KAAM,GAAG,IAAW,IACpB,SAAU,EACX,EAAE,EAOH,YACD,CAAC,aA/MF,EA0BM,MAAA,CAzBJ,MAAK,EAAA,CAAC,qBAAoB,CAAA,UACLA,EAAAA,OAAM,CAAA,CAAA,CAAA,CAAA,CAE3B,EAqBE,EAAA,EAAA,CAAA,SApBI,YAAJ,IAAI,EACH,cAAaC,EAAAA,WACb,OAAQC,EAAAA,OACR,YAAaC,EAAAA,YACb,QAASC,EAAAA,QACT,KAAMC,EAAAA,KACN,sBAAqB,EAAA,MACrB,mBAAkBC,EAAAA,eAClB,qBAAoBC,EAAAA,kBACpB,UAAWC,EAAAA,UACX,gBAAeC,EAAAA,aACf,eAAcC,EAAAA,YACd,gBAAeC,EAAAA,aACf,mBAAkB,GAClB,sBAAoB,EACpB,SAAQ,EACR,OAAM,EACN,cAAc,EACd,mBAAmB,EACnB,kBAAmB"}

package/dist/C_NotificationCenter.cjs

@@ -1,20 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-require('./C_Icon.js');
-const require_C_NotificationCenter = require('./C_NotificationCenter.js');
-
-exports.CATEGORY_MAP = require_C_NotificationCenter.CATEGORY_MAP;
-exports.CATEGORY_TABS = require_C_NotificationCenter.CATEGORY_TABS;
-exports.C_NotificationCenter = require_C_NotificationCenter.C_NotificationCenter_default;
-exports.DEFAULT_MAX_BADGE_COUNT = require_C_NotificationCenter.DEFAULT_MAX_BADGE_COUNT;
-exports.DEFAULT_PAGE_SIZE = require_C_NotificationCenter.DEFAULT_PAGE_SIZE;
-exports.DEFAULT_POLLING_INTERVAL = require_C_NotificationCenter.DEFAULT_POLLING_INTERVAL;
-exports.DEFAULT_STORAGE_KEY = require_C_NotificationCenter.DEFAULT_STORAGE_KEY;
-exports.DEFAULT_WS_HEARTBEAT_INTERVAL = require_C_NotificationCenter.DEFAULT_WS_HEARTBEAT_INTERVAL;
-exports.DEFAULT_WS_HEARTBEAT_MESSAGE = require_C_NotificationCenter.DEFAULT_WS_HEARTBEAT_MESSAGE;
-exports.DEFAULT_WS_MAX_RECONNECT = require_C_NotificationCenter.DEFAULT_WS_MAX_RECONNECT;
-exports.DEFAULT_WS_RECONNECT_INTERVAL = require_C_NotificationCenter.DEFAULT_WS_RECONNECT_INTERVAL;
-exports.MOCK_MESSAGES = require_C_NotificationCenter.MOCK_MESSAGES;
-exports.PRIORITY_MAP = require_C_NotificationCenter.PRIORITY_MAP;
-exports.useNotificationCore = require_C_NotificationCenter.useNotificationCore;
-exports.useNotificationFormat = require_C_NotificationCenter.useNotificationFormat;
-exports.useNotificationWS = require_C_NotificationCenter.useNotificationWS;
+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;

package/dist/C_NotificationCenter.js

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