@rxdrag/website-studio 0.0.73 → 0.0.74

package/dist/{index-510b5042.js → index-57fb0e65.js}

@@ -15,8 +15,8 @@ import { compileAstroToReact, transformSchemaToCode, extractVariables, isExpress
 import clsx$1 from "clsx";
 import { useDesignerEngine, useActivedDocumentId, Designer, useDocumentModified, useClearModified, useDocConfig, useDocumentCode, useViewMode, useGetDocSchemaTree, ViewMode, useRootNode, IFrameCanvasImpl, KeyboardDriver, DragDropDriver, DragOverDriver, MouseClickDriver, MouseMoveDriver, MouseOverOutDriver, CanvasResizeDriver, CanvasScrollDriver, MouseUpDriver, useDragStore, RelativePosition, AcceptType, useCurrentNode, useSelectedElementsRectsInIframe, useActivedElementRect, useActivedId, useTreeNode, useChangeNodeMeta, useNodeMeta, createNodeHandlerProps, useSelection, useBackup, useSetInsertTargetWithPosition, useComponentOperationStore, NodeRelativePosition, TabType, InsertMode, useGetNode, useNodeMove, useClone, useRemoveSelectedNodes, useSelectedNode, useSelectedParent, useSelectParent, MouseMoveEvent, useCodeModified, RXID_ATTR_NAME, useSchemaTree, useSetChildren, useSetDocConfig, useDeviceType, DeviceType, useHistory, useResourceNode, useCanAccept, useConfigModified, useCreateDocument, useRemoveDocument, ContainerImpl, DocumentRoot } from "@rxdrag/rxcraft";
 import { staticMaterials, AddablePlaceHolder, ViewKeyProvider, ComponentTreeWidget, VariableProvider, setters, DEFUALT_DEVICE_MAP, DEFAULT_SMALLEST_DEVICE, MetaEdittingProvider, useVariables, useExecuteExpression, classListToClassName, expressionAndName, expressionTernaryName, expressionLoopName, useViewKey, slotContentName } from "@rxdrag/website-materials";
-import { Icon, PageLoader, PopoverController, ModalController, AnimateController, TabsController, NumberController, FlipController, CollapseController, AosController, DEFAULT_SAMLL, DEFAULT_MEDIUM, DEFAULT_LARGE } from "@rxdrag/website-lib-core";
-import { CheckCircleIcon as CheckCircleIcon$1, CloseIcon, ModalBody, AddIcon as AddIcon$1, TaskStopIcon, AiStarIcon, ConfirmDialog, SettingsIcon, ModalFooter, FavouriteIcon, LightIcon, DarkIcon, EditIcon, TextInput, Drawer, ModalHeader, ModalClose, SearchIcon, ModalContent as ModalContent$1, Modal as Modal$1, ModalOverlay as ModalOverlay$1, WarningIcon, PinIcon, ErrorBoundary, CloneIcon, RemoveIcon, MonacoEditor, RunningIcon, StyledTooltip, PlayIcon, getTheFile, useSave, MoreIcon, CodeSquareIcon, CodeSyncIcon, Logo, PagesIcon, WidgetIcon, SeoIcon, TextIcon, HeadingIcon, StarIcon, ImageIcon, VideoIcon, SplineIcon, CardIcon, TableIcon, GridIcon, BoxIcon, DividerIcon, SpacerIcon, SlotIcon, LinkIcon, BreadcrumbIcon, TabsIcon, PopoverIcon, ModalIcon, FormIcon, LeafNode, GroupNode, TreeView, DesignIcon, ResetIcon, ImportIcon, AstroIcon, AddFolderIcon, MediasIcon, LanguageIcon, SettingsMinimalisticIcon, DownloadIcon, UploadIcon } from "@rxdrag/rxcms-common";
+import { Icon, PageLoader, PopoverController, ModalController, AnimateController, TabsController, NumberController, FlipController, CollapseController, AosController, DEFAULT_SAMLL, DEFAULT_MEDIUM, DEFAULT_LARGE, DEFAULT_PRODUCT_IMAGE_SIZE, DEFAULT_PRODUCT_THUMBNAIL_IMAGE_SIZE, DEFAULT_POST_IMAGE_SIZE, DEFAULT_POST_THUMBNAIL_IMAGE_SIZE } from "@rxdrag/website-lib-core";
+import { CheckCircleIcon as CheckCircleIcon$1, CloseIcon, ModalBody, AddIcon as AddIcon$1, TaskStopIcon, AiStarIcon, ConfirmDialog, SettingsIcon, ModalFooter, FavouriteIcon, LightIcon, DarkIcon, EditIcon, TextInput, Drawer, ModalHeader, ModalClose, SearchIcon, ModalContent as ModalContent$1, Modal as Modal$1, ModalOverlay as ModalOverlay$1, WarningIcon, PinIcon, ErrorBoundary, CloneIcon, RemoveIcon, MonacoEditor, RunningIcon, StyledTooltip, PlayIcon, getTheFile, useSave, MoreIcon, CodeSyncIcon, Logo, PagesIcon, WidgetIcon, SeoIcon, TextIcon, HeadingIcon, StarIcon, ImageIcon, VideoIcon, SplineIcon, CardIcon, TableIcon, GridIcon, BoxIcon, DividerIcon, SpacerIcon, SlotIcon, LinkIcon, BreadcrumbIcon, TabsIcon, PopoverIcon, ModalIcon, FormIcon, LeafNode, GroupNode, TreeView, DesignIcon, ResetIcon, ImportIcon, AstroIcon, AddFolderIcon, MediasIcon, LanguageIcon, SettingsMinimalisticIcon, CodeSquareIcon, DownloadIcon, UploadIcon } from "@rxdrag/rxcms-common";
 import { create as create$4 } from "zustand";
 import { Card, CardBody, Button as Button$2, CircularProgress, addToast, CardHeader, Select, SelectItem, Dropdown, DropdownTrigger, DropdownMenu as DropdownMenu$1, DropdownItem, Accordion, AccordionItem, Input, Tabs, Tab, Divider, cn, Checkbox, Chip, Skeleton, CardFooter, Image, useDisclosure, Modal as Modal$2, ModalContent as ModalContent$2, ModalHeader as ModalHeader$1, ModalBody as ModalBody$1, ModalFooter as ModalFooter$1, Tooltip, RadioGroup, Radio } from "@heroui/react";
 import { Icon as Icon$1 } from "@iconify/react";
@@ -32,7 +32,7 @@ import { DeployType, predefinedTypes, askForQuote } from "@rxdrag/code-templates
 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, 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, Input as Input$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 gsap$2 from "gsap";
@@ -133366,7 +133366,7 @@ registerLanguage({
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
     {
-      return import("./freemarker2-a3361f22.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-69b6ffda.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -133375,7 +133375,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-a3361f22.js").then((m2) => m2.TagAngleInterpolationDollar);
+      return import("./freemarker2-69b6ffda.js").then((m2) => m2.TagAngleInterpolationDollar);
     }
   }
 });
