@rxdrag/website-studio 0.0.55 → 0.0.56

package/dist/{index-00f0a2d9.js → index-00576497.js}

@@ -7,7 +7,7 @@ var __publicField = (obj, key2, value) => {
 var _a, _b, _c, _d, _e, _f, _g, _h, _i2, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$2, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa;
 import * as React from "react";
 import React__default, { createContext, useMemo, useContext, useCallback, useEffect, memo, useState, useRef, forwardRef as forwardRef$2, Component, useImperativeHandle, isValidElement, cloneElement } from "react";
-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, PageType, websiteToInput, TaskType, LangQueryOptions, WebsiteAssciations, ExtendFieldType, ThemeConfigAssciations, WebsiteSettingsQueryOptions, WebsiteSettingsFields, themeConfigToInputCascade, ThemeConfigEntityName, MediaType, themeConfigToInput, websiteSettingsToInput, WebsiteSettingsEntityName, WebsiteSettingsAssciations, PageEntityName, ThemeBranchEntityName, themeBranchToInputCascade, ThemeQueryOptions, ThemeCategoryFields, FrontComponentEntityName, pageToInputCascade, sectionTemplateToInput, ProductCategoryEntityName, ProductCategoryQueryOptions, ProductCategoryFields, ProductQueryOptions, ProductFields, PublishableStatus, TaskEntityName, ComponentCategoryEntityName, themeBranchToInput, frontComponentToInput, SectionTemplateEntityName, pageToInput, PageMetaQueryOptions, PageMetaFields, PageMetaAssciations, FrontComponentAssciations, componentCategoryToInput, SectionTemplateAssciations, TemplateCategoryEntityName, templateCategoryToInput } from "@rxdrag/rxcms-models";
+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, PageType, websiteToInput, TaskType, LangQueryOptions, WebsiteAssciations, ExtendFieldType, ThemeConfigAssciations, WebsiteSettingsQueryOptions, WebsiteSettingsFields, themeConfigToInputCascade, ThemeConfigEntityName, MediaType, themeConfigToInput, websiteSettingsToInput, WebsiteSettingsEntityName, WebsiteSettingsAssciations, PageEntityName, ThemeBranchEntityName, 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";
@@ -18,7 +18,7 @@ import { PageLoader, PopoverController, ModalController, AnimateController, Tabs
 import gsap$2 from "gsap";
 import { useLazyQueryEntityList, useLazyQueryOneEntity, emitEntityChange, useEntifyEndpoint, useEntifyToken, useCreateEntityClient } from "@rxdrag/entify-hooks";
 import JSZip from "jszip";
-import { useSave, 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, MoreIcon, 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, TemplateIcon, AddTemplateIcon, MediasIcon, LanguageIcon, SettingsMinimalisticIcon, CodeSquareIcon, DownloadIcon, UploadIcon } from "@rxdrag/rxcms-common";
+import { useSave, 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, 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 } from "@iconify/react";
@@ -505,11 +505,11 @@ const componentsQueryOptions = new FrontComponentQueryOptions(
     FrontComponentFields.seqValue,
     FrontComponentFields.updatedAt,
     FrontComponentFields.code,
-    FrontComponentFields.testConfig,
-    FrontComponentFields.props,
+    FrontComponentFields.propsSchema,
+    FrontComponentFields.propsTest,
     FrontComponentFields.slots,
     FrontComponentFields.droppable,
-    FrontComponentFields.complieResult,
+    FrontComponentFields.compileResult,
     FrontComponentFields.updatedAt
   ],
   {
@@ -816,14 +816,14 @@ function StudioRoot(props) {
         FrontComponentFields.seqValue,
         FrontComponentFields.updatedAt,
         FrontComponentFields.code,
-        FrontComponentFields.testConfig,
-        FrontComponentFields.props,
+        FrontComponentFields.propsSchema,
+        FrontComponentFields.propsTest,
         FrontComponentFields.slots,
         FrontComponentFields.droppable,
         FrontComponentFields.isInMarket,
         FrontComponentFields.isSectionBlock,
         FrontComponentFields.parentId,
-        FrontComponentFields.complieResult,
+        FrontComponentFields.compileResult,
         FrontComponentFields.updatedAt
       ],
       {
@@ -1342,7 +1342,7 @@ const _ModuleManager = class _ModuleManager {
   }
   covertComToReact(com) {
     var _a3;
-    const compiledCode = (_a3 = com == null ? void 0 : com.complieResult) == null ? void 0 : _a3.code;
+    const compiledCode = (_a3 = com == null ? void 0 : com.compileResult) == null ? void 0 : _a3.code;
     if (!compiledCode) {
       throw new Error(`组件 ${com.name} 未编译，请先保存组件以生成编译结果`);
     }
@@ -3699,7 +3699,7 @@ const LoadingDisplay = ({ message }) => /* @__PURE__ */ jsxRuntimeExports.jsx("d
 function AstroComponentRender(props) {
   const { componentName, ...componentProps } = props;
   const fCom = useFrontComponent(componentName);
-  const compileResult = fCom == null ? void 0 : fCom.complieResult;
+  const compileResult = fCom == null ? void 0 : fCom.compileResult;
   const moduleMgr = useModuleManager();
   const scriptsWithVars = useMemo(() => {
     if (!(compileResult == null ? void 0 : compileResult.scripts))
@@ -3840,8 +3840,8 @@ function useGetFrontComponents() {
             FrontComponentFields.seqValue,
             FrontComponentFields.updatedAt,
             FrontComponentFields.code,
-            FrontComponentFields.testConfig,
-            FrontComponentFields.props,
+            FrontComponentFields.propsSchema,
+            FrontComponentFields.propsTest,
             FrontComponentFields.slots,
             FrontComponentFields.droppable
           ],
@@ -136381,7 +136381,7 @@ registerLanguage({
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
     {
-      return import("./freemarker2-76b6858d.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-809f7e92.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -136390,7 +136390,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-76b6858d.js").then((m2) => m2.TagAngleInterpolationDollar);
+      return import("./freemarker2-809f7e92.js").then((m2) => m2.TagAngleInterpolationDollar);
     }
   }
 });
@@ -136399,7 +136399,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-76b6858d.js").then((m2) => m2.TagBracketInterpolationDollar);
+      return import("./freemarker2-809f7e92.js").then((m2) => m2.TagBracketInterpolationDollar);
     }
   }
 });
@@ -136408,7 +136408,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-76b6858d.js").then((m2) => m2.TagAngleInterpolationBracket);
+      return import("./freemarker2-809f7e92.js").then((m2) => m2.TagAngleInterpolationBracket);
     }
   }
 });
