@rxdrag/website-studio 0.0.65 → 0.0.66

package/dist/{index-3256baa8.js → index-fc7a9154.js}

@@ -33,7 +33,7 @@ import { Designer, useDesignerEngine, useDocumentModified, useClearModified, use
 import { useAiAgent, AiWidget, AiAgentRoot } from "@rxdrag/ai-agent";
 import { useUpsertEntityWithIndicator } from "@rxdrag/rxcms-entify-wrapper";
 import dayjs from "dayjs";
-import { cn as cn$1, Tabs as Tabs$1, TabsList, TabsTrigger, TabsContent, Button as Button$3, Label as Label$1, Input as Input$1, AccordionTrigger, Accordion as Accordion$1, AccordionItem as AccordionItem$1, AccordionContent, DialogHeader, DialogTitle, DialogFooter, Dialog, DialogContent } from "@rxdrag/shadcn";
+import { cn as cn$1, Tabs as Tabs$1, TabsList, TabsTrigger, TabsContent, Button as Button$3, Label as Label$1, AccordionTrigger, Accordion as Accordion$1, AccordionItem as AccordionItem$1, AccordionContent, DialogHeader, DialogTitle, DialogFooter, Dialog, DialogContent } from "@rxdrag/shadcn";
 import { isObj, isStr } from "@rxdrag/shared";
 import { TextNodeName, CommentNodeName } from "@rxdrag/schema-pro";
 import { emit, EVENT_ENTITY_POSTED } from "@rxdrag/entify-lib";
@@ -581,7 +581,9 @@ function newThemeQueryOptions(websiteId, langId) {
     StyleConfigFields.css,
     StyleConfigFields.cssVariants,
     StyleConfigFields.tailwindConfig,
-    StyleConfigFields.description
+    StyleConfigFields.description,
+    StyleConfigFields.headCode,
+    StyleConfigFields.footCode
   ]).lang([
     LangFields.id,
     LangFields.abbr,
@@ -613,7 +615,9 @@ function fullThemeQueryOptions() {
     StyleConfigFields.css,
     StyleConfigFields.cssVariants,
     StyleConfigFields.tailwindConfig,
-    StyleConfigFields.description
+    StyleConfigFields.description,
+    StyleConfigFields.headCode,
+    StyleConfigFields.footCode
   ]).config([
     ThemeConfigFields.id,
     ThemeConfigFields.domain,
@@ -135534,7 +135538,7 @@ registerLanguage({
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
     {
-      return import("./freemarker2-396cac18.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-dba7e455.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -135543,7 +135547,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-396cac18.js").then((m2) => m2.TagAngleInterpolationDollar);
+      return import("./freemarker2-dba7e455.js").then((m2) => m2.TagAngleInterpolationDollar);
     }
   }
 });
@@ -135552,7 +135556,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-396cac18.js").then((m2) => m2.TagBracketInterpolationDollar);
+      return import("./freemarker2-dba7e455.js").then((m2) => m2.TagBracketInterpolationDollar);
     }
   }
 });
@@ -135561,7 +135565,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-396cac18.js").then((m2) => m2.TagAngleInterpolationBracket);
+      return import("./freemarker2-dba7e455.js").then((m2) => m2.TagAngleInterpolationBracket);
     }
   }
 });
@@ -135570,7 +135574,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-396cac18.js").then((m2) => m2.TagBracketInterpolationBracket);
+      return import("./freemarker2-dba7e455.js").then((m2) => m2.TagBracketInterpolationBracket);
     }
   }
 });
@@ -135579,7 +135583,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-396cac18.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-dba7e455.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -135588,7 +135592,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-396cac18.js").then((m2) => m2.TagAutoInterpolationBracket);
+      return import("./freemarker2-dba7e455.js").then((m2) => m2.TagAutoInterpolationBracket);
     }
   }
 });
