@ones-editor/editor 1.1.3-bate.4 → 1.1.3-bate.6

package/dist/index.js

@@ -5172,6 +5172,122 @@ div.editor-root div.editor-content div[data-type=editor-container] div[data-type
 }
 .editor-root .editor-templates .editor-templates-cards .editor-template-card .editor-template-thumb-container > img {
   max-width: 100%;
+}:root {
+  --editor-quoted-color: #7084a4;
+  --editor-drawio-empty-svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOC43MjAzIDI4LjcwOTdIMjUuOTIzM0MyNS4yMTY1IDI4LjcwOTcgMjQuNjQzNSAyOC4xNDgxIDI0LjY0MzUgMjcuNDU1MlYyNS43MzMzSDIwLjUyODNDMjAuNDk4NiAyNS43Njk2IDIwLjQ2NjkgMjUuODA0MiAyMC40MzMzIDI1LjgzN0wxNS45MTkyIDMwLjI2MjFWMzQuNzU1NkgyNC42NDM1VjMzLjcyNzZDMjQuNjQzNSAzMy4wMzQ4IDI1LjIxNjUgMzIuNDczMiAyNS45MjMzIDMyLjQ3MzJIMzguNzIwM0MzOS40MjcgMzIuNDczMiA0MCAzMy4wMzQ4IDQwIDMzLjcyNzZWMzguNzQ1NUM0MCAzOS40MzgzIDM5LjQyNyA0MCAzOC43MjAzIDQwSDI1LjkyMzNDMjUuMjE2NSA0MCAyNC42NDM1IDM5LjQzODMgMjQuNjQzNSAzOC43NDU1VjM3LjMzMzNIMTQuNjI2M0MxMy45MTIyIDM3LjMzMzMgMTMuMzMzMyAzNi43NTYyIDEzLjMzMzMgMzYuMDQ0NFYzMC42OTQxTDguMzc4NTIgMjUuODM3QzguMTM2MjYgMjUuNjAxNCA4IDI1LjI4MDggOCAyNC45NDYzQzggMjQuNjExOCA4LjEzNjI2IDI0LjI5MTEgOC4zNzg1MiAyNC4wNTU2TDEzLjMzMzMgMTkuMTk4NVYxNS43NzJDMTEuNzc5OCAxNS4yMjI5IDEwLjY2NjcgMTMuNzQxNiAxMC42NjY3IDEyQzEwLjY2NjcgOS43OTA4NSAxMi40NTc1IDggMTQuNjY2NyA4QzE2Ljg3NTggOCAxOC42NjY2IDkuNzkwODUgMTguNjY2NiAxMkMxOC42NjY2IDEzLjcyNjUgMTcuNTU4OCAxNS4yNTgxIDE1LjkxOTEgMTUuNzk4OFYxOS4yODg4QzE1LjkxOTEgMTkuMzkxOCAxNS45MDY4IDE5LjQ5NDMgMTUuODgyMyAxOS41OTQzTDE5LjUxNTEgMjMuMTU1NUgyNC42NDM1VjIyLjQzNzNDMjQuNjQzNSAyMS43NDQ1IDI1LjIxNjUgMjEuMTgyOSAyNS45MjMzIDIxLjE4MjlIMzguNzIwM0MzOS40MjcgMjEuMTgyOSA0MCAyMS43NDQ1IDQwIDIyLjQzNzNWMjcuNDU1MkM0MCAyOC4xNDgxIDM5LjQyNyAyOC43MDk3IDM4LjcyMDMgMjguNzA5N1pNMjcuMjAzIDM3LjQ5MUgzNy40NDA2VjM0Ljk4MjFIMjcuMjAzVjM3LjQ5MVpNMTQuNDA1OSAyOC4xOTU0TDExLjA5MTUgMjQuOTQ2M0wxNC40MDU5IDIxLjY5NzJMMTcuNzIwNCAyNC45NDYzTDE0LjQwNTkgMjguMTk1NFpNMjcuMjAzIDI2LjIwMDhIMzcuNDQwNlYyMy42OTE4SDI3LjIwM1YyNi4yMDA4WiIgZmlsbD0iIzA3MTQyQSIvPgo8L3N2Zz4K");
+}
+.flex-center, .editor-drawio-iframe-container.loading:before {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.full-screen, .editor-drawio-iframe-container.loading:before, .drawio-iframe-element, .editor-drawio-iframe-container {
+  width: 100%;
+  height: 100%;
+}
+.editor-drawio-iframe-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+}
+div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] {
+  outline: 1px solid #dedede;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio].drawio-load-error > div[data-type=block-content] {
+  padding: 0;
+  min-height: 200px;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio].drawio-load-error > div[data-type=block-content] .editor-drawio-content {
+  width: 100%;
+  height: 100%;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] {
+  justify-content: center;
+  border-radius: 3px;
+  padding: 10px;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content {
+  width: 100%;
+  height: 100%;
+  background-color: #f8f8f8;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  text-align: center;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content > div.drawio-error-brand-icon > svg {
+  width: 48px;
+  height: 48px;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content > div.drawio-error-title {
+  font-weight: 500;
+  font-size: 18px;
+  line-height: 26px;
+  text-align: center;
+  color: #303030;
+  margin: 23px 0 5px;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content > div.drawio-error-sub-title {
+  font-size: 14px;
+  line-height: 22px;
+  text-align: center;
+  color: #606060;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content > div.drawio-error-sub-title > span.drawio-error-retry-button {
+  cursor: pointer;
+  margin-left: 4px;
+  color: #0064ff;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .drawio-empty-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .drawio-empty-content > span {
+  font-size: 14px;
+  line-height: 22px;
+  text-align: center;
+  color: #606060;
+  margin-top: 23px;
+}
+.embed-block .editor-empty-drawio.editor-drawio-content.editor-embed {
+  width: 240px;
+  height: 400px;
+  display: inline-block;
+  text-align: center;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-embed-type=drawio].embed-block > div[data-type=block-content] img {
+  max-width: 100%;
+  max-height: 100%;
+}
+.editor-drawio-iframe-container.loading:before {
+  content: attr(data-placeholder);
+  position: absolute;
+  top: 0;
+  left: 0;
+  background-color: #f7f6f3;
+  z-index: 2;
+}
+:root .iframe-embed-auth-error-tips {
+  width: 100%;
+  height: 34px;
+  line-height: 34px;
+  background-color: #f7f8fa;
+  text-align: center;
+  color: #bebfc2;
+  box-shadow: 0px 2px 4px 0px rgba(45, 45, 46, 0.15), 0px 0px 1px 0px rgba(45, 45, 46, 0.1);
+}
+:root .iframe-embed-auth-error-tips span {
+  cursor: pointer;
+  color: #0064ff;
+  user-select: none;
 }:root div[data-command-bar-id=webpage] > div.tippy-box {
   max-width: 500px;
 }
@@ -5306,122 +5422,6 @@ div.editor-root div.editor-content div[data-type=editor-container] div[data-type
 }
 div.editor-root div.editor-content div[data-type=editor-container].root.select-all > .container-blocks > div[data-type=editor-block][data-embed-type=webpage] > div[data-type=block-content]::before {
   display: block;
-}:root {
-  --editor-quoted-color: #7084a4;
-  --editor-drawio-empty-svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOC43MjAzIDI4LjcwOTdIMjUuOTIzM0MyNS4yMTY1IDI4LjcwOTcgMjQuNjQzNSAyOC4xNDgxIDI0LjY0MzUgMjcuNDU1MlYyNS43MzMzSDIwLjUyODNDMjAuNDk4NiAyNS43Njk2IDIwLjQ2NjkgMjUuODA0MiAyMC40MzMzIDI1LjgzN0wxNS45MTkyIDMwLjI2MjFWMzQuNzU1NkgyNC42NDM1VjMzLjcyNzZDMjQuNjQzNSAzMy4wMzQ4IDI1LjIxNjUgMzIuNDczMiAyNS45MjMzIDMyLjQ3MzJIMzguNzIwM0MzOS40MjcgMzIuNDczMiA0MCAzMy4wMzQ4IDQwIDMzLjcyNzZWMzguNzQ1NUM0MCAzOS40MzgzIDM5LjQyNyA0MCAzOC43MjAzIDQwSDI1LjkyMzNDMjUuMjE2NSA0MCAyNC42NDM1IDM5LjQzODMgMjQuNjQzNSAzOC43NDU1VjM3LjMzMzNIMTQuNjI2M0MxMy45MTIyIDM3LjMzMzMgMTMuMzMzMyAzNi43NTYyIDEzLjMzMzMgMzYuMDQ0NFYzMC42OTQxTDguMzc4NTIgMjUuODM3QzguMTM2MjYgMjUuNjAxNCA4IDI1LjI4MDggOCAyNC45NDYzQzggMjQuNjExOCA4LjEzNjI2IDI0LjI5MTEgOC4zNzg1MiAyNC4wNTU2TDEzLjMzMzMgMTkuMTk4NVYxNS43NzJDMTEuNzc5OCAxNS4yMjI5IDEwLjY2NjcgMTMuNzQxNiAxMC42NjY3IDEyQzEwLjY2NjcgOS43OTA4NSAxMi40NTc1IDggMTQuNjY2NyA4QzE2Ljg3NTggOCAxOC42NjY2IDkuNzkwODUgMTguNjY2NiAxMkMxOC42NjY2IDEzLjcyNjUgMTcuNTU4OCAxNS4yNTgxIDE1LjkxOTEgMTUuNzk4OFYxOS4yODg4QzE1LjkxOTEgMTkuMzkxOCAxNS45MDY4IDE5LjQ5NDMgMTUuODgyMyAxOS41OTQzTDE5LjUxNTEgMjMuMTU1NUgyNC42NDM1VjIyLjQzNzNDMjQuNjQzNSAyMS43NDQ1IDI1LjIxNjUgMjEuMTgyOSAyNS45MjMzIDIxLjE4MjlIMzguNzIwM0MzOS40MjcgMjEuMTgyOSA0MCAyMS43NDQ1IDQwIDIyLjQzNzNWMjcuNDU1MkM0MCAyOC4xNDgxIDM5LjQyNyAyOC43MDk3IDM4LjcyMDMgMjguNzA5N1pNMjcuMjAzIDM3LjQ5MUgzNy40NDA2VjM0Ljk4MjFIMjcuMjAzVjM3LjQ5MVpNMTQuNDA1OSAyOC4xOTU0TDExLjA5MTUgMjQuOTQ2M0wxNC40MDU5IDIxLjY5NzJMMTcuNzIwNCAyNC45NDYzTDE0LjQwNTkgMjguMTk1NFpNMjcuMjAzIDI2LjIwMDhIMzcuNDQwNlYyMy42OTE4SDI3LjIwM1YyNi4yMDA4WiIgZmlsbD0iIzA3MTQyQSIvPgo8L3N2Zz4K");
-}
-.flex-center, .editor-drawio-iframe-container.loading:before {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.full-screen, .editor-drawio-iframe-container.loading:before, .drawio-iframe-element, .editor-drawio-iframe-container {
-  width: 100%;
-  height: 100%;
-}
-.editor-drawio-iframe-container {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1000;
-}
-div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] {
-  outline: 1px solid #dedede;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio].drawio-load-error > div[data-type=block-content] {
-  padding: 0;
-  min-height: 200px;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio].drawio-load-error > div[data-type=block-content] .editor-drawio-content {
-  width: 100%;
-  height: 100%;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] {
-  justify-content: center;
-  border-radius: 3px;
-  padding: 10px;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content {
-  width: 100%;
-  height: 100%;
-  background-color: #f8f8f8;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  text-align: center;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content > div.drawio-error-brand-icon > svg {
-  width: 48px;
-  height: 48px;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content > div.drawio-error-title {
-  font-weight: 500;
-  font-size: 18px;
-  line-height: 26px;
-  text-align: center;
-  color: #303030;
-  margin: 23px 0 5px;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content > div.drawio-error-sub-title {
-  font-size: 14px;
-  line-height: 22px;
-  text-align: center;
-  color: #606060;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content > div.drawio-error-sub-title > span.drawio-error-retry-button {
-  cursor: pointer;
-  margin-left: 4px;
-  color: #0064ff;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .drawio-empty-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .drawio-empty-content > span {
-  font-size: 14px;
-  line-height: 22px;
-  text-align: center;
-  color: #606060;
-  margin-top: 23px;
-}
-.embed-block .editor-empty-drawio.editor-drawio-content.editor-embed {
-  width: 240px;
-  height: 400px;
-  display: inline-block;
-  text-align: center;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-embed-type=drawio].embed-block > div[data-type=block-content] img {
-  max-width: 100%;
-  max-height: 100%;
-}
-.editor-drawio-iframe-container.loading:before {
-  content: attr(data-placeholder);
-  position: absolute;
-  top: 0;
-  left: 0;
-  background-color: #f7f6f3;
-  z-index: 2;
-}
-:root .iframe-embed-auth-error-tips {
-  width: 100%;
-  height: 34px;
-  line-height: 34px;
-  background-color: #f7f8fa;
-  text-align: center;
-  color: #bebfc2;
-  box-shadow: 0px 2px 4px 0px rgba(45, 45, 46, 0.15), 0px 0px 1px 0px rgba(45, 45, 46, 0.1);
-}
-:root .iframe-embed-auth-error-tips span {
-  cursor: pointer;
-  color: #0064ff;
-  user-select: none;
 }.editor-content .editing {
   background-color: rgba(205, 205, 205, 0.2509803922);
 }
@@ -26919,6 +26919,10 @@ ${codeText}
     getRemoteUsers() {
       return this.externalDoc.getRemoteUsers();
     }
+    triggerReAuth() {
+      var _a, _b;
+      return (_b = (_a = this.externalDoc).triggerReAuth) == null ? void 0 : _b.call(_a);
+    }
     destroy() {
       this.externalDoc.destroy();
       this.clearCallbacks();
@@ -28667,8 +28671,6 @@ ${codeText}
     destroy() {
       this.clearCallbacks();
     }
-    triggerReAuth() {
-    }
   }
   class OnesEditorRunOnceCustom {
     constructor(cleanup) {
@@ -34014,7 +34016,7 @@ ${codeText}
       __publicField(this, "events", new events.EventEmitter());
       __publicField(this, "token", null);
       __publicField(this, "resourceToken", null);
-      __publicField(this, "reauth", async () => {
+      __publicField(this, "reAuth", async () => {
         if (this.connection && this.reauthFunc) {
           const newAuth = await this.reauthFunc();
           await this.auth(newAuth);
@@ -34100,6 +34102,7 @@ ${codeText}
         if ("err" in msg || msg.a === "pong") {
           this.handleMessage(msg);
         } else {
+          console.log("connection success");
           if (this.retryCount > 0) {
             logger$2n.info("retrying re-auth success");
             this.emitAuthRecover();
@@ -34125,7 +34128,6 @@ ${codeText}
       Connection.apply(this.connection, [this.ws]);
     }
     async handleAuthError() {
-      console.log("handleAuthError");
       if (this.reauthFunc) {
         if (this.retryCount === 5) {
           logger$2n.warn("retry auth times exceed 5, broadcast auth error");
@@ -34152,6 +34154,11 @@ ${codeText}
         }
       }
     }
+    emitPermissionError() {
+      const err = new Error(PermissionError.msg);
+      err.code = PermissionError.err;
+      this.events.emit("error", err);
+    }
     emitAuthRecover() {
       this.events.emit("authRecover");
     }
@@ -34194,6 +34201,8 @@ ${codeText}
         } finally {
           this.end(false);
         }
+      } else if (err === PermissionError.err) {
+        this.emitPermissionError();
       } else {
         logger$2n.error(`unknown message received: ${JSON.stringify(msg)}`);
         this.emitAuthError();
@@ -34348,9 +34357,6 @@ ${codeText}
     onRequestReloadError(callback) {
       this.connection.onRequestReloadError(callback);
     }
-    triggerReAuth() {
-      this.connection.reauth();
-    }
     async authOnly() {
       await this.connection.auth(this.auth);
     }
@@ -34614,6 +34620,9 @@ ${codeText}
       }
       return ret;
     }
+    reAuth() {
+      this.connection.reAuth();
+    }
   }
   function createEmptyDoc() {
     const id = genId();
@@ -35459,13 +35468,13 @@ ${codeText}
           return (_a = cb.onError) == null ? void 0 : _a.call(cb, err);
         });
       });
-      this.client.onWriteConflictError(this.handleWriteConflictError);
       this.client.onAuthRecover(() => {
         this.callbacks.forEach((cb) => {
           var _a;
           return (_a = cb.onAuthRecover) == null ? void 0 : _a.call(cb);
         });
       });
+      this.client.onWriteConflictError(this.handleWriteConflictError);
     }
     clearEvents() {
       this.doc.off("nothing pending", this.handleNothingPending);
@@ -35683,6 +35692,12 @@ ${codeText}
         });
       }
     }
+    onAuthRecover() {
+      this.callbacks.forEach((cb) => {
+        var _a;
+        return (_a = cb.onAuthRecover) == null ? void 0 : _a.call(cb);
+      });
+    }
     async addResources(resourceIds) {
       let hashes = [];
       resourceIds.forEach((res) => {
@@ -35786,7 +35801,7 @@ ${codeText}
       return meta;
     }
     triggerReAuth() {
-      this.client.triggerReAuth();
+      this.client.reAuth();
     }
   }
   getLogger("remote-cursor");
@@ -62924,8 +62939,6 @@ ${codeText}
         return (_a = cb.onInsertChildContainer) == null ? void 0 : _a.call(cb, containerId, data, true);
       });
     }
-    triggerReAuth() {
-    }
   }
   const { t } = i18n$1;
   function getOpDescription(user, type) {
@@ -64816,735 +64829,62 @@ ${codeText}
       document.removeEventListener("touchend", this.handleTouchEnd);
     }
   }
