@robot-admin/naive-ui-components 0.3.0

package/dist/C_Markdown2.js

@@ -0,0 +1,186 @@
+import { t as export_helper_default } from "./export-helper.js";
+import { computed, createElementBlock, createVNode, defineComponent, normalizeClass, onMounted, openBlock, ref, resolveComponent, watch } from "vue";
+
+//#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) => {
+			const _component_v_md_editor = resolveComponent("v-md-editor");
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["c-markdown-wrapper", { "is-dark": _ctx.isDark }]) }, [createVNode(_component_v_md_editor, {
+				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-26eea21a"]]);
+
+//#endregion
+export { C_Markdown_default as t };
+//# sourceMappingURL=C_Markdown2.js.map

package/dist/C_Markdown2.js.map

@@ -0,0 +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":["<!--\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 class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\r\n    <v-md-editor\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\nimport { ref, computed, watch, onMounted } from \"vue\";\r\n\r\ndefineOptions({ name: \"C_Markdown\" });\r\n\r\nexport 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\ninterface 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\nconst 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\ninterface 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\nconst emit = defineEmits<Emits>();\r\n\r\nconst editorRef = ref<any>(null);\r\nconst cachedHtml = ref(\"\");\r\n\r\nconst wordCount = computed(() => {\r\n  return props.modelValue?.length || 0;\r\n});\r\n\r\nconst 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\nonMounted(() => {\r\n  if (props.showWordCount && props.modelValue) {\r\n    emit(\"word-count-change\", props.modelValue.length);\r\n  }\r\n});\r\n\r\nwatch(\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\nconst 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\nconst 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\nconst handleSave = (text: string, html: string) => {\r\n  emit(\"save\", text, html);\r\n};\r\n\r\nconst 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\nconst handleFullscreenChange = (isFullscreen: boolean) => {\r\n  emit(\"fullscreen-change\", isFullscreen);\r\n};\r\n\r\nconst handleCopyCodeSuccess = (text: string) => {\r\n  emit(\"copy-code-success\", text);\r\n};\r\n\r\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\r\n\r\nconst 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\nconst focus = () => {\r\n  editorRef.value?.focus();\r\n};\r\n\r\nconst getHtml = (): string => {\r\n  return cachedHtml.value;\r\n};\r\n\r\nconst 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\ndefineExpose({\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 class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\r\n    <v-md-editor\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\nimport { ref, computed, watch, onMounted } from \"vue\";\r\n\r\ndefineOptions({ name: \"C_Markdown\" });\r\n\r\nexport 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\ninterface 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\nconst 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\ninterface 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\nconst emit = defineEmits<Emits>();\r\n\r\nconst editorRef = ref<any>(null);\r\nconst cachedHtml = ref(\"\");\r\n\r\nconst wordCount = computed(() => {\r\n  return props.modelValue?.length || 0;\r\n});\r\n\r\nconst 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\nonMounted(() => {\r\n  if (props.showWordCount && props.modelValue) {\r\n    emit(\"word-count-change\", props.modelValue.length);\r\n  }\r\n});\r\n\r\nwatch(\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\nconst 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\nconst 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\nconst handleSave = (text: string, html: string) => {\r\n  emit(\"save\", text, html);\r\n};\r\n\r\nconst 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\nconst handleFullscreenChange = (isFullscreen: boolean) => {\r\n  emit(\"fullscreen-change\", isFullscreen);\r\n};\r\n\r\nconst handleCopyCodeSuccess = (text: string) => {\r\n  emit(\"copy-code-success\", text);\r\n};\r\n\r\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\r\n\r\nconst 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\nconst focus = () => {\r\n  editorRef.value?.focus();\r\n};\r\n\r\nconst getHtml = (): string => {\r\n  return cachedHtml.value;\r\n};\r\n\r\nconst 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\ndefineExpose({\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 class=\"c-markdown-wrapper\" :class=\"{ 'is-dark': isDark }\">\r\n    <v-md-editor\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\nimport { ref, computed, watch, onMounted } from \"vue\";\r\n\r\ndefineOptions({ name: \"C_Markdown\" });\r\n\r\nexport 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\ninterface 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\nconst 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\ninterface 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\nconst emit = defineEmits<Emits>();\r\n\r\nconst editorRef = ref<any>(null);\r\nconst cachedHtml = ref(\"\");\r\n\r\nconst wordCount = computed(() => {\r\n  return props.modelValue?.length || 0;\r\n});\r\n\r\nconst 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\nonMounted(() => {\r\n  if (props.showWordCount && props.modelValue) {\r\n    emit(\"word-count-change\", props.modelValue.length);\r\n  }\r\n});\r\n\r\nwatch(\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\nconst 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\nconst 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\nconst handleSave = (text: string, html: string) => {\r\n  emit(\"save\", text, html);\r\n};\r\n\r\nconst 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\nconst handleFullscreenChange = (isFullscreen: boolean) => {\r\n  emit(\"fullscreen-change\", isFullscreen);\r\n};\r\n\r\nconst handleCopyCodeSuccess = (text: string) => {\r\n  emit(\"copy-code-success\", text);\r\n};\r\n\r\nlet autoSaveTimer: ReturnType<typeof setTimeout> | null = null;\r\n\r\nconst 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\nconst focus = () => {\r\n  editorRef.value?.focus();\r\n};\r\n\r\nconst getHtml = (): string => {\r\n  return cachedHtml.value;\r\n};\r\n\r\nconst 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\ndefineExpose({\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECwEA,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;IAAmB,GAChD;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;;;uBA3MA,mBAuBM,OAAA,EAvBD,OAAK,eAAA,CAAC,sBAAoB,EAAA,WAAsBA,KAAAA,QAAM,CAAA,CAAA,KACzD,YAqBE,wBAAA;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"}

package/dist/C_NotificationCenter-0l3TY2Gn.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_NotificationCenter-0l3TY2Gn.css","names":[],"sources":["../src/components/C_NotificationCenter/components/NotificationBadge.vue?vue&type=style&index=0&scoped=da0cc98c&lang.scss","../src/components/C_NotificationCenter/components/NotificationItem.vue?vue&type=style&index=0&scoped=0104dbfc&lang.scss","../src/components/C_NotificationCenter/components/NotificationList.vue?vue&type=style&index=0&scoped=47e5497f&lang.scss","../src/components/C_NotificationCenter/components/NotificationDetail.vue?vue&type=style&index=0&scoped=d10a445e&lang.scss","../src/components/C_NotificationCenter/index.vue?vue&type=style&index=0&scoped=d4b27637&lang.scss"],"sourcesContent":[".notification-badge[data-v-da0cc98c] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n.notification-badge__trigger[data-v-da0cc98c] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all var(--c-transition, 0.2s ease);\n}\n.notification-badge__trigger[data-v-da0cc98c]:hover {\n  background-color: var(--c-border);\n}\n.notification-badge__trigger:hover .notification-badge__icon[data-v-da0cc98c] {\n  color: var(--c-primary);\n}\n.notification-badge__icon[data-v-da0cc98c] {\n  color: var(--c-text-2);\n  transition: color var(--c-transition, 0.2s ease);\n}\n.notification-badge__count[data-v-da0cc98c] {\n  position: absolute;\n  top: -2px;\n  right: -4px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #f5222d;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n  white-space: nowrap;\n  pointer-events: none;\n  box-shadow: 0 0 0 2px var(--c-bg);\n}\n.notification-badge__pulse[data-v-da0cc98c] {\n  position: absolute;\n  top: -2px;\n  right: -4px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: rgba(245, 34, 45, 0.4);\n  animation: pulse-ring-da0cc98c 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\n  pointer-events: none;\n}\n@keyframes pulse-ring-da0cc98c {\n0% {\n    transform: scale(0.8);\n    opacity: 1;\n}\n100% {\n    transform: scale(2.2);\n    opacity: 0;\n}\n}\n.badge-bounce-enter-active[data-v-da0cc98c] {\n  animation: badge-in-da0cc98c 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n.badge-bounce-leave-active[data-v-da0cc98c] {\n  animation: badge-in-da0cc98c 0.2s ease reverse;\n}\n@keyframes badge-in-da0cc98c {\n0% {\n    transform: scale(0);\n    opacity: 0;\n}\n100% {\n    transform: scale(1);\n    opacity: 1;\n}\n}",".notification-item[data-v-0104dbfc] {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 12px 16px;\n  cursor: pointer;\n  transition: background-color var(--c-transition, 0.2s ease);\n  border-bottom: 1px solid var(--c-border);\n  /* ─── 子元素 ──────────────────────────── */\n}\n.notification-item[data-v-0104dbfc]:last-child {\n  border-bottom: none;\n}\n.notification-item[data-v-0104dbfc]:hover {\n  background-color: var(--c-bg-card);\n}\n.notification-item:hover .notification-item__actions[data-v-0104dbfc] {\n  opacity: 1;\n}\n.notification-item--unread[data-v-0104dbfc] {\n  background-color: color-mix(in srgb, var(--c-primary) 4%, transparent);\n}\n.notification-item--unread[data-v-0104dbfc]:hover {\n  background-color: color-mix(in srgb, var(--c-primary) 8%, transparent);\n}\n.notification-item--urgent[data-v-0104dbfc] {\n  border-left: 3px solid #f5222d;\n  padding-left: 13px;\n}\n.notification-item__indicator[data-v-0104dbfc] {\n  flex-shrink: 0;\n  width: 8px;\n  display: flex;\n  align-items: center;\n  padding-top: 14px;\n}\n.notification-item__dot[data-v-0104dbfc] {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--c-primary);\n}\n.notification-item__dot--urgent[data-v-0104dbfc] {\n  background: #f5222d;\n  box-shadow: 0 0 4px rgba(245, 34, 45, 0.5);\n}\n.notification-item__dot--high[data-v-0104dbfc] {\n  background: #fa8c16;\n}\n.notification-item__dot--normal[data-v-0104dbfc] {\n  background: var(--c-primary);\n}\n.notification-item__dot--low[data-v-0104dbfc] {\n  background: var(--c-text-4);\n}\n.notification-item__avatar[data-v-0104dbfc] {\n  flex-shrink: 0;\n}\n.notification-item__avatar-placeholder[data-v-0104dbfc] {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  color: #fff;\n}\n.notification-item__avatar-placeholder--system[data-v-0104dbfc] {\n  background: linear-gradient(135deg, #667eea, #764ba2);\n}\n.notification-item__avatar-placeholder--business[data-v-0104dbfc] {\n  background: linear-gradient(135deg, #43e97b, #38f9d7);\n  color: #0d1425;\n}\n.notification-item__avatar-placeholder--alarm[data-v-0104dbfc] {\n  background: linear-gradient(135deg, #f093fb, #f5576c);\n}\n.notification-item__body[data-v-0104dbfc] {\n  flex: 1;\n  min-width: 0;\n}\n.notification-item__header[data-v-0104dbfc] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 4px;\n}\n.notification-item__title[data-v-0104dbfc] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--c-text-1);\n  line-height: 1.4;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.notification-item__summary[data-v-0104dbfc] {\n  font-size: 12px;\n  color: var(--c-text-2);\n  line-height: 1.5;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n.notification-item__meta[data-v-0104dbfc] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 6px;\n}\n.notification-item__time[data-v-0104dbfc], .notification-item__sender[data-v-0104dbfc] {\n  font-size: 11px;\n  color: var(--c-text-4);\n}\n.notification-item__sender[data-v-0104dbfc]::before {\n  content: \"·\";\n  margin-right: 8px;\n}\n.notification-item__actions[data-v-0104dbfc] {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  opacity: 0;\n  transition: opacity var(--c-transition, 0.2s ease);\n}\n.notification-item__action[data-v-0104dbfc] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 2px;\n  border-radius: 4px;\n  cursor: pointer;\n  color: var(--c-text-4);\n  transition: all var(--c-transition, 0.2s ease);\n}\n.notification-item__action[data-v-0104dbfc]:hover {\n  color: var(--c-primary);\n  background-color: var(--c-border);\n}",".notification-list__tabs[data-v-47e5497f] {\n  display: flex;\n  border-bottom: 1px solid var(--c-border);\n  padding: 0 4px;\n}\n.notification-list__tab[data-v-47e5497f] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 10px 12px;\n  font-size: 13px;\n  color: var(--c-text-2);\n  cursor: pointer;\n  transition: all var(--c-transition, 0.2s ease);\n  user-select: none;\n}\n.notification-list__tab[data-v-47e5497f]::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 12px;\n  right: 12px;\n  height: 2px;\n  background: transparent;\n  border-radius: 1px;\n  transition: background var(--c-transition, 0.2s ease);\n}\n.notification-list__tab[data-v-47e5497f]:hover {\n  color: var(--c-text-1);\n}\n.notification-list__tab--active[data-v-47e5497f] {\n  color: var(--c-primary);\n  font-weight: 500;\n}\n.notification-list__tab--active[data-v-47e5497f]::after {\n  background: var(--c-primary);\n}\n.notification-list__tab-count[data-v-47e5497f] {\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #f5222d;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n}\n.notification-list__toolbar[data-v-47e5497f] {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n  padding: 6px 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-list__scroll[data-v-47e5497f] {\n  flex: 1;\n}\n.notification-list__skeleton[data-v-47e5497f] {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 14px 16px;\n}\n.notification-list__skeleton-text[data-v-47e5497f] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.notification-list__load-more[data-v-47e5497f] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  padding: 12px;\n  font-size: 12px;\n  color: var(--c-text-2);\n  cursor: pointer;\n  transition: color var(--c-transition, 0.2s ease);\n}\n.notification-list__load-more[data-v-47e5497f]:hover {\n  color: var(--c-primary);\n}\n.notification-list__empty[data-v-47e5497f] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 0;\n  gap: 12px;\n}\n.notification-list__empty-icon[data-v-47e5497f] {\n  color: var(--c-text-4);\n  opacity: 0.5;\n}\n.notification-list__empty-text[data-v-47e5497f] {\n  font-size: 13px;\n  color: var(--c-text-4);\n}",".notification-detail[data-v-d10a445e] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.notification-detail__back[data-v-d10a445e] {\n  padding: 8px 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-detail__header[data-v-d10a445e] {\n  padding: 16px;\n  border-bottom: 1px solid var(--c-border);\n}\n.notification-detail__title[data-v-d10a445e] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--c-text-1);\n  line-height: 1.5;\n  margin: 0 0 8px;\n}\n.notification-detail__meta[data-v-d10a445e] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n.notification-detail__time[data-v-d10a445e] {\n  font-size: 11px;\n  color: var(--c-text-4);\n}\n.notification-detail__sender[data-v-d10a445e] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 8px;\n  font-size: 12px;\n  color: var(--c-text-2);\n}\n.notification-detail__content[data-v-d10a445e] {\n  flex: 1;\n  min-height: 0;\n}\n.notification-detail__body[data-v-d10a445e] {\n  padding: 16px;\n  font-size: 13px;\n  line-height: 1.7;\n  color: var(--c-text-1);\n  word-break: break-word;\n}\n.notification-detail__body[data-v-d10a445e] p {\n  margin: 0 0 8px;\n}\n.notification-detail__body[data-v-d10a445e] ul,\n.notification-detail__body[data-v-d10a445e] ol {\n  padding-left: 20px;\n  margin: 8px 0;\n}\n.notification-detail__body[data-v-d10a445e] li {\n  margin: 4px 0;\n}\n.notification-detail__body[data-v-d10a445e] strong {\n  font-weight: 600;\n  color: var(--c-primary);\n}\n.notification-detail__footer[data-v-d10a445e] {\n  padding: 12px 16px;\n  border-top: 1px solid var(--c-border);\n  display: flex;\n  justify-content: flex-end;\n}",".c-notification-center[data-v-d4b27637] {\n  display: inline-flex;\n  align-items: center;\n}\n.c-notification-center__panel[data-v-d4b27637] {\n  display: flex;\n  flex-direction: column;\n  max-height: 560px;\n}\n.c-notification-center__header[data-v-d4b27637] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 16px 10px;\n  border-bottom: 1px solid var(--c-border);\n}\n.c-notification-center__title[data-v-d4b27637] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--c-text-1);\n}\n.c-notification-center__header-extra[data-v-d4b27637] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.c-notification-center__ws-dot[data-v-d4b27637] {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  transition: background-color var(--c-transition, 0.2s ease);\n}\n.c-notification-center__ws-dot--connected[data-v-d4b27637] {\n  background: #52c41a;\n  box-shadow: 0 0 4px rgba(82, 196, 26, 0.5);\n}\n.c-notification-center__ws-dot--connecting[data-v-d4b27637], .c-notification-center__ws-dot--reconnecting[data-v-d4b27637] {\n  background: #faad14;\n  animation: status-blink-d4b27637 1s ease-in-out infinite;\n}\n.c-notification-center__ws-dot--disconnected[data-v-d4b27637] {\n  background: var(--c-text-4);\n}\n@keyframes status-blink-d4b27637 {\n0%, 100% {\n    opacity: 1;\n}\n50% {\n    opacity: 0.3;\n}\n}\n/* ─── 切换过渡 ───────────────────────────────── */\n.slide-fade-enter-active[data-v-d4b27637] {\n  transition: all 0.25s ease-out;\n}\n.slide-fade-leave-active[data-v-d4b27637] {\n  transition: all 0.2s ease-in;\n}\n.slide-fade-enter-from[data-v-d4b27637] {\n  opacity: 0;\n  transform: translateY(8px);\n}\n.slide-fade-leave-to[data-v-d4b27637] {\n  opacity: 0;\n  transform: translateY(-8px);\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;AC/EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_NotificationCenter.cjs

@@ -0,0 +1,20 @@
+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;

package/dist/C_NotificationCenter.d.cts

@@ -0,0 +1,2 @@
+import { A as NotificationWSConfig, C as NotificationCenterEmits, D as NotificationPriority, E as NotificationMessage, M as WSNotificationPayload, O as NotificationSender, S as NotificationCategory, T as NotificationCenterProps, _ as ClearNotificationsFn, a as DEFAULT_POLLING_INTERVAL, b as MarkAllReadFn, c as DEFAULT_WS_HEARTBEAT_MESSAGE, d as MOCK_MESSAGES, f as PRIORITY_MAP, g as _default, h as useNotificationCore, i as DEFAULT_PAGE_SIZE, j as WSConnectionStatus, k as NotificationStatus, l as DEFAULT_WS_MAX_RECONNECT, m as useNotificationFormat, n as CATEGORY_TABS, o as DEFAULT_STORAGE_KEY, p as useNotificationWS, r as DEFAULT_MAX_BADGE_COUNT, s as DEFAULT_WS_HEARTBEAT_INTERVAL, t as CATEGORY_MAP, u as DEFAULT_WS_RECONNECT_INTERVAL, v as DeleteNotificationFn, w as NotificationCenterExpose, x as MarkAsReadFn, y as FetchNotificationsFn } from "./constants3.js";
+export { CATEGORY_MAP, CATEGORY_TABS, _default as C_NotificationCenter, type ClearNotificationsFn, 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, type DeleteNotificationFn, type FetchNotificationsFn, MOCK_MESSAGES, type MarkAllReadFn, type MarkAsReadFn, type NotificationCategory, type NotificationCenterEmits, type NotificationCenterExpose, type NotificationCenterProps, type NotificationMessage, type NotificationPriority, type NotificationSender, type NotificationStatus, type NotificationWSConfig, PRIORITY_MAP, type WSConnectionStatus, type WSNotificationPayload, useNotificationCore, useNotificationFormat, useNotificationWS };

package/dist/C_NotificationCenter.d.ts

@@ -0,0 +1,2 @@
+import { A as NotificationWSConfig, C as NotificationCenterEmits, D as NotificationPriority, E as NotificationMessage, M as WSNotificationPayload, O as NotificationSender, S as NotificationCategory, T as NotificationCenterProps, _ as ClearNotificationsFn, a as DEFAULT_POLLING_INTERVAL, b as MarkAllReadFn, c as DEFAULT_WS_HEARTBEAT_MESSAGE, d as MOCK_MESSAGES, f as PRIORITY_MAP, g as _default, h as useNotificationCore, i as DEFAULT_PAGE_SIZE, j as WSConnectionStatus, k as NotificationStatus, l as DEFAULT_WS_MAX_RECONNECT, m as useNotificationFormat, n as CATEGORY_TABS, o as DEFAULT_STORAGE_KEY, p as useNotificationWS, r as DEFAULT_MAX_BADGE_COUNT, s as DEFAULT_WS_HEARTBEAT_INTERVAL, t as CATEGORY_MAP, u as DEFAULT_WS_RECONNECT_INTERVAL, v as DeleteNotificationFn, w as NotificationCenterExpose, x as MarkAsReadFn, y as FetchNotificationsFn } from "./constants3.js";
+export { CATEGORY_MAP, CATEGORY_TABS, _default as C_NotificationCenter, type ClearNotificationsFn, 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, type DeleteNotificationFn, type FetchNotificationsFn, MOCK_MESSAGES, type MarkAllReadFn, type MarkAsReadFn, type NotificationCategory, type NotificationCenterEmits, type NotificationCenterExpose, type NotificationCenterProps, type NotificationMessage, type NotificationPriority, type NotificationSender, type NotificationStatus, type NotificationWSConfig, PRIORITY_MAP, type WSConnectionStatus, type WSNotificationPayload, useNotificationCore, useNotificationFormat, useNotificationWS };

package/dist/C_NotificationCenter.js

@@ -0,0 +1,4 @@
+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 };