@@ -133384,7 +133384,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-a3361f22.js").then((m2) => m2.TagBracketInterpolationDollar);
+      return import("./freemarker2-69b6ffda.js").then((m2) => m2.TagBracketInterpolationDollar);
     }
   }
 });
@@ -133393,7 +133393,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-a3361f22.js").then((m2) => m2.TagAngleInterpolationBracket);
+      return import("./freemarker2-69b6ffda.js").then((m2) => m2.TagAngleInterpolationBracket);
     }
   }
 });
@@ -133402,7 +133402,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-a3361f22.js").then((m2) => m2.TagBracketInterpolationBracket);
+      return import("./freemarker2-69b6ffda.js").then((m2) => m2.TagBracketInterpolationBracket);
     }
   }
 });
@@ -133411,7 +133411,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-a3361f22.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-69b6ffda.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -133420,7 +133420,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-a3361f22.js").then((m2) => m2.TagAutoInterpolationBracket);
+      return import("./freemarker2-69b6ffda.js").then((m2) => m2.TagAutoInterpolationBracket);
     }
   }
 });
@@ -133470,7 +133470,7 @@ registerLanguage({
   mimetypes: ["text/x-handlebars-template"],
   loader: () => {
     {
-      return import("./handlebars-ce9384eb.js");
+      return import("./handlebars-8734dff3.js");
     }
   }
 });
@@ -133503,7 +133503,7 @@ registerLanguage({
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
   loader: () => {
     {
-      return import("./html-5843f82a.js");
+      return import("./html-7079f47c.js");
     }
   }
 });
@@ -133556,7 +133556,7 @@ registerLanguage({
   mimetypes: ["text/javascript"],
   loader: () => {
     {
-      return import("./javascript-3e608e00.js");
+      return import("./javascript-f13d0738.js");
     }
   }
 });
