@maketribe/ms-app 3.0.24 → 3.0.26

package/dist/cjs/components/column-components/column-link/column-link-options.d.ts

@@ -1,7 +1,7 @@
 import { ExtractPropTypes } from "vue";
 import { ColumnEventData } from "../../data-model/data-table/composables";
 export declare const columnLinkProps: {
-    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
+    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
     readonly formatValue: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;

package/dist/cjs/components/column-components/column-link/column-link.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
-    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
+    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
     readonly formatValue: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (data: import("../../data-model/data-table/composables").ColumnEventData) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
+    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
     readonly formatValue: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -55,6 +55,6 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((data: import("../../data-model/data-table/composables").ColumnEventData) => any) | undefined;
 }, {
-    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
 }, {}>;
 export default _default;

package/dist/cjs/components/column-components/column-link/index.d.ts

@@ -1,6 +1,6 @@
 import ColumnLink from "./column-link";
 export declare const MKColumnLink: import("vue").DefineComponent<{
-    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
+    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
     readonly formatValue: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -28,7 +28,7 @@ export declare const MKColumnLink: import("vue").DefineComponent<{
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (data: import("../../data-model/data-table/composables").ColumnEventData) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
+    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
     readonly formatValue: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -56,7 +56,7 @@ export declare const MKColumnLink: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((data: import("../../data-model/data-table/composables").ColumnEventData) => any) | undefined;
 }, {
-    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
 }, {}>;
 export default ColumnLink;
 export * from "./column-link-options";

package/dist/cjs/components/column-components/column-tag/column-tag.d.ts

@@ -137,13 +137,13 @@ declare const _default: import("vue").DefineComponent<{
         __mkPropKey: true;
     };
 }>>, {
-    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "success" | "warning" | "info" | "danger", unknown>;
     readonly options: {
         label: string;
         value: any;
         color: string;
         type: "" | "success" | "warning" | "info" | "danger";
     }[];
+    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "success" | "warning" | "info" | "danger", unknown>;
     readonly width: string;
     readonly color: string;
     readonly round: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;

package/dist/cjs/components/column-components/column-tag/index.d.ts

@@ -137,13 +137,13 @@ export declare const MKColumnTag: import("vue").DefineComponent<{
         __mkPropKey: true;
     };
 }>>, {
-    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "success" | "warning" | "info" | "danger", unknown>;
     readonly options: {
         label: string;
         value: any;
         color: string;
         type: "" | "success" | "warning" | "info" | "danger";
     }[];
+    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "success" | "warning" | "info" | "danger", unknown>;
     readonly width: string;
     readonly color: string;
     readonly round: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;

package/dist/cjs/layouts/components/dialogs/dialogs.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/cjs/layouts/components/dialogs/dialogs.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var vue = require('vue');
+var dm = require('@maketribe/dm');
+var lodashEs = require('lodash-es');
+var elementPlus = require('element-plus');
+
+var Dialogs = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDialogs",
+  setup(props) {
+    const dialogInstances = vue.ref([]);
+    const dialogImplInstance = dm.Dialoger.implInstance;
+    if (dialogImplInstance?.dialogInstanceCreateEvent && lodashEs.isFunction(dialogImplInstance.dialogInstanceCreateEvent.on)) {
+      dialogImplInstance.dialogInstanceCreateEvent.on((dialogInstance) => {
+        dialogInstance.destroyEvent.on(() => {
+          const index = dialogInstances.value.findIndex((instance) => dialogInstance.id === instance.id);
+          if (index === -1) {
+            return;
+          }
+          dialogInstances.value.splice(index, 1);
+        });
+        dialogInstances.value.push(dialogInstance);
+      });
+    }
+    const handleCancel = async (dialogInstance) => {
+      if (lodashEs.isFunction(dialogInstance.onCancel) ? await dialogInstance.onCancel() === false : false) {
+        return;
+      }
+      dialogInstance.visible = false;
+    };
+    const handleConfirm = async (dialogInstance) => {
+      if (lodashEs.isFunction(dialogInstance.onConfirm) ? await dialogInstance.onConfirm() === false : false) {
+        return;
+      }
+      dialogInstance.visible = false;
+    };
+    return () => {
+      const dialogs = vue.unref(dialogInstances).map((dialogInstance) => {
+        return vue.createVNode(elementPlus.ElDialog, {
+          "modelValue": dialogInstance.visible,
+          "onUpdate:modelValue": (visible) => dialogInstance.visible = visible,
+          "appendToBody": true,
+          "destroyOnClose": true,
+          "width": dialogInstance.width
+        }, {
+          header: () => lodashEs.isFunction(dialogInstance.header) ? dialogInstance.header?.() : dialogInstance.title || "",
+          default: () => dialogInstance.body(),
+          footer: () => lodashEs.isFunction(dialogInstance.footer) ? dialogInstance.footer?.() : vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
+            "onClick": () => handleCancel(dialogInstance)
+          }, {
+            default: () => [dialogInstance.cancelButtonText ?? "\u53D6\u6D88"]
+          }), vue.createVNode(elementPlus.ElButton, {
+            "type": "primary",
+            "onClick": () => handleConfirm(dialogInstance)
+          }, {
+            default: () => [dialogInstance.confirmButtonText ?? "\u786E\u8BA4"]
+          })])
+        });
+      });
+      return vue.createVNode(vue.Fragment, null, [dialogs]);
+    };
+  }
+});
+
+module.exports = Dialogs;
+//# sourceMappingURL=dialogs.js.map

package/dist/cjs/layouts/components/dialogs/dialogs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogs.js","sources":["../../../../../src/layouts/components/dialogs/dialogs.tsx"],"sourcesContent":["import { Fragment, Ref, defineComponent, ref, unref } from \"vue\";\nimport { DialogInstance, Dialoger } from \"@maketribe/dm\";\nimport { DialogerImpl } from \"../../../message-impl\";\nimport { isFunction } from \"lodash-es\";\nimport { ElButton, ElDialog } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKDialogs\",\n  setup(props) {\n    const dialogInstances: Ref<DialogInstance[]> = ref([]);\n\n    const dialogImplInstance = Dialoger.implInstance as DialogerImpl | null;\n\n    if (\n      dialogImplInstance?.dialogInstanceCreateEvent &&\n      isFunction(dialogImplInstance.dialogInstanceCreateEvent.on)\n    ) {\n      dialogImplInstance.dialogInstanceCreateEvent.on((dialogInstance) => {\n        dialogInstance.destroyEvent.on(() => {\n          const index = dialogInstances.value.findIndex(\n            (instance) => dialogInstance.id === instance.id\n          );\n\n          if (index === -1) {\n            return;\n          }\n\n          dialogInstances.value.splice(index, 1);\n        });\n\n        dialogInstances.value.push(dialogInstance);\n      });\n    }\n\n    const handleCancel = async (dialogInstance: DialogInstance) => {\n      if (\n        isFunction(dialogInstance.onCancel)\n          ? (await dialogInstance.onCancel()) === false\n          : false\n      ) {\n        return;\n      }\n\n      dialogInstance.visible = false;\n    };\n\n    const handleConfirm = async (dialogInstance: DialogInstance) => {\n      if (\n        isFunction(dialogInstance.onConfirm)\n          ? (await dialogInstance.onConfirm()) === false\n          : false\n      ) {\n        return;\n      }\n\n      dialogInstance.visible = false;\n    };\n\n    return () => {\n      const dialogs = unref(dialogInstances).map((dialogInstance) => {\n        return (\n          <ElDialog\n            modelValue={dialogInstance.visible}\n            onUpdate:modelValue={(visible: boolean) =>\n              (dialogInstance.visible = visible)\n            }\n            appendToBody\n            destroyOnClose={true}\n            width={dialogInstance.width}\n            v-slots={{\n              header: () =>\n                isFunction(dialogInstance.header)\n                  ? dialogInstance.header?.()\n                  : dialogInstance.title || \"\",\n              default: () => dialogInstance.body(),\n              footer: () =>\n                isFunction(dialogInstance.footer) ? (\n                  dialogInstance.footer?.()\n                ) : (\n                  <Fragment>\n                    <ElButton onClick={() => handleCancel(dialogInstance)}>\n                      {dialogInstance.cancelButtonText ?? \"取消\"}\n                    </ElButton>\n                    <ElButton\n                      type=\"primary\"\n                      onClick={() => handleConfirm(dialogInstance)}\n                    >\n                      {dialogInstance.confirmButtonText ?? \"确认\"}\n                    </ElButton>\n                  </Fragment>\n                ),\n            }}\n          />\n        );\n      });\n\n      return <Fragment>{dialogs}</Fragment>;\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","props","dialogInstances","ref","dialogImplInstance","Dialoger","implInstance","dialogInstanceCreateEvent","isFunction","on","dialogInstance","destroyEvent","index","value","findIndex","instance","id","splice","push","handleCancel","onCancel","visible","handleConfirm","onConfirm","dialogs","unref","map","_createVNode","ElDialog","width","header","title","default","body","footer","_Fragment","ElButton","onClick","cancelButtonText","confirmButtonText"],"mappings":"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"}

package/dist/cjs/layouts/components/dialogs/index.d.ts

@@ -0,0 +1,2 @@
+export declare const MKDialogs: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default MKDialogs;

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

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dialogs = require('./dialogs.js');
+
+const MKDialogs = dialogs;
+
+exports.MKDialogs = MKDialogs;
+exports.default = MKDialogs;
+//# sourceMappingURL=index.js.map

package/dist/cjs/layouts/components/dialogs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/dialogs/index.ts"],"sourcesContent":["import Dialogs from \"./dialogs\";\n\nexport const MKDialogs = Dialogs;\n\nexport default MKDialogs;\n"],"names":["Dialogs"],"mappings":";;;;;;AAEO,MAAM,SAAY,GAAAA;;;;;"}

package/dist/cjs/layouts/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./bar";
 export * from "./menu";
+export * from "./dialogs";

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

@@ -2,9 +2,11 @@
 
 var index = require('./bar/index.js');
 var index$1 = require('./menu/index.js');
+var index$2 = require('./dialogs/index.js');
 
 
 
 exports.MKBar = index.MKBar;
 exports.MKMenu = index$1.MKMenu;
+exports.MKDialogs = index$2.MKDialogs;
 //# sourceMappingURL=index.js.map

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

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

package/dist/cjs/layouts/container/default.js

@@ -68,6 +68,7 @@ require('../../components/upload-file/ui/upload-image/index.js');
 require('../../components/upload-file/upload-file-options.js');
 var index$1 = require('../components/bar/index.js');
 var index$3 = require('../components/menu/index.js');
+var index$4 = require('../components/dialogs/index.js');
 var index$2 = require('../components/header/index.js');
 
 function includeMenuNode(rootMenuNode, menuNode) {
@@ -133,7 +134,7 @@ const MKLayoutDefault = /* @__PURE__ */ vue.defineComponent({
               })]
             })]
           })]
-        })]
+        }), vue.createVNode(index$4.MKDialogs, null, null)]
       });
     };
   }

package/dist/cjs/layouts/container/default.js.map