@@ -135638,7 +135642,7 @@ registerLanguage({
   mimetypes: ["text/x-handlebars-template"],
   loader: () => {
     {
-      return import("./handlebars-039139b0.js");
+      return import("./handlebars-91467872.js");
     }
   }
 });
@@ -135671,7 +135675,7 @@ registerLanguage({
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
   loader: () => {
     {
-      return import("./html-8b21d5ed.js");
+      return import("./html-2286fa08.js");
     }
   }
 });
@@ -135724,7 +135728,7 @@ registerLanguage({
   mimetypes: ["text/javascript"],
   loader: () => {
     {
-      return import("./javascript-8a7fcc5d.js");
+      return import("./javascript-19735631.js");
     }
   }
 });
@@ -135823,7 +135827,7 @@ registerLanguage({
   mimetypes: ["application/liquid"],
   loader: () => {
     {
-      return import("./liquid-1ae5e803.js");
+      return import("./liquid-697db49a.js");
     }
   }
 });
@@ -135871,7 +135875,7 @@ registerLanguage({
   aliases: ["MDX", "mdx"],
   loader: () => {
     {
-      return import("./mdx-a32b8d38.js");
+      return import("./mdx-9cee59dc.js");
     }
   }
 });
@@ -136130,7 +136134,7 @@ registerLanguage({
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
   loader: () => {
     {
-      return import("./python-cfdc6bef.js");
+      return import("./python-7341e362.js");
     }
   }
 });
@@ -136179,7 +136183,7 @@ registerLanguage({
   mimetypes: ["text/x-cshtml"],
   loader: () => {
     {
-      return import("./razor-3d879fe0.js");
+      return import("./razor-b07a664d.js");
     }
   }
 });
@@ -136515,7 +136519,7 @@ registerLanguage({
   mimetypes: ["text/typescript"],
   loader: () => {
     {
-      return import("./typescript-dd1ac52a.js");
+      return import("./typescript-e70a9547.js");
     }
   }
 });
@@ -136599,7 +136603,7 @@ registerLanguage({
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
   loader: () => {
     {
-      return import("./xml-bbfc39e4.js");
+      return import("./xml-2581e592.js");
     }
   }
 });
@@ -136616,7 +136620,7 @@ registerLanguage({
   mimetypes: ["application/x-yaml", "text/x-yaml"],
   loader: () => {
     {
-      return import("./yaml-125518c0.js");
+      return import("./yaml-f58359ab.js");
     }
   }
 });