@@ -133655,7 +133655,7 @@ registerLanguage({
   mimetypes: ["application/liquid"],
   loader: () => {
     {
-      return import("./liquid-5e6b3712.js");
+      return import("./liquid-dae34526.js");
     }
   }
 });
@@ -133703,7 +133703,7 @@ registerLanguage({
   aliases: ["MDX", "mdx"],
   loader: () => {
     {
-      return import("./mdx-2b8b5991.js");
+      return import("./mdx-b73e34f7.js");
     }
   }
 });
@@ -133962,7 +133962,7 @@ registerLanguage({
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
   loader: () => {
     {
-      return import("./python-03c1ab7c.js");
+      return import("./python-e9a25850.js");
     }
   }
 });
@@ -134011,7 +134011,7 @@ registerLanguage({
   mimetypes: ["text/x-cshtml"],
   loader: () => {
     {
-      return import("./razor-edc80849.js");
+      return import("./razor-e614d2cc.js");
     }
   }
 });
@@ -134347,7 +134347,7 @@ registerLanguage({
   mimetypes: ["text/typescript"],
   loader: () => {
     {
-      return import("./typescript-aa01607f.js");
+      return import("./typescript-898ace2f.js");
     }
   }
 });
@@ -134431,7 +134431,7 @@ registerLanguage({
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
   loader: () => {
     {
-      return import("./xml-3a606e67.js");
+      return import("./xml-6fbbdc9d.js");
     }
   }
 });
@@ -134448,7 +134448,7 @@ registerLanguage({
   mimetypes: ["application/x-yaml", "text/x-yaml"],
   loader: () => {
     {
-      return import("./yaml-8bb35932.js");
+      return import("./yaml-4f60abdc.js");
     }
   }
 });
@@ -134572,7 +134572,7 @@ var lessDefaults = new LanguageServiceDefaultsImpl$3(
 monaco_editor_core_exports$3.languages.css = { cssDefaults, lessDefaults, scssDefaults };
 function getMode$3() {
   {
-    return import("./cssMode-19f0a792.js");
+    return import("./cssMode-3f92f4fd.js");
   }
 }
 monaco_editor_core_exports$3.languages.onLanguage("less", () => {
@@ -134703,7 +134703,7 @@ monaco_editor_core_exports$2.languages.html = {
 };
 function getMode$2() {
   {
-    return import("./htmlMode-badd452c.js");
+    return import("./htmlMode-730fac31.js");
   }
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
@@ -134801,7 +134801,7 @@ var getWorker = () => getMode$1().then((mode) => mode.getWorker());
 monaco_editor_core_exports$1.languages.json = { jsonDefaults, getWorker };
 function getMode$1() {
   {
-    return import("./jsonMode-20aca4d2.js");
+    return import("./jsonMode-ed6e2469.js");
   }
 }
 monaco_editor_core_exports$1.languages.register({
@@ -135077,7 +135077,7 @@ monaco_editor_core_exports.languages.typescript = {
 };
 function getMode() {
   {
-    return import("./tsMode-9136106b.js");
+    return import("./tsMode-216c78a7.js");
   }
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => {
@@ -198688,6 +198688,75 @@ function ExtraCodesTab({
     ] })
   ] });
 }
+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.jsxs("div", { className: "space-y-6 p-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-6", children: [
+        renderSizeConfig("product", "产品图片"),
+        renderSizeConfig("productThumbnial", "产品缩略图")
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-6", children: [
+        renderSizeConfig("post", "文章图片"),
+        renderSizeConfig("postThumbnial", "文章缩略图")
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-5", children: [
+      renderSizeConfig("small", "小尺寸"),
+      renderSizeConfig("medium", "中尺寸"),
+      renderSizeConfig("large", "大尺寸")
+    ] })
+  ] });
+}
 function StyleConfigModal(props) {
   var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i3;
   const { isOpen, onClose, ...modalProps } = props;
@@ -198696,7 +198765,11 @@ function StyleConfigModal(props) {
   const [imageSizes, setImageSizes] = useState({
     small: DEFAULT_SAMLL,
     medium: DEFAULT_MEDIUM,
-    large: DEFAULT_LARGE
+    large: DEFAULT_LARGE,
+    product: DEFAULT_PRODUCT_IMAGE_SIZE,
+    productThumbnial: DEFAULT_PRODUCT_THUMBNAIL_IMAGE_SIZE,
+    post: DEFAULT_POST_IMAGE_SIZE,
+    postThumbnial: DEFAULT_POST_THUMBNAIL_IMAGE_SIZE
   });
   const [headCode, setHeadCode] = useState("");
   const [footCode, setFootCode] = useState("");
@@ -198716,17 +198789,21 @@ function StyleConfigModal(props) {
     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) || {
+      ((_a4 = theme == null ? void 0 : theme.styleConfig) == null ? void 0 : _a4.imageSizes) || {
         small: DEFAULT_SAMLL,
         medium: DEFAULT_MEDIUM,
-        large: DEFAULT_LARGE
+        large: DEFAULT_LARGE,
+        product: DEFAULT_PRODUCT_IMAGE_SIZE,
+        productThumbnial: DEFAULT_PRODUCT_THUMBNAIL_IMAGE_SIZE,
+        post: DEFAULT_POST_IMAGE_SIZE,
+        postThumbnial: DEFAULT_POST_THUMBNAIL_IMAGE_SIZE
       }
     );
     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,
+    (_a3 = theme == null ? void 0 : theme.styleConfig) == 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
   ]);
