@rxdrag/website-studio 0.0.59 → 0.0.61

package/dist/{index-f5bad985.js → index-e4647972.js}

@@ -6,7 +6,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 React__default, { createContext, useContext, useMemo, 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 } 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";
@@ -23,21 +23,22 @@ 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";
 import { useTranslateTheme, TaskManager, useSubscribeTaskEvents, useTranslateBuiltinPage, useTranslateCustomizedPages, useTranlateComponents, useUploadDeploymentFile, WebsiteAddonContext } from "@rxdrag/website-addon";
-import { InputField, TextareaField, toField, ColorField, SwitchField, SelectField, PasswordField, Form } from "@rxdrag/fieldy-heroui";
+import { InputField, TextareaField, toField, ColorField, SwitchField, SelectField, PasswordField, Form, CheckboxField } from "@rxdrag/fieldy-heroui";
 import { ObjectField, useFormValue, useForm } from "@rxdrag/react-fieldy-pro";
 import "react-colorful";
 import { motion, AnimatePresence, LazyMotion, m } from "framer-motion";
 import ReactDOM, { createPortal } from "react-dom";
 import { keys } from "lodash-es";
-import { DeployType, useExportWebsite as useExportWebsite$1, useGenerateWebsiteFiles, traverseFiles as traverseFiles$1 } from "@rxdrag/code-generator";
+import { DeployType, predefinedTypes, askForQuote } from "@rxdrag/code-templates";
 import { Designer, useDesignerEngine, useDocumentModified, useClearModified, useDocConfig, useDocumentCode, useViewMode, useGetDocSchemaTree, ViewMode, useRootNode, useActivedDocumentId, 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 { useAiAgent, AiWidget, AiAgentRoot } from "@rxdrag/ai-agent";
 import { useUpsertEntityWithIndicator } from "@rxdrag/rxcms-entify-wrapper";
 import dayjs from "dayjs";
-import { cn as cn$1, Tabs as Tabs$1, TabsList, TabsTrigger, TabsContent, Button as Button$3, Label as Label$1, Input as Input$1, AccordionTrigger, Accordion as Accordion$1, AccordionItem as AccordionItem$1, AccordionContent } 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 { emit, EVENT_ENTITY_POSTED } from "@rxdrag/entify-lib";
+import { useExportWebsite as useExportWebsite$1, useGenerateWebsiteFiles, traverseFiles as traverseFiles$1 } from "@rxdrag/code-generator";
 const StudioContext = createContext({});
 function useAllFrontComponents() {
   var _a3;
@@ -58,15 +59,6 @@ function useSectionComponents() {
     return components == null ? void 0 : components.filter((item) => item.isSectionBlock);
   }, [components]);
 }
-function useFrontComponentsBySectionBlock(isSectionBlock) {
-  var _a3;
-  const components = (_a3 = React__default.useContext(StudioContext)) == null ? void 0 : _a3.components;
-  return useMemo(() => {
-    return components == null ? void 0 : components.filter(
-      (item) => isSectionBlock ? item.isSectionBlock === isSectionBlock : !item.isSectionBlock
-    );
-  }, [components, isSectionBlock]);
-}
 function useAllComponents() {
   const { components, parentTheme } = React__default.useContext(StudioContext);
   return useMemo(() => {
@@ -103,16 +95,6 @@ function useAllComponentCategories() {
   const result = useContext(StudioContext).componentCategories;
   return result;
 }
-function useComponentCategoriesWithSectionBlock(isSectionBlock) {
-  const result = useContext(StudioContext).componentCategories;
-  return useMemo(() => {
-    var _a3;
-    const items = (_a3 = result == null ? void 0 : result.items) == null ? void 0 : _a3.filter(
-      (item) => isSectionBlock ? item.isSectionBlock === isSectionBlock : !item.isSectionBlock
-    );
-    return { ...result, items };
-  }, [result, isSectionBlock]);
-}
 function useSectionCategories() {
   const result = useContext(StudioContext).componentCategories;
   return useMemo(() => {
@@ -136382,7 +136364,7 @@ registerLanguage({
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
     {
-      return import("./freemarker2-e76b71c2.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-fd9b10d3.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -136391,7 +136373,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-e76b71c2.js").then((m2) => m2.TagAngleInterpolationDollar);
+      return import("./freemarker2-fd9b10d3.js").then((m2) => m2.TagAngleInterpolationDollar);
     }
   }
 });
@@ -136400,7 +136382,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-e76b71c2.js").then((m2) => m2.TagBracketInterpolationDollar);
+      return import("./freemarker2-fd9b10d3.js").then((m2) => m2.TagBracketInterpolationDollar);
     }
   }
 });
@@ -136409,7 +136391,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-e76b71c2.js").then((m2) => m2.TagAngleInterpolationBracket);
+      return import("./freemarker2-fd9b10d3.js").then((m2) => m2.TagAngleInterpolationBracket);
     }
   }
 });
@@ -136418,7 +136400,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-e76b71c2.js").then((m2) => m2.TagBracketInterpolationBracket);
+      return import("./freemarker2-fd9b10d3.js").then((m2) => m2.TagBracketInterpolationBracket);
     }
   }
 });
@@ -136427,7 +136409,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-e76b71c2.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-fd9b10d3.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -136436,7 +136418,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-e76b71c2.js").then((m2) => m2.TagAutoInterpolationBracket);
+      return import("./freemarker2-fd9b10d3.js").then((m2) => m2.TagAutoInterpolationBracket);
     }
   }
 });
@@ -136486,7 +136468,7 @@ registerLanguage({
   mimetypes: ["text/x-handlebars-template"],
   loader: () => {
     {
-      return import("./handlebars-1e06e488.js");
+      return import("./handlebars-f1ead386.js");
     }
   }
 });
@@ -136519,7 +136501,7 @@ registerLanguage({
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
   loader: () => {
     {
-      return import("./html-01a2c82d.js");
+      return import("./html-9d030721.js");
     }
   }
 });
