@rxdrag/website-studio 0.0.78 → 0.0.80

package/dist/{index-b0c38706.js → index-b3469a2e.js}

@@ -15,7 +15,7 @@ import { compileAstroToReact, transformSchemaToCode, extractVariables, isExpress
 import clsx$1 from "clsx";
 import { useDesignerEngine, useActivedDocumentId, Designer, useDocumentModified, useClearModified, useDocConfig, useDocumentCode, useViewMode, useGetDocSchemaTree, ViewMode, useRootNode, IFrameCanvasImpl, KeyboardDriver, DragDropDriver, DragOverDriver, MouseClickDriver, MouseMoveDriver, MouseOverOutDriver, CanvasResizeDriver, CanvasScrollDriver, MouseUpDriver, useDragStore, RelativePosition, AcceptType, useCurrentNode, useSelectedElementsRectsInIframe, useActivedElementRect, useActivedId, useTreeNode, useChangeNodeMeta, useNodeMeta, createNodeHandlerProps, useSelection, useBackup, useSetInsertTargetWithPosition, useComponentOperationStore, NodeRelativePosition, TabType, InsertMode, useGetNode, useNodeMove, useClone, useRemoveSelectedNodes, useSelectedNode, useSelectedParent, useSelectParent, MouseMoveEvent, useCodeModified, RXID_ATTR_NAME, useSchemaTree, useSetChildren, useSetDocConfig, useDeviceType, DeviceType, useHistory, useResourceNode, useCanAccept, useConfigModified, useCreateDocument, useRemoveDocument, ContainerImpl, DocumentRoot } from "@rxdrag/rxcraft";
 import { staticMaterials, AddablePlaceHolder, ViewKeyProvider, ComponentTreeWidget, VariableProvider, setters, DEFUALT_DEVICE_MAP, DEFAULT_SMALLEST_DEVICE, MetaEdittingProvider, useVariables, useExecuteExpression, classListToClassName, expressionAndName, expressionTernaryName, expressionLoopName, useViewKey, slotContentName } from "@rxdrag/website-materials";
-import { Icon, Entify, PageLoader, PopoverController, ModalController, AnimateController, TabsController, NumberController, FlipController, CollapseController, AosController, DEFAULT_SAMLL, DEFAULT_MEDIUM, DEFAULT_LARGE, DEFAULT_PRODUCT_IMAGE_SIZE, DEFAULT_PRODUCT_THUMBNAIL_IMAGE_SIZE, DEFAULT_POST_IMAGE_SIZE, DEFAULT_POST_THUMBNAIL_IMAGE_SIZE } from "@rxdrag/website-lib-core";
+import { Icon, Entify, useScroll, PageLoader, PopoverController, ModalController, AnimateController, TabsController, NumberController, FlipController, CollapseController, AosController, DEFAULT_SAMLL, DEFAULT_MEDIUM, DEFAULT_LARGE, DEFAULT_PRODUCT_IMAGE_SIZE, DEFAULT_PRODUCT_THUMBNAIL_IMAGE_SIZE, DEFAULT_POST_IMAGE_SIZE, DEFAULT_POST_THUMBNAIL_IMAGE_SIZE } from "@rxdrag/website-lib-core";
 import gsap$2 from "gsap";
 import { useCreateEntityClient, useLazyQueryOneEntity, emitEntityChange, useEntifyEndpoint, useEntifyToken } from "@rxdrag/entify-hooks";
 import { CheckCircleIcon as CheckCircleIcon$1, CloseIcon, ModalBody, AddIcon as AddIcon$1, TaskStopIcon, AiStarIcon, ConfirmDialog, SettingsIcon, ModalFooter, FavouriteIcon, LightIcon, DarkIcon, EditIcon, TextInput, Drawer, ModalHeader, ModalClose, SearchIcon, ModalContent as ModalContent$1, Modal as Modal$1, ModalOverlay as ModalOverlay$1, WarningIcon, PinIcon, ErrorBoundary, CloneIcon, RemoveIcon, MonacoEditor, RunningIcon, StyledTooltip, PlayIcon, getTheFile, useSave, MoreIcon, CodeSyncIcon, Logo, PagesIcon, WidgetIcon, SeoIcon, TextIcon, HeadingIcon, StarIcon, ImageIcon, VideoIcon, SplineIcon, CardIcon, TableIcon, GridIcon, BoxIcon, DividerIcon, SpacerIcon, SlotIcon, LinkIcon, BreadcrumbIcon, TabsIcon, CarouselIcon, PopoverIcon, ModalIcon, FormIcon, LeafNode, GroupNode, TreeView, DesignIcon, ResetIcon, ImportIcon, AstroIcon, AddFolderIcon, MediasIcon, LanguageIcon, SettingsMinimalisticIcon, CodeSquareIcon, DownloadIcon, UploadIcon } from "@rxdrag/rxcms-common";
@@ -1142,7 +1142,9 @@ const createAstroRuntime = () => {
                   const propName = attrKey === "class" ? "className" : attrKey;
                   props[propName] = attrValue;
                 });