@@ -136740,7 +136744,7 @@ var lessDefaults = new LanguageServiceDefaultsImpl$3(
 monaco_editor_core_exports$3.languages.css = { cssDefaults, lessDefaults, scssDefaults };
 function getMode$3() {
   {
-    return import("./cssMode-0c23a08a.js");
+    return import("./cssMode-c65468b2.js");
   }
 }
 monaco_editor_core_exports$3.languages.onLanguage("less", () => {
@@ -136871,7 +136875,7 @@ monaco_editor_core_exports$2.languages.html = {
 };
 function getMode$2() {
   {
-    return import("./htmlMode-77196fd5.js");
+    return import("./htmlMode-807ee170.js");
   }
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
@@ -136969,7 +136973,7 @@ var getWorker = () => getMode$1().then((mode) => mode.getWorker());
 monaco_editor_core_exports$1.languages.json = { jsonDefaults, getWorker };
 function getMode$1() {
   {
-    return import("./jsonMode-a8a7410a.js");
+    return import("./jsonMode-05e0b6a9.js");
   }
 }
 monaco_editor_core_exports$1.languages.register({
@@ -137245,7 +137249,7 @@ monaco_editor_core_exports.languages.typescript = {
 };
 function getMode() {
   {
-    return import("./tsMode-b04b0224.js");
+    return import("./tsMode-8542abc3.js");
   }
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => {
@@ -187096,7 +187100,9 @@ const ApplyModeStep = (props) => {
         StyleConfigFields.name,
         StyleConfigFields.css,
         StyleConfigFields.cssVariants,
-        StyleConfigFields.tailwindConfig
+        StyleConfigFields.tailwindConfig,
+        StyleConfigFields.headCode,
+        StyleConfigFields.footCode
       ]).setNoQuery(!(selectedTheme == null ? void 0 : selectedTheme.id)).toGqlOptions()
     );
     if (applyOptions.overwriteStyles) {
@@ -198436,116 +198442,60 @@ function PreviewContent(props) {
     }
   );
 }
-function ImageSizeTab({ value, onChange }) {
-  const handleSizeChange = useCallback(
-    (sizeType, dimension, newValue) => {
-      const numValue = parseInt(newValue) || void 0;
-      const currentSize = value[sizeType] || {};
-      onChange({
-        ...value,
-        [sizeType]: {
-          ...currentSize,
-          [dimension]: numValue
-        }
-      });
-    },
-    [value, onChange]
-  );
-  const renderSizeConfig = (sizeType, title) => {
-    const currentSize = value[sizeType];
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { className: "text-sm font-medium", children: title }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { className: "text-xs text-muted-foreground", children: "宽度 (px)" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Input$1,
-            {
-              type: "number",
-              placeholder: "宽度",
-              value: (currentSize == null ? void 0 : currentSize.width) || "",
-              onChange: (e) => handleSizeChange(sizeType, "width", e.target.value),
-              min: "1",
-              size: "sm"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { className: "text-xs text-muted-foreground", children: "高度 (px)" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Input$1,
-            {
-              type: "number",
-              placeholder: "高度",
-              value: (currentSize == null ? void 0 : currentSize.height) || "",
-              onChange: (e) => handleSizeChange(sizeType, "height", e.target.value),
-              min: "1",
-              size: "sm"
-            }
-          )
-        ] })
-      ] })
-    ] });
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-6 p-6", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-5", children: [
-    renderSizeConfig("small", "小尺寸"),
-    renderSizeConfig("medium", "中尺寸"),
-    renderSizeConfig("large", "大尺寸")
-  ] }) });
-}
-function GoogleFontsTab({ value, onChange }) {
-  const handleChange = useCallback((newValue) => {
-    onChange(newValue);
-  }, [onChange]);
+function ExtraCodesTab({
+  headCode,
+  footCode,
+  onHeadCodeChange,
+  onFootCodeChange
+}) {
+  const handleHeadCodeChange = useCallback((newValue) => {
+    onHeadCodeChange(newValue);
+  }, [onHeadCodeChange]);
+  const handleFootCodeChange = useCallback((newValue) => {
+    onFootCodeChange(newValue);
+  }, [onFootCodeChange]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { className: "text-sm font-medium", children: "Google Fonts 脚本" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { className: "text-sm font-medium", children: "Head 代码" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { className: "text-xs text-muted-foreground", children: "输入完整的 Google Fonts 脚本，支持多个字体链接" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { className: "text-xs text-muted-foreground", children: "在页面 <head> 标签中插入的代码（如 Google Fonts、Meta 标签等）" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "textarea",
           {
-            className: "w-full h-32 p-3 text-sm border border-gray-300 dark:border-gray-600 rounded-md bg-transparent resize-none focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent",
+            className: "w-full h-40 p-3 text-sm font-mono border border-gray-300 dark:border-gray-600 rounded-md bg-transparent resize-y focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent",
             placeholder: `<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
-<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet">`,
-            value: value || "",
-            onChange: (e) => handleChange(e.target.value)
+<meta name="description" content="Your description">
+<link rel="icon" href="/favicon.ico">`,
+            value: headCode || "",
+            onChange: (e) => handleHeadCodeChange(e.target.value)
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { className: "text-sm font-medium text-muted-foreground", children: "使用示例" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground space-y-2 bg-muted/30 p-3 rounded", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "单个字体：" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "ml-1 px-1 bg-background rounded text-xs block mt-1", children: '<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">' })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "多个字体：" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "ml-1 px-1 bg-background rounded text-xs block mt-1 whitespace-pre-line", children: `<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
-<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet">` })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { className: "text-sm font-medium text-muted-foreground", children: "说明" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground space-y-1", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "• 输入完整的 Google Fonts link 标签" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "• 支持多个字体，每行一个 link 标签" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "• 脚本会被直接添加到页面的 <head> 部分" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-          "• 可以在 ",
-          /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: "https://fonts.google.com", target: "_blank", rel: "noopener noreferrer", className: "text-primary underline", children: "Google Fonts" }),
-          " 官网获取完整脚本"
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "• 建议添加 &display=swap 参数以优化加载性能" })
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { className: "text-sm font-medium", children: "Foot 代码" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { className: "text-xs text-muted-foreground", children: "在页面 </body> 标签前插入的代码（如统计脚本、第三方插件等）" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "textarea",
+          {
+            className: "w-full h-40 p-3 text-sm font-mono border border-gray-300 dark:border-gray-600 rounded-md bg-transparent resize-y focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent",
+            placeholder: `<script>
+  // Google Analytics
+  (function(i,s,o,g,r,a,m){...})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+  ga('create', 'UA-XXXXX-Y', 'auto');
+  ga('send', 'pageview');
+<\/script>`,
+            value: footCode || "",
+            onChange: (e) => handleFootCodeChange(e.target.value)
+          }
+        )
       ] })
     ] })
   ] });
 }
 function StyleConfigModal(props) {
-  var _a3, _b3, _c2, _d2, _e2, _f2, _g2;
+  var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i3;
   const { isOpen, onClose, ...modalProps } = props;
   const [themeMode, setThemeMode] = useState("light");
   const [tailwindConfig, setTailwindConfig] = useState("");
@@ -198554,7 +198504,8 @@ function StyleConfigModal(props) {
     medium: DEFAULT_MEDIUM,
     large: DEFAULT_LARGE
   });
