@dao42/d42paas-front 0.5.53 → 0.5.54

package/dist/DaoPaaS.es.js

@@ -187622,6 +187622,51 @@ function WorkerWrapper() {
     "type": "module"
   });
 }
+const EditorLayout = newStyled.div`
+  width: 100%;
+  .contentWidgets {
+    visibility: hidden;
+  }
+  .monaco-label {
+    font-size: 12px;
+    border-radius: 2px;
+    padding: 2px 10px;
+    transform: scale(0.8);
+    visibility: hidden;
+  }
+  .label-visible {
+    visibility: visible !important;
+  }
+
+  .stack-list {
+    width: 100%;
+    height: 40px;
+    transform: translate(0, -1px);
+    overflow-x: auto;
+    flex-wrap: nowrap;
+    li {
+      /* width: 100px; */
+      height: 100%;
+      padding: 15px;
+      color: #fff;
+      font-size: 12px;
+      flex: 0 0 auto;
+    }
+
+    .active {
+      background: #1e1e1e;
+      box-shadow: 0px 1px 0px 0 #333;
+      /* border-left: 1px solid rgb(42 96 231);
+    border-right: 1px solid rgb(42 96 231); */
+      /* background: red; */
+    }
+  }
+`;
+const ContentLayout = newStyled.div`
+  flex: 1;
+  ${(props2) => props2.userList.map((u2) => "." + u2.role + "{background:" + u2.color + ";width: 2px !important;}")}
+  ${(props2) => props2.userList.map((u2) => "." + u2.role + "-selection{background:" + u2.color + "a6;color: #fff;width: 2px !important;}")}
+`;
 self.MonacoEnvironment = {
   getWorker(_2, label) {
     if (label === "json") {
@@ -187678,51 +187723,6 @@ const useValue = create$3((set2) => ({
   }))
 }));
 let editor;
-const EditorLayout = newStyled.div`
-  width: 100%;
-  .contentWidgets {
-    visibility: hidden;
-  }
-  .monaco-label {
-    font-size: 12px;
-    border-radius: 2px;
-    padding: 2px 10px;
-    transform: scale(0.8);
-    visibility: hidden;
-  }
-  .label-visible {
-    visibility: visible !important;
-  }
-
-  .stack-list {
-    width: 100%;
-    height: 40px;
-    transform: translate(0, -1px);
-    overflow-x: auto;
-    flex-wrap: nowrap;
-    li {
-      /* width: 100px; */
-      height: 100%;
-      padding: 15px;
-      color: #fff;
-      font-size: 12px;
-      flex: 0 0 auto;
-    }
-
-    .active {
-      background: #1e1e1e;
-      box-shadow: 0px 1px 0px 0 #333;
-      /* border-left: 1px solid rgb(42 96 231);
-      border-right: 1px solid rgb(42 96 231); */
-      /* background: red; */
-    }
-  }
-`;
-const ContentLayout = newStyled.div`
-  flex: 1;
-  ${(props2) => props2.userList.map((u2) => "." + u2.role + "{background:" + u2.color + ";width: 2px !important;}")}
-  ${(props2) => props2.userList.map((u2) => "." + u2.role + "-selection{background:" + u2.color + "a6;color: #fff;width: 2px !important;}")}
-`;
 const Editor = ({
   doc: doc2,
   containerStyle,
@@ -187739,7 +187739,7 @@ const Editor = ({
   const setValue2 = useValue((state) => state.setValue);
   useValue((state) => state.setDelta);
   const [FileTreeStack, setFileTreeStack] = react.exports.useState([]);
-  const throttled = lodash$2.exports.throttle((callback) => {
+  const debounced = lodash$2.exports.debounce((callback) => {
     callback();
   }, 300);
   const receiveOperation = (revision, operation, _path) => {
@@ -187793,6 +187793,7 @@ const Editor = ({
       }
     });
     editor.onDidScrollChange((evt) => {
+      var _a2, _b2;
       if (!evt.scrollLeftChanged && !evt.scrollTopChanged)
         return;
       const {
@@ -187809,10 +187810,7 @@ const Editor = ({
           leftPercent
         }
       };
-      throttled(() => {
-        var _a2, _b2;
-        (_b2 = (_a2 = useOT.getState()) == null ? void 0 : _a2.socket) == null ? void 0 : _b2.emit("extraSync", JSON.stringify(crdt));
-      });
+      (_b2 = (_a2 = useOT.getState()) == null ? void 0 : _a2.socket) == null ? void 0 : _b2.emit("extraSync", JSON.stringify(crdt));
     });
     editor.createContextKey("save", true);
     editor.addCommand(KeyMod.CtrlCmd | KeyCode.KeyS, () => {
@@ -187829,7 +187827,6 @@ const Editor = ({
       });
     }, "save");
     client2.sendOperation = function(revision, operation) {
-      var _a2, _b2;
       if (oTStore.getState().appStatus === "replay")
         return;
       const {
@@ -187851,7 +187848,10 @@ const Editor = ({
           path: doc22 == null ? void 0 : doc22.path
         }
       };
-      (_b2 = (_a2 = useOT.getState()) == null ? void 0 : _a2.socket) == null ? void 0 : _b2.emit("editFile", JSON.stringify(crdt));
+      debounced(() => {
+        var _a2, _b2;
+        (_b2 = (_a2 = useOT.getState()) == null ? void 0 : _a2.socket) == null ? void 0 : _b2.emit("editFile", JSON.stringify(crdt));
+      });
     };
   };
   const updateLspOps = ({
@@ -188002,6 +188002,7 @@ const Editor = ({
     window.ot = ot;
   };
   react.exports.useEffect(() => {
+    window.ot = ot;
     editorInit();
     return () => {
       editor.dispose();
@@ -195673,13 +195674,14 @@ const TerminalComponent = (_i) => {
       writeText(terminal, ((_b2 = crdt == null ? void 0 : crdt.doc) == null ? void 0 : _b2.value) || "");
       if (!CRDTInfo.userInfo.uuid)
         return;
+      console.log(CRDTInfo.userInfo.uuid);
       const postUser = userListStore.getState().userList.find(({
         uuid: uuid2
       }) => uuid2 === CRDTInfo.userInfo.uuid);
       if (postUser && !IsMe(CRDTInfo.userInfo)) {
         const helperContainer = (_c2 = terminal == null ? void 0 : terminal._core) == null ? void 0 : _c2._helperContainer;
         const childNode = helperContainer == null ? void 0 : helperContainer.firstChild;
-        userLabel.innerText = postUser.name;
+        userLabel.innerText = postUser.username;
         userLabel.style.backgroundColor = postUser.color;
         userLabel.style.top = childNode.style.top;
         userLabel.style.left = childNode.style.left;