@@ -136572,7 +136554,7 @@ registerLanguage({
   mimetypes: ["text/javascript"],
   loader: () => {
     {
-      return import("./javascript-31f976b5.js");
+      return import("./javascript-327c666e.js");
     }
   }
 });
@@ -136671,7 +136653,7 @@ registerLanguage({
   mimetypes: ["application/liquid"],
   loader: () => {
     {
-      return import("./liquid-cf497048.js");
+      return import("./liquid-8243f0d7.js");
     }
   }
 });
@@ -136719,7 +136701,7 @@ registerLanguage({
   aliases: ["MDX", "mdx"],
   loader: () => {
     {
-      return import("./mdx-8494287c.js");
+      return import("./mdx-07e52606.js");
     }
   }
 });
@@ -136978,7 +136960,7 @@ registerLanguage({
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
   loader: () => {
     {
-      return import("./python-7b6d405d.js");
+      return import("./python-53510841.js");
     }
   }
 });
@@ -137027,7 +137009,7 @@ registerLanguage({
   mimetypes: ["text/x-cshtml"],
   loader: () => {
     {
-      return import("./razor-0a925e48.js");
+      return import("./razor-58b7df65.js");
     }
   }
 });
@@ -137363,7 +137345,7 @@ registerLanguage({
   mimetypes: ["text/typescript"],
   loader: () => {
     {
-      return import("./typescript-6fed2f8c.js");
+      return import("./typescript-20c35b0b.js");
     }
   }
 });
@@ -137447,7 +137429,7 @@ registerLanguage({
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
   loader: () => {
     {
-      return import("./xml-7fc2d3d8.js");
+      return import("./xml-3f468811.js");
     }
   }
 });
@@ -137464,7 +137446,7 @@ registerLanguage({
   mimetypes: ["application/x-yaml", "text/x-yaml"],
   loader: () => {
     {
-      return import("./yaml-e8730fef.js");
+      return import("./yaml-699fe7d2.js");
     }
   }
 });
