@maketribe/ms-app 3.2.3 → 3.2.4

package/dist/esm/components/basic/doc-editor/lexical-vue/components/LexicalAutoLinkPlugin/index.vue.js

@@ -1,39 +1,4 @@
-import { defineComponent } from "vue";
-import "@lexical/text";
-import "@lexical/utils";
-import "@lexical/overflow";
-import "lexical";
-import "tiny-invariant";
-import "@lexical/history";
-import { useLexicalComposer } from "../../composables/useLexicalComposer.js";
-import "@lexical/list";
-import "@lexical/dragon";
-import "@lexical/plain-text";
-import "@lexical/rich-text";
-import "@lexical/yjs";
-import "yjs";
-import { useAutoLink } from "./shared.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    matchers: {}
-  },
-  emits: ["change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const editor = useLexicalComposer();
-    useAutoLink(editor, props.matchers, (url, prevUrl) => {
-      emit("change", {
-        url,
-        prevUrl
-      });
-    });
-    return (_ctx, _cache) => {
-      return null;
-    };
-  }
-});
+import _sfc_main from "./index.vue2.js";
 export {
   _sfc_main as default
 };

package/dist/esm/components/basic/doc-editor/lexical-vue/components/LexicalAutoLinkPlugin/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../../../src/components/basic/doc-editor/lexical-vue/components/LexicalAutoLinkPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useLexicalComposer } from '../../composables'\r\nimport { type LinkMatcher, useAutoLink } from './shared'\r\n\r\nconst props = defineProps<{\r\n  matchers: LinkMatcher[]\r\n}>()\r\n\r\nconst emit = defineEmits<{\r\n  (e: 'change', value: { url: string | null, prevUrl: string | null }): void\r\n}>()\r\n\r\nconst editor = useLexicalComposer()\r\n\r\nuseAutoLink(editor, props.matchers, (url: string | null, prevUrl: string | null) => {\r\n  emit('change', {\r\n    url,\r\n    prevUrl,\r\n  })\r\n})\r\n</script>\r\n\r\n<template />\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAId,UAAM,OAAO;AAIb,UAAM,SAAS;AAEf,gBAAY,QAAQ,MAAM,UAAU,CAAC,KAAoB,YAA2B;AAClF,WAAK,UAAU;AAAA,QACb;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA,CACF;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/components/basic/doc-editor/lexical-vue/components/LexicalAutoLinkPlugin/index.vue2.js

@@ -1,4 +1,39 @@
-import _sfc_main from "./index.vue.js";
+import { defineComponent } from "vue";
+import "@lexical/text";
+import "@lexical/utils";
+import "@lexical/overflow";
+import "lexical";
+import "tiny-invariant";
+import "@lexical/history";
+import { useLexicalComposer } from "../../composables/useLexicalComposer.js";
+import "@lexical/list";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "@lexical/rich-text";
+import "@lexical/yjs";
+import "yjs";
+import { useAutoLink } from "./shared.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    matchers: {}
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const editor = useLexicalComposer();
+    useAutoLink(editor, props.matchers, (url, prevUrl) => {
+      emit("change", {
+        url,
+        prevUrl
+      });
+    });
+    return (_ctx, _cache) => {
+      return null;
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/esm/components/basic/doc-editor/lexical-vue/components/LexicalAutoLinkPlugin/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../../../src/components/basic/doc-editor/lexical-vue/components/LexicalAutoLinkPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useLexicalComposer } from '../../composables'\r\nimport { type LinkMatcher, useAutoLink } from './shared'\r\n\r\nconst props = defineProps<{\r\n  matchers: LinkMatcher[]\r\n}>()\r\n\r\nconst emit = defineEmits<{\r\n  (e: 'change', value: { url: string | null, prevUrl: string | null }): void\r\n}>()\r\n\r\nconst editor = useLexicalComposer()\r\n\r\nuseAutoLink(editor, props.matchers, (url: string | null, prevUrl: string | null) => {\r\n  emit('change', {\r\n    url,\r\n    prevUrl,\r\n  })\r\n})\r\n</script>\r\n\r\n<template />\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAId,UAAM,OAAO;AAIb,UAAM,SAAS;AAEf,gBAAY,QAAQ,MAAM,UAAU,CAAC,KAAoB,YAA2B;AAClF,WAAK,UAAU;AAAA,QACb;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA,CACF;;;;;;"}

package/dist/esm/components/basic/doc-editor/lexical-vue/components/LexicalDecoratorBlockNode.js

@@ -26,11 +26,7 @@ class DecoratorBlockNode extends DecoratorNode {
     self.__format = format;
   }
 }
-function $isDecoratorBlockNode(node) {
-  return node instanceof DecoratorBlockNode;
-}
 export {
-  $isDecoratorBlockNode,
   DecoratorBlockNode
 };
 //# sourceMappingURL=LexicalDecoratorBlockNode.js.map