-              } else {
+              } else if (attr.name === "style")
+                ;
+              else {
                 const name = attr.name === "class" ? "className" : attr.name;
                 const lowerName = attr.name.toLowerCase();
                 if (booleanAttrs.has(lowerName)) {
@@ -1152,6 +1154,19 @@ const createAstroRuntime = () => {
                 }
               }
             });
+            if (element2.style.length > 0) {
+              const styleObj = {};
+              for (let i2 = 0; i2 < element2.style.length; i2++) {
+                const key22 = element2.style[i2];
+                const value = element2.style.getPropertyValue(key22);
+                const camelKey = key22.replace(
+                  /-([a-z])/g,
+                  (g2) => g2[1].toUpperCase()
+                );
+                styleObj[camelKey] = value;
+              }
+              props.style = styleObj;
+            }
             if (element2.tagName.toLowerCase() === "video") {
               if (props.autoplay || props.autoPlay) {
                 props.muted = true;
@@ -1217,12 +1232,34 @@ const createAstroRuntime = () => {
         }
       });
       if (Component2 && typeof Component2 === "object" && "$$typeof" in Component2) {
+        if (finalProps.style && typeof finalProps.style === "string") {
+          const styleObj = {};
+          finalProps.style.split(";").forEach((rule) => {
+            const [key2, value] = rule.split(":");
+            if (key2 && value) {
+              const camelKey = key2.trim().replace(/-([a-z])/g, (g2) => g2[1].toUpperCase());
+              styleObj[camelKey] = value.trim();
+            }
+          });
+          finalProps.style = styleObj;
+        }
         return React__default.createElement(
           Component2,
           finalProps
         );
       }
       if (typeof Component2 === "function") {
+        if (finalProps.style && typeof finalProps.style === "string") {
+          const styleObj = {};
+          finalProps.style.split(";").forEach((rule) => {
+            const [key2, value] = rule.split(":");
+            if (key2 && value) {
+              const camelKey = key2.trim().replace(/-([a-z])/g, (g2) => g2[1].toUpperCase());
+              styleObj[camelKey] = value.trim();
+            }
+          });
+          finalProps.style = styleObj;
+        }
         const Wrapped = (p2) => {
           const out = Component2(p2);
           if (React__default.isValidElement(out))
@@ -133476,7 +133513,7 @@ registerLanguage({
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
     {
-      return import("./freemarker2-b418373b.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-d91cd881.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -133485,7 +133522,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-b418373b.js").then((m2) => m2.TagAngleInterpolationDollar);
+      return import("./freemarker2-d91cd881.js").then((m2) => m2.TagAngleInterpolationDollar);
     }
   }
 });
@@ -133494,7 +133531,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-b418373b.js").then((m2) => m2.TagBracketInterpolationDollar);
+      return import("./freemarker2-d91cd881.js").then((m2) => m2.TagBracketInterpolationDollar);
     }
   }
 });
@@ -133503,7 +133540,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-b418373b.js").then((m2) => m2.TagAngleInterpolationBracket);
+      return import("./freemarker2-d91cd881.js").then((m2) => m2.TagAngleInterpolationBracket);
     }
   }
 });