@@ -137588,7 +137570,7 @@ var lessDefaults = new LanguageServiceDefaultsImpl$3(
 monaco_editor_core_exports$3.languages.css = { cssDefaults, lessDefaults, scssDefaults };
 function getMode$3() {
   {
-    return import("./cssMode-09f3d08a.js");
+    return import("./cssMode-93f05de2.js");
   }
 }
 monaco_editor_core_exports$3.languages.onLanguage("less", () => {
@@ -137719,7 +137701,7 @@ monaco_editor_core_exports$2.languages.html = {
 };
 function getMode$2() {
   {
-    return import("./htmlMode-71fa2280.js");
+    return import("./htmlMode-30d0de91.js");
   }
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
@@ -137817,7 +137799,7 @@ var getWorker = () => getMode$1().then((mode) => mode.getWorker());
 monaco_editor_core_exports$1.languages.json = { jsonDefaults, getWorker };
 function getMode$1() {
   {
-    return import("./jsonMode-0ac682a1.js");
+    return import("./jsonMode-5c4ceeca.js");
   }
 }
 monaco_editor_core_exports$1.languages.register({
@@ -138093,7 +138075,7 @@ monaco_editor_core_exports.languages.typescript = {
 };
 function getMode() {
   {
-    return import("./tsMode-a79abe6c.js");
+    return import("./tsMode-9d793b1d.js");
   }
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => {
@@ -188263,8 +188245,8 @@ CMS的网页跟组件的可视化编辑器，使用的是Astro代码作为dsl。
 var ContentType = /* @__PURE__ */ ((ContentType2) => {
   ContentType2["Page"] = "page";
   ContentType2["Component"] = "component";
-  ContentType2["PredefinedPage"] = "predefined-page";
   ContentType2["Template"] = "template";
+  ContentType2["Api"] = "api";
   return ContentType2;
 })(ContentType || {});
 var DrawerConentType = /* @__PURE__ */ ((DrawerConentType2) => {
@@ -188444,7 +188426,7 @@ function PageSaveButton() {
     );
   }, [getSchemaTree, docConfig, page, viewMode, engine, save, docCode]);
   const disabled = !modified;
-  return page && ((selection == null ? void 0 : selection.type) === ContentType.Page || (selection == null ? void 0 : selection.type) === ContentType.PredefinedPage) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return page && ((selection == null ? void 0 : selection.type) === ContentType.Page || (selection == null ? void 0 : selection.type) === ContentType.Api) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
     Button$2,
     {
       size: "sm",
@@ -191619,7 +191601,8 @@ const defaultSchema = {
 const emptyValue = {
   code: "",
   schema: void 0,
-  config: void 0
+  config: void 0,
+  onlyCode: false
 };
 function useSchema(selectedContent) {
   const [content, setContent] = useState(emptyValue);
@@ -191633,10 +191616,11 @@ function useSchema(selectedContent) {
   const templatesRef = useRef(templates);
   templatesRef.current = templates;
   useEffect(() => {
-    var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i3, _j2;
+    var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i3, _j2, _k2;
     let code;
     let hasContent = false;
     let defaultConfig2;
+    let onlyCode = false;
     if ((selectedContent == null ? void 0 : selectedContent.type) === ContentType.Component) {
       const component = (_a3 = componentsRef.current) == null ? void 0 : _a3.find(
         (component2) => component2.id === selectedContent.id
@@ -191645,7 +191629,7 @@ function useSchema(selectedContent) {
         code = component.code;
         hasContent = true;
       }
-    } else if ((selectedContent == null ? void 0 : selectedContent.type) === ContentType.PredefinedPage || (selectedContent == null ? void 0 : selectedContent.type) === ContentType.Page) {
+    } else if ((selectedContent == null ? void 0 : selectedContent.type) === ContentType.Page) {
       const page = (_b3 = pagesRef.current) == null ? void 0 : _b3.find(
         (item) => item.id === selectedContent.id
       );
@@ -191664,8 +191648,14 @@ function useSchema(selectedContent) {
         code = page.code;
         hasContent = true;
       }
+    } else if ((selectedContent == null ? void 0 : selectedContent.type) === ContentType.Api) {
+      onlyCode = true;
+      const page = (_j2 = pagesRef.current) == null ? void 0 : _j2.find(
+        (item) => item.id === selectedContent.id
+      );
+      code = page == null ? void 0 : page.code;
     } else if ((selectedContent == null ? void 0 : selectedContent.type) === ContentType.Template) {
-      const template = (_j2 = templatesRef.current) == null ? void 0 : _j2.find(
+      const template = (_k2 = templatesRef.current) == null ? void 0 : _k2.find(
         (template2) => template2.id === selectedContent.id
       );
       if (template) {
@@ -191673,7 +191663,13 @@ function useSchema(selectedContent) {
         hasContent = true;
       }
     }
-    if (code) {
+    if (onlyCode) {
+      setContent({
+        code: code || "",
+        schema: { ...defaultSchema, children: [] },
+        onlyCode: true
+      });
+    } else if (code) {
       transformCodeToSchema(code).then((value) => {
         setContent({
           schema: { ...defaultSchema, children: (value == null ? void 0 : value.template) || [] },
@@ -191956,7 +191952,7 @@ function StatusBar({ docId }) {
         className: "w-full text-default-500 flex items-center justify-between",
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-            selectedContent && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            selectedContent && (selectedContent == null ? void 0 : selectedContent.type) !== ContentType.Api && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               Button$2,
               {
                 size: "sm",
@@ -198580,6 +198576,9 @@ function ViewModeButtons() {
       setChildren
     ]
   );
+  if ((page == null ? void 0 : page.pageType) === PageType.AskForQuote || (page == null ? void 0 : page.pageType) === PageType.CustomizedApi) {
+    return null;
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       CanvasToolbarButton,
@@ -200242,7 +200241,6 @@ const ThemeToolbar = memo(() => {
         /* @__PURE__ */ jsxRuntimeExports.jsx(RedoUndo, {}),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex gap-1 pr-4 items-center justify-end"), children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(ViewModeButtons, {}),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { orientation: "vertical", className: "h-5" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Button$2, { size: "sm", variant: "bordered", onPress: handleToMockWebsite, children: "主题数据" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "save-action" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(MoreActions$1, {})
@@ -202674,7 +202672,7 @@ function useResetPage() {
   return resetPage;
 }
 function PredefinedPageCard(props) {
-  const { pages, pageType } = props;
+  const { pages, defaultCode, pageType, isApi } = props;
   const [resetting, setResetting] = useState(false);
   const [confirmTitle, setConfirmTitle] = useState(
     void 0
@@ -202696,8 +202694,8 @@ function PredefinedPageCard(props) {
   const resetPage = useResetPage();
   const queryPage = useLazyQueryOneEntity();
   const translatePage = useTranslateBuiltinPage();
-  const confirmResolveRef = useRef();
-  const selected = (selectedContent == null ? void 0 : selectedContent.type) === ContentType.PredefinedPage && (selectedContent == null ? void 0 : selectedContent.id) === (page == null ? void 0 : page.id);
+  const confirmResolveRef = useRef(void 0);
+  const selected = ((selectedContent == null ? void 0 : selectedContent.type) === ContentType.Page || (selectedContent == null ? void 0 : selectedContent.type) === ContentType.Api) && (selectedContent == null ? void 0 : selectedContent.id) === (page == null ? void 0 : page.id);
   const [remove, { isMutating: removing }] = useDeletePageById();
   const website = useWebsite();
   const [save, { isMutating }] = useUpsertOnePage({
@@ -202709,14 +202707,15 @@ function PredefinedPageCard(props) {
     save({
       theme: { sync: { id: theme == null ? void 0 : theme.id } },
       pageType: pageType == null ? void 0 : pageType.pageType,
-      title: pageType == null ? void 0 : pageType.title
+      title: pageType == null ? void 0 : pageType.title,
+      code: defaultCode
     });
   };
   const handleDesign = useCallback(() => {
     if (!selected && (page == null ? void 0 : page.id)) {
       setEditingPage(page);
       setSelectedContent({
-        type: ContentType.PredefinedPage,
+        type: isApi ? ContentType.Api : ContentType.Page,
         id: page == null ? void 0 : page.id,
         breadcrumbs: ["预定义页面", (pageType == null ? void 0 : pageType.title) || ""]
       });
@@ -202728,6 +202727,7 @@ function PredefinedPageCard(props) {
     page,
     setEditingPage,
     setSelectedContent,
+    isApi,
     pageType == null ? void 0 : pageType.title,
     closeDrawer
   ]);
@@ -202959,68 +202959,9 @@ function PredefinedPageCard(props) {
     )
   ] });
 }
-const predefinedTypes = [
-  {
-    title: "首页",
-    pageType: PageType.Home
-  },
-  {
-    title: "文章页",
-    pageType: PageType.Post
-  },
-  {
-    title: "产品页",
-    pageType: PageType.Product
-  },
-  //TODO 暂时不支持文章分类
-  // {
-  //   title: "文章分类页",
-  //   pageType: PageType.PostCategory,
-  // },
-  {
-    title: "文章列表页",
-    pageType: PageType.PostList
-  },
-  //TODO: 产品分类跟产品列表用一也就行
-  {
-    title: "产品分类页",
-    pageType: PageType.ProductCategory
-  },
-  {
-    title: "产品列表页",
-    pageType: PageType.ProductList
-  },
-  {
-    title: "搜索页",
-    pageType: PageType.SearchList
-  },
-  {
-    title: "个人简介页",
-    pageType: PageType.Profile
-  },
-  {
-    title: "感谢页面",
-    pageType: PageType.Thanks
-  },
-  {
-    title: "404页面",
-    pageType: PageType.Page404
-  },
-  {
-    title: "错误页面",
-    pageType: PageType.PageError
-  }
-];
 function PredefinedPages(props) {
   const { pages } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: predefinedTypes.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    PredefinedPageCard,
-    {
-      pages,
-      pageType: item
-    },
-    item.pageType
-  )) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: predefinedTypes.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(PredefinedPageCard, { pages, pageType: item }, item.pageType)) });
 }
 function PageModal(props) {
   const { themeId, onFilter, ...rest } = props;
@@ -203145,7 +203086,7 @@ function PagesModalContent(props) {
   const tranlatePages = useTranslateCustomizedPages();
   const data = useListData();
   const [selection, setSelections] = useSelectionsState() || [];
-  const confirmResolveRef = useRef();
+  const confirmResolveRef = useRef(void 0);
   useEffect(() => {
     var _a4;
     setPagesToImport(
@@ -203239,13 +203180,9 @@ function PagesModalContent(props) {
       confirmResolveRef.current = void 0;
     }
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalHeader, { className: "pr-2", children: [
-      "导入页面",
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ModalClose, {})
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ModalBody, { className: "flex-1 overflow-y-auto min-h-0 p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { className: "px-6 py-4 border-b", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "导入页面" }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto min-h-0 p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       EntityTable,
       {
         "aria-label": "文章列表",
@@ -203260,28 +203197,28 @@ function PagesModalContent(props) {
         ] })
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalFooter, { className: "justify-between", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-default-500 flex items-center gap-2" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogFooter, { className: "px-6 py-4 border-t justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground flex items-center gap-2" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button$2,
+          Button$3,
           {
-            variant: "light",
-            className: "text-default-500",
-            onPress: onClose,
+            type: "button",
+            variant: "outline",
+            onClick: onClose,
             children: "关闭"
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button$2,
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Button$3,
           {
-            variant: "solid",
-            color: "primary",
-            onPress: handleImport,
-            isLoading: importing,
-            isDisabled: !(selection == null ? void 0 : selection.length),
-            children: "导入"
+            type: "button",
+            disabled: importing || !(selection == null ? void 0 : selection.length),
+            onClick: handleImport,
+            children: [
+              importing && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mr-2", children: "⏳" }),
+              "导入"
+            ]
           }
         )
       ] })
@@ -203352,24 +203289,30 @@ function ImportPageModal({ open, onClose }) {
       orderBy
     }).setNoQuery(!(parentTheme == null ? void 0 : parentTheme.id));
   }, [baseThemeId, isBaseLangTheme, parentTheme == null ? void 0 : parentTheme.id]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal$1, { isOpen: open, onClose, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ModalOverlay$1, { className: "z-20" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      QueryListScope,
-      {
-        defaultPageSize: 20,
-        options: queryOptions,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ModalContent$1,
-          {
-            className: "h-[80vh] max-h-[560px] shadow-lg z-20",
-            width: 620,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(PagesModalContent, { onClose })
-          }
-        )
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open, onOpenChange: (isOpen) => !isOpen && onClose(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    QueryListScope,
+    {
+      defaultPageSize: 20,
+      options: queryOptions,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContent, { className: "max-w-[620px] h-[80vh] max-h-[560px] p-0 gap-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PagesModalContent, { onClose }) })
+    }
+  ) });
+}
+function PredefinedApis(props) {
+  const { pages } = props;
+  const defaultCode = useMemo(() => askForQuote.content, []);
+  const item = predefinedTypes.find(
+    (item2) => item2.pageType === PageType.AskForQuote
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    PredefinedPageCard,
+    {
+      isApi: true,
+      pages,
+      pageType: item,
+      defaultCode
+    }
+  );
 }
 function PagesPanel(props) {
   var _a3;
@@ -203416,8 +203359,8 @@ function PagesPanel(props) {
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-default-500  italic mb-2 mt-2", children: "默认页面" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(PredefinedPages, { pages: pages || [] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-default-500  italic mb-2 mt-2", children: "自定义接口" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-default-500  italic mb-2 mt-2", children: "默认接口" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(PredefinedApis, { pages: pages || [] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       ImportPageModal,
       {
@@ -203598,20 +203541,20 @@ function LeftDrawerPannels() {
   ] });
 }
 function ComponentModal(props) {
-  const { isSectionBlock, themeId, categoryId, noCagegory, onFilter, ...rest } = props;
+  const { themeId, categoryId, noCagegory, onFilter, ...rest } = props;
   const webSite = useWebsite();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     EntityEditModal,
     {
       entityName: FrontComponentEntityName,
       entityLabel: "自定义组件",
-      size: "2xl",
       initialValue: {
-        isSectionBlock,
         theme: { id: themeId },
         category: { id: categoryId }
       },
-      zIndexCls: "z-[1000]",
+      classNames: {
+        content: "sm:max-w-[800px]"
+      },
       entityToInput: frontComponentToInput,
       onFilter,
       ...rest,
@@ -203621,6 +203564,7 @@ function ComponentModal(props) {
           {
             name: "name",
             label: "名称",
+            autoFocus: true,
             validateSchema: {
               type: "string",
               required: true
@@ -203632,7 +203576,6 @@ function ComponentModal(props) {
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           InputField,
           {
-            autoFocus: true,
             name: "title",
             label: "标题",
             validateSchema: {
@@ -203653,7 +203596,7 @@ function ComponentModal(props) {
             classNames: {
               label: "text-sm",
               base: "flex-col gap-1",
-              shower: "w-[600px] h-[400px]"
+              shower: "w-[300px] h-[200px]"
             },
             mediaTypes: [MediaType.image]
           }
@@ -203697,7 +203640,8 @@ function ComponentModal(props) {
             labelPlacement: "outside",
             placeholder: "请输入顺序"
           }
-        )
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxField, { label: "区块", name: "isSectionBlock", children: "是区块" })
       ] })
     }
   );
@@ -203801,7 +203745,6 @@ function ComponentList(props) {
   const {
     themeId,
     readonly,
-    isSectionBlock,
     list: list2,
     category,
     newComponent,
@@ -203831,7 +203774,6 @@ function ComponentList(props) {
         !readonly && /* @__PURE__ */ jsxRuntimeExports.jsx(
           ComponentModal,
           {
-            isSectionBlock,
             themeId,
             value: newComponent,
             noCagegory,
@@ -203846,14 +203788,7 @@ function ComponentList(props) {
 const ComponentCategoryNode = memo(
   (props) => {
     var _a3;
-    const {
-      isSectionBlock,
-      category,
-      themeId,
-      readonly,
-      selectedId,
-      onSelect
-    } = props;
+    const { category, themeId, readonly, selectedId, onSelect } = props;
     const [open, setOpen] = React__default.useState(false);
     const website = useWebsite();
     const [remove, { isMutating }] = useRemoveRow({
@@ -203863,7 +203798,7 @@ const ComponentCategoryNode = memo(
     });
     const [newComponent, setNewComponent] = React__default.useState();
     const edit = useEditRow();
-    const components = useFrontComponentsBySectionBlock(isSectionBlock);
+    const components = useAllFrontComponents();
     const componentsInCategory = useMemo(
       () => components == null ? void 0 : components.filter((item) => {
         var _a4;
@@ -203877,11 +203812,10 @@ const ComponentCategoryNode = memo(
     const handleNewComponent = React__default.useCallback(() => {
       setNewComponent({
         category: { id: category.id },
-        theme: { id: themeId },
-        isSectionBlock
+        theme: { id: themeId }
       });
       setOpen(false);
-    }, [category.id, themeId, isSectionBlock]);
+    }, [category.id, themeId]);
     const handleEdit = React__default.useCallback(() => {
       edit();
       setOpen(false);
@@ -203960,7 +203894,6 @@ const ComponentCategoryNode = memo(
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           ComponentList,
           {
-            isSectionBlock,
             category,
             themeId,
             readonly,
@@ -203977,7 +203910,7 @@ const ComponentCategoryNode = memo(
 );
 function ComponentCategoryList(props) {
   var _a3;
-  const { readonly, selectedId, onSelect, isSectionBlock } = props;
+  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;
@@ -203988,15 +203921,14 @@ function ComponentCategoryList(props) {
         themeId: (_b3 = item.theme) == null ? void 0 : _b3.id,
         readonly,
         selectedId,
-        isSectionBlock,
         onSelect: (id) => onSelect == null ? void 0 : onSelect(id, [item.name || ""])
       }
     ) }, item.id);
   }) });
 }
 function ComponentCategoryListScope(props) {
-  const { children, isSectionBlock } = props;
-  const componentCategories = useComponentCategoriesWithSectionBlock(isSectionBlock);
+  const { children } = props;
+  const componentCategories = useAllComponentCategories();
   return componentCategories && /* @__PURE__ */ jsxRuntimeExports.jsx(
     EntityListScope,
     {
@@ -204007,15 +203939,14 @@ function ComponentCategoryListScope(props) {
   );
 }
 function ComponentCategoryModal(props) {
-  const { themeId, onClose, isSectionBlock } = props;
+  const { themeId, onClose } = props;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     EntityEditModal,
     {
       entityName: ComponentCategoryEntityName,
       entityLabel: "组件分类",
       initialValue: {
-        theme: { id: themeId },
-        isSectionBlock
+        theme: { id: themeId }
       },
       entityToInput: componentCategoryToInput,
       onClose,
@@ -204200,7 +204131,6 @@ function useComponentsImportTask() {
   };
 }
 function ImportComponentModal({
-  isSectionBlock,
   open,
   onClose
 }) {
@@ -204237,31 +204167,15 @@ function ImportComponentModal({
     )
   );
   const categories = useMemo(() => {
-    var _a4, _b3;
-    return !isBaseTheme ? ((_a4 = baseTheme == null ? void 0 : baseTheme.componentCategories) == null ? void 0 : _a4.filter(
-      (category) => category.isSectionBlock ? category.isSectionBlock === isSectionBlock : !category.isSectionBlock
-    )) || [] : ((_b3 = parentTheme == null ? void 0 : parentTheme.componentCategories) == null ? void 0 : _b3.filter(
-      (category) => category.isSectionBlock ? category.isSectionBlock === isSectionBlock : !category.isSectionBlock
-    )) || [];
+    return !isBaseTheme ? (baseTheme == null ? void 0 : baseTheme.componentCategories) || [] : (parentTheme == null ? void 0 : parentTheme.componentCategories) || [];
   }, [
     isBaseTheme,
     baseTheme == null ? void 0 : baseTheme.componentCategories,
-    parentTheme == null ? void 0 : parentTheme.componentCategories,
-    isSectionBlock
+    parentTheme == null ? void 0 : parentTheme.componentCategories
   ]);
   const components = useMemo(() => {
-    var _a4, _b3;
-    return !isBaseTheme ? ((_a4 = baseTheme == null ? void 0 : baseTheme.components) == null ? void 0 : _a4.filter(
-      (component) => component.isSectionBlock ? component.isSectionBlock === isSectionBlock : !component.isSectionBlock
-    )) || [] : ((_b3 = parentTheme == null ? void 0 : parentTheme.components) == null ? void 0 : _b3.filter(
-      (component) => component.isSectionBlock ? component.isSectionBlock === isSectionBlock : !component.isSectionBlock
-    )) || [];
-  }, [
-    isBaseTheme,
-    baseTheme == null ? void 0 : baseTheme.components,
-    parentTheme == null ? void 0 : parentTheme.components,
-    isSectionBlock
-  ]);
+    return !isBaseTheme ? (baseTheme == null ? void 0 : baseTheme.components) || [] : (parentTheme == null ? void 0 : parentTheme.components) || [];
+  }, [isBaseTheme, baseTheme == null ? void 0 : baseTheme.components, parentTheme == null ? void 0 : parentTheme.components]);
   const noCategoryComponents = useMemo(() => {
     return components.filter((component) => {
       var _a4;
@@ -204338,40 +204252,45 @@ function ImportComponentModal({
     themeComs,
     translateComponents
   ]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal$1, { isOpen: open, onClose, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ModalOverlay$1, { className: "z-10" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      ModalContent$1,
-      {
-        className: "h-[80vh] shadow-lg border border-divider z-10",
-        width: 600,
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalHeader, { className: "pr-3", children: [
-            isSectionBlock ? "转入区块" : "转入组件",
-            /* @__PURE__ */ jsxRuntimeExports.jsx(ModalClose, {})
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {}),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ModalBody, { className: "flex-1 overflow-y-auto min-h-0 p-2", children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentsSkeletons, {}) : /* @__PURE__ */ jsxRuntimeExports.jsxs(TreeView, { children: [
-            categories == null ? void 0 : categories.map((category) => /* @__PURE__ */ jsxRuntimeExports.jsx(GroupNode, { title: category.name, icon: false, children: components.filter(
-              (component) => {
-                var _a4;
-                return ((_a4 = component.category) == null ? void 0 : _a4.id) === category.id;
-              }
-            ).map((component) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-              LeafNode,
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Dialog,
+    {
+      open,
+      onOpenChange: (isOpen) => !isOpen && onClose(),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "max-w-[600px] h-[80vh] p-0 gap-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full overflow-hidden", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { className: "px-6 py-4 border-b", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "转入组件" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto min-h-0 p-2", children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentsSkeletons, {}) : /* @__PURE__ */ jsxRuntimeExports.jsxs(TreeView, { children: [
+            categories == null ? void 0 : categories.map((category) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+              GroupNode,
               {
-                icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  Checkbox,
-                  {
-                    isSelected: selection.includes(component.id || ""),
-                    onValueChange: () => handleToggleSelect(component.id || "")
+                title: category.name,
+                icon: false,
+                children: components.filter(
+                  (component) => {
+                    var _a4;
+                    return ((_a4 = component.category) == null ? void 0 : _a4.id) === category.id;
                   }
-                ),
-                onClick: () => handleToggleSelect(component.id || ""),
-                children: component.title || component.name
+                ).map((component) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  LeafNode,
+                  {
+                    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Checkbox,
+                      {
+                        isSelected: selection.includes(
+                          component.id || ""
+                        ),
+                        onValueChange: () => handleToggleSelect(component.id || "")
+                      }
+                    ),
+                    onClick: () => handleToggleSelect(component.id || ""),
+                    children: component.title || component.name
+                  },
+                  component.id
+                ))
               },
-              component.id
-            )) }, category.id)),
+              category.id
+            )),
             noCategoryComponents.map((component) => /* @__PURE__ */ jsxRuntimeExports.jsx(
               LeafNode,
               {
@@ -204388,51 +204307,46 @@ function ImportComponentModal({
               component.id
             ))
           ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {}),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(ModalFooter, { className: "justify-between", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-default-500 flex items-center gap-2" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogFooter, { className: "px-6 py-4 border-t justify-between", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground flex items-center gap-2" }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Button$2, { variant: "light", onPress: onClose, children: "关闭" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Button$2,
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Button$3, { type: "button", variant: "outline", onClick: onClose, children: "关闭" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                Button$3,
                 {
-                  variant: "solid",
-                  color: "primary",
-                  onPress: handleImport,
-                  isLoading: loading,
-                  children: "转入"
+                  type: "button",
+                  disabled: loading,
+                  onClick: handleImport,
+                  children: [
+                    loading && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mr-2", children: "⏳" }),
+                    "转入"
+                  ]
                 }
               )
             ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ConfirmDialog,
-            {
-              open: !!confirmTitle,
-              onClose: () => {
-                setConfirmTitle(void 0);
-                if (confirmResolveRef.current) {
-                  confirmResolveRef.current(false);
-                  confirmResolveRef.current = void 0;
-                }
-              },
-              onConfirm: handleConfirm,
-              confirm: confirmTitle
-            }
-          )
-        ]
-      }
-    )
-  ] });
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ConfirmDialog,
+          {
+            open: !!confirmTitle,
+            onClose: () => {
+              setConfirmTitle(void 0);
+              if (confirmResolveRef.current) {
+                confirmResolveRef.current(false);
+                confirmResolveRef.current = void 0;
+              }
+            },
+            onConfirm: handleConfirm,
+            confirm: confirmTitle
+          }
+        )
+      ] })
+    }
+  );
 }
 function ComponentsRootNode(props) {
-  const {
-    themeId,
-    readonly,
-    selectedContent,
-    onSelectContent,
-    isSectionBlock
-  } = props;
+  const { themeId, readonly, selectedContent, onSelectContent, isTheme } = props;
   const [open, setOpen] = React__default.useState(false);
   const [comModalOpen, setComModalOpen] = React__default.useState(false);
   const [newComponent, setNewComponent] = React__default.useState();
@@ -204442,7 +204356,7 @@ function ComponentsRootNode(props) {
   );
   const website = useWebsite();
   const handleNewCagegory = useNewRow();
-  const components = useFrontComponentsBySectionBlock(isSectionBlock);
+  const components = useAllFrontComponents();
   const comsNoCategory = useMemo(
     () => components == null ? void 0 : components.filter((item) => {
       var _a3;
@@ -204452,10 +204366,9 @@ function ComponentsRootNode(props) {
   );
   const handleNewComponent = React__default.useCallback(() => {
     setNewComponent({
-      theme: { id: themeId },
-      isSectionBlock
+      theme: { id: themeId }
     });
-  }, [themeId, isSectionBlock]);
+  }, [themeId]);
   const handleOpenChange = React__default.useCallback((open2) => {
     setOpen(open2);
   }, []);
@@ -204475,21 +204388,17 @@ function ComponentsRootNode(props) {
           id,
           breadcrumbs: [
             "物料库",
-            ...isSectionBlock ? ["区块"] : ["组件"],
             ...breadcrumbs || [],
             (component == null ? void 0 : component.title) || (component == null ? void 0 : component.name) || ""
           ]
         });
       }
     },
-    [
-      setEditingPage,
-      components,
-      setEditingComponent,
-      onSelectContent,
-      isSectionBlock
-    ]
+    [setEditingPage, components, setEditingComponent, onSelectContent]
   );
+  const handleImport = React__default.useCallback(() => {
+    setComModalOpen(true);
+  }, []);
   if (!themeId) {
     return null;
   }
@@ -204497,7 +204406,7 @@ function ComponentsRootNode(props) {
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       GroupNode,
       {
-        title: isSectionBlock ? "区块" : "组件",
+        title: "组件",
         fiexdAction: open,
         icon: null,
         classNames: {
@@ -204532,19 +204441,19 @@ function ComponentsRootNode(props) {
                   {
                     startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(AddIcon$1, { className: "size-4" }),
                     onPress: handleNewComponent,
-                    children: isSectionBlock ? "添加区块" : "添加组件"
+                    children: "添加组件"
                   },
                   "add-component"
                 ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                !isTheme ? /* @__PURE__ */ jsxRuntimeExports.jsx(
                   DropdownItem,
                   {
                     startContent: /* @__PURE__ */ jsxRuntimeExports.jsx(ImportIcon, { className: "size-4" }),
-                    onPress: () => setComModalOpen(true),
-                    children: isSectionBlock ? "转入区块" : "转入组件"
+                    onPress: handleImport,
+                    children: "转入组件"
                   },
                   "import"
-                ),
+                ) : null,
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   DropdownItem,
                   {
@@ -204574,7 +204483,7 @@ function ComponentsRootNode(props) {
                         ]
                       }
                     ),
-                    children: isSectionBlock ? "区块市场" : "组件市场"
+                    children: "组件市场"
                   },
                   "market"
                 )
@@ -204586,7 +204495,6 @@ function ComponentsRootNode(props) {
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ComponentCategoryList,
             {
-              isSectionBlock,
               selectedId: selectedContent == null ? void 0 : selectedContent.id,
               onSelect: handleSelect
             }
@@ -204594,7 +204502,6 @@ function ComponentsRootNode(props) {
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ComponentList,
             {
-              isSectionBlock,
               themeId,
               readonly,
               list: data,
@@ -204607,17 +204514,10 @@ function ComponentsRootNode(props) {
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ComponentCategoryModal,
-      {
-        themeId,
-        isSectionBlock
-      }
-    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentCategoryModal, { themeId }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       ImportComponentModal,
       {
-        isSectionBlock,
         open: comModalOpen,
         onClose: () => setComModalOpen(false)
       }
@@ -204625,7 +204525,7 @@ function ComponentsRootNode(props) {
   ] });
 }
 function ComponentsPanel(props) {
-  const { hidden } = props;
+  const { hidden, isTheme } = props;
   const setDrawerType = useStudioStore((state) => state.setDrawerType);
   const theme = useStudioTheme();
   const selectedContent = useStudioStore((state) => state.selectedContent);
@@ -204639,25 +204539,15 @@ function ComponentsPanel(props) {
     },
     [setDrawerType, setWillSelectedContent]
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("flex-col", hidden ? "hidden" : "flex"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TreeView, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentCategoryListScope, { isSectionBlock: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ComponentsRootNode,
-      {
-        isSectionBlock: true,
-        themeId: theme == null ? void 0 : theme.id,
-        selectedContent,
-        onSelectContent: handleSelection
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentCategoryListScope, { isSectionBlock: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ComponentsRootNode,
-      {
-        themeId: theme == null ? void 0 : theme.id,
-        selectedContent,
-        onSelectContent: handleSelection
-      }
-    ) })
-  ] }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("flex-col", hidden ? "hidden" : "flex"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(TreeView, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentCategoryListScope, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ComponentsRootNode,
+    {
+      themeId: theme == null ? void 0 : theme.id,
+      selectedContent,
+      onSelectContent: handleSelection,
+      isTheme
+    }
+  ) }) }) });
 }
 function LeftDrawer(props) {
   const { isTheme } = props;
@@ -204719,7 +204609,8 @@ function MediaDialog(props) {
   );
 }
 function ThemeDesigner() {
-  const [layersOpen, setLayersOpen] = useState(true);
+  const layersOpen = useStudioStore((state) => state.layersOpen);
+  const setLayersOpen = useStudioStore((state) => state.setLayersOpen);
   const [mediaLibOpen, setMediaLibOpen] = useState(false);
   const drawerType = useStudioStore((state) => state.drawerType);
   const setDrawerType = useStudioStore((state) => state.setDrawerType);
@@ -204738,7 +204629,9 @@ function ThemeDesigner() {
   docIdRef.current = docId;
   const { modified } = useDocumentModified();
   const website = useWebsite();
-  const { schema, code, config: config2 } = useSchema(selectedContent);
+  const { setViewMode } = useViewMode();
+  const content = useSchema(selectedContent);
+  const { schema, code, config: config2, onlyCode } = content;
   const fComs = useAllFrontComponents();
   const selectedComponent = fComs == null ? void 0 : fComs.find(
     (c) => c.id === (selectedContent == null ? void 0 : selectedContent.id) && (selectedContent == null ? void 0 : selectedContent.type) === ContentType.Component
@@ -204757,12 +204650,17 @@ function ThemeDesigner() {
       }
       const documentId = createDocument(schema, code, config2);
       setDocId(documentId || void 0);
+      if (onlyCode) {
+        setViewMode(ViewMode.Code);
+      } else {
+        setViewMode(ViewMode.Design);
+      }
     } else {
       console.log("销毁 document");
       docIdRef.current && removeDocument(docIdRef.current);
       setDocId(void 0);
     }
-  }, [code, config2, createDocument, engine, removeDocument, schema]);
+  }, [code, config2, createDocument, engine, removeDocument, schema, onlyCode, setViewMode]);
   const handleRefChange = useCallback(
     (el) => {
       var _a3, _b3;
@@ -205187,7 +205085,7 @@ function MoreActions() {
   ] });
 }
 const WebsiteToolbar = memo(() => {
-  var _a3, _b3, _c2, _d2;
+  var _a3, _b3, _c2, _d2, _e2, _f2;
   const [isDeploying, setIsDeploying] = useState(false);
   const website = useWebsite();
   const currentLang = useCurrentLang();
@@ -205208,6 +205106,32 @@ const WebsiteToolbar = memo(() => {
   useEffect(() => {
     setSelectedContent(void 0);
   }, [currentLang, setSelectedContent]);
+  const deployToGithub = useCallback(
+    async (isStatic) => {
+      const havap = isStatic;
+      const formData = new FormData();
+      formData.append("websiteId", (website == null ? void 0 : website.id) || "");
+      formData.append("havap", String(havap));
+      const files = await generateWebsiteFiles(isStatic) || [];
+      const zip = new JSZip();
+      traverseFiles$1(files, (file2, fullPath) => {
+        if (file2.type === "folder") {
+          zip.folder(fullPath);
+        } else {
+          zip.file(fullPath, file2.content || "");
+        }
+      });
+      const suffix = isStatic ? "static" : "preview";
+      const file = new File(
+        [await zip.generateAsync({ type: "blob" })],
+        `${(website == null ? void 0 : website.name) || "website"}_${suffix}.zip`,
+        { type: "application/zip" }
+      );
+      formData.append("file", file);
+      await uploadDeploymentFile(formData);
+    },
+    [generateWebsiteFiles, uploadDeploymentFile, website == null ? void 0 : website.id, website == null ? void 0 : website.name]
+  );
   const deployWebsite = useCallback(async () => {
     var _a4, _b4;
     try {
@@ -205231,30 +205155,7 @@ const WebsiteToolbar = memo(() => {
     } finally {
       setIsDeploying(false);
     }
-  }, [website]);
-  const deployToGithub = async (isStatic) => {
-    const havap = isStatic;
-    const formData = new FormData();
-    formData.append("websiteId", (website == null ? void 0 : website.id) || "");
-    formData.append("havap", String(havap));
-    const files = await generateWebsiteFiles(isStatic) || [];
-    const zip = new JSZip();
-    traverseFiles$1(files, (file2, fullPath) => {
-      if (file2.type === "folder") {
-        zip.folder(fullPath);
-      } else {
-        zip.file(fullPath, file2.content || "");
-      }
-    });
-    const suffix = isStatic ? "static" : "preview";
-    const file = new File(
-      [await zip.generateAsync({ type: "blob" })],
-      `${(website == null ? void 0 : website.name) || "website"}_${suffix}.zip`,
-      { type: "application/zip" }
-    );
-    formData.append("file", file);
-    await uploadDeploymentFile(formData);
-  };
+  }, [deployToGithub, (_d2 = (_c2 = website == null ? void 0 : website.settings) == null ? void 0 : _c2.deployConfig) == null ? void 0 : _d2.githubPreviewRepo]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
@@ -205268,39 +205169,30 @@ const WebsiteToolbar = memo(() => {
         ) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(DeviceTabs, {}),
         /* @__PURE__ */ jsxRuntimeExports.jsx(RedoUndo, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            className: cn(
-              "flex gap-1 pr-4 items-center justify-end"
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ViewModeButtons, {}),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { orientation: "vertical", className: "h-5" }),
-              !!((_c2 = website == null ? void 0 : website.langs) == null ? void 0 : _c2.length) && ((_d2 = website == null ? void 0 : website.langs) == null ? void 0 : _d2.length) > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                LangSelect,
-                {
-                  onSelect: (langId) => navigate == null ? void 0 : navigate(`${rootPath}/${website == null ? void 0 : website.id}/lang/${langId}`)
-                }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "save-action" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Button$3,
-                {
-                  size: "sm",
-                  disabled: !previewUrl,
-                  variant: "outline",
-                  onClick: () => {
-                    window.open(previewUrl, "_blank");
-                  },
-                  children: "预览网站"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Button$3, { size: "sm", loading: isDeploying, onClick: deployWebsite, children: "部署网站" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(MoreActions, {})
-            ]
-          }
-        )
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex gap-1 pr-4 items-center justify-end"), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ViewModeButtons, {}),
+          !!((_e2 = website == null ? void 0 : website.langs) == null ? void 0 : _e2.length) && ((_f2 = website == null ? void 0 : website.langs) == null ? void 0 : _f2.length) > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            LangSelect,
+            {
+              onSelect: (langId) => navigate == null ? void 0 : navigate(`${rootPath}/${website == null ? void 0 : website.id}/lang/${langId}`)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "save-action" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button$3,
+            {
+              size: "sm",
+              disabled: !previewUrl,
+              variant: "outline",
+              onClick: () => {
+                window.open(previewUrl, "_blank");
+              },
+              children: "预览网站"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Button$3, { size: "sm", loading: isDeploying, onClick: deployWebsite, children: "部署网站" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(MoreActions, {})
+        ] })
       ]
     }
   );
@@ -205368,8 +205260,10 @@ function WebsiteDesigner(props) {
   const engine = useDesignerEngine();
   const docIdRef = useRef(void 0);
   docIdRef.current = docId;
-  const { schema, code, config: config2 } = useSchema(selectedContent);
+  const content = useSchema(selectedContent);
+  const { schema, code, config: config2, onlyCode } = content;
   const loading = useStudioLoading();
+  const { setViewMode } = useViewMode();
   useCapabilities();
   useEffect(() => {
     if (engine && schema) {
@@ -205380,6 +205274,11 @@ function WebsiteDesigner(props) {
       }
       const documentId = createDocument(schema, code, config2);
       setDocId(documentId || void 0);
+      if (onlyCode) {
+        setViewMode(ViewMode.Code);
+      } else {
+        setViewMode(ViewMode.Design);
+      }
     } else {
       console.log("销毁 document");
       if (docIdRef.current) {
@@ -205388,7 +205287,7 @@ function WebsiteDesigner(props) {
       }
       setDocId(void 0);
     }
-  }, [code, config2, createDocument, engine, removeDocument, schema]);
+  }, [code, config2, createDocument, engine, removeDocument, schema, onlyCode, setViewMode]);
   const handleRefChange = useCallback(
     (el) => {
       var _a3, _b3;
@@ -205535,4 +205434,4 @@ export {
   typescriptDefaults as t,
   useCustomizedMaterials as u
 };
-//# sourceMappingURL=index-f5bad985.js.map
+//# sourceMappingURL=index-e4647972.js.map