@@ -136417,7 +136417,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-76b6858d.js").then((m2) => m2.TagBracketInterpolationBracket);
+      return import("./freemarker2-809f7e92.js").then((m2) => m2.TagBracketInterpolationBracket);
     }
   }
 });
@@ -136426,7 +136426,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-76b6858d.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-809f7e92.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -136435,7 +136435,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-76b6858d.js").then((m2) => m2.TagAutoInterpolationBracket);
+      return import("./freemarker2-809f7e92.js").then((m2) => m2.TagAutoInterpolationBracket);
     }
   }
 });
@@ -136485,7 +136485,7 @@ registerLanguage({
   mimetypes: ["text/x-handlebars-template"],
   loader: () => {
     {
-      return import("./handlebars-e03ceb02.js");
+      return import("./handlebars-435daeb8.js");
     }
   }
 });
@@ -136518,7 +136518,7 @@ registerLanguage({
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
   loader: () => {
     {
-      return import("./html-e668fd88.js");
+      return import("./html-c08d0c2f.js");
     }
   }
 });
@@ -136571,7 +136571,7 @@ registerLanguage({
   mimetypes: ["text/javascript"],
   loader: () => {
     {
-      return import("./javascript-256b008b.js");
+      return import("./javascript-eabe9c28.js");
     }
   }
 });
@@ -136670,7 +136670,7 @@ registerLanguage({
   mimetypes: ["application/liquid"],
   loader: () => {
     {
-      return import("./liquid-a834f881.js");
+      return import("./liquid-88c26e28.js");
     }
   }
 });
@@ -136718,7 +136718,7 @@ registerLanguage({
   aliases: ["MDX", "mdx"],
   loader: () => {
     {
-      return import("./mdx-9237a94f.js");
+      return import("./mdx-2fa366c7.js");
     }
   }
 });
@@ -136977,7 +136977,7 @@ registerLanguage({
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
   loader: () => {
     {
-      return import("./python-f0642f2a.js");
+      return import("./python-477e1416.js");
     }
   }
 });
