njk-tool 0.0.26 → 0.1.0

package/dist/bundle/app.min.js

@@ -4971,7 +4971,7 @@ var hasRequiredUtils$1;
 function requireUtils$1 () {
 	if (hasRequiredUtils$1) return utils$1;
 	hasRequiredUtils$1 = 1;
-	(function (exports) {
+	(function (exports$1) {
 
 		const path = require$$0$3;
 		const win32 = process.platform === 'win32';
@@ -4982,19 +4982,19 @@ function requireUtils$1 () {
 		  REGEX_SPECIAL_CHARS_GLOBAL
 		} = requireConstants$2();
 
-		exports.isObject = val => val !== null && typeof val === 'object' && !Array.isArray(val);
-		exports.hasRegexChars = str => REGEX_SPECIAL_CHARS.test(str);
-		exports.isRegexChar = str => str.length === 1 && exports.hasRegexChars(str);
-		exports.escapeRegex = str => str.replace(REGEX_SPECIAL_CHARS_GLOBAL, '\\$1');
-		exports.toPosixSlashes = str => str.replace(REGEX_BACKSLASH, '/');
+		exports$1.isObject = val => val !== null && typeof val === 'object' && !Array.isArray(val);
+		exports$1.hasRegexChars = str => REGEX_SPECIAL_CHARS.test(str);
+		exports$1.isRegexChar = str => str.length === 1 && exports$1.hasRegexChars(str);
+		exports$1.escapeRegex = str => str.replace(REGEX_SPECIAL_CHARS_GLOBAL, '\\$1');
+		exports$1.toPosixSlashes = str => str.replace(REGEX_BACKSLASH, '/');
 
-		exports.removeBackslashes = str => {
+		exports$1.removeBackslashes = str => {
 		  return str.replace(REGEX_REMOVE_BACKSLASH, match => {
 		    return match === '\\' ? '' : match;
 		  });
 		};
 
-		exports.supportsLookbehinds = () => {
+		exports$1.supportsLookbehinds = () => {
 		  const segs = process.version.slice(1).split('.').map(Number);
 		  if (segs.length === 3 && segs[0] >= 9 || (segs[0] === 8 && segs[1] >= 10)) {
 		    return true;
@@ -5002,21 +5002,21 @@ function requireUtils$1 () {
 		  return false;
 		};
 
-		exports.isWindows = options => {
+		exports$1.isWindows = options => {
 		  if (options && typeof options.windows === 'boolean') {
 		    return options.windows;
 		  }
 		  return win32 === true || path.sep === '\\';
 		};
 
-		exports.escapeLast = (input, char, lastIdx) => {
+		exports$1.escapeLast = (input, char, lastIdx) => {
 		  const idx = input.lastIndexOf(char, lastIdx);
 		  if (idx === -1) return input;
-		  if (input[idx - 1] === '\\') return exports.escapeLast(input, char, idx - 1);
+		  if (input[idx - 1] === '\\') return exports$1.escapeLast(input, char, idx - 1);
 		  return `${input.slice(0, idx)}\\${input.slice(idx)}`;
 		};
 
-		exports.removePrefix = (input, state = {}) => {
+		exports$1.removePrefix = (input, state = {}) => {
 		  let output = input;
 		  if (output.startsWith('./')) {
 		    output = output.slice(2);
@@ -5025,7 +5025,7 @@ function requireUtils$1 () {
 		  return output;
 		};
 
-		exports.wrapOutput = (input, state = {}, options = {}) => {
+		exports$1.wrapOutput = (input, state = {}, options = {}) => {
 		  const prepend = options.contains ? '' : '^';
 		  const append = options.contains ? '' : '$';
 
@@ -7597,9 +7597,9 @@ var hasRequiredUtils;
 function requireUtils () {
 	if (hasRequiredUtils) return utils;
 	hasRequiredUtils = 1;
-	(function (exports) {
+	(function (exports$1) {
 
-		exports.isInteger = num => {
+		exports$1.isInteger = num => {
 		  if (typeof num === 'number') {
 		    return Number.isInteger(num);
 		  }
@@ -7613,15 +7613,15 @@ function requireUtils () {
 		 * Find a node of the given type
 		 */
 
-		exports.find = (node, type) => node.nodes.find(node => node.type === type);
+		exports$1.find = (node, type) => node.nodes.find(node => node.type === type);
 
 		/**
 		 * Find a node of the given type
 		 */
 
-		exports.exceedsLimit = (min, max, step = 1, limit) => {
+		exports$1.exceedsLimit = (min, max, step = 1, limit) => {
 		  if (limit === false) return false;
-		  if (!exports.isInteger(min) || !exports.isInteger(max)) return false;
+		  if (!exports$1.isInteger(min) || !exports$1.isInteger(max)) return false;
 		  return ((Number(max) - Number(min)) / Number(step)) >= limit;
 		};
 
@@ -7629,7 +7629,7 @@ function requireUtils () {
 		 * Escape the given node with '\\' before node.value
 		 */
 
-		exports.escapeNode = (block, n = 0, type) => {
+		exports$1.escapeNode = (block, n = 0, type) => {
 		  const node = block.nodes[n];
 		  if (!node) return;
 
@@ -7645,7 +7645,7 @@ function requireUtils () {
 		 * Returns true if the given brace node should be enclosed in literal braces
 		 */
 
-		exports.encloseBrace = node => {
+		exports$1.encloseBrace = node => {
 		  if (node.type !== 'brace') return false;
 		  if ((node.commas >> 0 + node.ranges >> 0) === 0) {
 		    node.invalid = true;
@@ -7658,7 +7658,7 @@ function requireUtils () {
 		 * Returns true if a brace node is invalid.
 		 */
 
-		exports.isInvalidBrace = block => {
+		exports$1.isInvalidBrace = block => {
 		  if (block.type !== 'brace') return false;
 		  if (block.invalid === true || block.dollar) return true;
 		  if ((block.commas >> 0 + block.ranges >> 0) === 0) {
@@ -7676,7 +7676,7 @@ function requireUtils () {
 		 * Returns true if a node is an open or close node
 		 */
 
-		exports.isOpenOrClose = node => {
+		exports$1.isOpenOrClose = node => {
 		  if (node.type === 'open' || node.type === 'close') {
 		    return true;
 		  }
@@ -7687,7 +7687,7 @@ function requireUtils () {
 		 * Reduce an array of text nodes.
 		 */
 
-		exports.reduce = nodes => nodes.reduce((acc, node) => {
+		exports$1.reduce = nodes => nodes.reduce((acc, node) => {
 		  if (node.type === 'text') acc.push(node.value);
 		  if (node.type === 'range') node.type = 'text';
 		  return acc;
@@ -7697,7 +7697,7 @@ function requireUtils () {
 		 * Flatten an array
 		 */
 
-		exports.flatten = (...args) => {
+		exports$1.flatten = (...args) => {
 		  const result = [];
 
 		  const flat = arr => {
@@ -9407,72 +9407,72 @@ var hasRequiredConstants;
 function requireConstants () {
 	if (hasRequiredConstants) return constants;
 	hasRequiredConstants = 1;
-	(function (exports) {
+	(function (exports$1) {
 
 		const {sep} = require$$0$3;
 		const {platform} = process;
 		const os = require$$2$1;
 
-		exports.EV_ALL = 'all';
-		exports.EV_READY = 'ready';
-		exports.EV_ADD = 'add';
-		exports.EV_CHANGE = 'change';
-		exports.EV_ADD_DIR = 'addDir';
-		exports.EV_UNLINK = 'unlink';
-		exports.EV_UNLINK_DIR = 'unlinkDir';
-		exports.EV_RAW = 'raw';
-		exports.EV_ERROR = 'error';
-
-		exports.STR_DATA = 'data';
-		exports.STR_END = 'end';
-		exports.STR_CLOSE = 'close';
-
-		exports.FSEVENT_CREATED = 'created';
-		exports.FSEVENT_MODIFIED = 'modified';
-		exports.FSEVENT_DELETED = 'deleted';
-		exports.FSEVENT_MOVED = 'moved';
-		exports.FSEVENT_CLONED = 'cloned';
-		exports.FSEVENT_UNKNOWN = 'unknown';
-		exports.FSEVENT_FLAG_MUST_SCAN_SUBDIRS = 1;
-		exports.FSEVENT_TYPE_FILE = 'file';
-		exports.FSEVENT_TYPE_DIRECTORY = 'directory';
-		exports.FSEVENT_TYPE_SYMLINK = 'symlink';
-
-		exports.KEY_LISTENERS = 'listeners';
-		exports.KEY_ERR = 'errHandlers';
-		exports.KEY_RAW = 'rawEmitters';
-		exports.HANDLER_KEYS = [exports.KEY_LISTENERS, exports.KEY_ERR, exports.KEY_RAW];
-
-		exports.DOT_SLASH = `.${sep}`;
-
-		exports.BACK_SLASH_RE = /\\/g;
-		exports.DOUBLE_SLASH_RE = /\/\//;
-		exports.SLASH_OR_BACK_SLASH_RE = /[/\\]/;
-		exports.DOT_RE = /\..*\.(sw[px])$|~$|\.subl.*\.tmp/;
-		exports.REPLACER_RE = /^\.[/\\]/;
-
-		exports.SLASH = '/';
-		exports.SLASH_SLASH = '//';
-		exports.BRACE_START = '{';
-		exports.BANG = '!';
-		exports.ONE_DOT = '.';
-		exports.TWO_DOTS = '..';
-		exports.STAR = '*';
-		exports.GLOBSTAR = '**';
-		exports.ROOT_GLOBSTAR = '/**/*';
-		exports.SLASH_GLOBSTAR = '/**';
-		exports.DIR_SUFFIX = 'Dir';
-		exports.ANYMATCH_OPTS = {dot: true};
-		exports.STRING_TYPE = 'string';
-		exports.FUNCTION_TYPE = 'function';
-		exports.EMPTY_STR = '';
-		exports.EMPTY_FN = () => {};
-		exports.IDENTITY_FN = val => val;
-
-		exports.isWindows = platform === 'win32';
-		exports.isMacos = platform === 'darwin';
-		exports.isLinux = platform === 'linux';
-		exports.isIBMi = os.type() === 'OS400'; 
+		exports$1.EV_ALL = 'all';
+		exports$1.EV_READY = 'ready';
+		exports$1.EV_ADD = 'add';
+		exports$1.EV_CHANGE = 'change';
+		exports$1.EV_ADD_DIR = 'addDir';
+		exports$1.EV_UNLINK = 'unlink';
+		exports$1.EV_UNLINK_DIR = 'unlinkDir';
+		exports$1.EV_RAW = 'raw';
+		exports$1.EV_ERROR = 'error';
+
+		exports$1.STR_DATA = 'data';
+		exports$1.STR_END = 'end';
+		exports$1.STR_CLOSE = 'close';
+
+		exports$1.FSEVENT_CREATED = 'created';
+		exports$1.FSEVENT_MODIFIED = 'modified';
+		exports$1.FSEVENT_DELETED = 'deleted';
+		exports$1.FSEVENT_MOVED = 'moved';
+		exports$1.FSEVENT_CLONED = 'cloned';
+		exports$1.FSEVENT_UNKNOWN = 'unknown';
+		exports$1.FSEVENT_FLAG_MUST_SCAN_SUBDIRS = 1;
+		exports$1.FSEVENT_TYPE_FILE = 'file';
+		exports$1.FSEVENT_TYPE_DIRECTORY = 'directory';
+		exports$1.FSEVENT_TYPE_SYMLINK = 'symlink';
+
+		exports$1.KEY_LISTENERS = 'listeners';
+		exports$1.KEY_ERR = 'errHandlers';
+		exports$1.KEY_RAW = 'rawEmitters';
+		exports$1.HANDLER_KEYS = [exports$1.KEY_LISTENERS, exports$1.KEY_ERR, exports$1.KEY_RAW];
+
+		exports$1.DOT_SLASH = `.${sep}`;
+
+		exports$1.BACK_SLASH_RE = /\\/g;
+		exports$1.DOUBLE_SLASH_RE = /\/\//;
+		exports$1.SLASH_OR_BACK_SLASH_RE = /[/\\]/;
+		exports$1.DOT_RE = /\..*\.(sw[px])$|~$|\.subl.*\.tmp/;
+		exports$1.REPLACER_RE = /^\.[/\\]/;
+
+		exports$1.SLASH = '/';
+		exports$1.SLASH_SLASH = '//';
+		exports$1.BRACE_START = '{';
+		exports$1.BANG = '!';
+		exports$1.ONE_DOT = '.';
+		exports$1.TWO_DOTS = '..';
+		exports$1.STAR = '*';
+		exports$1.GLOBSTAR = '**';
+		exports$1.ROOT_GLOBSTAR = '/**/*';
+		exports$1.SLASH_GLOBSTAR = '/**';
+		exports$1.DIR_SUFFIX = 'Dir';
+		exports$1.ANYMATCH_OPTS = {dot: true};
+		exports$1.STRING_TYPE = 'string';
+		exports$1.FUNCTION_TYPE = 'function';
+		exports$1.EMPTY_STR = '';
+		exports$1.EMPTY_FN = () => {};
+		exports$1.IDENTITY_FN = val => val;
+
+		exports$1.isWindows = platform === 'win32';
+		exports$1.isMacos = platform === 'darwin';
+		exports$1.isLinux = platform === 'linux';
+		exports$1.isIBMi = os.type() === 'OS400'; 
 	} (constants));
 	return constants;
 }
@@ -11817,7 +11817,7 @@ var hasRequiredTests;
 function requireTests () {
 	if (hasRequiredTests) return tests;
 	hasRequiredTests = 1;
-	(function (exports) {
+	(function (exports$1) {
 
 		var SafeString = requireRuntime().SafeString;
 
@@ -11829,7 +11829,7 @@ function requireTests () {
 		function callable(value) {
 		  return typeof value === 'function';
 		}
-		exports.callable = callable;
+		exports$1.callable = callable;
 
 		/**
 		 * Returns `true` if the object is strictly not `undefined`.
@@ -11839,7 +11839,7 @@ function requireTests () {
 		function defined(value) {
 		  return value !== undefined;
 		}
-		exports.defined = defined;
+		exports$1.defined = defined;
 
 		/**
 		 * Returns `true` if the operand (one) is divisble by the test's argument
@@ -11851,7 +11851,7 @@ function requireTests () {
 		function divisibleby(one, two) {
 		  return one % two === 0;
 		}
-		exports.divisibleby = divisibleby;
+		exports$1.divisibleby = divisibleby;
 
 		/**
 		 * Returns true if the string has been escaped (i.e., is a SafeString).
@@ -11861,7 +11861,7 @@ function requireTests () {
 		function escaped(value) {
 		  return value instanceof SafeString;
 		}
-		exports.escaped = escaped;
+		exports$1.escaped = escaped;
 
 		/**
 		 * Returns `true` if the arguments are strictly equal.
@@ -11871,11 +11871,11 @@ function requireTests () {
 		function equalto(one, two) {
 		  return one === two;
 		}
-		exports.equalto = equalto;
+		exports$1.equalto = equalto;
 
 		// Aliases
-		exports.eq = exports.equalto;
-		exports.sameas = exports.equalto;
+		exports$1.eq = exports$1.equalto;
+		exports$1.sameas = exports$1.equalto;
 
 		/**
 		 * Returns `true` if the value is evenly divisible by 2.
@@ -11885,7 +11885,7 @@ function requireTests () {
 		function even(value) {
 		  return value % 2 === 0;
 		}
-		exports.even = even;
+		exports$1.even = even;
 
 		/**
 		 * Returns `true` if the value is falsy - if I recall correctly, '', 0, false,
@@ -11898,7 +11898,7 @@ function requireTests () {
 		function falsy(value) {
 		  return !value;
 		}
-		exports.falsy = falsy;
+		exports$1.falsy = falsy;
 
 		/**
 		 * Returns `true` if the operand (one) is greater or equal to the test's
@@ -11910,7 +11910,7 @@ function requireTests () {
 		function ge(one, two) {
 		  return one >= two;
 		}
-		exports.ge = ge;
+		exports$1.ge = ge;
 
 		/**
 		 * Returns `true` if the operand (one) is greater than the test's argument
@@ -11922,10 +11922,10 @@ function requireTests () {
 		function greaterthan(one, two) {
 		  return one > two;
 		}
-		exports.greaterthan = greaterthan;
+		exports$1.greaterthan = greaterthan;
 
 		// alias
-		exports.gt = exports.greaterthan;
+		exports$1.gt = exports$1.greaterthan;
 
 		/**
 		 * Returns `true` if the operand (one) is less than or equal to the test's
@@ -11937,7 +11937,7 @@ function requireTests () {
 		function le(one, two) {
 		  return one <= two;
 		}
-		exports.le = le;
+		exports$1.le = le;
 
 		/**
 		 * Returns `true` if the operand (one) is less than the test's passed argument
@@ -11949,10 +11949,10 @@ function requireTests () {
 		function lessthan(one, two) {
 		  return one < two;
 		}
-		exports.lessthan = lessthan;
+		exports$1.lessthan = lessthan;
 
 		// alias
-		exports.lt = exports.lessthan;
+		exports$1.lt = exports$1.lessthan;
 
 		/**
 		 * Returns `true` if the string is lowercased.
@@ -11962,7 +11962,7 @@ function requireTests () {
 		function lower(value) {
 		  return value.toLowerCase() === value;
 		}
-		exports.lower = lower;
+		exports$1.lower = lower;
 
 		/**
 		 * Returns `true` if the operand (one) is less than or equal to the test's
@@ -11974,7 +11974,7 @@ function requireTests () {
 		function ne(one, two) {
 		  return one !== two;
 		}
-		exports.ne = ne;
+		exports$1.ne = ne;
 
 		/**
 		 * Returns true if the value is strictly equal to `null`.
@@ -11984,7 +11984,7 @@ function requireTests () {
 		function nullTest(value) {
 		  return value === null;
 		}
-		exports.null = nullTest;
+		exports$1.null = nullTest;
 
 		/**
 		 * Returns true if value is a number.
@@ -11994,7 +11994,7 @@ function requireTests () {
 		function number(value) {
 		  return typeof value === 'number';
 		}
-		exports.number = number;
+		exports$1.number = number;
 
 		/**
 		 * Returns `true` if the value is *not* evenly divisible by 2.
@@ -12004,7 +12004,7 @@ function requireTests () {
 		function odd(value) {
 		  return value % 2 === 1;
 		}
-		exports.odd = odd;
+		exports$1.odd = odd;
 
 		/**
 		 * Returns `true` if the value is a string, `false` if not.
@@ -12014,7 +12014,7 @@ function requireTests () {
 		function string(value) {
 		  return typeof value === 'string';
 		}
-		exports.string = string;
+		exports$1.string = string;
 
 		/**
 		 * Returns `true` if the value is not in the list of things considered falsy:
@@ -12025,7 +12025,7 @@ function requireTests () {
 		function truthy(value) {
 		  return !!value;
 		}
-		exports.truthy = truthy;
+		exports$1.truthy = truthy;
 
 		/**
 		 * Returns `true` if the value is undefined.
@@ -12035,7 +12035,7 @@ function requireTests () {
 		function undefinedTest(value) {
 		  return value === undefined;
 		}
-		exports.undefined = undefinedTest;
+		exports$1.undefined = undefinedTest;
 
 		/**
 		 * Returns `true` if the string is uppercased.
@@ -12045,7 +12045,7 @@ function requireTests () {
 		function upper(value) {
 		  return value.toUpperCase() === value;
 		}
-		exports.upper = upper;
+		exports$1.upper = upper;
 
 		/**
 		 * If ES6 features are available, returns `true` if the value implements the
@@ -12064,7 +12064,7 @@ function requireTests () {
 		    return Array.isArray(value) || typeof value === 'string';
 		  }
 		}
-		exports.iterable = iterable;
+		exports$1.iterable = iterable;
 
 		/**
 		 * If ES6 features are available, returns `true` if the value is an object hash
@@ -12081,7 +12081,7 @@ function requireTests () {
 		    return bool;
 		  }
 		}
-		exports.mapping = mapping; 
+		exports$1.mapping = mapping; 
 	} (tests));
 	return tests;
 }
@@ -13280,7 +13280,10 @@ function requireNunjucks () {
 var nunjucksExports = requireNunjucks();
 var nunjucks = /*@__PURE__*/getDefaultExportFromCjs(nunjucksExports);
 
-// ?? 如何避免每次手动添加
+/**
+ * 组件标签类型枚举
+ * 包含所有支持的组件类型
+ */
 var TagType;
 (function (TagType) {
     TagType["Title"] = "title";
@@ -13292,796 +13295,811 @@ var TagType;
     TagType["Notice"] = "notice";
     TagType["Block"] = "block";
     TagType["Table"] = "table";
+    TagType["Divider"] = "divider";
+    TagType["Tag"] = "tag";
+    TagType["ContentTitle"] = "title_content";
+    TagType["Html"] = "html";
 })(TagType || (TagType = {}));
 
-const styleText = `<style>/* Components.css */
-/* END-Components.css */
-/* ContentTitle.css */
-.collapsible-container {
---margin: 36px 0 20px;
-width: 100%;
-overflow: hidden;
-margin: var(--margin);
-}
-.collapsible-input {
-display: none;
-}
-.content-title:hover {
-color: #409EFF;
-}
-.collapsible-label {
-display: flex;
-justify-content: space-between;
-align-items: center;
-cursor: pointer;
-}
-.collapsible-label:hover {
-color: #409EFF;
-}
-.collapsible-input:checked~.collapsible-arrow {
-transform: rotate(90deg);
-}
-.collapsible-content {
-max-height: 0;
-overflow: hidden;
-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1) 0.3s ease;
-}
-.collapsible-hover-content {
-max-height: 0;
-overflow: hidden;
-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1) 0.3s ease;
-}
-.collapsible-container:hover>.collapsible-hover-content {
-max-height: 500px;
-}
-.collapsible-input:checked~.collapsible-content {
-max-height: 500px;
-/* 根据内容调整 */
-}
-.title-tag,
-.title-tag-small {
-align-items: center;
-margin-left: 4px;
-border-radius: 4px;
-color: white;
-background-color: #2196F3
-}
-.title-tag-titile-container{
-display: flex;
-align-items: center
-}
-.title-tag-small {
-font-size: 10px;
-padding: 2px 8px;
-}
-.title-tag {
-font-size: 10px;
-padding: 6px 10px;
-}
-/* END-ContentTitle.css */
-/* Divider.css */
-.divider-base {
-border: none;
-height: 1px;
-background: #e0e0e0;
-background-size: 100% 100%;
-margin: 20px 0;
-}
-/* END-Divider.css */
-/* TOC.css */
-/* 基础样式 */
-.article-toc {
-position: fixed;
-top: 50px;
-right: 2rem;
-max-height: calc(100vh - 4rem);
-margin-left: 2rem;
-font-size: 0.95rem;
-}
-/* 隐藏 checkbox */
-.toc-toggle-checkbox {
-position: absolute;
-opacity: 0;
-height: 0;
-width: 0;
-}
-/* 切换按钮样式 */
-.toc-toggle-label {
-display: flex;
-align-items: center;
-background: #f8f9fa;
-padding: 0.3rem 0.6rem;
-border-radius: 4px;
-cursor: pointer;
-margin-bottom: 0.5rem;
-}
-.toc-icon {
-font-size: 1.2rem;
-margin-right: 0.3rem;
-}
-/* 目录导航 */
-.toc-nav {
-padding: 0.5rem;
-background: white;
-border-radius: 6px;
-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-}
-.toc-section {
-margin-bottom: 0.8rem;
-}
-.toc-heading {
-font-size: 1rem;
-margin: 0 0 0.4rem 0;
-padding-bottom: 0.2rem;
-border-bottom: 1px solid #eee;
-}
-.toc-list {
-list-style: none;
-padding-left: 0.4rem;
-margin: 0;
-}
-.toc-item {
-margin: 0.2rem 0;
-}
-.toc-link {
-display: block;
-padding: 0.2rem 0.4rem;
-color: #495057;
-text-decoration: none;
-border-radius: 3px;
-transition: all 0.2s;
-}
-.toc-link:hover {
-background: #f0f0f0;
-color: #007bff;
-}
-/* 层级缩进 */
-.toc-link[data-level="2"] {
-padding-left: 0.8rem;
-}
-.toc-link[data-level="3"] {
-padding-left: 1.6rem;
-}
-/* 激活状态 */
-.toc-link.active {
-background: #e7f5ff;
-color: #0066cc;
-font-weight: 500;
-}
-/* 折叠功能实现 */
-.toc-toggle-checkbox:not(:checked) ~ .toc-nav {
-display: none;
-}
-/* 响应式设计 */
-@media (max-width: 768px) {
-.article-toc {
-margin-left: 1rem;
-font-size: 0.9rem;
-}
-}
-/* END-TOC.css */
-/* Text.css */
-/* END-Text.css */
-/* Title.css */
-.title-base {
-text-align: center;
-font-weight: bolder;
-}
-.njk-title-h1 {
-position: relative;
-padding: 0 0 4.8px;
-}
-.njk-title-h2 {
-position: relative;
-}
-.njk-title-h3 {
-position: relative;
-margin-bottom: 10px;
-}
-/* .njk-title-h2::before,
-.njk-title-h1::before {
-display: none;
-position: absolute;
-content: "# ";
-color: #007bff;
-}
-.njk-title-h1::before {
-left: -26px;
-}
-.njk-title-h2::before {
-left: -18px;
-}
-.njk-title-h1:hover::before,
-.njk-title-h2:hover::before {
-display: inline-block;
-} */
-/* END-Title.css */
-/* Notice.css */
-/* Notice */
-.notice {
-margin: 16px 0;
-padding: 12px 16px;
-margin-bottom: 1rem;
-border-radius: 4px;
-font-size: 14px;
-line-height: 1.5rem;
-}
-.notice-title {
-font-weight: bold;
-margin-bottom: 4px;
-}
-/* 不同类型的通知样式 */
-.notice-info {
-background-color: #e8f4ff;
-border-left: 4px solid #1890ff;
-}
-.notice-warning {
-background-color: #fff7e6;
-border-left: 4px solid #faad14;
-}
-.notice-success {
-background-color: #f6ffed;
-border-left: 4px solid #52c41a;
-}
-.notice-error {
-background-color: #fff2f0;
-border-left: 4px solid #f5222d;
-}
-/* END-Notice.css */
-/* Table.css */
-.my-daframe-default {
-margin: 0 auto 20px;
-border-collapse: collapse;
-border: 2px solid black;
-/* 合并边框 */
-font-family: Arial, Helvetica, sans-serif;
-font-size: 14px;
-color: #444444;
-}
-.my-daframe-default a {
-text-decoration: none !important;
-color: #444444 !important;
-font-family: Arial, Helvetica, sans-serif;
-font-size: 14px;
-}
-.thead-light th {
-white-space: nowrap;
-background-color: #e0e3e8;
-/* background-color: #f5f7fa; */
-color: #333333;
-font-weight: 600;
-padding: 12px 16px;
-text-align: left;
-border-right: 1px solid rgba(19, 18, 18, 0.6);
-border-bottom: 2px solid black;
-font-size: 16px;
-}
-.my-daframe-default tr {
-border-bottom: 1px solid black;
-}
-.my-daframe-default td {
-border-right: 1px solid rgba(19, 18, 18, 0.6);
-/* color: #333333; */
-/* font-weight: 600; */
-/* text-align: left; */
-}
-.default-row {
-border: 1px solid #eee;
-background-color: #fff;
-}
-.default-row:hover {
-background-color: #f0f4f8;
-color: rebeccapurple;
-}
-.default-cell {
-padding: 10px 16px;
-/* border: 1px solid #e1e4e8; */
-font-weight: 400;
-font-size: 14px;
-color: #444;
-background-color: transparent;
-}
-/* END-Table.css */
-/* Block.css */
-/* Block.njk */
-.code-block {
---block-margin: 0px
-margin: var(--block-margin) 0;
-border-radius: 4px;
-overflow: hidden;
-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-.code-block pre {
-margin: 0;
-padding: 1rem;
-background-color: #f5f5f5;
-font-family: 'Courier New', monospace;
-font-size: 14px;
-line-height: 1.5;
-white-space: pre-wrap;
-}
-.code-block code {
-display: block;
-overflow-x: auto;
-}
-/* END-Block.css */
-/* Date.css */
-.center-info-box {
-margin-top: -20px;
-margin-bottom: 20px;
-text-align: center;
-color: black;
-}
-/* END-Date.css */
-/* Tab.css */
-/* Tab 容器 */
-.tab-container {
-max-width: 600px;
-margin: 0 auto;
-}
-/* 隐藏 Radio 按钮 */
-.tab-radio {
-display: none;
-}
-/* Tab 按钮样式 */
-.tab-labels {
-display: flex;
-border-bottom: 1px solid #ccc;
-}
-.tab-label {
-padding: 5px 10px;
-cursor: pointer;
-background-color: #f1f1f1;
-border: 1px solid #ccc;
-border-bottom: none;
-margin-right: 2px;
-border-radius: 5px 5px 0 0;
-}
-.tab-label:hover {
-background-color: #ddd;
-}
-.tab-radio:checked+.tab-label {
-background-color: #fff;
-border-bottom: 1px solid #fff;
-margin-bottom: -1px;
-}
-/* Tab 内容区域 */
-.tab-content {
-display: none;
-padding: 20px;
-border: 1px solid #ccc;
-border-top: none;
-}
-/* END-Tab.css */
-/* Base.css */
-body {
-margin: 0;
-padding: 0;
-font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
-}
-/* PC端样式 */
-a {
-text-decoration: none;
-}
-a:hover {
-color: #409EFF;
-}
-.email-main-container {
-margin: 0;
-min-width: 1000px;
-padding: 0 5rem;
-}
-:root {
---njk-title-color: black;
---njk-title-align: center;
---njk-title-position: relative;
---njk-title-margin: 36px 0 20px;
---njk-table-margin: 0 auto 20px;
-}
-/* END-Base.css */
+const styleText = `<style>/* Components.css */
+/* END-Components.css */
+/* ContentTitle.css */
+.collapsible-container {
+--margin: 36px 0 20px;
+width: 100%;
+overflow: hidden;
+margin: var(--margin);
+}
+.collapsible-input {
+display: none;
+}
+.content-title:hover {
+color: #409EFF;
+}
+.collapsible-label {
+display: flex;
+justify-content: space-between;
+align-items: center;
+cursor: pointer;
+}
+.collapsible-label:hover {
+color: #409EFF;
+}
+.collapsible-input:checked~.collapsible-arrow {
+transform: rotate(90deg);
+}
+.collapsible-content {
+max-height: 0;
+overflow: hidden;
+transition: max-height 0.3s cubic-bezier(0, 1, 0, 1) 0.3s ease;
+}
+.collapsible-hover-content {
+max-height: 0;
+overflow: hidden;
+transition: max-height 0.3s cubic-bezier(0, 1, 0, 1) 0.3s ease;
+}
+.collapsible-container:hover>.collapsible-hover-content {
+max-height: 500px;
+}
+.collapsible-input:checked~.collapsible-content {
+max-height: 500px;
+/* 根据内容调整 */
+}
+.title-tag,
+.title-tag-small {
+align-items: center;
+margin-left: 4px;
+border-radius: 4px;
+color: white;
+background-color: #2196F3
+}
+.title-tag-titile-container{
+display: flex;
+align-items: center
+}
+.title-tag-small {
+font-size: 10px;
+padding: 2px 8px;
+}
+.title-tag {
+font-size: 10px;
+padding: 6px 10px;
+}
+/* END-ContentTitle.css */
+/* Divider.css */
+.divider-base {
+border: none;
+height: 1px;
+background: #e0e0e0;
+background-size: 100% 100%;
+margin: 20px 0;
+}
+/* END-Divider.css */
+/* TOC.css */
+/* 基础样式 */
+.article-toc {
+position: fixed;
+top: 50px;
+right: 2rem;
+max-height: calc(100vh - 4rem);
+margin-left: 2rem;
+font-size: 0.95rem;
+}
+/* 隐藏 checkbox */
+.toc-toggle-checkbox {
+position: absolute;
+opacity: 0;
+height: 0;
+width: 0;
+}
+/* 切换按钮样式 */
+.toc-toggle-label {
+display: flex;
+align-items: center;
+background: #f8f9fa;
+padding: 0.3rem 0.6rem;
+border-radius: 4px;
+cursor: pointer;
+margin-bottom: 0.5rem;
+}
+.toc-icon {
+font-size: 1.2rem;
+margin-right: 0.3rem;
+}
+/* 目录导航 */
+.toc-nav {
+padding: 0.5rem;
+background: white;
+border-radius: 6px;
+box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+}
+.toc-section {
+margin-bottom: 0.8rem;
+}
+.toc-heading {
+font-size: 1rem;
+margin: 0 0 0.4rem 0;
+padding-bottom: 0.2rem;
+border-bottom: 1px solid #eee;
+}
+.toc-list {
+list-style: none;
+padding-left: 0.4rem;
+margin: 0;
+}
+.toc-item {
+margin: 0.2rem 0;
+}
+.toc-link {
+display: block;
+padding: 0.2rem 0.4rem;
+color: #495057;
+text-decoration: none;
+border-radius: 3px;
+transition: all 0.2s;
+}
+.toc-link:hover {
+background: #f0f0f0;
+color: #007bff;
+}
+/* 层级缩进 */
+.toc-link[data-level="2"] {
+padding-left: 0.8rem;
+}
+.toc-link[data-level="3"] {
+padding-left: 1.6rem;
+}
+/* 激活状态 */
+.toc-link.active {
+background: #e7f5ff;
+color: #0066cc;
+font-weight: 500;
+}
+/* 折叠功能实现 */
+.toc-toggle-checkbox:not(:checked) ~ .toc-nav {
+display: none;
+}
+/* 响应式设计 */
+@media (max-width: 768px) {
+.article-toc {
+margin-left: 1rem;
+font-size: 0.9rem;
+}
+}
+/* END-TOC.css */
+/* Text.css */
+/* END-Text.css */
+/* Title.css */
+.title-base {
+text-align: center;
+font-weight: bolder;
+}
+.njk-title-h1 {
+position: relative;
+padding: 0 0 4.8px;
+}
+.njk-title-h2 {
+position: relative;
+}
+.njk-title-h3 {
+position: relative;
+margin-bottom: 10px;
+}
+/* .njk-title-h2::before,
+.njk-title-h1::before {
+display: none;
+position: absolute;
+content: "# ";
+color: #007bff;
+}
+.njk-title-h1::before {
+left: -26px;
+}
+.njk-title-h2::before {
+left: -18px;
+}
+.njk-title-h1:hover::before,
+.njk-title-h2:hover::before {
+display: inline-block;
+} */
+/* END-Title.css */
+/* Notice.css */
+/* Notice */
+.notice {
+margin: 16px 0;
+padding: 12px 16px;
+margin-bottom: 1rem;
+border-radius: 4px;
+font-size: 14px;
+line-height: 1.5rem;
+}
+.notice-title {
+font-weight: bold;
+margin-bottom: 4px;
+}
+/* 不同类型的通知样式 */
+.notice-info {
+background-color: #e8f4ff;
+border-left: 4px solid #1890ff;
+}
+.notice-warning {
+background-color: #fff7e6;
+border-left: 4px solid #faad14;
+}
+.notice-success {
+background-color: #f6ffed;
+border-left: 4px solid #52c41a;
+}
+.notice-error {
+background-color: #fff2f0;
+border-left: 4px solid #f5222d;
+}
+/* END-Notice.css */
+/* Table.css */
+.my-daframe-default {
+margin: 0 auto 20px;
+border-collapse: collapse;
+border: 2px solid black;
+/* 合并边框 */
+font-family: Arial, Helvetica, sans-serif;
+font-size: 14px;
+color: #444444;
+}
+.my-daframe-default a {
+text-decoration: none !important;
+color: #444444 !important;
+font-family: Arial, Helvetica, sans-serif;
+font-size: 14px;
+}
+.thead-light th {
+white-space: nowrap;
+background-color: #e0e3e8;
+/* background-color: #f5f7fa; */
+color: #333333;
+font-weight: 600;
+padding: 12px 16px;
+text-align: left;
+border-right: 1px solid rgba(19, 18, 18, 0.6);
+border-bottom: 2px solid black;
+font-size: 16px;
+}
+.my-daframe-default tr {
+border-bottom: 1px solid black;
+}
+.my-daframe-default td {
+border-right: 1px solid rgba(19, 18, 18, 0.6);
+/* color: #333333; */
+/* font-weight: 600; */
+/* text-align: left; */
+}
+.default-row {
+border: 1px solid #eee;
+background-color: #fff;
+}
+.default-row:hover {
+background-color: #f0f4f8;
+color: rebeccapurple;
+}
+.default-cell {
+padding: 10px 16px;
+/* border: 1px solid #e1e4e8; */
+font-weight: 400;
+font-size: 14px;
+color: #444;
+background-color: transparent;
+}
+/* END-Table.css */
+/* Block.css */
+/* Block.njk */
+.code-block {
+--block-margin: 0px
+margin: var(--block-margin) 0;
+border-radius: 4px;
+overflow: hidden;
+box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+.code-block pre {
+margin: 0;
+padding: 1rem;
+background-color: #f5f5f5;
+font-family: 'Courier New', monospace;
+font-size: 14px;
+line-height: 1.5;
+white-space: pre-wrap;
+}
+.code-block code {
+display: block;
+overflow-x: auto;
+}
+/* END-Block.css */
+/* Date.css */
+.center-info-box {
+margin-top: -20px;
+margin-bottom: 20px;
+text-align: center;
+color: black;
+}
+/* END-Date.css */
+/* Tab.css */
+/* Tab 容器 */
+.tab-container {
+max-width: 600px;
+margin: 0 auto;
+}
+/* 隐藏 Radio 按钮 */
+.tab-radio {
+display: none;
+}
+/* Tab 按钮样式 */
+.tab-labels {
+display: flex;
+border-bottom: 1px solid #ccc;
+}
+.tab-label {
+padding: 5px 10px;
+cursor: pointer;
+background-color: #f1f1f1;
+border: 1px solid #ccc;
+border-bottom: none;
+margin-right: 2px;
+border-radius: 5px 5px 0 0;
+}
+.tab-label:hover {
+background-color: #ddd;
+}
+.tab-radio:checked+.tab-label {
+background-color: #fff;
+border-bottom: 1px solid #fff;
+margin-bottom: -1px;
+}
+/* Tab 内容区域 */
+.tab-content {
+display: none;
+padding: 20px;
+border: 1px solid #ccc;
+border-top: none;
+}
+/* END-Tab.css */
+/* Base.css */
+body {
+margin: 0;
+padding: 0;
+font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
+}
+/* PC端样式 */
+a {
+text-decoration: none;
+}
+a:hover {
+color: #409EFF;
+}
+.email-main-container {
+margin: 0;
+min-width: 1000px;
+padding: 0 5rem;
+}
+:root {
+--njk-title-color: black;
+--njk-title-align: center;
+--njk-title-position: relative;
+--njk-title-margin: 36px 0 20px;
+--njk-table-margin: 0 auto 20px;
+}
+/* END-Base.css */
 </style>`;
 
-const templateText = `<!-- Head.njk -->
-{% macro use_head(ctx) %}
-<head>
-<meta charset="UTF-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<title>{{ ctx.title }}</title>
-{% if ctx.jsFiles%}
-{% for css in ctx.cssFiles %}
-<link rel="stylesheet" href="{{ css }}" />
-{% endfor %}
-{% endif %}
-</head>
-{% if ctx.jsFiles%}
-{% for js in ctx.jsFiles %}
-<script src="{{ js }}"></script>
-{% endfor %}
-{% endif %}
-{% endmacro %}
-{% macro use_comp_start(ctx) %}
-<table style="width: 100%;table-layout: auto">
-<tr>
-<td>
-{% endmacro %}
-{% macro use_comp_end(ctx) %}
-</td>
-</tr>
-</table>
-{% endmacro %}
-<!-- /Head.njk -->
-<!-- TOC.njk -->
-{% macro use_toc(ctx) %}
-<div class="article-toc">
-<input type="checkbox" id="toc-toggle" class="toc-toggle-checkbox">
-<label for="toc-toggle" class="toc-toggle-label">
-<span class="toc-icon">≡</span>
-<span class="toc-text">目录</span>
-</label>
-<nav class="toc-nav">
-{% for section in ctx.data %}
-<section class="toc-section">
-{% if section.link %}
-<h3 class="toc-heading">
-<a href="{{ section.link }}" class="toc-link">{{ section.text }}</a>
-</h3>
-{% else%}
-<h3 class="toc-heading">{{ section.text }}</h3>
-{% endif %}
-<ul class="toc-list">
-{% for item in section.items %}
-<li class="toc-item">
-<a href="{{ item.link }}" class="toc-link" data-level="{{ loop.depth }}">
-{% if loop.depth > 1 %}•{% endif %}
-{{ item.text }}
-</a>
-</li>
-{% endfor %}
-</ul>
-</section>
-{% endfor %}
-</nav>
-</div>
-{% endmacro %}
-<!-- /TOC.njk -->
-<!-- Divider.njk -->
-{% macro use_divider(ctx) %}
-<hr class="divider-base">
-{% endmacro %}
-<!-- /Divider.njk -->
-<!-- Tag.njk -->
-{% macro use_tag(ctx) %}
-{% set tagClass = "smart-tag" %}
-{% set defaultColor = "#4CAF50" %}
-{% set defaultSize = "medium" %}
-{% set finalColor = defaultColor %}
-{% set finalSize = defaultSize %}
-<span class="{{ tagClass }} {{ finalSize }}" style="background-color: {{ finalColor }};">
-{{ ctx.text }}
-</span>
-<style>
-.smart-tag {
-display: inline-flex;
-align-items: center;
-padding: 4px 12px;
-border-radius: 4px;
-font-family: Arial, sans-serif;
-color: white;
-white-space: nowrap;
-transition: all 0.3s ease;
-}
-/* 尺寸控制 */
-.smart-tag.small {
-font-size: 12px;
-padding: 2px 8px;
-}
-.smart-tag.medium {
-font-size: 14px;
-padding: 4px 12px;
-}
-.smart-tag.large {
-font-size: 16px;
-padding: 6px 16px;
-}
-/* 颜色扩展支持 */
-.smart-tag.blue { background-color: #2196F3 !important; }
-.smart-tag.red { background-color: #f44336 !important; }
-.smart-tag.green { background-color: #4CAF50 !important; }
-</style>
-{% endmacro %}
-<!-- /Tag.njk -->
-<!-- Title.njk -->
-{% macro use_table_wrapper(macro) %}
-<table style="width: 100%;table-layout: auto">
-<th>
-<td>{{ macro }}</td>
-</th>
-</table>
-{% endmacro %}
-{% macro title_default(ctx) %}
-<h1 class="title-base">{{ ctx.text }}</h1>
-{% endmacro %}
-{% macro title_h1(ctx) %}
-<h1 class="title-base njk-title-h1" id="{{ ctx.text }}" style="{{ ctx.style }}">
-{{ ctx.text }}
-</h1>
-{% endmacro %}
-{% macro title_h2(ctx) %}
-<h2 class="title-base njk-title-h2" id="{{ ctx.text }}" class="" style="{{ ctx.style }}">
-{{ ctx.text }}
-</h2>
-{% endmacro %}
-{% macro title_h3(ctx) %}
-<h3 class="title-base njk-title-h3" id="{{ ctx.text }}" class="" style="{{ ctx.style }}">
-{{ ctx.text }}
-</h3>
-{% endmacro %}
-{% macro title_table_default(ctx) %}
-{{ use_comp_start() }}
-<h3 class="title-base njk-title-h3" id="{{ ctx.text }}">
-{{ ctx.text }}
-</h3>
-{{ use_comp_end() }}
-{% endmacro %}
-{% macro use_title(ctx) %}
-{% if ctx.type == "h1" %}
-{{ title_h1(ctx) }}
-{% elif ctx.type == "h2" %}
-{{ title_h2(ctx) }}
-{% elif ctx.type == "h3" %}
-{{ title_h3(ctx) }}
-{% else %}
-{{ title_default(ctx) }}
-{% endif %}
-{% endmacro %}
-<!-- /Title.njk -->
-<!-- Notice.njk -->
-{% macro use_notice(ctx) %}
-{% if ctx.type %}
-{% set type = ctx.type %}
-{% else %}
-{% set type = "info" %}
-{% endif %}
-<div class="notice notice-{{ type }}">
-<div class="notice-title">{{ type|capitalize }}:</div>
-<pre class="notice-content">{{ ctx.text }}</pre>
-</div>
-{% endmacro %}
-<!-- /Notice.njk -->
-<!-- Block.njk -->
-{% macro use_block(ctx) %}
-<div class="code-block">
-<pre><code>{{ ctx.text }}</code></pre>
-</div>
-{% endmacro %}
-<!-- /Block.njk -->
-<!-- Date.njk -->
-{% macro use_date(ctx) %}
-<div class="center-info-box" style="text-align: center;"><span style="font-weight:bolder;">Date：</span>{{ ctx.text}}</div>
-{% endmacro %}
-{% macro use_checker(ctx) %}
-<div class="center-info-box" style="text-align: center;"><span style="font-weight:bolder;">Checker：</span>{{ ctx.text}}</div>
-{% endmacro %}
-<!-- /Date.njk -->
-<!-- Table.njk -->
-{% macro td_default(ctx) %}
-{% if ctx.text %}
-{% set text = ctx.text %}
-{% else %}
-{% set text = ctx %}
-{% endif %}
-<td class="default-cell">{{ text | replace("false", "❌")| replace("False", "❌")| replace("True", "✔️") | replace("true", "✔️") }}</td>
-{% endmacro %}
-{% macro table_default(ctx) %}
-{% if ctx.columns %}
-{% set columns = ctx.columns %}
-{% elif ctx.th %}
-{% set columns = ctx.th %}
-{% else %}
-{% set columns = [] %}
-{% endif %}
-{% if ctx.data %}
-{% set data = ctx.data %}
-{% elif ctx.tbody %}
-{% set data = ctx.tbody %}
-{% endif %}
-{% if ctx.title %}
-{% set title = {text:ctx.title} %}
-{{ use_comp_start() }}
-{{ title_h2(title) }}
-{{ use_comp_end() }}
-{% endif %}
-<table class="my-daframe-default">
-<thead class="thead-light">
-<tr>
-{% for column in columns %}
-<th>{{ column }}</th>
-{% endfor %}
-</tr>
-</thead>
-<tbody>
-{% for row in data %}
-<tr class="default-row">
-{% if ctx.data %}
-{% for column in columns %}
-{{ td_default(row[column]) }}
-{% endfor %}
-{% else %}
-{% for value in row %}
-{{ td_default(value) }}
-{% endfor %}
-{% endif %}
-</tr>
-{% endfor %}
-</tbody>
-</table>
-{% endmacro %}
-{% macro use_table(ctx) %}
-{% if ctx.title %}
-{{ table_default(ctx) }}
-{% else %}
-{{ table_default(ctx) }}
-{% endif %}
-{% endmacro %}
-<!-- /Table.njk -->
-<!-- Tab.njk -->
-{% macro useTab(tabs) %}
-<style>
-/* 显示选中的 Tab 内容 */
-{% for tab in tabs %}
-#{{tab.id}}:checked~#{{tab.content_id}} {
-display: block;
-}
-{% endfor %}
-</style>
-<div class="tab-container">
-{% for tab in tabs %}
-<!-- Radio 按钮（隐藏） -->
-<input {% if loop.first %} checked {% endif %} type="radio" name="tabs" id="{{ tab.id }}" class="tab-radio">
-{% endfor %}
-<!-- Tab 按钮（用 label 包裹） -->
-<div class="tab-labels">
-{% for tab in tabs %}
-<label for="{{ tab.id }}" class="tab-label">{{ tab.title }}
-</label>
-{% endfor %}
-</div>
-<!-- Tab 内容 -->
-{% for tab in tabs %}
-<div id="{{ tab.content_id }}" class="tab-content">
-{{ tab.content }}
-</div>
-{% endfor %}
-</div>
-{% endmacro %}
-<!-- /Tab.njk -->
-<!-- ContentTitle.njk -->
-{% macro h3_handler(ctx) %}
-<div class="title-tag-titile-container">
-{% if ctx.h3 %}
-<h3 style="margin: 0;" class="content-title">{{ ctx.title }}</h3>
-{% else %}
-<h2 style="margin: 0;" class="content-title">{{ ctx.title }}</h3>
-{% endif %}
-<span class="title-tag-small">注释</span>
-</div>
-{% endmacro %}
-{% macro content_title_click(ctx) %}
-<div class="collapsible-container">
-<input type="checkbox" id="{{ ctx.title }}" class="collapsible-input" hidden>
-<label for="{{ ctx.title }}" class="collapsible-label">
-{{ h3_handler(ctx) }}
-</label>
-<div class="collapsible-content">
-{{ use_block(ctx) }}
-</div>
-</div>
-{% endmacro %}
-{% macro content_title_hover(ctx) %}
-<div class="collapsible-container">
-<div class="collapsible-label">
-{{ h3_handler(ctx) }}
-</div>
-<div class="collapsible-hover-content">
-{{ use_block(ctx) }}
-</div>
-</div>
-{% endmacro %}
-{% macro content_title_remain(ctx) %}
-<div class="collapsible-container">
-{{ h3_handler(ctx) }}
-<div>
-{{ use_block(ctx) }}
-</div>
-</div>
-{% endmacro %}
-{% macro pick_content_title(ctx) %}
-{% if ctx.hover %}
-{{ content_title_hover(ctx) }}
-{% elif ctx.remain %}
-{{ content_title_remain(ctx) }}
-{% else %}
-{{ content_title_click(ctx) }}
-{% endif %}
-{% endmacro %}
-{% macro use_content_title(ctx) %}
-{% if ctx.type == "h3" or ctx.type == "hover_h3" or ctx.type == "remain_h3" %}
-{% set h3 = true %}
-{% endif %}
-{% if ctx.type == "hover_h3" or ctx.type == "hover" %}
-{% set hover = true %}
-{% endif %}
-{% if ctx.type == "remain_h3" or ctx.type == "remain" %}
-{% set remain = true %}
-{% endif %}
-{% set param = {title:ctx.title, text:ctx.text, h3:h3, hover:hover, remain:remain} %}
-{{ pick_content_title(param) }}
-{% endmacro %}
-<!-- /ContentTitle.njk -->
-<!-- Component.njk -->
-{% macro pick_component(ctx) %}
-{% if ctx.tag == "head" %}
-{{ use_head(ctx) }}
-{% elif ctx.tag == "text" %}
-{{ use_text(ctx) }}
-{% elif ctx.tag == "title" %}
-{{ use_title(ctx) }}
-{% elif ctx.tag == "table" %}
-{{ use_table(ctx) }}
-{% elif ctx.tag == "toc" %}
-{{ use_toc(ctx) }}
-{% elif ctx.tag == "notice" %}
-{{ use_notice(ctx) }}
-{% elif ctx.tag == "block" %}
-{{ use_block(ctx) }}
-{% elif ctx.tag == "date" %}
-{{ use_date(ctx) }}
-{% elif ctx.tag == "checker" %}
-{{ use_checker(ctx) }}
-{% elif ctx.tag == "divider" %}
-{{ use_divider(ctx) }}
-{% elif ctx.tag == "tag" %}
-{{ use_tag(ctx) }}
-{% elif ctx.tag == "title_content" %}
-{{ use_content_title(ctx) }}
-{% else %}
-{{ title_default(ctx) }}
-{% endif %}
-{% endmacro %}
-{% macro use_component(ctx) %}
-{% if ctx.tag %}
-{{ use_comp_start() }}
-{{ pick_component(ctx) }}
-{{ use_comp_end() }}
-{% else %}
-{% for i in ctx %}
-{% if i.tag != 'table' %}
-{{ use_comp_start() }}
-{{ pick_component(i) }}
-{{ use_comp_end() }}
-{% else %}
-{{ pick_component(i) }}
-{% endif %}
-{% endfor %}
-{% endif %}
-{% endmacro %}
-{{ use_component(ctx) }}</tr>
-<!-- /Component.njk -->
-<!-- Text.njk -->
-{% macro text_default(ctx) %}
-{{ ctx.text | replace("false", "❌") | replace("true", "✔️") }}
-{% endmacro %}
-{% macro bool_text(ctx) %}
-{{ ctx.text | replace("false", "❌") | replace("true", "✔️") }}
-{% endmacro %}
-{% macro use_text(ctx) %}
-{% if ctx.type == "h1" %}
-{{ title_h1(ctx) }}
-{% else %}
-{{ text_default(ctx) }}
-{% endif %}
-{% endmacro %}
-<!-- /Text.njk -->
+const templateText = `<!-- Head.njk -->
+{% macro use_head(ctx) %}
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<title>{{ ctx.title }}</title>
+{% if ctx.jsFiles%}
+{% for css in ctx.cssFiles %}
+<link rel="stylesheet" href="{{ css }}" />
+{% endfor %}
+{% endif %}
+</head>
+{% if ctx.jsFiles%}
+{% for js in ctx.jsFiles %}
+<script src="{{ js }}"></script>
+{% endfor %}
+{% endif %}
+{% endmacro %}
+{% macro use_comp_start(ctx) %}
+<table style="width: 100%;table-layout: auto">
+<tr>
+<td>
+{% endmacro %}
+{% macro use_comp_end(ctx) %}
+</td>
+</tr>
+</table>
+{% endmacro %}
+<!-- /Head.njk -->
+<!-- Html.njk -->
+{% macro use_html(ctx) %}
+{% if ctx.html %}
+{{ ctx.html | safe }}
+{% elif ctx.code %}
+{{ ctx.code | safe }}
+{% endif %}
+{% endmacro %}
+<!-- /Html.njk -->
+<!-- TOC.njk -->
+{% macro use_toc(ctx) %}
+<div class="article-toc">
+<input type="checkbox" id="toc-toggle" class="toc-toggle-checkbox">
+<label for="toc-toggle" class="toc-toggle-label">
+<span class="toc-icon">≡</span>
+<span class="toc-text">目录</span>
+</label>
+<nav class="toc-nav">
+{% for section in ctx.data %}
+<section class="toc-section">
+{% if section.link %}
+<h3 class="toc-heading">
+<a href="{{ section.link }}" class="toc-link">{{ section.text }}</a>
+</h3>
+{% else%}
+<h3 class="toc-heading">{{ section.text }}</h3>
+{% endif %}
+<ul class="toc-list">
+{% for item in section.items %}
+<li class="toc-item">
+<a href="{{ item.link }}" class="toc-link" data-level="{{ loop.depth }}">
+{% if loop.depth > 1 %}•{% endif %}
+{{ item.text }}
+</a>
+</li>
+{% endfor %}
+</ul>
+</section>
+{% endfor %}
+</nav>
+</div>
+{% endmacro %}
+<!-- /TOC.njk -->
+<!-- Divider.njk -->
+{% macro use_divider(ctx) %}
+<hr class="divider-base">
+{% endmacro %}
+<!-- /Divider.njk -->
+<!-- Tag.njk -->
+{% macro use_tag(ctx) %}
+{% set tagClass = "smart-tag" %}
+{% set defaultColor = "#4CAF50" %}
+{% set defaultSize = "medium" %}
+{% set finalColor = defaultColor %}
+{% set finalSize = defaultSize %}
+<span class="{{ tagClass }} {{ finalSize }}" style="background-color: {{ finalColor }};">
+{{ ctx.text }}
+</span>
+<style>
+.smart-tag {
+display: inline-flex;
+align-items: center;
+padding: 4px 12px;
+border-radius: 4px;
+font-family: Arial, sans-serif;
+color: white;
+white-space: nowrap;
+transition: all 0.3s ease;
+}
+/* 尺寸控制 */
+.smart-tag.small {
+font-size: 12px;
+padding: 2px 8px;
+}
+.smart-tag.medium {
+font-size: 14px;
+padding: 4px 12px;
+}
+.smart-tag.large {
+font-size: 16px;
+padding: 6px 16px;
+}
+/* 颜色扩展支持 */
+.smart-tag.blue { background-color: #2196F3 !important; }
+.smart-tag.red { background-color: #f44336 !important; }
+.smart-tag.green { background-color: #4CAF50 !important; }
+</style>
+{% endmacro %}
+<!-- /Tag.njk -->
+<!-- Title.njk -->
+{% macro use_table_wrapper(macro) %}
+<table style="width: 100%;table-layout: auto">
+<th>
+<td>{{ macro }}</td>
+</th>
+</table>
+{% endmacro %}
+{% macro title_default(ctx) %}
+<h1 class="title-base">{{ ctx.text }}</h1>
+{% endmacro %}
+{% macro title_h1(ctx) %}
+<h1 class="title-base njk-title-h1" id="{{ ctx.text }}" style="{{ ctx.style }}">
+{{ ctx.text }}
+</h1>
+{% endmacro %}
+{% macro title_h2(ctx) %}
+<h2 class="title-base njk-title-h2" id="{{ ctx.text }}" class="" style="{{ ctx.style }}">
+{{ ctx.text }}
+</h2>
+{% endmacro %}
+{% macro title_h3(ctx) %}
+<h3 class="title-base njk-title-h3" id="{{ ctx.text }}" class="" style="{{ ctx.style }}">
+{{ ctx.text }}
+</h3>
+{% endmacro %}
+{% macro title_table_default(ctx) %}
+{{ use_comp_start() }}
+<h3 class="title-base njk-title-h3" id="{{ ctx.text }}">
+{{ ctx.text }}
+</h3>
+{{ use_comp_end() }}
+{% endmacro %}
+{% macro use_title(ctx) %}
+{% if ctx.type == "h1" %}
+{{ title_h1(ctx) }}
+{% elif ctx.type == "h2" %}
+{{ title_h2(ctx) }}
+{% elif ctx.type == "h3" %}
+{{ title_h3(ctx) }}
+{% else %}
+{{ title_default(ctx) }}
+{% endif %}
+{% endmacro %}
+<!-- /Title.njk -->
+<!-- Notice.njk -->
+{% macro use_notice(ctx) %}
+{% if ctx.type %}
+{% set type = ctx.type %}
+{% else %}
+{% set type = "info" %}
+{% endif %}
+<div class="notice notice-{{ type }}">
+<div class="notice-title">{{ type|capitalize }}:</div>
+<pre class="notice-content">{{ ctx.text }}</pre>
+</div>
+{% endmacro %}
+<!-- /Notice.njk -->
+<!-- Block.njk -->
+{% macro use_block(ctx) %}
+<div class="code-block">
+<pre><code>{{ ctx.text }}</code></pre>
+</div>
+{% endmacro %}
+<!-- /Block.njk -->
+<!-- Date.njk -->
+{% macro use_date(ctx) %}
+<div class="center-info-box" style="text-align: center;"><span style="font-weight:bolder;">Date：</span>{{ ctx.text}}</div>
+{% endmacro %}
+{% macro use_checker(ctx) %}
+<div class="center-info-box" style="text-align: center;"><span style="font-weight:bolder;">Checker：</span>{{ ctx.text}}</div>
+{% endmacro %}
+<!-- /Date.njk -->
+<!-- Table.njk -->
+{% macro td_default(ctx) %}
+{% if ctx.text %}
+{% set text = ctx.text %}
+{% else %}
+{% set text = ctx %}
+{% endif %}
+<td class="default-cell">{{ text | replace("false", "❌")| replace("False", "❌")| replace("True", "✔️") | replace("true", "✔️") | replace("Pass", "✔️") | replace("pass", "✔️") }}</td>
+{% endmacro %}
+{% macro table_default(ctx) %}
+{% if ctx.columns %}
+{% set columns = ctx.columns %}
+{% elif ctx.th %}
+{% set columns = ctx.th %}
+{% else %}
+{% set columns = [] %}
+{% endif %}
+{% if ctx.data %}
+{% set data = ctx.data %}
+{% elif ctx.tbody %}
+{% set data = ctx.tbody %}
+{% endif %}
+{% if ctx.title %}
+{% set title = {text:ctx.title} %}
+{{ use_comp_start() }}
+{{ title_h2(title) }}
+{{ use_comp_end() }}
+{% endif %}
+<table class="my-daframe-default">
+<thead class="thead-light">
+<tr>
+{% for column in columns %}
+<th>{{ column }}</th>
+{% endfor %}
+</tr>
+</thead>
+<tbody>
+{% for row in data %}
+<tr class="default-row">
+{% if ctx.data %}
+{% for column in columns %}
+{{ td_default(row[column]) }}
+{% endfor %}
+{% else %}
+{% for value in row %}
+{{ td_default(value) }}
+{% endfor %}
+{% endif %}
+</tr>
+{% endfor %}
+</tbody>
+</table>
+{% endmacro %}
+{% macro use_table(ctx) %}
+{% if ctx.title %}
+{{ table_default(ctx) }}
+{% else %}
+{{ table_default(ctx) }}
+{% endif %}
+{% endmacro %}
+<!-- /Table.njk -->
+<!-- Tab.njk -->
+{% macro useTab(tabs) %}
+<style>
+/* 显示选中的 Tab 内容 */
+{% for tab in tabs %}
+#{{tab.id}}:checked~#{{tab.content_id}} {
+display: block;
+}
+{% endfor %}
+</style>
+<div class="tab-container">
+{% for tab in tabs %}
+<!-- Radio 按钮（隐藏） -->
+<input {% if loop.first %} checked {% endif %} type="radio" name="tabs" id="{{ tab.id }}" class="tab-radio">
+{% endfor %}
+<!-- Tab 按钮（用 label 包裹） -->
+<div class="tab-labels">
+{% for tab in tabs %}
+<label for="{{ tab.id }}" class="tab-label">{{ tab.title }}
+</label>
+{% endfor %}
+</div>
+<!-- Tab 内容 -->
+{% for tab in tabs %}
+<div id="{{ tab.content_id }}" class="tab-content">
+{{ tab.content }}
+</div>
+{% endfor %}
+</div>
+{% endmacro %}
+<!-- /Tab.njk -->
+<!-- ContentTitle.njk -->
+{% macro h3_handler(ctx) %}
+<div class="title-tag-titile-container">
+{% if ctx.h3 %}
+<h3 style="margin: 0;" class="content-title">{{ ctx.title }}</h3>
+{% else %}
+<h2 style="margin: 0;" class="content-title">{{ ctx.title }}</h3>
+{% endif %}
+<span class="title-tag-small">注释</span>
+</div>
+{% endmacro %}
+{% macro content_title_click(ctx) %}
+<div class="collapsible-container">
+<input type="checkbox" id="{{ ctx.title }}" class="collapsible-input" hidden>
+<label for="{{ ctx.title }}" class="collapsible-label">
+{{ h3_handler(ctx) }}
+</label>
+<div class="collapsible-content">
+{{ use_block(ctx) }}
+</div>
+</div>
+{% endmacro %}
+{% macro content_title_hover(ctx) %}
+<div class="collapsible-container">
+<div class="collapsible-label">
+{{ h3_handler(ctx) }}
+</div>
+<div class="collapsible-hover-content">
+{{ use_block(ctx) }}
+</div>
+</div>
+{% endmacro %}
+{% macro content_title_remain(ctx) %}
+<div class="collapsible-container">
+{{ h3_handler(ctx) }}
+<div>
+{{ use_block(ctx) }}
+</div>
+</div>
+{% endmacro %}
+{% macro pick_content_title(ctx) %}
+{% if ctx.hover %}
+{{ content_title_hover(ctx) }}
+{% elif ctx.remain %}
+{{ content_title_remain(ctx) }}
+{% else %}
+{{ content_title_click(ctx) }}
+{% endif %}
+{% endmacro %}
+{% macro use_content_title(ctx) %}
+{% if ctx.type == "h3" or ctx.type == "hover_h3" or ctx.type == "remain_h3" %}
+{% set h3 = true %}
+{% endif %}
+{% if ctx.type == "hover_h3" or ctx.type == "hover" %}
+{% set hover = true %}
+{% endif %}
+{% if ctx.type == "remain_h3" or ctx.type == "remain" %}
+{% set remain = true %}
+{% endif %}
+{% set param = {title:ctx.title, text:ctx.text, h3:h3, hover:hover, remain:remain} %}
+{{ pick_content_title(param) }}
+{% endmacro %}
+<!-- /ContentTitle.njk -->
+<!-- Component.njk -->
+{% macro pick_component(ctx) %}
+{% if ctx.tag == "head" %}
+{{ use_head(ctx) }}
+{% elif ctx.tag == "text" %}
+{{ use_text(ctx) }}
+{% elif ctx.tag == "title" %}
+{{ use_title(ctx) }}
+{% elif ctx.tag == "table" %}
+{{ use_table(ctx) }}
+{% elif ctx.tag == "toc" %}
+{{ use_toc(ctx) }}
+{% elif ctx.tag == "notice" %}
+{{ use_notice(ctx) }}
+{% elif ctx.tag == "block" %}
+{{ use_block(ctx) }}
+{% elif ctx.tag == "date" %}
+{{ use_date(ctx) }}
+{% elif ctx.tag == "checker" %}
+{{ use_checker(ctx) }}
+{% elif ctx.tag == "divider" %}
+{{ use_divider(ctx) }}
+{% elif ctx.tag == "tag" %}
+{{ use_tag(ctx) }}
+{% elif ctx.tag == "title_content" %}
+{{ use_content_title(ctx) }}
+{% elif ctx.tag == "html" %}
+{{ use_html(ctx) }}
+{% else %}
+{{ title_default(ctx) }}
+{% endif %}
+{% endmacro %}
+{% macro use_component(ctx) %}
+{% if ctx.tag %}
+{{ use_comp_start() }}
+{{ pick_component(ctx) }}
+{{ use_comp_end() }}
+{% else %}
+{% for i in ctx %}
+{% if i.tag != 'table' %}
+{{ use_comp_start() }}
+{{ pick_component(i) }}
+{{ use_comp_end() }}
+{% else %}
+{{ pick_component(i) }}
+{% endif %}
+{% endfor %}
+{% endif %}
+{% endmacro %}
+{{ use_component(ctx) }}</tr>
+<!-- /Component.njk -->
+<!-- Text.njk -->
+{% macro text_default(ctx) %}
+{{ ctx.text | replace("false", "❌") | replace("true", "✔️") }}
+{% endmacro %}
+{% macro bool_text(ctx) %}
+{{ ctx.text | replace("false", "❌") | replace("true", "✔️") }}
+{% endmacro %}
+{% macro use_text(ctx) %}
+{% if ctx.type == "h1" %}
+{{ title_h1(ctx) }}
+{% else %}
+{{ text_default(ctx) }}
+{% endif %}
+{% endmacro %}
+<!-- /Text.njk -->
 `;
 
 const externalTemplatesDir = fileURLToPath(new URL("../bundle/src", `${import.meta.url}`));