@@ -1 +1 @@
-{"version":3,"file":"default.js","sources":["../../../../src/layouts/container/default.tsx"],"sourcesContent":["import { Ref, defineComponent, ref, unref } from \"vue\";\nimport { RouterView, useRouter } from \"vue-router\";\nimport { ElAside, ElContainer, ElHeader, ElMain } from \"element-plus\";\nimport { MKSystemProvider } from \"../../components\";\nimport { MKBar, MKMenu } from \"../components\";\nimport { MenuNode } from \"../../core\";\nimport { MSAppClient } from \"../../core\";\nimport { MKHeader } from \"../components/header\";\nimport { createDisposable } from \"@maketribe/utils\";\n\nfunction includeMenuNode(rootMenuNode: MenuNode, menuNode: MenuNode) {\n  let list = [rootMenuNode];\n\n  for (let i = 0; i < list.length; i++) {\n    const item = list[i];\n\n    if (item.id === menuNode.id) {\n      return true;\n    }\n\n    list = list.concat(item.children);\n  }\n\n  return false;\n}\n\nexport const MKLayoutDefault = defineComponent({\n  name: \"MKLayoutDefault\",\n  setup() {\n    const msAppClient = MSAppClient.instance!;\n    const userSession = msAppClient.userSession!;\n    const menu = userSession.menu;\n    const vueRouter = useRouter();\n\n    const currentBarItem: Ref<MenuNode | null> = ref(null);\n\n    handleCurrentMenuChange();\n    menu.currentMenuChangeEvent.on(handleCurrentMenuChange);\n\n    function handleCurrentMenuChange() {\n      currentBarItem.value = menu.getCurrentMenuNode()\n        ? menu.rootMenus.find((item) =>\n            includeMenuNode(item, menu.getCurrentMenuNode()!)\n          ) ?? null\n        : null;\n    }\n\n    // 用户会话销毁就前往登录页面。\n    userSession.register(\n      createDisposable(() => {\n        vueRouter.push({ name: \"login\" });\n      })\n    );\n\n    return () => {\n      return (\n        <MKSystemProvider>\n          <ElContainer class=\"mk-layout-default\">\n            <ElAside>\n              <MKBar barItem={unref(currentBarItem) as MenuNode} />\n            </ElAside>\n            <ElMain>\n              <ElContainer class=\"mk-layout-default__body\">\n                <ElHeader class=\"mk-layout-default__header\">\n                  <MKHeader />\n                </ElHeader>\n                <ElMain>\n                  <ElContainer class=\"mk-layout-default__main\">\n                    <ElAside class=\"mk-layout-default__menu\">\n                      <MKMenu barItem={unref(currentBarItem) as MenuNode} />\n                    </ElAside>\n                    <ElMain>\n                      <RouterView />\n                    </ElMain>\n                  </ElContainer>\n                </ElMain>\n              </ElContainer>\n            </ElMain>\n          </ElContainer>\n        </MKSystemProvider>\n      );\n    };\n  },\n});\n"],"names":["includeMenuNode","rootMenuNode","menuNode","list","i","length","item","id","concat","children","MKLayoutDefault","defineComponent","name","setup","msAppClient","MSAppClient","instance","userSession","menu","vueRouter","useRouter","currentBarItem","ref","handleCurrentMenuChange","currentMenuChangeEvent","on","value","getCurrentMenuNode","rootMenus","find","register","createDisposable","push","_createVNode","MKSystemProvider","default","ElContainer","ElAside","MKBar","unref","ElMain","ElHeader","MKHeader","MKMenu","RouterView"],"mappings":"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"}
+{"version":3,"file":"default.js","sources":["../../../../src/layouts/container/default.tsx"],"sourcesContent":["import { Ref, defineComponent, ref, unref } from \"vue\";\nimport { RouterView, useRouter } from \"vue-router\";\nimport { ElAside, ElContainer, ElHeader, ElMain } from \"element-plus\";\nimport { MKSystemProvider } from \"../../components\";\nimport { MKBar, MKMenu, MKDialogs } from \"../components\";\nimport { MenuNode } from \"../../core\";\nimport { MSAppClient } from \"../../core\";\nimport { MKHeader } from \"../components/header\";\nimport { createDisposable } from \"@maketribe/utils\";\n\nfunction includeMenuNode(rootMenuNode: MenuNode, menuNode: MenuNode) {\n  let list = [rootMenuNode];\n\n  for (let i = 0; i < list.length; i++) {\n    const item = list[i];\n\n    if (item.id === menuNode.id) {\n      return true;\n    }\n\n    list = list.concat(item.children);\n  }\n\n  return false;\n}\n\nexport const MKLayoutDefault = defineComponent({\n  name: \"MKLayoutDefault\",\n  setup() {\n    const msAppClient = MSAppClient.instance!;\n    const userSession = msAppClient.userSession!;\n    const menu = userSession.menu;\n    const vueRouter = useRouter();\n\n    const currentBarItem: Ref<MenuNode | null> = ref(null);\n\n    handleCurrentMenuChange();\n    menu.currentMenuChangeEvent.on(handleCurrentMenuChange);\n\n    function handleCurrentMenuChange() {\n      currentBarItem.value = menu.getCurrentMenuNode()\n        ? menu.rootMenus.find((item) =>\n            includeMenuNode(item, menu.getCurrentMenuNode()!)\n          ) ?? null\n        : null;\n    }\n\n    // 用户会话销毁就前往登录页面。\n    userSession.register(\n      createDisposable(() => {\n        vueRouter.push({ name: \"login\" });\n      })\n    );\n\n    return () => {\n      return (\n        <MKSystemProvider>\n          <ElContainer class=\"mk-layout-default\">\n            <ElAside>\n              <MKBar barItem={unref(currentBarItem) as MenuNode} />\n            </ElAside>\n            <ElMain>\n              <ElContainer class=\"mk-layout-default__body\">\n                <ElHeader class=\"mk-layout-default__header\">\n                  <MKHeader />\n                </ElHeader>\n                <ElMain>\n                  <ElContainer class=\"mk-layout-default__main\">\n                    <ElAside class=\"mk-layout-default__menu\">\n                      <MKMenu barItem={unref(currentBarItem) as MenuNode} />\n                    </ElAside>\n                    <ElMain>\n                      <RouterView />\n                    </ElMain>\n                  </ElContainer>\n                </ElMain>\n              </ElContainer>\n            </ElMain>\n          </ElContainer>\n          <MKDialogs />\n        </MKSystemProvider>\n      );\n    };\n  },\n});\n"],"names":["includeMenuNode","rootMenuNode","menuNode","list","i","length","item","id","concat","children","MKLayoutDefault","defineComponent","name","setup","msAppClient","MSAppClient","instance","userSession","menu","vueRouter","useRouter","currentBarItem","ref","handleCurrentMenuChange","currentMenuChangeEvent","on","value","getCurrentMenuNode","rootMenus","find","register","createDisposable","push","_createVNode","MKSystemProvider","default","ElContainer","ElAside","MKBar","unref","ElMain","ElHeader","MKHeader","MKMenu","RouterView","MKDialogs"],"mappings":"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"}

package/dist/cjs/message-impl/DialogerImpl.d.ts

@@ -1,6 +1,10 @@
-import { IDialogMessage, SkeletonDialoger } from "@maketribe/dm";
+import { DialogInstance, IDialogMessage, IDialogRenderOptions, SkeletonDialoger } from "@maketribe/dm";
+import { Event } from "@maketribe/utils";
 export declare class DialogerImpl extends SkeletonDialoger {
+    dialogInstanceCreateEvent: Event<DialogInstance>;
     prompt(options: IDialogMessage): Promise<string>;
     confirm(options: IDialogMessage): Promise<boolean>;
     alert(options: IDialogMessage): Promise<void>;
+    customRender(options: IDialogRenderOptions): DialogInstance;
+    custom(options: IDialogRenderOptions): Promise<boolean>;
 }

package/dist/cjs/message-impl/DialogerImpl.js

@@ -1,9 +1,13 @@
 'use strict';
 
 var dm = require('@maketribe/dm');
+var utils = require('@maketribe/utils');
 var elementPlus = require('element-plus');
+var lodashEs = require('lodash-es');
 
+let uid = 0;
 class DialogerImpl extends dm.SkeletonDialoger {
+  dialogInstanceCreateEvent = new utils.Event();
   async prompt(options) {
     const promptResult = await elementPlus.ElMessageBox.prompt(
       options.message,
@@ -23,6 +27,39 @@ class DialogerImpl extends dm.SkeletonDialoger {
   async alert(options) {
     await elementPlus.ElMessageBox.alert(options.message, options.title, options);
   }
+  customRender(options) {
+    const dialogInstance = {
+      ...options,
+      id: uid++,
+      visible: true,
+      destroyEvent: new utils.Event(),
+      destroy: () => {
+        dialogInstance.visible = false;
+        dialogInstance.destroyEvent.emit();
+      }
+    };
+    this.dialogInstanceCreateEvent.emit(dialogInstance);
+    return dialogInstance;
+  }
+  async custom(options) {
+    return new Promise((resolve) => {
+      this.customRender({
+        ...options,
+        onConfirm: async () => {
+          if (lodashEs.isFunction(options.onConfirm) ? await options.onConfirm() === false : false) {
+            return false;
+          }
+          resolve(true);
+        },
+        onCancel: async () => {
+          if (lodashEs.isFunction(options.onCancel) ? await options.onCancel() === false : false) {
+            return false;
+          }
+          resolve(false);
+        }
+      });
+    });
+  }
 }
 
 exports.DialogerImpl = DialogerImpl;

package/dist/cjs/message-impl/DialogerImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogerImpl.js","sources":["../../../src/message-impl/DialogerImpl.ts"],"sourcesContent":["import { IDialogMessage, SkeletonDialoger } from \"@maketribe/dm\";\nimport { ElMessageBox } from \"element-plus\";\n\nexport class DialogerImpl extends SkeletonDialoger {\n  async prompt(options: IDialogMessage): Promise<string> {\n    const promptResult = await ElMessageBox.prompt(\n      options.message,\n      options.title,\n      options\n    );\n\n    return promptResult.value;\n  }\n\n  async confirm(options: IDialogMessage): Promise<boolean> {\n    try {\n      await ElMessageBox.confirm(options.message, options.title, options);\n      return true;\n    } catch (e) {\n      return false;\n    }\n  }\n\n  async alert(options: IDialogMessage): Promise<void> {\n    await ElMessageBox.alert(options.message, options.title, options);\n  }\n}\n"],"names":["SkeletonDialoger","ElMessageBox"],"mappings":";;;;;AAGO,MAAM,qBAAqBA,mBAAiB,CAAA;AAAA,EACjD,MAAM,OAAO,OAA0C,EAAA;AACrD,IAAM,MAAA,YAAA,GAAe,MAAMC,wBAAa,CAAA,MAAA;AAAA,MACtC,OAAQ,CAAA,OAAA;AAAA,MACR,OAAQ,CAAA,KAAA;AAAA,MACR,OAAA;AAAA,KACF,CAAA;AAEA,IAAA,OAAO,YAAa,CAAA,KAAA,CAAA;AAAA,GACtB;AAAA,EAEA,MAAM,QAAQ,OAA2C,EAAA;AACvD,IAAI,IAAA;AACF,MAAA,MAAMA,yBAAa,OAAQ,CAAA,OAAA,CAAQ,OAAS,EAAA,OAAA,CAAQ,OAAO,OAAO,CAAA,CAAA;AAClE,MAAO,OAAA,IAAA,CAAA;AAAA,aACA,CAAG,EAAA;AACV,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AAAA,GACF;AAAA,EAEA,MAAM,MAAM,OAAwC,EAAA;AAClD,IAAA,MAAMA,yBAAa,KAAM,CAAA,OAAA,CAAQ,OAAS,EAAA,OAAA,CAAQ,OAAO,OAAO,CAAA,CAAA;AAAA,GAClE;AACF;;;;"}
+{"version":3,"file":"DialogerImpl.js","sources":["../../../src/message-impl/DialogerImpl.ts"],"sourcesContent":["import {\n  DialogInstance,\n  IDialogMessage,\n  IDialogRenderOptions,\n  SkeletonDialoger,\n} from \"@maketribe/dm\";\nimport { Event } from \"@maketribe/utils\";\nimport { ElMessageBox } from \"element-plus\";\nimport { isFunction } from \"lodash-es\";\n\nlet uid = 0;\n\nexport class DialogerImpl extends SkeletonDialoger {\n  dialogInstanceCreateEvent: Event<DialogInstance> = new Event();\n\n  async prompt(options: IDialogMessage): Promise<string> {\n    const promptResult = await ElMessageBox.prompt(\n      options.message,\n      options.title,\n      options\n    );\n\n    return promptResult.value;\n  }\n\n  async confirm(options: IDialogMessage): Promise<boolean> {\n    try {\n      await ElMessageBox.confirm(options.message, options.title, options);\n      return true;\n    } catch (e) {\n      return false;\n    }\n  }\n\n  async alert(options: IDialogMessage): Promise<void> {\n    await ElMessageBox.alert(options.message, options.title, options);\n  }\n\n  customRender(options: IDialogRenderOptions): DialogInstance {\n    const dialogInstance: DialogInstance = {\n      ...options,\n      id: uid++,\n      visible: true,\n      destroyEvent: new Event(),\n      destroy: () => {\n        dialogInstance.visible = false;\n        dialogInstance.destroyEvent.emit();\n      },\n    };\n    this.dialogInstanceCreateEvent.emit(dialogInstance);\n\n    return dialogInstance;\n  }\n\n  async custom(options: IDialogRenderOptions): Promise<boolean> {\n    return new Promise<boolean>((resolve) => {\n      this.customRender({\n        ...options,\n        onConfirm: async () => {\n          if (\n            isFunction(options.onConfirm)\n              ? (await options.onConfirm()) === false\n              : false\n          ) {\n            return false;\n          }\n\n          resolve(true);\n        },\n        onCancel: async () => {\n          if (\n            isFunction(options.onCancel)\n              ? (await options.onCancel()) === false\n              : false\n          ) {\n            return false;\n          }\n\n          resolve(false);\n        },\n      });\n    });\n  }\n}\n"],"names":["SkeletonDialoger","Event","ElMessageBox","isFunction"],"mappings":";;;;;;;AAUA,IAAI,GAAM,GAAA,CAAA,CAAA;AAEH,MAAM,qBAAqBA,mBAAiB,CAAA;AAAA,EACjD,yBAAA,GAAmD,IAAIC,WAAM,EAAA,CAAA;AAAA,EAE7D,MAAM,OAAO,OAA0C,EAAA;AACrD,IAAM,MAAA,YAAA,GAAe,MAAMC,wBAAa,CAAA,MAAA;AAAA,MACtC,OAAQ,CAAA,OAAA;AAAA,MACR,OAAQ,CAAA,KAAA;AAAA,MACR,OAAA;AAAA,KACF,CAAA;AAEA,IAAA,OAAO,YAAa,CAAA,KAAA,CAAA;AAAA,GACtB;AAAA,EAEA,MAAM,QAAQ,OAA2C,EAAA;AACvD,IAAI,IAAA;AACF,MAAA,MAAMA,yBAAa,OAAQ,CAAA,OAAA,CAAQ,OAAS,EAAA,OAAA,CAAQ,OAAO,OAAO,CAAA,CAAA;AAClE,MAAO,OAAA,IAAA,CAAA;AAAA,aACA,CAAG,EAAA;AACV,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AAAA,GACF;AAAA,EAEA,MAAM,MAAM,OAAwC,EAAA;AAClD,IAAA,MAAMA,yBAAa,KAAM,CAAA,OAAA,CAAQ,OAAS,EAAA,OAAA,CAAQ,OAAO,OAAO,CAAA,CAAA;AAAA,GAClE;AAAA,EAEA,aAAa,OAA+C,EAAA;AAC1D,IAAA,MAAM,cAAiC,GAAA;AAAA,MACrC,GAAG,OAAA;AAAA,MACH,EAAI,EAAA,GAAA,EAAA;AAAA,MACJ,OAAS,EAAA,IAAA;AAAA,MACT,YAAA,EAAc,IAAID,WAAM,EAAA;AAAA,MACxB,SAAS,MAAM;AACb,QAAA,cAAA,CAAe,OAAU,GAAA,KAAA,CAAA;AACzB,QAAA,cAAA,CAAe,aAAa,IAAK,EAAA,CAAA;AAAA,OACnC;AAAA,KACF,CAAA;AACA,IAAK,IAAA,CAAA,yBAAA,CAA0B,KAAK,cAAc,CAAA,CAAA;AAElD,IAAO,OAAA,cAAA,CAAA;AAAA,GACT;AAAA,EAEA,MAAM,OAAO,OAAiD,EAAA;AAC5D,IAAO,OAAA,IAAI,OAAiB,CAAA,CAAC,OAAY,KAAA;AACvC,MAAA,IAAA,CAAK,YAAa,CAAA;AAAA,QAChB,GAAG,OAAA;AAAA,QACH,WAAW,YAAY;AACrB,UACE,IAAAE,mBAAA,CAAW,QAAQ,SAAS,CAAA,GACvB,MAAM,OAAQ,CAAA,SAAA,EAAiB,KAAA,KAAA,GAChC,KACJ,EAAA;AACA,YAAO,OAAA,KAAA,CAAA;AAAA,WACT;AAEA,UAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AAAA,SACd;AAAA,QACA,UAAU,YAAY;AACpB,UACE,IAAAA,mBAAA,CAAW,QAAQ,QAAQ,CAAA,GACtB,MAAM,OAAQ,CAAA,QAAA,EAAgB,KAAA,KAAA,GAC/B,KACJ,EAAA;AACA,YAAO,OAAA,KAAA,CAAA;AAAA,WACT;AAEA,UAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,SACf;AAAA,OACD,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GACH;AACF;;;;"}

package/dist/cjs/page/index/dv/default/single/list/dialog.vue2.js

@@ -89,6 +89,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ]
       ),
       ([_dataTable, _dataForm, name]) => {
+        isShowDialog.value = false;
         dataTable.value = _dataTable || DataModelDefines.DataModelDefines.instance.getDataTable(name);
         dataForm.value = _dataForm || DataModelDefines.DataModelDefines.instance.getDataForm(name);
       },

