@maketribe/ms-app 3.2.26 → 3.2.27

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

@@ -1,5 +1,6 @@
-import type { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalNode, NodeKey, Spread, SerializedTextNode } from 'lexical';
-import { TextNode } from 'lexical';
+import type { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalNode, NodeKey, Spread, SerializedLexicalNode, LexicalEditor } from 'lexical';
+import { DecoratorNode } from 'lexical';
+import { Component } from 'vue';
 /**
  * 图片属性类型
  */
@@ -18,11 +19,11 @@ export type ImageAttrType = {
  */
 export type SerializedImageNode = Spread<{
     attrs: ImageAttrType;
-}, SerializedTextNode>;
+}, SerializedLexicalNode>;
 /**
  * 定义图片节点
  */
-export declare class ImageNode extends TextNode {
+export declare class ImageNode extends DecoratorNode<Component | null> {
     __attrs: ImageAttrType;
     static getType(): string;
     static clone(node: ImageNode): ImageNode;
@@ -32,15 +33,30 @@ export declare class ImageNode extends TextNode {
     exportJSON(): SerializedImageNode;
     getStyles(): string[];
     exportDOM(): DOMExportOutput;
+    /**
+     * 更新元素属性
+     * @param el
+     */
+    updateElementAttr(element: HTMLElement): void;
+    /**
+   * 更新DOM
+   * @param prevNode
+   * @param dom
+   * @param config
+   * @returns
+   */
+    updateDOM(prevNode: ImageNode, el: HTMLElement, config: EditorConfig): boolean;
     createDOM(config: EditorConfig): HTMLElement;
-    updateDOM(prevNode: ImageNode, dom: HTMLElement, config: EditorConfig): boolean;
-    canHaveFormat(): boolean;
-    isToken(): boolean;
+    decorate(editor: LexicalEditor, config: EditorConfig): Component | null;
     /**
      * 设置属性
      * @param pos
      */
     setAttrs(data?: any): void;
+    isEmpty(): boolean;
+    isIsolated(): boolean;
+    isInline(): boolean;
+    isKeyboardSelectable(): boolean;
 }
 /**
  * 定义内联图片节点
@@ -51,11 +67,8 @@ export declare class InlineImageNode extends ImageNode {
     static importJSON(serializedNode: SerializedImageNode): ImageNode;
     static importDOM(): DOMConversionMap | null;
     constructor(attrs: ImageAttrType, key?: NodeKey);
-    /**
-     * 非内联元素
-     * @returns
-     */
-    isInline(): boolean;
+    exportJSON(): SerializedImageNode;
+    decorate(editor: LexicalEditor, config: EditorConfig): Component | null;
 }
 /**
  * 创建图片节点

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

@@ -19,6 +19,11 @@ export declare const Modules: ModuleType[];
  * @param options
  */
 export declare const registerDocModule: (options: ModuleType) => void;
+/**
+ * 卸载模块
+ * @param name
+ */
+export declare const unRegisterDocModule: (name: string) => void;
 /**
  *
  * @param name

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

@@ -1,2 +1,2 @@
 import type { RangeSelection } from 'lexical';
-export declare function getSelectedNode(selection: RangeSelection): import("lexical").TextNode | import("lexical").ElementNode;
+export declare function getSelectedNode(selection: RangeSelection): import("lexical").ElementNode | import("lexical").TextNode;

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

@@ -8,4 +8,5 @@ export type DynamicFormItemType = {
     component: string | Component;
     props: object | any;
     defaultValue: any;
+    condition?: ((item: any) => boolean) | undefined | null;
 };

package/dist/types/components/basic/visual-page-editor/core/Dialog.d.ts

@@ -0,0 +1,15 @@
+import { ModuleType } from "./ModuleDefine";
+/**
+ *
+ * @param data
+ * @param props
+ * @returns
+ */
+export declare const showEditPanel: (moduleOptons: ModuleType, props: any) => Promise<unknown>;
+/**
+ *
+ * @param data
+ * @param props
+ * @returns
+ */
+export declare const showModuleSelectPanel: () => Promise<unknown>;

package/dist/types/components/basic/visual-page-editor/core/ModuleDefine.d.ts

@@ -0,0 +1,12 @@
+import { type Component, type VNode } from "vue";
+import { DynamicFormItemType } from "../../dynamic-form-panel";
+/**
+ * 模块类型
+ */
+export type ModuleType = {
+    name: string;
+    title: string;
+    group: 'base' | 'business' | 'custom';
+    component: Component | ((props: unknown) => VNode);
+    options: DynamicFormItemType[];
+};

package/dist/types/components/basic/visual-page-editor/core/VisvalPageEditor.d.ts

@@ -1,11 +1,50 @@
+import { DynamicFormItemType } from "../../dynamic-form-panel";
 import { type ContentConfigType, type ContentBlockType } from "./ContentConfig";
+import { ModuleType } from "./ModuleDefine";
+import { Component, VNode } from "vue";
 /**
  * 页面编辑器
  */
 export default class VisualPageEditor {
     _version: string;
     _content: ContentConfigType | null;
+    _modules: ModuleType[];
     constructor();
+    /**
+     * 模块列表
+     */
+    get baseModuleList(): ModuleType[];
+    get businessModuleList(): ModuleType[];
+    get customModuleList(): ModuleType[];
+    /**
+     * 注册基础模块
+     * @param name
+     * @param title
+     * @param component
+     * @param options
+     */
+    registerBaseModule(name: string, title: string, component: Component | ((props: unknown) => VNode), options: DynamicFormItemType[]): void;
+    /**
+     * 注册业务模块
+     * @param name
+     * @param title
+     * @param component
+     * @param options
+     */
+    registerBusinessModule(name: string, title: string, component: Component | ((props: unknown) => VNode), options: DynamicFormItemType[]): void;
+    /**
+     * 注册自定义模块
+     * @param name
+     * @param title
+     * @param component
+     * @param options
+     */
+    registerCustomModule(name: string, title: string, component: Component | ((props: unknown) => VNode), options: DynamicFormItemType[]): void;
+    /**
+     * 查找
+     * @param name
+     */
+    findModule(name: string): ModuleType | null | undefined;
     /**
      * 内容大小
      * @returns
@@ -31,7 +70,12 @@ export default class VisualPageEditor {
      * 获取内容
      * @returns
      */
-    get(index: any): ContentBlockType;
+    get(index: number): ContentBlockType;
+    /**
+     * 获取内容
+     * @returns
+     */
+    edit(index: number, data: object): void;
     /**
      * 获取内容
      * @returns

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

@@ -1,18 +1,10 @@
-import { RenderComponentType } from "./RenderComponent";
 import VisualPageEditor from "./VisvalPageEditor";
+export * from "./Dialog";
 /**
  *
  * @returns
  */
-export declare const useRenderComponent: () => {
-    RenderComponents: import("vue").ShallowReactive<RenderComponentType[]>;
-    RegisterRenderComponent: (options: RenderComponentType) => void;
-};
-/**
- *
- * @returns
- */
-export declare const usePageEditor: () => {
+export declare const useVisualPageEditor: () => {
     PageEditor: import("vue").ShallowReactive<VisualPageEditor>;
     ViewDevice: import("vue").Ref<string>;
 };

package/dist/types/components/basic/visual-page-editor/editor.vue.d.ts

@@ -1,5 +1,6 @@
 declare function __VLS_template(): {
     toolbar?(_: {}): any;
+    "extra-panel"?(_: {}): any;
 };
 declare const __VLS_component: import("vue").DefineComponent<{
     device: {

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

@@ -1,4 +1,4 @@
-import "./visual-components";
+import "./modules";
 export declare const MKVisualPageEditor: import("@maketribe/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         device: {
@@ -40,6 +40,7 @@ export declare const MKVisualPageEditor: import("@maketribe/utils").SFCWithInsta
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         toolbar?(_: {}): any;
+        "extra-panel"?(_: {}): any;
     };
 })> & Record<string, any>;
 export default MKVisualPageEditor;

package/dist/types/components/basic/visual-page-editor/modules/index.d.ts

@@ -0,0 +1 @@
+import "./BaseImageModule";

package/dist/types/modules/cms/cms-settings.d.ts

@@ -1,3 +1,4 @@
+import { ModuleType } from "../../components/basic/doc-editor/plugins/ModulePlugin/composables";
 /**
  * 发布配置
  */
@@ -63,8 +64,9 @@ type ContentSettings = {
 /**
  * cms 系统设置
  */
-export type CmsSettings = {
+export type CmsSettingsType = {
     publish: PublishSettings;
+    docModules: Array<ModuleType>;
     part: PartSettings;
     content: ContentSettings;
 };
@@ -76,31 +78,5 @@ export declare const CmsSettingsKEY = "cms:content:man:settings";
  * 使用cms配置
  * @param load
  */
-export declare const useCmsSettings: (load?: boolean | undefined) => {
-    publish: {
-        mode: "static" | "dynamic";
-    };
-    part: {
-        doc: {
-            css: string;
-            js: string;
-        };
-        openBanner: boolean;
-        bannerImageSize: string;
-    };
-    content: {
-        doc: {
-            css: string;
-            js: string;
-        };
-        useTop: boolean;
-        useNew: boolean;
-        useHotRecommend: boolean;
-        usePartRecommend: boolean;
-        useTags: boolean;
-        useAtlas: boolean;
-        coverImageSize: string;
-        bannerImageSize: string;
-    };
-};
+export declare const useCmsSettings: (load?: boolean | undefined) => CmsSettingsType;
 export {};

package/dist/types/modules/cms/pages/cms-settigns/DocModuleEditForm.vue.d.ts

@@ -0,0 +1,45 @@
+import { ModuleType } from "../../../../components/basic/doc-editor/plugins/ModulePlugin/composables";
+declare const _default: import("vue").DefineComponent<{
+    modules: {
+        type: {
+            (arrayLength: number): ModuleType[];
+            (...items: ModuleType[]): ModuleType[];
+            new (arrayLength: number): ModuleType[];
+            new (...items: ModuleType[]): ModuleType[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default(): never[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modules: {
+        type: {
+            (arrayLength: number): ModuleType[];
+            (...items: ModuleType[]): ModuleType[];
+            new (arrayLength: number): ModuleType[];
+            new (...items: ModuleType[]): ModuleType[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default(): never[];
+    };
+}>>, {
+    modules: ModuleType[];
+}, {}>;
+export default _default;

package/dist/types/modules/ms/components/image-select/image-select-api.d.ts

@@ -2,4 +2,4 @@ export type MKImageSelectResult = {
     success: boolean;
     path: string;
 };
-export default function ImageSelect(cutWidth?: number, cutHeight?: number): Promise<MKImageSelectResult>;
+export default function ImageSelect(cutWidth?: number, cutHeight?: number, isCut?: boolean): Promise<MKImageSelectResult>;

package/dist/types/modules/ms/image-upload-context/index.d.ts

@@ -9,5 +9,5 @@ export declare class ImageUploadContext extends UploadContext {
      * @param cutSise 裁切尺寸
      */
     constructor(cutSise?: string);
-    selectFile(): Promise<UploadResult>;
+    selectFile(isCut?: boolean): Promise<UploadResult>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maketribe/ms-app",
-  "version": "3.2.26",
+  "version": "3.2.27",
   "description": "",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -13,15 +13,13 @@
   "license": "ISC",
   "dependencies": {
     "@codemirror/commands": "^6.3.3",
+    "@codemirror/lang-css": "^6.2.1",
     "@codemirror/lang-html": "^6.4.9",
     "@codemirror/lang-json": "^6.0.1",
     "@codemirror/language": "^6.10.1",
     "@codemirror/state": "^6.4.1",
     "@codemirror/view": "^6.26.1",
     "@element-plus/icons-vue": "^2.1.0",
-    "@tinymce/tinymce-vue": "^5.1.1",
-    "element-plus": "^2.7.3",
-    "lexical-vue": "^0.9.0",
     "@lexical/clipboard": "~0.16.1",
     "@lexical/code": "~0.16.1",
     "@lexical/dragon": "~0.16.1",
@@ -40,10 +38,13 @@
     "@lexical/text": "~0.16.1",
     "@lexical/utils": "~0.16.1",
     "@lexical/yjs": "~0.16.1",
+    "@tinymce/tinymce-vue": "^5.1.1",
+    "element-plus": "^2.7.3",
     "lexical": "~0.16.1",
-    "tiny-invariant": "^1.3.3",
+    "lexical-vue": "^0.9.0",
     "lodash-es": "^4.17.21",
     "sortablejs": "^1.15.2",
+    "tiny-invariant": "^1.3.3",
     "tinymce": "^7.1.1",
     "ufo": "^1.3.1",
     "vditor": "^3.9.6",
@@ -51,8 +52,8 @@
     "vue-codemirror": "^6.1.1",
     "vue-cropper": "^1.1.4",
     "vue-router": "^4.2.4",
-    "@maketribe/locale": "^3.2.0",
     "@maketribe/dm": "^3.2.11",
+    "@maketribe/locale": "^3.2.0",
     "@maketribe/request": "^3.2.3",
     "@maketribe/utils": "^3.2.1"
   },

package/dist/cjs/components/basic/visual-page-editor/components/BlockRender.js

@@ -1,31 +0,0 @@
-"use strict";
-const vue = require("vue");
-const index = require("../core/index.js");
-const BlockRender = vue.defineComponent({
-  name: "BlockRender",
-  emits: ["click"],
-  props: {
-    node: { type: Object },
-    parent: { type: Object },
-    index: { type: Number },
-    active: { type: Boolean }
-  },
-  setup: (props, { emit }) => {
-    const { RenderComponents } = index.useRenderComponent();
-    return () => {
-      const content = props.node;
-      const renderComponent = RenderComponents.find((item) => item.name == content.componentInfo);
-      return vue.h("div", { class: "mk-visual-page-editor__stage_block" }, [
-        vue.h(renderComponent == null ? void 0 : renderComponent.component, content.componentProps),
-        vue.h("div", {
-          class: { "mk-visual-page-editor__stage_block_mask": true, active: props.active },
-          onClick: (ev) => {
-            emit("click", { node: content, options: renderComponent, index: props.index, parent: props.parent, event: ev });
-          }
-        })
-      ]);
-    };
-  }
-});
-module.exports = BlockRender;
-//# sourceMappingURL=BlockRender.js.map

package/dist/cjs/components/basic/visual-page-editor/components/BlockRender.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockRender.js","sources":["../../../../../../src/components/basic/visual-page-editor/components/BlockRender.ts"],"sourcesContent":["import { defineComponent,defineProps,defineEmits,computed,ref,onMounted,watch,h } from \"vue\"\r\nimport { ContentBlockType } from \"../core/ContentConfig\"\r\nimport { useRenderComponent } from \"../core\"\r\n\r\nexport default defineComponent({\r\n  name:\"BlockRender\",\r\n  emits:[\"click\"],\r\n  props:{\r\n    node:{type:Object},\r\n    parent:{type:Object},\r\n    index:{type:Number},\r\n    active:{type:Boolean}\r\n  },\r\n  setup:(props,{ emit })=>{\r\n\r\n    const { RenderComponents } = useRenderComponent();\r\n\r\n    return ()=>{\r\n\r\n      const content = props.node as ContentBlockType;\r\n      const renderComponent = RenderComponents.find(item=>item.name == content.componentInfo);\r\n\r\n      return h(\"div\",{class:\"mk-visual-page-editor__stage_block\"},[\r\n        h(renderComponent?.component as any,content.componentProps),\r\n        h(\"div\",{ \r\n          class:{\"mk-visual-page-editor__stage_block_mask\":true,active:props.active},\r\n          onClick:ev=>{\r\n            emit(\"click\",{ node:content,options:renderComponent,index:props.index,parent:props.parent,event:ev })\r\n          }\r\n        })\r\n      ])\r\n    }\r\n  }\r\n});\r\n"],"names":["defineComponent","useRenderComponent","h"],"mappings":";;;AAIA,MAAA,cAAeA,oBAAgB;AAAA,EAC7B,MAAK;AAAA,EACL,OAAM,CAAC,OAAO;AAAA,EACd,OAAM;AAAA,IACJ,MAAK,EAAC,MAAK,OAAM;AAAA,IACjB,QAAO,EAAC,MAAK,OAAM;AAAA,IACnB,OAAM,EAAC,MAAK,OAAM;AAAA,IAClB,QAAO,EAAC,MAAK,QAAO;AAAA,EACtB;AAAA,EACA,OAAM,CAAC,OAAM,EAAE,WAAS;AAEhB,UAAA,EAAE,qBAAqBC,MAAAA;AAE7B,WAAO,MAAI;AAET,YAAM,UAAU,MAAM;AACtB,YAAM,kBAAkB,iBAAiB,KAAK,UAAM,KAAK,QAAQ,QAAQ,aAAa;AAEtF,aAAOC,IAAE,EAAA,OAAM,EAAC,OAAM,wCAAsC;AAAA,QAC1DA,IAAAA,EAAE,mDAAiB,WAAiB,QAAQ,cAAc;AAAA,QAC1DA,IAAAA,EAAE,OAAM;AAAA,UACN,OAAM,EAAC,2CAA0C,MAAK,QAAO,MAAM,OAAM;AAAA,UACzE,SAAQ,CAAI,OAAA;AACV,iBAAK,SAAQ,EAAE,MAAK,SAAQ,SAAQ,iBAAgB,OAAM,MAAM,OAAM,QAAO,MAAM,QAAO,OAAM,IAAI;AAAA,UACtG;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA;AAAA,EAEL;AACF,CAAC;;"}

package/dist/cjs/components/basic/visual-page-editor/utils/Dialog.js

@@ -1,111 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const dm = require("@maketribe/dm");
-const elementPlus = require("element-plus");
-require("../core/index.js");
-const ShowEditPanel = async (componentOptions, props) => {
-  return new Promise((resolve) => {
-    const isAdd = props == null;
-    if (isAdd) {
-      props = {};
-      componentOptions.options.forEach((item) => {
-        props[item.name] = item.defaultValue;
-      });
-    }
-    const propsReactive = vue.reactive(props);
-    const handleCancelClick = () => {
-      dialogInstance.destroy();
-    };
-    const handleConfirmClick = () => {
-      dialogInstance.destroy();
-      resolve(props);
-    };
-    const dialogInstance = dm.Dialoger.customRender({
-      title: isAdd ? `添加${componentOptions.desc}` : `编辑${componentOptions.desc}`,
-      class: "mk-html-editor-dialog",
-      width: "70%",
-      onClose: () => {
-        dialogInstance.destroy();
-      },
-      body: () => {
-        return vue.h(elementPlus.ElForm, {
-          labelPosition: "top",
-          model: propsReactive,
-          labelWidth: "auto"
-        }, componentOptions.options.map((item) => {
-          const component = typeof item.component == "string" ? vue.resolveComponent(item.component) : item.component;
-          return vue.h(elementPlus.ElFormItem, {
-            label: item.desc,
-            prop: item.name
-          }, [vue.h(component, {
-            ...item.props,
-            modelValue: propsReactive[item.name],
-            "update:modelValue": (v) => propsReactive[item.name] = v
-          })]);
-        }));
-      },
-      footer: () => {
-        return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
-          "onClick": handleCancelClick
-        }, {
-          default: () => [vue.createTextVNode("取消")]
-        }), vue.createVNode(elementPlus.ElButton, {
-          "type": "primary",
-          "onClick": handleConfirmClick
-        }, {
-          default: () => [vue.createTextVNode("确定")]
-        })]);
-      }
-    });
-  });
-};
-const ShowComponentSelectPanel = async () => {
-  return new Promise((resolve) => {
-    const selectComponentOption = vue.ref(null);
-    const handleCancelClick = () => {
-      dialogInstance.destroy();
-    };
-    const handleConfirmClick = () => {
-      dialogInstance.destroy();
-      resolve(selectComponentOption.value);
-    };
-    const dialogInstance = dm.Dialoger.customRender({
-      title: "组件库",
-      class: "mk-html-editor-dialog",
-      width: "70%",
-      onClose: () => {
-        dialogInstance.destroy();
-      },
-      body: () => {
-        return vue.createVNode("div", null, [vue.createVNode(elementPlus.ElInput, null, null), vue.createVNode(elementPlus.ElCollapse, null, {
-          default: () => [vue.createVNode(elementPlus.ElCollapseItem, {
-            "title": "基础组件",
-            "name": "base"
-          }, null), vue.createVNode(elementPlus.ElCollapseItem, {
-            "title": "业务组件",
-            "name": "business"
-          }, null), vue.createVNode(elementPlus.ElCollapseItem, {
-            "title": "自定义组件",
-            "name": "custom"
-          }, null)]
-        })]);
-      },
-      footer: () => {
-        return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
-          "onClick": handleCancelClick
-        }, {
-          default: () => [vue.createTextVNode("取消")]
-        }), vue.createVNode(elementPlus.ElButton, {
-          "type": "primary",
-          "onClick": handleConfirmClick
-        }, {
-          default: () => [vue.createTextVNode("确定")]
-        })]);
-      }
-    });
-  });
-};
-exports.ShowComponentSelectPanel = ShowComponentSelectPanel;
-exports.ShowEditPanel = ShowEditPanel;
-//# sourceMappingURL=Dialog.js.map

package/dist/cjs/components/basic/visual-page-editor/utils/Dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../../../src/components/basic/visual-page-editor/utils/Dialog.tsx"],"sourcesContent":["\r\nimport { Fragment, ref, unref, resolveComponent, h, reactive } from 'vue'\r\nimport { Dialoger } from '@maketribe/dm'\r\nimport { ElButton, ElForm, ElFormItem, ElCollapse, ElCollapseItem, ElInput } from \"element-plus\";\r\nimport { RenderComponentType } from \"../core/RenderComponent\"\r\nimport { useRenderComponent } from \"../core\"\r\n\r\n/**\r\n * \r\n * @param data \r\n * @param props \r\n * @returns \r\n */\r\nexport const ShowEditPanel = async (componentOptions: RenderComponentType, props: any) => {\r\n  return new Promise(resolve => {\r\n\r\n    const isAdd = props == null;\r\n\r\n    // 新增的话\r\n    if (isAdd) {\r\n      props = {};\r\n      componentOptions.options.forEach(item => { props[item.name] = item.defaultValue })\r\n    }\r\n\r\n    const propsReactive = reactive(props)\r\n\r\n    // 取消编辑\r\n    const handleCancelClick = () => {\r\n      dialogInstance.destroy();\r\n    };\r\n\r\n    // 确认编辑\r\n    const handleConfirmClick = () => {\r\n      dialogInstance.destroy();\r\n      resolve(props);\r\n    };\r\n\r\n    const dialogInstance = Dialoger.customRender({\r\n      title: isAdd ? `添加${componentOptions.desc}` : `编辑${componentOptions.desc}`,\r\n      class: \"mk-html-editor-dialog\",\r\n      width: \"70%\",\r\n      onClose: () => {\r\n        dialogInstance.destroy();\r\n      },\r\n      body: () => {\r\n        return h(ElForm, { labelPosition: \"top\", model: propsReactive, labelWidth: \"auto\" }, componentOptions.options.map(item => {\r\n          const component = typeof item.component == \"string\" ? resolveComponent(item.component) : item.component;\r\n          return h(ElFormItem, { label: item.desc, prop: item.name }, [\r\n            h(component, {\r\n              ...item.props,\r\n              modelValue: propsReactive[item.name],\r\n              \"update:modelValue\": (v: any) => propsReactive[item.name] = v\r\n            })\r\n          ])\r\n        }))\r\n\r\n      },\r\n      footer: () => {\r\n        return <Fragment>\r\n          <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n          <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n            确定\r\n          </ElButton>\r\n        </Fragment>\r\n      },\r\n    });\r\n  });\r\n}\r\n\r\n\r\n/**\r\n * \r\n * @param data \r\n * @param props \r\n * @returns \r\n */\r\nexport const ShowComponentSelectPanel = async () => {\r\n  return new Promise(resolve => {\r\n\r\n    const { RenderComponents } = useRenderComponent();\r\n\r\n    const selectComponentOption = ref(null);\r\n\r\n    // 取消编辑\r\n    const handleCancelClick = () => {\r\n      dialogInstance.destroy();\r\n    };\r\n\r\n    // 确认编辑\r\n    const handleConfirmClick = () => {\r\n      dialogInstance.destroy();\r\n      resolve(selectComponentOption.value);\r\n    };\r\n\r\n    const dialogInstance = Dialoger.customRender({\r\n      title: \"组件库\",\r\n      class: \"mk-html-editor-dialog\",\r\n      width: \"70%\",\r\n      onClose: () => {\r\n        dialogInstance.destroy();\r\n      },\r\n      body: () => {\r\n        return <div>\r\n          <ElInput />\r\n          <ElCollapse>\r\n            <ElCollapseItem title=\"基础组件\" name=\"base\">\r\n\r\n            </ElCollapseItem>\r\n            <ElCollapseItem title=\"业务组件\" name=\"business\">\r\n\r\n            </ElCollapseItem>\r\n            <ElCollapseItem title=\"自定义组件\" name=\"custom\">\r\n\r\n            </ElCollapseItem>\r\n          </ElCollapse>\r\n        </div>\r\n      },\r\n      footer: () => {\r\n        return <Fragment>\r\n          <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n          <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n            确定\r\n          </ElButton>\r\n        </Fragment>\r\n      },\r\n    });\r\n  });\r\n}\r\n"],"names":["ShowEditPanel","componentOptions","props","Promise","resolve","isAdd","options","forEach","item","name","defaultValue","propsReactive","reactive","handleCancelClick","dialogInstance","destroy","handleConfirmClick","Dialoger","customRender","title","desc","class","width","onClose","body","h","ElForm","labelPosition","model","labelWidth","map","component","resolveComponent","ElFormItem","label","prop","modelValue","v","footer","_createVNode","_Fragment","ElButton","default","_createTextVNode","ShowComponentSelectPanel","selectComponentOption","ref","value","ElInput","ElCollapse","ElCollapseItem"],"mappings":"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"}

