@dao42/d42paas-front 0.5.38 → 0.5.45

package/dist/DaoPaaS.es.js

@@ -40733,14 +40733,23 @@ const CmdKey = () => {
       }
     },
     {
-      id: "doc",
-      title: "\u6587\u6863",
+      id: "storybook",
+      title: "storybook",
       hotkey: "d",
       mdIcon: "description",
       handler: () => {
         window.open("https://develop.1024paas.com/storybook");
       }
     },
+    {
+      id: "tsdoc",
+      title: "TS\u6587\u6863",
+      hotkey: "t",
+      mdIcon: "highlight",
+      handler: () => {
+        window.open("https://develop.1024paas.com/tsdoc");
+      }
+    },
     {
       id: "clearCache",
       title: "\u6E05\u9664\u7F13\u5B58",
@@ -40864,13 +40873,14 @@ const LazyPageComponent = lazy$2(async () => await Promise.resolve().then(functi
 }));
 class DaoPaaS {
   constructor({
+    mode,
     ticket,
     playgroundId,
     userId,
     tenantId,
     username,
-    env: env2 = "develop",
-    components
+    components,
+    env: env2 = "develop"
   }) {
     __publicField(this, "shellDOM");
     __publicField(this, "editorDOM");
@@ -40885,6 +40895,8 @@ class DaoPaaS {
     __publicField(this, "io");
     __publicField(this, "env");
     __publicField(this, "components");
+    __publicField(this, "mode");
+    this.mode = mode;
     this.ticket = ticket;
     this.playgroundId = playgroundId;
     this.userId = userId;
@@ -40905,6 +40917,8 @@ class DaoPaaS {
     return ignoreReplayerStore.getState().ignoreReplayers;
   }
   async init() {
+    if (this.mode === "tsdoc")
+      return;
     const {
       setSocket,
       socket: socket2
@@ -40913,7 +40927,6 @@ class DaoPaaS {
     initClassDIV.className = "init-class";
     document.body.appendChild(initClassDIV);
     reactDom.exports.unstable_batchedUpdates(async () => {
-      var _a2;
       const {
         setUserInfo,
         userInfo
@@ -40952,14 +40965,9 @@ class DaoPaaS {
       PlaygroundInit(__spreadProps(__spreadValues(__spreadValues({}, this.userInfo), args), {
         io: this.io
       }));
-      (_a2 = this.components) == null ? void 0 : _a2.forEach((comp, index2) => {
-        this.editorDOM = comp.container ? isHTMLElement$1(comp.container) : this.editorDOM;
-        const ArgRenderToComponent = `Lazy${comp.component}Component`;
-        reactDom.exports.render(/* @__PURE__ */ jsx(react.exports.Suspense, {
-          fallback: /* @__PURE__ */ jsx(Loading, {}),
-          children: /* @__PURE__ */ jsx(ArgRenderToComponent, __spreadValues({}, comp.props))
-        }), this.editorDOM);
-      });
+      if (this.components) {
+        this.mapRender(this.components);
+      }
     });
     window.onerror = (message) => {
       if (/dError/.test(message)) {
@@ -41027,6 +41035,46 @@ class DaoPaaS {
         console.log("\u4F20\u53C2\u9519\u8BEF");
     }
   }
+  mapRender(components) {
+    components == null ? void 0 : components.forEach(({
+      container,
+      props: props2,
+      item
+    }, _index) => {
+      switch (item) {
+        case "Tree":
+          this.Tree({
+            container,
+            props: props2
+          });
+          break;
+        case "Editor":
+          this.Editor({
+            container,
+            props: props2
+          });
+          break;
+        case "Console":
+          this.Console({
+            container,
+            props: props2
+          });
+          break;
+        case "Browser":
+          this.Browser({
+            container,
+            props: props2
+          });
+          break;
+        case "Shell":
+          this.Shell({
+            container,
+            props: props2
+          });
+          break;
+      }
+    });
+  }
   Page({
     container,
     props: props2
@@ -41090,10 +41138,7 @@ class DaoPaaS {
   }
 }
 function isHTMLElement$1(arg) {
-  if (!/HTMLDivElement|HTMLElement/.test(Object.prototype.toString.call(arg))) {
-    arg = document.querySelector(arg);
-  }
-  return arg;
+  return !/HTMLDivElement|HTMLElement/.test(Object.prototype.toString.call(arg)) ? document.querySelector(arg) : arg;
 }
 var __assign$a = globalThis && globalThis.__assign || function() {
   __assign$a = Object.assign || function(t2) {
@@ -186213,14 +186258,11 @@ const ContentLayout = newStyled.div`
 `;
 const Editor = ({
   doc,
-  docType,
   containerStyle,
   menuStyle,
   editorStyle
 }) => {
   const divEl = react.exports.useRef(null);
-  react.exports.useState(doc ? doc : "");
-  react.exports.useState(null);
   const file = oTStore((state) => state.doc);
   const setFromServer = oTStore((state) => state.setFromServer);
   const [client2, setClient] = react.exports.useState(new IoClient(0));
@@ -186703,9 +186745,11 @@ const Editor = ({
     }
   }, [file == null ? void 0 : file.path]);
   react.exports.useEffect(() => {
-  }, [docType]);
-  react.exports.useEffect(() => {
-  }, [doc, docType]);
+    if (!!editor && (doc == null ? void 0 : doc.type)) {
+      editor$1.setModelLanguage(editor.getModel(), doc == null ? void 0 : doc.type);
+      editor.setValue(doc.value ? doc.value : "");
+    }
+  }, [doc]);
   react.exports.useEffect(() => {
     const {
       usersDelta,