@fangzhongya/page 0.0.34 → 0.0.36

package/dist/components/output/beautify.cjs

@@ -1,197 +1,168 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../../_virtual/index.cjs");
+const require_index = require("../../node_modules/.pnpm/js-beautify@1.15.4/node_modules/js-beautify/js/index.cjs");
+let _fangzhongya_utils_html_getVueText = require("@fangzhongya/utils/html/getVueText");
+//#region packages/components/output/beautify.ts
+var import_js = require_index.default;
+/**
+* 优化版：格式化 Vue 单文件组件，支持 script/style 标签属性
+* @param {string} vueCode - Vue 文件内容
+* @returns {string} 格式化后的代码
+*/
 function formatVue(vueCode) {
-  if (!vueCode || typeof vueCode !== "string") {
-    return vueCode;
-  }
-  try {
-    vueCode = formatTemplateSection(vueCode);
-    vueCode = formatScriptSections(vueCode);
-    vueCode = formatStyleSections(vueCode);
-    return vueCode.trim();
-  } catch (error) {
-    console.warn("Vue 格式化失败，返回原始代码:", error);
-    return vueCode;
-  }
+	if (!vueCode || typeof vueCode !== "string") return vueCode;
+	try {
+		const obj = (0, _fangzhongya_utils_html_getVueText.getVueTexts)(vueCode);
+		vueCode = formatTemplateSection(vueCode, obj.templates);
+		vueCode = formatScriptSections(vueCode, obj.scripts);
+		vueCode = formatStyleSections(vueCode, obj.styles);
+		return vueCode.trim();
+	} catch (error) {
+		console.warn("Vue 格式化失败，返回原始代码:", error);
+		return vueCode;
+	}
 }
