@maketribe/ms-app 3.2.2 → 3.2.4

package/dist/cjs/installer.js

@@ -23,15 +23,13 @@ require("./components/basic/date-picker/index.js");
 require("./components/basic/icon-select/index.js");
 const uploadFile = require("./components/basic/upload-file/upload-file.js");
 require("@maketribe/request");
-require("./core/DataModelDefines.js");
-require("vue-router");
-require("@maketribe/locale");
 const webFileUploadContext = require("./components/basic/upload-file/context/web-file-upload-context.js");
 require("./components/basic/upload-file/context/web-file-upload-context-options.js");
 const index$9 = require("./components/basic/upload-file/ui/upload-image/index.js");
 require("./components/basic/upload-file/upload-file-options.js");
 require("./components/basic/doc-editor/index.js");
 require("./components/basic/copy-container/index.js");
+const index$g = require("./components/basic/image-cropper/index.js");
 const index$1 = require("./components/data-model/data-form/index.js");
 const index$2 = require("./components/data-model/data-table/index.js");
 const index$6 = require("./components/data-model/data-table-pagination/index.js");
@@ -62,7 +60,8 @@ const components = [
   index$c.MKTable,
   index$d.MKTableView,
   index$e.MKForm,
-  index$f.MKFormView
+  index$f.MKFormView,
+  index$g.MKImageCropperContent
 ];
 const installer = utils.makeInstaller(
   components,

package/dist/cjs/installer.js.map

@@ -1 +1 @@
-{"version":3,"file":"installer.js","sources":["../../src/installer.ts"],"sourcesContent":["import { Plugin } from \"vue\";\nimport { makeInstaller } from \"@maketribe/utils\";\nimport { Dialoger, Messager, Notificationer } from \"@maketribe/dm\";\nimport { DialogerImpl, MessagerImpl, NotificationerImpl } from \"./message-impl\";\nimport {\n  ConfigProviderContext,\n  MKConfigProvider,\n  MKDataForm,\n  MKDataTable,\n  MKSvgIcon,\n  provideGlobalConfig,\n  MKDataTableSelect,\n  MKPagination,\n  MKDataTablePagination,\n  MKSystemProvider,\n  MKVerifyDialog,\n  MKUploadFile,\n  MKUploadImage,\n  MKWebFileUploadContext,\n  MKPageContainer,\n  MKTableHeaderItem,\n  MKTable,\n  MKTableView,\n  MKForm,\n  MKFormView,\n} from \"./components\";\n\nconst components: Plugin[] = [\n  MKConfigProvider,\n  MKDataForm,\n  MKDataTable,\n  MKSvgIcon,\n  MKDataTableSelect,\n  MKPagination,\n  MKDataTablePagination,\n  MKSystemProvider,\n  MKVerifyDialog,\n  MKUploadFile,\n  MKUploadImage,\n  MKWebFileUploadContext,\n  MKPageContainer,\n  MKTableHeaderItem,\n  MKTable,\n  MKTableView,\n  MKForm,\n  MKFormView,\n];\n\nexport const installer = makeInstaller<ConfigProviderContext>(\n  components,\n  \"1.0.0-dev\",\n  (app, version, options) => {\n    if (options) {\n      provideGlobalConfig(options, app, true);\n    }\n\n    Messager.implInstance = new MessagerImpl();\n    Dialoger.implInstance = new DialogerImpl();\n    Notificationer.implInstance = new NotificationerImpl();\n  }\n);\n"],"names":["MKConfigProvider","MKDataForm","MKDataTable","MKSvgIcon","MKDataTableSelect","MKPagination","MKDataTablePagination","MKSystemProvider","MKVerifyDialog","MKUploadFile","MKUploadImage","MKWebFileUploadContext","MKPageContainer","MKTableHeaderItem","MKTable","MKTableView","MKForm","MKFormView","makeInstaller","provideGlobalConfig","Messager","MessagerImpl","Dialoger","DialogerImpl","Notificationer","NotificationerImpl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,aAAuB;AAAA,EAC3BA,MAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,WAAA;AAAA,EACAC,QAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AACF;AAEO,MAAM,YAAYC,MAAA;AAAA,EACvB;AAAA,EACA;AAAA,EACA,CAAC,KAAK,SAAS,YAAY;AACzB,QAAI,SAAS;AACSC,sBAAAA,oBAAA,SAAS,KAAK,IAAI;AAAA,IACxC;AAESC,gBAAA,eAAe,IAAIC,aAAAA;AACnBC,gBAAA,eAAe,IAAIC,aAAAA;AACbC,sBAAA,eAAe,IAAIC,mBAAAA;EACpC;AACF;;"}
+{"version":3,"file":"installer.js","sources":["../../src/installer.ts"],"sourcesContent":["import { Plugin } from \"vue\";\nimport { makeInstaller } from \"@maketribe/utils\";\nimport { Dialoger, Messager, Notificationer } from \"@maketribe/dm\";\nimport { DialogerImpl, MessagerImpl, NotificationerImpl } from \"./message-impl\";\nimport {\n  ConfigProviderContext,\n  MKConfigProvider,\n  MKDataForm,\n  MKDataTable,\n  MKSvgIcon,\n  provideGlobalConfig,\n  MKDataTableSelect,\n  MKPagination,\n  MKDataTablePagination,\n  MKSystemProvider,\n  MKVerifyDialog,\n  MKUploadFile,\n  MKUploadImage,\n  MKWebFileUploadContext,\n  MKPageContainer,\n  MKTableHeaderItem,\n  MKTable,\n  MKTableView,\n  MKForm,\n  MKFormView,\n  MKImageCropperContent\n} from \"./components\";\n\nconst components: Plugin[] = [\n  MKConfigProvider,\n  MKDataForm,\n  MKDataTable,\n  MKSvgIcon,\n  MKDataTableSelect,\n  MKPagination,\n  MKDataTablePagination,\n  MKSystemProvider,\n  MKVerifyDialog,\n  MKUploadFile,\n  MKUploadImage,\n  MKWebFileUploadContext,\n  MKPageContainer,\n  MKTableHeaderItem,\n  MKTable,\n  MKTableView,\n  MKForm,\n  MKFormView,\n  MKImageCropperContent\n];\n\nexport const installer = makeInstaller<ConfigProviderContext>(\n  components,\n  \"1.0.0-dev\",\n  (app, version, options) => {\n    if (options) {\n      provideGlobalConfig(options, app, true);\n    }\n\n    Messager.implInstance = new MessagerImpl();\n    Dialoger.implInstance = new DialogerImpl();\n    Notificationer.implInstance = new NotificationerImpl();\n  }\n);\n"],"names":["MKConfigProvider","MKDataForm","MKDataTable","MKSvgIcon","MKDataTableSelect","MKPagination","MKDataTablePagination","MKSystemProvider","MKVerifyDialog","MKUploadFile","MKUploadImage","MKWebFileUploadContext","MKPageContainer","MKTableHeaderItem","MKTable","MKTableView","MKForm","MKFormView","MKImageCropperContent","makeInstaller","provideGlobalConfig","Messager","MessagerImpl","Dialoger","DialogerImpl","Notificationer","NotificationerImpl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,aAAuB;AAAA,EAC3BA,MAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,WAAA;AAAA,EACAC,QAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AACF;AAEO,MAAM,YAAYC,MAAA;AAAA,EACvB;AAAA,EACA;AAAA,EACA,CAAC,KAAK,SAAS,YAAY;AACzB,QAAI,SAAS;AACSC,sBAAAA,oBAAA,SAAS,KAAK,IAAI;AAAA,IACxC;AAESC,gBAAA,eAAe,IAAIC,aAAAA;AACnBC,gBAAA,eAAe,IAAIC,aAAAA;AACbC,sBAAA,eAAe,IAAIC,mBAAAA;EACpC;AACF;;"}

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

@@ -18,24 +18,25 @@ require("../../../components/basic/date-picker/index.js");
 require("../../../components/basic/icon-select/index.js");
 require("../../../components/basic/upload-file/upload-file.js");
 require("@maketribe/request");
-require("@maketribe/dm");
 require("@maketribe/utils");
-const MenuNode = require("../../../core/menu/MenuNode.js");
-require("../../../core/DataModelDefines.js");
-const MSAppClient = require("../../../core/MSAppClient.js");
-const menu = require("../../../constants/menu.js");
 require("../../../components/basic/upload-file/context/web-file-upload-context.js");
 require("../../../components/basic/upload-file/context/web-file-upload-context-options.js");
 require("../../../components/basic/upload-file/ui/upload-image/index.js");
 require("../../../components/basic/upload-file/upload-file-options.js");
 require("../../../components/basic/doc-editor/index.js");
 require("../../../components/basic/copy-container/index.js");
+require("../../../components/basic/image-cropper/index.js");
 require("../../../components/data-model/data-form/index.js");
 require("../../../components/data-model/data-table/index.js");
 require("../../../components/data-model/data-table-pagination/index.js");
 require("../../../components/business/verify-dialog/index.js");
 require("../../../components/business/resource-list/index.js");
 require("../../../components/business/resource-manager/index.js");
+require("@maketribe/dm");
+const MenuNode = require("../../../core/menu/MenuNode.js");
+require("../../../core/DataModelDefines.js");
+const MSAppClient = require("../../../core/MSAppClient.js");
+const menu = require("../../../constants/menu.js");
 const MKBar = /* @__PURE__ */ vue.defineComponent({
   name: "MKBar",
   props: {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/bar/index.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { MKSvgIcon } from \"../../../components\";\r\nimport { MSAppClient, MenuNode } from \"../../../core\";\r\nimport { MenuType } from \"../../../constants\";\r\n\r\nexport const MKBar = defineComponent({\r\n  name: \"MKBar\",\r\n  props: {\r\n    barItem: {\r\n      type: MenuNode,\r\n    },\r\n  },\r\n  setup(props) {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n    const menu = userSession.menu;\r\n    const vueRouter = msAppClient.vueRouter;\r\n    // const router = userSession.router;\r\n\r\n    const currentBarItem = computed(() => props.barItem);\r\n\r\n    const handleBarItemClick = (barItem: MenuNode) => {\r\n      let target: MenuNode | null = barItem;\r\n\r\n      if (barItem.children.length) {\r\n        target = menu.getFirstLeafMenuNode(barItem.children);\r\n      }\r\n\r\n      if (!target) {\r\n        return;\r\n      }\r\n\r\n      if (target?.route) {\r\n        vueRouter.push({ name: target.route.name });\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      const barItems = menu.rootMenus\r\n        .filter((rootMenu) => rootMenu.type !== \"3\")\r\n        .map((rootMenu) => (\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              rootMenu.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === rootMenu.id ? \"is-active\" : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(rootMenu)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={rootMenu.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{rootMenu.title} </div>\r\n          </div>\r\n        ));\r\n\r\n      const systemSettingNode = menu.rootMenus.find(\r\n        (rootMenu) => rootMenu.type === MenuType.SystemSettings\r\n      );\r\n\r\n      const footer = systemSettingNode?.children.length ? (\r\n        <div class=\"mk-bar__footer\">\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              \"mk-bar__settings\",\r\n              systemSettingNode.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === systemSettingNode.id\r\n                ? \"is-active\"\r\n                : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(systemSettingNode)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={systemSettingNode.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{systemSettingNode.title} </div>\r\n          </div>\r\n        </div>\r\n      ) : null;\r\n\r\n      const logo = msAppClient.logo ? (\r\n        <div class=\"mk-bar__logo\">\r\n          <div\r\n            class=\"mk-logo\"\r\n            style={{ backgroundImage: `url(${msAppClient.logo})` }}\r\n          />\r\n        </div>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-bar\">\r\n          {/* {logo} */}\r\n\r\n          <div class=\"mk-bar__items\">{barItems}</div>\r\n\r\n          {footer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKBar","defineComponent","name","props","barItem","type","MenuNode","setup","msAppClient","MSAppClient","instance","userSession","menu","vueRouter","currentBarItem","computed","handleBarItemClick","target","children","length","getFirstLeafMenuNode","route","push","barItems","rootMenus","filter","rootMenu","map","_createVNode","unref","id","onClick","MKSvgIcon","iconName","title","_createTextVNode","systemSettingNode","find","MenuType","SystemSettings","footer","logo","backgroundImage"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/bar/index.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { MKSvgIcon } from \"../../../components\";\r\nimport { MSAppClient, MenuNode } from \"../../../core\";\r\nimport { MenuType } from \"../../../constants\";\r\n\r\nexport const MKBar = defineComponent({\r\n  name: \"MKBar\",\r\n  props: {\r\n    barItem: {\r\n      type: MenuNode,\r\n    },\r\n  },\r\n  setup(props) {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n    const menu = userSession.menu;\r\n    const vueRouter = msAppClient.vueRouter;\r\n    // const router = userSession.router;\r\n\r\n    const currentBarItem = computed(() => props.barItem);\r\n\r\n    const handleBarItemClick = (barItem: MenuNode) => {\r\n      let target: MenuNode | null = barItem;\r\n\r\n      if (barItem.children.length) {\r\n        target = menu.getFirstLeafMenuNode(barItem.children);\r\n      }\r\n\r\n      if (!target) {\r\n        return;\r\n      }\r\n\r\n      if (target?.route) {\r\n        vueRouter.push({ name: target.route.name });\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      const barItems = menu.rootMenus\r\n        .filter((rootMenu) => rootMenu.type !== \"3\")\r\n        .map((rootMenu) => (\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              rootMenu.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === rootMenu.id ? \"is-active\" : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(rootMenu)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={rootMenu.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{rootMenu.title} </div>\r\n          </div>\r\n        ));\r\n\r\n      const systemSettingNode = menu.rootMenus.find(\r\n        (rootMenu) => rootMenu.type === MenuType.SystemSettings\r\n      );\r\n\r\n      const footer = systemSettingNode?.children.length ? (\r\n        <div class=\"mk-bar__footer\">\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              \"mk-bar__settings\",\r\n              systemSettingNode.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === systemSettingNode.id\r\n                ? \"is-active\"\r\n                : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(systemSettingNode)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={systemSettingNode.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{systemSettingNode.title} </div>\r\n          </div>\r\n        </div>\r\n      ) : null;\r\n\r\n      const logo = msAppClient.logo ? (\r\n        <div class=\"mk-bar__logo\">\r\n          <div\r\n            class=\"mk-logo\"\r\n            style={{ backgroundImage: `url(${msAppClient.logo})` }}\r\n          />\r\n        </div>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-bar\">\r\n          {/* {logo} */}\r\n\r\n          <div class=\"mk-bar__items\">{barItems}</div>\r\n\r\n          {footer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKBar","defineComponent","name","props","barItem","type","MenuNode","setup","msAppClient","MSAppClient","instance","userSession","menu","vueRouter","currentBarItem","computed","handleBarItemClick","target","children","length","getFirstLeafMenuNode","route","push","barItems","rootMenus","filter","rootMenu","map","_createVNode","unref","id","onClick","MKSvgIcon","iconName","title","_createTextVNode","systemSettingNode","find","MenuType","SystemSettings","footer","logo","backgroundImage"],"mappings":"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"}

package/dist/cjs/layouts/components/header/tools.js

@@ -9,7 +9,7 @@ const MSAppClient = require("../../../core/MSAppClient.js");
 require("@maketribe/request");
 require("../../../components/abstract/abstract-select/abstract-select.js");
 require("../../../components/abstract/abstract-select/abstract-select-options.js");
-const index = require("../../../components/basic/svg-icon/index.js");
+const index$1 = require("../../../components/basic/svg-icon/index.js");
 require("../../../components/basic/button/button-options.js");
 require("../../../components/basic/config-provider/index.js");
 require("../../../components/basic/data-table-select/index.js");
@@ -28,10 +28,11 @@ require("../../../components/basic/upload-file/ui/upload-image/index.js");
 require("../../../components/basic/upload-file/upload-file-options.js");
 require("../../../components/basic/doc-editor/index.js");
 require("../../../components/basic/copy-container/index.js");
+require("../../../components/basic/image-cropper/index.js");
 require("../../../components/data-model/data-form/index.js");
 require("../../../components/data-model/data-table/index.js");
 require("../../../components/data-model/data-table-pagination/index.js");
-require("../../../components/business/verify-dialog/index.js");
+const index = require("../../../components/business/verify-dialog/index.js");
 require("../../../components/business/resource-list/index.js");
 require("../../../components/business/resource-manager/index.js");
 const MKHeaderTools = /* @__PURE__ */ vue.defineComponent({
@@ -82,17 +83,14 @@ const MKHeaderTools = /* @__PURE__ */ vue.defineComponent({
         callback();
       }
     };
-    const submitChangePassword = async () => {
+    const submitChangePassword = async (vCode) => {
       try {
+        isVisibleVerify.value = false;
         btnLoading.value = true;
-        const isPass = await formRef.value.validate();
-        if (!isPass) {
-          return;
-        }
-        let result = await msAppClient.changePassword(form.password, form.newPassword);
+        let result = await msAppClient.changePassword(form.password, form.newPassword, vCode);
         if (result.data.code != 200) {
           dm.Messager.error({
-            message: "修改密码失败"
+            message: result.data.msg || "修改密码失败"
           });
           return;
         }
@@ -104,10 +102,24 @@ const MKHeaderTools = /* @__PURE__ */ vue.defineComponent({
         btnLoading.value = false;
       }
     };
+    const isVisibleVerify = vue.ref(false);
+    const handleUnlock = async () => {
+      const isPass = await formRef.value.validate();
+      if (!isPass) {
+        return;
+      }
+      isVisibleVerify.value = true;
+    };
     return () => {
+      const verifyDialogVNode = vue.unref(isVisibleVerify) ? vue.createVNode(index.MKVerifyDialog, {
+        "scene": "ModifyPassword",
+        "visible": vue.unref(isVisibleVerify),
+        "onUpdate:visible": (v) => isVisibleVerify.value = v,
+        "onConfirm": submitChangePassword
+      }, null) : null;
       return vue.createVNode("div", {
         "class": "mk-header-tools"
-      }, [vue.createVNode("div", {
+      }, [verifyDialogVNode, vue.createVNode("div", {
         "class": "mk-header-tools__item"
       }, [vue.createVNode(elementPlus.ElDropdown, {
         "class": "mk-header-tools__user",
@@ -119,7 +131,7 @@ const MKHeaderTools = /* @__PURE__ */ vue.defineComponent({
           "class": "mk-header-tools__avatar",
           "src": vue.unref(avatar)
         }, {
-          error: () => vue.createVNode(index.MKSvgIcon, {
+          error: () => vue.createVNode(index$1.MKSvgIcon, {
             "iconClass": "Avatar",
             "class": " mk-header-tools__default-avatar"
           }, null)
@@ -132,13 +144,13 @@ const MKHeaderTools = /* @__PURE__ */ vue.defineComponent({
               showDialog.value = true;
             }
           }, {
-            default: () => [vue.createVNode(index.MKSvgIcon, {
+            default: () => [vue.createVNode(index$1.MKSvgIcon, {
               "iconClass": "EditPen"
             }, null), vue.createTextVNode("修改密码")]
           }), vue.createVNode(elementPlus.ElDropdownItem, {
             "onClick": () => msAppClient.logout()
           }, {
-            default: () => [vue.createVNode(index.MKSvgIcon, {
+            default: () => [vue.createVNode(index$1.MKSvgIcon, {
               "iconClass": "SwitchButton"
             }, null), vue.createTextVNode("退出登录")]
           })]
@@ -228,7 +240,7 @@ const MKHeaderTools = /* @__PURE__ */ vue.defineComponent({
           "type": "primary",
           "loading": btnLoading.value,
           "onClick": () => {
-            submitChangePassword();
+            handleUnlock();
           }
         }, {
           default: () => [vue.createTextVNode("确定")]

package/dist/cjs/layouts/components/header/tools.js.map

@@ -1 +1 @@
-{"version":3,"file":"tools.js","sources":["../../../../../src/layouts/components/header/tools.tsx"],"sourcesContent":["import { computed, defineComponent, unref, ref, reactive, watch, nextTick } from \"vue\";\nimport {\n  ElDropdown,\n  ElDropdownItem,\n  ElDropdownMenu,\n  ElImage,\n  ElDialog,\n  ElForm,\n  ElFormItem,\n  ElInput,\n  ElButton\n} from \"element-plus\";\nimport { MSAppClient } from \"../../../core\";\nimport { MKSvgIcon } from \"../../../components\";\nimport { Messager } from \"@maketribe/dm\";\n\nexport const MKHeaderTools = defineComponent({\n  name: \"MKHeaderTools\",\n  setup(props) {\n    const msAppClient = MSAppClient.instance!;\n    const userSession = msAppClient.userSession!;\n\n    const userInfo = computed(() => userSession.userInfo!);\n\n    const avatar = computed(() => unref(userInfo).avatar);\n    const showDialog = ref(false);\n    const form = reactive({\n      password: \"\",\n      newPassword: \"\",\n      repeatPassword: \"\",\n    });\n    const formRef = ref();\n    const btnLoading = ref(false)\n\n    watch(showDialog, async () => {\n      if (unref(showDialog)) {\n        form.password = \"\";\n        form.newPassword = \"\";\n        form.repeatPassword = \"\";\n      }\n    })\n\n    const reg = /^([a-zA-Z]+[0-9]+[,._!@#$%^&*]+)|([a-zA-Z]+[,._!@#$%^&*]+[0-9]+)|([0-9]+[,._!@#$%^&*]+[a-zA-Z]+)|([0-9]+[a-zA-Z]+[,._!@#$%^&*]+)|([,._!@#$%^&*]+[a-zA-Z]+[0-9]+)|([,._!@#$%^&*]+[0-9]+[a-zA-Z]+)$/\n\n    const validateCode1 = (rule: any, value: any, callback: any) => {\n      if (value == \"\") {\n        callback(new Error(\"请输入密码\"));\n      }\n      if (value != form.newPassword) {\n        callback(new Error(\"两次输入不一致\"));\n      }\n      callback()\n    }\n\n    const validateCode = (rule: any, value: any, callback: any) => {\n      if (value == \"\") {\n        callback(new Error(\"请输入密码码\"));\n      }\n\n      if (value.length < 8) {\n        callback(new Error(\"密码码长度不能小于8位\"));\n      }\n\n      if (value == form.password) {\n        callback(new Error(\"新密码不能与旧密码相同\"));\n      }\n\n      if (!reg.test(value)) {\n        callback(new Error(\"密码必须包含数字，字母和特殊符号\"))\n      } else {\n        callback()\n      }\n    }\n\n    const submitChangePassword = async () => {\n      try {\n        btnLoading.value = true\n        const isPass = await formRef.value.validate();\n        if (!isPass) {\n          return;\n        }\n\n        let result = await msAppClient.changePassword(form.password, form.newPassword);\n        if (result.data.code != 200) {\n          Messager.error({ message: \"修改密码失败\" });\n          return;\n        }\n        btnLoading.value = false\n        msAppClient.logout()\n\n      } catch (e) {\n        console.error(e);\n      } finally {\n        btnLoading.value = false\n      }\n\n    }\n\n    return () => {\n      return (\n        <div class=\"mk-header-tools\">\n          <div class=\"mk-header-tools__item\">\n            <ElDropdown\n              class=\"mk-header-tools__user\"\n              trigger=\"click\"\n              v-slots={{\n                default: () => (\n                  <div class=\"mk-header-tools__user-info\">\n                    <ElImage\n                      class=\"mk-header-tools__avatar\"\n                      src={unref(avatar)}\n                      v-slots={{\n                        error: () => (\n                          <MKSvgIcon iconClass=\"Avatar\" class=\" mk-header-tools__default-avatar\" />\n                        ),\n                      }}\n                    />\n                    <span class=\"mk-header-tools__nickName\">\n                      {unref(userInfo).nickName}\n                    </span>\n                  </div>\n                ),\n                dropdown: () => (\n                  <ElDropdownMenu>\n                    <ElDropdownItem onClick={() => { showDialog.value = true }}>\n                      <MKSvgIcon iconClass=\"EditPen\" />\n                      修改密码\n                    </ElDropdownItem>\n                    <ElDropdownItem onClick={() => msAppClient.logout()}>\n                      <MKSvgIcon iconClass=\"SwitchButton\" />\n                      退出登录\n                    </ElDropdownItem>\n                  </ElDropdownMenu>\n                ),\n              }}\n            />\n          </div>\n          <ElDialog model-value={showDialog.value} onUpdate:modelValue={(v) => { showDialog.value = v }} title={'修改密码'} width={'30%'} v-slots={{\n            footer: () => (\n              <div>\n                <ElButton onClick={() => { showDialog.value = false }}>取消</ElButton>\n                <ElButton type={\"primary\"} loading={btnLoading.value} onClick={() => { submitChangePassword() }}>确定</ElButton>\n              </div>\n            )\n          }}>\n            <ElForm ref={formRef} model={form} label-width={'80px'}>\n              <ElFormItem label={'旧密码'} required={true} prop={'password'} rules={[{ required: true, message: '请输入旧密码', trigger: 'change' }]}>\n                <ElInput model-value={form.password} placeholder={\"请输入旧密码\"} onUpdate:modelValue={(v) => { form.password = v }} type={'password'} />\n              </ElFormItem>\n              <ElFormItem label={'新密码'} required={true} prop={'newPassword'} rules={[{ required: true, message: '请输入新密码', trigger: 'change' }, { validator: validateCode, trigger: 'change' }]} >\n                <ElInput model-value={form.newPassword} placeholder={\"请输入新密码\"} onUpdate:modelValue={(v) => { form.newPassword = v }} type={'password'} />\n              </ElFormItem>\n              <ElFormItem label={'重复密码'} required={true} prop={'repeatPassword'} rules={[{ required: true, message: '请再次输入密码', trigger: 'change' }, { validator: validateCode1, trigger: 'change' }]} >\n                <ElInput model-value={form.repeatPassword} placeholder={\"请再次输入密码\"} onUpdate:modelValue={(v) => { form.repeatPassword = v }} type={'password'} />\n              </ElFormItem>\n            </ElForm>\n          </ElDialog>\n        </div >\n      );\n    };\n  },\n});\n"],"names":["MKHeaderTools","defineComponent","name","setup","props","msAppClient","MSAppClient","instance","userSession","userInfo","computed","avatar","unref","showDialog","ref","form","reactive","password","newPassword","repeatPassword","formRef","btnLoading","watch","reg","validateCode1","rule","value","callback","Error","validateCode","length","test","submitChangePassword","isPass","validate","result","changePassword","data","code","Messager","error","message","logout","e","console","_createVNode","ElDropdown","default","ElImage","MKSvgIcon","nickName","dropdown","ElDropdownMenu","ElDropdownItem","onClick","_createTextVNode","ElDialog","v","ElForm","ElFormItem","required","trigger","ElInput","validator","footer","ElButton"],"mappings":"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"}
+{"version":3,"file":"tools.js","sources":["../../../../../src/layouts/components/header/tools.tsx"],"sourcesContent":["import { computed, defineComponent, unref, ref, reactive, watch, nextTick } from \"vue\";\r\nimport {\r\n  ElDropdown,\r\n  ElDropdownItem,\r\n  ElDropdownMenu,\r\n  ElImage,\r\n  ElDialog,\r\n  ElForm,\r\n  ElFormItem,\r\n  ElInput,\r\n  ElButton\r\n} from \"element-plus\";\r\nimport { MSAppClient } from \"../../../core\";\r\nimport { MKSvgIcon, MKVerifyDialog } from \"../../../components\";\r\nimport { Messager } from \"@maketribe/dm\";\r\n\r\nexport const MKHeaderTools = defineComponent({\r\n  name: \"MKHeaderTools\",\r\n  setup(props) {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n\r\n    const userInfo = computed(() => userSession.userInfo!);\r\n\r\n    const avatar = computed(() => unref(userInfo).avatar);\r\n    const showDialog = ref(false);\r\n    const form = reactive({\r\n      password: \"\",\r\n      newPassword: \"\",\r\n      repeatPassword: \"\",\r\n    });\r\n    const formRef = ref();\r\n    const btnLoading = ref(false)\r\n\r\n    watch(showDialog, async () => {\r\n      if (unref(showDialog)) {\r\n        form.password = \"\";\r\n        form.newPassword = \"\";\r\n        form.repeatPassword = \"\";\r\n      }\r\n    })\r\n\r\n    const reg = /^([a-zA-Z]+[0-9]+[,._!@#$%^&*]+)|([a-zA-Z]+[,._!@#$%^&*]+[0-9]+)|([0-9]+[,._!@#$%^&*]+[a-zA-Z]+)|([0-9]+[a-zA-Z]+[,._!@#$%^&*]+)|([,._!@#$%^&*]+[a-zA-Z]+[0-9]+)|([,._!@#$%^&*]+[0-9]+[a-zA-Z]+)$/\r\n\r\n    const validateCode1 = (rule: any, value: any, callback: any) => {\r\n      if (value == \"\") {\r\n        callback(new Error(\"请输入密码\"));\r\n      }\r\n      if (value != form.newPassword) {\r\n        callback(new Error(\"两次输入不一致\"));\r\n      }\r\n      callback()\r\n    }\r\n\r\n    const validateCode = (rule: any, value: any, callback: any) => {\r\n      if (value == \"\") {\r\n        callback(new Error(\"请输入密码码\"));\r\n      }\r\n\r\n      if (value.length < 8) {\r\n        callback(new Error(\"密码码长度不能小于8位\"));\r\n      }\r\n\r\n      if (value == form.password) {\r\n        callback(new Error(\"新密码不能与旧密码相同\"));\r\n      }\r\n\r\n      if (!reg.test(value)) {\r\n        callback(new Error(\"密码必须包含数字，字母和特殊符号\"))\r\n      } else {\r\n        callback()\r\n      }\r\n    }\r\n\r\n    const submitChangePassword = async (vCode: string) => {\r\n      try {\r\n      isVisibleVerify.value = false;\r\n        btnLoading.value = true\r\n        let result = await msAppClient.changePassword(form.password, form.newPassword, vCode);\r\n        if (result.data.code != 200) {\r\n          Messager.error({ message: result.data.msg || \"修改密码失败\" });\r\n          return;\r\n        }\r\n        btnLoading.value = false\r\n        msAppClient.logout()\r\n      } catch (e) {\r\n        console.error(e);\r\n      } finally {\r\n        btnLoading.value = false\r\n      }\r\n    }\r\n\r\n    const isVisibleVerify = ref(false);\r\n\r\n    const handleUnlock = async () => {\r\n      const isPass = await formRef.value.validate();\r\n      if (!isPass) {\r\n        return;\r\n      }\r\n      isVisibleVerify.value = true;\r\n    };\r\n\r\n    return () => {\r\n\r\n      const verifyDialogVNode = unref(isVisibleVerify) ? (\r\n        <MKVerifyDialog\r\n          scene=\"ModifyPassword\"\r\n          visible={unref(isVisibleVerify)}\r\n          onUpdate:visible={(v) => (isVisibleVerify.value = v as boolean)}\r\n          onConfirm={submitChangePassword}\r\n        />\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-header-tools\">\r\n          {verifyDialogVNode}\r\n          <div class=\"mk-header-tools__item\">\r\n            <ElDropdown\r\n              class=\"mk-header-tools__user\"\r\n              trigger=\"click\"\r\n              v-slots={{\r\n                default: () => (\r\n                  <div class=\"mk-header-tools__user-info\">\r\n                    <ElImage\r\n                      class=\"mk-header-tools__avatar\"\r\n                      src={unref(avatar)}\r\n                      v-slots={{\r\n                        error: () => (\r\n                          <MKSvgIcon iconClass=\"Avatar\" class=\" mk-header-tools__default-avatar\" />\r\n                        ),\r\n                      }}\r\n                    />\r\n                    <span class=\"mk-header-tools__nickName\">\r\n                      {unref(userInfo).nickName}\r\n                    </span>\r\n                  </div>\r\n                ),\r\n                dropdown: () => (\r\n                  <ElDropdownMenu>\r\n                    <ElDropdownItem onClick={() => { showDialog.value = true }}>\r\n                      <MKSvgIcon iconClass=\"EditPen\" />\r\n                      修改密码\r\n                    </ElDropdownItem>\r\n                    <ElDropdownItem onClick={() => msAppClient.logout()}>\r\n                      <MKSvgIcon iconClass=\"SwitchButton\" />\r\n                      退出登录\r\n                    </ElDropdownItem>\r\n                  </ElDropdownMenu>\r\n                ),\r\n              }}\r\n            />\r\n          </div>\r\n          <ElDialog model-value={showDialog.value} onUpdate:modelValue={(v) => { showDialog.value = v }} title={'修改密码'} width={'30%'} v-slots={{\r\n            footer: () => (\r\n              <div>\r\n                <ElButton onClick={() => { showDialog.value = false }}>取消</ElButton>\r\n                <ElButton type={\"primary\"} loading={btnLoading.value} onClick={() => { handleUnlock() }}>确定</ElButton>\r\n              </div>\r\n            )\r\n          }}>\r\n            <ElForm ref={formRef} model={form} label-width={'80px'}>\r\n              <ElFormItem label={'旧密码'} required={true} prop={'password'} rules={[{ required: true, message: '请输入旧密码', trigger: 'change' }]}>\r\n                <ElInput model-value={form.password} placeholder={\"请输入旧密码\"} onUpdate:modelValue={(v) => { form.password = v }} type={'password'} />\r\n              </ElFormItem>\r\n              <ElFormItem label={'新密码'} required={true} prop={'newPassword'} rules={[{ required: true, message: '请输入新密码', trigger: 'change' }, { validator: validateCode, trigger: 'change' }]} >\r\n                <ElInput model-value={form.newPassword} placeholder={\"请输入新密码\"} onUpdate:modelValue={(v) => { form.newPassword = v }} type={'password'} />\r\n              </ElFormItem>\r\n              <ElFormItem label={'重复密码'} required={true} prop={'repeatPassword'} rules={[{ required: true, message: '请再次输入密码', trigger: 'change' }, { validator: validateCode1, trigger: 'change' }]} >\r\n                <ElInput model-value={form.repeatPassword} placeholder={\"请再次输入密码\"} onUpdate:modelValue={(v) => { form.repeatPassword = v }} type={'password'} />\r\n              </ElFormItem>\r\n            </ElForm>\r\n          </ElDialog>\r\n        </div >\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKHeaderTools","defineComponent","name","setup","props","msAppClient","MSAppClient","instance","userSession","userInfo","computed","avatar","unref","showDialog","ref","form","reactive","password","newPassword","repeatPassword","formRef","btnLoading","watch","reg","validateCode1","rule","value","callback","Error","validateCode","length","test","submitChangePassword","vCode","isVisibleVerify","result","changePassword","data","code","Messager","error","message","msg","logout","e","console","handleUnlock","isPass","validate","verifyDialogVNode","_createVNode","MKVerifyDialog","v","ElDropdown","default","ElImage","MKSvgIcon","nickName","dropdown","ElDropdownMenu","ElDropdownItem","onClick","_createTextVNode","ElDialog","ElForm","ElFormItem","required","trigger","ElInput","validator","footer","ElButton"],"mappings":"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"}

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

@@ -17,24 +17,25 @@ require("../../../components/basic/date-picker/index.js");
 require("../../../components/basic/icon-select/index.js");
 require("../../../components/basic/upload-file/upload-file.js");
 require("@maketribe/request");
-require("@maketribe/dm");
 require("@maketribe/utils");
-const MenuNode = require("../../../core/menu/MenuNode.js");
-require("../../../core/DataModelDefines.js");
-require("vue-router");
-require("@maketribe/locale");
 require("../../../components/basic/upload-file/context/web-file-upload-context.js");
 require("../../../components/basic/upload-file/context/web-file-upload-context-options.js");
 require("../../../components/basic/upload-file/ui/upload-image/index.js");
 require("../../../components/basic/upload-file/upload-file-options.js");
 require("../../../components/basic/doc-editor/index.js");
 require("../../../components/basic/copy-container/index.js");
+require("../../../components/basic/image-cropper/index.js");
 require("../../../components/data-model/data-form/index.js");
 require("../../../components/data-model/data-table/index.js");
 require("../../../components/data-model/data-table-pagination/index.js");
 require("../../../components/business/verify-dialog/index.js");
 require("../../../components/business/resource-list/index.js");
 require("../../../components/business/resource-manager/index.js");
+require("@maketribe/dm");
+const MenuNode = require("../../../core/menu/MenuNode.js");
+require("../../../core/DataModelDefines.js");
+require("vue-router");
+require("@maketribe/locale");
 const MKAsideMenuItem = /* @__PURE__ */ vue.defineComponent({
   name: "MKMenuItem",
   props: {

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

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","sources":["../../../../../src/layouts/components/menu/menu-item.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent } from \"vue\";\r\nimport { ElMenuItem, ElSubMenu } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../components\";\r\nimport { MenuNode } from \"../../../core\";\r\n\r\nconst MKAsideMenuItem = defineComponent({\r\n  name: \"MKMenuItem\",\r\n  props: {\r\n    node: {\r\n      type: MenuNode,\r\n      required: true,\r\n    },\r\n  },\r\n  setup(props) {\r\n    return () => {\r\n      if (!props.node.children.length) {\r\n        const icon = props.node.iconName ? (\r\n          <MKSvgIcon\r\n            class=\"mk-menu-item__icon\"\r\n            iconClass={props.node.iconName}\r\n          />\r\n        ) : null;\r\n\r\n        return (\r\n          <ElMenuItem index={props.node.id}>\r\n            {icon}\r\n            {props.node.title}\r\n          </ElMenuItem>\r\n        );\r\n      }\r\n\r\n      const items = props.node.children.map((node) => (\r\n        <MKAsideMenuItem node={node} key={node.id} />\r\n      ));\r\n\r\n      return (\r\n        <ElSubMenu\r\n          index={props.node.id}\r\n          v-slots={{\r\n            title: () => {\r\n              const icon = props.node.iconName ? (\r\n                <MKSvgIcon\r\n                  class=\"mk-menu-item__icon\"\r\n                  iconClass={props.node.iconName}\r\n                />\r\n              ) : null;\r\n              return (\r\n                <Fragment>\r\n                  {icon}\r\n                  {props.node.title}\r\n                </Fragment>\r\n              );\r\n            },\r\n          }}\r\n        >\r\n          {items}\r\n        </ElSubMenu>\r\n      );\r\n    };\r\n  },\r\n});\r\n\r\nexport default MKAsideMenuItem;\r\n"],"names":["MKAsideMenuItem","defineComponent","name","props","node","type","MenuNode","required","setup","children","length","icon","iconName","_createVNode","MKSvgIcon","ElMenuItem","id","default","title","items","map","ElSubMenu","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKMA,MAAAA,kBAAkBC,oBAAAA,gBAAgB;AAAA,EACtCC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,MAAM;AAAA,MACJC,MAAMC,SAAQ;AAAA,MACdC,UAAU;AAAA,IACZ;AAAA,EACD;AAAA,EACDC,MAAML,OAAO;AACX,WAAO,MAAM;AACX,UAAI,CAACA,MAAMC,KAAKK,SAASC,QAAQ;AAC/B,cAAMC,OAAOR,MAAMC,KAAKQ,WAAQC,IAAAA,YAAAC,MAAAA,WAAA;AAAA,UAAA,SAAA;AAAA,UAAA,aAGjBX,MAAMC,KAAKQ;AAAAA,QAAQ,GAAA,IAAA,IAE9B;AAEJ,eAAAC,IAAAA,YAAAE,YAAAA,YAAA;AAAA,UAAA,SACqBZ,MAAMC,KAAKY;AAAAA,QAAE,GAAA;AAAA,UAAAC,SAAAA,MAC7BN,CAAAA,MACAR,MAAMC,KAAKc,KAAK;AAAA,QAAA,CAAA;AAAA,MAGvB;AAEA,YAAMC,QAAQhB,MAAMC,KAAKK,SAASW,IAAKhB,UAAIS,IAAA,YAAAb,iBAAA;AAAA,QAAA,QAClBI;AAAAA,QAAI,OAAOA,KAAKY;AAAAA,MAAE,GAAA,IAAA,CAC1C;AAED,aAAAH,IAAAA,YAAAQ,YAAAA,WAAA;AAAA,QAAA,SAEWlB,MAAMC,KAAKY;AAAAA,MAAE,GAAA;AAAA,QAAAC,SAAAA,MAAA,CAkBnBE,KAAK;AAAA,QAhBJD,OAAOA,MAAM;AACX,gBAAMP,OAAOR,MAAMC,KAAKQ,WAAQC,IAAAA,YAAAC,MAAAA,WAAA;AAAA,YAAA,SAAA;AAAA,YAAA,aAGjBX,MAAMC,KAAKQ;AAAAA,UAAQ,GAAA,IAAA,IAE9B;AACJ,iBAAAC,IAAA,YAAAS,IAAA,UAEKX,MAAAA,CAAAA,MACAR,MAAMC,KAAKc,KAAK,CAAA;AAAA,QAGvB;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;;"}
+{"version":3,"file":"menu-item.js","sources":["../../../../../src/layouts/components/menu/menu-item.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent } from \"vue\";\r\nimport { ElMenuItem, ElSubMenu } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../components\";\r\nimport { MenuNode } from \"../../../core\";\r\n\r\nconst MKAsideMenuItem = defineComponent({\r\n  name: \"MKMenuItem\",\r\n  props: {\r\n    node: {\r\n      type: MenuNode,\r\n      required: true,\r\n    },\r\n  },\r\n  setup(props) {\r\n    return () => {\r\n      if (!props.node.children.length) {\r\n        const icon = props.node.iconName ? (\r\n          <MKSvgIcon\r\n            class=\"mk-menu-item__icon\"\r\n            iconClass={props.node.iconName}\r\n          />\r\n        ) : null;\r\n\r\n        return (\r\n          <ElMenuItem index={props.node.id}>\r\n            {icon}\r\n            {props.node.title}\r\n          </ElMenuItem>\r\n        );\r\n      }\r\n\r\n      const items = props.node.children.map((node) => (\r\n        <MKAsideMenuItem node={node} key={node.id} />\r\n      ));\r\n\r\n      return (\r\n        <ElSubMenu\r\n          index={props.node.id}\r\n          v-slots={{\r\n            title: () => {\r\n              const icon = props.node.iconName ? (\r\n                <MKSvgIcon\r\n                  class=\"mk-menu-item__icon\"\r\n                  iconClass={props.node.iconName}\r\n                />\r\n              ) : null;\r\n              return (\r\n                <Fragment>\r\n                  {icon}\r\n                  {props.node.title}\r\n                </Fragment>\r\n              );\r\n            },\r\n          }}\r\n        >\r\n          {items}\r\n        </ElSubMenu>\r\n      );\r\n    };\r\n  },\r\n});\r\n\r\nexport default MKAsideMenuItem;\r\n"],"names":["MKAsideMenuItem","defineComponent","name","props","node","type","MenuNode","required","setup","children","length","icon","iconName","_createVNode","MKSvgIcon","ElMenuItem","id","default","title","items","map","ElSubMenu","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKMA,MAAAA,kBAAkBC,oBAAAA,gBAAgB;AAAA,EACtCC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,MAAM;AAAA,MACJC,MAAMC,SAAQ;AAAA,MACdC,UAAU;AAAA,IACZ;AAAA,EACD;AAAA,EACDC,MAAML,OAAO;AACX,WAAO,MAAM;AACX,UAAI,CAACA,MAAMC,KAAKK,SAASC,QAAQ;AAC/B,cAAMC,OAAOR,MAAMC,KAAKQ,WAAQC,IAAAA,YAAAC,MAAAA,WAAA;AAAA,UAAA,SAAA;AAAA,UAAA,aAGjBX,MAAMC,KAAKQ;AAAAA,QAAQ,GAAA,IAAA,IAE9B;AAEJ,eAAAC,IAAAA,YAAAE,YAAAA,YAAA;AAAA,UAAA,SACqBZ,MAAMC,KAAKY;AAAAA,QAAE,GAAA;AAAA,UAAAC,SAAAA,MAC7BN,CAAAA,MACAR,MAAMC,KAAKc,KAAK;AAAA,QAAA,CAAA;AAAA,MAGvB;AAEA,YAAMC,QAAQhB,MAAMC,KAAKK,SAASW,IAAKhB,UAAIS,IAAA,YAAAb,iBAAA;AAAA,QAAA,QAClBI;AAAAA,QAAI,OAAOA,KAAKY;AAAAA,MAAE,GAAA,IAAA,CAC1C;AAED,aAAAH,IAAAA,YAAAQ,YAAAA,WAAA;AAAA,QAAA,SAEWlB,MAAMC,KAAKY;AAAAA,MAAE,GAAA;AAAA,QAAAC,SAAAA,MAAA,CAkBnBE,KAAK;AAAA,QAhBJD,OAAOA,MAAM;AACX,gBAAMP,OAAOR,MAAMC,KAAKQ,WAAQC,IAAAA,YAAAC,MAAAA,WAAA;AAAA,YAAA,SAAA;AAAA,YAAA,aAGjBX,MAAMC,KAAKQ;AAAAA,UAAQ,GAAA,IAAA,IAE9B;AACJ,iBAAAC,IAAA,YAAAS,IAAA,UAEKX,MAAAA,CAAAA,MACAR,MAAMC,KAAKc,KAAK,CAAA;AAAA,QAGvB;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;;"}

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

@@ -19,25 +19,26 @@ require("../../components/basic/date-picker/index.js");
 require("../../components/basic/icon-select/index.js");
 require("../../components/basic/upload-file/upload-file.js");
 require("@maketribe/request");
-require("@maketribe/dm");
 const utils = require("@maketribe/utils");
-require("../../core/DataModelDefines.js");
-const MSAppClient = require("../../core/MSAppClient.js");
 require("../../components/basic/upload-file/context/web-file-upload-context.js");
 require("../../components/basic/upload-file/context/web-file-upload-context-options.js");
 require("../../components/basic/upload-file/ui/upload-image/index.js");
 require("../../components/basic/upload-file/upload-file-options.js");
 require("../../components/basic/doc-editor/index.js");
 require("../../components/basic/copy-container/index.js");
+require("../../components/basic/image-cropper/index.js");
 require("../../components/data-model/data-form/index.js");
 require("../../components/data-model/data-table/index.js");
 require("../../components/data-model/data-table-pagination/index.js");
 require("../../components/business/verify-dialog/index.js");
 require("../../components/business/resource-list/index.js");
 require("../../components/business/resource-manager/index.js");
+require("@maketribe/dm");
 const index$2 = require("../components/bar/index.js");
 const index$3 = require("../components/menu/index.js");
 const index$4 = require("../components/dialogs/index.js");
+require("../../core/DataModelDefines.js");
+const MSAppClient = require("../../core/MSAppClient.js");
 const index$1 = require("../components/header/index.js");
 function includeMenuNode(rootMenuNode, menuNode) {
   let list = [rootMenuNode];

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\";\r\nimport { RouterView, useRouter } from \"vue-router\";\r\nimport { ElAside, ElContainer, ElHeader, ElMain } from \"element-plus\";\r\nimport { MKSystemProvider } from \"../../components\";\r\nimport { MKBar, MKMenu, MKDialogs } from \"../components\";\r\nimport { MenuNode } from \"../../core\";\r\nimport { MSAppClient } from \"../../core\";\r\nimport { MKHeader } from \"../components/header\";\r\nimport { createDisposable } from \"@maketribe/utils\";\r\n\r\nfunction includeMenuNode(rootMenuNode: MenuNode, menuNode: MenuNode) {\r\n  let list = [rootMenuNode];\r\n\r\n  for (let i = 0; i < list.length; i++) {\r\n    const item = list[i];\r\n\r\n    if (item.id === menuNode.id) {\r\n      return true;\r\n    }\r\n\r\n    list = list.concat(item.children);\r\n  }\r\n\r\n  return false;\r\n}\r\n\r\nexport const MKLayoutDefault = defineComponent({\r\n  name: \"MKLayoutDefault\",\r\n  setup() {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n    const menu = userSession.menu;\r\n    const vueRouter = useRouter();\r\n\r\n    const currentBarItem: Ref<MenuNode | null> = ref(null);\r\n\r\n    handleCurrentMenuChange();\r\n    menu.currentMenuChangeEvent.on(handleCurrentMenuChange);\r\n\r\n    function handleCurrentMenuChange() {\r\n      currentBarItem.value = menu.getCurrentMenuNode()\r\n        ? menu.rootMenus.find((item) =>\r\n            includeMenuNode(item, menu.getCurrentMenuNode()!)\r\n          ) ?? null\r\n        : null;\r\n    }\r\n\r\n    // 用户会话销毁就前往登录页面。\r\n    userSession.register(\r\n      createDisposable(() => {\r\n        vueRouter.push({ name: \"login\" });\r\n      })\r\n    );\r\n\r\n    return () => {\r\n      return (\r\n        <MKSystemProvider>\r\n          <ElContainer class=\"mk-layout-default\">\r\n            {/* 原来的位置 */}\r\n            <ElMain>\r\n              <ElContainer class=\"mk-layout-default__body\">\r\n                <ElHeader class=\"mk-layout-default__header\">\r\n                  <MKHeader />\r\n                </ElHeader>\r\n                <ElMain>\r\n                  <ElAside>\r\n                    <MKBar barItem={unref(currentBarItem) as MenuNode} />\r\n                  </ElAside>\r\n                  <ElContainer class=\"mk-layout-default__main\">\r\n                    <ElAside class=\"mk-layout-default__menu\">\r\n                      <MKMenu barItem={unref(currentBarItem) as MenuNode} />\r\n                    </ElAside>\r\n                    <ElMain>\r\n                      <RouterView />\r\n                    </ElMain>\r\n                  </ElContainer>\r\n                </ElMain>\r\n              </ElContainer>\r\n            </ElMain>\r\n          </ElContainer>\r\n          <MKDialogs />\r\n        </MKSystemProvider>\r\n      );\r\n    };\r\n  },\r\n});\r\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","ElMain","ElHeader","MKHeader","ElAside","MKBar","unref","MKMenu","RouterView","MKDialogs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,SAASA,gBAAgBC,cAAwBC,UAAoB;AACnE,MAAIC,OAAO,CAACF,YAAY;AAExB,WAASG,IAAI,GAAGA,IAAID,KAAKE,QAAQD,KAAK;AACpC,UAAME,OAAOH,KAAKC,CAAC;AAEnB,QAAIE,KAAKC,OAAOL,SAASK,IAAI;AAC3B,aAAO;AAAA,IACT;AAEAJ,WAAOA,KAAKK,OAAOF,KAAKG,QAAQ;AAAA,EAClC;AAEA,SAAO;AACT;AAEaC,MAAAA,kBAAkBC,oBAAAA,gBAAgB;AAAA,EAC7CC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,cAAcC,YAAW,YAACC;AAChC,UAAMC,cAAcH,YAAYG;AAChC,UAAMC,OAAOD,YAAYC;AACzB,UAAMC,cAAYC,UAAAA;AAElB,UAAMC,iBAAuCC,QAAI,IAAI;AAErDC;AACAL,SAAKM,uBAAuBC,GAAGF,uBAAuB;AAEtD,aAASA,0BAA0B;AACjCF,qBAAeK,QAAQR,KAAKS,mBAAkB,IAC1CT,KAAKU,UAAUC,KAAMvB,UACnBN,gBAAgBM,MAAMY,KAAKS,mBAAqB,CAAA,CAClD,KAAK,OACL;AAAA,IACN;AAGAV,gBAAYa,SACVC,MAAAA,iBAAiB,MAAM;AACrBZ,kBAAUa,KAAK;AAAA,QAAEpB,MAAM;AAAA,MAAQ,CAAC;AAAA,IACjC,CAAA,CACH;AAEA,WAAO,MAAM;AACX,aAAAqB,IAAA,YAAAC,MAAA,kBAAA,MAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,yBAAA;AAAA,UAAA,SAAA;AAAA,QAAA,GAAA;AAAA,UAAAD,SAAAA,MAAAF,CAAAA,gBAAAI,YAAAA,QAAA,MAAA;AAAA,YAAAF,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,yBAAA;AAAA,cAAA,SAAA;AAAA,YAAA,GAAA;AAAA,cAAAD,SAAAA,MAAAF,CAAAA,IAAA,YAAAK,sBAAA;AAAA,gBAAA,SAAA;AAAA,cAAA,GAAA;AAAA,gBAAAH,SAAAA,MAAAF,CAAAA,IAAA,YAAAM,QAAA,UAAA,MAAA,IAAA,CAAA;AAAA,eAAAN,GAAAA,IAAAA,YAAAI,YAAA,QAAA,MAAA;AAAA,gBAAAF,SAAAA,MAAAF,CAAAA,gBAAAO,YAAAA,SAAA,MAAA;AAAA,kBAAAL,SAAAA,MAAAF,CAAAA,IAAA,YAAAQ,eAAA;AAAA,oBAAA,WAW8BC,IAAK,MAACrB,cAAc;AAAA,kBAAC,GAAA,IAAA,CAAA;AAAA,iBAAAY,GAAAA,IAAA,YAAAG,yBAAA;AAAA,kBAAA,SAAA;AAAA,gBAAA,GAAA;AAAA,kBAAAD,SAAAA,MAAAF,CAAAA,IAAA,YAAAO,qBAAA;AAAA,oBAAA,SAAA;AAAA,kBAAA,GAAA;AAAA,oBAAAL,SAAAA,MAAAF,CAAAA,IAAA,YAAAU,gBAAA;AAAA,sBAAA,WAIlBD,IAAK,MAACrB,cAAc;AAAA,oBAAC,GAAA,IAAA,CAAA;AAAA,mBAAAY,GAAAA,IAAAA,YAAAI,YAAA,QAAA,MAAA;AAAA,oBAAAF,SAAAA,MAAAF,CAAAA,IAAA,YAAAW,UAAA,YAAA,MAAA,IAAA,CAAA;AAAA,kBAAA,CAAA,CAAA;AAAA,gBAAA,CAAA,CAAA;AAAA,cAAA,CAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA,CAAA;AAAA,QAAAX,CAAAA,GAAAA,IAAAA,YAAAY,QAAAA,WAAA,MAAA,IAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAc1D;AACF,CAAC;;"}
+{"version":3,"file":"default.js","sources":["../../../../src/layouts/container/default.tsx"],"sourcesContent":["import { Ref, defineComponent, ref, unref } from \"vue\";\r\nimport { RouterView, useRouter } from \"vue-router\";\r\nimport { ElAside, ElContainer, ElHeader, ElMain } from \"element-plus\";\r\nimport { MKSystemProvider } from \"../../components\";\r\nimport { MKBar, MKMenu, MKDialogs } from \"../components\";\r\nimport { MenuNode } from \"../../core\";\r\nimport { MSAppClient } from \"../../core\";\r\nimport { MKHeader } from \"../components/header\";\r\nimport { createDisposable } from \"@maketribe/utils\";\r\n\r\nfunction includeMenuNode(rootMenuNode: MenuNode, menuNode: MenuNode) {\r\n  let list = [rootMenuNode];\r\n\r\n  for (let i = 0; i < list.length; i++) {\r\n    const item = list[i];\r\n\r\n    if (item.id === menuNode.id) {\r\n      return true;\r\n    }\r\n\r\n    list = list.concat(item.children);\r\n  }\r\n\r\n  return false;\r\n}\r\n\r\nexport const MKLayoutDefault = defineComponent({\r\n  name: \"MKLayoutDefault\",\r\n  setup() {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n    const menu = userSession.menu;\r\n    const vueRouter = useRouter();\r\n\r\n    const currentBarItem: Ref<MenuNode | null> = ref(null);\r\n\r\n    handleCurrentMenuChange();\r\n    menu.currentMenuChangeEvent.on(handleCurrentMenuChange);\r\n\r\n    function handleCurrentMenuChange() {\r\n      currentBarItem.value = menu.getCurrentMenuNode()\r\n        ? menu.rootMenus.find((item) =>\r\n            includeMenuNode(item, menu.getCurrentMenuNode()!)\r\n          ) ?? null\r\n        : null;\r\n    }\r\n\r\n    // 用户会话销毁就前往登录页面。\r\n    userSession.register(\r\n      createDisposable(() => {\r\n        vueRouter.push({ name: \"login\" });\r\n      })\r\n    );\r\n\r\n    return () => {\r\n      return (\r\n        <MKSystemProvider>\r\n          <ElContainer class=\"mk-layout-default\">\r\n            {/* 原来的位置 */}\r\n            <ElMain>\r\n              <ElContainer class=\"mk-layout-default__body\">\r\n                <ElHeader class=\"mk-layout-default__header\">\r\n                  <MKHeader />\r\n                </ElHeader>\r\n                <ElMain>\r\n                  <ElAside>\r\n                    <MKBar barItem={unref(currentBarItem) as MenuNode} />\r\n                  </ElAside>\r\n                  <ElContainer class=\"mk-layout-default__main\">\r\n                    <ElAside class=\"mk-layout-default__menu\">\r\n                      <MKMenu barItem={unref(currentBarItem) as MenuNode} />\r\n                    </ElAside>\r\n                    <ElMain>\r\n                      <RouterView />\r\n                    </ElMain>\r\n                  </ElContainer>\r\n                </ElMain>\r\n              </ElContainer>\r\n            </ElMain>\r\n          </ElContainer>\r\n          <MKDialogs />\r\n        </MKSystemProvider>\r\n      );\r\n    };\r\n  },\r\n});\r\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","ElMain","ElHeader","MKHeader","ElAside","MKBar","unref","MKMenu","RouterView","MKDialogs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,SAASA,gBAAgBC,cAAwBC,UAAoB;AACnE,MAAIC,OAAO,CAACF,YAAY;AAExB,WAASG,IAAI,GAAGA,IAAID,KAAKE,QAAQD,KAAK;AACpC,UAAME,OAAOH,KAAKC,CAAC;AAEnB,QAAIE,KAAKC,OAAOL,SAASK,IAAI;AAC3B,aAAO;AAAA,IACT;AAEAJ,WAAOA,KAAKK,OAAOF,KAAKG,QAAQ;AAAA,EAClC;AAEA,SAAO;AACT;AAEaC,MAAAA,kBAAkBC,oBAAAA,gBAAgB;AAAA,EAC7CC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,cAAcC,YAAW,YAACC;AAChC,UAAMC,cAAcH,YAAYG;AAChC,UAAMC,OAAOD,YAAYC;AACzB,UAAMC,cAAYC,UAAAA;AAElB,UAAMC,iBAAuCC,QAAI,IAAI;AAErDC;AACAL,SAAKM,uBAAuBC,GAAGF,uBAAuB;AAEtD,aAASA,0BAA0B;AACjCF,qBAAeK,QAAQR,KAAKS,mBAAkB,IAC1CT,KAAKU,UAAUC,KAAMvB,UACnBN,gBAAgBM,MAAMY,KAAKS,mBAAqB,CAAA,CAClD,KAAK,OACL;AAAA,IACN;AAGAV,gBAAYa,SACVC,MAAAA,iBAAiB,MAAM;AACrBZ,kBAAUa,KAAK;AAAA,QAAEpB,MAAM;AAAA,MAAQ,CAAC;AAAA,IACjC,CAAA,CACH;AAEA,WAAO,MAAM;AACX,aAAAqB,IAAA,YAAAC,MAAA,kBAAA,MAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,yBAAA;AAAA,UAAA,SAAA;AAAA,QAAA,GAAA;AAAA,UAAAD,SAAAA,MAAAF,CAAAA,gBAAAI,YAAAA,QAAA,MAAA;AAAA,YAAAF,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,yBAAA;AAAA,cAAA,SAAA;AAAA,YAAA,GAAA;AAAA,cAAAD,SAAAA,MAAAF,CAAAA,IAAA,YAAAK,sBAAA;AAAA,gBAAA,SAAA;AAAA,cAAA,GAAA;AAAA,gBAAAH,SAAAA,MAAAF,CAAAA,IAAA,YAAAM,QAAA,UAAA,MAAA,IAAA,CAAA;AAAA,eAAAN,GAAAA,IAAAA,YAAAI,YAAA,QAAA,MAAA;AAAA,gBAAAF,SAAAA,MAAAF,CAAAA,gBAAAO,YAAAA,SAAA,MAAA;AAAA,kBAAAL,SAAAA,MAAAF,CAAAA,IAAA,YAAAQ,eAAA;AAAA,oBAAA,WAW8BC,IAAK,MAACrB,cAAc;AAAA,kBAAC,GAAA,IAAA,CAAA;AAAA,iBAAAY,GAAAA,IAAA,YAAAG,yBAAA;AAAA,kBAAA,SAAA;AAAA,gBAAA,GAAA;AAAA,kBAAAD,SAAAA,MAAAF,CAAAA,IAAA,YAAAO,qBAAA;AAAA,oBAAA,SAAA;AAAA,kBAAA,GAAA;AAAA,oBAAAL,SAAAA,MAAAF,CAAAA,IAAA,YAAAU,gBAAA;AAAA,sBAAA,WAIlBD,IAAK,MAACrB,cAAc;AAAA,oBAAC,GAAA,IAAA,CAAA;AAAA,mBAAAY,GAAAA,IAAAA,YAAAI,YAAA,QAAA,MAAA;AAAA,oBAAAF,SAAAA,MAAAF,CAAAA,IAAA,YAAAW,UAAA,YAAA,MAAA,IAAA,CAAA;AAAA,kBAAA,CAAA,CAAA;AAAA,gBAAA,CAAA,CAAA;AAAA,cAAA,CAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA,CAAA;AAAA,QAAAX,CAAAA,GAAAA,IAAAA,YAAAY,QAAAA,WAAA,MAAA,IAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAc1D;AACF,CAAC;;"}

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

@@ -24,21 +24,20 @@ require("../components/basic/date-picker/index.js");
 require("../components/basic/icon-select/index.js");
 require("../components/basic/upload-file/upload-file.js");
 require("@maketribe/request");
-require("../core/DataModelDefines.js");
-require("vue-router");
-const locale = require("@maketribe/locale");
 require("../components/basic/upload-file/context/web-file-upload-context.js");
 require("../components/basic/upload-file/context/web-file-upload-context-options.js");
 require("../components/basic/upload-file/ui/upload-image/index.js");
 require("../components/basic/upload-file/upload-file-options.js");
 require("../components/basic/doc-editor/index.js");
 require("../components/basic/copy-container/index.js");
+require("../components/basic/image-cropper/index.js");
 const index$1 = require("../components/data-model/data-form/index.js");
 const index = require("../components/data-model/data-table/index.js");
 require("../components/data-model/data-table-pagination/index.js");
 require("../components/business/verify-dialog/index.js");
 require("../components/business/resource-list/index.js");
 require("../components/business/resource-manager/index.js");
+const locale = require("@maketribe/locale");
 const index$2 = require("../components/data-model/data-form/views/form/index.js");
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);

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

@@ -1 +1 @@
-{"version":3,"file":"DialogerImpl.js","sources":["../../../src/message-impl/DialogerImpl.tsx"],"sourcesContent":["import {\n  DataForm,\n  DataFormDialogOptions,\n  DataTable,\n  DataTableSelectDialogResult,\n  DialogInstance,\n  IDialogMessage,\n  IDialogRenderOptions,\n  Messager,\n  SkeletonDialoger,\n  TableActionColumn,\n} from \"@maketribe/dm\";\nimport { Event } from \"@maketribe/utils\";\nimport { ElButton, ElDrawer, ElMessageBox, ElScrollbar } from \"element-plus\";\nimport { isFunction } from \"lodash-es\";\nimport { MKDataForm, MKDataTable, MKForm } from \"../components\";\nimport { Fragment, reactive } from \"vue\";\nimport { I18n } from \"@maketribe/locale\";\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    let visible = true;\n\n    const dialogInstance: DialogInstance = {\n      class: \"\",\n      ...options,\n      id: uid++,\n      get visible() {\n        return visible;\n      },\n      set visible(v) {\n        visible = v;\n        dialogInstance.visibleChangeEvent.emit(visible);\n      },\n      visibleChangeEvent: new Event(),\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      const dialogInstance = 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          dialogInstance.destroy();\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          dialogInstance.destroy();\n\n          resolve(false);\n        },\n      });\n    });\n  }\n\n  async dataTableSelectDialog(\n    dataTable: DataTable\n  ): Promise<DataTableSelectDialogResult> {\n    dataTable = reactive(dataTable) as DataTable;\n\n    // 过滤掉操作列\n    const columns = dataTable\n      .getColumns()\n      .filter((column) => column.name !== TableActionColumn.actionColumnName);\n    dataTable.setColumns(columns);\n\n    return new Promise((resolve) => {\n      const handleConfirm = () => {\n        resolve({ isConfirm: true, selections: dataTable.getSelection() });\n\n        dataTable.setList([]);\n        dataTable.setSelection([]);\n\n        dialogInstance.destroy();\n      };\n\n      const handleCancel = () => {\n        resolve({ isConfirm: false, selections: [] });\n\n        dialogInstance.destroy();\n      };\n\n      const dialogInstance = this.customRender({\n        class: \"mk-data-table-select-dialog\",\n        width: \"80%\",\n        body: () => {\n          return (\n            <div class=\"mk-data-table-select-dialog__main\">\n              <MKDataTable dataTable={dataTable} selection />\n            </div>\n          );\n        },\n        footer: () => {\n          return (\n            <Fragment>\n              <ElButton\n                type=\"primary\"\n                onClick={handleConfirm}\n                disabled={dataTable.getSelection().length === 0}\n              >\n                确定\n              </ElButton>\n              <ElButton onClick={handleCancel}>取消</ElButton>\n            </Fragment>\n          );\n        },\n      });\n    });\n  }\n\n  async dataFormDialog(\n    dataFormOptions: DataFormDialogOptions\n  ): Promise<DialogInstance> {\n    return new Promise((resolve) => {\n      const dataForm = reactive(dataFormOptions.dataForm) as DataForm;\n\n      let title = \"\";\n\n      if (dataFormOptions.customDataFormStatus !== true) {\n        if (dataFormOptions.recId) {\n          dataForm.editRecord(dataFormOptions.recId);\n        } else {\n          dataForm.addRecord();\n        }\n\n        title = dataFormOptions.recId ? \"编辑\" : \"新增\";\n      }\n\n      const dialogInstance = this.customRender({\n        title: dataFormOptions.title ?? title,\n        onClose: () => {\n          dataForm.cancel();\n\n          dialogInstance.destroy();\n        },\n        body: () => {\n          return (\n            <ElScrollbar max-height=\"600px\">\n              <MKDataForm dataForm={dataForm}>\n                <MKForm dataForm={dataForm} />\n              </MKDataForm>\n            </ElScrollbar>\n          );\n        },\n\n        footer: () => {\n          return (\n            <Fragment>\n              <ElButton\n                type=\"primary\"\n                disabled={!dataForm.isChanged}\n                loading={!dataForm.allowSubmit}\n                onClick={async () => {\n                  if (!(await dataForm.validate())) {\n                    return;\n                  }\n\n                  if (await dataForm.simpleSubmit()) {\n                    dialogInstance.destroy();\n                  }\n                }}\n              >\n                {I18n.instance.translate(\"mk.dataForm.saveButton\")}\n              </ElButton>\n              <ElButton\n                onClick={() => {\n                  dataForm.cancel();\n\n                  dialogInstance.destroy();\n                }}\n              >\n                {I18n.instance.translate(\"mk.dataForm.cancelButton\")}\n              </ElButton>\n            </Fragment>\n          );\n        },\n      });\n\n      resolve(dialogInstance);\n    });\n  }\n}\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","uid","DialogerImpl","SkeletonDialoger","dialogInstanceCreateEvent","Event","prompt","options","promptResult","ElMessageBox","message","title","value","confirm","e","alert","customRender","visible","dialogInstance","class","id","v","visibleChangeEvent","emit","destroyEvent","destroy","custom","Promise","resolve","onConfirm","isFunction","onCancel","dataTableSelectDialog","dataTable","reactive","columns","getColumns","filter","column","name","TableActionColumn","actionColumnName","setColumns","handleConfirm","isConfirm","selections","getSelection","setList","setSelection","handleCancel","width","body","_createVNode","MKDataTable","footer","_Fragment","ElButton","length","default","_createTextVNode","dataFormDialog","dataFormOptions","dataForm","customDataFormStatus","recId","editRecord","addRecord","onClose","cancel","ElScrollbar","MKDataForm","MKForm","_slot","_slot2","isChanged","allowSubmit","validate","simpleSubmit","I18n","instance","translate","onClick"],"mappings":"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"}
+{"version":3,"file":"DialogerImpl.js","sources":["../../../src/message-impl/DialogerImpl.tsx"],"sourcesContent":["import {\n  DataForm,\n  DataFormDialogOptions,\n  DataTable,\n  DataTableSelectDialogResult,\n  DialogInstance,\n  IDialogMessage,\n  IDialogRenderOptions,\n  Messager,\n  SkeletonDialoger,\n  TableActionColumn,\n} from \"@maketribe/dm\";\nimport { Event } from \"@maketribe/utils\";\nimport { ElButton, ElDrawer, ElMessageBox, ElScrollbar } from \"element-plus\";\nimport { isFunction } from \"lodash-es\";\nimport { MKDataForm, MKDataTable, MKForm } from \"../components\";\nimport { Fragment, reactive } from \"vue\";\nimport { I18n } from \"@maketribe/locale\";\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    let visible = true;\n\n    const dialogInstance: DialogInstance = {\n      class: \"\",\n      ...options,\n      id: uid++,\n      get visible() {\n        return visible;\n      },\n      set visible(v) {\n        visible = v;\n        dialogInstance.visibleChangeEvent.emit(visible);\n      },\n      visibleChangeEvent: new Event(),\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      const dialogInstance = 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          dialogInstance.destroy();\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          dialogInstance.destroy();\n\n          resolve(false);\n        },\n      });\n    });\n  }\n\n  async dataTableSelectDialog(\n    dataTable: DataTable\n  ): Promise<DataTableSelectDialogResult> {\n    dataTable = reactive(dataTable) as DataTable;\n\n    // 过滤掉操作列\n    const columns = dataTable\n      .getColumns()\n      .filter((column) => column.name !== TableActionColumn.actionColumnName);\n    dataTable.setColumns(columns);\n\n    return new Promise((resolve) => {\n      const handleConfirm = () => {\n        resolve({ isConfirm: true, selections: dataTable.getSelection() });\n\n        dataTable.setList([]);\n        dataTable.setSelection([]);\n\n        dialogInstance.destroy();\n      };\n\n      const handleCancel = () => {\n        resolve({ isConfirm: false, selections: [] });\n\n        dialogInstance.destroy();\n      };\n\n      const dialogInstance = this.customRender({\n        class: \"mk-data-table-select-dialog\",\n        width: \"80%\",\n        body: () => {\n          return (\n            <div class=\"mk-data-table-select-dialog__main\">\n              <MKDataTable dataTable={dataTable} selection />\n            </div>\n          );\n        },\n        footer: () => {\n          return (\n            <Fragment>\n              <ElButton\n                type=\"primary\"\n                onClick={handleConfirm}\n                disabled={dataTable.getSelection().length === 0}\n              >\n                确定\n              </ElButton>\n              <ElButton onClick={handleCancel}>取消</ElButton>\n            </Fragment>\n          );\n        },\n      });\n    });\n  }\n\n  async dataFormDialog(\n    dataFormOptions: DataFormDialogOptions\n  ): Promise<DialogInstance> {\n    return new Promise((resolve) => {\n      const dataForm = reactive(dataFormOptions.dataForm) as DataForm;\n\n      let title = \"\";\n\n      if (dataFormOptions.customDataFormStatus !== true) {\n        if (dataFormOptions.recId) {\n          dataForm.editRecord(dataFormOptions.recId);\n        } else {\n          dataForm.addRecord();\n        }\n\n        title = dataFormOptions.recId ? \"编辑\" : \"新增\";\n      }\n\n      const dialogInstance = this.customRender({\n        title: dataFormOptions.title ?? title,\n        onClose: () => {\n          dataForm.cancel();\n\n          dialogInstance.destroy();\n        },\n        body: () => {\n          return (\n            <ElScrollbar max-height=\"600px\">\n              <MKDataForm dataForm={dataForm}>\n                <MKForm dataForm={dataForm} />\n              </MKDataForm>\n            </ElScrollbar>\n          );\n        },\n\n        footer: () => {\n          return (\n            <Fragment>\n              <ElButton\n                type=\"primary\"\n                disabled={!dataForm.isChanged}\n                loading={!dataForm.allowSubmit}\n                onClick={async () => {\n                  if (!(await dataForm.validate())) {\n                    return;\n                  }\n\n                  if (await dataForm.simpleSubmit()) {\n                    dialogInstance.destroy();\n                  }\n                }}\n              >\n                {I18n.instance.translate(\"mk.dataForm.saveButton\")}\n              </ElButton>\n              <ElButton\n                onClick={() => {\n                  dataForm.cancel();\n\n                  dialogInstance.destroy();\n                }}\n              >\n                {I18n.instance.translate(\"mk.dataForm.cancelButton\")}\n              </ElButton>\n            </Fragment>\n          );\n        },\n      });\n\n      resolve(dialogInstance);\n    });\n  }\n}\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","uid","DialogerImpl","SkeletonDialoger","dialogInstanceCreateEvent","Event","prompt","options","promptResult","ElMessageBox","message","title","value","confirm","e","alert","customRender","visible","dialogInstance","class","id","v","visibleChangeEvent","emit","destroyEvent","destroy","custom","Promise","resolve","onConfirm","isFunction","onCancel","dataTableSelectDialog","dataTable","reactive","columns","getColumns","filter","column","name","TableActionColumn","actionColumnName","setColumns","handleConfirm","isConfirm","selections","getSelection","setList","setSelection","handleCancel","width","body","_createVNode","MKDataTable","footer","_Fragment","ElButton","length","default","_createTextVNode","dataFormDialog","dataFormOptions","dataForm","customDataFormStatus","recId","editRecord","addRecord","onClose","cancel","ElScrollbar","MKDataForm","MKForm","_slot","_slot2","isChanged","allowSubmit","validate","simpleSubmit","I18n","instance","translate","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiByC,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAEzC,IAAIM,MAAM;AAEH,MAAMC,qBAAqBC,GAAAA,iBAAiB;AAAA,EAA5C;AAAA;AACLC,qDAAmD,IAAIC,MAAAA;;EAEvD,MAAMC,OAAOC,SAA0C;AACrD,UAAMC,eAAe,MAAMC,YAAY,aAACH,OACtCC,QAAQG,SACRH,QAAQI,OACRJ,OACF;AAEA,WAAOC,aAAaI;AAAAA,EACtB;AAAA,EAEA,MAAMC,QAAQN,SAA2C;AACvD,QAAI;AACF,YAAME,YAAAA,aAAaI,QAAQN,QAAQG,SAASH,QAAQI,OAAOJ,OAAO;AAClE,aAAO;AAAA,IACR,SAAQO,GAAG;AACV,aAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,MAAMC,MAAMR,SAAwC;AAClD,UAAME,YAAAA,aAAaM,MAAMR,QAAQG,SAASH,QAAQI,OAAOJ,OAAO;AAAA,EAClE;AAAA,EAEAS,aAAaT,SAA+C;AAC1D,QAAIU,UAAU;AAEd,UAAMC,iBAAiC;AAAA,MACrCC,OAAO;AAAA,MACP,GAAGZ;AAAAA,MACHa,IAAInB;AAAAA,MACJ,IAAIgB,UAAU;AACZ,eAAOA;AAAAA,MACR;AAAA,MACD,IAAIA,QAAQI,GAAG;AACbJ,kBAAUI;AACVH,uBAAeI,mBAAmBC,KAAKN,OAAO;AAAA,MAC/C;AAAA,MACDK,oBAAoB,IAAIjB,MAAAA,MAAO;AAAA,MAC/BmB,cAAc,IAAInB,MAAAA,MAAO;AAAA,MACzBoB,SAASA,MAAM;AACbP,uBAAeD,UAAU;AACzBC,uBAAeM,aAAaD;MAC9B;AAAA;AAEF,SAAKnB,0BAA0BmB,KAAKL,cAAc;AAElD,WAAOA;AAAAA,EACT;AAAA,EAEA,MAAMQ,OAAOnB,SAAiD;AAC5D,WAAO,IAAIoB,QAAkBC,aAAY;AACvC,YAAMV,iBAAiB,KAAKF,aAAa;AAAA,QACvC,GAAGT;AAAAA,QACHsB,WAAW,YAAY;AACrB,cACEC,SAAU,WAACvB,QAAQsB,SAAS,IACvB,MAAMtB,QAAQsB,UAAS,MAAQ,QAChC,OACJ;AACA,mBAAO;AAAA,UACT;AAEAX,yBAAeO,QAAO;AAEtBG,kBAAQ,IAAI;AAAA,QACb;AAAA,QACDG,UAAU,YAAY;AACpB,cACED,SAAU,WAACvB,QAAQwB,QAAQ,IACtB,MAAMxB,QAAQwB,SAAQ,MAAQ,QAC/B,OACJ;AACA,mBAAO;AAAA,UACT;AAEAb,yBAAeO,QAAO;AAEtBG,kBAAQ,KAAK;AAAA,QACf;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAAA,EAEA,MAAMI,sBACJC,WACsC;AACtCA,gBAAYC,IAAAA,SAASD,SAAS;AAG9B,UAAME,UAAUF,UACbG,WAAU,EACVC,OAAQC,YAAWA,OAAOC,SAASC,qBAAkBC,gBAAgB;AACxER,cAAUS,WAAWP,OAAO;AAE5B,WAAO,IAAIR,QAASC,aAAY;AAC9B,YAAMe,gBAAgBA,MAAM;AAC1Bf,gBAAQ;AAAA,UAAEgB,WAAW;AAAA,UAAMC,YAAYZ,UAAUa,aAAa;AAAA,QAAE,CAAC;AAEjEb,kBAAUc,QAAQ,CAAA,CAAE;AACpBd,kBAAUe,aAAa,CAAA,CAAE;AAEzB9B,uBAAeO,QAAO;AAAA;AAGxB,YAAMwB,eAAeA,MAAM;AACzBrB,gBAAQ;AAAA,UAAEgB,WAAW;AAAA,UAAOC,YAAY,CAAA;AAAA,QAAG,CAAC;AAE5C3B,uBAAeO,QAAO;AAAA;AAGxB,YAAMP,iBAAiB,KAAKF,aAAa;AAAA,QACvCG,OAAO;AAAA,QACP+B,OAAO;AAAA,QACPC,MAAMA,MAAM;AACV,iBAAAC,IAAAA,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,aAAAA,CAAAA,IAAA,YAAAC,mBAAA;AAAA,YAAA,aAE4BpB;AAAAA,YAAS,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA,CAAA;AAAA,QAGtC;AAAA,QACDqB,QAAQA,MAAM;AACZ,iBAAAF,IAAA,YAAAG,IAAA,UAAAH,MAAAA,CAAAA,IAAAA,YAAAI,YAAAA,UAAA;AAAA,YAAA,QAAA;AAAA,YAAA,WAIeb;AAAAA,YAAa,YACZV,UAAUa,aAAc,EAACW,WAAW;AAAA,UAAC,GAAA;AAAA,YAAAC,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,WAAAP,GAAAA,IAAA,YAAAI,sBAAA;AAAA,YAAA,WAI9BP;AAAAA,UAAY,GAAA;AAAA,YAAAS,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,UAAA,CAAA,CAAA,CAAA;AAAA,QAGrC;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAAA,EAEA,MAAMC,eACJC,iBACyB;AACzB,WAAO,IAAIlC,QAASC,aAAY;AAC9B,YAAMkC,WAAW5B,IAAAA,SAAS2B,gBAAgBC,QAAQ;AAElD,UAAInD,QAAQ;AAEZ,UAAIkD,gBAAgBE,yBAAyB,MAAM;AACjD,YAAIF,gBAAgBG,OAAO;AACzBF,mBAASG,WAAWJ,gBAAgBG,KAAK;AAAA,QAC3C,OAAO;AACLF,mBAASI,UAAS;AAAA,QACpB;AAEAvD,gBAAQkD,gBAAgBG,QAAQ,OAAO;AAAA,MACzC;AAEA,YAAM9C,iBAAiB,KAAKF,aAAa;AAAA,QACvCL,OAAOkD,gBAAgBlD,SAASA;AAAAA,QAChCwD,SAASA,MAAM;AACbL,mBAASM,OAAM;AAEflD,yBAAeO,QAAO;AAAA,QACvB;AAAA,QACD0B,MAAMA,MAAM;AACV,iBAAAC,IAAAA,YAAAiB,YAAAA,aAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAA;AAAA,YAAAX,SAAAA,MAAAN,CAAAA,IAAA,YAAAkB,oBAAA;AAAA,cAAA,YAE0BR;AAAAA,YAAQ,GAAA;AAAA,cAAAJ,SAAAA,MAAAN,CAAAA,IAAA,YAAAmB,gBAAA;AAAA,gBAAA,YACVT;AAAAA,cAAQ,GAAA,IAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA;AAAA,QAIjC;AAAA,QAEDR,QAAQA,MAAM;AAAA,cAAAkB,OAAAC;AACZ,iBAAArB,IAAA,YAAAG,IAAA,UAAAH,MAAAA,CAAAA,IAAAA,YAAAI,YAAAA,UAAA;AAAA,YAAA,QAAA;AAAA,YAAA,YAIgB,CAACM,SAASY;AAAAA,YAAS,WACpB,CAACZ,SAASa;AAAAA,YAAW,WACrB,YAAY;AACnB,kBAAI,CAAE,MAAMb,SAASc,SAAQ,GAAK;AAChC;AAAA,cACF;AAEA,kBAAI,MAAMd,SAASe,gBAAgB;AACjC3D,+BAAeO,QAAO;AAAA,cACxB;AAAA,YACF;AAAA,UAAC,GAAA/B,QAAA8E,QAEAM,YAAKC,SAASC,UAAU,wBAAwB,CAAC,IAAAR,QAAA;AAAA,YAAAd,SAAAA,MAAA,CAAAc,KAAA;AAAA,WAAApB,GAAAA,IAAA,YAAAI,sBAAA;AAAA,YAAA,WAGzCyB,MAAM;AACbnB,uBAASM,OAAM;AAEflD,6BAAeO,QAAO;AAAA,YACxB;AAAA,UAAC,GAAA/B,QAAA+E,SAEAK,YAAKC,SAASC,UAAU,0BAA0B,CAAC,IAAAP,SAAA;AAAA,YAAAf,SAAAA,MAAA,CAAAe,MAAA;AAAA,UAAA,CAAA,CAAA,CAAA;AAAA,QAI5D;AAAA,MACF,CAAC;AAED7C,cAAQV,cAAc;AAAA,IACxB,CAAC;AAAA,EACH;AACF;;"}

package/dist/cjs/modules/cms/components/part-tree/index.vue.js

@@ -10,6 +10,8 @@ require("vue-router");
 require("@maketribe/request");
 require("@maketribe/locale");
 require("../../../../components/basic/svg-icon/index.js");
+require("../../../../components/data-model/data-form/index.js");
+require("../../../../components/data-model/data-table-pagination/index.js");
 require("../../../../components/abstract/abstract-select/abstract-select.js");
 require("../../../../components/abstract/abstract-select/abstract-select-options.js");
 require("../../../../components/basic/button/button-options.js");
@@ -30,8 +32,7 @@ require("../../../../components/basic/upload-file/ui/upload-image/index.js");
 require("../../../../components/basic/upload-file/upload-file-options.js");
 require("../../../../components/basic/doc-editor/index.js");
 require("../../../../components/basic/copy-container/index.js");
-require("../../../../components/data-model/data-form/index.js");
-require("../../../../components/data-model/data-table-pagination/index.js");
+require("../../../../components/basic/image-cropper/index.js");
 require("../../../../components/business/verify-dialog/index.js");
 require("../../../../components/business/resource-list/index.js");
 require("../../../../components/business/resource-manager/index.js");
@@ -43,7 +44,6 @@ require("../../../ms/dataviews/log/login-log/LoginLogTable.js");
 require("../../../ms/dataviews/log/request-log/RequestLogTable.js");
 require("../../../ms/dataviews/log/local-log/LocalLogTree.js");
 require("../../../ms/components/material-list/index.js");
-require("../../../ms/components/material-select/index.js");
 require("../../../ms/components/markdown-editor/index.js");
 require("../../../ms/components/rich-text-editor/index.js");
 require("../../../ms/material-upload-context/material-upload-context-options.js");
@@ -63,11 +63,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   emits: ["edit", "add", "deleteSuccessfully", "select"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const treeRef = vue.ref(null);
     const optionSettings = __props;
     const enableEdit = vue.computed(() => optionSettings.EnableEdit);
     const emit = __emit;
     const i18n = useI18n.useI18n();
     const dataTree = vue.reactive(new CmsPartTree.CmsPartTree());
+    dataTree.listChangeEvent.once(() => {
+      const _list = dataTree.getList();
+      if (_list.length > 0) {
+        treeRef.value.$el.children[0].click();
+      }
+    });
     const handleAddClick = (item) => {
       emit("add", item);
     };
@@ -117,7 +124,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   vue.createVNode(vue.unref(index$1.MKTree), {
                     "data-tree": dataTree,
                     onNodeClick: selectPart,
-                    defaultExpandAll: ""
+                    defaultExpandAll: "",
+                    draggable: "",
+                    ref_key: "treeRef",
+                    ref: treeRef
                   }, {
                     "node-main": vue.withCtx(({ data }) => [
                       vue.createTextVNode(vue.toDisplayString(data.data.title), 1)

package/dist/cjs/modules/cms/components/part-tree/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../src/modules/cms/components/part-tree/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"cms-part-tree\">\r\n    <div class=\"cms-part-tree__header\">\r\n      <div>\r\n        <MKSvgIcon iconClass=\"Notebook\" />\r\n        栏目\r\n      </div>\r\n    </div>\r\n    <div class=\"cms-part-tree__body\">\r\n      <ElScrollbar style=\"height: 100%;\">\r\n        <MKDataTable :auto-load=\"true\" :data-table=\"dataTree\" highlight-current>\r\n          <MKTree :data-tree=\"dataTree\" @nodeClick=\"selectPart\" defaultExpandAll>\r\n            <template #node-main=\"{ data }\">\r\n              {{ data.data.title }}\r\n            </template>\r\n            <template #node-tools=\"{ data }\">\r\n              <el-dropdown v-if=\"enableEdit\">\r\n                <ElIcon>\r\n                  <MoreFilled />\r\n                </ElIcon>\r\n                <template #dropdown>\r\n                  <el-dropdown-menu>\r\n                    <el-dropdown-item :icon=\"Edit\" @click=\"handleEditClick(data.data)\">编辑</el-dropdown-item>\r\n                    <el-dropdown-item :icon=\"Delete\" @click=\"handleDeleteClick(data.data)\">删除</el-dropdown-item>\r\n                    <el-dropdown-item v-if=\"data.data.cmsPartTypeId != 1\" :icon=\"Plus\"\r\n                      @click=\"handleAddClick(data.data)\">添加子菜单</el-dropdown-item>\r\n                  </el-dropdown-menu>\r\n                </template>\r\n              </el-dropdown>\r\n            </template>\r\n          </MKTree>\r\n        </MKDataTable>\r\n      </ElScrollbar>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { ElMessageBox, ElScrollbar } from \"element-plus\"\r\nimport { Plus, Edit, Delete, MoreFilled } from \"@element-plus/icons-vue\";\r\nimport { reactive, defineProps, computed, defineEmits } from \"vue\";\r\nimport { MKDataTable, MKTree } from \"../../../../components/data-model/data-table\"\r\nimport { CmsPartTree } from \"../../dataviews\";\r\nimport { useI18n } from \"../../../../composables\";\r\nimport { DataTreeNode } from \"@maketribe/dm\";\r\n\r\ndefineOptions({ name: \"MKPartTree\" });\r\n\r\n// 配置选项\r\nconst optionSettings = defineProps({\r\n  EnableEdit: { type: Boolean, default: true }\r\n})\r\n\r\n// 是否启用编辑\r\nconst enableEdit = computed(() => optionSettings.EnableEdit);\r\n\r\n// 事件定义\r\nconst emit = defineEmits([\"edit\", \"add\", \"deleteSuccessfully\", \"select\"]);\r\n\r\nconst i18n = useI18n()!;\r\nconst dataTree = reactive(new CmsPartTree()) as CmsPartTree;\r\n\r\n/**\r\n * 点击添加栏目按钮\r\n * @param item \r\n */\r\nconst handleAddClick = (item: any) => {\r\n  emit(\"add\", item);\r\n}\r\n\r\n/**\r\n * 编辑栏目\r\n * @param item \r\n */\r\nconst handleEditClick = (item: any) => {\r\n  emit(\"edit\", item);\r\n}\r\n/**\r\n * 删除栏目\r\n * @param item \r\n */\r\nconst handleDeleteClick = async (item: any) => {\r\n  // 删除提示\r\n  const isConfirm = await ElMessageBox.confirm(\r\n    i18n.translate(\"mk.dataTablePage.deleteMessage\"),\r\n    i18n.translate(\"mk.dataTablePage.deleteTitle\"),\r\n    { type: \"warning\" }\r\n  )\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n  const result = await dataTree.deleteAfterRefresh(item.id);\r\n  if (result.data.code == 200) {\r\n    emit('deleteSuccessfully', item)\r\n  }\r\n}\r\n\r\n/**\r\n * 选择栏目\r\n * @param data \r\n */\r\nconst selectPart = (data: DataTreeNode) => {\r\n  emit(\"select\", data.data);\r\n}\r\n\r\ndefineExpose({ dataTree });\r\n\r\n\r\n</script>\r\n"],"names":["computed","useI18n","reactive","CmsPartTree","ElMessageBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,UAAM,iBAAiB;AAKvB,UAAM,aAAaA,IAAA,SAAS,MAAM,eAAe,UAAU;AAG3D,UAAM,OAAO;AAEb,UAAM,OAAOC,QAAAA;AACb,UAAM,WAAWC,IAAAA,SAAS,IAAIC,YAAAA,YAAa,CAAA;AAMrC,UAAA,iBAAiB,CAAC,SAAc;AACpC,WAAK,OAAO,IAAI;AAAA,IAAA;AAOZ,UAAA,kBAAkB,CAAC,SAAc;AACrC,WAAK,QAAQ,IAAI;AAAA,IAAA;AAMb,UAAA,oBAAoB,OAAO,SAAc;AAEvC,YAAA,YAAY,MAAMC,YAAAA,aAAa;AAAA,QACnC,KAAK,UAAU,gCAAgC;AAAA,QAC/C,KAAK,UAAU,8BAA8B;AAAA,QAC7C,EAAE,MAAM,UAAU;AAAA,MAAA;AAGpB,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AACA,YAAM,SAAS,MAAM,SAAS,mBAAmB,KAAK,EAAE;AACpD,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,aAAK,sBAAsB,IAAI;AAAA,MACjC;AAAA,IAAA;AAOI,UAAA,aAAa,CAAC,SAAuB;AACpC,WAAA,UAAU,KAAK,IAAI;AAAA,IAAA;AAGb,aAAA,EAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../../../../src/modules/cms/components/part-tree/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"cms-part-tree\">\r\n    <div class=\"cms-part-tree__header\">\r\n      <div>\r\n        <MKSvgIcon iconClass=\"Notebook\" />\r\n        栏目\r\n      </div>\r\n    </div>\r\n    <div class=\"cms-part-tree__body\">\r\n      <ElScrollbar style=\"height: 100%;\">\r\n        <MKDataTable :auto-load=\"true\" :data-table=\"dataTree\" highlight-current>\r\n          <MKTree :data-tree=\"dataTree\" @nodeClick=\"selectPart\" defaultExpandAll draggable ref=\"treeRef\">\r\n            <template #node-main=\"{ data }\">\r\n              {{ data.data.title }}\r\n            </template>\r\n            <template #node-tools=\"{ data }\">\r\n              <el-dropdown v-if=\"enableEdit\">\r\n                <ElIcon>\r\n                  <MoreFilled />\r\n                </ElIcon>\r\n                <template #dropdown>\r\n                  <el-dropdown-menu>\r\n                    <el-dropdown-item :icon=\"Edit\" @click=\"handleEditClick(data.data)\">编辑</el-dropdown-item>\r\n                    <el-dropdown-item :icon=\"Delete\" @click=\"handleDeleteClick(data.data)\">删除</el-dropdown-item>\r\n                    <el-dropdown-item v-if=\"data.data.cmsPartTypeId != 1\" :icon=\"Plus\"\r\n                      @click=\"handleAddClick(data.data)\">添加子菜单</el-dropdown-item>\r\n                  </el-dropdown-menu>\r\n                </template>\r\n              </el-dropdown>\r\n            </template>\r\n          </MKTree>\r\n        </MKDataTable>\r\n      </ElScrollbar>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { ElMessageBox, ElScrollbar } from \"element-plus\"\r\nimport { Plus, Edit, Delete, MoreFilled } from \"@element-plus/icons-vue\";\r\nimport { reactive, defineProps, computed, defineEmits, ref } from \"vue\";\r\nimport { MKDataTable, MKTree } from \"../../../../components/data-model/data-table\"\r\nimport { CmsPartTree } from \"../../dataviews\";\r\nimport { useI18n } from \"../../../../composables\";\r\nimport { DataTreeNode } from \"@maketribe/dm\";\r\n\r\ndefineOptions({ name: \"MKPartTree\" });\r\nconst treeRef = ref(null);\r\n// 配置选项\r\nconst optionSettings = defineProps({\r\n  EnableEdit: { type: Boolean, default: true }\r\n})\r\n\r\n// 是否启用编辑\r\nconst enableEdit = computed(() => optionSettings.EnableEdit);\r\n\r\n// 事件定义\r\nconst emit = defineEmits([\"edit\", \"add\", \"deleteSuccessfully\", \"select\"]);\r\n\r\nconst i18n = useI18n()!;\r\nconst dataTree = reactive(new CmsPartTree()) as CmsPartTree;\r\n\r\ndataTree.listChangeEvent.once(() => {\r\n  const _list = dataTree.getList();\r\n  if (_list.length > 0) {\r\n    //默认选择第一条\r\n    (treeRef.value as any).$el.children[0].click()\r\n  }\r\n})\r\n\r\n/**\r\n * 点击添加栏目按钮\r\n * @param item \r\n */\r\nconst handleAddClick = (item: any) => {\r\n  emit(\"add\", item);\r\n}\r\n\r\n/**\r\n * 编辑栏目\r\n * @param item \r\n */\r\nconst handleEditClick = (item: any) => {\r\n  emit(\"edit\", item);\r\n}\r\n/**\r\n * 删除栏目\r\n * @param item \r\n */\r\nconst handleDeleteClick = async (item: any) => {\r\n  // 删除提示\r\n  const isConfirm = await ElMessageBox.confirm(\r\n    i18n.translate(\"mk.dataTablePage.deleteMessage\"),\r\n    i18n.translate(\"mk.dataTablePage.deleteTitle\"),\r\n    { type: \"warning\" }\r\n  )\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n  const result = await dataTree.deleteAfterRefresh(item.id);\r\n  if (result.data.code == 200) {\r\n    emit('deleteSuccessfully', item)\r\n  }\r\n}\r\n\r\n/**\r\n * 选择栏目\r\n * @param data \r\n */\r\nconst selectPart = (data: DataTreeNode) => {\r\n  emit(\"select\", data.data);\r\n}\r\n\r\ndefineExpose({ dataTree });\r\n\r\n\r\n</script>\r\n"],"names":["ref","computed","useI18n","reactive","CmsPartTree","ElMessageBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CM,UAAA,UAAUA,QAAI,IAAI;AAExB,UAAM,iBAAiB;AAKvB,UAAM,aAAaC,IAAA,SAAS,MAAM,eAAe,UAAU;AAG3D,UAAM,OAAO;AAEb,UAAM,OAAOC,QAAAA;AACb,UAAM,WAAWC,IAAAA,SAAS,IAAIC,YAAAA,YAAa,CAAA;AAElC,aAAA,gBAAgB,KAAK,MAAM;AAC5B,YAAA,QAAQ,SAAS;AACnB,UAAA,MAAM,SAAS,GAAG;AAEnB,gBAAQ,MAAc,IAAI,SAAS,CAAC,EAAE;MACzC;AAAA,IAAA,CACD;AAMK,UAAA,iBAAiB,CAAC,SAAc;AACpC,WAAK,OAAO,IAAI;AAAA,IAAA;AAOZ,UAAA,kBAAkB,CAAC,SAAc;AACrC,WAAK,QAAQ,IAAI;AAAA,IAAA;AAMb,UAAA,oBAAoB,OAAO,SAAc;AAEvC,YAAA,YAAY,MAAMC,YAAAA,aAAa;AAAA,QACnC,KAAK,UAAU,gCAAgC;AAAA,QAC/C,KAAK,UAAU,8BAA8B;AAAA,QAC7C,EAAE,MAAM,UAAU;AAAA,MAAA;AAGpB,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AACA,YAAM,SAAS,MAAM,SAAS,mBAAmB,KAAK,EAAE;AACpD,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,aAAK,sBAAsB,IAAI;AAAA,MACjC;AAAA,IAAA;AAOI,UAAA,aAAa,CAAC,SAAuB;AACpC,WAAA,UAAU,KAAK,IAAI;AAAA,IAAA;AAGb,aAAA,EAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/modules/cms/dataviews/cms-ad-contents/CmsAdContentsForm.js

@@ -14,6 +14,9 @@ require("vue-router");
 require("@maketribe/request");
 require("@maketribe/locale");
 require("../../../../components/basic/svg-icon/index.js");
+require("../../../../components/data-model/data-form/index.js");
+require("../../../../components/data-model/data-table/index.js");
+require("../../../../components/data-model/data-table-pagination/index.js");
 require("../../../../components/abstract/abstract-select/abstract-select.js");
 require("../../../../components/abstract/abstract-select/abstract-select-options.js");
 require("../../../../components/basic/button/button-options.js");
@@ -34,9 +37,7 @@ require("../../../../components/basic/upload-file/ui/upload-image/index.js");
 require("../../../../components/basic/upload-file/upload-file-options.js");
 require("../../../../components/basic/doc-editor/index.js");
 require("../../../../components/basic/copy-container/index.js");
-require("../../../../components/data-model/data-form/index.js");
-require("../../../../components/data-model/data-table/index.js");
-require("../../../../components/data-model/data-table-pagination/index.js");
+require("../../../../components/basic/image-cropper/index.js");
 require("../../../../components/business/verify-dialog/index.js");
 require("../../../../components/business/resource-list/index.js");
 require("../../../../components/business/resource-manager/index.js");
@@ -48,7 +49,6 @@ require("../../../ms/dataviews/log/login-log/LoginLogTable.js");
 require("../../../ms/dataviews/log/request-log/RequestLogTable.js");
 require("../../../ms/dataviews/log/local-log/LocalLogTree.js");
 require("../../../ms/components/material-list/index.js");
-require("../../../ms/components/material-select/index.js");
 require("../../../ms/components/markdown-editor/index.js");
 require("../../../ms/components/rich-text-editor/index.js");
 const MaterialUploadContext = require("../../../ms/material-upload-context/MaterialUploadContext.js");