package/dist/cjs/page/index/dv/default/single/list/dialog.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/list/dialog.vue"],"sourcesContent":["<template>\n  <MKDataTablePage v-if=\"dataTable\" :data-table=\"dataTable\" selection />\n\n  <ElDialog v-if=\"dataForm\" appendToBody v-model=\"isShowDialog\">\n    <MKDataForm v-loading=\"dataForm.loading\" :dataForm=\"dataForm\">\n      <MKForm :dataForm=\"dataForm\" />\n    </MKDataForm>\n\n    <template #footer>\n      <ElButton\n        type=\"primary\"\n        :loading=\"dataForm.loading\"\n        @click=\"handleSubmit\"\n      >\n        {{ I18n.instance.translate(\"mk.dataForm.saveButton\") }}\n      </ElButton>\n      <ElButton @click=\"handleCancel\">\n        {{ I18n.instance.translate(\"mk.dataForm.cancelButton\") }}\n      </ElButton>\n    </template>\n  </ElDialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref, nextTick } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { ElMessage, ElDialog, ElButton } from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport { DataForm, DataTable, Dialoger, Messager } from \"@maketribe/dm\";\nimport {\n  MKDataTablePage,\n  MKDataForm,\n  MKForm,\n} from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\n\nconst props = defineProps({\n  dataTable: { type: DataTable<any> },\n  dataForm: { type: DataForm<any> },\n});\n\nconst router = useRouter();\n\nconst isShowDialog = ref(false);\n\nconst dataTable: Ref<DataTable | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\nwatch(\n  computed(\n    () =>\n      [\n        props.dataTable,\n        props.dataForm,\n        unref(router.currentRoute).meta.name,\n      ] as [DataTable, DataForm, string]\n  ),\n  ([_dataTable, _dataForm, name]) => {\n    dataTable.value =\n      _dataTable || DataModelDefines.instance.getDataTable(name);\n    dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);\n  },\n  { immediate: true }\n);\n\nwatch(\n  dataTable,\n  (dataTable, _, onCleanup) => {\n    if (dataTable) {\n      dataTable.addRecordEvent.on(async () => {\n        const _dataForm = unref(dataForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDialog.value = true;\n\n        _dataForm.addRecord();\n      });\n\n      dataTable.editRecordEvent.on(async ({ item }) => {\n        const _dataForm = unref(dataForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDialog.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(\n            item[dataTable.primaryKey]\n          );\n\n          if (response.data.code !== 200) {\n            ElMessage.error(response.data.msg);\n            isShowDialog.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDialog.value = false;\n        }\n      });\n    }\n\n    onCleanup(() => {\n      dataTable?.clearSelection();\n      dataTable?.dispose();\n    });\n  },\n  { immediate: true }\n);\n\nconst handleSubmit = async () => {\n  try {\n    const _dataForm = unref(dataForm);\n\n    if (!_dataForm) {\n      return;\n    }\n\n    if (!(await _dataForm.validate())) {\n      return;\n    }\n\n    const response = await _dataForm.submit();\n\n    if (response.data.code !== 200) {\n      ElMessage.error({ message: response.data.msg });\n      return;\n    }\n\n    unref(dataTable)?.load();\n    ElMessage.success({\n      message: I18n.instance.translate(\"mk.message.saveSuccess\"),\n    });\n\n    isShowDialog.value = false;\n  } catch (e) {\n    ElMessage.error({\n      message: I18n.instance.translate(\"mk.message.saveError\"),\n    });\n  }\n};\n\nconst handleCancel = () => {\n  unref(dataForm)?.cancel();\n  isShowDialog.value = false;\n};\n</script>\n"],"names":["useRouter","ref","watch","computed","unref","DataModelDefines","dataTable","ElMessage","I18n"],"mappings":"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"}
+{"version":3,"file":"dialog.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/list/dialog.vue"],"sourcesContent":["<template>\n  <MKDataTablePage v-if=\"dataTable\" :data-table=\"dataTable\" selection />\n\n  <ElDialog v-if=\"dataForm\" appendToBody v-model=\"isShowDialog\">\n    <MKDataForm v-loading=\"dataForm.loading\" :dataForm=\"dataForm\">\n      <MKForm :dataForm=\"dataForm\" />\n    </MKDataForm>\n\n    <template #footer>\n      <ElButton\n        type=\"primary\"\n        :loading=\"dataForm.loading\"\n        @click=\"handleSubmit\"\n      >\n        {{ I18n.instance.translate(\"mk.dataForm.saveButton\") }}\n      </ElButton>\n      <ElButton @click=\"handleCancel\">\n        {{ I18n.instance.translate(\"mk.dataForm.cancelButton\") }}\n      </ElButton>\n    </template>\n  </ElDialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref, nextTick } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { ElMessage, ElDialog, ElButton } from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport { DataForm, DataTable, Dialoger, Messager } from \"@maketribe/dm\";\nimport {\n  MKDataTablePage,\n  MKDataForm,\n  MKForm,\n} from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\n\nconst props = defineProps({\n  dataTable: { type: DataTable<any> },\n  dataForm: { type: DataForm<any> },\n});\n\nconst router = useRouter();\n\nconst isShowDialog = ref(false);\n\nconst dataTable: Ref<DataTable | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\nwatch(\n  computed(\n    () =>\n      [\n        props.dataTable,\n        props.dataForm,\n        unref(router.currentRoute).meta.name,\n      ] as [DataTable, DataForm, string]\n  ),\n  ([_dataTable, _dataForm, name]) => {\n    isShowDialog.value = false;\n    dataTable.value =\n      _dataTable || DataModelDefines.instance.getDataTable(name);\n    dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);\n  },\n  { immediate: true }\n);\n\nwatch(\n  dataTable,\n  (dataTable, _, onCleanup) => {\n    if (dataTable) {\n      dataTable.addRecordEvent.on(async () => {\n        const _dataForm = unref(dataForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDialog.value = true;\n\n        _dataForm.addRecord();\n      });\n\n      dataTable.editRecordEvent.on(async ({ item }) => {\n        const _dataForm = unref(dataForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDialog.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(\n            item[dataTable.primaryKey]\n          );\n\n          if (response.data.code !== 200) {\n            ElMessage.error(response.data.msg);\n            isShowDialog.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDialog.value = false;\n        }\n      });\n    }\n\n    onCleanup(() => {\n      dataTable?.clearSelection();\n      dataTable?.dispose();\n    });\n  },\n  { immediate: true }\n);\n\nconst handleSubmit = async () => {\n  try {\n    const _dataForm = unref(dataForm);\n\n    if (!_dataForm) {\n      return;\n    }\n\n    if (!(await _dataForm.validate())) {\n      return;\n    }\n\n    const response = await _dataForm.submit();\n\n    if (response.data.code !== 200) {\n      ElMessage.error({ message: response.data.msg });\n      return;\n    }\n\n    unref(dataTable)?.load();\n    ElMessage.success({\n      message: I18n.instance.translate(\"mk.message.saveSuccess\"),\n    });\n\n    isShowDialog.value = false;\n  } catch (e) {\n    ElMessage.error({\n      message: I18n.instance.translate(\"mk.message.saveError\"),\n    });\n  }\n};\n\nconst handleCancel = () => {\n  unref(dataForm)?.cancel();\n  isShowDialog.value = false;\n};\n</script>\n"],"names":["useRouter","ref","watch","computed","unref","DataModelDefines","dataTable","ElMessage","I18n"],"mappings":"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"}