package/dist/esm/components/basic/doc-editor/lexical-vue/components/LexicalDecoratorBlockNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"LexicalDecoratorBlockNode.js","sources":["../../../../../../../src/components/basic/doc-editor/lexical-vue/components/LexicalDecoratorBlockNode.ts"],"sourcesContent":["import type { ElementFormatType, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical'\r\n\r\nimport { DecoratorNode } from 'lexical'\r\nimport type { Component } from 'vue'\r\n\r\nexport type SerializedDecoratorBlockNode = Spread<\r\n  {\r\n    format: ElementFormatType\r\n  },\r\n  SerializedLexicalNode\r\n>\r\n\r\nexport class DecoratorBlockNode extends DecoratorNode<Component> {\r\n  __format?: ElementFormatType\r\n\r\n  constructor(format?: ElementFormatType, key?: NodeKey) {\r\n    super(key)\r\n    this.__format = format || ''\r\n  }\r\n\r\n  exportJSON(): SerializedDecoratorBlockNode {\r\n    return {\r\n      format: this.__format || '',\r\n      type: 'decorator-block',\r\n      version: 1,\r\n    }\r\n  }\r\n\r\n  createDOM() {\r\n    return document.createElement('div')\r\n  }\r\n\r\n  updateDOM() {\r\n    return false\r\n  }\r\n\r\n  setFormat(format: ElementFormatType) {\r\n    const self = this.getWritable()\r\n    self.__format = format\r\n  }\r\n}\r\n\r\nexport function $createDecoratorBlockNode() {\r\n  return new DecoratorBlockNode()\r\n}\r\n\r\nexport function $isDecoratorBlockNode(node: LexicalNode | null | undefined): node is DecoratorBlockNode {\r\n  return node instanceof DecoratorBlockNode\r\n}\r\n"],"names":[],"mappings":";;;;AAYO,MAAM,2BAA2B,cAAyB;AAAA,EAG/D,YAAY,QAA4B,KAAe;AACrD,UAAM,GAAG;AAHX;AAIE,SAAK,WAAW,UAAU;AAAA,EAC5B;AAAA,EAEA,aAA2C;AAClC,WAAA;AAAA,MACL,QAAQ,KAAK,YAAY;AAAA,MACzB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EAEA,YAAY;AACH,WAAA,SAAS,cAAc,KAAK;AAAA,EACrC;AAAA,EAEA,YAAY;AACH,WAAA;AAAA,EACT;AAAA,EAEA,UAAU,QAA2B;AAC7B,UAAA,OAAO,KAAK;AAClB,SAAK,WAAW;AAAA,EAClB;AACF;AAMO,SAAS,sBAAsB,MAAkE;AACtG,SAAO,gBAAgB;AACzB;"}
+{"version":3,"file":"LexicalDecoratorBlockNode.js","sources":["../../../../../../../src/components/basic/doc-editor/lexical-vue/components/LexicalDecoratorBlockNode.ts"],"sourcesContent":["import type { ElementFormatType, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical'\r\n\r\nimport { DecoratorNode } from 'lexical'\r\nimport type { Component } from 'vue'\r\n\r\nexport type SerializedDecoratorBlockNode = Spread<\r\n  {\r\n    format: ElementFormatType\r\n  },\r\n  SerializedLexicalNode\r\n>\r\n\r\nexport class DecoratorBlockNode extends DecoratorNode<Component> {\r\n  __format?: ElementFormatType\r\n\r\n  constructor(format?: ElementFormatType, key?: NodeKey) {\r\n    super(key)\r\n    this.__format = format || ''\r\n  }\r\n\r\n  exportJSON(): SerializedDecoratorBlockNode {\r\n    return {\r\n      format: this.__format || '',\r\n      type: 'decorator-block',\r\n      version: 1,\r\n    }\r\n  }\r\n\r\n  createDOM() {\r\n    return document.createElement('div')\r\n  }\r\n\r\n  updateDOM() {\r\n    return false\r\n  }\r\n\r\n  setFormat(format: ElementFormatType) {\r\n    const self = this.getWritable()\r\n    self.__format = format\r\n  }\r\n}\r\n\r\nexport function $createDecoratorBlockNode() {\r\n  return new DecoratorBlockNode()\r\n}\r\n\r\nexport function $isDecoratorBlockNode(node: LexicalNode | null | undefined): node is DecoratorBlockNode {\r\n  return node instanceof DecoratorBlockNode\r\n}\r\n"],"names":[],"mappings":";;;;AAYO,MAAM,2BAA2B,cAAyB;AAAA,EAG/D,YAAY,QAA4B,KAAe;AACrD,UAAM,GAAG;AAHX;AAIE,SAAK,WAAW,UAAU;AAAA,EAC5B;AAAA,EAEA,aAA2C;AAClC,WAAA;AAAA,MACL,QAAQ,KAAK,YAAY;AAAA,MACzB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EAEA,YAAY;AACH,WAAA,SAAS,cAAc,KAAK;AAAA,EACrC;AAAA,EAEA,YAAY;AACH,WAAA;AAAA,EACT;AAAA,EAEA,UAAU,QAA2B;AAC7B,UAAA,OAAO,KAAK;AAClB,SAAK,WAAW;AAAA,EAClB;AACF;"}

