@maketribe/ms-app 3.2.26 → 3.2.27

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

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

package/dist/esm/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/esm/components/basic/visual-page-editor/visual-components/ImageRenderComponent.js

@@ -1,28 +0,0 @@
-import { defineComponent, h } from "vue";
-import { useRenderComponent } from "../core/index.js";
-const { RegisterRenderComponent } = useRenderComponent();
-const ImageComponent = defineComponent({
-  name: "vp-image",
-  props: ["src"],
-  setup(props) {
-    return () => {
-      return 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/esm/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":[],"mappings":";;AAKA,MAAM,EAAE,wBAAwB,IAAI;AACpC,MAAM,iBAAiB,gBAAgB;AAAA,EACrC,MAAM;AAAA,EACN,OAAO,CAAC,KAAK;AAAA,EACb,MAAM,OAAO;AACX,WAAO,MAAM;AACJ,aAAA,EAAE,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/types/components/basic/visual-page-editor/core/RenderComponent.d.ts

@@ -1,16 +0,0 @@
-import { type Component } from "vue";
-export type RenderComponentGroup = 'base' | 'business' | 'custom';
-export type RenderComponentOptionType = {
-    name: string;
-    desc: string;
-    component: string | Component;
-    defaultValue: object;
-    props: object;
-};
-export type RenderComponentType = {
-    name: string;
-    desc: string;
-    group: RenderComponentGroup;
-    component: Component;
-    options: RenderComponentOptionType[];
-};

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

@@ -1,15 +0,0 @@
-import { RenderComponentType } from "../core/RenderComponent";
-/**
- *
- * @param data
- * @param props
- * @returns
- */
-export declare const ShowEditPanel: (componentOptions: RenderComponentType, props: any) => Promise<unknown>;
-/**
- *
- * @param data
- * @param props
- * @returns
- */
-export declare const ShowComponentSelectPanel: () => Promise<unknown>;

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

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