package/dist/cjs/page/index/dv/default/single/list/normal.vue2.js

@@ -88,6 +88,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ]
       ),
       ([_dataTable, _dataForm, name]) => {
+        isShowDataForm.value = false;
         dataTable.value = _dataTable || DataModelDefines.DataModelDefines.instance.getDataTable(name);
         dataForm.value = _dataForm || DataModelDefines.DataModelDefines.instance.getDataForm(name);
       },

package/dist/cjs/page/index/dv/default/single/list/normal.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"normal.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/list/normal.vue"],"sourcesContent":["<template>\n  <MKDataTablePage\n    v-if=\"dataTable\"\n    v-show=\"!isShowDataForm\"\n    :data-table=\"dataTable\"\n    selection\n  />\n  <MKDataFormPage\n    v-if=\"dataForm\"\n    v-show=\"isShowDataForm\"\n    :data-form=\"dataForm\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { ElMessage } from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport { DataForm, DataTable, Dialoger, Messager } from \"@maketribe/dm\";\nimport { MKDataTablePage, MKDataFormPage } from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\n\nconst props = defineProps({\n  dataTable: { type: DataTable<any> },\n  dataForm: { type: DataForm<any> },\n});\n\nconst router = useRouter();\n\nconst isShowDataForm = ref(false);\n\nconst dataTable: Ref<DataTable | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\nwatch(\n  computed(\n    () =>\n      [\n        props.dataTable,\n        props.dataForm,\n        unref(router.currentRoute).meta.name,\n      ] as [DataTable, DataForm, string]\n  ),\n  ([_dataTable, _dataForm, name]) => {\n    dataTable.value =\n      _dataTable || DataModelDefines.instance.getDataTable(name);\n    dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);\n  },\n  { immediate: true }\n);\n\nwatch(\n  dataTable,\n  (dataTable, _, onCleanup) => {\n    if (dataTable) {\n      dataTable.addRecordEvent.on(() => {\n        const _dataForm = unref(dataForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        _dataForm.addRecord();\n      });\n\n      dataTable.editRecordEvent.on(async ({ item }) => {\n        const _dataForm = unref(dataForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(\n            item[dataTable.primaryKey]\n          );\n\n          if (response.data.code !== 200) {\n            ElMessage.error(response.data.msg);\n            isShowDataForm.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDataForm.value = false;\n        }\n      });\n    }\n\n    onCleanup(() => {\n      dataTable?.clearSelection();\n      dataTable?.dispose();\n    });\n  },\n  { immediate: true }\n);\n\nwatch(\n  dataForm,\n  (dataForm, _, onCleanup) => {\n    if (dataForm) {\n      dataForm.submittedEvent.on(() => {\n        isShowDataForm.value = false;\n\n        unref(dataTable)?.load();\n      });\n\n      dataForm.cancelEvent.on(() => {\n        isShowDataForm.value = false;\n\n        unref(dataTable)?.load();\n      });\n    }\n\n    onCleanup(() => {\n      dataForm?.dispose();\n    });\n  },\n  { immediate: true }\n);\n</script>\n"],"names":["useRouter","ref","watch","computed","unref","DataModelDefines","dataTable","ElMessage","dataForm"],"mappings":"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"}
+{"version":3,"file":"normal.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/list/normal.vue"],"sourcesContent":["<template>\n  <MKDataTablePage\n    v-if=\"dataTable\"\n    v-show=\"!isShowDataForm\"\n    :data-table=\"dataTable\"\n    selection\n  />\n  <MKDataFormPage\n    v-if=\"dataForm\"\n    v-show=\"isShowDataForm\"\n    :data-form=\"dataForm\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { ElMessage } from \"element-plus\";\nimport { DataForm, DataTable, Dialoger, Messager } from \"@maketribe/dm\";\nimport { MKDataTablePage, MKDataFormPage } from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\n\nconst props = defineProps({\n  dataTable: { type: DataTable<any> },\n  dataForm: { type: DataForm<any> },\n});\n\nconst router = useRouter();\n\nconst isShowDataForm = ref(false);\n\nconst dataTable: Ref<DataTable | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\nwatch(\n  computed(\n    () =>\n      [\n        props.dataTable,\n        props.dataForm,\n        unref(router.currentRoute).meta.name,\n      ] as [DataTable, DataForm, string]\n  ),\n  ([_dataTable, _dataForm, name]) => {\n    isShowDataForm.value = false;\n    dataTable.value =\n      _dataTable || DataModelDefines.instance.getDataTable(name);\n    dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);\n  },\n  { immediate: true }\n);\n\nwatch(\n  dataTable,\n  (dataTable, _, onCleanup) => {\n    if (dataTable) {\n      dataTable.addRecordEvent.on(() => {\n        const _dataForm = unref(dataForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        _dataForm.addRecord();\n      });\n\n      dataTable.editRecordEvent.on(async ({ item }) => {\n        const _dataForm = unref(dataForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(\n            item[dataTable.primaryKey]\n          );\n\n          if (response.data.code !== 200) {\n            ElMessage.error(response.data.msg);\n            isShowDataForm.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDataForm.value = false;\n        }\n      });\n    }\n\n    onCleanup(() => {\n      dataTable?.clearSelection();\n      dataTable?.dispose();\n    });\n  },\n  { immediate: true }\n);\n\nwatch(\n  dataForm,\n  (dataForm, _, onCleanup) => {\n    if (dataForm) {\n      dataForm.submittedEvent.on(() => {\n        isShowDataForm.value = false;\n\n        unref(dataTable)?.load();\n      });\n\n      dataForm.cancelEvent.on(() => {\n        isShowDataForm.value = false;\n\n        unref(dataTable)?.load();\n      });\n    }\n\n    onCleanup(() => {\n      dataForm?.dispose();\n    });\n  },\n  { immediate: true }\n);\n</script>\n"],"names":["useRouter","ref","watch","computed","unref","DataModelDefines","dataTable","ElMessage","dataForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,IAAA,MAAM,SAASA,mBAAU,EAAA,CAAA;AAEzB,IAAM,MAAA,cAAA,GAAiBC,QAAI,KAAK,CAAA,CAAA;AAEhC,IAAM,MAAA,SAAA,GAAmCA,QAAI,IAAI,CAAA,CAAA;AACjD,IAAM,MAAA,QAAA,GAAiCA,QAAI,IAAI,CAAA,CAAA;AAE/C,IAAAC,SAAA;AAAA,MACEC,YAAA;AAAA,QACE,MACE;AAAA,UACE,KAAM,CAAA,SAAA;AAAA,UACN,KAAM,CAAA,QAAA;AAAA,UACNC,SAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,SAClC;AAAA,OACJ;AAAA,MACA,CAAC,CAAC,UAAY,EAAA,SAAA,EAAW,IAAI,CAAM,KAAA;AACjC,QAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AACvB,QAAA,SAAA,CAAU,KACR,GAAA,UAAA,IAAcC,iCAAiB,CAAA,QAAA,CAAS,aAAa,IAAI,CAAA,CAAA;AAC3D,QAAA,QAAA,CAAS,KAAQ,GAAA,SAAA,IAAaA,iCAAiB,CAAA,QAAA,CAAS,YAAY,IAAI,CAAA,CAAA;AAAA,OAC1E;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;AAEA,IAAAH,SAAA;AAAA,MACE,SAAA;AAAA,MACA,CAACI,UAAW,EAAA,CAAA,EAAG,SAAc,KAAA;AAC3B,QAAA,IAAIA,UAAW,EAAA;AACb,UAAAA,UAAAA,CAAU,cAAe,CAAA,EAAA,CAAG,MAAM;AAChC,YAAM,MAAA,SAAA,GAAYF,UAAM,QAAQ,CAAA,CAAA;AAEhC,YAAA,IAAI,CAAC,SAAW,EAAA;AACd,cAAA,OAAA,CAAQ,IAAK,CAAA,CAAA,gCAAA,EAAUE,UAAU,CAAA,IAAI,CAAe,uBAAA,CAAA,CAAA,CAAA;AACpD,cAAA,OAAA;AAAA,aACF;AAEA,YAAA,cAAA,CAAe,KAAQ,GAAA,IAAA,CAAA;AAEvB,YAAA,SAAA,CAAU,SAAU,EAAA,CAAA;AAAA,WACrB,CAAA,CAAA;AAED,UAAAA,WAAU,eAAgB,CAAA,EAAA,CAAG,OAAO,EAAE,MAAW,KAAA;AAC/C,YAAM,MAAA,SAAA,GAAYF,UAAM,QAAQ,CAAA,CAAA;AAEhC,YAAA,IAAI,CAAC,SAAW,EAAA;AACd,cAAA,OAAA,CAAQ,IAAK,CAAA,CAAA,gCAAA,EAAUE,UAAU,CAAA,IAAI,CAAe,uBAAA,CAAA,CAAA,CAAA;AACpD,cAAA,OAAA;AAAA,aACF;AAEA,YAAA,cAAA,CAAe,KAAQ,GAAA,IAAA,CAAA;AAEvB,YAAI,IAAA;AACF,cAAM,MAAA,QAAA,GAAW,MAAM,SAAU,CAAA,UAAA;AAAA,gBAC/B,IAAA,CAAKA,WAAU,UAAU,CAAA;AAAA,eAC3B,CAAA;AAEA,cAAI,IAAA,QAAA,CAAS,IAAK,CAAA,IAAA,KAAS,GAAK,EAAA;AAC9B,gBAAUC,qBAAA,CAAA,KAAA,CAAM,QAAS,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AACjC,gBAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AACvB,gBAAA,OAAA;AAAA,eACF;AAAA,qBACO,CAAG,EAAA;AACV,cAAA,OAAA,CAAQ,MAAM,CAAC,CAAA,CAAA;AACf,cAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAAA,aACzB;AAAA,WACD,CAAA,CAAA;AAAA,SACH;AAEA,QAAA,SAAA,CAAU,MAAM;AACd,UAAAD,YAAW,cAAe,EAAA,CAAA;AAC1B,UAAAA,YAAW,OAAQ,EAAA,CAAA;AAAA,SACpB,CAAA,CAAA;AAAA,OACH;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;AAEA,IAAAJ,SAAA;AAAA,MACE,QAAA;AAAA,MACA,CAACM,SAAU,EAAA,CAAA,EAAG,SAAc,KAAA;AAC1B,QAAA,IAAIA,SAAU,EAAA;AACZ,UAAAA,SAAAA,CAAS,cAAe,CAAA,EAAA,CAAG,MAAM;AAC/B,YAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAEvB,YAAMJ,SAAA,CAAA,SAAS,GAAG,IAAK,EAAA,CAAA;AAAA,WACxB,CAAA,CAAA;AAED,UAAAI,SAAAA,CAAS,WAAY,CAAA,EAAA,CAAG,MAAM;AAC5B,YAAA,cAAA,CAAe,KAAQ,GAAA,KAAA,CAAA;AAEvB,YAAMJ,SAAA,CAAA,SAAS,GAAG,IAAK,EAAA,CAAA;AAAA,WACxB,CAAA,CAAA;AAAA,SACH;AAEA,QAAA,SAAA,CAAU,MAAM;AACd,UAAAI,WAAU,OAAQ,EAAA,CAAA;AAAA,SACnB,CAAA,CAAA;AAAA,OACH;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/column-components/column-link/column-link-options.d.ts

@@ -1,7 +1,7 @@
 import { ExtractPropTypes } from "vue";
 import { ColumnEventData } from "../../data-model/data-table/composables";
 export declare const columnLinkProps: {
-    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
+    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
     readonly formatValue: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;

package/dist/esm/components/column-components/column-link/column-link.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
-    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
+    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
     readonly formatValue: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (data: import("../../data-model/data-table/composables").ColumnEventData) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
+    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
     readonly formatValue: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -55,6 +55,6 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((data: import("../../data-model/data-table/composables").ColumnEventData) => any) | undefined;
 }, {
-    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
 }, {}>;
 export default _default;

package/dist/esm/components/column-components/column-link/index.d.ts

@@ -1,6 +1,6 @@
 import ColumnLink from "./column-link";
 export declare const MKColumnLink: import("vue").DefineComponent<{
-    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
+    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
     readonly formatValue: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -28,7 +28,7 @@ export declare const MKColumnLink: import("vue").DefineComponent<{
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (data: import("../../data-model/data-table/composables").ColumnEventData) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
+    readonly type: import("@maketribe/utils").PropFinalized<unknown, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
     readonly formatValue: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -56,7 +56,7 @@ export declare const MKColumnLink: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((data: import("../../data-model/data-table/composables").ColumnEventData) => any) | undefined;
 }, {
-    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
 }, {}>;
 export default ColumnLink;
 export * from "./column-link-options";

package/dist/esm/components/column-components/column-tag/column-tag.d.ts

@@ -137,13 +137,13 @@ declare const _default: import("vue").DefineComponent<{
         __mkPropKey: true;
     };
 }>>, {
-    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "success" | "warning" | "info" | "danger", unknown>;
     readonly options: {
         label: string;
         value: any;
         color: string;
         type: "" | "success" | "warning" | "info" | "danger";
     }[];
+    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "success" | "warning" | "info" | "danger", unknown>;
     readonly width: string;
     readonly color: string;
     readonly round: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;

package/dist/esm/components/column-components/column-tag/index.d.ts

@@ -137,13 +137,13 @@ export declare const MKColumnTag: import("vue").DefineComponent<{
         __mkPropKey: true;
     };
 }>>, {
-    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "success" | "warning" | "info" | "danger", unknown>;
     readonly options: {
         label: string;
         value: any;
         color: string;
         type: "" | "success" | "warning" | "info" | "danger";
     }[];
+    readonly type: import("@maketribe/utils").PropMergeType<unknown, "" | "success" | "warning" | "info" | "danger", unknown>;
     readonly width: string;
     readonly color: string;
     readonly round: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;

package/dist/esm/layouts/components/dialogs/dialogs.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/esm/layouts/components/dialogs/dialogs.js

@@ -0,0 +1,64 @@
+import { defineComponent, ref, unref, createVNode, Fragment } from 'vue';
+import { Dialoger } from '@maketribe/dm';
+import { isFunction } from 'lodash-es';
+import { ElDialog, ElButton } from 'element-plus';
+
+var Dialogs = /* @__PURE__ */ defineComponent({
+  name: "MKDialogs",
+  setup(props) {
+    const dialogInstances = ref([]);
+    const dialogImplInstance = Dialoger.implInstance;
+    if (dialogImplInstance?.dialogInstanceCreateEvent && isFunction(dialogImplInstance.dialogInstanceCreateEvent.on)) {
+      dialogImplInstance.dialogInstanceCreateEvent.on((dialogInstance) => {
+        dialogInstance.destroyEvent.on(() => {
+          const index = dialogInstances.value.findIndex((instance) => dialogInstance.id === instance.id);
+          if (index === -1) {
+            return;
+          }
+          dialogInstances.value.splice(index, 1);
+        });
+        dialogInstances.value.push(dialogInstance);
+      });
+    }
+    const handleCancel = async (dialogInstance) => {
+      if (isFunction(dialogInstance.onCancel) ? await dialogInstance.onCancel() === false : false) {
+        return;
+      }
+      dialogInstance.visible = false;
+    };
+    const handleConfirm = async (dialogInstance) => {
+      if (isFunction(dialogInstance.onConfirm) ? await dialogInstance.onConfirm() === false : false) {
+        return;
+      }
+      dialogInstance.visible = false;
+    };
+    return () => {
+      const dialogs = unref(dialogInstances).map((dialogInstance) => {
+        return createVNode(ElDialog, {
+          "modelValue": dialogInstance.visible,
+          "onUpdate:modelValue": (visible) => dialogInstance.visible = visible,
+          "appendToBody": true,
+          "destroyOnClose": true,
+          "width": dialogInstance.width
+        }, {
+          header: () => isFunction(dialogInstance.header) ? dialogInstance.header?.() : dialogInstance.title || "",
+          default: () => dialogInstance.body(),
+          footer: () => isFunction(dialogInstance.footer) ? dialogInstance.footer?.() : createVNode(Fragment, null, [createVNode(ElButton, {
+            "onClick": () => handleCancel(dialogInstance)
+          }, {
+            default: () => [dialogInstance.cancelButtonText ?? "\u53D6\u6D88"]
+          }), createVNode(ElButton, {
+            "type": "primary",
+            "onClick": () => handleConfirm(dialogInstance)
+          }, {
+            default: () => [dialogInstance.confirmButtonText ?? "\u786E\u8BA4"]
+          })])
+        });
+      });
+      return createVNode(Fragment, null, [dialogs]);
+    };
+  }
+});
+
+export { Dialogs as default };
+//# sourceMappingURL=dialogs.js.map

package/dist/esm/layouts/components/dialogs/dialogs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogs.js","sources":["../../../../../src/layouts/components/dialogs/dialogs.tsx"],"sourcesContent":["import { Fragment, Ref, defineComponent, ref, unref } from \"vue\";\nimport { DialogInstance, Dialoger } from \"@maketribe/dm\";\nimport { DialogerImpl } from \"../../../message-impl\";\nimport { isFunction } from \"lodash-es\";\nimport { ElButton, ElDialog } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKDialogs\",\n  setup(props) {\n    const dialogInstances: Ref<DialogInstance[]> = ref([]);\n\n    const dialogImplInstance = Dialoger.implInstance as DialogerImpl | null;\n\n    if (\n      dialogImplInstance?.dialogInstanceCreateEvent &&\n      isFunction(dialogImplInstance.dialogInstanceCreateEvent.on)\n    ) {\n      dialogImplInstance.dialogInstanceCreateEvent.on((dialogInstance) => {\n        dialogInstance.destroyEvent.on(() => {\n          const index = dialogInstances.value.findIndex(\n            (instance) => dialogInstance.id === instance.id\n          );\n\n          if (index === -1) {\n            return;\n          }\n\n          dialogInstances.value.splice(index, 1);\n        });\n\n        dialogInstances.value.push(dialogInstance);\n      });\n    }\n\n    const handleCancel = async (dialogInstance: DialogInstance) => {\n      if (\n        isFunction(dialogInstance.onCancel)\n          ? (await dialogInstance.onCancel()) === false\n          : false\n      ) {\n        return;\n      }\n\n      dialogInstance.visible = false;\n    };\n\n    const handleConfirm = async (dialogInstance: DialogInstance) => {\n      if (\n        isFunction(dialogInstance.onConfirm)\n          ? (await dialogInstance.onConfirm()) === false\n          : false\n      ) {\n        return;\n      }\n\n      dialogInstance.visible = false;\n    };\n\n    return () => {\n      const dialogs = unref(dialogInstances).map((dialogInstance) => {\n        return (\n          <ElDialog\n            modelValue={dialogInstance.visible}\n            onUpdate:modelValue={(visible: boolean) =>\n              (dialogInstance.visible = visible)\n            }\n            appendToBody\n            destroyOnClose={true}\n            width={dialogInstance.width}\n            v-slots={{\n              header: () =>\n                isFunction(dialogInstance.header)\n                  ? dialogInstance.header?.()\n                  : dialogInstance.title || \"\",\n              default: () => dialogInstance.body(),\n              footer: () =>\n                isFunction(dialogInstance.footer) ? (\n                  dialogInstance.footer?.()\n                ) : (\n                  <Fragment>\n                    <ElButton onClick={() => handleCancel(dialogInstance)}>\n                      {dialogInstance.cancelButtonText ?? \"取消\"}\n                    </ElButton>\n                    <ElButton\n                      type=\"primary\"\n                      onClick={() => handleConfirm(dialogInstance)}\n                    >\n                      {dialogInstance.confirmButtonText ?? \"确认\"}\n                    </ElButton>\n                  </Fragment>\n                ),\n            }}\n          />\n        );\n      });\n\n      return <Fragment>{dialogs}</Fragment>;\n    };\n  },\n});\n"],"names":["name","setup","props","dialogInstances","ref","dialogImplInstance","Dialoger","implInstance","dialogInstanceCreateEvent","isFunction","on","dialogInstance","destroyEvent","index","value","findIndex","instance","id","splice","push","handleCancel","onCancel","visible","handleConfirm","onConfirm","dialogs","unref","map","_createVNode","ElDialog","width","header","title","default","body","footer","_Fragment","ElButton","onClick","cancelButtonText","confirmButtonText"],"mappings":"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"}

