@maketribe/ms-app 3.2.23 → 3.2.25

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

@@ -0,0 +1,60 @@
+import type { BaseSelection, LexicalCommand, NodeKey } from 'lexical';
+import { DecoratorNode, TextNode, EditorConfig } from "lexical";
+import { type Component } from "vue";
+/**
+ * toolsbar的函数
+ */
+export type ToolsbarFunction = (selection: BaseSelection | null) => Array<any> | null;
+/**
+ * 组件选中
+ */
+export type DecoratorModuleSelectEventType = {
+    element: HTMLElement;
+    toolsbars: Array<any> | ToolsbarFunction;
+};
+/**
+ * 选中装饰模块
+ */
+export declare const SELECTED_DECORATORMODULE_COMMAND: LexicalCommand<DecoratorModuleSelectEventType | null>;
+/**
+ * 移除装饰器模块
+ */
+export declare const REMOVE_DECORATORMODULE_COMMAND: LexicalCommand<undefined | null>;
+/**
+ * 更新模块工具条位置信息
+ */
+export declare const UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND: LexicalCommand<undefined | null>;
+/**
+ * 装饰模块
+ */
+export declare class DecoratorModuleBlockNode extends DecoratorNode<Component> {
+    constructor(key?: NodeKey);
+    createDOM(): HTMLDivElement;
+    updateDOM(prevNode: TextNode, dom: HTMLElement, config: EditorConfig): boolean;
+    /**
+     * 标识非行内组件
+     * @returns
+     */
+    isInline(): boolean;
+    /**
+     * 是否隔离
+     * @returns
+     */
+    isIsolated(): boolean;
+    /**
+     * 允许键盘选中
+     * @returns
+     */
+    isKeyboardSelectable(): boolean;
+}
+/**
+ * 使用装饰模块
+ */
+export declare const useDecoratorModule: (nodeKey: any, toolsbars: Array<any> | ToolsbarFunction) => {
+    isSelected: Readonly<import("vue").Ref<boolean>>;
+    curSelectEl: import("vue").Ref<any>;
+};
+/**
+ * 使用装饰模块工具条
+ */
+export declare const useDecoratorModuleTools: (selectFunc: Function) => void;

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

@@ -0,0 +1,15 @@
+import { ToolsbarFunction } from './decorator-module';
+/**
+ * 判断选中的方法
+ */
+export type SelectExistFunc = (el: HTMLElement) => HTMLElement | null;
+/**
+ * 使用元素模块
+ * @param toolsbars
+ */
+export declare const useElementModule: (func: SelectExistFunc, toolsbars: Array<any> | ToolsbarFunction) => {
+    isSelected: import("vue").Ref<boolean>;
+    curSelectKey: import("vue").Ref<any>;
+    curSelectPos: import("vue").Ref<any>;
+    updateActiveViewState: (el: Element | null) => void;
+};

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

@@ -0,0 +1,20 @@
+export * from "./decorator-module";
+export * from "./element-module";
+export * from "./utils";
+export type DeviceVieeMode = 'pc' | 'mobile';
+export declare const DEVICE_VIEW_MODE: import("vue").Ref<DeviceVieeMode>;
+/**
+ * 工具条扩展
+ */
+export type ToolbarExtendPlugin = {
+    icon: string;
+    text: string;
+    action: Function;
+    sort: number;
+};
+export declare const ToolbarExtendPlugins: import("vue").Reactive<ToolbarExtendPlugin[]>;
+/**
+ * 注册工具条的扩展
+ * @param options
+ */
+export declare const registerDocEditorToolbarExtend: (options: ToolbarExtendPlugin) => void;

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

@@ -0,0 +1,4 @@
+import type { LexicalEditor, NodeKey } from 'lexical';
+export declare const isNodeSelected: (editor: LexicalEditor, key: NodeKey) => boolean;
+export declare const clearSelection: (editor: LexicalEditor) => void;
+export declare const setSelected: (editor: LexicalEditor, selected: boolean, key: string) => void;

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

@@ -1,3 +1,4 @@
+import { registerDocModule } from "./plugins/ModulePlugin/composables";
 export declare const MKDocEditor: import("@maketribe/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         placeholder: {
@@ -113,4 +114,5 @@ export declare const MKDocEditor: import("@maketribe/utils").SFCWithInstall<{
         "after-extentions"?(_: {}): any;
     };
 })> & Record<string, any>;
