@maketribe/ms-app 3.2.25 → 3.2.26

package/dist/types/components/basic/doc-editor/core/index.d.ts

@@ -1,8 +1,9 @@
-export * from "./decorator-module";
-export * from "./element-module";
+export * from "./element-block";
 export * from "./utils";
-export type DeviceVieeMode = 'pc' | 'mobile';
-export declare const DEVICE_VIEW_MODE: import("vue").Ref<DeviceVieeMode>;
+/**
+ * 设备显示模式
+ */
+export declare const DEVICE_VIEW_MODE: import("vue").Ref<"pc" | "mobile">;
 /**
  * 工具条扩展
  */
@@ -12,6 +13,9 @@ export type ToolbarExtendPlugin = {
     action: Function;
     sort: number;
 };
+/**
+ * 插入的插件列表
+ */
 export declare const ToolbarExtendPlugins: import("vue").Reactive<ToolbarExtendPlugin[]>;
 /**
  * 注册工具条的扩展

package/dist/types/components/basic/doc-editor/plugins/GridPlugin/GridNode.d.ts

@@ -0,0 +1,88 @@
+import type { DOMConversionMap, SerializedElementNode, LexicalNode, NodeKey, Spread, EditorConfig, DOMExportOutput } from 'lexical';
+import { ElementNode } from 'lexical';
+/**
+ * 容器属性
+ */
+export type GridNodeAttrType = {
+    class: string;
+    width: string;
+    height: string;
+    maxWidth: string;
+    maxHeight: string;
+    flex: string;
+};
+/**
+ * 节点序列化
+ */
+export type SerializedGridNode = Spread<{
+    attrs: GridNodeAttrType;
+}, SerializedElementNode>;
+/**
+ * 格子
+ */
+export declare class GridNode extends ElementNode {
+    __attrs: GridNodeAttrType;
+    static getType(): string;
+    static hasGridNodeByElement(el: HTMLElement): HTMLElement | null;
+    static getMarkClassName(): string;
+    static getExtraClassName(el: HTMLElement): string;
+    static clone(node: GridNode): GridNode;
+    static importJSON(serializedNode: SerializedGridNode): GridNode;
+    static importDOM(): DOMConversionMap | null;
+    constructor(attrs: GridNodeAttrType, key?: NodeKey);
+    /**
+     * 设置属性
+     * @param pos
+     */
+    setAttrs(data?: GridNodeAttrType): void;
+    /**
+     * 获取属性
+     * @param pos
+     */
+    getAttrs(): GridNodeAttrType;
+    /**
+     * 导出JSON
+     * @returns
+     */
+    exportJSON(): SerializedGridNode;
+    /**
+     * 更新元素属性
+     * @param el
+     */
+    updateElementAttr(el: HTMLElement): void;
+    /**
+     * 获取标识类
+     * @returns
+     */
+    getMarkClassName(): string;
+    /**
+     * 导出DOM
+     * @returns
+     */
+    exportDOM(): DOMExportOutput;
+    /**
+     * 创建渲染DOM
+     * @param config
+     * @returns
+     */
+    createDOM(config: EditorConfig): HTMLElement;
+    /**
+     * 更新DOM
+     * @param prevNode
+     * @param dom
+     * @param config
+     * @returns
+     */
+    updateDOM(prevNode: GridNode, el: HTMLElement, config: EditorConfig): boolean;
+    /**
+     * 非内联
+     * @returns
+     */
+    isInline(): boolean;
+}
+/**
+ * 是否是格子
+ * @param node
+ * @returns
+ */
+export declare function $isGridNode(node: GridNode | LexicalNode | null | undefined): node is GridNode;

package/dist/types/components/basic/doc-editor/plugins/GridPlugin/ImageTextGridNode.d.ts

@@ -0,0 +1,50 @@
+import type { DOMConversionMap, LexicalCommand, LexicalNode, NodeKey, Spread } from 'lexical';
+import { type GridNodeAttrType, GridNode, SerializedGridNode } from "./GridNode";
+/**
+ * 属性
+ */
+export type ImageTextGridNodeAttrType = GridNodeAttrType & {};
+/**
+ * 插入图文
+ */
+export declare const INSERT_IMAGETEXTGRID_COMMAND: LexicalCommand<undefined | null>;
+/**
+ * 图文节点序列化
+ */
+export type SerializedImageTextGridNode = Spread<{}, SerializedGridNode>;
+/**
+ * 图文格子
+ */
+export declare class ImageTextGridNode extends GridNode {
+    __attrs: ImageTextGridNodeAttrType;
+    static getType(): string;
+    static hasGridNodeByElement(el: HTMLElement): HTMLElement | null;
+    static getMarkClassName(): string;
+    static getExtraClassName(el: HTMLElement): string;
+    static clone(node: ImageTextGridNode): ImageTextGridNode;
+    static importJSON(serializedNode: SerializedImageTextGridNode): ImageTextGridNode;
+    static importDOM(): DOMConversionMap | null;
+    constructor(attrs: ImageTextGridNodeAttrType, key?: NodeKey);
+    /**
+     * 设置属性
+     * @param pos
+     */
+    setAttrs(data?: ImageTextGridNodeAttrType): void;
+    /**
+     * 获取属性
+     * @param pos
+     */
+    getAttrs(): ImageTextGridNodeAttrType;
+    /**
+     * 导出JSON
+     * @returns
+     */
+    exportJSON(): SerializedGridNode;
+    canBeEmpty(): boolean;
+}
+/**
+ * 判断是否是图文节点
+ * @param node
+ * @returns
+ */
+export declare function $isImageTextGridNode(node: ImageTextGridNode | LexicalNode | null | undefined): node is ImageTextGridNode;