@@ -133512,7 +133549,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-b418373b.js").then((m2) => m2.TagBracketInterpolationBracket);
+      return import("./freemarker2-d91cd881.js").then((m2) => m2.TagBracketInterpolationBracket);
     }
   }
 });
@@ -133521,7 +133558,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
     {
-      return import("./freemarker2-b418373b.js").then((m2) => m2.TagAutoInterpolationDollar);
+      return import("./freemarker2-d91cd881.js").then((m2) => m2.TagAutoInterpolationDollar);
     }
   }
 });
@@ -133530,7 +133567,7 @@ registerLanguage({
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
     {
-      return import("./freemarker2-b418373b.js").then((m2) => m2.TagAutoInterpolationBracket);
+      return import("./freemarker2-d91cd881.js").then((m2) => m2.TagAutoInterpolationBracket);
     }
   }
 });
@@ -133580,7 +133617,7 @@ registerLanguage({
   mimetypes: ["text/x-handlebars-template"],
   loader: () => {
     {
-      return import("./handlebars-a6c2c4c3.js");
+      return import("./handlebars-61fc54ed.js");
     }
   }
 });
@@ -133613,7 +133650,7 @@ registerLanguage({
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
   loader: () => {
     {
-      return import("./html-b6714726.js");
+      return import("./html-1369577f.js");
     }
   }
 });
@@ -133666,7 +133703,7 @@ registerLanguage({
   mimetypes: ["text/javascript"],
   loader: () => {
     {
-      return import("./javascript-d2dc0138.js");
+      return import("./javascript-871e0438.js");
     }
   }
 });
@@ -133765,7 +133802,7 @@ registerLanguage({
   mimetypes: ["application/liquid"],
   loader: () => {
     {
-      return import("./liquid-5b672f51.js");
+      return import("./liquid-a824c3eb.js");
     }
   }
 });
@@ -133813,7 +133850,7 @@ registerLanguage({
   aliases: ["MDX", "mdx"],
   loader: () => {
     {
-      return import("./mdx-9cdb8a93.js");
+      return import("./mdx-2283616e.js");
     }
   }
 });
@@ -134072,7 +134109,7 @@ registerLanguage({
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
   loader: () => {
     {
-      return import("./python-588cad95.js");
+      return import("./python-ce1955dc.js");
     }
   }
 });
@@ -134121,7 +134158,7 @@ registerLanguage({
   mimetypes: ["text/x-cshtml"],
   loader: () => {
     {
-      return import("./razor-c607db8f.js");
+      return import("./razor-ec8250d7.js");
     }
   }
 });
@@ -134457,7 +134494,7 @@ registerLanguage({
   mimetypes: ["text/typescript"],
   loader: () => {
     {
-      return import("./typescript-7d3e36b8.js");
+      return import("./typescript-595380e5.js");
     }
   }
 });
@@ -134541,7 +134578,7 @@ registerLanguage({
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
   loader: () => {
     {
-      return import("./xml-7d116d18.js");
+      return import("./xml-c7352c89.js");
     }
   }
 });
@@ -134558,7 +134595,7 @@ registerLanguage({
   mimetypes: ["application/x-yaml", "text/x-yaml"],
   loader: () => {
     {
-      return import("./yaml-e4b218e7.js");
+      return import("./yaml-23b68cb5.js");
     }
   }
 });