-  const [googleFonts, setGoogleFonts] = useState("");
+  const [headCode, setHeadCode] = useState("");
+  const [footCode, setFootCode] = useState("");
   const [cssVariant, setCssVariant] = useState("");
   const [css, setCss] = useState("");
   const styleConfig = useThemeStyleConfig();
@@ -198566,17 +198517,25 @@ function StyleConfigModal(props) {
     }
   });
   useEffect(() => {
-    var _a4, _b4;
+    var _a4, _b4, _c3;
     setTailwindConfig((styleConfig == null ? void 0 : styleConfig.tailwindConfig) || "");
     setCssVariant((styleConfig == null ? void 0 : styleConfig.cssVariants) || "");
     setCss((styleConfig == null ? void 0 : styleConfig.css) || "");
-    setImageSizes(((_a4 = theme == null ? void 0 : theme.settings) == null ? void 0 : _a4.imageSizes) || {
-      small: DEFAULT_SAMLL,
-      medium: DEFAULT_MEDIUM,
-      large: DEFAULT_LARGE
-    });
-    setGoogleFonts(((_b4 = theme == null ? void 0 : theme.settings) == null ? void 0 : _b4.googleFonts) || "");
-  }, [styleConfig, (_a3 = theme == null ? void 0 : theme.settings) == null ? void 0 : _a3.imageSizes, (_b3 = theme == null ? void 0 : theme.settings) == null ? void 0 : _b3.googleFonts]);
+    setImageSizes(
+      ((_a4 = theme == null ? void 0 : theme.settings) == null ? void 0 : _a4.imageSizes) || {
+        small: DEFAULT_SAMLL,
+        medium: DEFAULT_MEDIUM,
+        large: DEFAULT_LARGE
+      }
+    );
+    setHeadCode(((_b4 = theme == null ? void 0 : theme.styleConfig) == null ? void 0 : _b4.headCode) || "");
+    setFootCode(((_c3 = theme == null ? void 0 : theme.styleConfig) == null ? void 0 : _c3.footCode) || "");
+  }, [
+    styleConfig,
+    (_a3 = theme == null ? void 0 : theme.settings) == null ? void 0 : _a3.imageSizes,
+    (_b3 = theme == null ? void 0 : theme.styleConfig) == null ? void 0 : _b3.headCode,
+    (_c2 = theme == null ? void 0 : theme.styleConfig) == null ? void 0 : _c2.footCode
+  ]);
   const handleTailwindConfigChange = useCallback((value) => {
     setTailwindConfig(value || "");
   }, []);