+export { registerDocModule };
 export default MKDocEditor;

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

@@ -0,0 +1,6 @@
+/**
+ *
+ * @param href
+ * @returns
+ */
+export declare const ShowLinkEditPanel: (href: any) => Promise<unknown>;

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

@@ -0,0 +1,80 @@
+import type { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalNode, NodeKey, Spread, SerializedTextNode } from 'lexical';
+import { TextNode } from 'lexical';
+/**
+ * 图片属性类型
+ */
+export type ImageAttrType = {
+    src: string;
+    alt?: string;
+    width?: string;
+    height?: string;
+    float?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    margin?: string;
+};
+/**
+ * 图片节点序列化
+ */
+export type SerializedImageNode = Spread<{
+    attrs: ImageAttrType;
+}, SerializedTextNode>;
+/**
+ * 定义图片节点
+ */
+export declare class ImageNode extends TextNode {
+    __attrs: ImageAttrType;
+    static getType(): string;
+    static clone(node: ImageNode): ImageNode;
+    static importJSON(serializedNode: SerializedImageNode): ImageNode;
+    static importDOM(): DOMConversionMap | null;
+    constructor(attrs: ImageAttrType, key?: NodeKey);
+    exportJSON(): SerializedImageNode;
+    getStyles(): string[];
+    exportDOM(): DOMExportOutput;
+    /**
+     * 设置属性
+     * @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;
+}
+/**
+ * 定义内联图片节点
+ */
+export declare class InlineImageNode extends ImageNode {
+    static getType(): string;
+    static clone(node: ImageNode): ImageNode;
+    static importJSON(serializedNode: SerializedImageNode): ImageNode;
+    static importDOM(): DOMConversionMap | null;
+    constructor(attrs: ImageAttrType, key?: NodeKey);
+    /**
+     * 非内联元素
+     * @returns
+     */
+    isInline(): boolean;
+}
+/**
+ * 创建图片节点
+ * @param src
+ * @returns
+ */
+export declare function $createImageNode(attrs: ImageAttrType): ImageNode;
+/**
+ * 判断是否是图片节点
+ * @param node
+ * @returns
+ */
+export declare function $isImageNode(node: ImageNode | LexicalNode | null | undefined): node is ImageNode;

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

@@ -0,0 +1,6 @@
+import { type LexicalCommand } from 'lexical';
+import { type ImageAttrType } from './ImageNode';
+/**
+ * 插入图片指令
+ */
+export declare const INSERT_IMAGE_COMMAND: LexicalCommand<ImageAttrType>;

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

@@ -1,72 +1,2 @@
-import type { DOMConversionMap, DOMExportOutput, EditorConfig, ElementFormatType, LexicalEditor, LexicalNode, NodeKey, Spread, LexicalCommand } from 'lexical';
-import { DecoratorBlockNode, type SerializedDecoratorBlockNode } from 'lexical-vue';
-import { type Component } from 'vue';
-/**
- * 图片属性类型
- */
-export type ImageAttrs = {
-    src: string;
-    alt?: string;
-    width?: string;
-    height?: string;
-    float?: string;
-    maxWidth?: string;
-    maxHeight?: string;
-    margin?: string;
-};
-/**
- * 图片属性数据
- */
-export type ImageAttrData = {
-    name: string;
-    value: string | null | undefined;
-};
-/**
- * 图片属性改变
- */
-export declare const IMAGE_ATTRS_CHANGE: LexicalCommand<ImageAttrData>;
-/**
- * 删除图片
- */
-export declare const REMOVE_IMAGE_COMMAND: LexicalCommand<undefined | null>;
-/**
- * 插入图片指令
- */
-export declare const INSERT_IMAGE_COMMAND: LexicalCommand<ImageAttrs>;
-/**
- * 图片节点序列化
- */
-export type SerializedImageNode = Spread<{
-    attrs: ImageAttrs;
-}, SerializedDecoratorBlockNode>;
-/**
- * 定义图片节点
- */
-export declare class ImageNode extends DecoratorBlockNode {
-    __attrs: ImageAttrs;
-    static getType(): string;
-    static clone(node: ImageNode): ImageNode;
-    static importJSON(serializedNode: SerializedImageNode): ImageNode;
-    constructor(attrs: ImageAttrs, format?: ElementFormatType, key?: NodeKey);
-    exportJSON(): SerializedImageNode;
-    exportDOM(): DOMExportOutput;
-    static importDOM(): DOMConversionMap | null;
-    setFloat(pos?: string): void;
-    getStyles(): string[];
-    updateDOM(): false;
-    getTextContent(_includeInert?: boolean | undefined, _includeDirectionless?: false | undefined): string;
-    decorate(_editor: LexicalEditor, config: EditorConfig): Component;
-    isInline(): boolean;
-}
-/**
- * 创建图片节点
- * @param src
- * @returns
- */
-export declare function $createImageNode(attrs: ImageAttrs): ImageNode;
-/**
- * 判断是否是图片节点
- * @param node
- * @returns
- */
-export declare function $isImageNode(node: ImageNode | LexicalNode | null | undefined): node is ImageNode;
+export * from "./commands";
+export * from "./ImageNode";

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

@@ -0,0 +1,17 @@
+/**
+ * 图片加载
+ * @param src
+ * @returns
+ */
+export declare const imageLoad: (src: string) => Promise<unknown>;
+/**
+ * 图片上传
+ * @param src
+ */
+export declare const imageUpload: (src: string) => Promise<unknown>;
+/**
+ *
+ * @param attrs 显示图片编辑面板
+ * @returns
+ */
+export declare const showImageEditDialog: (attrs: any) => Promise<unknown>;

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

@@ -0,0 +1,63 @@
+import type { DOMConversionMap, LexicalCommand, LexicalNode, NodeKey, EditorConfig, Spread, SerializedElementNode, DOMExportOutput } from 'lexical';
+import { ElementNode } from 'lexical';
+import { ImageAttrType } from '../ImagePlugin';
+/**
+ * 插入图文
+ */
+export declare const INSERT_IMAGETEXT_COMMAND: LexicalCommand<ImageAttrType>;
+/**
+ * 图文节点序列化
+ */
+export type SerializedImageTextNode = Spread<{}, SerializedElementNode>;
+/**
+ * 图文节点
+ */
+export declare class ImageTextNode extends ElementNode {
+    static getType(): string;
+    static clone(node: ImageTextNode): ImageTextNode;
+    static importJSON(serializedNode: SerializedImageTextNode): ImageTextNode;
+    static importDOM(): DOMConversionMap | null;
+    constructor(key?: NodeKey);
+    /**
+     * 导出JSON
+     * @returns
+     */
+    exportJSON(): SerializedImageTextNode;
+    /**
+     * 导出DOM
+     * @returns
+     */
+    exportDOM(): DOMExportOutput;
+    /**
+     * 创建渲染DOM
+     * @param config
+     * @returns
+     */
+    createDOM(config: EditorConfig): HTMLElement;
+    /**
+     * 更新DOM
+     * @param prevNode
+     * @param dom
+     * @param config
+     * @returns
+     */
+    updateDOM(prevNode: ImageTextNode, dom: HTMLElement, config: EditorConfig): boolean;
+    canBeEmpty(): boolean;
+    /**
+     * 非内联
+     * @returns
+     */
+    isInline(): boolean;
+}
+/**
+ * 创建图文节点
+ * @param src
+ * @returns
+ */
+export declare function $createImageTextNode(attrs?: ImageAttrType): ImageTextNode;
+/**
+ * 判断是否是图文节点
+ * @param node
+ * @returns
+ */
+export declare function $isImageTextNode(node: ImageTextNode | LexicalNode | null | undefined): node is ImageTextNode;

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

@@ -1,35 +1 @@
-import type { DOMConversionMap, LexicalCommand, LexicalNode, NodeKey, Spread } from 'lexical';
-import { ImageAttrs } from '../ImagePlugin';
-import { BaseBlockNode, SerializedMkDocEditBlockComponentNode } from '../BaseBlockNode';
-/**
- * 插入图文
- */
-export declare const INSERT_IMAGETEXT_COMMAND: LexicalCommand<ImageAttrs>;
-/**
- * 图文节点序列化
- */
-export type SerializedImageTextNode = Spread<{}, SerializedMkDocEditBlockComponentNode>;
-/**
- * 图文节点
- */
-export declare class ImageTextNode extends BaseBlockNode {
-    static getType(): string;
-    static clone(node: ImageTextNode): ImageTextNode;
-    static importJSON(serializedNode: SerializedImageTextNode): ImageTextNode;
-    static getMakeClassName(): string;
-    static importDOM(): DOMConversionMap | null;
-    constructor(key?: NodeKey);
-    exportJSON(): SerializedMkDocEditBlockComponentNode;
-}
-/**
- * 创建图片节点
- * @param src
- * @returns
- */
-export declare function $createImageTextNode(attrs?: ImageAttrs): ImageTextNode;
-/**
- * 判断是否是图文节点
- * @param node
- * @returns
- */
-export declare function $isImageTextNode(node: ImageTextNode | LexicalNode | null | undefined): node is ImageTextNode;
+export * from "./ImageTextNode";

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

@@ -0,0 +1,95 @@
+import type { DOMConversionMap, DOMExportOutput, LexicalNode, NodeKey, Spread, EditorConfig, DOMConversion } from 'lexical';
+import { BaseBlockNode, SerializedBlockNode } from '../RichTextPlugin/nodes/BaseBlockNode';
+/**
+ * 模块模版节点序列化
+ */
+export type SerializedModuleBlockNode = Spread<{
+    name: string;
+    data: object;
+}, SerializedBlockNode>;
+/**
+ * 模块节点
+ */
+export declare class ModuleBlockNode extends BaseBlockNode {
+    __name: string;
+    __data: object;
+    static getType(): string;
+    /**
+     * 克隆
+     * @param node
+     * @returns
+     */
+    static clone(node: ModuleBlockNode): ModuleBlockNode;
+    /**
+     * 获取模块类标识
+     * @returns
+     */
+    static getMarkClassName(): string;
+    /**
+     * 导入
+     * @param serializedNode
+     * @returns
+     */
+    static importJSON(serializedNode: SerializedModuleBlockNode): ModuleBlockNode;
+    constructor(name: string, data: object, key?: NodeKey);
+    /**
+     * 获取html内容
+     */
+    getHtml(): string;
+    /**
+     * 设置内容
+     * @param html
+     */
+    setContent(data: any): void;
+    exportJSON(): SerializedModuleBlockNode;
+    static importDOM(): DOMConversionMap | null;
+    /**
+     * 获取文本内容
+     * @param _includeInert
+     * @param _includeDirectionless
+     * @returns
+     */
+    getTextContent(_includeInert?: boolean | undefined, _includeDirectionless?: false | undefined): string;
+    /**
+     * 创建模块的el
+     * @returns
+     */
+    createModuleElement(): HTMLElement;
+    /**
+     * 导出DOM结构
+     * @returns
+     */
+    exportDOM(): DOMExportOutput;
+    /**
+     * 渲染
+     * @param config
+     * @returns
+     */
+    createDOM(config: EditorConfig): HTMLElement;
+    /**
+   * 更新DOM
+   * @param prevNode
+   * @param dom
+   * @param config
+   * @returns
+   */
+    updateDOM(prevNode: ModuleBlockNode, dom: HTMLElement, config: EditorConfig): boolean;
+}
+/**
+ * 创建节点
+ * @param src
+ * @returns
+ */
+export declare function $createModuleBlockNode(name: string, data: object): ModuleBlockNode;
+/**
+ * 判断节点
+ * @param node
+ * @returns
+ */
+export declare function $isModuleBlockNode(node: ModuleBlockNode | LexicalNode | null | undefined): node is ModuleBlockNode;
+/**
+ * 转换模块DOM
+ * @param node
+ * @returns
+ */
+export declare const $covertModuleBlockDOM: (domNode: HTMLElement) => DOMConversion<HTMLElement> | null;

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

@@ -0,0 +1,86 @@
+import type { DOMConversionMap, LexicalCommand, LexicalNode, NodeKey, Spread, EditorConfig, DOMExportOutput } from 'lexical';
+import { BaseBlockCantainerNode, SerializedBlockCantainerNode } from '../RichTextPlugin/nodes/BaseBlockCantainerNode';
+/**
+ * 容器属性
+ */
+export type ModuleContainerAttrType = {
+    isFlex: boolean;
+    direction: 'column' | 'row' | 'row-reverse' | 'column-reverse';
+    wrap: boolean;
+    alignContent: 'center' | 'flex-start';
+    justifyContent: 'center' | 'flex-start';
+    alignItems: 'center' | 'flex-start';
+    class: string;
+};
+/**
+ * 插入模块容器
+ */
+export declare const INSERT_MODULECONTAINER_COMMAND: LexicalCommand<ModuleContainerAttrType>;
+/**
+ * 图文节点序列化
+ */
+export type SerializedModuleContainerNode = Spread<{
+    attrs: ModuleContainerAttrType;
+}, SerializedBlockCantainerNode>;
+/**
+ * 模块容器
+ */
+export declare class ModuleContainerNode extends BaseBlockCantainerNode {
+    __attrs: ModuleContainerAttrType;
+    static getType(): string;
+    /**
+     * 获取模块类标识
+     * @returns
+     */
+    static getMarkClassName(): string;
+    static clone(node: ModuleContainerNode): ModuleContainerNode;
+    static importJSON(serializedNode: SerializedModuleContainerNode): ModuleContainerNode;
+    static importDOM(): DOMConversionMap | null;
+    constructor(attrs: ModuleContainerAttrType, key?: NodeKey);
+    /**
+     * 设置属性
+     * @param pos
+     */
+    setAttrs(data?: any): void;
+    /**
+     * 获取属性
+     * @param pos
+     */
+    getAttrs(): ModuleContainerAttrType;
+    /**
+     * 导出JSON
+     * @returns
+     */
+    exportJSON(): SerializedModuleContainerNode;
+    /**
+   * 导出DOM
+   * @returns
+   */
+    exportDOM(): DOMExportOutput;
+    /**
+     * 创建渲染DOM
+     * @param config
+     * @returns
+     */
+    createDOM(config: EditorConfig): HTMLElement;
+    /**
+   * 更新DOM
+   * @param prevNode
+   * @param el
+   * @param config
+   * @returns
+   */
+    updateDOM(node: ModuleContainerNode, el: HTMLElement, config: EditorConfig): boolean;
+}
+/**
+ * 判断是否是模块容器节点
+ * @param node
+ * @returns
+ */
+export declare function $isModuleContainerNode(node: ModuleContainerNode | LexicalNode | null | undefined): node is ModuleContainerNode;
+/**
+ * 创建模块容器
+ * @param src
+ * @returns
+ */
+export declare function $createModuleContainerNode(data: ModuleContainerAttrType): ModuleContainerNode;

package/dist/types/components/basic/doc-editor/plugins/{HtmlBlockPlugin/DocHtmlBlockComponent.d.ts → ModulePlugin/ModuleRenderComponent.d.ts}

@@ -1,5 +1,5 @@
 /**
- * 图片渲染组件
+ * 渲染组件
  */
 declare const _default: import("vue").DefineComponent<Readonly<{
     html?: any;

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

@@ -0,0 +1,12 @@
+import { type LexicalCommand } from 'lexical';
+/**
+ * 属性类型
+ */
+export type ModulePropType = {
+    name: string;
+    data: object;
+};
+/**
+ * 插入模块模版块指令
+ */
+export declare const INSERT_MODULE_COMMAND: LexicalCommand<ModulePropType>;

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

@@ -0,0 +1,35 @@
+import { DynamicFormItemType } from "../../../dynamic-form-panel";
+/**
+ * 模块模版类型
+ */
+export type ModuleType = {
+    name: string;
+    title: string;
+    cover: string;
+    template: string;
+    editorCss: string | null | undefined;
+    options: DynamicFormItemType[];
+};
+/**
+ * 模块模版定义
+ */
+export declare const Modules: ModuleType[];
+/**
+ * 注册模块模版
+ * @param options
+ */
+export declare const registerDocModule: (options: ModuleType) => void;
+/**
+ *
+ * @param name
+ * @returns
+ */
+export declare const useModules: () => ModuleType[];
+/**
+ *
+ * @param name
+ * @returns
+ */
+export declare const useModule: (name: string) => {
+    module: ModuleType;
+};

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

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

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

@@ -0,0 +1,32 @@
+import { DynamicFormItemType } from "../../../dynamic-form-panel";
+/**
+ * 显示模块模版选择
+ * @returns
+ */
+export declare const showModuleSelectDialog: () => Promise<unknown>;
+/**
+ * 创建html
+ * @param template
+ * @param data
+ */
+export declare const createHtml: (template: string, data: any) => string;
+/**
+ * 创建html
+ * @param template
+ * @param data
+ */
+export declare const createModuleMetaData: (html: string, options: DynamicFormItemType[]) => {
+    data: any;
+};
+/**
+ * 查找容器节点
+ * @param element
+ * @returns
+ */
+export declare const findModuleContainerEl: (element: HTMLElement) => HTMLElement | null;
+/**
+ * 查找模块节点
+ * @param element
+ * @returns
+ */
+export declare const findModuleNodeEl: (element: HTMLElement) => HTMLElement | null;