-function formatTemplateSection(vueCode) {
-  const templateRegex = /(<template(\s+[^>]*)?>)([\s\S]*?)(<\/template>)/i;
-  const match = vueCode.match(templateRegex);
-  if (match) {
-    const [fullMatch] = match;
-    const formattedContent = index.jsExports.html(fullMatch, {
-      indent_size: 2,
-      indent_inner_html: true,
-      wrap_line_length: 80,
-      indent_char: " ",
-      preserve_newlines: true,
-      max_preserve_newlines: 10
-    }).trim();
-    vueCode = vueCode.replace(fullMatch, formattedContent + "\n");
-  }
-  return vueCode;
+/**
+* 格式化 template 部分
+*/
+function formatTemplateSection(vueCode, ts) {
+	if (ts && ts.length > 0) ts.forEach((item) => {
+		const formattedContent = (0, import_js.html)(item.block, {
+			indent_size: 2,
+			indent_inner_html: true,
+			wrap_line_length: 80,
+			indent_char: " ",
+			preserve_newlines: true,
+			max_preserve_newlines: 10
+		}).trim();
+		vueCode = vueCode.replace(item.block, formattedContent + "\n");
+	});
+	return vueCode;
 }
-function formatScriptSections(vueCode) {
-  const scriptRegex = /(<script(\s+[^>]*)?>)([\s\S]*?)(<\/script>)/gi;
-  return vueCode.replace(
-    scriptRegex,
-    (fullMatch, startTag, attributes, content, endTag) => {
-      const tagAttributes = attributes ? attributes.trim() : "";
-      const startTagWithAttr = `<script${tagAttributes ? " " + tagAttributes : ""}>`;
-      if (!content.trim()) {
-        return `${startTagWithAttr}
-${endTag}`;
-      }
-      let formattedContent = "";
-      try {
-        formattedContent = index.jsExports.js(content, {
-          indent_size: 2,
-          indent_char: " ",
-          indent_level: 0,
-          brace_style: "collapse",
-          // 使用正确的字面量类型
-          preserve_newlines: true,
-          max_preserve_newlines: 10,
-          wrap_line_length: 80,
-          end_with_newline: false,
-          // TypeScript 特定选项
-          // @ts-ignore
-          keep_function_indentation: false,
-          space_after_anon_function: true
-        }).trim();
-      } catch (error) {
-        console.warn("Script 格式化失败，使用原始内容:", error);
-        formattedContent = content.trim();
-      }
-      return `${startTagWithAttr}
-${formattedContent}
-${endTag}
-`;
-    }
-  );
+/**
+* 格式化所有 script 部分（支持多个 script 标签）
+*/
+function formatScriptSections(vueCode, ts) {
+	if (ts && ts.length > 0) ts.forEach((item) => {
+		const formattedContent = (0, import_js.js)(item.content, {
+			indent_size: 2,
+			indent_char: " ",
+			indent_level: 0,
+			brace_style: "collapse",
+			preserve_newlines: true,
+			max_preserve_newlines: 10,
+			wrap_line_length: 80,
+			end_with_newline: false,
+			keep_function_indentation: false,
+			space_after_anon_function: true
+		}).trim();
+		const str = item.block.replace(item.content, "\n" + formattedContent + "\n").replace(/\n{2,}/g, "\n");
+		vueCode = vueCode.replace(item.block, str + "\n");
+	});
+	return vueCode;
 }
-function formatStyleSections(vueCode) {
-  const styleRegex = /(<style(\s+[^>]*)?>)([\s\S]*?)(<\/style>)/gi;
-  return vueCode.replace(
-    styleRegex,
-    (fullMatch, startTag, attributes, content, endTag) => {
-      const tagAttributes = attributes ? attributes.trim() : "";
-      const startTagWithAttr = `<style${tagAttributes ? " " + tagAttributes : ""}>`;
-      const isSCSS = tagAttributes.includes('lang="scss"') || tagAttributes.includes("lang='scss'") || tagAttributes.includes("lang=scss") || tagAttributes.includes('lang="sass"');
-      const isLess = tagAttributes.includes('lang="less"') || tagAttributes.includes("lang='less'") || tagAttributes.includes("lang=less");
-      if (!content.trim()) {
-        return `${startTagWithAttr}
-${endTag}`;
-      }
-      let formattedContent = "";
-      try {
-        formattedContent = index.jsExports.css(content, {
-          indent_size: 2,
-          indent_char: " ",
-          selector_separator_newline: !isSCSS && !isLess,
-          // SCSS/Less 中保持选择器在同一行
-          newline_between_rules: true,
-          preserve_newlines: true,
-          wrap_line_length: 80,
-          end_with_newline: false
-        }).trim();
-        if (isSCSS || isLess) {
-          formattedContent = fixSCSSLessFormatting(formattedContent);
-        }
-      } catch (error) {
-        console.warn("Style 格式化失败，使用原始内容:", error);
-        formattedContent = content.trim();
-      }
-      return `${startTagWithAttr}
-${formattedContent}
-${endTag}
-`;
-    }
-  );
-}
-function fixSCSSLessFormatting(cssCode) {
-  const lines = cssCode.split("\n");
-  let indentLevel = 0;
-  const indentSize = 2;
-  const processedLines = lines.map((line) => {
-    const trimmedLine = line.trim();
-    if (!trimmedLine) return line;
-    if (trimmedLine === "}" || trimmedLine.endsWith("}")) {
-      indentLevel = Math.max(0, indentLevel - 1);
-    }
-    const indentedLine = " ".repeat(indentLevel * indentSize) + trimmedLine;
-    if (trimmedLine.includes("{") && !trimmedLine.includes("}")) {
-      indentLevel++;
-    }
-    return indentedLine;
-  });
-  return processedLines.join("\n");
+/**
+* 格式化所有 style 部分（支持多个 style 标签）
+*/
+function formatStyleSections(vueCode, ts) {
+	if (ts && ts.length > 0) ts.forEach((item) => {
+		const formattedContent = (0, import_js.css)(item.content, {
+			indent_size: 2,
+			indent_char: " ",
+			selector_separator_newline: true,
+			newline_between_rules: true,
+			preserve_newlines: true,
+			wrap_line_length: 80,
+			end_with_newline: false
+		}).trim();
+		const str = item.block.replace(item.content, "\n" + formattedContent + "\n").replace(/\n{2,}/g, "\n");
+		vueCode = vueCode.replace(item.block, str + "\n");
+	});
+	return vueCode;
 }
+/**
+* 格式化 TypeScript 代码
+* @param {string} tsCode - TypeScript 代码
+* @returns {string} 格式化后的代码
+*/
 function formatTypeScript(tsCode) {
-  return index.jsExports.js(tsCode, {
-    indent_size: 2,
-    brace_style: "collapse",
-    // @ts-ignore
-    keep_function_indentation: false,
-    space_after_anon_function: true
-  });
+	return (0, import_js.js)(tsCode, {
+		indent_size: 2,
+		brace_style: "collapse",
+		keep_function_indentation: false,
+		space_after_anon_function: true
+	});
 }
+/**
+* 格式化 HTML 代码
+* @param {string} htmlCode - HTML 代码
+* @returns {string} 格式化后的代码
+*/
 function formatHTML(htmlCode) {
-  return index.jsExports.html(htmlCode, {
-    indent_size: 2,
-    wrap_line_length: 80,
-    end_with_newline: true
-  });
+	return (0, import_js.html)(htmlCode, {
+		indent_size: 2,
+		wrap_line_length: 80,
+		end_with_newline: true
+	});
 }
+/**
+* 格式化 JavaScript 代码
+* @param {string} jsCode - JavaScript 代码
+* @returns {string} 格式化后的代码
+*/
 function formatJavaScript(jsCode) {
-  return index.jsExports.js(jsCode, {
-    indent_size: 2,
-    brace_style: "collapse",
-    preserve_newlines: true,
-    max_preserve_newlines: 10
-  });
+	return (0, import_js.js)(jsCode, {
+		indent_size: 2,
+		brace_style: "collapse",
+		preserve_newlines: true,
+		max_preserve_newlines: 10
+	});
 }
+/**
+* 格式化 CSS 代码
+* @param {string} cssCode - CSS 代码
+* @returns {string} 格式化后的代码
+*/
 function formatCSS(cssCode) {
-  return index.jsExports.css(cssCode, {
-    indent_size: 2,
-    newline_between_rules: true,
-    selector_separator_newline: true
-  });
+	return (0, import_js.css)(cssCode, {
+		indent_size: 2,
+		newline_between_rules: true,
+		selector_separator_newline: true
+	});
 }
+/**
+* 通用格式化函数
+* @param {string} text - 要格式化的代码
+* @param {string} type - 代码类型: 'vue' | 'html' | 'css' | 'js' | 'ts'
+* @returns {Promise<string>} 格式化后的代码
+*/
 function getFormat(text, type) {
-  try {
-    let result = text;
-    switch (type.toLowerCase()) {
-      case "vue":
-        result = formatVue(text);
-        break;
-      case "html":
-        result = formatHTML(text);
-        break;
-      case "css":
-        result = formatCSS(text);
-        break;
-      case "js":
-      case "javascript":
-        result = formatJavaScript(text);
-        break;
-      case "ts":
-      case "typescript":
-        result = formatTypeScript(text);
-        break;
-      default:
-        console.warn(`不支持的文件类型: ${type}`);
-    }
-    return Promise.resolve(result);
-  } catch (error) {
-    console.error(`格式化 ${type} 代码时出错:`, error);
-    return Promise.resolve(text);
-  }
+	try {
+		let result = text;
+		switch (type.toLowerCase()) {
+			case "vue":
+				result = formatVue(text);
+				break;
+			case "html":
+				result = formatHTML(text);
+				break;
+			case "css":
+				result = formatCSS(text);
+				break;
+			case "js":
+			case "javascript":
+				result = formatJavaScript(text);
+				break;
+			case "ts":
+			case "typescript":
+				result = formatTypeScript(text);
+				break;
+			default: console.warn(`不支持的文件类型: ${type}`);
+		}
+		return Promise.resolve(result);
+	} catch (error) {
+		console.error(`格式化 ${type} 代码时出错:`, error);
+		return Promise.resolve(text);
+	}
 }
-exports.formatCSS = formatCSS;
-exports.formatHTML = formatHTML;
+//#endregion
 exports.formatJavaScript = formatJavaScript;
-exports.formatTypeScript = formatTypeScript;
-exports.formatVue = formatVue;
 exports.getFormat = getFormat;