package/dist/esm/components/basic/doc-editor/plugins/AutoLinkPlugin.vue.js

@@ -21,7 +21,7 @@ import "@lexical/markdown";
 import "../lexical-vue/composables/useCollaborationContext.js";
 import "../lexical-vue/components/LexicalMenu/shared.js";
 import "../lexical-vue/components/LexicalAutoEmbedPlugin/shared.js";
-import _sfc_main$1 from "../lexical-vue/components/LexicalAutoLinkPlugin/index.vue.js";
+import _sfc_main$1 from "../lexical-vue/components/LexicalAutoLinkPlugin/index.vue2.js";
 import "../lexical-vue/components/LexicalTypeaheadMenuPlugin/shared.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AutoLinkPlugin",

package/dist/esm/components/basic/doc-editor/plugins/BaseBlockNode.js

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { ElementNode } from "lexical";
+const _BaseBlockNode = class _BaseBlockNode extends ElementNode {
+  constructor(name, key) {
+    super(key);
+    __publicField(this, "__mkDocBlockName");
+    this.__mkDocBlockName = name;
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: this.__mkDocBlockName,
+      version: 1,
+      mkDocBlockName: this.__mkDocBlockName
+    };
+  }
+  exportDOM() {
+    const element = document.createElement("div");
+    const name = this.__mkDocBlockName;
+    if (!element.classList.contains(_BaseBlockNode.MarkClassName)) {
+      element.classList.add(_BaseBlockNode.MarkClassName);
+    }
+    if (!element.classList.contains(`${_BaseBlockNode.MarkClassName}-${name}`)) {
+      element.classList.add(`${_BaseBlockNode.MarkClassName}-${name}`);
+    }
+    return { element };
+  }
+  // View
+  createDOM(config) {
+    return this.exportDOM().element;
+  }
+  updateDOM(prevNode, dom, config) {
+    return false;
+  }
+};
+// 标识的类名
+__publicField(_BaseBlockNode, "MarkClassName", "mk-doc-block");
+let BaseBlockNode = _BaseBlockNode;
+export {
+  BaseBlockNode
+};
+//# sourceMappingURL=BaseBlockNode.js.map