package/dist/types/components/basic/doc-editor/plugins/GridPlugin/LayoutGridNode.d.ts

@@ -0,0 +1,58 @@
+import { type DOMConversionMap, type NodeKey, type Spread, type LexicalCommand, LexicalNode } from 'lexical';
+import { type GridNodeAttrType, GridNode, SerializedGridNode } from "./GridNode";
+/**
+ * 属性
+ */
+export type LayoutGridNodeAttrType = GridNodeAttrType & {
+    display: 'flex' | 'inline-flex';
+    flexDirection: 'column' | 'row' | 'row-reverse' | 'column-reverse';
+    flexWrap: 'nowrap' | 'warp';
+    alignContent: 'center' | 'flex-start';
+    justifyContent: 'center' | 'flex-start';
+    alignItems: 'center' | 'flex-start';
+};
+/**
+ * 插入布局格子
+ */
+export declare const INSERT_LAYOUTGRID_COMMAND: LexicalCommand<LayoutGridNodeAttrType>;
+/**
+ * 节点序列化
+ */
+export type SerializedLayoutGridNode = Spread<{
+    attrs: LayoutGridNodeAttrType;
+}, SerializedGridNode>;
+/**
+ * 布局格子
+ */
+export declare class LayoutGridNode extends GridNode {
+    __attrs: LayoutGridNodeAttrType;
+    static getType(): string;
+    static hasGridNodeByElement(el: HTMLElement): HTMLElement | null;
+    static getMarkClassName(): string;
+    static getExtraClassName(el: HTMLElement): string;
+    static clone(node: LayoutGridNode): LayoutGridNode;
+    static importJSON(serializedNode: SerializedLayoutGridNode): LayoutGridNode;
+    static importDOM(): DOMConversionMap | null;
+    constructor(attrs: LayoutGridNodeAttrType, key?: NodeKey);
+    /**
+     * 设置属性
+     * @param pos
+     */
+    setAttrs(data?: LayoutGridNodeAttrType): void;
+    /**
+     * 获取属性
+     * @param pos
+     */
+    getAttrs(): LayoutGridNodeAttrType;
+    /**
+     * 导出JSON
+     * @returns
+     */
+    exportJSON(): SerializedGridNode;
+}
+/**
+ * 是否是模块格子
+ * @param node
+ * @returns
+ */
+export declare function $isLayoutGridNode(node: LayoutGridNode | LexicalNode | null | undefined): node is LayoutGridNode;

package/dist/types/components/basic/doc-editor/plugins/GridPlugin/ModuleGridNode.d.ts

@@ -0,0 +1,58 @@
+import { type DOMConversionMap, type NodeKey, type Spread, type LexicalCommand, LexicalNode } from 'lexical';
+import { type GridNodeAttrType, GridNode, SerializedGridNode } from "./GridNode";
+/**
+ * 属性
+ */
+export type ModuleGridNodeAttrType = GridNodeAttrType & {
+    overflowX: boolean;
+};
+/**
+ * 插入模块格子
+ */
+export declare const INSERT_MODULEGRID_COMMAND: LexicalCommand<ModuleGridNodeAttrType>;
+/**
+ * 节点序列化
+ */
+export type SerializedModuleGridNode = Spread<{
+    attrs: ModuleGridNodeAttrType;
+}, SerializedGridNode>;
+/**
+ * 模块格子
+ */
+export declare class ModuleGridNode extends GridNode {
+    __attrs: ModuleGridNodeAttrType;
+    static getType(): string;
+    static hasGridNodeByElement(el: HTMLElement): HTMLElement | null;
+    static getMarkClassName(): string;
+    static getExtraClassName(el: HTMLElement): string;
+    static clone(node: ModuleGridNode): ModuleGridNode;
+    static importJSON(serializedNode: SerializedModuleGridNode): ModuleGridNode;
+    static importDOM(): DOMConversionMap | null;
+    constructor(attrs: ModuleGridNodeAttrType, key?: NodeKey);
+    /**
+     * 设置属性
+     * @param pos
+     */
+    setAttrs(data?: ModuleGridNodeAttrType): void;
+    /**
+     * 获取属性
+     * @param pos
+     */
+    getAttrs(): ModuleGridNodeAttrType;
+    /**
+     * 导出JSON
+     * @returns
+     */
+    exportJSON(): SerializedGridNode;
+    /**
+   * 更新元素属性
+   * @param el
+   */
+    updateElementAttr(el: HTMLElement): void;
+}
+/**
+ * 是否是模块格子
+ * @param node
+ * @returns
+ */
+export declare function $isModuleGridNode(node: ModuleGridNode | LexicalNode | null | undefined): node is ModuleGridNode;

package/dist/types/components/basic/doc-editor/plugins/GridPlugin/TextGridNode.d.ts