package/dist/cjs/components/basic/visual-page-editor/visual-components/ImageRenderComponent.js

@@ -1,29 +0,0 @@
-"use strict";
-const vue = require("vue");
-const index = require("../core/index.js");
-const { RegisterRenderComponent } = index.useRenderComponent();
-const ImageComponent = vue.defineComponent({
-  name: "vp-image",
-  props: ["src"],
-  setup(props) {
-    return () => {
-      return vue.h("img", { src: props.src, style: { width: "100%" } });
-    };
-  }
-});
-RegisterRenderComponent({
-  name: ImageComponent.name,
-  desc: "图片",
-  group: "base",
-  component: ImageComponent,
-  options: [
-    {
-      name: "src",
-      desc: "图片路径",
-      component: "MKImageSelect",
-      defaultValue: {},
-      props: {}
-    }
-  ]
-});
-//# sourceMappingURL=ImageRenderComponent.js.map

package/dist/cjs/components/basic/visual-page-editor/visual-components/ImageRenderComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageRenderComponent.js","sources":["../../../../../../src/components/basic/visual-page-editor/visual-components/ImageRenderComponent.ts"],"sourcesContent":["\r\nimport { defineComponent, h } from \"vue\";\r\nimport { useRenderComponent } from \"../core\"\r\n\r\n\r\nconst { RegisterRenderComponent } = useRenderComponent();\r\nconst ImageComponent = defineComponent({\r\n  name: \"vp-image\",\r\n  props: [\"src\"],\r\n  setup(props) {\r\n    return () => {\r\n      return h(\"img\", { src: props.src, style: { width: \"100%\" } })\r\n    }\r\n  }\r\n})\r\n\r\n// 注册图片\r\nRegisterRenderComponent({\r\n  name: ImageComponent.name!,\r\n  desc: \"图片\",\r\n  group: \"base\",\r\n  component: ImageComponent,\r\n  options: [\r\n    {\r\n      name: \"src\",\r\n      desc: \"图片路径\",\r\n      component: \"MKImageSelect\",\r\n      defaultValue: {},\r\n      props: {}\r\n    }\r\n  ]\r\n})\r\n"],"names":["useRenderComponent","defineComponent","h"],"mappings":";;;AAKA,MAAM,EAAE,wBAAwB,IAAIA,MAAAA;AACpC,MAAM,iBAAiBC,IAAAA,gBAAgB;AAAA,EACrC,MAAM;AAAA,EACN,OAAO,CAAC,KAAK;AAAA,EACb,MAAM,OAAO;AACX,WAAO,MAAM;AACJ,aAAAC,MAAE,OAAO,EAAE,KAAK,MAAM,KAAK,OAAO,EAAE,OAAO,OAAO,EAAG,CAAA;AAAA,IAAA;AAAA,EAEhE;AACF,CAAC;AAGD,wBAAwB;AAAA,EACtB,MAAM,eAAe;AAAA,EACrB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,SAAS;AAAA,IACP;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW;AAAA,MACX,cAAc,CAAC;AAAA,MACf,OAAO,CAAC;AAAA,IACV;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/components/basic/visual-page-editor/components/BlockRender.js