@@ -198758,24 +198835,18 @@ function StyleConfigModal(props) {
             headCode,
             footCode
           }
-        },
-        settings: {
-          ...theme.settings,
-          imageSizes
         }
       });
     }
   }, [
     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
+    footCode
   ]);
   const handleReset = useCallback(() => {
     var _a4, _b4, _c3, _d3, _e3, _f3;
@@ -198783,10 +198854,14 @@ function StyleConfigModal(props) {
     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) || {
+      ((_d3 = parentTheme == null ? void 0 : parentTheme.styleConfig) == null ? void 0 : _d3.imageSizes) || {
         small: DEFAULT_SAMLL,
         medium: DEFAULT_MEDIUM,
-        large: DEFAULT_LARGE
+        large: DEFAULT_LARGE,
+        product: DEFAULT_PRODUCT_IMAGE_SIZE,
+        productThumbnial: DEFAULT_PRODUCT_THUMBNAIL_IMAGE_SIZE,
+        post: DEFAULT_POST_IMAGE_SIZE,
+        postThumbnial: DEFAULT_POST_THUMBNAIL_IMAGE_SIZE
       }
     );
     setHeadCode(((_e3 = parentTheme == null ? void 0 : parentTheme.styleConfig) == null ? void 0 : _e3.headCode) || "");
@@ -198797,20 +198872,23 @@ function StyleConfigModal(props) {
     (_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
+    (_i3 = parentTheme == null ? void 0 : parentTheme.styleConfig) == null ? void 0 : _i3.imageSizes
   ]);
+  const handleImageSizesChange = useCallback((value) => {
+    setImageSizes(value);
+  }, []);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal$1, { isOpen, onClose, ...modalProps, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(ModalOverlay$1, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalContent$1, { className: "h-[90vh] shadow-lg", width: 1200, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalHeader, { className: "px-4 pr-3 h-14 ", children: [
-        "配置代码",
+        "主题配置",
         /* @__PURE__ */ jsxRuntimeExports.jsx(ModalClose, {})
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalBody, { className: "flex-1 p-3 border-t border-b border-divider gap-4 flex min-h-0 ", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 flex flex-col h-full min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
           Tabs,
           {
-            "aria-label": "配置代码",
+            "aria-label": "主题配置",
             variant: "underlined",
             classNames: {
               panel: "flex-1",
@@ -198856,6 +198934,13 @@ 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(
+                ImageSizeTab,
+                {
+                  value: imageSizes,
+                  onChange: handleImageSizesChange
+                }
+              ) }) }, "image-size"),
               /* @__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,
                 {
@@ -199375,9 +199460,9 @@ function MoreActions$1() {
           DropdownItem,
           {
             showDivider: true,
-            startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(CodeSquareIcon, { className: "size-5" }),
+            startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsIcon, { className: "size-5" }),
             onPress: onStyleConfigOpen,
-            children: "配置代码"
+            children: "主题配置"
           },
           "theme-style"
         ),
@@ -204334,9 +204419,9 @@ function MoreActions() {
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               DropdownItem,
               {
-                startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(CodeSquareIcon, { className: "size-5" }),
+                startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsIcon, { className: "size-5" }),
                 onPress: () => setStyleConfigOpen(true),
-                children: "配置代码"
+                children: "主题配置"
               },
               "theme-style"
             ),
@@ -204790,4 +204875,4 @@ export {
   typescriptDefaults as t,
   useCustomizedMaterials as u
 };
-//# sourceMappingURL=index-510b5042.js.map
+//# sourceMappingURL=index-57fb0e65.js.map