@@ -0,0 +1,51 @@
+import { type DOMConversionMap, type NodeKey, type Spread, type LexicalCommand, LexicalNode } from 'lexical';
+import { type GridNodeAttrType, GridNode, SerializedGridNode } from "./GridNode";
+/**
+ * 插入文本格子
+ */
+export declare const INSERT_TEXTGRID_COMMAND: LexicalCommand<GridNodeAttrType>;
+/**
+ * 属性
+ */
+export type TextGridNodeAttrType = GridNodeAttrType & {};
+/**
+ * 节点序列化
+ */
+export type SerializedTextGridNode = Spread<{
+    attrs: TextGridNodeAttrType;
+}, SerializedGridNode>;
+/**
+ * 布局格子
+ */
+export declare class TextGridNode extends GridNode {
+    __attrs: TextGridNodeAttrType;
+    static getType(): string;
+    static hasGridNodeByElement(el: HTMLElement): HTMLElement | null;
+    static getMarkClassName(): string;
+    static getExtraClassName(el: HTMLElement): string;
+    static clone(node: TextGridNode): TextGridNode;
+    static importJSON(serializedNode: SerializedTextGridNode): TextGridNode;
+    static importDOM(): DOMConversionMap | null;
+    constructor(attrs: TextGridNodeAttrType, key?: NodeKey);
+    /**
+     * 设置属性
+     * @param pos
+     */
+    setAttrs(data?: TextGridNodeAttrType): void;
+    /**
+     * 获取属性
+     * @param pos
+     */
+    getAttrs(): TextGridNodeAttrType;
+    /**
+     * 导出JSON
+     * @returns
+     */
+    exportJSON(): SerializedGridNode;
+}
+/**
+ * 是否是文本格子
+ * @param node
+ * @returns
+ */
+export declare function $isTextGridNode(node: TextGridNode | LexicalNode | null | undefined): node is TextGridNode;

package/dist/types/components/basic/doc-editor/plugins/GridPlugin/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./GridNode";
+export * from "./TextGridNode";
+export * from "./LayoutGridNode";
+export * from "./ImageTextGridNode";
+export * from "./ModuleGridNode";

package/dist/types/components/basic/doc-editor/plugins/GridPlugin/utils.d.ts

@@ -0,0 +1,3 @@
+import { LexicalNode } from "lexical";
+import { GridNode } from "./GridNode";
+export declare const showGridEditDialoger: (node: GridNode, parent: LexicalNode, data: any) => Promise<unknown>;

package/dist/types/components/basic/doc-editor/plugins/ImagePlugin/ImageNode.d.ts

@@ -32,24 +32,15 @@ export declare class ImageNode extends TextNode {
     exportJSON(): SerializedImageNode;
     getStyles(): string[];
     exportDOM(): DOMExportOutput;
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(prevNode: ImageNode, dom: HTMLElement, config: EditorConfig): boolean;
+    canHaveFormat(): boolean;
+    isToken(): boolean;
     /**
      * 设置属性
      * @param pos
      */
     setAttrs(data?: any): void;
-    /**
-     * 创建DOM
-     * @param config
-     * @returns
-     */
-    createDOM(config: EditorConfig): HTMLElement;
-    updateDOM(prevNode: ImageNode, dom: HTMLElement, config: EditorConfig): boolean;
-    getTextContent(_includeInert?: boolean | undefined, _includeDirectionless?: false | undefined): string;
-    /**
-     * 内联
-     * @returns
-     */
-    isInline(): boolean;
 }
 /**
  * 定义内联图片节点

package/dist/types/components/basic/doc-editor/plugins/ModulePlugin/ModuleBlockNode.d.ts

@@ -1,16 +1,15 @@
-import type { DOMConversionMap, DOMExportOutput, LexicalNode, NodeKey, Spread, EditorConfig, DOMConversion } from 'lexical';
-import { BaseBlockNode, SerializedBlockNode } from '../RichTextPlugin/nodes/BaseBlockNode';
+import { type DOMConversionMap, type DOMExportOutput, type LexicalNode, type NodeKey, type Spread, type EditorConfig, type DOMConversion, type SerializedTextNode, TextNode } from 'lexical';
 /**
  * 模块模版节点序列化
  */
 export type SerializedModuleBlockNode = Spread<{
     name: string;
     data: object;
-}, SerializedBlockNode>;
+}, SerializedTextNode>;
 /**
  * 模块节点
  */