@@ -1,32 +0,0 @@
-import { defineComponent, h } from "vue";
-import { useRenderComponent } from "../core/index.js";
-const BlockRender = defineComponent({
-  name: "BlockRender",
-  emits: ["click"],
-  props: {
-    node: { type: Object },
-    parent: { type: Object },
-    index: { type: Number },
-    active: { type: Boolean }
-  },
-  setup: (props, { emit }) => {
-    const { RenderComponents } = useRenderComponent();
-    return () => {
-      const content = props.node;
-      const renderComponent = RenderComponents.find((item) => item.name == content.componentInfo);
-      return h("div", { class: "mk-visual-page-editor__stage_block" }, [
-        h(renderComponent == null ? void 0 : renderComponent.component, content.componentProps),
-        h("div", {
-          class: { "mk-visual-page-editor__stage_block_mask": true, active: props.active },
-          onClick: (ev) => {
-            emit("click", { node: content, options: renderComponent, index: props.index, parent: props.parent, event: ev });
-          }
-        })
-      ]);
-    };
-  }
-});
-export {
-  BlockRender as default
-};
-//# sourceMappingURL=BlockRender.js.map

package/dist/esm/components/basic/visual-page-editor/components/BlockRender.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockRender.js","sources":["../../../../../../src/components/basic/visual-page-editor/components/BlockRender.ts"],"sourcesContent":["import { defineComponent,defineProps,defineEmits,computed,ref,onMounted,watch,h } from \"vue\"\r\nimport { ContentBlockType } from \"../core/ContentConfig\"\r\nimport { useRenderComponent } from \"../core\"\r\n\r\nexport default defineComponent({\r\n  name:\"BlockRender\",\r\n  emits:[\"click\"],\r\n  props:{\r\n    node:{type:Object},\r\n    parent:{type:Object},\r\n    index:{type:Number},\r\n    active:{type:Boolean}\r\n  },\r\n  setup:(props,{ emit })=>{\r\n\r\n    const { RenderComponents } = useRenderComponent();\r\n\r\n    return ()=>{\r\n\r\n      const content = props.node as ContentBlockType;\r\n      const renderComponent = RenderComponents.find(item=>item.name == content.componentInfo);\r\n\r\n      return h(\"div\",{class:\"mk-visual-page-editor__stage_block\"},[\r\n        h(renderComponent?.component as any,content.componentProps),\r\n        h(\"div\",{ \r\n          class:{\"mk-visual-page-editor__stage_block_mask\":true,active:props.active},\r\n          onClick:ev=>{\r\n            emit(\"click\",{ node:content,options:renderComponent,index:props.index,parent:props.parent,event:ev })\r\n          }\r\n        })\r\n      ])\r\n    }\r\n  }\r\n});\r\n"],"names":[],"mappings":";;AAIA,MAAA,cAAe,gBAAgB;AAAA,EAC7B,MAAK;AAAA,EACL,OAAM,CAAC,OAAO;AAAA,EACd,OAAM;AAAA,IACJ,MAAK,EAAC,MAAK,OAAM;AAAA,IACjB,QAAO,EAAC,MAAK,OAAM;AAAA,IACnB,OAAM,EAAC,MAAK,OAAM;AAAA,IAClB,QAAO,EAAC,MAAK,QAAO;AAAA,EACtB;AAAA,EACA,OAAM,CAAC,OAAM,EAAE,WAAS;AAEhB,UAAA,EAAE,qBAAqB;AAE7B,WAAO,MAAI;AAET,YAAM,UAAU,MAAM;AACtB,YAAM,kBAAkB,iBAAiB,KAAK,UAAM,KAAK,QAAQ,QAAQ,aAAa;AAEtF,aAAO,EAAE,OAAM,EAAC,OAAM,wCAAsC;AAAA,QAC1D,EAAE,mDAAiB,WAAiB,QAAQ,cAAc;AAAA,QAC1D,EAAE,OAAM;AAAA,UACN,OAAM,EAAC,2CAA0C,MAAK,QAAO,MAAM,OAAM;AAAA,UACzE,SAAQ,CAAI,OAAA;AACV,iBAAK,SAAQ,EAAE,MAAK,SAAQ,SAAQ,iBAAgB,OAAM,MAAM,OAAM,QAAO,MAAM,QAAO,OAAM,IAAI;AAAA,UACtG;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA;AAAA,EAEL;AACF,CAAC;"}