@maketribe/ms-app 3.2.18 → 3.2.19

package/dist/cjs/components/business/verify-dialog/verify-dialog-api.js

@@ -6,7 +6,7 @@ async function OpenVerifyCode(options) {
   return new Promise((resolve) => {
     const dialogInstance = dm.Dialoger.customRender({
       width: options.width ?? "300px",
-      title: options.title ?? "选择文件",
+      title: options.title ?? "图片验证",
       class: "mk-verify-dialog",
       body: () => vue.createVNode(verifyPanel, {
         "scene": options.sence,

package/dist/cjs/components/business/verify-dialog/verify-dialog-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"verify-dialog-api.js","sources":["../../../../../src/components/business/verify-dialog/verify-dialog-api.tsx"],"sourcesContent":["import { Fragment, reactive } from \"vue\";\r\nimport { Dialoger } from \"@maketribe/dm\";\r\nimport VerifyPanel from \"./verify-panel\";\r\nimport { ElButton } from \"element-plus\";\r\n\r\ntype VerifyCodeOptions = { sence:string,title:string,width:string }\r\n\r\nasync function OpenVerifyCode(options: VerifyCodeOptions): Promise<any> {\r\n  return new Promise((resolve) => {\r\n   \r\n    const dialogInstance = Dialoger.customRender({\r\n      width: options.width ?? \"300px\",\r\n      title: options.title ?? \"选择文件\",\r\n      class: \"mk-verify-dialog\",\r\n      body: () => (\r\n        <VerifyPanel scene={options.sence} onConfirm={\r\n          result=>{\r\n            dialogInstance.destroy();\r\n            resolve(result)\r\n          }\r\n        }></VerifyPanel>\r\n      ),\r\n      footer: () => \"\",\r\n      onClose: () => {\r\n        setTimeout(() => {\r\n          dialogInstance.destroy();\r\n        }, 100);\r\n      },\r\n    });\r\n  });\r\n}\r\n\r\nexport default OpenVerifyCode;\r\n"],"names":["OpenVerifyCode","options","Promise","resolve","dialogInstance","Dialoger","customRender","width","title","class","body","_createVNode","VerifyPanel","sence","result","destroy","footer","onClose","setTimeout"],"mappings":";;;;AAOA,eAAeA,eAAeC,SAA0C;AACtE,SAAO,IAAIC,QAASC,aAAY;AAE9B,UAAMC,iBAAiBC,GAAQ,SAACC,aAAa;AAAA,MAC3CC,OAAON,QAAQM,SAAS;AAAA,MACxBC,OAAOP,QAAQO,SAAS;AAAA,MACxBC,OAAO;AAAA,MACPC,MAAMA,MAAAC,IAAA,YAAAC,aAAA;AAAA,QAAA,SACgBX,QAAQY;AAAAA,QAAK,aAC/BC,YAAQ;AACNV,yBAAeW,QAAO;AACtBZ,kBAAQW,MAAM;AAAA,QAChB;AAAA,MAEH,GAAA,IAAA;AAAA,MACDE,QAAQA,MAAM;AAAA,MACdC,SAASA,MAAM;AACbC,mBAAW,MAAM;AACfd,yBAAeW,QAAO;AAAA,QACvB,GAAE,GAAG;AAAA,MACR;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;;"}
+{"version":3,"file":"verify-dialog-api.js","sources":["../../../../../src/components/business/verify-dialog/verify-dialog-api.tsx"],"sourcesContent":["import { Fragment, reactive } from \"vue\";\r\nimport { Dialoger } from \"@maketribe/dm\";\r\nimport VerifyPanel from \"./verify-panel\";\r\nimport { ElButton } from \"element-plus\";\r\n\r\ntype VerifyCodeOptions = { sence:string,title:string,width:string }\r\n\r\nasync function OpenVerifyCode(options: VerifyCodeOptions): Promise<any> {\r\n  return new Promise((resolve) => {\r\n   \r\n    const dialogInstance = Dialoger.customRender({\r\n      width: options.width ?? \"300px\",\r\n      title: options.title ?? \"图片验证\",\r\n      class: \"mk-verify-dialog\",\r\n      body: () => (\r\n        <VerifyPanel scene={options.sence} onConfirm={\r\n          result=>{\r\n            dialogInstance.destroy();\r\n            resolve(result)\r\n          }\r\n        }></VerifyPanel>\r\n      ),\r\n      footer: () => \"\",\r\n      onClose: () => {\r\n        setTimeout(() => {\r\n          dialogInstance.destroy();\r\n        }, 100);\r\n      },\r\n    });\r\n  });\r\n}\r\n\r\nexport default OpenVerifyCode;\r\n"],"names":["OpenVerifyCode","options","Promise","resolve","dialogInstance","Dialoger","customRender","width","title","class","body","_createVNode","VerifyPanel","sence","result","destroy","footer","onClose","setTimeout"],"mappings":";;;;AAOA,eAAeA,eAAeC,SAA0C;AACtE,SAAO,IAAIC,QAASC,aAAY;AAE9B,UAAMC,iBAAiBC,GAAQ,SAACC,aAAa;AAAA,MAC3CC,OAAON,QAAQM,SAAS;AAAA,MACxBC,OAAOP,QAAQO,SAAS;AAAA,MACxBC,OAAO;AAAA,MACPC,MAAMA,MAAAC,IAAA,YAAAC,aAAA;AAAA,QAAA,SACgBX,QAAQY;AAAAA,QAAK,aAC/BC,YAAQ;AACNV,yBAAeW,QAAO;AACtBZ,kBAAQW,MAAM;AAAA,QAChB;AAAA,MAEH,GAAA,IAAA;AAAA,MACDE,QAAQA,MAAM;AAAA,MACdC,SAASA,MAAM;AACbC,mBAAW,MAAM;AACfd,yBAAeW,QAAO;AAAA,QACvB,GAAE,GAAG;AAAA,MACR;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;;"}

package/dist/cjs/components/business/verify-dialog/verify-panel.js

@@ -1,15 +1,14 @@
 "use strict";
 const vue = require("vue");
-require("@maketribe/dm");
-require("../../basic/config-provider/index.js");
-require("vue-router");
-require("@maketribe/request");
-require("@maketribe/locale");
-const utils = require("@maketribe/utils");
-require("../../../core/DataModelDefines.js");
-require("element-plus");
-const useHttpRequest = require("../../../composables/use-http-request.js");
 const verifyDialogOption = require("./verify-dialog-option.js");
+const request = require("@maketribe/request");
+const utils = require("@maketribe/utils");
+const webHttpRequest = new class InnerWebHttpRequest extends request.WebHttpRequest {
+  async getClientId() {
+    await this.loadClientIDPromise;
+    return this.clientID;
+  }
+}();
 const VerifyPanel = /* @__PURE__ */ vue.defineComponent({
   name: "VerifyPanel",
   props: verifyDialogOption.verifyDialogProps,
@@ -32,17 +31,18 @@ const VerifyPanel = /* @__PURE__ */ vue.defineComponent({
         transform: `rotate(-${vue.unref(deg)}deg)`
       };
     });
-    const getImage = async () => {
+    const loadImage = async () => {
       loading.value = true;
-      const params = {
-        scene: props.scene
-      };
-      const response = await useHttpRequest.useHttpRequest().get("/ms/app/captcha/rotation/image", {
-        params,
-        responseType: "blob"
+      const clientId = await webHttpRequest.getClientId();
+      return await new Promise((reslove) => {
+        const img = new Image();
+        img.onload = () => {
+          imageUrl.value = img.src;
+          reslove(void 0);
+          loading.value = false;
+        };
+        img.src = `/api/ms/app/captcha/rotation/image?scene=${props.scene}&t=${Math.random()}&rcid=${clientId}`;
       });
-      loading.value = false;
-      return response.data ?? null;
     };
     const handleSwitchConfirm = () => {
       emit("confirm", vue.unref(deg));
@@ -51,12 +51,12 @@ const VerifyPanel = /* @__PURE__ */ vue.defineComponent({
       if (vue.unref(isError)) {
         return;
       }
+      const startX = mouseDownEvent instanceof MouseEvent ? mouseDownEvent.clientX : mouseDownEvent.touches[0].clientX;
       const disposable = new utils.Disposable();
       const totalWidth = vue.unref(wrapperEl).getBoundingClientRect().width;
       const handleMouseMove = (event) => {
-        const x = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;
-        const y = event instanceof MouseEvent ? event.clientY : event.touches[0].clientY;
-        slideWidth = Math.min(Math.max(x - y + 48, 48), totalWidth);
+        const moveX = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;
+        slideWidth = Math.min(Math.max(moveX - startX + 48, 48), totalWidth);
         deg.value = Math.floor((slideWidth - 48) / (totalWidth - 48) * 360);
         vue.unref(grandEl).style.width = `${slideWidth}px`;
         vue.unref(buttonEl).style.transform = `translateX(${slideWidth - 48}px)`;
@@ -94,12 +94,7 @@ const VerifyPanel = /* @__PURE__ */ vue.defineComponent({
       }
     });
     vue.onMounted(async () => {
-      const blob = await getImage();
-      const url = URL.createObjectURL(blob);
-      imageUrl.value = url;
-      vue.onUnmounted(() => {
-        URL.revokeObjectURL(url);
-      });
+      await loadImage();
     });
     return () => {
       return vue.createVNode(vue.Fragment, null, [vue.withDirectives(vue.createVNode("div", {

package/dist/cjs/components/business/verify-dialog/verify-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"verify-panel.js","sources":["../../../../../src/components/business/verify-dialog/verify-panel.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  unref,\r\n  ref,\r\n  onMounted,\r\n  onUnmounted,\r\n  Ref,\r\n  Fragment\r\n} from \"vue\";\r\nimport { useHttpRequest } from \"../../../composables\";\r\nimport { verifyDialogProps, verifyDialogEmits } from \"./verify-dialog-option\";\r\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\r\n\r\nexport default defineComponent({\r\n  name: \"VerifyPanel\",\r\n  props: verifyDialogProps,\r\n  emits: verifyDialogEmits,\r\n  setup(props, { emit, expose }) {\r\n  \r\n    const wrapperEl: Ref<HTMLElement | null> = ref(null);\r\n    const buttonEl: Ref<HTMLElement | null> = ref(null);\r\n    const grandEl: Ref<HTMLElement | null> = ref(null);\r\n\r\n    // 样式默认宽度是48px\r\n    let slideWidth: number = 48;\r\n\r\n    const isError = ref(false);\r\n\r\n    const deg = ref(0);\r\n\r\n    const imageUrl = ref(\"\");\r\n    const loading = ref(false);\r\n    const imageStyle = computed(() => {\r\n      return {\r\n        backgroundImage: `url(${unref(imageUrl)})`,\r\n        transform: `rotate(-${unref(deg)}deg)`,\r\n      };\r\n    });\r\n\r\n    const getImage = async () => {\r\n\r\n      loading.value = true;\r\n\r\n      const params = { scene: props.scene };\r\n\r\n      const response = await useHttpRequest()!.get<Blob>(\"/ms/app/captcha/rotation/image\",{\r\n          params,\r\n          responseType: \"blob\",\r\n      });\r\n\r\n      loading.value = false;\r\n      return response.data ?? null;\r\n    };\r\n\r\n    const handleSwitchConfirm = () => {\r\n      emit(\"confirm\", unref(deg));\r\n    };\r\n\r\n    const handleMouseDown = (mouseDownEvent: MouseEvent|TouchEvent) => {\r\n      if (unref(isError)) {\r\n        return;\r\n      }\r\n\r\n      const disposable = new Disposable();\r\n\r\n      const totalWidth = unref(wrapperEl)!.getBoundingClientRect().width;\r\n\r\n      const handleMouseMove = (event: MouseEvent|TouchEvent) => {\r\n       \r\n        const x = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;\r\n        const y = event instanceof MouseEvent ? event.clientY : event.touches[0].clientY;\r\n\r\n        // 限定宽度范围\r\n        slideWidth = Math.min(Math.max(x - y + 48, 48),totalWidth);\r\n\r\n        deg.value = Math.floor(((slideWidth - 48) / (totalWidth - 48)) * 360);\r\n\r\n        unref(grandEl)!.style.width = `${slideWidth}px`;\r\n        unref(buttonEl)!.style.transform = `translateX(${slideWidth - 48}px)`;\r\n      };\r\n\r\n      const handleMouseUp = (event: MouseEvent|TouchEvent) => {\r\n        if (deg.value !== 0) {\r\n          handleSwitchConfirm();\r\n        }\r\n\r\n        disposable.dispose();\r\n      };\r\n\r\n      document.addEventListener(\"mousemove\", handleMouseMove);\r\n      document.addEventListener(\"touchmove\", handleMouseMove);\r\n      document.addEventListener(\"mouseup\", handleMouseUp);\r\n      document.addEventListener(\"touchend\", handleMouseUp);\r\n      document.addEventListener(\"touchcancel\", handleMouseUp);\r\n\r\n      disposable.register(\r\n        createDisposable(() => {\r\n          document.removeEventListener(\"mousemove\", handleMouseMove);\r\n          document.removeEventListener(\"touchmove\", handleMouseMove);\r\n          document.removeEventListener(\"mouseup\", handleMouseUp);\r\n          document.removeEventListener(\"touchend\", handleMouseUp);\r\n          document.removeEventListener(\"touchcancel\", handleMouseUp);\r\n        })\r\n      );\r\n    };\r\n\r\n    const reset = () => {\r\n      unref(grandEl)!.style.width = ``;\r\n      unref(buttonEl)!.style.transform = ``;\r\n    };\r\n\r\n    expose({\r\n      fail: () => {\r\n        isError.value = true;\r\n\r\n        setTimeout(() => {\r\n          isError.value = false;\r\n\r\n          reset();\r\n        }, 1000);\r\n      },\r\n    });\r\n\r\n    onMounted(async () => {\r\n\r\n      const blob = await getImage();\r\n      const url = URL.createObjectURL(blob);\r\n\r\n      imageUrl.value = url;\r\n\r\n      onUnmounted(()=>{\r\n        URL.revokeObjectURL(url);\r\n      })\r\n     \r\n    });\r\n    return () => {\r\n      return (\r\n        <Fragment>\r\n          <div class=\"mk-verify-dialog__wrapper\" v-loading={unref(loading)}>\r\n            <div\r\n              class=\"mk-verify-dialog__image\"\r\n              ref=\"imageEl\"\r\n              style={imageStyle.value}\r\n            />\r\n            <div class=\"mk-verify-dialog__coordinate\" />\r\n          </div>\r\n          <div class={[\"mk-verify-switch\", unref(isError) ? \"is-error\" : \"\"]}>\r\n            <div\r\n              class=\"mk-verify-switch__wrapper\"\r\n              ref={((el: HTMLDivElement) => (wrapperEl.value = el)) as any}\r\n            >\r\n              <div\r\n                class=\"mk-verify-switch__button-grand\"\r\n                ref={((el: HTMLDivElement) => (grandEl.value = el)) as any}\r\n              />\r\n              <div\r\n                class=\"mk-verify-switch__button\"\r\n                ref={((el: HTMLDivElement) => (buttonEl.value = el)) as any}\r\n                onMousedown={handleMouseDown}\r\n                onTouchstart={handleMouseDown}\r\n              />\r\n            </div>\r\n          </div>\r\n        </Fragment>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","verifyDialogProps","emits","verifyDialogEmits","setup","emit","expose","wrapperEl","ref","buttonEl","grandEl","slideWidth","isError","deg","imageUrl","loading","imageStyle","computed","backgroundImage","unref","transform","getImage","value","params","scene","response","useHttpRequest","get","responseType","data","handleSwitchConfirm","handleMouseDown","mouseDownEvent","disposable","Disposable","totalWidth","getBoundingClientRect","width","handleMouseMove","event","x","MouseEvent","clientX","touches","y","clientY","Math","min","max","floor","style","handleMouseUp","dispose","document","addEventListener","register","createDisposable","removeEventListener","reset","fail","setTimeout","onMounted","blob","url","URL","createObjectURL","onUnmounted","revokeObjectURL","_createVNode","_Fragment","_withDirectives","_resolveDirective","el"],"mappings":"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"}
+{"version":3,"file":"verify-panel.js","sources":["../../../../../src/components/business/verify-dialog/verify-panel.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  unref,\r\n  ref,\r\n  onMounted,\r\n  Ref,\r\n  Fragment\r\n} from \"vue\";\r\nimport { useHttpRequest } from \"../../../composables\";\r\nimport { verifyDialogProps, verifyDialogEmits } from \"./verify-dialog-option\";\r\nimport { WebHttpRequest } from \"@maketribe/request\";\r\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\r\n\r\n// 建一个私有的类吧客户端id放出来\r\nconst webHttpRequest = new (class InnerWebHttpRequest extends WebHttpRequest{\r\n  async getClientId(){\r\n    await this.loadClientIDPromise\r\n    return this.clientID\r\n  }\r\n});\r\n\r\nexport default defineComponent({\r\n  name: \"VerifyPanel\",\r\n  props: verifyDialogProps,\r\n  emits: verifyDialogEmits,\r\n  setup(props, { emit, expose }) {\r\n  \r\n    const wrapperEl: Ref<HTMLElement | null> = ref(null);\r\n    const buttonEl: Ref<HTMLElement | null> = ref(null);\r\n    const grandEl: Ref<HTMLElement | null> = ref(null);\r\n\r\n    // 样式默认宽度是48px\r\n    let slideWidth: number = 48;\r\n\r\n    const isError = ref(false);\r\n\r\n    const deg = ref(0);\r\n    const imageUrl = ref(\"\");\r\n    const loading = ref(false);\r\n    const imageStyle = computed(() => {\r\n      return {\r\n        backgroundImage: `url(${unref(imageUrl)})`,\r\n        transform: `rotate(-${unref(deg)}deg)`,\r\n      };\r\n    });\r\n\r\n    const loadImage = async ():Promise<undefined> => {\r\n\r\n      loading.value = true;\r\n\r\n      const clientId  = await webHttpRequest.getClientId();\r\n     \r\n      return await new Promise(reslove=>{\r\n\r\n        const img = new Image();\r\n\r\n        img.onload = ()=>{\r\n          imageUrl.value = img.src;\r\n          reslove(undefined);\r\n          loading.value = false;\r\n        }\r\n        img.src = `/api/ms/app/captcha/rotation/image?scene=${props.scene}&t=${Math.random()}&rcid=${clientId}`\r\n      })\r\n\r\n    };\r\n\r\n    const handleSwitchConfirm = () => {\r\n      emit(\"confirm\", unref(deg));\r\n    };\r\n\r\n    const handleMouseDown = (mouseDownEvent: MouseEvent|TouchEvent) => {\r\n      if (unref(isError)) {\r\n        return;\r\n      }\r\n\r\n      const startX = mouseDownEvent instanceof MouseEvent ? mouseDownEvent.clientX : mouseDownEvent.touches[0].clientX;\r\n      const disposable = new Disposable();\r\n      const totalWidth = unref(wrapperEl)!.getBoundingClientRect().width;\r\n\r\n      const handleMouseMove = (event: MouseEvent|TouchEvent) => {\r\n       \r\n        const moveX = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;\r\n\r\n        // 限定宽度范围\r\n        slideWidth = Math.min(Math.max(moveX - startX + 48, 48),totalWidth);\r\n\r\n        deg.value = Math.floor(((slideWidth - 48) / (totalWidth - 48)) * 360);\r\n\r\n        unref(grandEl)!.style.width = `${slideWidth}px`;\r\n        unref(buttonEl)!.style.transform = `translateX(${slideWidth - 48}px)`;\r\n      };\r\n\r\n      const handleMouseUp = (event: MouseEvent|TouchEvent) => {\r\n        if (deg.value !== 0) {\r\n          handleSwitchConfirm();\r\n        }\r\n\r\n        disposable.dispose();\r\n      };\r\n\r\n      document.addEventListener(\"mousemove\", handleMouseMove);\r\n      document.addEventListener(\"touchmove\", handleMouseMove);\r\n      document.addEventListener(\"mouseup\", handleMouseUp);\r\n      document.addEventListener(\"touchend\", handleMouseUp);\r\n      document.addEventListener(\"touchcancel\", handleMouseUp);\r\n\r\n      disposable.register(\r\n        createDisposable(() => {\r\n          document.removeEventListener(\"mousemove\", handleMouseMove);\r\n          document.removeEventListener(\"touchmove\", handleMouseMove);\r\n          document.removeEventListener(\"mouseup\", handleMouseUp);\r\n          document.removeEventListener(\"touchend\", handleMouseUp);\r\n          document.removeEventListener(\"touchcancel\", handleMouseUp);\r\n        })\r\n      );\r\n    };\r\n\r\n    const reset = () => {\r\n      unref(grandEl)!.style.width = ``;\r\n      unref(buttonEl)!.style.transform = ``;\r\n    };\r\n\r\n    expose({\r\n      fail: () => {\r\n        isError.value = true;\r\n\r\n        setTimeout(() => {\r\n          isError.value = false;\r\n\r\n          reset();\r\n        }, 1000);\r\n      },\r\n    });\r\n\r\n    onMounted(async () => {\r\n      await loadImage();\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <Fragment>\r\n          <div class=\"mk-verify-dialog__wrapper\" v-loading={unref(loading)}>\r\n            <div\r\n              class=\"mk-verify-dialog__image\"\r\n              ref=\"imageEl\"\r\n              style={imageStyle.value}\r\n            />\r\n            <div class=\"mk-verify-dialog__coordinate\" />\r\n          </div>\r\n          <div class={[\"mk-verify-switch\", unref(isError) ? \"is-error\" : \"\"]}>\r\n            <div\r\n              class=\"mk-verify-switch__wrapper\"\r\n              ref={((el: HTMLDivElement) => (wrapperEl.value = el)) as any}\r\n            >\r\n              <div\r\n                class=\"mk-verify-switch__button-grand\"\r\n                ref={((el: HTMLDivElement) => (grandEl.value = el)) as any}\r\n              />\r\n              <div\r\n                class=\"mk-verify-switch__button\"\r\n                ref={((el: HTMLDivElement) => (buttonEl.value = el)) as any}\r\n                onMousedown={handleMouseDown}\r\n                onTouchstart={handleMouseDown}\r\n              />\r\n            </div>\r\n          </div>\r\n        </Fragment>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["webHttpRequest","InnerWebHttpRequest","WebHttpRequest","getClientId","loadClientIDPromise","clientID","defineComponent","name","props","verifyDialogProps","emits","verifyDialogEmits","setup","emit","expose","wrapperEl","ref","buttonEl","grandEl","slideWidth","isError","deg","imageUrl","loading","imageStyle","computed","backgroundImage","unref","transform","loadImage","value","clientId","Promise","reslove","img","Image","onload","src","undefined","scene","Math","random","handleSwitchConfirm","handleMouseDown","mouseDownEvent","startX","MouseEvent","clientX","touches","disposable","Disposable","totalWidth","getBoundingClientRect","width","handleMouseMove","event","moveX","min","max","floor","style","handleMouseUp","dispose","document","addEventListener","register","createDisposable","removeEventListener","reset","fail","setTimeout","onMounted","_createVNode","_Fragment","_withDirectives","_resolveDirective","el"],"mappings":"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"}

package/dist/cjs/installer.js

@@ -33,12 +33,12 @@ const index$g = require("./components/basic/image-cropper/index.js");
 const index$2 = require("./components/data-model/data-form/index.js");
 const index$3 = require("./components/data-model/data-table/index.js");
 const index$7 = require("./components/data-model/data-table-pagination/index.js");
-require("vue-router");
-require("@maketribe/locale");
-require("./core/DataModelDefines.js");
-require("./components/business/verify-dialog/verify-dialog-option.js");
+require("./components/business/verify-dialog/verify-panel.js");
 require("./components/business/resource-list/index.js");
 require("./components/business/resource-manager/index.js");
+require("./core/DataModelDefines.js");
+require("vue-router");
+require("@maketribe/locale");
 const index = require("./layouts/components/dialogs/index.js");
 const useGlobalConfig = require("./components/basic/config-provider/use-global-config.js");
 const index$b = require("./components/data-model/data-table/views/table-view/header/index.js");

package/dist/cjs/layouts/components/bar/index.js

@@ -30,13 +30,13 @@ require("../../../components/data-model/data-form/index.js");
 require("../../../components/data-model/data-table/index.js");
 require("../../../components/data-model/data-table-pagination/index.js");
 require("@maketribe/dm");
-const MSAppClient = require("../../../core/MSAppClient.js");
+require("../../../components/business/verify-dialog/verify-panel.js");
+require("../../../components/business/resource-list/index.js");
+require("../../../components/business/resource-manager/index.js");
 const MenuNode = require("../../../core/menu/MenuNode.js");
 require("../../../core/DataModelDefines.js");
+const MSAppClient = require("../../../core/MSAppClient.js");
 const menu = require("../../../constants/menu.js");
-require("../../../components/business/verify-dialog/verify-dialog-option.js");
-require("../../../components/business/resource-list/index.js");
-require("../../../components/business/resource-manager/index.js");
 const MKBar = /* @__PURE__ */ vue.defineComponent({
   name: "MKBar",
   props: {

package/dist/cjs/layouts/components/menu/menu-item.js

@@ -29,13 +29,13 @@ require("../../../components/data-model/data-form/index.js");
 require("../../../components/data-model/data-table/index.js");
 require("../../../components/data-model/data-table-pagination/index.js");
 require("@maketribe/dm");
-require("vue-router");
-require("@maketribe/locale");
-const MenuNode = require("../../../core/menu/MenuNode.js");
-require("../../../core/DataModelDefines.js");
-require("../../../components/business/verify-dialog/verify-dialog-option.js");
+require("../../../components/business/verify-dialog/verify-panel.js");
 require("../../../components/business/resource-list/index.js");
 require("../../../components/business/resource-manager/index.js");
+const MenuNode = require("../../../core/menu/MenuNode.js");
+require("../../../core/DataModelDefines.js");
+require("vue-router");
+require("@maketribe/locale");
 const MKAsideMenuItem = /* @__PURE__ */ vue.defineComponent({
   name: "MKMenuItem",
   props: {

package/dist/cjs/layouts/components/simple-page-layout/index.vue.js

@@ -0,0 +1,53 @@
+"use strict";
+const vue = require("vue");
+require("@maketribe/dm");
+require("../../../components/basic/config-provider/index.js");
+require("vue-router");
+require("@maketribe/request");
+require("@maketribe/locale");
+require("@maketribe/utils");
+require("../../../core/DataModelDefines.js");
+require("element-plus");
+const useMsAppClient = require("../../../composables/use-ms-app-client.js");
+const teamImage = require("./team-image.vue.js");
+const _hoisted_1 = { class: "simple-page-layout__warp" };
+const _hoisted_2 = { class: "simple-page-layout__bg" };
+const _hoisted_3 = { class: "simple-page-layout__bg_title" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "simple-page-layout__bg_body" };
+const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("div", { class: "simple-page-layout__bg_block" }, null, -1);
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("div", { class: "simple-page-layout__bg_block block2" }, null, -1);
+const _hoisted_8 = { class: "simple-page-layout__main" };
+const _hoisted_9 = { class: "simple-page-layout__main_body" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const system = useMsAppClient.useMSAppClient();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.unref(system).logo ? (vue.openBlock(), vue.createElementBlock("img", {
+              key: 0,
+              src: vue.unref(system).logo
+            }, null, 8, _hoisted_4)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(system).projectName), 1)
+            ], 64))
+          ]),
+          vue.createElementVNode("div", _hoisted_5, [
+            vue.createVNode(teamImage)
+          ]),
+          _hoisted_6,
+          _hoisted_7
+        ]),
+        vue.createElementVNode("div", _hoisted_8, [
+          vue.createElementVNode("div", _hoisted_9, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ])
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index.vue.js.map

package/dist/cjs/layouts/components/simple-page-layout/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../src/layouts/components/simple-page-layout/index.vue"],"sourcesContent":["<template>\r\n\r\n  <div class=\"simple-page-layout__warp\">\r\n\r\n    <div class=\"simple-page-layout__bg\">\r\n      <div class=\"simple-page-layout__bg_title\">\r\n        <template v-if=\"system.logo\">\r\n          <img :src=\"system.logo\"></img>\r\n        </template>\r\n        <template v-else>\r\n          {{system.projectName}}\r\n        </template>\r\n      </div>\r\n      <div class=\"simple-page-layout__bg_body\">\r\n        <TeamImage/>\r\n      </div>\r\n      <div  class=\"simple-page-layout__bg_block\"> </div>\r\n      <div  class=\"simple-page-layout__bg_block block2\"> </div>\r\n    </div>\r\n    <div class=\"simple-page-layout__main\">\r\n      <div class=\"simple-page-layout__main_body\">\r\n        <slot></slot>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { useMSAppClient } from \"../../../composables\";\r\nimport TeamImage from \"./team-image.vue\"\r\n\r\nconst system = useMSAppClient()!;\r\n\r\n</script>\r\n"],"names":["useMSAppClient"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiCA,UAAM,SAASA,eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/layouts/components/simple-page-layout/index.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue.js");
+module.exports = index_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=index.vue2.js.map

package/dist/cjs/layouts/components/simple-page-layout/index.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}