package/dist/esm/layouts/components/dialogs/index.d.ts

@@ -0,0 +1,2 @@
+export declare const MKDialogs: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default MKDialogs;

package/dist/esm/layouts/components/dialogs/index.js

@@ -0,0 +1,6 @@
+import Dialogs from './dialogs.js';
+
+const MKDialogs = Dialogs;
+
+export { MKDialogs, MKDialogs as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/layouts/components/dialogs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/dialogs/index.ts"],"sourcesContent":["import Dialogs from \"./dialogs\";\n\nexport const MKDialogs = Dialogs;\n\nexport default MKDialogs;\n"],"names":[],"mappings":";;AAEO,MAAM,SAAY,GAAA;;;;"}

package/dist/esm/layouts/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./bar";
 export * from "./menu";
+export * from "./dialogs";

package/dist/esm/layouts/components/index.js

@@ -1,3 +1,4 @@
 export { MKBar } from './bar/index.js';
 export { MKMenu } from './menu/index.js';
+export { MKDialogs } from './dialogs/index.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/layouts/components/index.js.map

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

package/dist/esm/layouts/container/default.js

@@ -66,6 +66,7 @@ import '../../components/upload-file/ui/upload-image/index.js';
 import '../../components/upload-file/upload-file-options.js';
 import { MKBar } from '../components/bar/index.js';
 import { MKMenu } from '../components/menu/index.js';
+import { MKDialogs } from '../components/dialogs/index.js';
 import { MKHeader } from '../components/header/index.js';
 
 function includeMenuNode(rootMenuNode, menuNode) {
@@ -131,7 +132,7 @@ const MKLayoutDefault = /* @__PURE__ */ defineComponent({
               })]
             })]
           })]
-        })]
+        }), createVNode(MKDialogs, null, null)]
       });
     };
   }

package/dist/esm/layouts/container/default.js.map