-  const loadingIcon = '<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M12 7.61719C11.4477 7.61719 11 7.16947 11 6.61719V3.61719C11 3.0649 11.4477 2.61719 12 2.61719C12.5523 2.61719 13 3.0649 13 3.61719V6.61719C13 7.16947 12.5523 7.61719 12 7.61719ZM4.92893 5.54612C5.31946 5.15559 5.95262 5.1556 6.34315 5.54612L8.46447 7.66744C8.85499 8.05796 8.85499 8.69113 8.46447 9.08165C8.07394 9.47218 7.44078 9.47218 7.05025 9.08165L4.92893 6.96033C4.53841 6.56981 4.53841 5.93664 4.92893 5.54612ZM15.5355 9.08165C15.145 8.69113 15.145 8.05796 15.5355 7.66744L17.6569 5.54612C18.0474 5.1556 18.6805 5.1556 19.0711 5.54612C19.4616 5.93664 19.4616 6.56981 19.0711 6.96033L16.9497 9.08165C16.5592 9.47218 15.9261 9.47218 15.5355 9.08165ZM2 12.6172C2 12.0649 2.44772 11.6172 3 11.6172L6 11.6172C6.55229 11.6172 7 12.0649 7 12.6172C7 13.1695 6.55228 13.6172 6 13.6172L3 13.6172C2.44772 13.6172 2 13.1695 2 12.6172ZM17 12.6172C17 12.0649 17.4477 11.6172 18 11.6172L21 11.6172C21.5523 11.6172 22 12.0649 22 12.6172C22 13.1695 21.5523 13.6172 21 13.6172L18 13.6172C17.4477 13.6172 17 13.1695 17 12.6172ZM15.5355 16.1527C15.9261 15.7622 16.5592 15.7622 16.9497 16.1527L19.0711 18.274C19.4616 18.6646 19.4616 19.2977 19.0711 19.6883C18.6805 20.0788 18.0474 20.0788 17.6569 19.6883L15.5355 17.5669C15.145 17.1764 15.145 16.5432 15.5355 16.1527ZM4.92893 19.6883C4.53841 19.2977 4.53841 18.6646 4.92893 18.274L7.05025 16.1527C7.44078 15.7622 8.07394 15.7622 8.46447 16.1527C8.85499 16.5432 8.85499 17.1764 8.46447 17.5669L6.34315 19.6883C5.95262 20.0788 5.31946 20.0788 4.92893 19.6883ZM12 22.6172C11.4477 22.6172 11 22.1695 11 21.6172V18.6172C11 18.0649 11.4477 17.6172 12 17.6172C12.5523 17.6172 13 18.0649 13 18.6172V21.6172C13 22.1695 12.5523 22.6172 12 22.6172Z" fill="#5587F0"/>\n<animateTransform attributeType="xml" attributeName="transform" type="rotate" values="0 12 12.5;360 12 12.5" dur="2s"  repeatCount="indefinite" />\n</g>\n</svg>';
-  const logger$e = getLogger("webpage");
-  class WebPage {
-    constructor(editor, blockData) {
-      __publicField(this, "currentSrc", "");
-      __publicField(this, "loading", null);
-      __publicField(this, "handleMaskMouseMove", (editor, event) => {
-        if (window.isDragging) {
-          return;
-        }
-        if (event.target && event.target instanceof Element) {
-          const mask = event.target.closest("webpage-mask");
-          if (mask) {
-            mask.style.display = "none";
-          }
-        }
-        editor.domEvents.addEventListener(document, "mousemove", this.handleDocumentMouseMove);
-      });
-      __publicField(this, "handleDocumentMouseMove", (editor, event) => {
-        if (!event.target || !(event.target instanceof Element)) {
-          return;
-        }
-        const block = this.editor.findBlockById(this.blockData.id);
-        if (block) {
-          const mask = this.getExistsMask(block);
-          if (mask) {
-            if (isChildNode(block, event.target)) {
-              mask.style.display = "none";
-              return;
-            }
-            mask.style.display = "";
-          }
-        }
-      });
-      this.editor = editor;
-      this.blockData = blockData;
-    }
-    create(editor, embedData, parent, block) {
-      const src = embedData.src;
-      const internalContainer = createElement("div", ["editor-embed"], null);
-      const iframe = createElement("iframe", ["editor-preview-iframe"], internalContainer);
-      this.loading = this.createLoading(internalContainer);
-      const handleIframeLoaded = () => {
-        assert(logger$e, this.loading, "not created");
-        this.loading.hide();
-        this.currentSrc = src;
-      };
-      editor.domEvents.addEventListener(iframe, "load", handleIframeLoaded);
-      const httpReg = /^http:\/\//i;
-      iframe.src = src.replace(httpReg, "//");
-      this.loading.show();
-      parent.append(internalContainer);
-      this.createMask(editor, block);
-    }
-    update(editor, block, embedData) {
-      assert(logger$e, this.loading, "not created");
-      if (this.currentSrc === embedData.src) {
-        return;
-      }
-      const iframe = block.querySelector(".editor-preview-iframe");
-      assert(logger$e, iframe, "no exists iframe");
-      this.loading.show();
-      iframe.src = embedData.src;
-      this.createMask(editor, block);
-    }
-    createLoading(parent) {
-      const loadContainer = createElement("div", ["editor-preview-iframe-loading"], null);
-      const iconContainer = createElement("span", [], loadContainer);
-      iconContainer.innerHTML = loadingIcon;
-      return {
-        show() {
-          parent.append(loadContainer);
-        },
-        hide() {
-          const loadContainer2 = parent.querySelector(":scope > .editor-preview-iframe-loading");
-          if (!loadContainer2)
-            return;
-          loadContainer2.remove();
-        }
-      };
-    }
-    getExistsMask(block) {
-      const tools = getBlockTools(block);
-      return tools.querySelector(".webpage-mask");
-    }
-    createMask(editor, block) {
-      const tools = getBlockTools(block);
-      let mask = this.getExistsMask(block);
-      if (mask) {
-        mask.style.display = "";
-        return;
-      }
-      mask = createElement("div", ["webpage-mask"], tools);
-      editor.domEvents.addEventListener(mask, "mousemove", this.handleMaskMouseMove);
-    }
-    destroy() {
-      const block = this.editor.findBlockById(this.blockData.id);
-      if (block) {
-        const mask = this.getExistsMask(block);
-        if (mask) {
-          this.editor.domEvents.removeEventListener(mask, "mousemove", this.handleMaskMouseMove);
-          this.editor.domEvents.removeEventListener(document, "mousemove", this.handleDocumentMouseMove);
-        }
+  function getContentTypeFromHeaders(headers) {
+    const entries = Object.entries(headers);
+    for (let i = 0; i < entries.length; i++) {
+      const [key, value] = entries[i];
+      if (key.toLocaleLowerCase() === "content-type") {
+        return value;
       }
     }
+    return "";
   }
-  function isWebpageBlock(block) {
-    return block && isEmbedBlock(block) && getEmbedType(block) === "webpage";
-  }
-  const MAX_HEIGHT = 1e3;
-  const MIN_HEIGHT = 100;
-  class WebpageResizer {
-    constructor(editor) {
-      __publicField(this, "currentBlockElement", null);
-      __publicField(this, "resizing", false);
-      __publicField(this, "handleHoveringBlockChange", (newBlock, oldBlock) => {
-        if (this.resizing) {
-          return;
-        }
-        if (oldBlock && isWebpageBlock(oldBlock)) {
-          this.disableBlockResize(oldBlock);
-        }
-        if (newBlock && isWebpageBlock(newBlock)) {
-          this.enableBlockResize(newBlock);
-        }
+  async function downloadImageToFile(editor, src, withCredentials = true) {
+    try {
+      const res = await editor.doc.request(src, {
+        method: "get",
+        responseType: "blob",
+        withCredentials
       });
-      __publicField(this, "handleResizing", (resizer, rect) => {
-        this.resizing = true;
-        const block = resizer.getBlock();
-        if (!block) {
-          return;
-        }
-        const newHeight = Math.max(Math.min(rect.height, MAX_HEIGHT), MIN_HEIGHT);
-        block.style.height = `${newHeight}px`;
-        addClass(block, "resizing");
+      const reader = new FileReader();
+      const promise = new Promise((resolve, reject) => {
+        reader.onload = resolve;
+        reader.onerror = reject;
       });
-      __publicField(this, "handleResized", (resizer) => {
-        this.resizing = false;
-        const block = resizer.getBlock();
-        if (!block) {
-          return;
+      reader.readAsArrayBuffer(res.data);
+      await promise;
+      const buffer = reader.result;
+      const contentType = getContentTypeFromHeaders(res.headers).toLocaleLowerCase();
+      let ext = "";
+      if (contentType) {
+        const extensions = mime__default.default[contentType].extensions;
+        if (extensions && extensions.length > 0) {
+          ext = extensions[0];
         }
-        removeClass(block, "resizing");
-        const oldData = this.editor.getBlockData(block);
-        const height = block.getBoundingClientRect().height;
-        this.editor.updateBlockData(block, {
-          ...oldData,
-          height
-        });
-      });
-      this.editor = editor;
-      OnesEditorHoveringBlock.get(editor).addListener("change", this.handleHoveringBlockChange);
-    }
-    destroy() {
-      this.currentBlockElement = null;
-      OnesEditorHoveringBlock.get(this.editor).removeListener("change", this.handleHoveringBlockChange);
-    }
-    disableBlockResize(block) {
-      const resizer = this.editor.findCustom(`${getBlockId(block)}-resizer`);
-      if (resizer) {
-        resizer.disableResize();
       }
-    }
-    enableBlockResize(block) {
-      const resizer = this.editor.addCustom(`${getBlockId(block)}-resizer`, () => new BlockResizer(this.editor, {
-        resize: ["bottom"]
-      }));
-      resizer.enableResize(block);
-      resizer.removeListener("resizing", this.handleResizing);
-      resizer.removeListener("resized", this.handleResized);
-      resizer.addListener("resizing", this.handleResizing);
-      resizer.addListener("resized", this.handleResized);
-      this.currentBlockElement = block;
+      const file2 = new File([buffer], `${Date.now()}.${ext}`, {
+        type: contentType
+      });
+      return file2;
+    } catch (err) {
+      return null;
     }
   }
-  const index$3 = "";
-  const logger$d = getLogger("editor-dialog");
-  function createContainer(content, options) {
-    const container = createElement("div", ["editor-dialog-container"], null);
-    const header = createElement("div", ["dialog-header"], container);
-    createElement("span", ["dialog-header-title"], header, options.title);
-    const closeIcon = createElement("span", ["close-icon"], header);
-    closeIcon.innerHTML = CloseIcon;
-    const contentWrap = createElement("div", ["dialog-content"], container);
-    contentWrap.appendChild(content);
-    const footer = createElement("div", ["dialog-footer"], container);
-    const cancelButton = createButton$1("cancel-button", i18n$1.t("webpage.dialog.cancelText"));
-    footer.appendChild(cancelButton);
-    const submitButton = createButton$1("submit-button", i18n$1.t("webpage.dialog.okText"), void 0, ["primary"]);
-    footer.appendChild(submitButton);
-    return container;
+  async function downloadObjectToFile(editor, url) {
+    const file2 = await downloadImageToFile(editor, url);
+    return file2;
   }
-  class Dialog extends ManualCloseDialog {
-    constructor(content, options) {
-      super(createContainer(content, options), options);
-      __publicField(this, "_options");
-      __publicField(this, "getReferenceClientRect", () => {
-        const y = document.documentElement.clientHeight / 2;
-        const x = document.documentElement.clientWidth / 2;
-        const rootElement = this.getCommandBarRoot();
-        assert(logger$d, rootElement, "no command bar root");
-        const { width, height } = rootElement.getBoundingClientRect();
-        return new DOMRect(Math.max(x - width / 2, 0), Math.max(y - height / 2, 0), 0, 0);
-      });
-      __publicField(this, "handleOk", async () => {
-        var _a, _b;
-        try {
-          await ((_b = (_a = this._options).onOk) == null ? void 0 : _b.call(_a));
-          this.destroy();
-        } catch (error2) {
-        }
-      });
-      __publicField(this, "handleClose", () => {
-        var _a, _b;
-        (_b = (_a = this._options).onClose) == null ? void 0 : _b.call(_a);
-        this.destroy();
-      });
-      const submitBtn = this.content.querySelector('[data-button-id="submit-button"]');
-      const cancelBtn = this.content.querySelector('[data-button-id="cancel-button"]');
-      const closeIcon = this.content.querySelector(".close-icon");
-      submitBtn == null ? void 0 : submitBtn.addEventListener("click", this.handleOk);
-      closeIcon == null ? void 0 : closeIcon.addEventListener("click", this.handleClose);
-      cancelBtn == null ? void 0 : cancelBtn.addEventListener("click", this.handleClose);
-      this._options = options;
-    }
-    show() {
-      super.show(document.documentElement, { getReferenceClientRect: this.getReferenceClientRect });
-      setTimeout(() => {
-        const mark = document.querySelector(`.editor-disable-scroll[data-scroll-id="${this.id}"]`);
-        if (mark) {
-          addClass(mark, "editor-disable-scroll-dark");
-        }
-      });
-    }
-    destroy() {
-      const submitBtn = this.content.querySelector('[data-button-id="submit-button"]');
-      const cancelBtn = this.content.querySelector('[data-button-id="cancel-button"]');
-      const closeIcon = this.content.querySelector(".close-icon");
-      submitBtn == null ? void 0 : submitBtn.removeEventListener("click", this.handleOk);
-      cancelBtn == null ? void 0 : cancelBtn.removeEventListener("click", this.handleClose);
-      closeIcon == null ? void 0 : closeIcon.removeEventListener("click", this.handleClose);
-      super.destroy();
-    }
-  }
-  const getCommandItems = () => [
-    {
-      name: i18n$1.t("webpage.bilibili"),
-      id: "insert-bilibili",
-      icon: BilibiliIcon,
-      group: "thirdParty",
-      subText: getShortcutById("insert-bilibili"),
-      value: "bilibili"
-    },
-    {
-      name: i18n$1.t("webpage.youku"),
-      id: "insert-youku",
-      icon: YoukuIcon,
-      group: "thirdParty",
-      subText: getShortcutById("insert-youku"),
-      value: "youku"
-    },
-    {
-      name: i18n$1.t("webpage.figma"),
-      id: "insert-figma",
-      icon: FigmaIcon,
-      group: "thirdParty",
-      subText: getShortcutById("insert-figma"),
-      value: "figma"
-    },
-    {
-      name: i18n$1.t("webpage.modao"),
-      id: "insert-modao",
-      icon: ModaoIcon,
-      group: "thirdParty",
-      subText: getShortcutById("insert-modao"),
-      value: "modao"
-    },
-    {
-      name: i18n$1.t("webpage.tencent"),
-      id: "insert-tencent",
-      icon: TencentVideoIcon,
-      group: "thirdParty",
-      subText: getShortcutById("insert-tencent"),
-      value: "qqVideo"
-    },
-    {
-      id: "insert-webPage",
-      name: i18n$1.t("webpage.title"),
-      icon: WebPageIcon,
-      group: "common",
-      order: 1e3,
-      subText: getShortcutById("insert-webPage"),
-      value: "url"
-    }
-  ];
-  function getAllowedWebPages(editor) {
-    let webpages = getCommandItems();
-    const editorOptions = editor.getComponentOptions("webpage");
-    if (editorOptions == null ? void 0 : editorOptions.getAllowedWebPages) {
-      webpages = editorOptions.getAllowedWebPages(webpages);
-    }
-    return webpages;
-  }
-  function isWebPageItem(id) {
-    return id === "insert-webPage";
-  }
-  async function recognizeWebPageLink(editor, url) {
-    if (editor.doc.externalDoc.recognizeLink) {
-      return editor.doc.externalDoc.recognizeLink(url);
-    }
-    return null;
-  }
-  function formatValue(value) {
-    if (value && !value.startsWith("http://") && !value.startsWith("https://") && !value.startsWith("//")) {
-      return `${window.location.protocol}//${value}`;
-    }
-    return value;
-  }
-  async function checkValue(value) {
-    if (!value) {
-      throw new Error(i18n$1.t("webpage.dialog.errorEnterUrl"));
-    }
-    const test = value;
-    try {
-      new URL(test);
-    } catch (err) {
-      throw new Error(i18n$1.t("webpage.dialog.unsupportedUrl"));
-    }
-  }
-  async function handleInsertEmptyEmbed(editor, options) {
-    const itemId = options.item.id;
-    const itemOption = getAllowedWebPages(editor).find((item) => item.id === itemId);
-    const content = createElement("div", ["webpage-content"], null);
-    if (isWebPageItem(itemId)) {
-      const helpContainer = createElement("div", ["help-container"], content);
-      const helpContent = createElement("div", ["help-content"], helpContainer);
-      const span = createElement("span", ["help-icon"], helpContent);
-      span.innerHTML = WarningIcon;
-      createElement("span", [], helpContent, i18n$1.t("webpage.dialog.helpContent"));
-    }
-    const { getInputValue, setFieldError, focus, getField } = createInput(content, {
-      required: true,
-      label: i18n$1.t("webpage.dialog.label"),
-      placeholder: i18n$1.t("webpage.dialog.placeholder")
-    });
-    const webpageOptions = editor.getComponentOptions("webpage");
-    if (!isWebPageItem(itemId) && !(webpageOptions == null ? void 0 : webpageOptions.hideHelpLink)) {
-      const linkContainer = createElement("div", ["help-link-container"], content);
-      const linkContent = createElement("a", ["help-link-content"], linkContainer);
-      createElement("span", [], linkContent, i18n$1.t("webpage.dialog.helpLink"));
-      const iconSpan = createElement("span", ["help-link-icon"], linkContent);
-      iconSpan.innerHTML = LaunchIcon;
-      linkContent.href = (webpageOptions == null ? void 0 : webpageOptions.helpLink) || "";
-      linkContent.target = "_blank";
-    }
-    try {
-      const result = await new Promise((resolve, reject) => {
-        const dialog = new Dialog(content, {
-          id: "webpage",
-          title: i18n$1.t("webpage.dialog.title", { name: (itemOption == null ? void 0 : itemOption.name) || "" }),
-          async onOk() {
-            var _a;
-            const value = formatValue(getInputValue());
-            try {
-              await checkValue(value);
-              const detail = await recognizeWebPageLink(editor, value);
-              resolve((detail == null ? void 0 : detail.url) || "");
-            } catch (error2) {
-              if (((_a = error2 == null ? void 0 : error2.responseData) == null ? void 0 : _a.statusCode) === 415) {
-                if (isWebPageItem(itemId)) {
-                  resolve(value);
-                } else {
-                  setFieldError(i18n$1.t("webpage.dialog.unsupportedUrl"));
-                  throw error2;
-                }
-              } else {
-                setFieldError(error2.message || "");
-                throw error2;
-              }
-            }
-          },
-          onClose() {
-            editor.focus();
-            reject();
-          }
-        });
-        dialog.addListener("show", focus);
-        dialog.show();
-        const input2 = getField();
-        input2.addEventListener("keydown", async (event) => {
-          if (event.isComposing) {
-            return;
-          }
-          if (event.key === "Enter") {
-            await dialog.handleOk();
-            event.preventDefault();
-            return;
-          }
-          if (event.key === "Escape") {
-            dialog.handleClose();
-          }
-        });
-      });
-      const blockData = {
-        id: genId(),
-        type: "embed",
-        embedType: "webpage",
-        embedData: {
-          src: result
-        }
-      };
-      const block = editor.insertBlock(options.containerId, options.blockIndex, blockData);
-      editor.focus();
-      return block;
-    } catch (error2) {
-      return null;
-    }
-  }
-  function reloadIframe(block) {
-    const iframe = block.querySelector(".editor-preview-iframe");
-    const src = iframe.src;
-    iframe.src = "about:blank";
-    const timer = setTimeout(() => {
-      iframe.src = src;
-      clearTimeout(timer);
-    }, 300);
-    return true;
-  }
-  function openOriginalPage(editor, block) {
-    const blockData = editor.getBlockData(block);
-    const { embedData } = blockData;
-    const src = embedData.src;
-    window.open(src, "_blank");
-    return true;
-  }
-  function getBlockProperties$5(editor, block) {
-    const properties = getStandardEmbedBlockProperties(editor, block, {
-      presetIds: ["add-comment"],
-      extCommands: [{
-        id: "refresh",
-        name: i18n$1.t("webpage.command.refresh"),
-        icon: RefreshIcon
-      }, {
-        id: "open-page",
-        name: i18n$1.t("webpage.command.openPage"),
-        icon: LaunchIcon
-      }],
-      handleExecuteCommand: (editor2, block2, item) => {
-        switch (item.id) {
-          case "refresh":
-            return reloadIframe(block2);
-          case "open-page":
-            return openOriginalPage(editor2, block2);
-        }
-        return false;
-      }
-    });
-    const abstract = `${i18n$1.t("webpage.abstract")}`;
-    return {
-      ...properties,
-      abstract
-    };
-  }
-  const logger$c = getLogger("webpage-embed");
-  function createEmbedContent$5(editor, content, blockData, path, container, block) {
-    const { embedData, id } = blockData;
-    const { src } = embedData;
-    const webpage = editor.addCustom(`webpage-${id}`, () => new WebPage(editor, blockData));
-    assert(logger$c, src, "The src from blockData is invalid ");
-    webpage.create(editor, embedData, content, block);
-    setTimeout(() => {
-      if (editor.isBlockWritable(block)) {
-        editor.addCustom("webpage-resizer", () => new WebpageResizer(editor));
-      }
-    });
-    if (blockData.height) {
-      block.style.height = `${blockData.height}px`;
-    }
-  }
-  function handleUpdateBlock$4(editor, block, blockData) {
-    const { embedData, id } = blockData;
-    const webpage = editor.getCustom(`webpage-${id}`);
-    webpage.update(editor, block, embedData);
-    if (blockData.height) {
-      block.style.height = `${blockData.height}px`;
-    }
-    return true;
-  }
-  function getOptions$2(editor) {
-    return {
-      name: "WebPage",
-      insertEmbedCommandItems: getAllowedWebPages(editor),
-      handleInsertEmptyEmbed
-    };
-  }
-  function convertTo$5(editor, blockData, doc2, type) {
-    const webpage = blockData.embedData;
-    const url = webpage.src;
-    if (type === "html") {
-      return `<iframe src="${url}" ></iframe>`;
-    }
-    if (type === "markdown") {
-      return `[${url}](${url})`;
-    }
-    return url;
-  }
-  const WebPageEmbed = {
-    embedType: "webpage",
-    createEmbedContent: createEmbedContent$5,
-    getBlockProperties: getBlockProperties$5,
-    getOptions: getOptions$2,
-    handleUpdateBlock: handleUpdateBlock$4,
-    convertTo: convertTo$5
-  };
-  const zhCN$5 = {
-    webpage: {
-      title: "\u7F51\u9875",
-      youku: "\u4F18\u9177\u89C6\u9891",
-      modao: "\u58A8\u5200",
-      tencent: "\u817E\u8BAF\u89C6\u9891",
-      bilibili: "Bilibili",
-      figma: "Figma",
-      dialog: {
-        helpContent: "\u56E0\u76EE\u6807\u7F51\u9875\u7684\u9650\u5236\uFF0C\u90E8\u5206\u7F51\u9875\u53EF\u80FD\u65E0\u6CD5\u6210\u529F\u9884\u89C8\u3002",
-        helpLink: "\u5982\u4F55\u83B7\u53D6\u94FE\u63A5",
-        label: "\u7F51\u9875\u5730\u5740",
-        placeholder: "\u8BF7\u8F93\u5165",
-        title: "\u63D2\u5165{name}",
-        errorEnterUrl: "\u8BF7\u8F93\u5165\u7F51\u9875\u5730\u5740",
-        unsupportedUrl: "\u6682\u4E0D\u652F\u6301\u63D2\u5165\u8BE5\u94FE\u63A5\u5185\u5BB9",
-        okText: "\u786E\u5B9A",
-        cancelText: "\u53D6\u6D88"
-      },
-      abstract: "\u7F51\u9875",
-      command: {
-        refresh: "\u5237\u65B0\u9875\u9762",
-        openPage: "\u6253\u5F00\u539F\u59CB\u9875\u9762"
-      }
-    }
-  };
-  const enUS$5 = {
-    webpage: {
-      title: "Webpage",
-      youku: "Youku",
-      modao: "Modao",
-      tencent: "Tencent Video",
-      bilibili: "Bilibili",
-      figma: "Figma",
-      dialog: {
-        helpContent: "Due to landing page limitations, some pages may not be properly displayed during preview.",
-        helpLink: "How to get the URL link",
-        label: "Website address",
-        placeholder: "Please enter",
-        title: "Insert {name}",
-        errorEnterUrl: "Please enter website address",
-        unsupportedUrl: "Unsupported URL",
-        okText: "Confirm",
-        cancelText: "Cancel"
-      },
-      abstract: "Webpage",
-      command: {
-        refresh: "Refresh page",
-        openPage: "Open the original page"
-      }
-    }
-  };
-  const jaJP$5 = {
-    webpage: {
-      title: "Web \u30DA\u30FC\u30B8",
-      youku: "Youku \u52D5\u753B",
-      modao: "Modao",
-      tencent: "Tencent \u52D5\u753B",
-      bilibili: "Bilibili",
-      figma: "Figma",
-      dialog: {
-        helpContent: "\u30A2\u30AF\u30BB\u30B9\u5148\u306E\u5236\u9650\u306B\u3088\u308A\u3001\u4E00\u90E8\u306E\u30DA\u30FC\u30B8\u304C\u8868\u793A\u3067\u304D\u306A\u3044\u5834\u5408\u304C\u3042\u308A\u307E\u3059\u3002",
-        helpLink: "URL \u3092\u53D6\u5F97\u3059\u308B\u65B9\u6CD5",
-        label: "URL",
-        placeholder: "\u5165\u529B",
-        title: "{name}\u3092\u633F\u5165",
-        errorEnterUrl: "URL \u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044",
-        unsupportedUrl: "\u3053\u306E URL \u306F\u633F\u5165\u3067\u304D\u307E\u305B\u3093",
-        okText: "OK",
-        cancelText: "\u30AD\u30E3\u30F3\u30BB\u30EB"
-      },
-      abstract: "Web \u30DA\u30FC\u30B8",
-      command: {
-        refresh: "\u30DA\u30FC\u30B8\u3092\u518D\u8AAD\u307F\u8FBC\u3080",
-        openPage: "URL\u3092\u958B\u304F"
-      }
-    }
-  };
-  i18n$1.mergeLang({
-    "zh-CN": zhCN$5,
-    "en-US": enUS$5,
-    "ja-JP": jaJP$5
-  });
-  const webpageStyle = "";
-  class IframeKindEmbedDocCallbacks extends tinyTypedEmitter.TypedEmitter {
-    constructor(editor) {
-      super();
-      __publicField(this, "currentBlock");
-      __publicField(this, "currentIframe");
-      __publicField(this, "onReAuthErrorWhenIframeEditing");
-      __publicField(this, "onIframeExitEdit");
-      __publicField(this, "destroy", () => {
-        this.editor.doc.unregisterCallback(this);
-      });
-      __publicField(this, "onError", (error2) => {
-        if (error2.code === AuthError.err) {
-          if (this.currentIframe) {
-            this.onConnectReAuthError();
-          }
-        }
-      });
-      __publicField(this, "onAuthRecover", () => {
-        if (this.currentBlock) {
-          enablePageScroll(this.currentBlock.id);
-        }
-      });
-      __publicField(this, "unregisterCallbacks", () => {
-        this.editor.doc.unregisterCallback(this);
-      });
-      __publicField(this, "register", (block, iframe, options) => {
-        this.currentBlock = block;
-        this.currentIframe = iframe;
-        this.onReAuthErrorWhenIframeEditing = options.onError;
-        this.onIframeExitEdit = options.onExit;
-      });
-      __publicField(this, "unRegister", () => {
-        this.currentBlock = void 0;
-        this.currentIframe = void 0;
-        this.onReAuthErrorWhenIframeEditing = void 0;
-      });
-      __publicField(this, "onConnectReAuthError", () => {
-        var _a;
-        if (this.currentBlock && this.currentIframe) {
-          (_a = this.onReAuthErrorWhenIframeEditing) == null ? void 0 : _a.call(this, this.currentBlock, this.currentIframe);
-          const container = disablePageScroll(this.currentBlock.id);
-          const fixedToolbar = createElement("div", ["iframe-embed-auth-error-tips"], container);
-          fixedToolbar.innerHTML = i18n$1.t("authError.tips");
-          fixedToolbar.addEventListener("click", (event) => {
-            const target = event.target;
-            if (target instanceof HTMLSpanElement) {
-              const id = target.id;
-              switch (id) {
-                case "retry":
-                  this.reAuth();
-                  break;
-                case "exit":
-                  this.exit();
-                  break;
-              }
-            }
-          });
-        }
-      });
-      this.editor = editor;
-      this.editor.doc.registerCallback(this);
-    }
-    reAuth() {
-      var _a, _b;
-      (_b = (_a = this.editor.doc).triggerReAuth) == null ? void 0 : _b.call(_a);
-    }
-    exit() {
-      var _a;
-      if (this.currentBlock) {
-        enablePageScroll(this.currentBlock.id);
-      }
-      this.unRegister();
-      (_a = this.onIframeExitEdit) == null ? void 0 : _a.call(this);
-    }
-  }
-  function getContentTypeFromHeaders(headers) {
-    const entries = Object.entries(headers);
-    for (let i = 0; i < entries.length; i++) {
-      const [key, value] = entries[i];
-      if (key.toLocaleLowerCase() === "content-type") {
-        return value;
-      }
-    }
-    return "";
-  }
-  async function downloadImageToFile(editor, src, withCredentials = true) {
-    try {
-      const res = await editor.doc.request(src, {
-        method: "get",
-        responseType: "blob",
-        withCredentials
-      });
-      const reader = new FileReader();
-      const promise = new Promise((resolve, reject) => {
-        reader.onload = resolve;
-        reader.onerror = reject;
-      });
-      reader.readAsArrayBuffer(res.data);
-      await promise;
-      const buffer = reader.result;
-      const contentType = getContentTypeFromHeaders(res.headers).toLocaleLowerCase();
-      let ext = "";
-      if (contentType) {
-        const extensions = mime__default.default[contentType].extensions;
-        if (extensions && extensions.length > 0) {
-          ext = extensions[0];
-        }
-      }
-      const file2 = new File([buffer], `${Date.now()}.${ext}`, {
-        type: contentType
-      });
-      return file2;
-    } catch (err) {
-      return null;
-    }
-  }
-  async function downloadObjectToFile(editor, url) {
-    const file2 = await downloadImageToFile(editor, url);
-    return file2;
-  }
-  async function downloadSvgToString(editor, url) {
-    const file2 = await downloadObjectToFile(editor, url);
-    if (!file2)
-      return null;
-    const text2 = await file2.text();
-    return text2;
-  }
-  const isEmptyImage = (svg) => {
-    const rect = svg.getBoundingClientRect();
-    if (rect.width <= 1 && rect.height <= 1) {
-      return true;
+  async function downloadSvgToString(editor, url) {
+    const file2 = await downloadObjectToFile(editor, url);
+    if (!file2)
+      return null;
+    const text2 = await file2.text();
+    return text2;
+  }
+  const isEmptyImage = (svg) => {
+    const rect = svg.getBoundingClientRect();
+    if (rect.width <= 1 && rect.height <= 1) {
+      return true;
     }
     return false;
   };
@@ -65688,7 +65028,7 @@ ${codeText}
   const SAVE_DELAY_TIME = 30 * 1e3;
   const DRAWIO_EMPTY_CLASS = "editor-empty-drawio";
   const SHOW_FULL_SCREEN_IFRAME = "show-full-screen-iframe";
-  const logger$b = getLogger("embed-block-drawio");
+  const logger$e = getLogger("embed-block-drawio");
   function getDrawioOptions(editor) {
     const compOptions = editor.options.componentsOptions;
     return compOptions.drawIO || {};
@@ -65712,7 +65052,7 @@ ${codeText}
   }
   function resizeObserver(el) {
     const resize = () => {
-      assert(logger$b, el, "el does not exist");
+      assert(logger$e, el, "el does not exist");
       const width = document.body.clientWidth || document.documentElement.clientWidth;
       const height = document.body.clientHeight || document.documentElement.clientHeight;
       el.setAttribute("width", `${width - 2 * BORDER}`);
@@ -65730,17 +65070,17 @@ ${codeText}
   async function initializeDrawioIframe(editor, block) {
     const options = getDrawioOptions(editor) || {};
     const callbacks = options.callbacks || {};
-    const drawioCallbacks = editor.getCustom("drawio-event-callback");
+    const iframeKindEmbedDocCallbacks = editor.getCustom("iframe-embed-reauth-event-callback");
     const { onCreateDrawIoFrame, onCloseDrawIoFrame } = callbacks;
     let drawioIframe = null;
     let exit;
     if (onCreateDrawIoFrame) {
       drawioIframe = await onCreateDrawIoFrame(editor);
-      assert(logger$b, drawioIframe, "iframe create failed");
+      assert(logger$e, drawioIframe, "iframe create failed");
       exit = () => {
-        assert(logger$b, drawioIframe, "iframe does not exist");
-        assert(logger$b, onCloseDrawIoFrame, "missing parameters: onCloseDrawIoFrame");
-        drawioCallbacks.unRegister();
+        assert(logger$e, drawioIframe, "iframe does not exist");
+        assert(logger$e, onCloseDrawIoFrame, "missing parameters: onCloseDrawIoFrame");
+        iframeKindEmbedDocCallbacks.unRegister();
         onCloseDrawIoFrame(editor, drawioIframe);
       };
     } else {
@@ -65751,14 +65091,14 @@ ${codeText}
       addClass(drawioContainer, SHOW_FULL_SCREEN_IFRAME);
       const { disconnect } = resizeObserver(drawioIframe);
       exit = () => {
-        assert(logger$b, drawioIframe, "iframe does not exist");
-        drawioCallbacks.unRegister();
+        assert(logger$e, drawioIframe, "iframe does not exist");
+        iframeKindEmbedDocCallbacks.unRegister();
         disconnect();
         document.body.removeChild(drawioContainer);
         removeClass(drawioContainer, SHOW_FULL_SCREEN_IFRAME);
       };
     }
-    drawioCallbacks.register(block, drawioIframe, {
+    iframeKindEmbedDocCallbacks.register(block, drawioIframe, {
       onExit: () => exit()
     });
     return {
@@ -65770,7 +65110,7 @@ ${codeText}
     var _a, _b;
     try {
       if (autoSave) {
-        logger$b.debug("auto saving drawio data");
+        logger$e.debug("auto saving drawio data");
       }
       const blob = new Blob([svg]);
       const file2 = new File([blob], "drawio.svg", {
@@ -65789,11 +65129,11 @@ ${codeText}
           };
           editor.updateEmbedData(targetBlock, newEmbedData);
         } else {
-          logger$b.error("block has been deleted");
+          logger$e.error("block has been deleted");
         }
       } catch (err) {
         const message = `failed to upload drawio data: ${err.message}`;
-        logger$b.error(message);
+        logger$e.error(message);
       }
     } catch (err) {
       const message = `failed to save drawio data: ${err.message}`;
@@ -65812,7 +65152,7 @@ ${codeText}
     };
     const receive = async (evt) => {
       var _a, _b;
-      assert(logger$b, iframe.contentWindow, "iframe.contentWindow does not exist");
+      assert(logger$e, iframe.contentWindow, "iframe.contentWindow does not exist");
       if (evt.data.length > 0) {
         const msg = JSON.parse(evt.data);
         const xml = drawIoData.xmlSvg || drawIoData.xml;
@@ -65962,7 +65302,7 @@ ${codeText}
     };
   }
   function setGraph(embed, data) {
-    assert(logger$b, data, "Required data is missing in setGraph");
+    assert(logger$e, data, "Required data is missing in setGraph");
     if ("src" in data) {
       embed.setAttribute("data-src", data.src);
       return;
@@ -65985,8 +65325,8 @@ ${codeText}
     };
   }
   function updateGraphBySrc(src, embed, editor) {
-    assert(logger$b, src, "params error: src");
-    assert(logger$b, editor, "params error: editor");
+    assert(logger$e, src, "params error: src");
+    assert(logger$e, editor, "params error: editor");
     const embedEl = embed;
     const url = editor.doc.buildResourceUrl(src);
     const img = document.createElement("img");
@@ -66019,26 +65359,26 @@ ${codeText}
     };
   }
   function updateGraphByXml(mxFile, embed, editor) {
-    assert(logger$b, editor, "parameter missing");
+    assert(logger$e, editor, "parameter missing");
     initDrawIo(editor).then(() => {
       const { mxUtils, mxGraph: MxGraph, mxCodec: MxCodec } = window;
-      assert(logger$b, mxUtils, "External resource loading exception: mxUtils");
-      assert(logger$b, MxGraph, "External resource loading exception: MxGraph");
-      assert(logger$b, MxCodec, "External resource loading exception: MxCodec");
+      assert(logger$e, mxUtils, "External resource loading exception: mxUtils");
+      assert(logger$e, MxGraph, "External resource loading exception: MxGraph");
+      assert(logger$e, MxCodec, "External resource loading exception: MxCodec");
       const file2 = mxUtils.parseXml(mxFile);
       embed.innerHTML = "";
       const node = file2.documentElement;
-      assert(logger$b, node, "Resource parsing exception");
-      assert(logger$b, node.nodeName === "mxfile", "Resource parsing exception");
+      assert(logger$e, node, "Resource parsing exception");
+      assert(logger$e, node.nodeName === "mxfile", "Resource parsing exception");
       const diagrams = node.getElementsByTagName("diagram");
-      assert(logger$b, diagrams.length > 0, "Resource parsing exception");
+      assert(logger$e, diagrams.length > 0, "Resource parsing exception");
       let xmlDoc;
       const data = diagrams[0];
       if (data.text || data.textContent) {
         const diagramBase64 = getTextContent(data);
         const raw = atob(diagramBase64);
         const pako = window.pako;
-        assert(logger$b, pako, "External resource loading exception: pako");
+        assert(logger$e, pako, "External resource loading exception: pako");
         const encodedXml = pako.inflateRaw(Uint8Array.from(raw, (c) => c.charCodeAt(0)), { to: "string" });
         const xml = decodeURIComponent(encodedXml);
         xmlDoc = mxUtils.parseXml(xml);
@@ -66075,7 +65415,7 @@ ${codeText}
     }
     addDrawioEmptyStatus(embed);
   }
-  function getBlockProperties$4(editor, block) {
+  function getBlockProperties$5(editor, block) {
     const properties = getStandardEmbedBlockProperties(editor, block, {
       handleExecuteCommand: (editor2, block2, item) => {
         if (item.id === "edit") {
@@ -66088,7 +65428,7 @@ ${codeText}
     });
     return { ...properties, abstract: i18n$1.t("drawio.abstract") };
   }
-  const enUS$4 = {
+  const enUS$5 = {
     drawio: {
       title: "Flowchart/UML",
       empty: "Empty graph",
@@ -66102,7 +65442,7 @@ ${codeText}
       tips: '<div>\u670D\u52A1\u5DF2\u65AD\u5F00\uFF0C\u4E3A\u4E86\u907F\u514D\u5185\u5BB9\u4E22\u5931\uFF0C\u6211\u4EEC\u6682\u65F6\u7981\u7528\u7F16\u8F91\u529F\u80FD\uFF0C\u4F60\u53EF\u4EE5 <span id="retry">\u91CD\u8FDE\u670D\u52A1</span> \u6216 <span id="exit">\u9000\u51FA\u7F16\u8F91</span></div>'
     }
   };
-  const zhCN$4 = {
+  const zhCN$5 = {
     drawio: {
       title: "\u6D41\u7A0B\u56FE/UML",
       empty: "\u7A7A\u56FE\u8868",
@@ -66116,7 +65456,7 @@ ${codeText}
       tips: '<div>\u670D\u52A1\u5DF2\u65AD\u5F00\uFF0C\u4E3A\u4E86\u907F\u514D\u5185\u5BB9\u4E22\u5931\uFF0C\u6211\u4EEC\u6682\u65F6\u7981\u7528\u7F16\u8F91\u529F\u80FD\uFF0C\u4F60\u53EF\u4EE5 <span id="retry">\u91CD\u8FDE\u670D\u52A1</span> \u6216 <span id="exit">\u9000\u51FA\u7F16\u8F91</span></div>'
     }
   };
-  const jaJP$4 = {
+  const jaJP$5 = {
     drawio: {
       title: "\u30D5\u30ED\u30FC\u30C1\u30E3\u30FC\u30C8/UML",
       empty: "\u30B0\u30E9\u30D5\u30C7\u30FC\u30BF\u306A\u3057",
@@ -66131,16 +65471,16 @@ ${codeText}
     }
   };
   const langs = {
-    "en-US": enUS$4,
-    "zh-CN": zhCN$4,
-    "ja-JP": jaJP$4
+    "en-US": enUS$5,
+    "zh-CN": zhCN$5,
+    "ja-JP": jaJP$5
   };
   i18n$1.mergeLang(langs);
-  const logger$a = getLogger("embed-block-drawio");
+  const logger$d = getLogger("embed-block-drawio");
   const isInitializationCompleted = false;
   function editDrawIO(editor, block, embed, data) {
-    assert(logger$a, embed, `parameter missing: ${embed}`);
-    assert(logger$a, editor, `parameter missing: ${editor}`);
+    assert(logger$d, embed, `parameter missing: ${embed}`);
+    assert(logger$d, editor, `parameter missing: ${editor}`);
     editGraph(editor, block, data, isInitializationCompleted);
   }
   function updateViewLayer(editor, embed, data) {
@@ -66182,23 +65522,20 @@ ${codeText}
       }
     }
   }
-  function createEmbedContent$4(editor, content, blockData, path, container, block) {
-    editorRunOnce(editor, "drawio-event-callbacks", () => {
-      editor.addCustom("drawio-event-callback", (editor2) => new IframeKindEmbedDocCallbacks(editor2));
-    });
+  function createEmbedContent$5(editor, content, blockData, path, container, block) {
     const drawioData = blockData.embedData;
     mount(editor, content, drawioData);
     EmbedBlockResizer.register(editor, block);
   }
-  function handleUpdateBlock$3(editor, block, blockData) {
+  function handleUpdateBlock$4(editor, block, blockData) {
     const data = blockData.embedData;
     const content = getBlockContent(block);
     const embed = content.querySelector(":scope > .editor-drawio-content");
-    assert(logger$a, embed, "embed should not be null");
+    assert(logger$d, embed, "embed should not be null");
     update$1(editor, embed, data);
     return true;
   }
-  function getOptions$1() {
+  function getOptions$2() {
     return {
       name: "UML",
       insertEmbedCommandItems: [{
@@ -66219,7 +65556,7 @@ ${codeText}
         setTimeout(() => {
           const blockContent = getBlockContent(block);
           const embed = blockContent.querySelector(":scope > .editor-drawio-content");
-          assert(logger$a, embed, "embed should not be null");
+          assert(logger$d, embed, "embed should not be null");
           const blockData = editor.getBlockData(block);
           editDrawIO(editor, block, embed, blockData.embedData);
         }, 100);
@@ -66227,7 +65564,7 @@ ${codeText}
       }
     };
   }
-  function convertTo$4(editor, blockData, doc2, type) {
+  function convertTo$5(editor, blockData, doc2, type) {
     const { embedData } = blockData;
     const data = embedData;
     if (type === "html") {
@@ -66252,13 +65589,683 @@ ${codeText}
   }
   const DrawioEmbed = {
     embedType: "drawio",
-    getOptions: getOptions$1,
+    getOptions: getOptions$2,
+    createEmbedContent: createEmbedContent$5,
+    handleUpdateBlock: handleUpdateBlock$4,
+    getBlockProperties: getBlockProperties$5,
+    convertTo: convertTo$5
+  };
+  const style = "";
+  class IframeKindEmbedDocCallbacks extends tinyTypedEmitter.TypedEmitter {
+    constructor(editor) {
+      super();
+      __publicField(this, "currentBlock");
+      __publicField(this, "currentIframe");
+      __publicField(this, "onReAuthErrorWhenIframeEditing");
+      __publicField(this, "onIframeExitEdit");
+      __publicField(this, "destroy", () => {
+        this.editor.doc.unregisterCallback(this);
+      });
+      __publicField(this, "onError", (error2) => {
+        if (error2.code === AuthError.err) {
+          if (this.currentIframe) {
+            this.onConnectReAuthError();
+          }
+        }
+      });
+      __publicField(this, "onAuthRecover", () => {
+        if (this.currentBlock) {
+          enablePageScroll(this.currentBlock.id);
+        }
+      });
+      __publicField(this, "unregisterCallbacks", () => {
+        this.editor.doc.unregisterCallback(this);
+      });
+      __publicField(this, "register", (block, iframe, options) => {
+        this.currentBlock = block;
+        this.currentIframe = iframe;
+        this.onReAuthErrorWhenIframeEditing = options.onError;
+        this.onIframeExitEdit = options.onExit;
+      });
+      __publicField(this, "unRegister", () => {
+        this.currentBlock = void 0;
+        this.currentIframe = void 0;
+        this.onReAuthErrorWhenIframeEditing = void 0;
+      });
+      __publicField(this, "onConnectReAuthError", () => {
+        var _a;
+        if (this.currentBlock && this.currentIframe) {
+          (_a = this.onReAuthErrorWhenIframeEditing) == null ? void 0 : _a.call(this, this.currentBlock, this.currentIframe);
+          const container = disablePageScroll(this.currentBlock.id);
+          const fixedToolbar = createElement("div", ["iframe-embed-auth-error-tips"], container);
+          fixedToolbar.innerHTML = i18n$1.t("authError.tips");
+          fixedToolbar.addEventListener("click", (event) => {
+            var _a2, _b;
+            const target = event.target;
+            if (target instanceof HTMLSpanElement) {
+              const id = target.id;
+              switch (id) {
+                case "retry":
+                  (_b = (_a2 = this.editor.doc).triggerReAuth) == null ? void 0 : _b.call(_a2);
+                  break;
+                case "exit":
+                  this.exit();
+                  break;
+              }
+            }
+          });
+        }
+      });
+      this.editor = editor;
+      this.editor.doc.registerCallback(this);
+    }
+    exit() {
+      var _a;
+      if (this.currentBlock) {
+        enablePageScroll(this.currentBlock.id);
+      }
+      this.unRegister();
+      (_a = this.onIframeExitEdit) == null ? void 0 : _a.call(this);
+    }
+  }
+  const loadingIcon = '<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M12 7.61719C11.4477 7.61719 11 7.16947 11 6.61719V3.61719C11 3.0649 11.4477 2.61719 12 2.61719C12.5523 2.61719 13 3.0649 13 3.61719V6.61719C13 7.16947 12.5523 7.61719 12 7.61719ZM4.92893 5.54612C5.31946 5.15559 5.95262 5.1556 6.34315 5.54612L8.46447 7.66744C8.85499 8.05796 8.85499 8.69113 8.46447 9.08165C8.07394 9.47218 7.44078 9.47218 7.05025 9.08165L4.92893 6.96033C4.53841 6.56981 4.53841 5.93664 4.92893 5.54612ZM15.5355 9.08165C15.145 8.69113 15.145 8.05796 15.5355 7.66744L17.6569 5.54612C18.0474 5.1556 18.6805 5.1556 19.0711 5.54612C19.4616 5.93664 19.4616 6.56981 19.0711 6.96033L16.9497 9.08165C16.5592 9.47218 15.9261 9.47218 15.5355 9.08165ZM2 12.6172C2 12.0649 2.44772 11.6172 3 11.6172L6 11.6172C6.55229 11.6172 7 12.0649 7 12.6172C7 13.1695 6.55228 13.6172 6 13.6172L3 13.6172C2.44772 13.6172 2 13.1695 2 12.6172ZM17 12.6172C17 12.0649 17.4477 11.6172 18 11.6172L21 11.6172C21.5523 11.6172 22 12.0649 22 12.6172C22 13.1695 21.5523 13.6172 21 13.6172L18 13.6172C17.4477 13.6172 17 13.1695 17 12.6172ZM15.5355 16.1527C15.9261 15.7622 16.5592 15.7622 16.9497 16.1527L19.0711 18.274C19.4616 18.6646 19.4616 19.2977 19.0711 19.6883C18.6805 20.0788 18.0474 20.0788 17.6569 19.6883L15.5355 17.5669C15.145 17.1764 15.145 16.5432 15.5355 16.1527ZM4.92893 19.6883C4.53841 19.2977 4.53841 18.6646 4.92893 18.274L7.05025 16.1527C7.44078 15.7622 8.07394 15.7622 8.46447 16.1527C8.85499 16.5432 8.85499 17.1764 8.46447 17.5669L6.34315 19.6883C5.95262 20.0788 5.31946 20.0788 4.92893 19.6883ZM12 22.6172C11.4477 22.6172 11 22.1695 11 21.6172V18.6172C11 18.0649 11.4477 17.6172 12 17.6172C12.5523 17.6172 13 18.0649 13 18.6172V21.6172C13 22.1695 12.5523 22.6172 12 22.6172Z" fill="#5587F0"/>\n<animateTransform attributeType="xml" attributeName="transform" type="rotate" values="0 12 12.5;360 12 12.5" dur="2s"  repeatCount="indefinite" />\n</g>\n</svg>';
+  const logger$c = getLogger("webpage");
+  class WebPage {
+    constructor(editor, blockData) {
+      __publicField(this, "currentSrc", "");
+      __publicField(this, "loading", null);
+      __publicField(this, "handleMaskMouseMove", (editor, event) => {
+        if (window.isDragging) {
+          return;
+        }
+        if (event.target && event.target instanceof Element) {
+          const mask = event.target.closest("webpage-mask");
+          if (mask) {
+            mask.style.display = "none";
+          }
+        }
+        editor.domEvents.addEventListener(document, "mousemove", this.handleDocumentMouseMove);
+      });
+      __publicField(this, "handleDocumentMouseMove", (editor, event) => {
+        if (!event.target || !(event.target instanceof Element)) {
+          return;
+        }
+        const block = this.editor.findBlockById(this.blockData.id);
+        if (block) {
+          const mask = this.getExistsMask(block);
+          if (mask) {
+            if (isChildNode(block, event.target)) {
+              mask.style.display = "none";
+              return;
+            }
+            mask.style.display = "";
+          }
+        }
+      });
+      this.editor = editor;
+      this.blockData = blockData;
+    }
+    create(editor, embedData, parent, block) {
+      const src = embedData.src;
+      const internalContainer = createElement("div", ["editor-embed"], null);
+      const iframe = createElement("iframe", ["editor-preview-iframe"], internalContainer);
+      this.loading = this.createLoading(internalContainer);
+      const handleIframeLoaded = () => {
+        assert(logger$c, this.loading, "not created");
+        this.loading.hide();
+        this.currentSrc = src;
+      };
+      editor.domEvents.addEventListener(iframe, "load", handleIframeLoaded);
+      const httpReg = /^http:\/\//i;
+      iframe.src = src.replace(httpReg, "//");
+      this.loading.show();
+      parent.append(internalContainer);
+      this.createMask(editor, block);
+    }
+    update(editor, block, embedData) {
+      assert(logger$c, this.loading, "not created");
+      if (this.currentSrc === embedData.src) {
+        return;
+      }
+      const iframe = block.querySelector(".editor-preview-iframe");
+      assert(logger$c, iframe, "no exists iframe");
+      this.loading.show();
+      iframe.src = embedData.src;
+      this.createMask(editor, block);
+    }
+    createLoading(parent) {
+      const loadContainer = createElement("div", ["editor-preview-iframe-loading"], null);
+      const iconContainer = createElement("span", [], loadContainer);
+      iconContainer.innerHTML = loadingIcon;
+      return {
+        show() {
+          parent.append(loadContainer);
+        },
+        hide() {
+          const loadContainer2 = parent.querySelector(":scope > .editor-preview-iframe-loading");
+          if (!loadContainer2)
+            return;
+          loadContainer2.remove();
+        }
+      };
+    }
+    getExistsMask(block) {
+      const tools = getBlockTools(block);
+      return tools.querySelector(".webpage-mask");
+    }
+    createMask(editor, block) {
+      const tools = getBlockTools(block);
+      let mask = this.getExistsMask(block);
+      if (mask) {
+        mask.style.display = "";
+        return;
+      }
+      mask = createElement("div", ["webpage-mask"], tools);
+      editor.domEvents.addEventListener(mask, "mousemove", this.handleMaskMouseMove);
+    }
+    destroy() {
+      const block = this.editor.findBlockById(this.blockData.id);
+      if (block) {
+        const mask = this.getExistsMask(block);
+        if (mask) {
+          this.editor.domEvents.removeEventListener(mask, "mousemove", this.handleMaskMouseMove);
+          this.editor.domEvents.removeEventListener(document, "mousemove", this.handleDocumentMouseMove);
+        }
+      }
+    }
+  }
+  function isWebpageBlock(block) {
+    return block && isEmbedBlock(block) && getEmbedType(block) === "webpage";
+  }
+  const MAX_HEIGHT = 1e3;
+  const MIN_HEIGHT = 100;
+  class WebpageResizer {
+    constructor(editor) {
+      __publicField(this, "currentBlockElement", null);
+      __publicField(this, "resizing", false);
+      __publicField(this, "handleHoveringBlockChange", (newBlock, oldBlock) => {
+        if (this.resizing) {
+          return;
+        }
+        if (oldBlock && isWebpageBlock(oldBlock)) {
+          this.disableBlockResize(oldBlock);
+        }
+        if (newBlock && isWebpageBlock(newBlock)) {
+          this.enableBlockResize(newBlock);
+        }
+      });
+      __publicField(this, "handleResizing", (resizer, rect) => {
+        this.resizing = true;
+        const block = resizer.getBlock();
+        if (!block) {
+          return;
+        }
+        const newHeight = Math.max(Math.min(rect.height, MAX_HEIGHT), MIN_HEIGHT);
+        block.style.height = `${newHeight}px`;
+        addClass(block, "resizing");
+      });
+      __publicField(this, "handleResized", (resizer) => {
+        this.resizing = false;
+        const block = resizer.getBlock();
+        if (!block) {
+          return;
+        }
+        removeClass(block, "resizing");
+        const oldData = this.editor.getBlockData(block);
+        const height = block.getBoundingClientRect().height;
+        this.editor.updateBlockData(block, {
+          ...oldData,
+          height
+        });
+      });
+      this.editor = editor;
+      OnesEditorHoveringBlock.get(editor).addListener("change", this.handleHoveringBlockChange);
+    }
+    destroy() {
+      this.currentBlockElement = null;
+      OnesEditorHoveringBlock.get(this.editor).removeListener("change", this.handleHoveringBlockChange);
+    }
+    disableBlockResize(block) {
+      const resizer = this.editor.findCustom(`${getBlockId(block)}-resizer`);
+      if (resizer) {
+        resizer.disableResize();
+      }
+    }
+    enableBlockResize(block) {
+      const resizer = this.editor.addCustom(`${getBlockId(block)}-resizer`, () => new BlockResizer(this.editor, {
+        resize: ["bottom"]
+      }));
+      resizer.enableResize(block);
+      resizer.removeListener("resizing", this.handleResizing);
+      resizer.removeListener("resized", this.handleResized);
+      resizer.addListener("resizing", this.handleResizing);
+      resizer.addListener("resized", this.handleResized);
+      this.currentBlockElement = block;
+    }
+  }
+  const index$3 = "";
+  const logger$b = getLogger("editor-dialog");
+  function createContainer(content, options) {
+    const container = createElement("div", ["editor-dialog-container"], null);
+    const header = createElement("div", ["dialog-header"], container);
+    createElement("span", ["dialog-header-title"], header, options.title);
+    const closeIcon = createElement("span", ["close-icon"], header);
+    closeIcon.innerHTML = CloseIcon;
+    const contentWrap = createElement("div", ["dialog-content"], container);
+    contentWrap.appendChild(content);
+    const footer = createElement("div", ["dialog-footer"], container);
+    const cancelButton = createButton$1("cancel-button", i18n$1.t("webpage.dialog.cancelText"));
+    footer.appendChild(cancelButton);
+    const submitButton = createButton$1("submit-button", i18n$1.t("webpage.dialog.okText"), void 0, ["primary"]);
+    footer.appendChild(submitButton);
+    return container;
+  }
+  class Dialog extends ManualCloseDialog {
+    constructor(content, options) {
+      super(createContainer(content, options), options);
+      __publicField(this, "_options");
+      __publicField(this, "getReferenceClientRect", () => {
+        const y = document.documentElement.clientHeight / 2;
+        const x = document.documentElement.clientWidth / 2;
+        const rootElement = this.getCommandBarRoot();
+        assert(logger$b, rootElement, "no command bar root");
+        const { width, height } = rootElement.getBoundingClientRect();
+        return new DOMRect(Math.max(x - width / 2, 0), Math.max(y - height / 2, 0), 0, 0);
+      });
+      __publicField(this, "handleOk", async () => {
+        var _a, _b;
+        try {
+          await ((_b = (_a = this._options).onOk) == null ? void 0 : _b.call(_a));
+          this.destroy();
+        } catch (error2) {
+        }
+      });
+      __publicField(this, "handleClose", () => {
+        var _a, _b;
+        (_b = (_a = this._options).onClose) == null ? void 0 : _b.call(_a);
+        this.destroy();
+      });
+      const submitBtn = this.content.querySelector('[data-button-id="submit-button"]');
+      const cancelBtn = this.content.querySelector('[data-button-id="cancel-button"]');
+      const closeIcon = this.content.querySelector(".close-icon");
+      submitBtn == null ? void 0 : submitBtn.addEventListener("click", this.handleOk);
+      closeIcon == null ? void 0 : closeIcon.addEventListener("click", this.handleClose);
+      cancelBtn == null ? void 0 : cancelBtn.addEventListener("click", this.handleClose);
+      this._options = options;
+    }
+    show() {
+      super.show(document.documentElement, { getReferenceClientRect: this.getReferenceClientRect });
+      setTimeout(() => {
+        const mark = document.querySelector(`.editor-disable-scroll[data-scroll-id="${this.id}"]`);
+        if (mark) {
+          addClass(mark, "editor-disable-scroll-dark");
+        }
+      });
+    }
+    destroy() {
+      const submitBtn = this.content.querySelector('[data-button-id="submit-button"]');
+      const cancelBtn = this.content.querySelector('[data-button-id="cancel-button"]');
+      const closeIcon = this.content.querySelector(".close-icon");
+      submitBtn == null ? void 0 : submitBtn.removeEventListener("click", this.handleOk);
+      cancelBtn == null ? void 0 : cancelBtn.removeEventListener("click", this.handleClose);
+      closeIcon == null ? void 0 : closeIcon.removeEventListener("click", this.handleClose);
+      super.destroy();
+    }
+  }
+  const getCommandItems = () => [
+    {
+      name: i18n$1.t("webpage.bilibili"),
+      id: "insert-bilibili",
+      icon: BilibiliIcon,
+      group: "thirdParty",
+      subText: getShortcutById("insert-bilibili"),
+      value: "bilibili"
+    },
+    {
+      name: i18n$1.t("webpage.youku"),
+      id: "insert-youku",
+      icon: YoukuIcon,
+      group: "thirdParty",
+      subText: getShortcutById("insert-youku"),
+      value: "youku"
+    },
+    {
+      name: i18n$1.t("webpage.figma"),
+      id: "insert-figma",
+      icon: FigmaIcon,
+      group: "thirdParty",
+      subText: getShortcutById("insert-figma"),
+      value: "figma"
+    },
+    {
+      name: i18n$1.t("webpage.modao"),
+      id: "insert-modao",
+      icon: ModaoIcon,
+      group: "thirdParty",
+      subText: getShortcutById("insert-modao"),
+      value: "modao"
+    },
+    {
+      name: i18n$1.t("webpage.tencent"),
+      id: "insert-tencent",
+      icon: TencentVideoIcon,
+      group: "thirdParty",
+      subText: getShortcutById("insert-tencent"),
+      value: "qqVideo"
+    },
+    {
+      id: "insert-webPage",
+      name: i18n$1.t("webpage.title"),
+      icon: WebPageIcon,
+      group: "common",
+      order: 1e3,
+      subText: getShortcutById("insert-webPage"),
+      value: "url"
+    }
+  ];
+  function getAllowedWebPages(editor) {
+    let webpages = getCommandItems();
+    const editorOptions = editor.getComponentOptions("webpage");
+    if (editorOptions == null ? void 0 : editorOptions.getAllowedWebPages) {
+      webpages = editorOptions.getAllowedWebPages(webpages);
+    }
+    return webpages;
+  }
+  function isWebPageItem(id) {
+    return id === "insert-webPage";
+  }
+  async function recognizeWebPageLink(editor, url) {
+    if (editor.doc.externalDoc.recognizeLink) {
+      return editor.doc.externalDoc.recognizeLink(url);
+    }
+    return null;
+  }
+  function formatValue(value) {
+    if (value && !value.startsWith("http://") && !value.startsWith("https://") && !value.startsWith("//")) {
+      return `${window.location.protocol}//${value}`;
+    }
+    return value;
+  }
+  async function checkValue(value) {
+    if (!value) {
+      throw new Error(i18n$1.t("webpage.dialog.errorEnterUrl"));
+    }
+    const test = value;
+    try {
+      new URL(test);
+    } catch (err) {
+      throw new Error(i18n$1.t("webpage.dialog.unsupportedUrl"));
+    }
+  }
+  async function handleInsertEmptyEmbed(editor, options) {
+    const itemId = options.item.id;
+    const itemOption = getAllowedWebPages(editor).find((item) => item.id === itemId);
+    const content = createElement("div", ["webpage-content"], null);
+    if (isWebPageItem(itemId)) {
+      const helpContainer = createElement("div", ["help-container"], content);
+      const helpContent = createElement("div", ["help-content"], helpContainer);
+      const span = createElement("span", ["help-icon"], helpContent);
+      span.innerHTML = WarningIcon;
+      createElement("span", [], helpContent, i18n$1.t("webpage.dialog.helpContent"));
+    }
+    const { getInputValue, setFieldError, focus, getField } = createInput(content, {
+      required: true,
+      label: i18n$1.t("webpage.dialog.label"),
+      placeholder: i18n$1.t("webpage.dialog.placeholder")
+    });
+    const webpageOptions = editor.getComponentOptions("webpage");
+    if (!isWebPageItem(itemId) && !(webpageOptions == null ? void 0 : webpageOptions.hideHelpLink)) {
+      const linkContainer = createElement("div", ["help-link-container"], content);
+      const linkContent = createElement("a", ["help-link-content"], linkContainer);
+      createElement("span", [], linkContent, i18n$1.t("webpage.dialog.helpLink"));
+      const iconSpan = createElement("span", ["help-link-icon"], linkContent);
+      iconSpan.innerHTML = LaunchIcon;
+      linkContent.href = (webpageOptions == null ? void 0 : webpageOptions.helpLink) || "";
+      linkContent.target = "_blank";
+    }
+    try {
+      const result = await new Promise((resolve, reject) => {
+        const dialog = new Dialog(content, {
+          id: "webpage",
+          title: i18n$1.t("webpage.dialog.title", { name: (itemOption == null ? void 0 : itemOption.name) || "" }),
+          async onOk() {
+            var _a;
+            const value = formatValue(getInputValue());
+            try {
+              await checkValue(value);
+              const detail = await recognizeWebPageLink(editor, value);
+              resolve((detail == null ? void 0 : detail.url) || "");
+            } catch (error2) {
+              if (((_a = error2 == null ? void 0 : error2.responseData) == null ? void 0 : _a.statusCode) === 415) {
+                if (isWebPageItem(itemId)) {
+                  resolve(value);
+                } else {
+                  setFieldError(i18n$1.t("webpage.dialog.unsupportedUrl"));
+                  throw error2;
+                }
+              } else {
+                setFieldError(error2.message || "");
+                throw error2;
+              }
+            }
+          },
+          onClose() {
+            editor.focus();
+            reject();
+          }
+        });
+        dialog.addListener("show", focus);
+        dialog.show();
+        const input2 = getField();
+        input2.addEventListener("keydown", async (event) => {
+          if (event.isComposing) {
+            return;
+          }
+          if (event.key === "Enter") {
+            await dialog.handleOk();
+            event.preventDefault();
+            return;
+          }
+          if (event.key === "Escape") {
+            dialog.handleClose();
+          }
+        });
+      });
+      const blockData = {
+        id: genId(),
+        type: "embed",
+        embedType: "webpage",
+        embedData: {
+          src: result
+        }
+      };
+      const block = editor.insertBlock(options.containerId, options.blockIndex, blockData);
+      editor.focus();
+      return block;
+    } catch (error2) {
+      return null;
+    }
+  }
+  function reloadIframe(block) {
+    const iframe = block.querySelector(".editor-preview-iframe");
+    const src = iframe.src;
+    iframe.src = "about:blank";
+    const timer = setTimeout(() => {
+      iframe.src = src;
+      clearTimeout(timer);
+    }, 300);
+    return true;
+  }
+  function openOriginalPage(editor, block) {
+    const blockData = editor.getBlockData(block);
+    const { embedData } = blockData;
+    const src = embedData.src;
+    window.open(src, "_blank");
+    return true;
+  }
+  function getBlockProperties$4(editor, block) {
+    const properties = getStandardEmbedBlockProperties(editor, block, {
+      presetIds: ["add-comment"],
+      extCommands: [{
+        id: "refresh",
+        name: i18n$1.t("webpage.command.refresh"),
+        icon: RefreshIcon
+      }, {
+        id: "open-page",
+        name: i18n$1.t("webpage.command.openPage"),
+        icon: LaunchIcon
+      }],
+      handleExecuteCommand: (editor2, block2, item) => {
+        switch (item.id) {
+          case "refresh":
+            return reloadIframe(block2);
+          case "open-page":
+            return openOriginalPage(editor2, block2);
+        }
+        return false;
+      }
+    });
+    const abstract = `${i18n$1.t("webpage.abstract")}`;
+    return {
+      ...properties,
+      abstract
+    };
+  }
+  const logger$a = getLogger("webpage-embed");
+  function createEmbedContent$4(editor, content, blockData, path, container, block) {
+    const { embedData, id } = blockData;
+    const { src } = embedData;
+    const webpage = editor.addCustom(`webpage-${id}`, () => new WebPage(editor, blockData));
+    assert(logger$a, src, "The src from blockData is invalid ");
+    webpage.create(editor, embedData, content, block);
+    setTimeout(() => {
+      if (editor.isBlockWritable(block)) {
+        editor.addCustom("webpage-resizer", () => new WebpageResizer(editor));
+      }
+    });
+    if (blockData.height) {
+      block.style.height = `${blockData.height}px`;
+    }
+  }
+  function handleUpdateBlock$3(editor, block, blockData) {
+    const { embedData, id } = blockData;
+    const webpage = editor.getCustom(`webpage-${id}`);
+    webpage.update(editor, block, embedData);
+    if (blockData.height) {
+      block.style.height = `${blockData.height}px`;
+    }
+    return true;
+  }
+  function getOptions$1(editor) {
+    return {
+      name: "WebPage",
+      insertEmbedCommandItems: getAllowedWebPages(editor),
+      handleInsertEmptyEmbed
+    };
+  }
+  function convertTo$4(editor, blockData, doc2, type) {
+    const webpage = blockData.embedData;
+    const url = webpage.src;
+    if (type === "html") {
+      return `<iframe src="${url}" ></iframe>`;
+    }
+    if (type === "markdown") {
+      return `[${url}](${url})`;
+    }
+    return url;
+  }
+  const WebPageEmbed = {
+    embedType: "webpage",
     createEmbedContent: createEmbedContent$4,
-    handleUpdateBlock: handleUpdateBlock$3,
     getBlockProperties: getBlockProperties$4,
+    getOptions: getOptions$1,
+    handleUpdateBlock: handleUpdateBlock$3,
     convertTo: convertTo$4
   };
-  const style = "";
+  const zhCN$4 = {
+    webpage: {
+      title: "\u7F51\u9875",
+      youku: "\u4F18\u9177\u89C6\u9891",
+      modao: "\u58A8\u5200",
+      tencent: "\u817E\u8BAF\u89C6\u9891",
+      bilibili: "Bilibili",
+      figma: "Figma",
+      dialog: {
+        helpContent: "\u56E0\u76EE\u6807\u7F51\u9875\u7684\u9650\u5236\uFF0C\u90E8\u5206\u7F51\u9875\u53EF\u80FD\u65E0\u6CD5\u6210\u529F\u9884\u89C8\u3002",
+        helpLink: "\u5982\u4F55\u83B7\u53D6\u94FE\u63A5",
+        label: "\u7F51\u9875\u5730\u5740",
+        placeholder: "\u8BF7\u8F93\u5165",
+        title: "\u63D2\u5165{name}",
+        errorEnterUrl: "\u8BF7\u8F93\u5165\u7F51\u9875\u5730\u5740",
+        unsupportedUrl: "\u6682\u4E0D\u652F\u6301\u63D2\u5165\u8BE5\u94FE\u63A5\u5185\u5BB9",
+        okText: "\u786E\u5B9A",
+        cancelText: "\u53D6\u6D88"
+      },
+      abstract: "\u7F51\u9875",
+      command: {
+        refresh: "\u5237\u65B0\u9875\u9762",
+        openPage: "\u6253\u5F00\u539F\u59CB\u9875\u9762"
+      }
+    }
+  };
+  const enUS$4 = {
+    webpage: {
+      title: "Webpage",
+      youku: "Youku",
+      modao: "Modao",
+      tencent: "Tencent Video",
+      bilibili: "Bilibili",
+      figma: "Figma",
+      dialog: {
+        helpContent: "Due to landing page limitations, some pages may not be properly displayed during preview.",
+        helpLink: "How to get the URL link",
+        label: "Website address",
+        placeholder: "Please enter",
+        title: "Insert {name}",
+        errorEnterUrl: "Please enter website address",
+        unsupportedUrl: "Unsupported URL",
+        okText: "Confirm",
+        cancelText: "Cancel"
+      },
+      abstract: "Webpage",
+      command: {
+        refresh: "Refresh page",
+        openPage: "Open the original page"
+      }
+    }
+  };
+  const jaJP$4 = {
+    webpage: {
+      title: "Web \u30DA\u30FC\u30B8",
+      youku: "Youku \u52D5\u753B",
+      modao: "Modao",
+      tencent: "Tencent \u52D5\u753B",
+      bilibili: "Bilibili",
+      figma: "Figma",
+      dialog: {
+        helpContent: "\u30A2\u30AF\u30BB\u30B9\u5148\u306E\u5236\u9650\u306B\u3088\u308A\u3001\u4E00\u90E8\u306E\u30DA\u30FC\u30B8\u304C\u8868\u793A\u3067\u304D\u306A\u3044\u5834\u5408\u304C\u3042\u308A\u307E\u3059\u3002",
+        helpLink: "URL \u3092\u53D6\u5F97\u3059\u308B\u65B9\u6CD5",
+        label: "URL",
+        placeholder: "\u5165\u529B",
+        title: "{name}\u3092\u633F\u5165",
+        errorEnterUrl: "URL \u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044",
+        unsupportedUrl: "\u3053\u306E URL \u306F\u633F\u5165\u3067\u304D\u307E\u305B\u3093",
+        okText: "OK",
+        cancelText: "\u30AD\u30E3\u30F3\u30BB\u30EB"
+      },
+      abstract: "Web \u30DA\u30FC\u30B8",
+      command: {
+        refresh: "\u30DA\u30FC\u30B8\u3092\u518D\u8AAD\u307F\u8FBC\u3080",
+        openPage: "URL\u3092\u958B\u304F"
+      }
+    }
+  };
+  i18n$1.mergeLang({
+    "zh-CN": zhCN$4,
+    "en-US": enUS$4,
+    "ja-JP": jaJP$4
+  });
+  const webpageStyle = "";
   const index$2 = "";
   const UPDATE_DELAY = 500;
   const DEFAULT_EDIT_CODE_HEIGHT = 300;
@@ -74910,6 +74917,7 @@ ${data.flowchartText}
       editor.addCustom("mention", () => new OnesEditorMention(editor, mentionOptions));
     }
     editor.addCustom("heading-collapse", () => new HeadingBlockCollapseButton(editor));
+    editor.addCustom("iframe-embed-reauth-event-callback", (editor2) => new IframeKindEmbedDocCallbacks(editor2));
     OnesEditorToolbar.register(editor);
     OnesEditorDropTarget.register(editor);
     OnesEditorTocProvider.register(editor);
@@ -75023,6 +75031,7 @@ ${data.flowchartText}
         }
       }
     });
+    editor.addCustom("iframe-embed-reauth-event-callback", (editor2) => new IframeKindEmbedDocCallbacks(editor2));
     OnesEditorToolbar.register(editor);
     return editor;
   }