package/dist/esm/components/basic/doc-editor/plugins/BaseBlockNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseBlockNode.js","sources":["../../../../../../src/components/basic/doc-editor/plugins/BaseBlockNode.ts"],"sourcesContent":["import type {\r\n  DOMConversionMap,\r\n  DOMConversionOutput,\r\n  DOMExportOutput,\r\n  EditorConfig,\r\n  LexicalNode,\r\n  NodeKey,\r\n  Spread,\r\n} from 'lexical'\r\nimport { ElementNode,type SerializedElementNode } from 'lexical'\r\n\r\n/**\r\n * 可编辑组件块节点\r\n */\r\nexport type SerializedMkDocEditBlockComponentNode = Spread<\r\n  {\r\n    mkDocBlockName:string\r\n  },\r\n  SerializedElementNode\r\n>\r\n\r\n/**\r\n * 定义组件块节点\r\n */\r\nexport class BaseBlockNode extends ElementNode {\r\n  __mkDocBlockName: string;\r\n\r\n  constructor(name: string,  key?: NodeKey) {\r\n    super(key)\r\n    this.__mkDocBlockName = name\r\n  }\r\n\r\n  // 标识的类名\r\n  static MarkClassName:string = \"mk-doc-block\"\r\n\r\n  exportJSON(): SerializedMkDocEditBlockComponentNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: this.__mkDocBlockName,\r\n      version: 1,\r\n      mkDocBlockName: this.__mkDocBlockName\r\n    }\r\n  }\r\n\r\n  exportDOM(): DOMExportOutput {\r\n   \r\n    const element = document.createElement('div')\r\n   \r\n    const name = this.__mkDocBlockName;\r\n\r\n    if (!element.classList.contains(BaseBlockNode.MarkClassName)) {\r\n      element.classList.add(BaseBlockNode.MarkClassName);\r\n    }\r\n\r\n    if (!element.classList.contains(`${BaseBlockNode.MarkClassName}-${name}`)) {\r\n      element.classList.add(`${BaseBlockNode.MarkClassName}-${name}`);\r\n    }\r\n\r\n    return { element }\r\n  }\r\n\r\n  // View\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    return this.exportDOM().element as HTMLElement;\r\n  }\r\n\r\n  updateDOM(prevNode: BaseBlockNode, dom: HTMLElement, config: EditorConfig): false {\r\n    // console.log(\"Image Text updateDOM\",prevNode,dom);\r\n    // const position = this.__pos\r\n    // if (position !== prevNode.__pos) {\r\n    //   const className = `${config.theme.image} position-${position}`\r\n    //   if (className !== undefined) {\r\n    //     dom.className = className\r\n    //   }\r\n    // }\r\n    return false\r\n  }\r\n\r\n}\r\n\r\n"],"names":[],"mappings":";;;;AAwBO,MAAM,iBAAN,MAAM,uBAAsB,YAAY;AAAA,EAG7C,YAAY,MAAe,KAAe;AACxC,UAAM,GAAG;AAHX;AAIE,SAAK,mBAAmB;AAAA,EAC1B;AAAA,EAKA,aAAoD;AAC3C,WAAA;AAAA,MACL,GAAG,MAAM,WAAW;AAAA,MACpB,MAAM,KAAK;AAAA,MACX,SAAS;AAAA,MACT,gBAAgB,KAAK;AAAA,IAAA;AAAA,EAEzB;AAAA,EAEA,YAA6B;AAErB,UAAA,UAAU,SAAS,cAAc,KAAK;AAE5C,UAAM,OAAO,KAAK;AAElB,QAAI,CAAC,QAAQ,UAAU,SAAS,eAAc,aAAa,GAAG;AACpD,cAAA,UAAU,IAAI,eAAc,aAAa;AAAA,IACnD;AAEI,QAAA,CAAC,QAAQ,UAAU,SAAS,GAAG,eAAc,aAAa,IAAI,IAAI,EAAE,GAAG;AACzE,cAAQ,UAAU,IAAI,GAAG,eAAc,aAAa,IAAI,IAAI,EAAE;AAAA,IAChE;AAEA,WAAO,EAAE,QAAQ;AAAA,EACnB;AAAA;AAAA,EAGA,UAAU,QAAmC;AACpC,WAAA,KAAK,UAAY,EAAA;AAAA,EAC1B;AAAA,EAEA,UAAU,UAAyB,KAAkB,QAA6B;AASzE,WAAA;AAAA,EACT;AAEF;AAAA;AA7CE,cATW,gBASJ,iBAAuB;AATzB,IAAM,gBAAN;"}

package/dist/esm/components/basic/doc-editor/plugins/ImagePlugin/DocImageComponent.js

@@ -1,10 +1,13 @@
-import { defineComponent, h } from "vue";
+import { defineComponent, ref, reactive, computed, onMounted, createVNode } from "vue";
+import { CLICK_COMMAND, COMMAND_PRIORITY_LOW, $getSelection, $isNodeSelection } from "lexical";
+import { mergeRegister } from "@lexical/utils";
 import "@lexical/text";
-import "@lexical/utils";
+import { useMounted } from "../../lexical-vue/composables/useMounted.js";
 import "@lexical/overflow";
-import "lexical";
 import "tiny-invariant";
 import "@lexical/history";
+import { useLexicalComposer } from "../../lexical-vue/composables/useLexicalComposer.js";
+import { useLexicalNodeSelection } from "../../lexical-vue/composables/useLexicalNodeSelection.js";
 import "@lexical/list";
 import "@lexical/dragon";
 import "@lexical/plain-text";
@@ -17,26 +20,200 @@ import "@lexical/link";
 import "@lexical/mark";
 import "@lexical/table";
 import "@lexical/hashtag";
-import _sfc_main from "../../lexical-vue/components/LexicalBlockWithAlignableContents.vue2.js";
 import "@lexical/markdown";
 import "../../lexical-vue/composables/useCollaborationContext.js";
 import "../../lexical-vue/components/LexicalMenu/shared.js";
 import "../../lexical-vue/components/LexicalAutoEmbedPlugin/shared.js";
 import "../../lexical-vue/components/LexicalTypeaheadMenuPlugin/shared.js";
-const DocImageComponent = defineComponent({
+import { Messager } from "@maketribe/dm";
+import { SELECTED_COMPONENT_COMMAND, DEVICE_VIEW_MODE } from "../commands.js";
+import { WebFileUpload } from "@maketribe/request";
+import { REMOVE_IMAGE_COMMAND, IMAGE_ATTRS_CHANGE } from "./index.js";
+import { base64ToBlob, md5 } from "@maketribe/utils";
+import { ShowImageEditPanel } from "./ImageEditPanel.js";
+import _sfc_main from "./ImageTools.vue.js";
+const ImageDefaultSrc = "data:image/png;base64,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";
+const DocImageComponent = /* @__PURE__ */ defineComponent({
   name: "DocImageComponent",
-  props: ["format", "nodeKey", "src", "alt", "style"],
+  props: ["format", "baseClass", "focusClass", "nodeKey", "attrs"],
   setup(props) {
-    return () => h(_sfc_main, {
-      format: props.format,
-      nodeKey: props.nodeKey
-    }, () => h("img", {
-      width: "560",
-      height: "315",
-      src: props.src,
-      alt: props.alt,
-      style: props.style
-    }));
+    const editor = useLexicalComposer();
+    const {
+      isSelected,
+      setSelected,
+      clearSelection
+    } = useLexicalNodeSelection(props.nodeKey);
+    const selfElRef = ref(null);
+    const imageActiveBoxStyle = reactive({
+      width: "",
+      height: "",
+      top: "",
+      left: ""
+    });
+    const updateImageActiveBox = () => {
+      let stageRect = selfElRef.value.parentElement.getBoundingClientRect();
+      let rect = selfElRef.value.getBoundingClientRect();
+      imageActiveBoxStyle.width = rect.width + "px";
+      imageActiveBoxStyle.height = rect.height + "px";
+      imageActiveBoxStyle.left = rect.x - stageRect.x + "px";
+      imageActiveBoxStyle.top = "0px";
+    };
+    const styles = computed(() => {
+      return Object.keys(attrs).filter((k) => attrs[k] && k != "float" && k != "margin" && k != "src" && k != "alt").map((k) => {
+        return k.replace(/([A-Z])/g, "-$1").toLowerCase() + ":" + attrs[k];
+      });
+    });
+    const viewSrc = ref(ImageDefaultSrc);
+    const loading = ref(true);
+    const loadingText = ref("");
+    const attrs = reactive(props.attrs);
+    const webFileUpload = new WebFileUpload();
+    const imageLoad = (src) => {
+      loadingText.value = "加载中...";
+      loading.value = true;
+      return new Promise((resolve, reject) => {
+        const image = new Image();
+        image.onload = () => resolve(image.src);
+        image.onerror = reject;
+        image.src = src;
+        if (image.complete) {
+          resolve(image.src);
+        }
+      });
+    };
+    onMounted(() => {
+      loadingText.value = "";
+      if (props.attrs.src && props.attrs.src.indexOf("data:image/") == 0) {
+        loadingText.value = "上传中...";
+        const blob = base64ToBlob(props.attrs.src);
+        console.log(blob.type);
+        webFileUpload.upload(new File([blob], `${md5(Math.random().toString())}.png`, {
+          type: blob.type
+        })).then((result) => {
+          if (result.data.code !== 200) {
+            Messager.error({
+              message: result.data.msg
+            });
+            return;
+          }
+          imageLoad(props.attrs.src).then((src) => {
+            viewSrc.value = src;
+          }).finally(() => {
+            loading.value = false;
+          });
+        });
+      } else {
+        imageLoad(props.attrs.src).then((src) => {
+          viewSrc.value = src;
+        }).finally(() => {
+          loading.value = false;
+        });
+      }
+    });
+    useMounted(() => {
+      return mergeRegister(
+        // editor.registerCommand<ElementFormatType>(FORMAT_ELEMENT_COMMAND,(formatType) => {
+        //     if (isSelected.value) {
+        //       const selection = $getSelection()
+        //       if ($isNodeSelection(selection)) {
+        //         const node = $getNodeByKey(props.nodeKey)
+        //         if (node && $isImageNode(node)){   
+        //           node.setFormat(formatType)  
+        //         }
+        //       }
+        //       else if ($isRangeSelection(selection)) {
+        //         const nodes = selection.getNodes()
+        //         for (const node of nodes) {
+        //           if ($isImageNode(node)) {
+        //             node.setFormat(formatType)
+        //           }
+        //           else {
+        //             const element = $getNearestBlockElementAncestorOrThrow(node)
+        //             element.setFormat(formatType)
+        //           }
+        //         }
+        //       }
+        //       setTimeout(()=>updateImageActiveBox(),10)
+        //       return true
+        //     }
+        //     return false
+        //   },
+        //   COMMAND_PRIORITY_LOW,
+        // ),
+        // 选中图
+        editor.registerCommand(CLICK_COMMAND, (event) => {
+          if (event.target === selfElRef.value) {
+            event.preventDefault();
+            if (!event.shiftKey) {
+              clearSelection();
+            }
+            setSelected(true);
+            updateImageActiveBox();
+            editor.dispatchCommand(SELECTED_COMPONENT_COMMAND, {
+              el: selfElRef.value,
+              component: _sfc_main
+            });
+            return true;
+          }
+          editor.dispatchCommand(SELECTED_COMPONENT_COMMAND, null);
+          return false;
+        }, COMMAND_PRIORITY_LOW),
+        // 删除
+        editor.registerCommand(REMOVE_IMAGE_COMMAND, () => {
+          const selection = $getSelection();
+          if ($isNodeSelection(selection)) {
+            selection.getNodes().forEach((node) => node.remove());
+            editor.dispatchCommand(SELECTED_COMPONENT_COMMAND, null);
+          }
+          return false;
+        }, COMMAND_PRIORITY_LOW),
+        // 修改图片属性
+        editor.registerCommand(IMAGE_ATTRS_CHANGE, (payload) => {
+          var _a;
+          const selection = $getSelection();
+          if ($isNodeSelection(selection)) {
+            const node = selection.getNodes()[0];
+            if (node.__key == props.nodeKey) {
+              if (payload.name == "align") {
+                if (attrs.float != null && attrs.float != "") {
+                  attrs.float = payload.value;
+                } else {
+                  (_a = node == null ? void 0 : node.getParent()) == null ? void 0 : _a.setFormat(payload.value);
+                }
+              } else if (payload.name == "edit") {
+                ShowImageEditPanel(attrs).then((data) => {
+                  Object.assign(attrs, data || {});
+                });
+              } else {
+                attrs[payload.name] = payload.value;
+              }
+            }
+          }
+          setTimeout(() => updateImageActiveBox(), 10);
+          return false;
+        }, COMMAND_PRIORITY_LOW),
+        editor.registerCommand(DEVICE_VIEW_MODE, (payload) => {
+          setTimeout(() => updateImageActiveBox(), 10);
+          return false;
+        }, COMMAND_PRIORITY_LOW)
+      );
+    });
+    return () => {
+      return createVNode("div", {
+        "class": `${props.baseClass} ${isSelected.value ? props.focusClass : ""}`,
+        "style": `text-align: ${props.format};float:${attrs.float};margin:${attrs.margin}`
+      }, [createVNode("img", {
+        "ref": (el) => selfElRef.value = el,
+        "src": viewSrc.value,
+        "style": styles.value.join(";"),
+        "class": attrs.className
+      }, null), isSelected.value ? createVNode("div", {
+        "style": imageActiveBoxStyle,
+        "class": "mk-doc-active-mark"
+      }, null) : null, loading.value ? createVNode("div", {
+        "class": "mk-doc-loading-mark"
+      }, [loadingText.value]) : null]);
+    };
   }
 });
 export {

package/dist/esm/components/basic/doc-editor/plugins/ImagePlugin/DocImageComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocImageComponent.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ImagePlugin/DocImageComponent.ts"],"sourcesContent":["import { defineComponent, h } from 'vue'\r\n\r\nimport { LexicalBlockWithAlignableContents } from '../../lexical-vue'\r\n\r\n\r\nexport default defineComponent({\r\n  name: 'DocImageComponent',\r\n  props: ['format', 'nodeKey', 'src','alt','style'],\r\n  setup(props) {\r\n    return () => h(LexicalBlockWithAlignableContents, {\r\n      format: props.format,\r\n      nodeKey: props.nodeKey,\r\n    }, () => h('img', {\r\n      width: '560',\r\n      height: '315',\r\n      src: props.src,\r\n      alt:props.alt,\r\n      style:props.style\r\n    }))\r\n  },\r\n})\r\n"],"names":["LexicalBlockWithAlignableContents"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAA,oBAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO,CAAC,UAAU,WAAW,OAAM,OAAM,OAAO;AAAA,EAChD,MAAM,OAAO;AACJ,WAAA,MAAM,EAAEA,WAAmC;AAAA,MAChD,QAAQ,MAAM;AAAA,MACd,SAAS,MAAM;AAAA,IAAA,GACd,MAAM,EAAE,OAAO;AAAA,MAChB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK,MAAM;AAAA,MACX,KAAI,MAAM;AAAA,MACV,OAAM,MAAM;AAAA,IACb,CAAA,CAAC;AAAA,EACJ;AACF,CAAC;"}
+{"version":3,"file":"DocImageComponent.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/ImagePlugin/DocImageComponent.tsx"],"sourcesContent":["import type { ElementFormatType } from 'lexical'\r\nimport {  $getSelection,$isNodeSelection,  CLICK_COMMAND,COMMAND_PRIORITY_LOW } from 'lexical'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { useLexicalComposer,useLexicalNodeSelection,useMounted } from '../../lexical-vue'\r\nimport { defineComponent, ref,reactive,computed,onMounted } from 'vue'\r\nimport { Messager } from \"@maketribe/dm\";\r\nimport { DEVICE_VIEW_MODE,SELECTED_COMPONENT_COMMAND,ComponentSelectEvent } from \"../commands\"\r\nimport {  WebFileUpload } from \"@maketribe/request\";\r\nimport { REMOVE_IMAGE_COMMAND,ImageAttrData,IMAGE_ATTRS_CHANGE,ImageNode } from './index'\r\nimport { base64ToBlob,md5 } from \"@maketribe/utils\";\r\nimport { ShowImageEditPanel } from \"./ImageEditPanel\"\r\nimport ImageTools from './ImageTools.vue'\r\n\r\n// 默认图片\r\nconst ImageDefaultSrc = \"data:image/png;base64,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\";\r\n\r\n/**\r\n * 图片渲染组件\r\n */\r\nexport default defineComponent({\r\n  name: 'DocImageComponent',\r\n  props: ['format','baseClass','focusClass', 'nodeKey', 'attrs'],\r\n  setup(props) {\r\n\r\n    const editor = useLexicalComposer()\r\n    const { isSelected, setSelected, clearSelection } = useLexicalNodeSelection(props.nodeKey)\r\n    const selfElRef = ref<any>(null);\r\n    const imageActiveBoxStyle = reactive({ width:\"\", height:\"\",  top:\"\", left:\"\" });\r\n    const updateImageActiveBox = ()=>{\r\n      let stageRect = selfElRef.value.parentElement.getBoundingClientRect();\r\n      let rect = selfElRef.value.getBoundingClientRect();\r\n      imageActiveBoxStyle.width = rect.width+ \"px\";\r\n      imageActiveBoxStyle.height = rect.height+ \"px\";\r\n      imageActiveBoxStyle.left = rect.x - stageRect.x + \"px\";\r\n      imageActiveBoxStyle.top = \"0px\";\r\n    }\r\n\r\n    const styles = computed<string[]>(()=>{\r\n      return Object.keys(attrs).filter(k=>attrs[k] && k != \"float\" && k!=\"margin\" && k!=\"src\" && k!=\"alt\").map(k=>{\r\n        return k.replace(/([A-Z])/g,\"-$1\").toLowerCase()+\":\"+attrs[k]\r\n      });\r\n    })\r\n\r\n    // 显示的图\r\n    const viewSrc = ref<string>(ImageDefaultSrc)\r\n    const loading = ref(true);\r\n    const loadingText = ref(\"\");\r\n    const attrs = reactive(props.attrs)\r\n    const webFileUpload = new WebFileUpload();\r\n    // 图片加载\r\n    const imageLoad = (src:string)=>{\r\n      // 加载文案\r\n      loadingText.value = \"加载中...\";\r\n      loading.value = true;\r\n      return new Promise((resolve,reject)=>{\r\n        // 加载一下\r\n        const image = new Image();\r\n        image.onload = ()=>resolve(image.src)\r\n        image.onerror = reject\r\n        image.src = src;\r\n        if(image.complete){\r\n          resolve(image.src);\r\n        }\r\n      })\r\n    }\r\n\r\n    onMounted(()=>{\r\n      // 初始化\r\n      loadingText.value = \"\";\r\n      // 多半 base64\r\n      if(props.attrs.src && props.attrs.src.indexOf(\"data:image/\") == 0){\r\n\r\n        // 文件上传\r\n        loadingText.value = \"上传中...\";\r\n\r\n        // 开始上传\r\n        const blob = base64ToBlob(props.attrs.src); \r\n\r\n        console.log(blob.type);\r\n\r\n        webFileUpload.upload(new File([blob], `${md5(Math.random().toString())}.png`, { type: blob.type })).then(result=>{\r\n\r\n          if (result.data.code !== 200) {\r\n            Messager.error({ message: result.data.msg });\r\n            return;\r\n          }\r\n\r\n          // 加载一下\r\n          imageLoad(props.attrs.src).then(src=>{\r\n            viewSrc.value = src as string;\r\n          }).finally(()=>{\r\n            loading.value = false;\r\n          });\r\n\r\n        });\r\n\r\n        \r\n      }\r\n      else{\r\n        // 加载一下\r\n        imageLoad(props.attrs.src).then(src=>{\r\n          viewSrc.value = src as string;\r\n        }).finally(()=>{\r\n          loading.value = false;\r\n        });\r\n      }\r\n    })\r\n\r\n    useMounted(() => {\r\n      return mergeRegister(\r\n        // editor.registerCommand<ElementFormatType>(FORMAT_ELEMENT_COMMAND,(formatType) => {\r\n        //     if (isSelected.value) {\r\n\r\n        //       const selection = $getSelection()\r\n\r\n        //       if ($isNodeSelection(selection)) {\r\n\r\n        //         const node = $getNodeByKey(props.nodeKey)\r\n\r\n        //         if (node && $isImageNode(node)){   \r\n        //           node.setFormat(formatType)  \r\n        //         }\r\n        //       }\r\n        //       else if ($isRangeSelection(selection)) {\r\n\r\n        //         const nodes = selection.getNodes()\r\n    \r\n        //         for (const node of nodes) {\r\n        //           if ($isImageNode(node)) {\r\n        //             node.setFormat(formatType)\r\n        //           }\r\n        //           else {\r\n        //             const element = $getNearestBlockElementAncestorOrThrow(node)\r\n        //             element.setFormat(formatType)\r\n        //           }\r\n        //         }\r\n        //       }\r\n        //       setTimeout(()=>updateImageActiveBox(),10)\r\n        //       return true\r\n        //     }\r\n        //     return false\r\n        //   },\r\n        //   COMMAND_PRIORITY_LOW,\r\n        // ),\r\n        // 选中图\r\n        editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n\r\n            if (event.target === selfElRef.value) {\r\n\r\n              event.preventDefault();\r\n\r\n              if (!event.shiftKey){ clearSelection() }\r\n              \r\n              setSelected(true)\r\n              updateImageActiveBox();\r\n              \r\n              editor.dispatchCommand(SELECTED_COMPONENT_COMMAND,{ \r\n                el:selfElRef.value,\r\n                component:ImageTools\r\n              } as ComponentSelectEvent);\r\n              return true\r\n            }\r\n\r\n            // 没选中\r\n            editor.dispatchCommand(SELECTED_COMPONENT_COMMAND,null);\r\n            return false\r\n          },\r\n          COMMAND_PRIORITY_LOW,\r\n        ),\r\n        // 删除\r\n        editor.registerCommand(REMOVE_IMAGE_COMMAND, () => {\r\n            \r\n          const selection = $getSelection();\r\n    \r\n          if($isNodeSelection(selection)){\r\n    \r\n            selection.getNodes().forEach(node=>node.remove());\r\n            // 没选中\r\n            editor.dispatchCommand(SELECTED_COMPONENT_COMMAND,null);\r\n          }\r\n          return false;\r\n        },COMMAND_PRIORITY_LOW),\r\n        // 修改图片属性\r\n        editor.registerCommand(IMAGE_ATTRS_CHANGE,(payload:ImageAttrData) => {\r\n\r\n          const selection = $getSelection();\r\n\r\n          if($isNodeSelection(selection)){\r\n    \r\n            const node = selection.getNodes()[0] as ImageNode;\r\n    \r\n            // 是图片\r\n            if(node.__key == props.nodeKey){\r\n\r\n              // 对齐方式的改变\r\n              if(payload.name == \"align\"){\r\n\r\n                // 有浮动走浮动的逻辑\r\n                if(attrs.float != null && attrs.float != \"\"){ attrs.float = payload.value }\r\n                else{\r\n                  // 否则走文本对齐\r\n                  node?.getParent()?.setFormat(payload.value as ElementFormatType)\r\n                }\r\n              }\r\n              else if(payload.name==\"edit\"){\r\n                // 更新属性\r\n                ShowImageEditPanel(attrs).then(data=>{\r\n                  Object.assign(attrs,data||{});\r\n                });\r\n              }\r\n              else{\r\n                // 单个其他属性的改变\r\n                attrs[payload.name] = payload.value\r\n              }\r\n            }\r\n          }\r\n          setTimeout(()=>updateImageActiveBox(),10)\r\n          return false\r\n        },COMMAND_PRIORITY_LOW),\r\n        editor.registerCommand(DEVICE_VIEW_MODE,(payload: string) => {\r\n          setTimeout(()=>updateImageActiveBox(),10)\r\n          return false\r\n        },COMMAND_PRIORITY_LOW)\r\n      )\r\n    })\r\n\r\n    return () =>{\r\n      return <div class={`${props.baseClass} ${isSelected.value ? props.focusClass : ''}`}\r\n      style={`text-align: ${props.format};float:${ attrs.float };margin:${attrs.margin}`}>\r\n        <img ref={el=>selfElRef.value=el} src={viewSrc.value} style={styles.value.join(\";\")} class={attrs.className} />\r\n        {isSelected.value ? <div style={imageActiveBoxStyle} class=\"mk-doc-active-mark\"></div> : null}\r\n        {loading.value ? <div class=\"mk-doc-loading-mark\">\r\n          {loadingText.value}\r\n        </div> : null}\r\n      </div>\r\n    }\r\n  },\r\n})\r\n"],"names":["ImageDefaultSrc","defineComponent","name","props","setup","editor","useLexicalComposer","isSelected","setSelected","clearSelection","useLexicalNodeSelection","nodeKey","selfElRef","ref","imageActiveBoxStyle","reactive","width","height","top","left","updateImageActiveBox","stageRect","value","parentElement","getBoundingClientRect","rect","x","styles","computed","Object","keys","attrs","filter","k","map","replace","toLowerCase","viewSrc","loading","loadingText","webFileUpload","WebFileUpload","imageLoad","src","Promise","resolve","reject","image","Image","onload","onerror","complete","onMounted","indexOf","blob","base64ToBlob","console","log","type","upload","File","md5","Math","random","toString","then","result","data","code","Messager","error","message","msg","finally","useMounted","mergeRegister","registerCommand","CLICK_COMMAND","event","target","preventDefault","shiftKey","dispatchCommand","SELECTED_COMPONENT_COMMAND","el","component","ImageTools","COMMAND_PRIORITY_LOW","REMOVE_IMAGE_COMMAND","selection","$getSelection","$isNodeSelection","getNodes","forEach","node","remove","IMAGE_ATTRS_CHANGE","payload","__key","float","getParent","setFormat","ShowImageEditPanel","assign","setTimeout","DEVICE_VIEW_MODE","_createVNode","baseClass","focusClass","format","margin","join","className"],"mappings":"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"}