@@ -1 +1 @@
-{"version":3,"file":"default.js","sources":["../../../../src/layouts/container/default.tsx"],"sourcesContent":["import { Ref, defineComponent, ref, unref } from \"vue\";\nimport { RouterView, useRouter } from \"vue-router\";\nimport { ElAside, ElContainer, ElHeader, ElMain } from \"element-plus\";\nimport { MKSystemProvider } from \"../../components\";\nimport { MKBar, MKMenu } from \"../components\";\nimport { MenuNode } from \"../../core\";\nimport { MSAppClient } from \"../../core\";\nimport { MKHeader } from \"../components/header\";\nimport { createDisposable } from \"@maketribe/utils\";\n\nfunction includeMenuNode(rootMenuNode: MenuNode, menuNode: MenuNode) {\n  let list = [rootMenuNode];\n\n  for (let i = 0; i < list.length; i++) {\n    const item = list[i];\n\n    if (item.id === menuNode.id) {\n      return true;\n    }\n\n    list = list.concat(item.children);\n  }\n\n  return false;\n}\n\nexport const MKLayoutDefault = defineComponent({\n  name: \"MKLayoutDefault\",\n  setup() {\n    const msAppClient = MSAppClient.instance!;\n    const userSession = msAppClient.userSession!;\n    const menu = userSession.menu;\n    const vueRouter = useRouter();\n\n    const currentBarItem: Ref<MenuNode | null> = ref(null);\n\n    handleCurrentMenuChange();\n    menu.currentMenuChangeEvent.on(handleCurrentMenuChange);\n\n    function handleCurrentMenuChange() {\n      currentBarItem.value = menu.getCurrentMenuNode()\n        ? menu.rootMenus.find((item) =>\n            includeMenuNode(item, menu.getCurrentMenuNode()!)\n          ) ?? null\n        : null;\n    }\n\n    // 用户会话销毁就前往登录页面。\n    userSession.register(\n      createDisposable(() => {\n        vueRouter.push({ name: \"login\" });\n      })\n    );\n\n    return () => {\n      return (\n        <MKSystemProvider>\n          <ElContainer class=\"mk-layout-default\">\n            <ElAside>\n              <MKBar barItem={unref(currentBarItem) as MenuNode} />\n            </ElAside>\n            <ElMain>\n              <ElContainer class=\"mk-layout-default__body\">\n                <ElHeader class=\"mk-layout-default__header\">\n                  <MKHeader />\n                </ElHeader>\n                <ElMain>\n                  <ElContainer class=\"mk-layout-default__main\">\n                    <ElAside class=\"mk-layout-default__menu\">\n                      <MKMenu barItem={unref(currentBarItem) as MenuNode} />\n                    </ElAside>\n                    <ElMain>\n                      <RouterView />\n                    </ElMain>\n                  </ElContainer>\n                </ElMain>\n              </ElContainer>\n            </ElMain>\n          </ElContainer>\n        </MKSystemProvider>\n      );\n    };\n  },\n});\n"],"names":["includeMenuNode","rootMenuNode","menuNode","list","i","length","item","id","concat","children","MKLayoutDefault","name","setup","msAppClient","MSAppClient","instance","userSession","menu","vueRouter","useRouter","currentBarItem","ref","handleCurrentMenuChange","currentMenuChangeEvent","on","value","getCurrentMenuNode","rootMenus","find","register","createDisposable","push","_createVNode","MKSystemProvider","default","ElContainer","ElAside","MKBar","unref","ElMain","ElHeader","MKHeader","MKMenu","RouterView"],"mappings":"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"}
+{"version":3,"file":"default.js","sources":["../../../../src/layouts/container/default.tsx"],"sourcesContent":["import { Ref, defineComponent, ref, unref } from \"vue\";\nimport { RouterView, useRouter } from \"vue-router\";\nimport { ElAside, ElContainer, ElHeader, ElMain } from \"element-plus\";\nimport { MKSystemProvider } from \"../../components\";\nimport { MKBar, MKMenu, MKDialogs } from \"../components\";\nimport { MenuNode } from \"../../core\";\nimport { MSAppClient } from \"../../core\";\nimport { MKHeader } from \"../components/header\";\nimport { createDisposable } from \"@maketribe/utils\";\n\nfunction includeMenuNode(rootMenuNode: MenuNode, menuNode: MenuNode) {\n  let list = [rootMenuNode];\n\n  for (let i = 0; i < list.length; i++) {\n    const item = list[i];\n\n    if (item.id === menuNode.id) {\n      return true;\n    }\n\n    list = list.concat(item.children);\n  }\n\n  return false;\n}\n\nexport const MKLayoutDefault = defineComponent({\n  name: \"MKLayoutDefault\",\n  setup() {\n    const msAppClient = MSAppClient.instance!;\n    const userSession = msAppClient.userSession!;\n    const menu = userSession.menu;\n    const vueRouter = useRouter();\n\n    const currentBarItem: Ref<MenuNode | null> = ref(null);\n\n    handleCurrentMenuChange();\n    menu.currentMenuChangeEvent.on(handleCurrentMenuChange);\n\n    function handleCurrentMenuChange() {\n      currentBarItem.value = menu.getCurrentMenuNode()\n        ? menu.rootMenus.find((item) =>\n            includeMenuNode(item, menu.getCurrentMenuNode()!)\n          ) ?? null\n        : null;\n    }\n\n    // 用户会话销毁就前往登录页面。\n    userSession.register(\n      createDisposable(() => {\n        vueRouter.push({ name: \"login\" });\n      })\n    );\n\n    return () => {\n      return (\n        <MKSystemProvider>\n          <ElContainer class=\"mk-layout-default\">\n            <ElAside>\n              <MKBar barItem={unref(currentBarItem) as MenuNode} />\n            </ElAside>\n            <ElMain>\n              <ElContainer class=\"mk-layout-default__body\">\n                <ElHeader class=\"mk-layout-default__header\">\n                  <MKHeader />\n                </ElHeader>\n                <ElMain>\n                  <ElContainer class=\"mk-layout-default__main\">\n                    <ElAside class=\"mk-layout-default__menu\">\n                      <MKMenu barItem={unref(currentBarItem) as MenuNode} />\n                    </ElAside>\n                    <ElMain>\n                      <RouterView />\n                    </ElMain>\n                  </ElContainer>\n                </ElMain>\n              </ElContainer>\n            </ElMain>\n          </ElContainer>\n          <MKDialogs />\n        </MKSystemProvider>\n      );\n    };\n  },\n});\n"],"names":["includeMenuNode","rootMenuNode","menuNode","list","i","length","item","id","concat","children","MKLayoutDefault","name","setup","msAppClient","MSAppClient","instance","userSession","menu","vueRouter","useRouter","currentBarItem","ref","handleCurrentMenuChange","currentMenuChangeEvent","on","value","getCurrentMenuNode","rootMenus","find","register","createDisposable","push","_createVNode","MKSystemProvider","default","ElContainer","ElAside","MKBar","unref","ElMain","ElHeader","MKHeader","MKMenu","RouterView","MKDialogs"],"mappings":"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"}

package/dist/esm/message-impl/DialogerImpl.d.ts

@@ -1,6 +1,10 @@
-import { IDialogMessage, SkeletonDialoger } from "@maketribe/dm";
+import { DialogInstance, IDialogMessage, IDialogRenderOptions, SkeletonDialoger } from "@maketribe/dm";
+import { Event } from "@maketribe/utils";
 export declare class DialogerImpl extends SkeletonDialoger {
+    dialogInstanceCreateEvent: Event<DialogInstance>;
     prompt(options: IDialogMessage): Promise<string>;
     confirm(options: IDialogMessage): Promise<boolean>;
     alert(options: IDialogMessage): Promise<void>;
+    customRender(options: IDialogRenderOptions): DialogInstance;
+    custom(options: IDialogRenderOptions): Promise<boolean>;
 }

package/dist/esm/message-impl/DialogerImpl.js

@@ -1,7 +1,11 @@
 import { SkeletonDialoger } from '@maketribe/dm';
+import { Event } from '@maketribe/utils';
 import { ElMessageBox } from 'element-plus';
+import { isFunction } from 'lodash-es';
 
+let uid = 0;
 class DialogerImpl extends SkeletonDialoger {
+  dialogInstanceCreateEvent = new Event();
   async prompt(options) {
     const promptResult = await ElMessageBox.prompt(
       options.message,
@@ -21,6 +25,39 @@ class DialogerImpl extends SkeletonDialoger {
   async alert(options) {
     await ElMessageBox.alert(options.message, options.title, options);
   }
+  customRender(options) {
+    const dialogInstance = {
+      ...options,
+      id: uid++,
+      visible: true,
+      destroyEvent: new Event(),
+      destroy: () => {
+        dialogInstance.visible = false;
+        dialogInstance.destroyEvent.emit();
+      }
+    };
+    this.dialogInstanceCreateEvent.emit(dialogInstance);
+    return dialogInstance;
+  }
+  async custom(options) {
+    return new Promise((resolve) => {
+      this.customRender({
+        ...options,
+        onConfirm: async () => {
+          if (isFunction(options.onConfirm) ? await options.onConfirm() === false : false) {
+            return false;
+          }
+          resolve(true);
+        },
+        onCancel: async () => {
+          if (isFunction(options.onCancel) ? await options.onCancel() === false : false) {
+            return false;
+          }
+          resolve(false);
+        }
+      });
+    });
+  }
 }
 
 export { DialogerImpl };

package/dist/esm/message-impl/DialogerImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogerImpl.js","sources":["../../../src/message-impl/DialogerImpl.ts"],"sourcesContent":["import { IDialogMessage, SkeletonDialoger } from \"@maketribe/dm\";\nimport { ElMessageBox } from \"element-plus\";\n\nexport class DialogerImpl extends SkeletonDialoger {\n  async prompt(options: IDialogMessage): Promise<string> {\n    const promptResult = await ElMessageBox.prompt(\n      options.message,\n      options.title,\n      options\n    );\n\n    return promptResult.value;\n  }\n\n  async confirm(options: IDialogMessage): Promise<boolean> {\n    try {\n      await ElMessageBox.confirm(options.message, options.title, options);\n      return true;\n    } catch (e) {\n      return false;\n    }\n  }\n\n  async alert(options: IDialogMessage): Promise<void> {\n    await ElMessageBox.alert(options.message, options.title, options);\n  }\n}\n"],"names":[],"mappings":";;;AAGO,MAAM,qBAAqB,gBAAiB,CAAA;AAAA,EACjD,MAAM,OAAO,OAA0C,EAAA;AACrD,IAAM,MAAA,YAAA,GAAe,MAAM,YAAa,CAAA,MAAA;AAAA,MACtC,OAAQ,CAAA,OAAA;AAAA,MACR,OAAQ,CAAA,KAAA;AAAA,MACR,OAAA;AAAA,KACF,CAAA;AAEA,IAAA,OAAO,YAAa,CAAA,KAAA,CAAA;AAAA,GACtB;AAAA,EAEA,MAAM,QAAQ,OAA2C,EAAA;AACvD,IAAI,IAAA;AACF,MAAA,MAAM,aAAa,OAAQ,CAAA,OAAA,CAAQ,OAAS,EAAA,OAAA,CAAQ,OAAO,OAAO,CAAA,CAAA;AAClE,MAAO,OAAA,IAAA,CAAA;AAAA,aACA,CAAG,EAAA;AACV,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AAAA,GACF;AAAA,EAEA,MAAM,MAAM,OAAwC,EAAA;AAClD,IAAA,MAAM,aAAa,KAAM,CAAA,OAAA,CAAQ,OAAS,EAAA,OAAA,CAAQ,OAAO,OAAO,CAAA,CAAA;AAAA,GAClE;AACF;;;;"}
+{"version":3,"file":"DialogerImpl.js","sources":["../../../src/message-impl/DialogerImpl.ts"],"sourcesContent":["import {\n  DialogInstance,\n  IDialogMessage,\n  IDialogRenderOptions,\n  SkeletonDialoger,\n} from \"@maketribe/dm\";\nimport { Event } from \"@maketribe/utils\";\nimport { ElMessageBox } from \"element-plus\";\nimport { isFunction } from \"lodash-es\";\n\nlet uid = 0;\n\nexport class DialogerImpl extends SkeletonDialoger {\n  dialogInstanceCreateEvent: Event<DialogInstance> = new Event();\n\n  async prompt(options: IDialogMessage): Promise<string> {\n    const promptResult = await ElMessageBox.prompt(\n      options.message,\n      options.title,\n      options\n    );\n\n    return promptResult.value;\n  }\n\n  async confirm(options: IDialogMessage): Promise<boolean> {\n    try {\n      await ElMessageBox.confirm(options.message, options.title, options);\n      return true;\n    } catch (e) {\n      return false;\n    }\n  }\n\n  async alert(options: IDialogMessage): Promise<void> {\n    await ElMessageBox.alert(options.message, options.title, options);\n  }\n\n  customRender(options: IDialogRenderOptions): DialogInstance {\n    const dialogInstance: DialogInstance = {\n      ...options,\n      id: uid++,\n      visible: true,\n      destroyEvent: new Event(),\n      destroy: () => {\n        dialogInstance.visible = false;\n        dialogInstance.destroyEvent.emit();\n      },\n    };\n    this.dialogInstanceCreateEvent.emit(dialogInstance);\n\n    return dialogInstance;\n  }\n\n  async custom(options: IDialogRenderOptions): Promise<boolean> {\n    return new Promise<boolean>((resolve) => {\n      this.customRender({\n        ...options,\n        onConfirm: async () => {\n          if (\n            isFunction(options.onConfirm)\n              ? (await options.onConfirm()) === false\n              : false\n          ) {\n            return false;\n          }\n\n          resolve(true);\n        },\n        onCancel: async () => {\n          if (\n            isFunction(options.onCancel)\n              ? (await options.onCancel()) === false\n              : false\n          ) {\n            return false;\n          }\n\n          resolve(false);\n        },\n      });\n    });\n  }\n}\n"],"names":[],"mappings":";;;;;AAUA,IAAI,GAAM,GAAA,CAAA,CAAA;AAEH,MAAM,qBAAqB,gBAAiB,CAAA;AAAA,EACjD,yBAAA,GAAmD,IAAI,KAAM,EAAA,CAAA;AAAA,EAE7D,MAAM,OAAO,OAA0C,EAAA;AACrD,IAAM,MAAA,YAAA,GAAe,MAAM,YAAa,CAAA,MAAA;AAAA,MACtC,OAAQ,CAAA,OAAA;AAAA,MACR,OAAQ,CAAA,KAAA;AAAA,MACR,OAAA;AAAA,KACF,CAAA;AAEA,IAAA,OAAO,YAAa,CAAA,KAAA,CAAA;AAAA,GACtB;AAAA,EAEA,MAAM,QAAQ,OAA2C,EAAA;AACvD,IAAI,IAAA;AACF,MAAA,MAAM,aAAa,OAAQ,CAAA,OAAA,CAAQ,OAAS,EAAA,OAAA,CAAQ,OAAO,OAAO,CAAA,CAAA;AAClE,MAAO,OAAA,IAAA,CAAA;AAAA,aACA,CAAG,EAAA;AACV,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AAAA,GACF;AAAA,EAEA,MAAM,MAAM,OAAwC,EAAA;AAClD,IAAA,MAAM,aAAa,KAAM,CAAA,OAAA,CAAQ,OAAS,EAAA,OAAA,CAAQ,OAAO,OAAO,CAAA,CAAA;AAAA,GAClE;AAAA,EAEA,aAAa,OAA+C,EAAA;AAC1D,IAAA,MAAM,cAAiC,GAAA;AAAA,MACrC,GAAG,OAAA;AAAA,MACH,EAAI,EAAA,GAAA,EAAA;AAAA,MACJ,OAAS,EAAA,IAAA;AAAA,MACT,YAAA,EAAc,IAAI,KAAM,EAAA;AAAA,MACxB,SAAS,MAAM;AACb,QAAA,cAAA,CAAe,OAAU,GAAA,KAAA,CAAA;AACzB,QAAA,cAAA,CAAe,aAAa,IAAK,EAAA,CAAA;AAAA,OACnC;AAAA,KACF,CAAA;AACA,IAAK,IAAA,CAAA,yBAAA,CAA0B,KAAK,cAAc,CAAA,CAAA;AAElD,IAAO,OAAA,cAAA,CAAA;AAAA,GACT;AAAA,EAEA,MAAM,OAAO,OAAiD,EAAA;AAC5D,IAAO,OAAA,IAAI,OAAiB,CAAA,CAAC,OAAY,KAAA;AACvC,MAAA,IAAA,CAAK,YAAa,CAAA;AAAA,QAChB,GAAG,OAAA;AAAA,QACH,WAAW,YAAY;AACrB,UACE,IAAA,UAAA,CAAW,QAAQ,SAAS,CAAA,GACvB,MAAM,OAAQ,CAAA,SAAA,EAAiB,KAAA,KAAA,GAChC,KACJ,EAAA;AACA,YAAO,OAAA,KAAA,CAAA;AAAA,WACT;AAEA,UAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AAAA,SACd;AAAA,QACA,UAAU,YAAY;AACpB,UACE,IAAA,UAAA,CAAW,QAAQ,QAAQ,CAAA,GACtB,MAAM,OAAQ,CAAA,QAAA,EAAgB,KAAA,KAAA,GAC/B,KACJ,EAAA;AACA,YAAO,OAAA,KAAA,CAAA;AAAA,WACT;AAEA,UAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,SACf;AAAA,OACD,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GACH;AACF;;;;"}

package/dist/esm/page/index/dv/default/single/list/dialog.vue2.js

@@ -87,6 +87,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ]
       ),
       ([_dataTable, _dataForm, name]) => {
+        isShowDialog.value = false;
         dataTable.value = _dataTable || DataModelDefines.instance.getDataTable(name);
         dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);
       },