@@ -134682,7 +134719,7 @@ var lessDefaults = new LanguageServiceDefaultsImpl$3(
 monaco_editor_core_exports$3.languages.css = { cssDefaults, lessDefaults, scssDefaults };
 function getMode$3() {
   {
-    return import("./cssMode-b137ae06.js");
+    return import("./cssMode-d1af77de.js");
   }
 }
 monaco_editor_core_exports$3.languages.onLanguage("less", () => {
@@ -134813,7 +134850,7 @@ monaco_editor_core_exports$2.languages.html = {
 };
 function getMode$2() {
   {
-    return import("./htmlMode-eec2a329.js");
+    return import("./htmlMode-003f6b6d.js");
   }
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
@@ -134911,7 +134948,7 @@ var getWorker = () => getMode$1().then((mode) => mode.getWorker());
 monaco_editor_core_exports$1.languages.json = { jsonDefaults, getWorker };
 function getMode$1() {
   {
-    return import("./jsonMode-de4e62c5.js");
+    return import("./jsonMode-e9191c8f.js");
   }
 }
 monaco_editor_core_exports$1.languages.register({
@@ -135187,7 +135224,7 @@ monaco_editor_core_exports.languages.typescript = {
 };
 function getMode() {
   {
-    return import("./tsMode-59a6dedd.js");
+    return import("./tsMode-4781e831.js");
   }
 }
 monaco_editor_core_exports.languages.onLanguage("typescript", () => {
@@ -186140,6 +186177,11 @@ const DocFrame = memo(
     const initialHTML = useFrameInitialHTML({
       styleConfig
     });
+    useScroll(
+      10,
+      (iframeDoc == null ? void 0 : iframeDoc.defaultView) || void 0,
+      iframeDoc || void 0
+    );
     useEffect(() => {
       if (iframeDoc) {
         const styles = [];
@@ -187330,6 +187372,9 @@ const DocCanvas = memo((props) => {
       ...astroVariables
     };
   }, [variables, astroVariables]);
+  if ((resource == null ? void 0 : resource.frontmatter) && variables === void 0) {
+    return null;
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(DocFrame, { ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { children: documentId && /* @__PURE__ */ jsxRuntimeExports.jsx(VariableProvider, { value: allVariables, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DocTreeView, {}) }) }) });
 });
 const InsertionCursor = () => {
@@ -190983,6 +191028,11 @@ const DocPreview = memo(() => {
   const initialHTML = useFrameInitialHTML({
     styleConfig
   });
+  useScroll(
+    10,
+    (iframeDoc == null ? void 0 : iframeDoc.defaultView) || void 0,
+    iframeDoc || void 0
+  );
   useEffect(() => {
     if (iframeDoc) {
       const styles = [];
@@ -206220,7 +206270,16 @@ function ThemeDesigner() {
       docIdRef.current && removeDocument(docIdRef.current);
       setDocId(void 0);
     }
-  }, [code, config2, createDocument, engine, removeDocument, schema, onlyCode, setViewMode]);
+  }, [
+    code,
+    config2,
+    createDocument,
+    engine,
+    removeDocument,
+    schema,
+    onlyCode,
+    setViewMode
+  ]);
   const handleRefChange = useCallback(
     (el) => {
       var _a3, _b3;
@@ -206265,7 +206324,7 @@ function ThemeDesigner() {
             selectedDrawerType: drawerType,
             selectedContent,
             onSelectDrawerType: handleDrawerTypeChange,
-            extra: website && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            extra: website && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               LeftbarButtion,
               {
                 title: "媒体库",
@@ -206273,7 +206332,7 @@ function ThemeDesigner() {
                 onPress: handleOpenMediaLib,
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(MediasIcon, { className: "size-5" })
               }
-            )
+            ) })
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -206847,7 +206906,16 @@ function WebsiteDesigner(props) {
       }
       setDocId(void 0);
     }
-  }, [code, config2, createDocument, engine, removeDocument, schema, onlyCode, setViewMode]);
+  }, [
+    code,
+    config2,
+    createDocument,
+    engine,
+    removeDocument,
+    schema,
+    onlyCode,
+    setViewMode
+  ]);
   const handleRefChange = useCallback(
     (el) => {
       var _a3, _b3;
@@ -206892,7 +206960,7 @@ function WebsiteDesigner(props) {
                 selectedDrawerType: drawerType,
                 selectedContent,
                 onSelectDrawerType: handleDrawerTypeChange,
-                extra: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                extra: /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   LeftbarButtion,
                   {
                     title: "媒体库",
@@ -206900,7 +206968,7 @@ function WebsiteDesigner(props) {
                     onPress: handleOpenMediaLib,
                     children: /* @__PURE__ */ jsxRuntimeExports.jsx(MediasIcon, { className: "size-5" })
                   }
-                )
+                ) })
               }
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -206990,4 +207058,4 @@ export {
   typescriptDefaults as t,
   useCustomizedMaterials as u
 };
-//# sourceMappingURL=index-b0c38706.js.map
+//# sourceMappingURL=index-b3469a2e.js.map