@freecallai/pro 0.0.13 → 0.0.15

package/dist/media-extensions-YYbGuUQa.js

@@ -1,341 +0,0 @@
-import { Node as $, mergeAttributes as B } from "@tiptap/core";
-import { nodeViewProps as I, NodeViewWrapper as D, VueNodeViewRenderer as L } from "@tiptap/vue-3";
-import { defineComponent as F, ref as C, watch as N, onMounted as H, onBeforeUnmount as P, openBlock as s, createBlock as p, unref as i, normalizeClass as M, withCtx as m, createElementVNode as z, createElementBlock as l, createVNode as v, createTextVNode as c, createCommentVNode as n, withModifiers as q, toDisplayString as b, Fragment as U } from "vue";
-import { Button as y, ImagePreview as h, Modal as O } from "@freecallai/ui";
-import { closeHistory as R } from "@tiptap/pm/history";
-import g from "@freecallai/icons";
-import { IconDragDotVertical as W } from "@freecallai/ui/es/icon/index.js";
-const j = { class: "fk-media-surface" }, G = {
-  key: 0,
-  class: "fk-media-failed"
-}, J = ["href"], K = ["draggable", "src", "alt"], Q = ["draggable", "src", "poster", "controls"], X = {
-  key: 5,
-  class: "fk-media-actions"
-}, Y = {
-  key: 0,
-  "data-drag-handle": "",
-  class: "fk-media-handle",
-  title: "拖动调整位置"
-}, Z = {
-  key: 6,
-  class: "fk-upload-state"
-}, x = {
-  key: 0,
-  class: "fk-media-caption"
-}, _ = {
-  key: 1,
-  class: "fk-error"
-}, ee = ["src"], te = /* @__PURE__ */ F({
-  __name: "MediaView",
-  props: I,
-  setup(a) {
-    const r = a, o = r.extension.options.sceneStyle === !0, d = C(!1), u = C(!1), V = C(null), k = C(r.editor.isEditable);
-    function E(e) {
-      const { detail: t } = e;
-      (t == null ? void 0 : t.id) === r.node.attrs.id && r.node.attrs.status === "uploading" && typeof t.percent == "number" && Number.isFinite(t.percent) && (V.value = t.percent);
-    }
-    const w = () => {
-      k.value = r.editor.isEditable;
-    };
-    r.editor.on("update", w), r.editor.on("transaction", w);
-    function T() {
-      r.editor.isEditable && (r.editor.view.dispatch(R(r.editor.state.tr)), r.deleteNode());
-    }
-    function A() {
-      r.editor.view.dom.dispatchEvent(
-        new CustomEvent("fkp-media-retry", {
-          bubbles: !0,
-          detail: { id: r.node.attrs.id }
-        })
-      );
-    }
-    function S() {
-      !o || r.node.attrs.sourceType === "qianniuVideo" || u.value || !["image", "video"].includes(r.node.attrs.kind) || r.node.attrs.status !== "ready" || (d.value = !0);
-    }
-    return N(
-      () => r.node.attrs.src,
-      () => {
-        u.value = !1;
-      }
-    ), N(
-      () => r.node.attrs.status,
-      (e) => {
-        e !== "uploading" && (V.value = null);
-      }
-    ), H(() => {
-      r.editor.view.dom.addEventListener("fkp-media-progress", E);
-    }), P(() => {
-      r.editor.view.dom.removeEventListener("fkp-media-progress", E), r.editor.off("update", w), r.editor.off("transaction", w);
-    }), (e, t) => (s(), p(i(D), {
-      class: M(["fk-media", {
-        "is-selected": e.selected,
-        "is-scene-media": o,
-        "is-video": e.node.attrs.kind === "video",
-        "is-qianniu-video": e.node.attrs.sourceType === "qianniuVideo",
-        "is-error": e.node.attrs.status === "error"
-      }]),
-      "data-media-id": e.node.attrs.id,
-      "data-drag-handle": o && k.value ? "" : void 0,
-      contenteditable: "false",
-      onClick: S
-    }, {
-      default: m(() => [
-        z("div", j, [
-          u.value ? (s(), l("div", G, [
-            v(i(g), {
-              name: "fail",
-              size: 24
-            }),
-            t[8] || (t[8] = c("媒体无法加载"))
-          ])) : n("", !0),
-          e.node.attrs.sourceType === "qianniuVideo" ? (s(), l("a", {
-            key: 1,
-            class: "fk-qianniu-video-link",
-            href: e.node.attrs.src,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            onClick: t[0] || (t[0] = q(() => {
-            }, ["stop"]))
-          }, b(e.node.attrs.src), 9, J)) : e.node.attrs.kind === "image" ? (s(), l("img", {
-            key: 2,
-            draggable: o ? !1 : void 0,
-            src: e.node.attrs.src,
-            alt: e.node.attrs.name,
-            onError: t[1] || (t[1] = (f) => u.value = !0),
-            onDblclick: t[2] || (t[2] = (f) => d.value = !0)
-          }, null, 40, K)) : (s(), l("video", {
-            key: 3,
-            draggable: o ? !1 : void 0,
-            src: e.node.attrs.src,
-            poster: e.node.attrs.poster || void 0,
-            controls: !o,
-            muted: o,
-            playsinline: "",
-            preload: "metadata",
-            onError: t[3] || (t[3] = (f) => u.value = !0)
-          }, null, 40, Q)),
-          o && !u.value && e.node.attrs.sourceType !== "qianniuVideo" && e.node.attrs.status === "ready" && ["image", "video"].includes(e.node.attrs.kind) ? (s(), p(i(y), {
-            key: 4,
-            class: M(["fk-media-play", { "is-image-preview": e.node.attrs.kind === "image" }]),
-            type: "text",
-            "aria-label": e.node.attrs.kind === "image" ? "查看大图" : "播放视频",
-            style: { "pointer-events": "none" },
-            onClick: t[4] || (t[4] = (f) => d.value = !0)
-          }, {
-            default: m(() => [
-              v(i(g), {
-                name: "visible",
-                size: 14
-              }),
-              c(b(e.node.attrs.kind === "image" ? "点击查看大图" : "点击播放视频"), 1)
-            ]),
-            _: 1
-          }, 8, ["class", "aria-label"])) : n("", !0),
-          o ? n("", !0) : (s(), l("div", X, [
-            k.value ? (s(), l("span", Y, [
-              v(i(W), { size: 15 })
-            ])) : n("", !0),
-            e.node.attrs.sourceType !== "qianniuVideo" ? (s(), p(i(y), {
-              key: 1,
-              type: "text",
-              size: "mini",
-              title: "预览媒体",
-              "aria-label": "预览媒体",
-              onClick: t[5] || (t[5] = (f) => d.value = !0)
-            }, {
-              default: m(() => [
-                v(i(g), {
-                  name: "open",
-                  size: 15
-                })
-              ]),
-              _: 1
-            })) : n("", !0),
-            k.value && e.node.attrs.status === "error" ? (s(), p(i(y), {
-              key: 2,
-              type: "text",
-              size: "mini",
-              title: "重试上传",
-              "aria-label": "重试上传",
-              onClick: A
-            }, {
-              default: m(() => t[9] || (t[9] = [
-                c("重试")
-              ])),
-              _: 1
-            })) : n("", !0),
-            k.value ? (s(), p(i(y), {
-              key: 3,
-              type: "text",
-              size: "mini",
-              title: "删除媒体",
-              "aria-label": "删除媒体",
-              onClick: T
-            }, {
-              default: m(() => [
-                v(i(g), {
-                  name: "rte-del",
-                  size: 15
-                })
-              ]),
-              _: 1
-            })) : n("", !0)
-          ])),
-          e.node.attrs.status === "uploading" ? (s(), l("div", Z, [
-            v(i(g), {
-              name: "sync",
-              size: 17,
-              class: "fk-spin"
-            }),
-            c("正在上传" + b(V.value === null ? "…" : ` ${V.value}%`), 1),
-            o && k.value ? (s(), p(i(y), {
-              key: 0,
-              class: "fk-media-status-action",
-              type: "text",
-              size: "mini",
-              "aria-label": "取消上传",
-              onClick: q(T, ["stop"])
-            }, {
-              default: m(() => t[10] || (t[10] = [
-                c("取消上传")
-              ])),
-              _: 1
-            })) : n("", !0)
-          ])) : n("", !0)
-        ]),
-        e.node.attrs.sourceType !== "qianniuVideo" ? (s(), l("div", x, [
-          e.node.attrs.kind === "video" ? (s(), p(i(g), {
-            key: 0,
-            name: "video2",
-            size: 12
-          })) : n("", !0),
-          z("span", null, b(e.node.attrs.name), 1),
-          e.node.attrs.status === "error" ? (s(), l("span", _, b(e.node.attrs.error), 1)) : n("", !0),
-          o && k.value && e.node.attrs.status === "error" ? (s(), l(U, { key: 2 }, [
-            v(i(y), {
-              class: "fk-media-status-action",
-              type: "text",
-              size: "mini",
-              "aria-label": "重试上传",
-              onClick: q(A, ["stop"])
-            }, {
-              default: m(() => t[11] || (t[11] = [
-                c("重试")
-              ])),
-              _: 1
-            }),
-            v(i(y), {
-              class: "fk-media-status-action",
-              type: "text",
-              size: "mini",
-              "aria-label": "移除失败媒体",
-              onClick: q(T, ["stop"])
-            }, {
-              default: m(() => t[12] || (t[12] = [
-                c("移除")
-              ])),
-              _: 1
-            })
-          ], 64)) : n("", !0)
-        ])) : n("", !0),
-        e.node.attrs.kind === "image" ? (s(), p(i(h), {
-          key: 1,
-          visible: d.value,
-          "onUpdate:visible": t[6] || (t[6] = (f) => d.value = f),
-          src: e.node.attrs.src,
-          "mask-closable": !0
-        }, null, 8, ["visible", "src"])) : (s(), p(i(O), {
-          key: 2,
-          visible: d.value,
-          "onUpdate:visible": t[7] || (t[7] = (f) => d.value = f),
-          title: e.node.attrs.name,
-          footer: !1,
-          width: "min(960px, 90vw)",
-          "unmount-on-close": ""
-        }, {
-          default: m(() => [
-            z("video", {
-              class: "fk-video-preview",
-              src: e.node.attrs.src,
-              controls: "",
-              autoplay: ""
-            }, null, 8, ee)
-          ]),
-          _: 1
-        }, 8, ["visible", "title"]))
-      ]),
-      _: 1
-    }, 8, ["class", "data-media-id", "data-drag-handle"]));
-  }
-}), le = $.create({
-  name: "mediaBlock",
-  group: "block",
-  atom: !0,
-  draggable: !0,
-  selectable: !0,
-  addOptions() {
-    return { sceneStyle: !1 };
-  },
-  addAttributes() {
-    return {
-      id: { default: "" },
-      nodeVersion: { default: 0 },
-      assetId: { default: null },
-      sourceType: { default: null },
-      src: { default: "" },
-      kind: { default: "image" },
-      name: { default: "" },
-      poster: { default: null },
-      status: { default: "ready" },
-      error: { default: "" }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "figure[data-media-block]",
-        getAttrs: (a) => {
-          var r, o, d, u;
-          return {
-            id: a.getAttribute("data-id"),
-            kind: a.getAttribute("data-kind"),
-            src: ((r = a.querySelector("img,video")) == null ? void 0 : r.getAttribute("src")) || (a.getAttribute("data-source-type") === "qianniuVideo" ? (o = a.querySelector("a[href]")) == null ? void 0 : o.getAttribute("href") : null),
-            name: (d = a.querySelector("figcaption")) == null ? void 0 : d.textContent,
-            assetId: a.getAttribute("data-asset-id"),
-            sourceType: a.getAttribute("data-source-type"),
-            poster: (u = a.querySelector("video")) == null ? void 0 : u.getAttribute("poster"),
-            status: "ready"
-          };
-        }
-      }
-    ];
-  },
-  renderHTML({ node: a, HTMLAttributes: r }) {
-    return [
-      "figure",
-      B(r, {
-        "data-media-block": "",
-        "data-fkp-node": "media-block",
-        "data-id": a.attrs.id,
-        "data-kind": a.attrs.kind,
-        "data-asset-id": a.attrs.assetId,
-        "data-source-type": a.attrs.sourceType,
-        "data-name": a.attrs.name
-      }),
-      a.attrs.sourceType === "qianniuVideo" ? ["a", { href: a.attrs.src }, a.attrs.src] : a.attrs.kind === "video" ? [
-        "video",
-        { src: a.attrs.src, controls: "", poster: a.attrs.poster }
-      ] : ["img", { src: a.attrs.src, alt: a.attrs.name }],
-      ["figcaption", {}, a.attrs.name]
-    ];
-  },
-  renderText({ node: a }) {
-    return a.attrs.sourceType === "qianniuVideo" ? a.attrs.src : `[${a.attrs.kind === "video" ? "视频" : "图片"}：${a.attrs.name}]`;
-  },
-  addNodeView() {
-    return L(te);
-  }
-});
-export {
-  le as MediaBlock
-};