package/dist/esm/page/index/dv/default/single/list/dialog.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/list/dialog.vue"],"sourcesContent":["<template>\n  <MKDataTablePage v-if=\"dataTable\" :data-table=\"dataTable\" selection />\n\n  <ElDialog v-if=\"dataForm\" appendToBody v-model=\"isShowDialog\">\n    <MKDataForm v-loading=\"dataForm.loading\" :dataForm=\"dataForm\">\n      <MKForm :dataForm=\"dataForm\" />\n    </MKDataForm>\n\n    <template #footer>\n      <ElButton\n        type=\"primary\"\n        :loading=\"dataForm.loading\"\n        @click=\"handleSubmit\"\n      >\n        {{ I18n.instance.translate(\"mk.dataForm.saveButton\") }}\n      </ElButton>\n      <ElButton @click=\"handleCancel\">\n        {{ I18n.instance.translate(\"mk.dataForm.cancelButton\") }}\n      </ElButton>\n    </template>\n  </ElDialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref, nextTick } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { ElMessage, ElDialog, ElButton } from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport { DataForm, DataTable, Dialoger, Messager } from \"@maketribe/dm\";\nimport {\n  MKDataTablePage,\n  MKDataForm,\n  MKForm,\n} from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\n\nconst props = defineProps({\n  dataTable: { type: DataTable<any> },\n  dataForm: { type: DataForm<any> },\n});\n\nconst router = useRouter();\n\nconst isShowDialog = ref(false);\n\nconst dataTable: Ref<DataTable | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\nwatch(\n  computed(\n    () =>\n      [\n        props.dataTable,\n        props.dataForm,\n        unref(router.currentRoute).meta.name,\n      ] as [DataTable, DataForm, string]\n  ),\n  ([_dataTable, _dataForm, name]) => {\n    dataTable.value =\n      _dataTable || DataModelDefines.instance.getDataTable(name);\n    dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);\n  },\n  { immediate: true }\n);\n\nwatch(\n  dataTable,\n  (dataTable, _, onCleanup) => {\n    if (dataTable) {\n      dataTable.addRecordEvent.on(async () => {\n        const _dataForm = unref(dataForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDialog.value = true;\n\n        _dataForm.addRecord();\n      });\n\n      dataTable.editRecordEvent.on(async ({ item }) => {\n        const _dataForm = unref(dataForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDialog.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(\n            item[dataTable.primaryKey]\n          );\n\n          if (response.data.code !== 200) {\n            ElMessage.error(response.data.msg);\n            isShowDialog.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDialog.value = false;\n        }\n      });\n    }\n\n    onCleanup(() => {\n      dataTable?.clearSelection();\n      dataTable?.dispose();\n    });\n  },\n  { immediate: true }\n);\n\nconst handleSubmit = async () => {\n  try {\n    const _dataForm = unref(dataForm);\n\n    if (!_dataForm) {\n      return;\n    }\n\n    if (!(await _dataForm.validate())) {\n      return;\n    }\n\n    const response = await _dataForm.submit();\n\n    if (response.data.code !== 200) {\n      ElMessage.error({ message: response.data.msg });\n      return;\n    }\n\n    unref(dataTable)?.load();\n    ElMessage.success({\n      message: I18n.instance.translate(\"mk.message.saveSuccess\"),\n    });\n\n    isShowDialog.value = false;\n  } catch (e) {\n    ElMessage.error({\n      message: I18n.instance.translate(\"mk.message.saveError\"),\n    });\n  }\n};\n\nconst handleCancel = () => {\n  unref(dataForm)?.cancel();\n  isShowDialog.value = false;\n};\n</script>\n"],"names":["dataTable"],"mappings":"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"}
+{"version":3,"file":"dialog.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/list/dialog.vue"],"sourcesContent":["<template>\n  <MKDataTablePage v-if=\"dataTable\" :data-table=\"dataTable\" selection />\n\n  <ElDialog v-if=\"dataForm\" appendToBody v-model=\"isShowDialog\">\n    <MKDataForm v-loading=\"dataForm.loading\" :dataForm=\"dataForm\">\n      <MKForm :dataForm=\"dataForm\" />\n    </MKDataForm>\n\n    <template #footer>\n      <ElButton\n        type=\"primary\"\n        :loading=\"dataForm.loading\"\n        @click=\"handleSubmit\"\n      >\n        {{ I18n.instance.translate(\"mk.dataForm.saveButton\") }}\n      </ElButton>\n      <ElButton @click=\"handleCancel\">\n        {{ I18n.instance.translate(\"mk.dataForm.cancelButton\") }}\n      </ElButton>\n    </template>\n  </ElDialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref, nextTick } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { ElMessage, ElDialog, ElButton } from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport { DataForm, DataTable, Dialoger, Messager } from \"@maketribe/dm\";\nimport {\n  MKDataTablePage,\n  MKDataForm,\n  MKForm,\n} from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\n\nconst props = defineProps({\n  dataTable: { type: DataTable<any> },\n  dataForm: { type: DataForm<any> },\n});\n\nconst router = useRouter();\n\nconst isShowDialog = ref(false);\n\nconst dataTable: Ref<DataTable | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\nwatch(\n  computed(\n    () =>\n      [\n        props.dataTable,\n        props.dataForm,\n        unref(router.currentRoute).meta.name,\n      ] as [DataTable, DataForm, string]\n  ),\n  ([_dataTable, _dataForm, name]) => {\n    isShowDialog.value = false;\n    dataTable.value =\n      _dataTable || DataModelDefines.instance.getDataTable(name);\n    dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);\n  },\n  { immediate: true }\n);\n\nwatch(\n  dataTable,\n  (dataTable, _, onCleanup) => {\n    if (dataTable) {\n      dataTable.addRecordEvent.on(async () => {\n        const _dataForm = unref(dataForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDialog.value = true;\n\n        _dataForm.addRecord();\n      });\n\n      dataTable.editRecordEvent.on(async ({ item }) => {\n        const _dataForm = unref(dataForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDialog.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(\n            item[dataTable.primaryKey]\n          );\n\n          if (response.data.code !== 200) {\n            ElMessage.error(response.data.msg);\n            isShowDialog.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDialog.value = false;\n        }\n      });\n    }\n\n    onCleanup(() => {\n      dataTable?.clearSelection();\n      dataTable?.dispose();\n    });\n  },\n  { immediate: true }\n);\n\nconst handleSubmit = async () => {\n  try {\n    const _dataForm = unref(dataForm);\n\n    if (!_dataForm) {\n      return;\n    }\n\n    if (!(await _dataForm.validate())) {\n      return;\n    }\n\n    const response = await _dataForm.submit();\n\n    if (response.data.code !== 200) {\n      ElMessage.error({ message: response.data.msg });\n      return;\n    }\n\n    unref(dataTable)?.load();\n    ElMessage.success({\n      message: I18n.instance.translate(\"mk.message.saveSuccess\"),\n    });\n\n    isShowDialog.value = false;\n  } catch (e) {\n    ElMessage.error({\n      message: I18n.instance.translate(\"mk.message.saveError\"),\n    });\n  }\n};\n\nconst handleCancel = () => {\n  unref(dataForm)?.cancel();\n  isShowDialog.value = false;\n};\n</script>\n"],"names":["dataTable"],"mappings":"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"}

package/dist/esm/page/index/dv/default/single/list/normal.vue2.js

@@ -86,6 +86,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ]
       ),
       ([_dataTable, _dataForm, name]) => {
+        isShowDataForm.value = false;
         dataTable.value = _dataTable || DataModelDefines.instance.getDataTable(name);
         dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);
       },