-export declare class ModuleBlockNode extends BaseBlockNode {
+export declare class ModuleBlockNode extends TextNode {
     __name: string;
     __data: object;
     static getType(): string;
@@ -41,6 +40,10 @@ export declare class ModuleBlockNode extends BaseBlockNode {
      * @param html
      */
     setContent(data: any): void;
+    /**
+     * 导出JSON
+     * @returns
+     */
     exportJSON(): SerializedModuleBlockNode;
     static importDOM(): DOMConversionMap | null;
     /**
@@ -67,13 +70,18 @@ export declare class ModuleBlockNode extends BaseBlockNode {
      */
     createDOM(config: EditorConfig): HTMLElement;
     /**
-   * 更新DOM
-   * @param prevNode
-   * @param dom
-   * @param config
-   * @returns
-   */
+     * 更新DOM
+     * @param prevNode
+     * @param dom
+     * @param config
+     * @returns
+     */
     updateDOM(prevNode: ModuleBlockNode, dom: HTMLElement, config: EditorConfig): boolean;
+    /**
+     * 非内联
+     * @returns
+     */
+    isInline(): boolean;
 }
 /**
  * 创建节点

package/dist/types/components/basic/doc-editor/plugins/ModulePlugin/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./commands";
 export * from "./ModuleBlockNode";
-export * from "./ModuleContainerNode";

package/dist/types/components/basic/doc-editor/plugins/ModulePlugin/utils.d.ts

@@ -18,12 +18,6 @@ export declare const createHtml: (template: string, data: any) => string;
 export declare const createModuleMetaData: (html: string, options: DynamicFormItemType[]) => {
     data: any;
 };
-/**
- * 查找容器节点
- * @param element
- * @returns
- */
-export declare const findModuleContainerEl: (element: HTMLElement) => HTMLElement | null;
 /**
  * 查找模块节点
  * @param element

package/dist/types/components/basic/doc-editor/plugins/index.d.ts

@@ -1,9 +1,9 @@
 import AutoLinkPlugin from "./AutoLinkPlugin/index.vue";
 import ImagePlugin from "./ImagePlugin/index.vue";
-import ImageTextPlugin from "./ImageTextPlugin/index.vue";
 import ToolbarPlugin from "./ToolbarPlugin/index.vue";
 import RichTextPlugin from "./RichTextPlugin/index.vue";
-import DecoratorModuleToolbarPlugin from "./DecoratorModuleToolbarPlugin/index.vue";
+import ElementBlockSelectionPlugin from "./ElementBlockSelectionPlugin/index.vue";
 import ModulePlugin from "./ModulePlugin/index.vue";
+import GridPlugin from "./GridPlugin/index.vue";
 import Nodes from "./nodes";
-export { ToolbarPlugin, RichTextPlugin, ModulePlugin, AutoLinkPlugin, ImagePlugin, ImageTextPlugin, DecoratorModuleToolbarPlugin, Nodes };
+export { ToolbarPlugin, RichTextPlugin, ModulePlugin, AutoLinkPlugin, ImagePlugin, ElementBlockSelectionPlugin, GridPlugin, Nodes };

package/dist/types/components/basic/dynamic-form-panel/type.d.ts

@@ -6,6 +6,6 @@ export type DynamicFormItemType = {
     name: string;
     title: string;
     component: string | Component;
-    props: object;
-    defaultValue: string;
+    props: object | any;
+    defaultValue: any;
 };

package/dist/types/modules/cms/dataviews/cms-ad-contents/CmsAdContentsForm.d.ts

@@ -6,5 +6,6 @@ export declare class CmsAdContentsForm extends DataForm {
     constructor(options?: DataFormOptions & {
         cutSise?: string;
     });
+    changeCutSise(cutSise: string): void;
     protected initialize(): Promise<void>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maketribe/ms-app",
-  "version": "3.2.25",
+  "version": "3.2.26",
   "description": "",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -49,12 +49,12 @@
     "vditor": "^3.9.6",
     "vue": "^3.4.31",
     "vue-codemirror": "^6.1.1",
-    "vue-cropper": "^1.1.3",
+    "vue-cropper": "^1.1.4",
     "vue-router": "^4.2.4",
-    "@maketribe/dm": "^3.2.11",
-    "@maketribe/utils": "^3.2.1",
     "@maketribe/locale": "^3.2.0",
-    "@maketribe/request": "^3.2.3"
+    "@maketribe/dm": "^3.2.11",
+    "@maketribe/request": "^3.2.3",
+    "@maketribe/utils": "^3.2.1"
   },
   "devDependencies": {
     "@types/sortablejs": "^1.15.8"

package/dist/cjs/components/basic/doc-editor/core/decorator-module.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lexical = require("lexical");
-require("@lexical/utils");
-require("vue");
-require("lexical-vue");
-const SELECTED_DECORATORMODULE_COMMAND = lexical.createCommand("SELECTED_DECORATORMODULE_COMMAND");
-const REMOVE_DECORATORMODULE_COMMAND = lexical.createCommand("REMOVE_DECORATORMODULE_COMMAND");
-const UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND = lexical.createCommand("UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND");
-exports.REMOVE_DECORATORMODULE_COMMAND = REMOVE_DECORATORMODULE_COMMAND;
-exports.SELECTED_DECORATORMODULE_COMMAND = SELECTED_DECORATORMODULE_COMMAND;
-exports.UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND = UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND;
-//# sourceMappingURL=decorator-module.js.map

package/dist/cjs/components/basic/doc-editor/core/decorator-module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"decorator-module.js","sources":["../../../../../../src/components/basic/doc-editor/core/decorator-module.ts"],"sourcesContent":["\r\nimport type { BaseSelection, LexicalCommand,NodeKey } from 'lexical'\r\nimport {\r\n  createCommand,DecoratorNode,\r\n  $getSelection, $isNodeSelection,\r\n  CLICK_COMMAND, COMMAND_PRIORITY_LOW,\r\n  TextNode,\r\n  EditorConfig\r\n} from \"lexical\";\r\nimport { mergeRegister } from \"@lexical/utils\";\r\nimport { type Component,watch,ref } from \"vue\"\r\nimport {\r\n  useLexicalComposer,\r\n  useLexicalNodeSelection,\r\n  useMounted,\r\n} from \"lexical-vue\";\r\n\r\n/**\r\n * toolsbar的函数\r\n */\r\nexport type ToolsbarFunction = (selection:BaseSelection|null)=>Array<any>|null;\r\n\r\n/**\r\n * 组件选中\r\n */\r\nexport type DecoratorModuleSelectEventType = {\r\n  element:HTMLElement,\r\n  toolsbars:Array<any>|ToolsbarFunction\r\n}\r\n\r\n/**\r\n * 选中装饰模块\r\n */\r\nexport const SELECTED_DECORATORMODULE_COMMAND: LexicalCommand<DecoratorModuleSelectEventType|null> = createCommand('SELECTED_DECORATORMODULE_COMMAND')\r\n\r\n/**\r\n * 移除装饰器模块\r\n */\r\nexport const REMOVE_DECORATORMODULE_COMMAND: LexicalCommand<undefined|null> = createCommand('REMOVE_DECORATORMODULE_COMMAND')\r\n\r\n/**\r\n * 更新模块工具条位置信息\r\n */\r\nexport const UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND: LexicalCommand<undefined|null> = createCommand('UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND')\r\n\r\n/**\r\n * 装饰模块\r\n */\r\nexport class DecoratorModuleBlockNode extends DecoratorNode<Component> {\r\n\r\n  constructor( key?: NodeKey) {\r\n    super(key)\r\n  }\r\n\r\n  createDOM() {\r\n    return document.createElement('div')\r\n  }\r\n\r\n  updateDOM(\r\n    prevNode: TextNode,\r\n    dom: HTMLElement,\r\n    config: EditorConfig,\r\n  ): boolean {\r\n    return false\r\n  }\r\n  \r\n  /**\r\n   * 标识非行内组件\r\n   * @returns \r\n   */\r\n  isInline() { return false; }\r\n\r\n  /**\r\n   * 是否隔离\r\n   * @returns \r\n   */\r\n  isIsolated(){ return true; }\r\n  \r\n  /**\r\n   * 允许键盘选中\r\n   * @returns \r\n   */\r\n  isKeyboardSelectable(){ return true; }\r\n  \r\n}\r\n\r\n\r\n/**\r\n * 使用装饰模块\r\n */\r\nexport const useDecoratorModule = (nodeKey:any,toolsbars:Array<any>|ToolsbarFunction)=>{\r\n\r\n  // 编辑器\r\n\r\n  const curSelectEl = ref<any>(null)\r\n  const editor = useLexicalComposer();\r\n  const { isSelected, setSelected, clearSelection } = useLexicalNodeSelection(nodeKey);\r\n\r\n  // 是否选中\r\n  watch(isSelected,(v)=>{\r\n    if(v && curSelectEl.value != null){\r\n      // 选中后显示工具条\r\n      editor.dispatchCommand(SELECTED_DECORATORMODULE_COMMAND,{ \r\n        element:curSelectEl.value,\r\n        toolsbars:toolsbars\r\n      });\r\n    }\r\n    else{\r\n      // 没选中\r\n      curSelectEl.value = null;\r\n      editor.dispatchCommand(SELECTED_DECORATORMODULE_COMMAND,null);\r\n    }\r\n  })\r\n\r\n  // 编辑器挂载的时候\r\n  useMounted(() => {\r\n\r\n    return mergeRegister(\r\n      // \r\n      // 选中\r\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n        \r\n        // 选中当前对象\r\n        if (event.target === curSelectEl.value) {\r\n\r\n          event.preventDefault();\r\n\r\n          if (!event.shiftKey) { clearSelection();  }\r\n\r\n          setSelected(true);\r\n\r\n          return true;\r\n        }\r\n       \r\n        return false;\r\n      }, COMMAND_PRIORITY_LOW)\r\n    );\r\n  });\r\n\r\n  return { isSelected,curSelectEl }\r\n}\r\n\r\n/**\r\n * 使用装饰模块工具条\r\n */\r\nexport const useDecoratorModuleTools = (selectFunc:Function)=>{\r\n\r\n  // 编辑器\r\n  const editor = useLexicalComposer();\r\n\r\n  // 编辑器挂载的时候\r\n  useMounted(() => {\r\n\r\n    return mergeRegister(\r\n      editor.registerCommand(SELECTED_DECORATORMODULE_COMMAND, () => {\r\n          \r\n        const selection = $getSelection();\r\n  \r\n        if($isNodeSelection(selection)){\r\n          selectFunc(selection);\r\n        }\r\n\r\n        return false;\r\n      },1)\r\n    );\r\n  });\r\n\r\n}\r\n\r\n\r\n"],"names":["createCommand"],"mappings":";;;;;;AAiCa,MAAA,mCAAwFA,sBAAc,kCAAkC;AAKxI,MAAA,iCAAiEA,sBAAc,gCAAgC;AAK/G,MAAA,6CAA6EA,sBAAc,4CAA4C;;;;"}

package/dist/cjs/components/basic/doc-editor/core/element-module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"element-module.js","sources":["../../../../../../src/components/basic/doc-editor/core/element-module.ts"],"sourcesContent":["\r\n\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport {  COMMAND_PRIORITY_LOW,CLICK_COMMAND } from 'lexical'\r\nimport { useLexicalComposer,useMounted } from 'lexical-vue'\r\nimport {  ref,computed,watch } from 'vue'\r\nimport { \r\n  SELECTED_DECORATORMODULE_COMMAND,\r\n  ToolsbarFunction\r\n} from './decorator-module'\r\nimport { \r\n  isNodeSelected,setSelected,clearSelection,\r\n} from './utils'\r\n\r\n/**\r\n * 判断选中的方法\r\n */\r\nexport type SelectExistFunc = (el:HTMLElement)=>HTMLElement|null\r\n\r\n/**\r\n * 使用元素模块\r\n * @param toolsbars \r\n */\r\nexport const useElementModule = (func:SelectExistFunc,toolsbars:Array<any>|ToolsbarFunction)=>{\r\n\r\n  const editor = useLexicalComposer()\r\n  const isSelected = ref(false)\r\n  const curSelectKey = ref<any>(null)\r\n  const curSelectPos = ref<any>(null)\r\n  const curSelectEl = ref<any>(null)\r\n  \r\n  // 更新选中\r\n  const updateActiveViewState = (el:Element|null)=>{\r\n  \r\n    if(el){\r\n  \r\n      const selectRect = el.getBoundingClientRect();\r\n  \r\n      curSelectPos.value = {\r\n        top:`${selectRect.y}px`,left:`${selectRect.x}px`,\r\n        width:`${selectRect.width}px`,height:`${selectRect.height}px`\r\n      };\r\n  \r\n      editor.dispatchCommand(SELECTED_DECORATORMODULE_COMMAND,{ \r\n        element:curSelectEl.value,\r\n        toolsbars:toolsbars\r\n      });\r\n    }\r\n    else{\r\n      curSelectEl.value = null;\r\n      curSelectKey.value = null;\r\n      curSelectPos.value = null;\r\n      editor.dispatchCommand(SELECTED_DECORATORMODULE_COMMAND,null);\r\n    }\r\n  }\r\n  \r\n  // 是否选中\r\n  watch(isSelected,(state)=>{\r\n    return updateActiveViewState(state ? curSelectEl.value : null);\r\n  })\r\n  \r\n  // 编辑器挂载\r\n  useMounted(()=>{\r\n    // 注册事件\r\n    return mergeRegister(\r\n      // 更新选中状态\r\n      editor.registerUpdateListener(() => {\r\n        isSelected.value = isNodeSelected(editor, curSelectKey.value);\r\n      }),\r\n      // 点击选中\r\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n          \r\n        const el = func(event.target as HTMLElement);\r\n        const nodeKey = el?.getAttribute(\"node-key\");\r\n\r\n        // 不为null的话则视为点击选中\r\n        if(nodeKey != null){\r\n          \r\n          event.preventDefault();\r\n  \r\n          if (!event.shiftKey) { clearSelection(editor);  }\r\n\r\n          setSelected(editor,true,nodeKey);\r\n          \r\n          setTimeout(() => {\r\n            curSelectEl.value = el;\r\n            curSelectKey.value = nodeKey;\r\n            isSelected.value = isNodeSelected(editor, nodeKey);\r\n          }, 1);\r\n          return true;\r\n        }\r\n   \r\n        return false;\r\n      }, COMMAND_PRIORITY_LOW)\r\n    )\r\n  })\r\n\r\n\r\n  return { isSelected, curSelectKey,curSelectPos,updateActiveViewState };\r\n\r\n}\r\n"],"names":["useLexicalComposer","ref","SELECTED_DECORATORMODULE_COMMAND","watch","useMounted","mergeRegister","isNodeSelected","CLICK_COMMAND","clearSelection","setSelected","COMMAND_PRIORITY_LOW"],"mappings":";;;;;;;;AAuBa,MAAA,mBAAmB,CAAC,MAAqB,cAAwC;AAE5F,QAAM,SAASA,WAAAA;AACT,QAAA,aAAaC,QAAI,KAAK;AACtB,QAAA,eAAeA,QAAS,IAAI;AAC5B,QAAA,eAAeA,QAAS,IAAI;AAC5B,QAAA,cAAcA,QAAS,IAAI;AAG3B,QAAA,wBAAwB,CAAC,OAAkB;AAE/C,QAAG,IAAG;AAEE,YAAA,aAAa,GAAG;AAEtB,mBAAa,QAAQ;AAAA,QACnB,KAAI,GAAG,WAAW,CAAC;AAAA,QAAK,MAAK,GAAG,WAAW,CAAC;AAAA,QAC5C,OAAM,GAAG,WAAW,KAAK;AAAA,QAAK,QAAO,GAAG,WAAW,MAAM;AAAA,MAAA;AAG3D,aAAO,gBAAgBC,kDAAiC;AAAA,QACtD,SAAQ,YAAY;AAAA,QACpB;AAAA,MAAA,CACD;AAAA,IAAA,OAEC;AACF,kBAAY,QAAQ;AACpB,mBAAa,QAAQ;AACrB,mBAAa,QAAQ;AACd,aAAA,gBAAgBA,kDAAiC,IAAI;AAAA,IAC9D;AAAA,EAAA;AAIIC,YAAA,YAAW,CAAC,UAAQ;AACxB,WAAO,sBAAsB,QAAQ,YAAY,QAAQ,IAAI;AAAA,EAAA,CAC9D;AAGDC,aAAAA,WAAW,MAAI;AAEN,WAAAC,MAAA;AAAA;AAAA,MAEL,OAAO,uBAAuB,MAAM;AAClC,mBAAW,QAAQC,QAAA,eAAe,QAAQ,aAAa,KAAK;AAAA,MAAA,CAC7D;AAAA;AAAA,MAED,OAAO,gBAA4BC,uBAAc,CAAC,UAAU;AAEpD,cAAA,KAAK,KAAK,MAAM,MAAqB;AACrC,cAAA,UAAU,yBAAI,aAAa;AAGjC,YAAG,WAAW,MAAK;AAEjB,gBAAM,eAAe;AAEjB,cAAA,CAAC,MAAM,UAAU;AAAEC,oBAAA,eAAe,MAAM;AAAA,UAAI;AAEpCC,kBAAAA,YAAA,QAAO,MAAK,OAAO;AAE/B,qBAAW,MAAM;AACf,wBAAY,QAAQ;AACpB,yBAAa,QAAQ;AACV,uBAAA,QAAQH,QAAAA,eAAe,QAAQ,OAAO;AAAA,aAChD,CAAC;AACG,iBAAA;AAAA,QACT;AAEO,eAAA;AAAA,SACNI,4BAAoB;AAAA,IAAA;AAAA,EACzB,CACD;AAGD,SAAO,EAAE,YAAY,cAAa,cAAa,sBAAsB;AAEvE;;"}

package/dist/cjs/components/basic/doc-editor/plugins/DecoratorModuleToolbarPlugin/index.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/DecoratorModuleToolbarPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { type CommandListenerPriority, $isNodeSelection, $getSelection } from 'lexical'\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport { useLexicalComposer, useMounted } from 'lexical-vue'\r\nimport { ref, reactive, shallowRef, nextTick, watch } from 'vue'\r\nimport {\r\n  UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND, SELECTED_DECORATORMODULE_COMMAND, REMOVE_DECORATORMODULE_COMMAND,\r\n  type DecoratorModuleSelectEventType, DEVICE_VIEW_MODE,\r\n  ToolsbarFunction\r\n} from \"../../core\"\r\n\r\n// 点击工具条按钮\r\nconst lowPriority: CommandListenerPriority = 1\r\nconst editor = useLexicalComposer()\r\nconst toolbarRef = ref<HTMLDivElement | null>(null)\r\nconst selectPayload = shallowRef<DecoratorModuleSelectEventType | null>(null);\r\nconst toolsPos = reactive({ left: \"px\", top: \"0px\" });\r\n\r\nwatch(DEVICE_VIEW_MODE, () => {\r\n  editor.dispatchCommand(UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND, null);\r\n})\r\n\r\n\r\n// 更新工具条坐标\r\nconst updateToolsPos = () => {\r\n\r\n  nextTick(() => {\r\n    if (selectPayload.value != null && toolbarRef.value != null) {\r\n      const editIframeRect = (toolbarRef.value.getRootNode() as any).body.querySelector(\".mk-doc-editor__stage_iframe\").getBoundingClientRect();\r\n      const editBodyRect = (toolbarRef.value.getRootNode() as any).body.querySelector(\".mk-doc-editor__stage_body\").getBoundingClientRect();\r\n      const baseY = editIframeRect.y - editBodyRect.y;\r\n      const selectRect = selectPayload.value.element.getBoundingClientRect();\r\n      const toolsRect = toolbarRef.value.getBoundingClientRect();\r\n      if (toolsRect) {\r\n        // 中心点\r\n        toolsPos.top = Math.max(selectRect.y - toolsRect.height - 5 + baseY, 5 + baseY) + \"px\"\r\n        toolsPos.left = toolsRect.width / -2 + selectRect.x + selectRect.width / 2 + \"px\";\r\n      }\r\n    }\r\n  })\r\n  return false;\r\n}\r\n\r\nuseMounted(() => {\r\n  return mergeRegister(\r\n    editor.registerCommand(UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND, () => updateToolsPos(), lowPriority),\r\n    editor.registerUpdateListener(({ editorState }) => editorState.read(() => updateToolsPos())),\r\n    // 选中模块\r\n    editor.registerCommand(SELECTED_DECORATORMODULE_COMMAND, (payload: DecoratorModuleSelectEventType) => {\r\n\r\n\r\n      if (payload != null) {\r\n        let toolsbarList = [];\r\n\r\n        // 如果是函数的话\r\n        if (typeof payload.toolsbars == \"function\") {\r\n\r\n          const selection = $getSelection();\r\n\r\n          if ($isNodeSelection(selection)) {\r\n            toolsbarList = payload.toolsbars(selection) ?? [];\r\n          }\r\n          else {\r\n            toolsbarList = payload.toolsbars(null) ?? [];\r\n          }\r\n        }\r\n        else {\r\n          toolsbarList = payload.toolsbars;\r\n        }\r\n\r\n        selectPayload.value = {\r\n          element: payload.element,\r\n          toolsbars: toolsbarList\r\n        };\r\n      }\r\n      else {\r\n        selectPayload.value = null;\r\n      }\r\n\r\n      return updateToolsPos();\r\n    }, lowPriority),\r\n    // 删除模块\r\n    editor.registerCommand(REMOVE_DECORATORMODULE_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        // 没选中\r\n        editor.dispatchCommand(SELECTED_DECORATORMODULE_COMMAND, null);\r\n      }\r\n      return false;\r\n    }, lowPriority)\r\n    // editor.registerCommand(SELECTION_CHANGE_COMMAND, (payload, newEditor) => {\r\n\r\n    //   const selection = $getSelection();\r\n\r\n    //   if($isNodeSelection(selection)){\r\n\r\n    //     const node = selection.getNodes()[0]\r\n\r\n    //     console.log(node,node.getTopLevelElement());\r\n    //   }\r\n\r\n    //   return updateToolsPos();\r\n    // },lowPriority)\r\n  )\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <div v-if=\"selectPayload != null\" ref=\"toolbarRef\" class=\"mk-doc-editor-decorator-module-toolbar\" :style=\"toolsPos\">\r\n    <el-button-group>\r\n\r\n      <template v-for=\"item in selectPayload.toolsbars as any[]\">\r\n        <el-tooltip effect=\"dark\" :content=\"item.title\" placement=\"top\">\r\n          <el-button text @click=\"item.action()\">\r\n            <MKSvgIcon :iconClass=\"item.icon\" />\r\n          </el-button>\r\n        </el-tooltip>\r\n      </template>\r\n      <el-tooltip effect=\"dark\" content=\"删除\" placement=\"top\">\r\n        <el-button text type=\"danger\" @click=\"editor.dispatchCommand(REMOVE_DECORATORMODULE_COMMAND, null)\">\r\n          <MKSvgIcon :iconClass=\"`Delete`\" />\r\n        </el-button>\r\n      </el-tooltip>\r\n\r\n    </el-button-group>\r\n  </div>\r\n</template>\r\n"],"names":["useLexicalComposer","ref","shallowRef","reactive","watch","DEVICE_VIEW_MODE","UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND","nextTick","useMounted","mergeRegister","SELECTED_DECORATORMODULE_COMMAND","$getSelection","$isNodeSelection","REMOVE_DECORATORMODULE_COMMAND"],"mappings":";;;;;;;AAYA,MAAM,cAAuC;;;;AAC7C,UAAM,SAASA,WAAAA;AACT,UAAA,aAAaC,QAA2B,IAAI;AAC5C,UAAA,gBAAgBC,eAAkD,IAAI;AAC5E,UAAM,WAAWC,IAAAA,SAAS,EAAE,MAAM,MAAM,KAAK,OAAO;AAEpDC,QAAA,MAAMC,wBAAkB,MAAM;AACrB,aAAA,gBAAgBC,4DAA4C,IAAI;AAAA,IAAA,CACxE;AAID,UAAM,iBAAiB,MAAM;AAE3BC,UAAAA,SAAS,MAAM;AACb,YAAI,cAAc,SAAS,QAAQ,WAAW,SAAS,MAAM;AACrD,gBAAA,iBAAkB,WAAW,MAAM,YAAA,EAAsB,KAAK,cAAc,8BAA8B,EAAE;AAC5G,gBAAA,eAAgB,WAAW,MAAM,YAAA,EAAsB,KAAK,cAAc,4BAA4B,EAAE;AACxG,gBAAA,QAAQ,eAAe,IAAI,aAAa;AAC9C,gBAAM,aAAa,cAAc,MAAM,QAAQ,sBAAsB;AAC/D,gBAAA,YAAY,WAAW,MAAM,sBAAsB;AACzD,cAAI,WAAW;AAEJ,qBAAA,MAAM,KAAK,IAAI,WAAW,IAAI,UAAU,SAAS,IAAI,OAAO,IAAI,KAAK,IAAI;AACzE,qBAAA,OAAO,UAAU,QAAQ,KAAK,WAAW,IAAI,WAAW,QAAQ,IAAI;AAAA,UAC/E;AAAA,QACF;AAAA,MAAA,CACD;AACM,aAAA;AAAA,IAAA;AAGTC,eAAAA,WAAW,MAAM;AACR,aAAAC,MAAA;AAAA,QACL,OAAO,gBAAgBH,gBAAAA,4CAA4C,MAAM,eAAA,GAAkB,WAAW;AAAA,QACtG,OAAO,uBAAuB,CAAC,EAAE,YAAA,MAAkB,YAAY,KAAK,MAAM,eAAe,CAAC,CAAC;AAAA;AAAA,QAE3F,OAAO,gBAAgBI,kDAAkC,CAAC,YAA4C;AAGpG,cAAI,WAAW,MAAM;AACnB,gBAAI,eAAe,CAAA;AAGf,gBAAA,OAAO,QAAQ,aAAa,YAAY;AAE1C,oBAAM,YAAYC,QAAAA;AAEd,kBAAAC,QAAAA,iBAAiB,SAAS,GAAG;AAC/B,+BAAe,QAAQ,UAAU,SAAS,KAAK,CAAA;AAAA,cAAC,OAE7C;AACH,+BAAe,QAAQ,UAAU,IAAI,KAAK,CAAA;AAAA,cAC5C;AAAA,YAAA,OAEG;AACH,6BAAe,QAAQ;AAAA,YACzB;AAEA,0BAAc,QAAQ;AAAA,cACpB,SAAS,QAAQ;AAAA,cACjB,WAAW;AAAA,YAAA;AAAA,UACb,OAEG;AACH,0BAAc,QAAQ;AAAA,UACxB;AAEA,iBAAO,eAAe;AAAA,WACrB,WAAW;AAAA;AAAA,QAEd,OAAO,gBAAgBC,gBAAAA,gCAAgC,MAAM;AAE3D,gBAAM,YAAYF,QAAAA;AAEd,cAAAC,QAAAA,iBAAiB,SAAS,GAAG;AAE/B,sBAAU,WAAW,QAAQ,CAAQ,SAAA,KAAK,QAAQ;AAG3C,mBAAA,gBAAgBF,kDAAkC,IAAI;AAAA,UAC/D;AACO,iBAAA;AAAA,WACN,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAA;AAAA,IAchB,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}