@@ -198586,11 +198545,11 @@ function StyleConfigModal(props) {
   const handleCssChange = useCallback((value) => {
     setCss(value || "");
   }, []);
-  const handleImageSizesChange = useCallback((value) => {
-    setImageSizes(value);
+  const handleHeadCodeChange = useCallback((value) => {
+    setHeadCode(value);
   }, []);
-  const handleGoogleFontsChange = useCallback((value) => {
-    setGoogleFonts(value);
+  const handleFootCodeChange = useCallback((value) => {
+    setFootCode(value);
   }, []);
   const handleConfirm = useCallback(() => {
     if (theme == null ? void 0 : theme.id) {
@@ -198601,34 +198560,50 @@ function StyleConfigModal(props) {
             id: styleConfig == null ? void 0 : styleConfig.id,
             tailwindConfig,
             cssVariants: cssVariant,
-            css
+            css,
+            headCode,
+            footCode
           }
         },
         settings: {
           ...theme.settings,
-          imageSizes,
-          googleFonts
+          imageSizes
         }
       });
     }
-  }, [theme == null ? void 0 : theme.id, theme == null ? void 0 : theme.settings, save, styleConfig == null ? void 0 : styleConfig.id, tailwindConfig, cssVariant, css, imageSizes, googleFonts]);
+  }, [
+    theme == null ? void 0 : theme.id,
+    theme == null ? void 0 : theme.settings,
+    save,
+    styleConfig == null ? void 0 : styleConfig.id,
+    tailwindConfig,
+    cssVariant,
+    css,
+    headCode,
+    footCode,
+    imageSizes
+  ]);
   const handleReset = useCallback(() => {
-    var _a4, _b4, _c3, _d3, _e3;
+    var _a4, _b4, _c3, _d3, _e3, _f3;
     setTailwindConfig(((_a4 = parentTheme == null ? void 0 : parentTheme.styleConfig) == null ? void 0 : _a4.tailwindConfig) || "");
     setCssVariant(((_b4 = parentTheme == null ? void 0 : parentTheme.styleConfig) == null ? void 0 : _b4.cssVariants) || "");
     setCss(((_c3 = parentTheme == null ? void 0 : parentTheme.styleConfig) == null ? void 0 : _c3.css) || "");
-    setImageSizes(((_d3 = parentTheme == null ? void 0 : parentTheme.settings) == null ? void 0 : _d3.imageSizes) || {
-      small: DEFAULT_SAMLL,
-      medium: DEFAULT_MEDIUM,
-      large: DEFAULT_LARGE
-    });
-    setGoogleFonts(((_e3 = parentTheme == null ? void 0 : parentTheme.settings) == null ? void 0 : _e3.googleFonts) || "");
+    setImageSizes(
+      ((_d3 = parentTheme == null ? void 0 : parentTheme.settings) == null ? void 0 : _d3.imageSizes) || {
+        small: DEFAULT_SAMLL,
+        medium: DEFAULT_MEDIUM,
+        large: DEFAULT_LARGE
+      }
+    );
+    setHeadCode(((_e3 = parentTheme == null ? void 0 : parentTheme.styleConfig) == null ? void 0 : _e3.headCode) || "");
+    setFootCode(((_f3 = parentTheme == null ? void 0 : parentTheme.styleConfig) == null ? void 0 : _f3.footCode) || "");
   }, [
-    (_c2 = parentTheme == null ? void 0 : parentTheme.styleConfig) == null ? void 0 : _c2.css,
-    (_d2 = parentTheme == null ? void 0 : parentTheme.styleConfig) == null ? void 0 : _d2.cssVariants,
-    (_e2 = parentTheme == null ? void 0 : parentTheme.styleConfig) == null ? void 0 : _e2.tailwindConfig,
-    (_f2 = parentTheme == null ? void 0 : parentTheme.settings) == null ? void 0 : _f2.imageSizes,
-    (_g2 = parentTheme == null ? void 0 : parentTheme.settings) == null ? void 0 : _g2.googleFonts
+    (_d2 = parentTheme == null ? void 0 : parentTheme.styleConfig) == null ? void 0 : _d2.tailwindConfig,
+    (_e2 = parentTheme == null ? void 0 : parentTheme.styleConfig) == null ? void 0 : _e2.cssVariants,
+    (_f2 = parentTheme == null ? void 0 : parentTheme.styleConfig) == null ? void 0 : _f2.css,
+    (_g2 = parentTheme == null ? void 0 : parentTheme.styleConfig) == null ? void 0 : _g2.headCode,
+    (_h2 = parentTheme == null ? void 0 : parentTheme.styleConfig) == null ? void 0 : _h2.footCode,
+    (_i3 = parentTheme == null ? void 0 : parentTheme.settings) == null ? void 0 : _i3.imageSizes
   ]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal$1, { isOpen, onClose, ...modalProps, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(ModalOverlay$1, {}),
@@ -198649,16 +198624,24 @@ function StyleConfigModal(props) {
             },
             destroyInactiveTabPanel: false,
             children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Tab, { title: "Tailwind 配置", className: "min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                MonacoEditor,
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Tab,
                 {
-                  height: "100%",
-                  language: "javascript",
-                  theme: "dark-plus",
-                  value: tailwindConfig,
-                  onChange: handleTailwindConfigChange
-                }
-              ) }) }, "tailwind-config"),
+                  title: "Tailwind 配置",
+                  className: "min-h-0",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    MonacoEditor,
+                    {
+                      height: "100%",
+                      language: "javascript",
+                      theme: "dark-plus",
+                      value: tailwindConfig,
+                      onChange: handleTailwindConfigChange
+                    }
+                  ) })
+                },
+                "tailwind-config"
+              ),
               /* @__PURE__ */ jsxRuntimeExports.jsx(Tab, { title: "CSS 变量", className: "min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 MonacoEditor,
                 {
@@ -198679,20 +198662,15 @@ function StyleConfigModal(props) {
                   onChange: handleCssChange
                 }
               ) }) }, "css"),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Tab, { title: "谷歌字体", className: "min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                GoogleFontsTab,
-                {
-                  value: googleFonts,
-                  onChange: handleGoogleFontsChange
-                }
-              ) }) }, "font"),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Tab, { title: "图片尺寸", className: "min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                ImageSizeTab,
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Tab, { title: "附加代码", className: "min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                ExtraCodesTab,
                 {
-                  value: imageSizes,
-                  onChange: handleImageSizesChange
+                  headCode,
+                  footCode,
+                  onHeadCodeChange: handleHeadCodeChange,
+                  onFootCodeChange: handleFootCodeChange
                 }
-              ) }) }, "image-size")
+              ) }) }, "font")
             ]
           }
         ) }),
@@ -204626,4 +204604,4 @@ export {
   typescriptDefaults as t,
   useCustomizedMaterials as u
 };
-//# sourceMappingURL=index-3256baa8.js.map
+//# sourceMappingURL=index-fc7a9154.js.map