package/dist/esm/page/index/dv/default/single/list/normal.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"normal.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/list/normal.vue"],"sourcesContent":["<template>\n  <MKDataTablePage\n    v-if=\"dataTable\"\n    v-show=\"!isShowDataForm\"\n    :data-table=\"dataTable\"\n    selection\n  />\n  <MKDataFormPage\n    v-if=\"dataForm\"\n    v-show=\"isShowDataForm\"\n    :data-form=\"dataForm\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { ElMessage } from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport { DataForm, DataTable, Dialoger, Messager } from \"@maketribe/dm\";\nimport { MKDataTablePage, MKDataFormPage } from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\n\nconst props = defineProps({\n  dataTable: { type: DataTable<any> },\n  dataForm: { type: DataForm<any> },\n});\n\nconst router = useRouter();\n\nconst isShowDataForm = ref(false);\n\nconst dataTable: Ref<DataTable | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\nwatch(\n  computed(\n    () =>\n      [\n        props.dataTable,\n        props.dataForm,\n        unref(router.currentRoute).meta.name,\n      ] as [DataTable, DataForm, string]\n  ),\n  ([_dataTable, _dataForm, name]) => {\n    dataTable.value =\n      _dataTable || DataModelDefines.instance.getDataTable(name);\n    dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);\n  },\n  { immediate: true }\n);\n\nwatch(\n  dataTable,\n  (dataTable, _, onCleanup) => {\n    if (dataTable) {\n      dataTable.addRecordEvent.on(() => {\n        const _dataForm = unref(dataForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        _dataForm.addRecord();\n      });\n\n      dataTable.editRecordEvent.on(async ({ item }) => {\n        const _dataForm = unref(dataForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(\n            item[dataTable.primaryKey]\n          );\n\n          if (response.data.code !== 200) {\n            ElMessage.error(response.data.msg);\n            isShowDataForm.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDataForm.value = false;\n        }\n      });\n    }\n\n    onCleanup(() => {\n      dataTable?.clearSelection();\n      dataTable?.dispose();\n    });\n  },\n  { immediate: true }\n);\n\nwatch(\n  dataForm,\n  (dataForm, _, onCleanup) => {\n    if (dataForm) {\n      dataForm.submittedEvent.on(() => {\n        isShowDataForm.value = false;\n\n        unref(dataTable)?.load();\n      });\n\n      dataForm.cancelEvent.on(() => {\n        isShowDataForm.value = false;\n\n        unref(dataTable)?.load();\n      });\n    }\n\n    onCleanup(() => {\n      dataForm?.dispose();\n    });\n  },\n  { immediate: true }\n);\n</script>\n"],"names":["dataTable","dataForm"],"mappings":"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"}
+{"version":3,"file":"normal.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/list/normal.vue"],"sourcesContent":["<template>\n  <MKDataTablePage\n    v-if=\"dataTable\"\n    v-show=\"!isShowDataForm\"\n    :data-table=\"dataTable\"\n    selection\n  />\n  <MKDataFormPage\n    v-if=\"dataForm\"\n    v-show=\"isShowDataForm\"\n    :data-form=\"dataForm\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { ElMessage } from \"element-plus\";\nimport { DataForm, DataTable, Dialoger, Messager } from \"@maketribe/dm\";\nimport { MKDataTablePage, MKDataFormPage } from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\n\nconst props = defineProps({\n  dataTable: { type: DataTable<any> },\n  dataForm: { type: DataForm<any> },\n});\n\nconst router = useRouter();\n\nconst isShowDataForm = ref(false);\n\nconst dataTable: Ref<DataTable | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\nwatch(\n  computed(\n    () =>\n      [\n        props.dataTable,\n        props.dataForm,\n        unref(router.currentRoute).meta.name,\n      ] as [DataTable, DataForm, string]\n  ),\n  ([_dataTable, _dataForm, name]) => {\n    isShowDataForm.value = false;\n    dataTable.value =\n      _dataTable || DataModelDefines.instance.getDataTable(name);\n    dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);\n  },\n  { immediate: true }\n);\n\nwatch(\n  dataTable,\n  (dataTable, _, onCleanup) => {\n    if (dataTable) {\n      dataTable.addRecordEvent.on(() => {\n        const _dataForm = unref(dataForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        _dataForm.addRecord();\n      });\n\n      dataTable.editRecordEvent.on(async ({ item }) => {\n        const _dataForm = unref(dataForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(\n            item[dataTable.primaryKey]\n          );\n\n          if (response.data.code !== 200) {\n            ElMessage.error(response.data.msg);\n            isShowDataForm.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDataForm.value = false;\n        }\n      });\n    }\n\n    onCleanup(() => {\n      dataTable?.clearSelection();\n      dataTable?.dispose();\n    });\n  },\n  { immediate: true }\n);\n\nwatch(\n  dataForm,\n  (dataForm, _, onCleanup) => {\n    if (dataForm) {\n      dataForm.submittedEvent.on(() => {\n        isShowDataForm.value = false;\n\n        unref(dataTable)?.load();\n      });\n\n      dataForm.cancelEvent.on(() => {\n        isShowDataForm.value = false;\n\n        unref(dataTable)?.load();\n      });\n    }\n\n    onCleanup(() => {\n      dataForm?.dispose();\n    });\n  },\n  { immediate: true }\n);\n</script>\n"],"names":["dataTable","dataForm"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maketribe/ms-app",
-  "version": "3.0.24",
+  "version": "3.0.26",
   "description": "",
   "main": "dist/cjs",
   "files": [
@@ -20,10 +20,10 @@
     "vue": "^3.3.4",
     "vue-codemirror": "^6.1.1",
     "vue-router": "^4.2.4",
-    "@maketribe/dm": "^3.0.10",
-    "@maketribe/utils": "^1.1.4",
+    "@maketribe/dm": "^3.0.11",
     "@maketribe/request": "^1.1.12",
-    "@maketribe/locale": "^1.0.5"
+    "@maketribe/locale": "^1.0.5",
+    "@maketribe/utils": "^1.1.4"
   },
   "scripts": {
     "build": "npm run clean && npm run build:js && npm run build:type && npm run build:style",

package/src/layouts/components/dialogs/dialogs.tsx

@@ -0,0 +1,100 @@
+import { Fragment, Ref, defineComponent, ref, unref } from "vue";
+import { DialogInstance, Dialoger } from "@maketribe/dm";
+import { DialogerImpl } from "../../../message-impl";
+import { isFunction } from "lodash-es";
+import { ElButton, ElDialog } from "element-plus";
+
+export default defineComponent({
+  name: "MKDialogs",
+  setup(props) {
+    const dialogInstances: Ref<DialogInstance[]> = ref([]);
+
+    const dialogImplInstance = Dialoger.implInstance as DialogerImpl | null;
+
+    if (
+      dialogImplInstance?.dialogInstanceCreateEvent &&
+      isFunction(dialogImplInstance.dialogInstanceCreateEvent.on)
+    ) {
+      dialogImplInstance.dialogInstanceCreateEvent.on((dialogInstance) => {
+        dialogInstance.destroyEvent.on(() => {
+          const index = dialogInstances.value.findIndex(
+            (instance) => dialogInstance.id === instance.id
+          );
+
+          if (index === -1) {
+            return;
+          }
+
+          dialogInstances.value.splice(index, 1);
+        });
+
+        dialogInstances.value.push(dialogInstance);
+      });
+    }
+
+    const handleCancel = async (dialogInstance: DialogInstance) => {
+      if (
+        isFunction(dialogInstance.onCancel)
+          ? (await dialogInstance.onCancel()) === false
+          : false
+      ) {
+        return;
+      }
+
+      dialogInstance.visible = false;
+    };
+
+    const handleConfirm = async (dialogInstance: DialogInstance) => {
+      if (
+        isFunction(dialogInstance.onConfirm)
+          ? (await dialogInstance.onConfirm()) === false
+          : false
+      ) {
+        return;
+      }
+
+      dialogInstance.visible = false;
+    };
+
+    return () => {
+      const dialogs = unref(dialogInstances).map((dialogInstance) => {
+        return (
+          <ElDialog
+            modelValue={dialogInstance.visible}
+            onUpdate:modelValue={(visible: boolean) =>
+              (dialogInstance.visible = visible)
+            }
+            appendToBody
+            destroyOnClose={true}
+            width={dialogInstance.width}
+            v-slots={{
+              header: () =>
+                isFunction(dialogInstance.header)
+                  ? dialogInstance.header?.()
+                  : dialogInstance.title || "",
+              default: () => dialogInstance.body(),
+              footer: () =>
+                isFunction(dialogInstance.footer) ? (
+                  dialogInstance.footer?.()
+                ) : (
+                  <Fragment>
+                    <ElButton onClick={() => handleCancel(dialogInstance)}>
+                      {dialogInstance.cancelButtonText ?? "取消"}
+                    </ElButton>
+                    <ElButton
+                      type="primary"
+                      onClick={() => handleConfirm(dialogInstance)}
+                    >
+                      {dialogInstance.confirmButtonText ?? "确认"}
+                    </ElButton>
+                  </Fragment>
+                ),
+            }}
+          />
+        );
+      });
+
+      return <Fragment>{dialogs}</Fragment>;
+    };
+  },
+});

package/src/layouts/components/dialogs/index.ts

@@ -0,0 +1,5 @@
+import Dialogs from "./dialogs";
+
+export const MKDialogs = Dialogs;
+
+export default MKDialogs;

package/src/layouts/components/index.ts

@@ -1,2 +1,3 @@
 export * from "./bar";
 export * from "./menu";
+export * from "./dialogs";

package/src/layouts/container/default.tsx

@@ -2,7 +2,7 @@ import { Ref, defineComponent, ref, unref } from "vue";
 import { RouterView, useRouter } from "vue-router";
 import { ElAside, ElContainer, ElHeader, ElMain } from "element-plus";
 import { MKSystemProvider } from "../../components";
-import { MKBar, MKMenu } from "../components";
+import { MKBar, MKMenu, MKDialogs } from "../components";
 import { MenuNode } from "../../core";
 import { MSAppClient } from "../../core";
 import { MKHeader } from "../components/header";
@@ -77,6 +77,7 @@ export const MKLayoutDefault = defineComponent({
               </ElContainer>
             </ElMain>
           </ElContainer>
+          <MKDialogs />
         </MKSystemProvider>
       );
     };

package/src/message-impl/DialogerImpl.ts

@@ -1,7 +1,18 @@
-import { IDialogMessage, SkeletonDialoger } from "@maketribe/dm";
+import {
+  DialogInstance,
+  IDialogMessage,
+  IDialogRenderOptions,
+  SkeletonDialoger,
+} from "@maketribe/dm";
+import { Event } from "@maketribe/utils";
 import { ElMessageBox } from "element-plus";
+import { isFunction } from "lodash-es";
+
+let uid = 0;
 
 export class DialogerImpl extends SkeletonDialoger {
+  dialogInstanceCreateEvent: Event<DialogInstance> = new Event();
+
   async prompt(options: IDialogMessage): Promise<string> {
     const promptResult = await ElMessageBox.prompt(
       options.message,
@@ -24,4 +35,50 @@ export class DialogerImpl extends SkeletonDialoger {
   async alert(options: IDialogMessage): Promise<void> {
     await ElMessageBox.alert(options.message, options.title, options);
   }
+
+  customRender(options: IDialogRenderOptions): DialogInstance {
+    const dialogInstance: DialogInstance = {
+      ...options,
+      id: uid++,
+      visible: true,
+      destroyEvent: new Event(),
+      destroy: () => {
+        dialogInstance.visible = false;
+        dialogInstance.destroyEvent.emit();
+      },
+    };
+    this.dialogInstanceCreateEvent.emit(dialogInstance);
+
+    return dialogInstance;
+  }
+
+  async custom(options: IDialogRenderOptions): Promise<boolean> {
+    return new Promise<boolean>((resolve) => {
+      this.customRender({
+        ...options,
+        onConfirm: async () => {
+          if (
+            isFunction(options.onConfirm)
+              ? (await options.onConfirm()) === false
+              : false
+          ) {
+            return false;
+          }
+
+          resolve(true);
+        },
+        onCancel: async () => {
+          if (
+            isFunction(options.onCancel)
+              ? (await options.onCancel()) === false
+              : false
+          ) {
+            return false;
+          }
+
+          resolve(false);
+        },
+      });
+    });
+  }
 }

package/src/page/index/dv/default/single/list/dialog.vue

@@ -56,6 +56,7 @@ watch(
       ] as [DataTable, DataForm, string]
   ),
   ([_dataTable, _dataForm, name]) => {
+    isShowDialog.value = false;
     dataTable.value =
       _dataTable || DataModelDefines.instance.getDataTable(name);
     dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);

package/src/page/index/dv/default/single/list/normal.vue

@@ -16,7 +16,6 @@
 import { unref, computed, watch, ref, Ref } from "vue";
 import { useRouter } from "vue-router";
 import { ElMessage } from "element-plus";
-import { I18n } from "@maketribe/locale";
 import { DataForm, DataTable, Dialoger, Messager } from "@maketribe/dm";
 import { MKDataTablePage, MKDataFormPage } from "../../../../../../components";
 import { DataModelDefines } from "../../../../../../core";
@@ -43,6 +42,7 @@ watch(
       ] as [DataTable, DataForm, string]
   ),
   ([_dataTable, _dataForm, name]) => {
+    isShowDataForm.value = false;
     dataTable.value =
       _dataTable || DataModelDefines.instance.getDataTable(name);
     dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);