@rxdrag/website-studio 0.0.75 → 0.0.77

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

@@ -10,17 +10,18 @@ import React__default, { createContext, useContext, useMemo, useState, useRef, u
 import { ThemeBranchFields, PageQueryOptions, PageFields, FrontComponentQueryOptions, FrontComponentFields, MediaQueryOptions, ComponentCategoryFields, SectionTemplateQueryOptions, SectionTemplateFields, ComponentCategoryQueryOptions, TemplateCategoryQueryOptions, TemplateCategoryFields, ThemeBranchQueryOptions, StyleConfigFields, LangFields, ThemeConfigQueryOptions, ThemeConfigFields, ThemeFields, WebsiteQueryOptions, WebsiteFields, PageAssciations, TaskQueryOptions, TaskFields, AppModule, TaskStatus, websiteToInput, TaskType, LangQueryOptions, WebsiteAssciations, ExtendFieldType, ThemeConfigAssciations, WebsiteSettingsQueryOptions, WebsiteSettingsFields, themeConfigToInputCascade, ThemeConfigEntityName, MediaType, themeConfigToInput, websiteSettingsToInput, WebsiteSettingsEntityName, WebsiteSettingsAssciations, PageEntityName, ThemeBranchEntityName, PageType, themeBranchToInputCascade, ThemeQueryOptions, ThemeCategoryFields, FrontComponentEntityName, pageToInputCascade, sectionTemplateToInput, ProductCategoryEntityName, ProductCategoryQueryOptions, ProductCategoryFields, ProductQueryOptions, ProductFields, PublishableStatus, TaskEntityName, ComponentCategoryEntityName, themeBranchToInput, frontComponentToInput, SectionTemplateEntityName, pageToInput, PageMetaQueryOptions, PageMetaFields, PageMetaAssciations, FrontComponentAssciations, componentCategoryToInput } from "@rxdrag/rxcms-models";
 import { GlobalLoading, EntityForm, SubmitButton, useListData, SearchInput, EntityPagination, useIsLoading, QueryListScope, EntitySelect, useRemoveRow, useEditRow, EntityEditModal, useSelectionsState, EntityTable, EntityListScope, NewButton, EntityRowScope, EntitySelectField, useNewRow } from "@rxdrag/rxcms-models-ui";
 import { useOneThemeBranch, usePageList, useTemplateCategoryList, useSectionTemplateList, useComponentCategoryList, useFrontComponentList, useOneThemeBranchById, useTaskList, useUpsertOneWebsite, useDeleteThemeBranchById, useUpsertOneThemeBranch, useLangList, useOneWebsiteSettings, useOneThemeConfig, useUpsertOneThemeConfig, useUpsertOneWebsiteSettings, useUpsertOnePage, useUpsertOneSectionTemplate, useUpsertOneFrontComponent, useDeletePageById } from "@rxdrag/rxcms-model-hooks";
-import { newPageMetaOptions, useWebsite, useCurrentLangId, ComponentType, MediaSingleSelectField, FullImageSelectField, useSiteId, useCurrentLang, TitleAndSlug, TitleViewField, DescriptionViewField, RxcmsMedias, SiteRoot, usePreviewUrl, LangSelect } from "@rxdrag/biz-components";
+import { newPageMetaOptions, useWebsite, useCurrentLang, useCurrentLangId, ComponentType, MediaSingleSelectField, FullImageSelectField, useSiteId, TitleAndSlug, TitleViewField, DescriptionViewField, RxcmsMedias, SiteRoot, usePreviewUrl, LangSelect } from "@rxdrag/biz-components";
 import { compileAstroToReact, transformSchemaToCode, extractVariables, isExpression, parseExpressionValue, convertHtmlAttrToJsxAttr, compileCode, AsyncFunction, transformCodeToSchema } from "@rxdrag/astro-compiler";
 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, DEFAULT_PRODUCT_IMAGE_SIZE, DEFAULT_PRODUCT_THUMBNAIL_IMAGE_SIZE, DEFAULT_POST_IMAGE_SIZE, DEFAULT_POST_THUMBNAIL_IMAGE_SIZE } from "@rxdrag/website-lib-core";