@@ -137026,7 +137026,7 @@ registerLanguage({
   mimetypes: ["text/x-cshtml"],
   loader: () => {
     {
-      return import("./razor-6cfe0935.js");
+      return import("./razor-1fe57a2b.js");
     }
   }
 });
@@ -137362,7 +137362,7 @@ registerLanguage({
   mimetypes: ["text/typescript"],
   loader: () => {
     {
-      return import("./typescript-20834fcb.js");
+      return import("./typescript-db59573b.js");
     }
   }
 });
@@ -137446,7 +137446,7 @@ registerLanguage({
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
   loader: () => {
     {
-      return import("./xml-faee240c.js");
+      return import("./xml-34916896.js");
     }
   }
 });
@@ -137463,7 +137463,7 @@ registerLanguage({
   mimetypes: ["application/x-yaml", "text/x-yaml"],
   loader: () => {
     {
-      return import("./yaml-c459fcdd.js");
+      return import("./yaml-21c57711.js");
     }
   }
 });
@@ -137587,7 +137587,7 @@ var lessDefaults = new LanguageServiceDefaultsImpl$3(
 monaco_editor_core_exports$3.languages.css = { cssDefaults, lessDefaults, scssDefaults };
 function getMode$3() {
   {
-    return import("./cssMode-18541991.js");
+    return import("./cssMode-91c5028f.js");
   }
 }
 monaco_editor_core_exports$3.languages.onLanguage("less", () => {
@@ -137718,7 +137718,7 @@ monaco_editor_core_exports$2.languages.html = {
 };
 function getMode$2() {
   {
-    return import("./htmlMode-0f48cfd2.js");
+    return import("./htmlMode-b275349e.js");
   }
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
@@ -137816,7 +137816,7 @@ var getWorker = () => getMode$1().then((mode) => mode.getWorker());
 monaco_editor_core_exports$1.languages.json = { jsonDefaults, getWorker };
 function getMode$1() {
   {
-    return import("./jsonMode-5da638d3.js");
+    return import("./jsonMode-af4e2a56.js");
   }
 }
 monaco_editor_core_exports$1.languages.register({
@@ -138092,7 +138092,7 @@ monaco_editor_core_exports.languages.typescript = {
 };
 function getMode() {
   {
-    return import("./tsMode-3eb3f6fa.js");
+    return import("./tsMode-41007fbc.js");
   }
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => {
@@ -188365,16 +188365,16 @@ function ComponentSaveButton() {
         }
       );
       const { slots } = splitSchema((json == null ? void 0 : json.children) || []);
-      const complieResult = await compileAstroToReact(code || "");
+      const compileResult = await compileAstroToReact(code || "");
       console.log("====>component slots", slots);
       await save({
         id: component.id,
-        props: component.props,
-        testConfig: component.testConfig,
+        propsSchema: component.propsSchema,
+        propsTest: component.propsTest,
         code,
         slots,
         droppable: component.droppable,
-        complieResult
+        compileResult
       });
     } catch (error) {
       addToast({
@@ -190224,7 +190224,7 @@ const DocCanvas = memo((props) => {
   const astroVariables = useImportVariables();
   const variables = useCalcVariables(
     resource == null ? void 0 : resource.frontmatter,
-    editingComponent == null ? void 0 : editingComponent.testConfig
+    editingComponent == null ? void 0 : editingComponent.propsTest
   );
   const allVariables = useMemo(() => {
     return {
@@ -191501,7 +191501,7 @@ function DocumentPreview() {
     {
       resource,
       schema: treeSchema,
-      astroProps: editingComponent == null ? void 0 : editingComponent.testConfig
+      astroProps: editingComponent == null ? void 0 : editingComponent.propsTest
     }
   );
 }
@@ -199907,8 +199907,51 @@ function traverseFiles(files, callback, parentPath = "") {
     }
   }
 }
+function CodeSyncModal(props) {
+  const { open, onClose, syncUrl } = props;
+  const handleCopyUrl = async () => {
+    try {
+      await navigator.clipboard.writeText(syncUrl || "");
+      addToast({
+        title: "复制链接成功",
+        color: "success"
+      });
+      onClose();
+    } catch (error) {
+      console.error("复制失败:", error);
+      addToast({
+        title: "复制失败",
+        description: "请检查浏览器权限",
+        color: "danger"
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Modal$1, { isOpen: open, onClose, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalContent$1, { className: "h-64 shadow-lg", width: 500, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalHeader, { className: "px-4 pr-3 h-14 ", children: [
+      "代码同步链接",
+      /* @__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(ModalFooter, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Button$2, { onPress: onClose, variant: "flat", children: "关闭" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button$2,
+        {
+          variant: "solid",
+          className: "ml-2",
+          onPress: handleCopyUrl,
+          title: "复制链接",
+          color: "primary",
+          startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(CloneIcon, { className: "size-4" }),
+          children: "复制URL"
+        }
+      )
+    ] })
+  ] }) });
+}
 function MoreActions$1() {
   const [isParentThemeOpen, setIsParentThemeClose] = useState();
+  const [isCodeSyncOpen, setIsCodeSyncOpen] = useState();
   const {
     isOpen: isStyleConfigOpen,
     onOpen: onStyleConfigOpen,
@@ -199917,6 +199960,7 @@ function MoreActions$1() {
   const setConfigType = useStudioStore((state) => state.setConfigType);
   const theme = useStudioTheme();
   const { exportAsZip, isExporting } = useThemeZipExport("theme-" + (theme == null ? void 0 : theme.id));
+  const enfityEndPoint = useEntifyEndpoint();
   const {
     upload,
     isUploading,
@@ -199925,6 +199969,7 @@ function MoreActions$1() {
     handleConfirm,
     confirmText
   } = useImportTheme();
+  const syncUrl = `${enfityEndPoint}$theme-branch$${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(
@@ -200058,6 +200103,15 @@ function MoreActions$1() {
             children: "创建分支"
           },
           "create-branch"
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          DropdownItem,
+          {
+            startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(CodeSyncIcon, { className: "size-5" }),
+            onPress: () => setIsCodeSyncOpen(true),
+            children: "代码同步"
+          },
+          "sync-code"
         )
       ] })
     ] }),
@@ -200085,6 +200139,14 @@ function MoreActions$1() {
         onConfirm: handleConfirm,
         confirm: confirmText
       }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CodeSyncModal,
+      {
+        open: isCodeSyncOpen,
+        onClose: () => setIsCodeSyncOpen(false),
+        syncUrl
+      }
     )
   ] });
 }
@@ -200630,7 +200692,7 @@ function useRegisterComponent(component) {
             componentName: component.name,
             props: {
               //默认属性配置
-              ...component.testConfig
+              ...component.propsTest
             },
             //默认slots
             slots: newSlots,
@@ -200652,7 +200714,7 @@ function useRegisterComponent(component) {
     component.id,
     component.name,
     component.slots,
-    component.testConfig,
+    component.propsTest,
     component.title,
     engine
   ]);
@@ -202398,13 +202460,13 @@ function ComponentSchemaPanel(props) {
 function PropsTest(props) {
   var _a3;
   const { editingComponent, onChangeComponent } = props;
-  const tabs = (_a3 = editingComponent == null ? void 0 : editingComponent.props) == null ? void 0 : _a3.tabs;
+  const tabs = (_a3 = editingComponent == null ? void 0 : editingComponent.propsSchema) == null ? void 0 : _a3.tabs;
   const handleChange = useCallback(
     (value) => {
       onChangeComponent({
         ...editingComponent,
-        testConfig: {
-          ...editingComponent == null ? void 0 : editingComponent.testConfig,
+        propsTest: {
+          ...editingComponent == null ? void 0 : editingComponent.propsTest,
           ...value
         }
       });
@@ -202414,7 +202476,7 @@ function PropsTest(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-2 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     PropTabs,
     {
-      meta: editingComponent == null ? void 0 : editingComponent.testConfig,
+      meta: editingComponent == null ? void 0 : editingComponent.propsTest,
       onMetaChange: handleChange,
       propsSchema: tabs
     }
@@ -204001,8 +204063,8 @@ class ImportComponentsTask {
         title: component.title,
         description: component.description,
         code: component.code,
-        props: component.props,
-        testConfig: component.testConfig
+        propsSchema: component.propsSchema,
+        propsTest: component.propsTest
       });
     });
     this.components = components;
@@ -204031,8 +204093,8 @@ class ImportComponentsTask {
             FrontComponentFields.description,
             FrontComponentFields.title,
             FrontComponentFields.seqValue,
-            FrontComponentFields.testConfig,
-            FrontComponentFields.props
+            FrontComponentFields.propsSchema,
+            FrontComponentFields.propsTest
           ],
           {
             where: {
@@ -204153,8 +204215,8 @@ function ImportComponentModal({
         FrontComponentFields.name,
         FrontComponentFields.title,
         FrontComponentFields.code,
-        FrontComponentFields.props,
-        FrontComponentFields.testConfig,
+        FrontComponentFields.propsSchema,
+        FrontComponentFields.propsTest,
         FrontComponentFields.isInMarket,
         FrontComponentFields.isSectionBlock
       ]).category()
@@ -204548,540 +204610,8 @@ function ComponentsRootNode(props) {
     )
   ] });
 }
-function useRegisterTemplate(template) {
-  const [rxProps, setRxProps] = React__default.useState();
-  const engine = useDesignerEngine();
-  const editingTemplate = useStudioStore((state) => state.editingTemplate);
-  useEffect(() => {
-    if (engine && (editingTemplate == null ? void 0 : editingTemplate.id) !== template.id && template.id) {
-      const code = template.code || "";
-      transformCodeToSchema(code).then((value) => {
-        var _a3;
-        if (!template.id) {
-          return;
-        }
-        engine.getResourceManager().registerResources({
-          name: template.id,
-          title: template.title,
-          elements: (value == null ? void 0 : value.template) || []
-        });
-        const props = (_a3 = engine.getResourceManager().getResourceByName(template.id)) == null ? void 0 : _a3.rxProps;
-        if (props) {
-          setRxProps(props);
-        }
-      });
-      return () => {
-        if (template.id) {
-          engine.getResourceManager().unregisterResources(template.id);
-        }
-      };
-    }
-  }, [engine, template, editingTemplate == null ? void 0 : editingTemplate.id]);
-  return rxProps;
-}
-function TemplateNode(props) {
-  const { template, readonly, selectedId, onSelect } = props;
-  const [open, setOpen] = React__default.useState(false);
-  const [remove, { isMutating }] = useRemoveRow();
-  const edit = useEditRow();
-  const rxProps = useRegisterTemplate(template);
-  const handleOpenChange = React__default.useCallback((open2) => {
-    setOpen(open2);
-  }, []);
-  const handleDesign = React__default.useCallback(() => {
-    onSelect == null ? void 0 : onSelect(template.id || null);
-  }, [onSelect, template.id]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    LeafNode,
-    {
-      fiexdAction: open || isMutating,
-      hover: open || isMutating,
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(TemplateIcon, { className: "size-4" }),
-      className: "text-sm",
-      selected: selectedId === template.id,
-      actions: !readonly && /* @__PURE__ */ jsxRuntimeExports.jsxs(Dropdown, { onOpenChange: handleOpenChange, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button$2,
-          {
-            isLoading: isMutating,
-            isIconOnly: true,
-            variant: "light",
-            size: "sm",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Icon,
-              {
-                icon: "mdi:more-horiz",
-                className: "size-5 text-default-600"
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu$1, { "aria-label": "Actions", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DropdownItem,
-            {
-              startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(DesignIcon, { className: "size-4" }),
-              onPress: handleDesign,
-              children: "设计"
-            },
-            "design"
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DropdownItem,
-            {
-              startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(EditIcon, { className: "size-4" }),
-              onPress: edit,
-              children: "编辑"
-            },
-            "edit"
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DropdownItem,
-            {
-              color: "danger",
-              startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(RemoveIcon, { className: "size-4" }),
-              onPress: () => remove(),
-              children: "删除"
-            },
-            "remove"
-          )
-        ] })
-      ] }),
-      ...rxProps,
-      children: template.title || ""
-    }
-  );
-}
-function TemplateModal(props) {
-  const { themeId, categoryId, noCagegory, onFilter, ...rest } = props;
-  const webSite = useWebsite();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    EntityEditModal,
-    {
-      entityName: SectionTemplateEntityName,
-      entityLabel: "区块模板",
-      initialValue: {
-        theme: { id: themeId },
-        category: { id: categoryId }
-      },
-      zIndexCls: "z-[1000]",
-      entityToInput: sectionTemplateToInput,
-      onFilter,
-      ...rest,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          InputField,
-          {
-            autoFocus: true,
-            name: "title",
-            label: "标题",
-            validateSchema: {
-              type: "string",
-              required: true
-            },
-            labelPlacement: "outside",
-            placeholder: "请输入标题"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          MediaSingleSelectField,
-          {
-            name: SectionTemplateAssciations.cover,
-            label: "缩略图",
-            websiteId: webSite == null ? void 0 : webSite.id,
-            classNames: {
-              label: "text-sm",
-              base: "flex-col gap-1 w-2/3",
-              shower: "aspect-[3/2] w-[600px] h-[400px]"
-            },
-            mediaTypes: [MediaType.image]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          TextareaField,
-          {
-            name: "description",
-            label: "描述",
-            labelPlacement: "outside",
-            placeholder: "请输入描述"
-          }
-        ),
-        !noCagegory && !categoryId && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          EntitySelectField,
-          {
-            name: "category.id",
-            label: "分类",
-            placeholder: "请选择分类",
-            queryOptions: new TemplateCategoryQueryOptions(
-              [TemplateCategoryFields.id, TemplateCategoryFields.name],
-              {
-                where: {
-                  theme: {
-                    id: {
-                      _eq: themeId
-                    }
-                  }
-                }
-              }
-            )
-          }
-        )
-      ] })
-    }
-  );
-}
-function TemplateList(props) {
-  var _a3;
-  const {
-    themeId,
-    readonly,
-    list: list2,
-    category,
-    newTemplate,
-    noCagegory,
-    selectedId,
-    onSelect,
-    onClearNewTemplate
-  } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    EntityListScope,
-    {
-      entityName: SectionTemplateEntityName,
-      data: list2,
-      children: [
-        (_a3 = list2 == null ? void 0 : list2.items) == null ? void 0 : _a3.map((item) => {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(EntityRowScope, { row: item, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            TemplateNode,
-            {
-              template: item,
-              readonly,
-              selectedId,
-              categoryId: category == null ? void 0 : category.id,
-              onSelect
-            }
-          ) }, item.id);
-        }),
-        !readonly && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          TemplateModal,
-          {
-            themeId,
-            value: newTemplate,
-            noCagegory,
-            onClose: onClearNewTemplate,
-            categoryId: category == null ? void 0 : category.id
-          }
-        )
-      ]
-    }
-  );
-}
-const TemplateCategoryNode = memo(
-  (props) => {
-    var _a3;
-    const { category, themeId, readonly, selectedId, onSelect } = props;
-    const [open, setOpen] = React__default.useState(false);
-    const [remove, { isMutating }] = useRemoveRow({
-      onSuccess: () => {
-        emitEntityChange(SectionTemplateEntityName);
-      }
-    });
-    const [newTemplate, setNewTemplate] = React__default.useState();
-    const edit = useEditRow();
-    const templates = useSectionTemplates();
-    const templatesInCategory = useMemo(
-      () => templates == null ? void 0 : templates.filter(
-        (item) => {
-          var _a4;
-          return ((_a4 = item.category) == null ? void 0 : _a4.id) === category.id;
-        }
-      ),
-      [templates, category.id]
-    );
-    const handleOpenChange = React__default.useCallback((open2) => {
-      setOpen(open2);
-    }, []);
-    const handleNewTemplate = React__default.useCallback(() => {
-      setNewTemplate({
-        category: { id: category.id },
-        theme: { id: themeId }
-      });
-      setOpen(false);
-    }, [category.id, themeId]);
-    const handleEdit = React__default.useCallback(() => {
-      edit();
-      setOpen(false);
-    }, [edit]);
-    const data = useMemo(() => {
-      return {
-        items: templatesInCategory
-      };
-    }, [templatesInCategory]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      GroupNode,
-      {
-        title: category.name,
-        fiexdAction: open || isMutating,
-        icon: null,
-        classNames: {
-          title: "text-sm"
-        },
-        defaultExpanded: !!((_a3 = data.items) == null ? void 0 : _a3.find((item) => item.id === selectedId)),
-        action: !readonly && /* @__PURE__ */ jsxRuntimeExports.jsxs(Dropdown, { onOpenChange: handleOpenChange, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Button$2,
-            {
-              isLoading: isMutating,
-              isIconOnly: true,
-              variant: "light",
-              size: "sm",
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Icon,
-                {
-                  icon: "mdi:more-horiz",
-                  className: "size-5 text-default-600"
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu$1, { "aria-label": "Actions", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              DropdownItem,
-              {
-                startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(AddTemplateIcon, { className: "size-4" }),
-                onPress: handleNewTemplate,
-                children: "添加模板"
-              },
-              "add"
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              DropdownItem,
-              {
-                startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(EditIcon, { className: "size-4" }),
-                showDivider: true,
-                onPress: handleEdit,
-                children: "编辑"
-              },
-              "edit"
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              DropdownItem,
-              {
-                color: "danger",
-                startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(RemoveIcon, { className: "size-4" }),
-                onPress: () => remove(),
-                children: "删除"
-              },
-              "remove"
-            )
-          ] })
-        ] }),
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          TemplateList,
-          {
-            category,
-            themeId,
-            readonly,
-            list: data,
-            newTemplate,
-            selectedId,
-            onSelect,
-            onClearNewTemplate: () => setNewTemplate(void 0)
-          }
-        )
-      }
-    );
-  }
-);
-function TemplateCategoryModal(props) {
-  const { themeId, onClose } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    EntityEditModal,
-    {
-      entityName: TemplateCategoryEntityName,
-      entityLabel: "模板分类",
-      initialValue: {
-        theme: { id: themeId }
-      },
-      entityToInput: templateCategoryToInput,
-      onClose,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          InputField,
-          {
-            name: "name",
-            label: "名称",
-            validateSchema: {
-              type: "string",
-              required: true
-            },
-            labelPlacement: "outside",
-            placeholder: "请输入名称"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          InputField,
-          {
-            name: "seqValue",
-            label: "顺序",
-            type: "number",
-            labelPlacement: "outside",
-            placeholder: "请输入顺序"
-          }
-        )
-      ] })
-    }
-  );
-}
-function TemplateCategoryList(props) {
-  var _a3;
-  const { readonly, selectedId, onSelect } = props;
-  const data = useListData();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: (_a3 = data == null ? void 0 : data.items) == null ? void 0 : _a3.map((item) => {
-    var _a4, _b3;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(EntityRowScope, { row: item, children: ((_a4 = item.theme) == null ? void 0 : _a4.id) && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      TemplateCategoryNode,
-      {
-        category: item,
-        themeId: (_b3 = item.theme) == null ? void 0 : _b3.id,
-        readonly,
-        selectedId,
-        onSelect: (id) => onSelect == null ? void 0 : onSelect(id, [item.name || ""])
-      }
-    ) }, item.id);
-  }) });
-}
-function TemplatesRootNode(props) {
-  const { themeId, readonly, selectedContent, onSelectContent } = props;
-  const [open, setOpen] = React__default.useState(false);
-  const [newTemplate, setNewTemplate] = React__default.useState();
-  const setEditingPage = useStudioStore((state) => state.setEditingPage);
-  const setEditingTemplate = useStudioStore(
-    (state) => state.setEditingTemplate
-  );
-  const handleNewCagegory = useNewRow();
-  const templates = useSectionTemplates();
-  const templatesNoCategory = useMemo(
-    () => templates == null ? void 0 : templates.filter((item) => {
-      var _a3;
-      return !((_a3 = item.category) == null ? void 0 : _a3.id);
-    }),
-    [templates]
-  );
-  const handleNewTemplate = React__default.useCallback(() => {
-    setNewTemplate({
-      theme: { id: themeId }
-    });
-  }, [themeId]);
-  const handleOpenChange = React__default.useCallback((open2) => {
-    setOpen(open2);
-  }, []);
-  const data = useMemo(() => {
-    return {
-      items: templatesNoCategory
-    };
-  }, [templatesNoCategory]);
-  const handleSelect = React__default.useCallback(
-    (id, breadcrumbs) => {
-      setEditingPage(void 0);
-      const template = templates == null ? void 0 : templates.find((item) => item.id === id);
-      setEditingTemplate(template);
-      if (id) {
-        onSelectContent == null ? void 0 : onSelectContent({
-          type: ContentType.Template,
-          id,
-          breadcrumbs: [
-            "区块模板",
-            ...breadcrumbs || [],
-            (template == null ? void 0 : template.title) || ""
-          ]
-        });
-      }
-    },
-    [setEditingPage, templates, setEditingTemplate, onSelectContent]
-  );
-  if (!themeId) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      GroupNode,
-      {
-        title: "区块模板",
-        fiexdAction: open,
-        icon: null,
-        classNames: {
-          title: "text-sm font-semibold"
-        },
-        defaultExpanded: (selectedContent == null ? void 0 : selectedContent.type) === ContentType.Template,
-        action: /* @__PURE__ */ jsxRuntimeExports.jsxs(Dropdown, { onOpenChange: handleOpenChange, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$2, { size: "sm", variant: "light", isIconOnly: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Icon,
-            {
-              icon: "mdi:more-horiz",
-              className: "size-5 text-default-600"
-            }
-          ) }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu$1, { "aria-label": "区块模板菜单", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              DropdownItem,
-              {
-                startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(AddFolderIcon, { className: "size-4" }),
-                onPress: () => handleNewCagegory(),
-                children: "添加分类"
-              },
-              "add-category"
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              DropdownItem,
-              {
-                startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(AddTemplateIcon, { className: "size-4" }),
-                onPress: handleNewTemplate,
-                children: "添加模板"
-              },
-              "add-template"
-            )
-          ] })
-        ] }),
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            TemplateCategoryList,
-            {
-              selectedId: selectedContent == null ? void 0 : selectedContent.id,
-              onSelect: handleSelect
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            TemplateList,
-            {
-              themeId,
-              readonly,
-              list: data,
-              newTemplate,
-              selectedId: selectedContent == null ? void 0 : selectedContent.id,
-              onSelect: handleSelect,
-              onClearNewTemplate: () => setNewTemplate(void 0)
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(TemplateCategoryModal, { themeId })
-  ] });
-}
-function TemplateCategoryListScope(props) {
-  const { children } = props;
-  const templateCategories = useTemplateCategories();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    EntityListScope,
-    {
-      data: templateCategories,
-      entityName: TemplateCategoryEntityName,
-      children
-    }
-  );
-}
 function ComponentsPanel(props) {
-  const { hidden, isTheme } = props;
+  const { hidden } = props;
   const setDrawerType = useStudioStore((state) => state.setDrawerType);
   const theme = useStudioTheme();
   const selectedContent = useStudioStore((state) => state.selectedContent);
@@ -205096,14 +204626,6 @@ function ComponentsPanel(props) {
     [setDrawerType, setWillSelectedContent]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("flex-col", hidden ? "hidden" : "flex"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TreeView, { children: [
-    isTheme && /* @__PURE__ */ jsxRuntimeExports.jsx(TemplateCategoryListScope, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      TemplatesRootNode,
-      {
-        themeId: theme == null ? void 0 : theme.id,
-        selectedContent,
-        onSelectContent: handleSelection
-      }
-    ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentCategoryListScope, { isSectionBlock: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       ComponentsRootNode,
       {
@@ -205417,6 +204939,7 @@ function DownloadCodeModal(props) {
 }
 function MoreActions() {
   var _a3;
+  const [isCodeSyncOpen, setIsCodeSyncOpen] = useState();
   const [isDownloadOpen, setIsDownloadOpen] = useState(false);
   const [parentThemeOpen, setParentThemeOpen] = useState(false);
   const [styleConfigOpen, setStyleConfigOpen] = useState(false);
@@ -205424,6 +204947,7 @@ function MoreActions() {
   const isBaseLangTheme = useIsBaseLangTheme();
   const theme = useStudioTheme();
   const website = useWebsite();
+  const enfityEndPoint = useEntifyEndpoint();
   const { exportAsZip, isExporting } = useThemeZipExport(
     `website-${website == null ? void 0 : website.name}-` + ((_a3 = theme == null ? void 0 : theme.lang) == null ? void 0 : _a3.abbr)
   );
@@ -205435,6 +204959,7 @@ function MoreActions() {
     handleConfirm,
     confirmText
   } = useImportTheme();
+  const syncUrl = `${enfityEndPoint}$website$${website == null ? void 0 : website.id}`;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Dropdown, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -205591,6 +205116,15 @@ function MoreActions() {
                 children: "网站导入"
               },
               "import-website"
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DropdownItem,
+              {
+                startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(CodeSyncIcon, { className: "size-5" }),
+                onPress: () => setIsCodeSyncOpen(true),
+                children: "代码同步"
+              },
+              "sync-code"
             )
           ]
         }
@@ -205627,6 +205161,14 @@ function MoreActions() {
         isOpen: isDownloadOpen,
         onClose: () => setIsDownloadOpen(false)
       }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CodeSyncModal,
+      {
+        open: isCodeSyncOpen,
+        onClose: () => setIsCodeSyncOpen(false),
+        syncUrl
+      }
     )
   ] });
 }
@@ -205967,4 +205509,4 @@ export {
   typescriptDefaults as t,
   useCustomizedMaterials as u
 };
-//# sourceMappingURL=index-00f0a2d9.js.map
+//# sourceMappingURL=index-00576497.js.map