@kaitify/core 0.0.2-beta.19 → 0.0.2-beta.20

package/lib/kaitify-core.es.js

@@ -6025,51 +6025,51 @@ interact_min.exports;
 var interact_minExports = interact_min.exports;
 const interact = /* @__PURE__ */ getDefaultExportFromCjs(interact_minExports);
 const IMAGE_NODE_TAG = "kaitify-image";
-class ImageElement extends HTMLElement {
-  constructor() {
-    super();
-  }
-  /**
-   * dom挂载，首次渲染
-   */
-  connectedCallback() {
-    this.innerHTML = `<span is-indicator></span><img />`;
-    const image = this.querySelector("img");
-    const src = this.getAttribute("data-src");
-    const alt = this.getAttribute("data-alt");
-    if (src) {
-      image.setAttribute("src", src);
-    }
-    if (alt) {
-      image.setAttribute("alt", alt);
+if (typeof HTMLElement !== "undefined" && !customElements.get(IMAGE_NODE_TAG)) {
+  class ImageElement extends HTMLElement {
+    constructor() {
+      super();
     }
-  }
-  /**
-   * 属性更新时更新内容
-   */
-  attributeChangedCallback(name, _, newValue) {
-    const image = this.querySelector("img");
-    if (!image) return;
-    if (name === "data-src") {
-      if (newValue) {
-        image.setAttribute("src", newValue);
-      } else {
-        image.removeAttribute("src");
+    /**
+     * dom挂载，首次渲染
+     */
+    connectedCallback() {
+      this.innerHTML = `<span is-indicator></span><img />`;
+      const image = this.querySelector("img");
+      const src = this.getAttribute("data-src");
+      const alt = this.getAttribute("data-alt");
+      if (src) {
+        image.setAttribute("src", src);
+      }
+      if (alt) {
+        image.setAttribute("alt", alt);
       }
     }
-    if (name === "data-alt") {
-      if (newValue) {
-        image.setAttribute("alt", newValue);
-      } else {
-        image.removeAttribute("alt");
+    /**
+     * 属性更新时更新内容
+     */
+    attributeChangedCallback(name, _, newValue) {
+      const image = this.querySelector("img");
+      if (!image) return;
+      if (name === "data-src") {
+        if (newValue) {
+          image.setAttribute("src", newValue);
+        } else {
+          image.removeAttribute("src");
+        }
+      }
+      if (name === "data-alt") {
+        if (newValue) {
+          image.setAttribute("alt", newValue);
+        } else {
+          image.removeAttribute("alt");
+        }
       }
     }
+    static get observedAttributes() {
+      return ["data-src", "data-alt"];
+    }
   }
-  static get observedAttributes() {
-    return ["data-src", "data-alt"];
-  }
-}
-if (!customElements.get(IMAGE_NODE_TAG)) {
   customElements.define(IMAGE_NODE_TAG, ImageElement);
 }
 const handleResizable$1 = (editor) => {
@@ -6282,84 +6282,84 @@ const ImageExtension = () => Extension.create({
   }
 });
 const VIDEO_NODE_TAG = "kaitify-video";
-class VideoElement extends HTMLElement {
-  constructor() {
-    super();
-  }
-  /**
-   * dom挂载，首次渲染
-   */
-  connectedCallback() {
-    this.innerHTML = `<span is-indicator></span><video />`;
-    const video = this.querySelector("video");
-    const src = this.getAttribute("data-src");
-    const autoplay = this.getAttribute("data-autoplay");
-    const controls = this.getAttribute("data-controls");
-    const muted = this.getAttribute("data-muted");
-    const loop = this.getAttribute("data-loop");
-    if (src) {
-      video.setAttribute("src", src);
-    }
-    if (autoplay) {
-      video.setAttribute("autoplay", autoplay);
-    }
-    if (controls) {
-      video.setAttribute("controls", controls);
-    }
-    if (muted) {
-      video.setAttribute("muted", muted);
-    }
-    if (loop) {
-      video.setAttribute("loop", loop);
+if (typeof HTMLElement !== "undefined" && !customElements.get(VIDEO_NODE_TAG)) {
+  class VideoElement extends HTMLElement {
+    constructor() {
+      super();
     }
-  }
-  /**
-   * 属性更新时更新内容
-   */
-  attributeChangedCallback(name, _, newValue) {
-    const video = this.querySelector("video");
-    if (!video) return;
-    if (name === "data-src") {
-      if (newValue) {
-        video.setAttribute("src", newValue);
-      } else {
-        video.removeAttribute("src");
+    /**
+     * dom挂载，首次渲染
+     */
+    connectedCallback() {
+      this.innerHTML = `<span is-indicator></span><video />`;
+      const video = this.querySelector("video");
+      const src = this.getAttribute("data-src");
+      const autoplay = this.getAttribute("data-autoplay");
+      const controls = this.getAttribute("data-controls");
+      const muted = this.getAttribute("data-muted");
+      const loop = this.getAttribute("data-loop");
+      if (src) {
+        video.setAttribute("src", src);
       }
-    }
-    if (name === "data-autoplay") {
-      if (newValue) {
-        video.setAttribute("autoplay", newValue);
-      } else {
-        video.removeAttribute("autoplay");
+      if (autoplay) {
+        video.setAttribute("autoplay", autoplay);
       }
-    }
-    if (name === "data-controls") {
-      if (newValue) {
-        video.setAttribute("controls", newValue);
-      } else {
-        video.removeAttribute("controls");
+      if (controls) {
+        video.setAttribute("controls", controls);
       }
-    }
-    if (name === "data-muted") {
-      if (newValue) {
-        video.setAttribute("muted", newValue);
-      } else {
-        video.removeAttribute("muted");
+      if (muted) {
+        video.setAttribute("muted", muted);
+      }
+      if (loop) {
+        video.setAttribute("loop", loop);
       }
     }
-    if (name === "data-loop") {
-      if (newValue) {
-        video.setAttribute("loop", newValue);
-      } else {
-        video.removeAttribute("loop");
+    /**
+     * 属性更新时更新内容
+     */
+    attributeChangedCallback(name, _, newValue) {
+      const video = this.querySelector("video");
+      if (!video) return;
+      if (name === "data-src") {
+        if (newValue) {
+          video.setAttribute("src", newValue);
+        } else {
+          video.removeAttribute("src");
+        }
+      }
+      if (name === "data-autoplay") {
+        if (newValue) {
+          video.setAttribute("autoplay", newValue);
+        } else {
+          video.removeAttribute("autoplay");
+        }
+      }
+      if (name === "data-controls") {
+        if (newValue) {
+          video.setAttribute("controls", newValue);
+        } else {
+          video.removeAttribute("controls");
+        }
+      }
+      if (name === "data-muted") {
+        if (newValue) {
+          video.setAttribute("muted", newValue);
+        } else {
+          video.removeAttribute("muted");
+        }
+      }
+      if (name === "data-loop") {
+        if (newValue) {
+          video.setAttribute("loop", newValue);
+        } else {
+          video.removeAttribute("loop");
+        }
       }
     }
+    static get observedAttributes() {
+      return ["data-src", "data-autoplay", "data-controls", "data-muted", "data-loop"];
+    }
   }
-  static get observedAttributes() {
-    return ["data-src", "data-autoplay", "data-controls", "data-muted", "data-loop"];
-  }
-}
-if (!customElements.get(VIDEO_NODE_TAG)) {
   customElements.define(VIDEO_NODE_TAG, VideoElement);
 }
 const handleResizable = (editor) => {
@@ -7673,18 +7673,18 @@ const IndentExtension = () => Extension.create({
   }
 });
 const HORIZONTAL_NODE_TAG = "kaitify-horizontal";
-class HorizontalElement extends HTMLElement {
-  constructor() {
-    super();
-  }
-  /**
-   * dom挂载，首次渲染
-   */
-  connectedCallback() {
-    this.innerHTML = `<span><hr /></span>`;
+if (typeof HTMLElement !== "undefined" && !customElements.get(HORIZONTAL_NODE_TAG)) {
+  class HorizontalElement extends HTMLElement {
+    constructor() {
+      super();
+    }
+    /**
+     * dom挂载，首次渲染
+     */
+    connectedCallback() {
+      this.innerHTML = `<span><hr /></span>`;
+    }
   }
-}
-if (customElements.get(HORIZONTAL_NODE_TAG)) {
   customElements.define(HORIZONTAL_NODE_TAG, HorizontalElement);
 }
 const handleClick$2 = (editor) => {
@@ -8380,18 +8380,18 @@ const ListExtension = () => Extension.create({
   }
 });
 const TASK_CHECKBOX_NODE_TAG = "kaitify-task-checkbox";
-class TaskCheckboxElement extends HTMLElement {
-  constructor() {
-    super();
-  }
-  /**
-   * dom挂载，首次渲染
-   */
-  connectedCallback() {
-    this.innerHTML = `<span></span>`;
+if (typeof HTMLElement !== "undefined" && !customElements.get(TASK_CHECKBOX_NODE_TAG)) {
+  class TaskCheckboxElement extends HTMLElement {
+    constructor() {
+      super();
+    }
+    /**
+     * dom挂载，首次渲染
+     */
+    connectedCallback() {
+      this.innerHTML = `<span></span>`;
+    }
   }
-}
-if (!customElements.get(TASK_CHECKBOX_NODE_TAG)) {
   customElements.define(TASK_CHECKBOX_NODE_TAG, TaskCheckboxElement);
 }
 const createTaskNode = () => {
@@ -23181,35 +23181,35 @@ var katex = {
   }
 };
 const MATH_NODE_TAG = "kaitify-math";
-class MathElement extends HTMLElement {
-  constructor() {
-    super();
-  }
-  /**
-   * dom挂载，首次渲染
-   */
-  connectedCallback() {
-    this.innerHTML = `<span>${katex.renderToString(this.getAttribute("data-value") ?? "", {
-      output: "html",
-      throwOnError: false
-    })}</span>`;
-  }
-  /**
-   * 属性更新时更新内容
-   */
-  attributeChangedCallback(name, _, newValue) {
-    if (name === "data-value") {
-      this.innerHTML = `<span>${katex.renderToString(newValue, {
+if (typeof HTMLElement !== "undefined" && !customElements.get(MATH_NODE_TAG)) {
+  class MathElement extends HTMLElement {
+    constructor() {
+      super();
+    }
+    /**
+     * dom挂载，首次渲染
+     */
+    connectedCallback() {
+      this.innerHTML = `<span>${katex.renderToString(this.getAttribute("data-value") ?? "", {
         output: "html",
         throwOnError: false
       })}</span>`;
     }
+    /**
+     * 属性更新时更新内容
+     */
+    attributeChangedCallback(name, _, newValue) {
+      if (name === "data-value") {
+        this.innerHTML = `<span>${katex.renderToString(newValue, {
+          output: "html",
+          throwOnError: false
+        })}</span>`;
+      }
+    }
+    static get observedAttributes() {
+      return ["data-value"];
+    }
   }
-  static get observedAttributes() {
-    return ["data-value"];
-  }
-}
-if (!customElements.get(MATH_NODE_TAG)) {
   customElements.define(MATH_NODE_TAG, MathElement);
 }
 const handleClick$1 = (editor) => {
@@ -35922,35 +35922,35 @@ const CodeBlockExtension = (props) => Extension.create({
   }
 });
 const ATTACHMENT_NODE_TAG = "kaitify-attachment";
-class AttachmentElement extends HTMLElement {
-  constructor() {
-    super();
-  }
-  /**
-   * dom挂载，首次渲染
-   */
-  connectedCallback() {
-    this.innerHTML = `<span><span is-icon></span><span is-text></span></span>`;
-    this.querySelector("span[is-icon]").setAttribute("style", `background-image:url(${this.getAttribute("data-icon")})`);
-    this.querySelector("span[is-text]").textContent = this.getAttribute("data-text");
-  }
-  /**
-   * 属性更新时更新内容
-   */
-  attributeChangedCallback(name, _, newValue) {
-    if (name == "data-icon") {
-      const icon = this.querySelector("span[is-icon]");
-      if (icon) icon.style.backgroundImage = `url(${newValue})`;
-    } else if (name == "data-text") {
-      const text2 = this.querySelector("span[is-text]");
-      if (text2) text2.textContent = newValue;
+if (typeof HTMLElement !== "undefined" && !customElements.get(ATTACHMENT_NODE_TAG)) {
+  class AttachmentElement extends HTMLElement {
+    constructor() {
+      super();
+    }
+    /**
+     * dom挂载，首次渲染
+     */
+    connectedCallback() {
+      this.innerHTML = `<span><span is-icon></span><span is-text></span></span>`;
+      this.querySelector("span[is-icon]").setAttribute("style", `background-image:url(${this.getAttribute("data-icon")})`);
+      this.querySelector("span[is-text]").textContent = this.getAttribute("data-text");
+    }
+    /**
+     * 属性更新时更新内容
+     */
+    attributeChangedCallback(name, _, newValue) {
+      if (name == "data-icon") {
+        const icon = this.querySelector("span[is-icon]");
+        if (icon) icon.style.backgroundImage = `url(${newValue})`;
+      } else if (name == "data-text") {
+        const text2 = this.querySelector("span[is-text]");
+        if (text2) text2.textContent = newValue;
+      }
+    }
+    static get observedAttributes() {
+      return ["data-text", "data-icon"];
     }
   }
-  static get observedAttributes() {
-    return ["data-text", "data-icon"];
-  }
-}
-if (!customElements.get(ATTACHMENT_NODE_TAG)) {
   customElements.define(ATTACHMENT_NODE_TAG, AttachmentElement);
 }
 const defaultIcon = '<svg t="1728556328694" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1473" width="200" height="200"><path d="M960 448c0 88-72 160-160 160H352c-52.8 0-96-43.2-96-96s43.2-96 96-96h416v64H352c-17.6 0-32 14.4-32 32s14.4 32 32 32h448c52.8 0 96-43.2 96-96s-43.2-96-96-96H288c-88 0-160 72-160 160s72 160 160 160h352v64H288C164 736 64 636 64 512s100-224 224-224h512c88 0 160 72 160 160z" p-id="1474" fill="#06c27c"></path></svg>';