+import { Icon, Entify, 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 gsap$2 from "gsap";
+import { useCreateEntityClient, useLazyQueryOneEntity, emitEntityChange, useEntifyEndpoint, useEntifyToken } from "@rxdrag/entify-hooks";
 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";
-import { useLazyQueryOneEntity, emitEntityChange, useEntifyEndpoint, useEntifyToken, useCreateEntityClient } from "@rxdrag/entify-hooks";
 import { useTranslateTheme, TaskManager, useSubscribeTaskEvents, useTranslateBuiltinPage, useTranslateCustomizedPages, useTranlateComponents, useUploadDeploymentFile, WebsiteAddonContext } from "@rxdrag/website-addon";
 import { InputField, TextareaField, toField, ColorField, SwitchField, SelectField, PasswordField, Form, CheckboxField } from "@rxdrag/fieldy-heroui";
 import { ObjectField, useFormValue, useForm } from "@rxdrag/react-fieldy-pro";
@@ -35,7 +36,6 @@ 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 { isObj, isStr } from "@rxdrag/shared";
 import { TextNodeName, CommentNodeName } from "@rxdrag/schema-pro";
-import gsap$2 from "gsap";
 import { emit, EVENT_ENTITY_POSTED } from "@rxdrag/entify-lib";
 import JSZip from "jszip";
 import { useExportWebsite, useGenerateWebsiteFiles, traverseFiles as traverseFiles$1 } from "@rxdrag/code-generator";
@@ -703,7 +703,10 @@ function newComponentCategoryQueryOptions(themeId) {
       },
       orderBy: [
         {
-          [ComponentCategoryFields.seqValue]: "asc"
+          [ComponentCategoryFields.title]: "asc"
+        },
+        {
+          [ComponentCategoryFields.name]: "asc"
         },
         {
           [ComponentCategoryFields.updatedAt]: "asc"
@@ -717,20 +720,23 @@ function StudioRoot(props) {
   const { theme, children, rootPath, navigate } = props;
   const website = useWebsite();
   const { data: baseLangThemeData, isLoading: baseLangThemeLoading } = useOneThemeBranch(
-    new ThemeBranchQueryOptions([ThemeBranchFields.id, ThemeBranchFields.parentThemeId], {
-      where: {
-        website: {
-          id: {
-            _eq: website == null ? void 0 : website.id
-          }
-        },
-        lang: {
-          id: {
-            _eq: (_a3 = website == null ? void 0 : website.baseLang) == null ? void 0 : _a3.id
+    new ThemeBranchQueryOptions(
+      [ThemeBranchFields.id, ThemeBranchFields.parentThemeId],
+      {
+        where: {
+          website: {
+            id: {
+              _eq: website == null ? void 0 : website.id
+            }
+          },
+          lang: {
+            id: {
+              _eq: (_a3 = website == null ? void 0 : website.baseLang) == null ? void 0 : _a3.id
+            }
           }
         }
       }
-    }).setNoQuery(!(website == null ? void 0 : website.id) || !((_b3 = website == null ? void 0 : website.baseLang) == null ? void 0 : _b3.id))
+    ).setNoQuery(!(website == null ? void 0 : website.id) || !((_b3 = website == null ? void 0 : website.baseLang) == null ? void 0 : _b3.id))
   );
   const { data: pagesData, isLoading: pagesLoading } = usePageList(
     new PageQueryOptions(
@@ -753,7 +759,10 @@ function StudioRoot(props) {
         },
         orderBy: [
           {
-            createdAt: "desc"
+            [PageFields.title]: "asc"
+          },
+          {
+            [PageFields.slug]: "asc"
           }
         ]
       }
@@ -821,7 +830,10 @@ function StudioRoot(props) {
         },
         orderBy: [
           {
-            [FrontComponentFields.seqValue]: "asc"
+            [FrontComponentFields.title]: "asc"
+          },
+          {
+            [FrontComponentFields.name]: "asc"
           },
           {
             [FrontComponentFields.createdAt]: "asc"
@@ -909,6 +921,43 @@ function StudioRoot(props) {
   ] });
 }
 const createAstroRuntime = () => {
+  const AsyncRender = ({ promise }) => {
+    const [node, setNode] = React__default.useState(null);
+    React__default.useEffect(() => {
+      let mounted = true;
+      Promise.resolve(promise).then((res) => {
+        if (!mounted)
+          return;
+        if (React__default.isValidElement(res)) {
+          setNode(res);
+        } else if (res === null || res === void 0) {
+          setNode(React__default.createElement(React__default.Fragment));
+        } else if (typeof res === "string") {
+          setNode(
+            React__default.createElement("div", {
+              style: { display: "contents" },
+              dangerouslySetInnerHTML: { __html: res }
+            })
+          );
+        } else {
+          setNode(
+            React__default.createElement("div", {
+              style: { display: "contents" },
+              dangerouslySetInnerHTML: { __html: String(res) }
+            })
+          );
+        }
+      }).catch(() => {
+        if (!mounted)
+          return;
+        setNode(React__default.createElement(React__default.Fragment));
+      });
+      return () => {
+        mounted = false;
+      };
+    }, [promise]);
+    return node || React__default.createElement(React__default.Fragment);
+  };
   const astroRuntime = {
     // 创建元数据
     createMetadata: (fileURL, metadata) => {
@@ -955,6 +1004,12 @@ const createAstroRuntime = () => {
         if (React__default.isValidElement(renderResult)) {
           return renderResult;
         }
+        if (renderResult) {
+          const maybePromise = renderResult;
+          if (typeof maybePromise.then === "function") {
+            return React__default.createElement(AsyncRender, { promise: renderResult });
+          }
+        }
         console.warn("Render result is not a React element:", renderResult);
         return React__default.createElement(React__default.Fragment);
       };
@@ -1148,6 +1203,19 @@ const createAstroRuntime = () => {
         }
         delete finalProps["class:list"];
       }
+      if ("class" in finalProps) {
+        const cls = String(finalProps["class"]).trim();
+        if (cls) {
+          const existed = finalProps.className ? String(finalProps.className).trim() : "";
+          finalProps.className = existed ? `${existed} ${cls}` : cls;
+        }
+        delete finalProps["class"];
+      }
+      Object.keys(finalProps).forEach((key2) => {
+        if (key2.includes(":") && key2 !== "class:list") {
+          delete finalProps[key2];
+        }
+      });
       if (Component2 && typeof Component2 === "object" && "$$typeof" in Component2) {
         return React__default.createElement(
           Component2,
@@ -1155,17 +1223,27 @@ const createAstroRuntime = () => {
         );
       }
       if (typeof Component2 === "function") {
-        if (Component2.prototype && Component2.prototype.isReactComponent) {
-          return React__default.createElement(
-            Component2,
-            finalProps
-          );
-        }
-        const output = Component2(finalProps);
-        if (React__default.isValidElement(output)) {
-          return output;
-        }
-        return output;
+        const Wrapped = (p2) => {
+          const out = Component2(p2);
+          if (React__default.isValidElement(out))
+            return out;
+          if (out) {
+            const maybePromise = out;
+            if (typeof maybePromise.then === "function") {
+              return React__default.createElement(AsyncRender, { promise: out });
+            }
+          }
+          if (out === null || out === void 0)
+            return React__default.createElement(React__default.Fragment);
+          if (typeof out === "string") {
+            return React__default.createElement("div", {
+              style: { display: "contents" },
+              dangerouslySetInnerHTML: { __html: out }
+            });
+          }
+          return React__default.createElement(React__default.Fragment);
+        };
+        return React__default.createElement(Wrapped, finalProps);
       }
       return Component2;
     },
@@ -1195,24 +1273,31 @@ const createAstroRuntime = () => {
       if (key2.includes(":")) {
         if (key2 === "class:list") {
           const toClassString = (v2) => {
-            if (!v2)
-              return "";
-            if (typeof v2 === "string")
-              return v2;
-            if (Array.isArray(v2)) {
-              return v2.flatMap(
-                (item) => Array.isArray(item) ? item : [item]
-              ).filter(Boolean).map((it) => String(it)).join(" ");
-            }
-            if (typeof v2 === "object") {
-              const classes = [];
-              for (const [k2, val] of Object.entries(v2)) {
-                if (val)
-                  classes.push(k2);
+            const acc = [];
+            const walk2 = (val) => {
+              if (!val)
+                return;
+              if (typeof val === "string" || typeof val === "number") {
+                const s = String(val).trim();
+                if (s)
+                  acc.push(s);
+                return;
               }
-              return classes.join(" ");
-            }
-            return String(v2);
+              if (Array.isArray(val)) {
+                for (const item of val)
+                  walk2(item);
+                return;
+              }
+              if (typeof val === "object") {
+                for (const [k2, truth] of Object.entries(val)) {
+                  if (truth)
+                    acc.push(k2);
+                }
+                return;
+              }
+            };
+            walk2(v2);
+            return acc.join(" ");
           };
           const cls = toClassString(value).replace(/\s*,\s*/g, " ").trim();
           return cls ? ` class="${cls.replace(/"/g, """)}"` : "";
@@ -1291,6 +1376,9 @@ function codeToReact(compiledCode, moduleMgr) {
     if (module2) {
       return module2;
     }
+    if (moduleName.includes("?astro&type=style") || moduleName.endsWith(".css")) {
+      return {};
+    }
     throw new Error(
       `模块未找到: "${moduleName}"
 请确保：
@@ -1335,10 +1423,7 @@ function createAsyncComponent(component, moduleMgr) {
   const cached = componentCache.get(componentName);
   if (cached && updatedAt) {
     if (cached.compiledAt >= updatedAt) {
-      console.log(`[createAsyncComponent] 使用缓存: ${componentName} (cached: ${cached.compiledAt}, updated: ${updatedAt})`);
       return cached.component;
-    } else {
-      console.log(`[createAsyncComponent] 缓存过期: ${componentName} (cached: ${cached.compiledAt}, updated: ${updatedAt})`);
     }
   }
   return function AsyncComponentWrapper(props) {
@@ -1358,12 +1443,10 @@ function createAsyncComponent(component, moduleMgr) {
       let cancelled = false;
       setIsCompiling(true);
       setError(null);
-      console.log(`[createAsyncComponent] 开始编译: ${componentName}, updatedAt: ${updatedAt}`);
       compileAstroToReact(component.code).then((result) => {
         if (!cancelled) {
           setCompileResult(result);
           setIsCompiling(false);
-          console.log(`[createAsyncComponent] 编译完成: ${componentName}`);
         }
       }).catch((err) => {
         if (!cancelled) {
@@ -1473,7 +1556,6 @@ ${code}
           component: Component2,
           compiledAt: updatedAt
         });
-        console.log(`[createAsyncComponent] 缓存组件: ${componentName}`);
       }
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, style: { display: "contents" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Component2, { ...props }) });
     } catch (err) {
@@ -1490,21 +1572,23 @@ const websiteLibCore = {
 const websiteLib = {};
 const _ModuleManager = class _ModuleManager {
   // 私有构造函数，防止外部直接实例化
-  constructor() {
+  constructor(rx) {
     __publicField(this, "components");
     __publicField(this, "parentTheme");
     __publicField(this, "websiteLib");
     __publicField(this, "websiteLibCore");
+    __publicField(this, "lib");
     this.websiteLib = websiteLib;
     this.websiteLibCore = websiteLibCore;
+    this.lib = { rx };
     for (const material of staticMaterials) {
       this.websiteLib[material.componentName] = (material == null ? void 0 : material.preview) || (material == null ? void 0 : material.designer);
     }
   }
   // 获取单例实例
-  static getInstance() {
+  static getInstance(rx) {
     if (!_ModuleManager.instance) {
-      _ModuleManager.instance = new _ModuleManager();
+      _ModuleManager.instance = new _ModuleManager(rx);
     }
     return _ModuleManager.instance;
   }
@@ -1537,6 +1621,18 @@ const _ModuleManager = class _ModuleManager {
     if (moduleName === "@rxdrag/website-lib") {
       return this.websiteLib;
     }
+    if (moduleName === "../lib" || moduleName === "@/lib") {
+      return this.lib;
+    }
+    if (moduleName === "../config/consts" || moduleName === "@/config/consts") {
+      return { FORM_SALT: "" };
+    }
+    if (moduleName === "clsx") {
+      return clsx$1;
+    }
+    if (moduleName === "gsap") {
+      return gsap$2;
+    }
     return null;
   }
   covertComToReact(com) {
@@ -1546,14 +1642,28 @@ const _ModuleManager = class _ModuleManager {
 __publicField(_ModuleManager, "instance");
 let ModuleManager = _ModuleManager;
 function useModuleManager() {
+  var _a3;
   const components = useAllComponents();
   const parentTheme = useParentTheme();
+  const lang = useCurrentLang();
+  const websiteId = (_a3 = useWebsite()) == null ? void 0 : _a3.id;
+  const entifyClient = useCreateEntityClient();
+  const themeStyle = useThemeStyleConfig();
   const moduleMgr = useMemo(() => {
-    const ins = ModuleManager.getInstance();
+    if (!entifyClient) {
+      return null;
+    }
+    const rx = Entify.getInstance({
+      websiteId,
+      entifyServerUrl: entifyClient.getEndpoint(),
+      entifyGuestToken: entifyClient.getToken(),
+      language: lang == null ? void 0 : lang.abbr
+    }, (themeStyle == null ? void 0 : themeStyle.imageSizes) || {});
+    const ins = ModuleManager.getInstance(rx);
     ins.setComponents(components);
     ins.setParentTheme(parentTheme);
     return ins;
-  }, [components, parentTheme]);
+  }, [components, entifyClient, lang == null ? void 0 : lang.abbr, parentTheme, themeStyle == null ? void 0 : themeStyle.imageSizes, websiteId]);
   return moduleMgr;
 }
 const ErrorDisplay = ({ title, message, details }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-4 border border-red-300 bg-red-50 text-red-700 rounded", children: [
@@ -1576,7 +1686,7 @@ function AstroComponentRender(props) {
   const Component2 = useMemo(() => {
     if (!fCom)
       return null;
-    return createAsyncComponent(fCom, moduleMgr);
+    return createAsyncComponent(fCom, moduleMgr || void 0);
   }, [fCom, moduleMgr]);
   if (!fCom) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingDisplay, { message: "组件加载中..." });
@@ -133366,7 +133476,7 @@ registerLanguage({
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
     {
-      return import("./freemarker2-69b6ffda.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-985c1aab.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -133375,7 +133485,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-69b6ffda.js").then((m2) => m2.TagAngleInterpolationDollar);
+      return import("./freemarker2-985c1aab.js").then((m2) => m2.TagAngleInterpolationDollar);
     }
   }
 });
@@ -133384,7 +133494,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-69b6ffda.js").then((m2) => m2.TagBracketInterpolationDollar);
+      return import("./freemarker2-985c1aab.js").then((m2) => m2.TagBracketInterpolationDollar);
     }
   }
 });
@@ -133393,7 +133503,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-69b6ffda.js").then((m2) => m2.TagAngleInterpolationBracket);
+      return import("./freemarker2-985c1aab.js").then((m2) => m2.TagAngleInterpolationBracket);
     }
   }
 });
@@ -133402,7 +133512,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-69b6ffda.js").then((m2) => m2.TagBracketInterpolationBracket);
+      return import("./freemarker2-985c1aab.js").then((m2) => m2.TagBracketInterpolationBracket);
     }
   }
 });
@@ -133411,7 +133521,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-69b6ffda.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-985c1aab.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -133420,7 +133530,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-69b6ffda.js").then((m2) => m2.TagAutoInterpolationBracket);
+      return import("./freemarker2-985c1aab.js").then((m2) => m2.TagAutoInterpolationBracket);
     }
   }
 });
@@ -133470,7 +133580,7 @@ registerLanguage({
   mimetypes: ["text/x-handlebars-template"],
   loader: () => {
     {
-      return import("./handlebars-8734dff3.js");
+      return import("./handlebars-41f9e3d5.js");
     }
   }
 });
@@ -133503,7 +133613,7 @@ registerLanguage({
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
   loader: () => {
     {
-      return import("./html-7079f47c.js");
+      return import("./html-4e07dfcb.js");
     }
   }
 });
@@ -133556,7 +133666,7 @@ registerLanguage({
   mimetypes: ["text/javascript"],
   loader: () => {
     {
-      return import("./javascript-f13d0738.js");
+      return import("./javascript-b8a057c6.js");
     }
   }
 });
@@ -133655,7 +133765,7 @@ registerLanguage({
   mimetypes: ["application/liquid"],
   loader: () => {
     {
-      return import("./liquid-dae34526.js");
+      return import("./liquid-545fa7e1.js");
     }
   }
 });
@@ -133703,7 +133813,7 @@ registerLanguage({
   aliases: ["MDX", "mdx"],
   loader: () => {
     {
-      return import("./mdx-b73e34f7.js");
+      return import("./mdx-23212856.js");
     }
   }
 });
@@ -133962,7 +134072,7 @@ registerLanguage({
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
   loader: () => {
     {
-      return import("./python-e9a25850.js");
+      return import("./python-571a1d38.js");
     }
   }
 });
@@ -134011,7 +134121,7 @@ registerLanguage({
   mimetypes: ["text/x-cshtml"],
   loader: () => {
     {
-      return import("./razor-e614d2cc.js");
+      return import("./razor-5d3d8972.js");
     }
   }
 });
@@ -134347,7 +134457,7 @@ registerLanguage({
   mimetypes: ["text/typescript"],
   loader: () => {
     {
-      return import("./typescript-898ace2f.js");
+      return import("./typescript-70b501c4.js");
     }
   }
 });
@@ -134431,7 +134541,7 @@ registerLanguage({
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
   loader: () => {
     {
-      return import("./xml-6fbbdc9d.js");
+      return import("./xml-e3501494.js");
     }
   }
 });
@@ -134448,7 +134558,7 @@ registerLanguage({
   mimetypes: ["application/x-yaml", "text/x-yaml"],
   loader: () => {
     {
-      return import("./yaml-4f60abdc.js");
+      return import("./yaml-9cffb366.js");
     }
   }
 });
@@ -134572,7 +134682,7 @@ var lessDefaults = new LanguageServiceDefaultsImpl$3(
 monaco_editor_core_exports$3.languages.css = { cssDefaults, lessDefaults, scssDefaults };
 function getMode$3() {
   {
-    return import("./cssMode-3f92f4fd.js");
+    return import("./cssMode-2fab6fd8.js");
   }
 }
 monaco_editor_core_exports$3.languages.onLanguage("less", () => {
@@ -134703,7 +134813,7 @@ monaco_editor_core_exports$2.languages.html = {
 };
 function getMode$2() {
   {
-    return import("./htmlMode-730fac31.js");
+    return import("./htmlMode-f2256fc7.js");
   }
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
@@ -134801,7 +134911,7 @@ var getWorker = () => getMode$1().then((mode) => mode.getWorker());
 monaco_editor_core_exports$1.languages.json = { jsonDefaults, getWorker };
 function getMode$1() {
   {
-    return import("./jsonMode-ed6e2469.js");
+    return import("./jsonMode-a93a3066.js");
   }
 }
 monaco_editor_core_exports$1.languages.register({
@@ -135077,7 +135187,7 @@ monaco_editor_core_exports.languages.typescript = {
 };
 function getMode() {
   {
-    return import("./tsMode-216c78a7.js");
+    return import("./tsMode-715919b3.js");
   }
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => {
@@ -185856,16 +185966,18 @@ function useFrameInitialHTML(option2) {
         ></div>
     </div>`
   } = option2;
+  const tailwindConfigCode = useMemo(() => {
+    const raw2 = (styleConfig == null ? void 0 : styleConfig.tailwindConfig) || "const theme = {}";
+    return raw2.replace(/^\s*export\s+/, "");
+  }, [styleConfig == null ? void 0 : styleConfig.tailwindConfig]);
   const initialHTML = useMemo(
     () => `
   <!DOCTYPE html>
   <html>
   <head>
-    <script src="/tailwind.3.4.16.min.js"><\/script>
-    <link href="/typography.min.css" rel="stylesheet">
     <title>${title || "Canvas"}</title>
     <script>
-     ${(styleConfig == null ? void 0 : styleConfig.tailwindConfig) || "const theme = {}"}
+     ${tailwindConfigCode}
       tailwind.config = {
         darkMode: "class", 
           theme: theme,
@@ -185883,6 +185995,8 @@ function useFrameInitialHTML(option2) {
           ],
       }
     <\/script>
+    <script src="/tailwind.3.4.16.min.js"><\/script>
+    <link href="/typography.min.css" rel="stylesheet">
     <style type="text/tailwindcss">
       ${(styleConfig == null ? void 0 : styleConfig.cssVariants) || ""}
       .rx-node-margin {
@@ -186002,7 +186116,7 @@ function useFrameInitialHTML(option2) {
   `,
     [
       title,
-      styleConfig == null ? void 0 : styleConfig.tailwindConfig,
+      tailwindConfigCode,
       styleConfig == null ? void 0 : styleConfig.cssVariants,
       styleConfig == null ? void 0 : styleConfig.css,
       headPlaceholder,
@@ -198525,6 +198639,10 @@ function PreviewContent(props) {
     };
   }, []);
   const scale = containerWidth ? containerWidth / 800 : 1;
+  const sanitizedTailwindConfig = useMemo(() => {
+    const raw2 = tailwindConfig || "const theme = {}";
+    return raw2.replace(/^\s*export\s+/, "");
+  }, [tailwindConfig]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
@@ -198560,7 +198678,7 @@ function PreviewContent(props) {
                 <meta name="viewport" content="width=device-width, initial-scale=1.0">
                 <title>ThemeBranch Preview</title>
                 <script>
-                  ${tailwindConfig || "const theme = {}"}
+                  ${sanitizedTailwindConfig}
                   tailwind.config = {
                     darkMode: "class", 
                       theme: theme,
@@ -199376,7 +199494,10 @@ function CodeSyncModal(props) {
       "代码同步链接",
       /* @__PURE__ */ jsxRuntimeExports.jsx(ModalClose, {})
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ModalBody, { className: "flex-1 p-3 border-t border-b border-divider gap-4 flex min-h-0 ", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-default-500 border border-divider rounded-md p-2 w-full", children: syncUrl }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalBody, { className: "flex-1 p-3 border-t border-b border-divider gap-4 flex flex-col min-h-0 ", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "flex-1 text-sm text-default-500 border border-divider rounded-md p-2 w-full", children: syncUrl }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-default-500", children: "每个语言，不同的代码" })
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalFooter, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button$2, { onPress: onClose, variant: "flat", children: "关闭" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -203076,16 +203197,7 @@ function ComponentModal(props) {
             ).setNoQuery(!themeId)
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          InputField,
-          {
-            name: "seqValue",
-            label: "顺序",
-            type: "number",
-            labelPlacement: "outside",
-            placeholder: "请输入顺序"
-          }
-        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
         /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxField, { label: "区块", name: "isSectionBlock", children: "是区块" })
       ] })
     }
@@ -203421,16 +203533,6 @@ function ComponentCategoryModal(props) {
             labelPlacement: "outside",
             placeholder: "请输入标题"
           }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          InputField,
-          {
-            name: "seqValue",
-            label: "顺序",
-            type: "number",
-            labelPlacement: "outside",
-            placeholder: "请输入顺序"
-          }
         )
       ] })
     }
@@ -204316,7 +204418,7 @@ function MoreActions() {
     handleConfirm,
     confirmText
   } = useImportTheme();
-  const syncUrl = `${enfityEndPoint}$website$${website == null ? void 0 : website.id}`;
+  const syncUrl = `${enfityEndPoint}$website-theme$${theme == null ? void 0 : theme.id}`;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Dropdown, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -204875,4 +204977,4 @@ export {
   typescriptDefaults as t,
   useCustomizedMaterials as u
 };
-//# sourceMappingURL=index-57fb0e65.js.map
+//# sourceMappingURL=index-c56cb64e.js.map