@maketribe/ms-app 3.0.6 → 3.0.8

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

@@ -0,0 +1,10 @@
+import { MenuNode } from "../../../core";
+export declare const MKBar: import("vue").DefineComponent<{
+    barItem: {
+        type: typeof MenuNode;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    barItem: {
+        type: typeof MenuNode;
+    };
+}>>, {}, {}>;

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

@@ -0,0 +1,128 @@
+import { defineComponent, computed, createVNode, unref, createTextVNode } from 'vue';
+import '../../../components/data-model/data-form/index.js';
+import '../../../components/data-model/data-form-page/index.js';
+import '../../../components/data-model/data-table/index.js';
+import '../../../components/data-model/data-table-page/index.js';
+import '../../../components/data-model/data-table-pagination/index.js';
+import '../../../components/form-components/form-data-select/index.js';
+import '../../../components/form-components/form-icon-select/index.js';
+import '../../../components/form-components/form-radio-box/index.js';
+import '../../../components/form-components/form-detail/index.js';
+import '../../../components/form-components/form-data-table-select/index.js';
+import '../../../components/form-components/form-image-upload/index.js';
+import '../../../components/data-table-select/index.js';
+import '../../../components/form-components/form-detail-select/form-detail-select-options.js';
+import '../../../components/data-model/data-form/composables/use-form-item.js';
+import 'lodash-es';
+import '../../../components/form-components/form-image-list/index.js';
+import '../../../components/form-components/form-date-picker/index.js';
+import '../../../components/form-components/form-rich-text-editor/index.js';
+import '../../../components/column-components/column-action/column-action-options.js';
+import 'element-plus';
+import { MKSvgIcon } from '../../../components/svg-icon/index.js';
+import '../../../components/button/button-options.js';
+import '../../../components/data-model/data-table/composables/use-column.js';
+import '../../../components/column-components/column-image/column-image-options.js';
+import '../../../components/image-view/index.js';
+import '../../../components/column-components/column-text/column-text-options.js';
+import '../../../components/column-components/column-object-mapping-text/column-object-mapping-text-options.js';
+import '../../../components/column-components/column-select/column-select-options.js';
+import '../../../components/column-components/column-select/column-select-header-options.js';
+import '../../../components/column-components/column-json/index.js';
+import '../../../components/condition-components/condition-input/index.js';
+import '../../../components/condition-components/condition-date/index.js';
+import '../../../components/condition-components/condition-number/index.js';
+import '../../../components/condition-components/condition-select/index.js';
+import '../../../components/config-provider/index.js';
+import '../../../components/video-view/index.js';
+import '../../../components/file-view/index.js';
+import '../../../components/upload-file/index.js';
+import '../../../components/data-table-select-dialog/index.js';
+import '../../../components/data-select/index.js';
+import '../../../components/upload-image/upload-image-options.js';
+import '../../../components/pagination/index.js';
+import '../../../components/markdown-editor/index.js';
+import '../../../components/rich-text-editor/index.js';
+import '../../../components/system-provider/index.js';
+import '../../../components/material-list/index.js';
+import '../../../components/material-select/index.js';
+import '../../../components/role-permission-config/index.js';
+import '../../../components/image-select/index.js';
+import '../../../components/verify-dialog/index.js';
+import '../../../components/json-editor/index.js';
+import '@maketribe/dm';
+import '@maketribe/utils';
+import { MenuNode } from '../../../core/menu/MenuNode.js';
+import '../../../core/DataModelDefines.js';
+import { MSAppClient } from '../../../core/MSAppClient.js';
+import { MenuType } from '../../../constants/menu.js';
+
+const MKBar = /* @__PURE__ */ defineComponent({
+  name: "MKBar",
+  props: {
+    barItem: {
+      type: MenuNode
+    }
+  },
+  setup(props) {
+    const msAppClient = MSAppClient.instance;
+    const userSession = msAppClient.userSession;
+    const menu = userSession.menu;
+    const router = userSession.router;
+    const currentBarItem = computed(() => props.barItem);
+    const handleBarItemClick = (barItem) => {
+      let target = barItem;
+      if (barItem.children.length) {
+        target = menu.getFirstLeafMenuNode(barItem.children);
+      }
+      if (!target) {
+        return;
+      }
+      if (target?.route) {
+        router.changeRoute({
+          name: target.route.name
+        });
+      }
+    };
+    return () => {
+      const barItems = menu.rootMenus.filter((rootMenu) => rootMenu.type !== "3").map((rootMenu) => createVNode("div", {
+        "class": ["mk-bar__item", rootMenu.children.length ? "has-children" : "", unref(currentBarItem)?.id === rootMenu.id ? "is-active" : ""],
+        "onClick": () => handleBarItemClick(rootMenu)
+      }, [createVNode("div", {
+        "class": "mk-bar__item-button"
+      }, [createVNode(MKSvgIcon, {
+        "iconClass": rootMenu.iconName
+      }, null)]), createVNode("div", {
+        "class": "mk-bar__item-title"
+      }, [rootMenu.title, createTextVNode(" ")])]));
+      const systemSettingNode = menu.rootMenus.find((rootMenu) => rootMenu.type === MenuType.SystemSettings);
+      const footer = systemSettingNode?.children.length ? createVNode("div", {
+        "class": "mk-bar__footer"
+      }, [createVNode("div", {
+        "class": ["mk-bar__item", "mk-bar__settings", systemSettingNode.children.length ? "has-children" : "", unref(currentBarItem)?.id === systemSettingNode.id ? "is-active" : ""],
+        "onClick": () => handleBarItemClick(systemSettingNode)
+      }, [createVNode("div", {
+        "class": "mk-bar__item-button"
+      }, [createVNode(MKSvgIcon, {
+        "iconClass": systemSettingNode.iconName
+      }, null)]), createVNode("div", {
+        "class": "mk-bar__item-title"
+      }, [systemSettingNode.title, createTextVNode(" ")])])]) : null;
+      return createVNode("div", {
+        "class": "mk-bar"
+      }, [createVNode("div", {
+        "class": "mk-bar__logo"
+      }, [createVNode("div", {
+        "class": "mk-logo",
+        "style": {
+          backgroundImage: `url(${msAppClient.logo})`
+        }
+      }, null)]), createVNode("div", {
+        "class": "mk-bar__items"
+      }, [barItems]), footer]);
+    };
+  }
+});
+
+export { MKBar };
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { defineComponent, createVNode } from 'vue';
+import { MKHeaderTools } from './tools.js';
+
+const MKHeader = /* @__PURE__ */ defineComponent({
+  name: "MKHeader",
+  setup() {
+    return () => {
+      return createVNode("div", {
+        "class": "mk-header"
+      }, [createVNode("div", {
+        "class": "mk-header__main"
+      }, null), createVNode("div", {
+        "class": "mk-header__tools"
+      }, [createVNode(MKHeaderTools, null, null)])]);
+    };
+  }
+});
+
+export { MKHeader };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/header/index.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\nimport { MKHeaderTools } from \"./tools\";\n\nexport const MKHeader = defineComponent({\n  name: \"MKHeader\",\n  setup() {\n    return () => {\n      return (\n        <div class=\"mk-header\">\n          <div class=\"mk-header__main\"></div>\n          <div class=\"mk-header__tools\">\n            <MKHeaderTools />\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["MKHeader","name","setup","_createVNode","MKHeaderTools"],"mappings":";;;AAGO,MAAMA,2BAA2B,eAAA,CAAA;AAAA,EACtCC,IAAM,EAAA,UAAA;AAAA,EACNC,KAAQ,GAAA;AACN,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,WAAA;AAAA,OAAA,EAAA,CAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,OAAA,EAAA,IAAA,CAAAA,EAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,kBAAA;AAAA,OAAA,EAAAA,CAAAA,WAAAC,CAAAA,aAAAA,EAAA,MAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAQF,CAAA;AAAA,GACF;AACF,CAAC;;;;"}

package/dist/esm/layouts/components/header/tools.d.ts

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

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

@@ -0,0 +1,97 @@
+import { defineComponent, computed, unref, createVNode, createTextVNode } from 'vue';
+import { ElDropdown, ElImage, ElDropdownMenu, ElDropdownItem } from 'element-plus';
+import '@maketribe/dm';
+import '@maketribe/utils';
+import '../../../core/DataModelDefines.js';
+import { MSAppClient } from '../../../core/MSAppClient.js';
+import '../../../components/data-model/data-form/index.js';
+import '../../../components/data-model/data-form-page/index.js';
+import '../../../components/data-model/data-table/index.js';
+import '../../../components/data-model/data-table-page/index.js';
+import '../../../components/data-model/data-table-pagination/index.js';
+import '../../../components/form-components/form-data-select/index.js';
+import '../../../components/form-components/form-icon-select/index.js';
+import '../../../components/form-components/form-radio-box/index.js';
+import '../../../components/form-components/form-detail/index.js';
+import '../../../components/form-components/form-data-table-select/index.js';
+import '../../../components/form-components/form-image-upload/index.js';
+import '../../../components/data-table-select/index.js';
+import '../../../components/form-components/form-detail-select/form-detail-select-options.js';
+import '../../../components/data-model/data-form/composables/use-form-item.js';
+import 'lodash-es';
+import '../../../components/form-components/form-image-list/index.js';
+import '../../../components/form-components/form-date-picker/index.js';
+import '../../../components/form-components/form-rich-text-editor/index.js';
+import '../../../components/column-components/column-action/column-action-options.js';
+import { MKSvgIcon } from '../../../components/svg-icon/index.js';
+import '../../../components/button/button-options.js';
+import '../../../components/data-model/data-table/composables/use-column.js';
+import '../../../components/column-components/column-image/column-image-options.js';
+import '../../../components/image-view/index.js';
+import '../../../components/column-components/column-text/column-text-options.js';
+import '../../../components/column-components/column-object-mapping-text/column-object-mapping-text-options.js';
+import '../../../components/column-components/column-select/column-select-options.js';
+import '../../../components/column-components/column-select/column-select-header-options.js';
+import '../../../components/column-components/column-json/index.js';
+import '../../../components/condition-components/condition-input/index.js';
+import '../../../components/condition-components/condition-date/index.js';
+import '../../../components/condition-components/condition-number/index.js';
+import '../../../components/condition-components/condition-select/index.js';
+import '../../../components/config-provider/index.js';
+import '../../../components/video-view/index.js';
+import '../../../components/file-view/index.js';
+import '../../../components/upload-file/index.js';
+import '../../../components/data-table-select-dialog/index.js';
+import '../../../components/data-select/index.js';
+import '../../../components/upload-image/upload-image-options.js';
+import '../../../components/pagination/index.js';
+import '../../../components/markdown-editor/index.js';
+import '../../../components/rich-text-editor/index.js';
+import '../../../components/system-provider/index.js';
+import '../../../components/material-list/index.js';
+import '../../../components/material-select/index.js';
+import '../../../components/role-permission-config/index.js';
+import '../../../components/image-select/index.js';
+import '../../../components/verify-dialog/index.js';
+import '../../../components/json-editor/index.js';
+
+const MKHeaderTools = /* @__PURE__ */ defineComponent({
+  name: "MKHeaderTools",
+  setup(props) {
+    const msAppClient = MSAppClient.instance;
+    const userSession = msAppClient.userSession;
+    const userInfo = computed(() => userSession.userInfo);
+    const avatar = computed(() => unref(userInfo).avatar || "/avatar.png");
+    return () => {
+      return createVNode("div", {
+        "class": "mk-header-tools"
+      }, [createVNode("div", {
+        "class": "mk-header-tools__item"
+      }, [createVNode(ElDropdown, {
+        "class": "mk-header-tools__user",
+        "trigger": "click"
+      }, {
+        default: () => createVNode("div", {
+          "class": "mk-header-tools__user-info"
+        }, [createVNode(ElImage, {
+          "class": "mk-header-tools__avatar",
+          "src": unref(avatar)
+        }, null), createVNode("span", {
+          "class": "mk-header-tools__nickName"
+        }, [unref(userInfo).nickName])]),
+        dropdown: () => createVNode(ElDropdownMenu, null, {
+          default: () => [createVNode(ElDropdownItem, {
+            "onClick": () => msAppClient.logout()
+          }, {
+            default: () => [createVNode(MKSvgIcon, {
+              "iconClass": "SwitchButton"
+            }, null), createTextVNode("\u9000\u51FA\u767B\u5F55")]
+          })]
+        })
+      })])]);
+    };
+  }
+});
+
+export { MKHeaderTools };
+//# sourceMappingURL=tools.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tools.js","sources":["../../../../../src/layouts/components/header/tools.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport {\n  ElDropdown,\n  ElDropdownItem,\n  ElDropdownMenu,\n  ElImage,\n} from \"element-plus\";\nimport { MSAppClient } from \"../../../core\";\nimport { MKSvgIcon } from \"../../../components\";\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 || \"/avatar.png\");\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                    />\n                    <span class=\"mk-header-tools__nickName\">\n                      {unref(userInfo).nickName}\n                    </span>\n                  </div>\n                ),\n                dropdown: () => (\n                  <ElDropdownMenu>\n                    <ElDropdownItem onClick={() => msAppClient.logout()}>\n                      <MKSvgIcon iconClass=\"SwitchButton\" />\n                      退出登录\n                    </ElDropdownItem>\n                  </ElDropdownMenu>\n                ),\n              }}\n            />\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["MKHeaderTools","name","setup","props","msAppClient","MSAppClient","instance","userSession","userInfo","computed","avatar","unref","_createVNode","ElDropdown","default","ElImage","nickName","dropdown","ElDropdownMenu","ElDropdownItem","onClick","logout","MKSvgIcon","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAMA,gCAAgC,eAAA,CAAA;AAAA,EAC3CC,IAAM,EAAA,eAAA;AAAA,EACNC,MAAMC,KAAO,EAAA;AACX,IAAA,MAAMC,cAAcC,WAAYC,CAAAA,QAAAA,CAAAA;AAChC,IAAA,MAAMC,cAAcH,WAAYG,CAAAA,WAAAA,CAAAA;AAEhC,IAAA,MAAMC,QAAWC,GAAAA,QAAAA,CAAS,MAAMF,WAAAA,CAAYC,QAAS,CAAA,CAAA;AAErD,IAAA,MAAME,SAASD,QAAS,CAAA,MAAME,MAAMH,QAAQ,CAAA,CAAEE,UAAU,aAAa,CAAA,CAAA;AAErE,IAAA,OAAO,MAAM;AACX,MAAA,OAAAE,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,OAAA,EAAA,CAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,uBAAA;AAAA,OAAA,EAAAA,CAAAA,WAAAA,CAAAC,UAAA,EAAA;AAAA,QAAA,OAAA,EAAA,uBAAA;AAAA,QAAA,SAAA,EAAA,OAAA;AAAA,OAMiB,EAAA;AAAA,QACPC,OAAAA,EAASA,MAAAF,WAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAAA,4BAAA;AAAA,SAAA,EAAAA,CAAAA,WAAAA,CAAAG,OAAA,EAAA;AAAA,UAAA,OAAA,EAAA,yBAAA;AAAA,UAAA,KAAA,EAIEJ,MAAMD,MAAM,CAAA;AAAA,SAAC,EAAA,IAAA,CAAAE,EAAAA,WAAAA,CAAA,MAAA,EAAA;AAAA,UAAA,OAAA,EAAA,2BAAA;AAAA,SAAA,EAAA,CAGjBD,KAAMH,CAAAA,QAAQ,EAAEQ,QAAQ,CAG9B,CAAA,CAAA,CAAA;AAAA,QACDC,QAAUA,EAAAA,MAAAL,WAAAM,CAAAA,cAAAA,EAAA,IAAA,EAAA;AAAA,UAAAJ,OAAAA,EAAAA,MAAAF,CAAAA,WAAAA,CAAAO,cAAA,EAAA;AAAA,YAAA,SAAA,EAEmBC,MAAMhB,WAAAA,CAAYiB,MAAO,EAAA;AAAA,WAAC,EAAA;AAAA,YAAAP,OAAAA,EAAAA,MAAAF,CAAAA,WAAAA,CAAAU,SAAA,EAAA;AAAA,cAAA,WAAA,EAAA,cAAA;AAAA,aAAA,EAAA,IAAA,CAAAC,EAAAA,eAAAA,CAAA,0BAAA,CAAA,CAAA;AAAA,WAAA,CAAA,CAAA;AAAA,SAAA,CAAA;AAAA,OAMxD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAKX,CAAA;AAAA,GACF;AACF,CAAC;;;;"}

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

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

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

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

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

@@ -0,0 +1,142 @@
+import { defineComponent, ref, unref, createVNode, createTextVNode } from 'vue';
+import { useRouter } from 'vue-router';
+import { ElInput, ElButton } from 'element-plus';
+import { Messager } from '@maketribe/dm';
+import '@maketribe/utils';
+import '../../../core/DataModelDefines.js';
+import { MSAppClient } from '../../../core/MSAppClient.js';
+import '../../../components/data-model/data-form/index.js';
+import '../../../components/data-model/data-form-page/index.js';
+import '../../../components/data-model/data-table/index.js';
+import '../../../components/data-model/data-table-page/index.js';
+import '../../../components/data-model/data-table-pagination/index.js';
+import '../../../components/form-components/form-data-select/index.js';
+import '../../../components/form-components/form-icon-select/index.js';
+import '../../../components/form-components/form-radio-box/index.js';
+import '../../../components/form-components/form-detail/index.js';
+import '../../../components/form-components/form-data-table-select/index.js';
+import '../../../components/form-components/form-image-upload/index.js';
+import '../../../components/data-table-select/index.js';
+import '../../../components/form-components/form-detail-select/form-detail-select-options.js';
+import '../../../components/data-model/data-form/composables/use-form-item.js';
+import 'lodash-es';
+import '../../../components/form-components/form-image-list/index.js';
+import '../../../components/form-components/form-date-picker/index.js';
+import '../../../components/form-components/form-rich-text-editor/index.js';
+import '../../../components/column-components/column-action/column-action-options.js';
+import '../../../components/svg-icon/index.js';
+import '../../../components/button/button-options.js';
+import '../../../components/data-model/data-table/composables/use-column.js';
+import '../../../components/column-components/column-image/column-image-options.js';
+import '../../../components/image-view/index.js';
+import '../../../components/column-components/column-text/column-text-options.js';
+import '../../../components/column-components/column-object-mapping-text/column-object-mapping-text-options.js';
+import '../../../components/column-components/column-select/column-select-options.js';
+import '../../../components/column-components/column-select/column-select-header-options.js';
+import '../../../components/column-components/column-json/index.js';
+import '../../../components/condition-components/condition-input/index.js';
+import '../../../components/condition-components/condition-date/index.js';
+import '../../../components/condition-components/condition-number/index.js';
+import '../../../components/condition-components/condition-select/index.js';
+import '../../../components/config-provider/index.js';
+import '../../../components/video-view/index.js';
+import '../../../components/file-view/index.js';
+import '../../../components/upload-file/index.js';
+import '../../../components/data-table-select-dialog/index.js';
+import '../../../components/data-select/index.js';
+import '../../../components/upload-image/upload-image-options.js';
+import '../../../components/pagination/index.js';
+import '../../../components/markdown-editor/index.js';
+import '../../../components/rich-text-editor/index.js';
+import '../../../components/system-provider/index.js';
+import '../../../components/material-list/index.js';
+import '../../../components/material-select/index.js';
+import '../../../components/role-permission-config/index.js';
+import '../../../components/image-select/index.js';
+import { MKVerifyDialog } from '../../../components/verify-dialog/index.js';
+import '../../../components/json-editor/index.js';
+
+var Lock = /* @__PURE__ */ defineComponent({
+  name: "MKLock",
+  setup() {
+    const msAppClient = MSAppClient.instance;
+    const vueRouter = useRouter();
+    const locking = ref(msAppClient.userSession.locking ?? false);
+    const password = ref("");
+    const isVisibleVerify = ref(false);
+    const handleToLogin = () => {
+      vueRouter.push({
+        name: "login"
+      });
+    };
+    const handleUnlock = () => {
+      isVisibleVerify.value = true;
+    };
+    const handleVerifySuccess = async (code) => {
+      const userSession = msAppClient.userSession;
+      try {
+        const response = await userSession.unlock(unref(password), code);
+        if (response.data.code !== 200) {
+          Messager.instance.error({
+            message: response.data.msg
+          });
+          return;
+        }
+      } catch (e) {
+        console.error(e);
+        Messager.instance.error({
+          message: "\u7F51\u7EDC\u5F02\u5E38"
+        });
+      } finally {
+        isVisibleVerify.value = false;
+      }
+    };
+    msAppClient.userSession.lockingChangeEvent.on(({
+      locking: isLocking
+    }) => {
+      locking.value = isLocking;
+    });
+    return () => {
+      if (!unref(locking)) {
+        return null;
+      }
+      const verifyDialogVNode = unref(isVisibleVerify) ? createVNode(MKVerifyDialog, {
+        "scene": "Login",
+        "visible": unref(isVisibleVerify),
+        "onUpdate:visible": (v) => isVisibleVerify.value = v,
+        "onConfirm": handleVerifySuccess
+      }, null) : null;
+      return createVNode("div", {
+        "class": "mk-lock"
+      }, [createVNode("div", {
+        "class": "mk-lock__overlay mk-overlay"
+      }, null), createVNode("div", {
+        "class": "mk-lock-entry"
+      }, [createVNode("div", {
+        "class": "mk-lock-entry__user-info"
+      }, null), createVNode(ElInput, {
+        "type": "password",
+        "placeholder": "\u8BF7\u8F93\u5165\u7528\u6237\u5BC6\u7801",
+        "modelValue": unref(password),
+        "onUpdate:modelValue": (v) => password.value = v
+      }, null), createVNode("div", {
+        "class": "mk-lock-entry__footer"
+      }, [createVNode(ElButton, {
+        "type": "primary",
+        "link": true,
+        "onClick": handleToLogin
+      }, {
+        default: () => [createTextVNode("\u8FD4\u56DE\u767B\u9646")]
+      }), createVNode(ElButton, {
+        "type": "primary",
+        "link": true,
+        "onClick": handleUnlock
+      }, {
+        default: () => [createTextVNode("\u8FDB\u5165\u7CFB\u7EDF")]
+      })])]), verifyDialogVNode]);
+    };
+  }
+});
+
+export { Lock as default };
+//# sourceMappingURL=lock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lock.js","sources":["../../../../../src/layouts/components/lock/lock.tsx"],"sourcesContent":["import { defineComponent, ref, unref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { ElButton, ElInput } from \"element-plus\";\nimport { Messager } from \"@maketribe/dm\";\nimport { MSAppClient } from \"../../../core\";\nimport { MKVerifyDialog } from \"../../../components\";\n\nexport default defineComponent({\n  name: \"MKLock\",\n  setup() {\n    const msAppClient = MSAppClient.instance!;\n\n    const vueRouter = useRouter();\n\n    const locking = ref(msAppClient.userSession!.locking ?? false);\n\n    const password = ref(\"\");\n    const isVisibleVerify = ref(false);\n\n    const handleToLogin = () => {\n      vueRouter.push({ name: \"login\" });\n    };\n\n    const handleUnlock = () => {\n      isVisibleVerify.value = true;\n    };\n\n    const handleVerifySuccess = async (code: string) => {\n      const userSession = msAppClient.userSession!;\n\n      try {\n        const response = await userSession.unlock(unref(password), code);\n\n        if (response.data.code !== 200) {\n          Messager.instance.error({ message: response.data.msg });\n          return;\n        }\n      } catch (e) {\n        console.error(e);\n\n        Messager.instance.error({ message: \"网络异常\" });\n      } finally {\n        isVisibleVerify.value = false;\n      }\n    };\n\n    msAppClient.userSession!.lockingChangeEvent.on(({ locking: isLocking }) => {\n      locking.value = isLocking;\n    });\n\n    return () => {\n      if (!unref(locking)) {\n        return null;\n      }\n\n      const verifyDialogVNode = unref(isVisibleVerify) ? (\n        <MKVerifyDialog\n          scene=\"Login\"\n          visible={unref(isVisibleVerify)}\n          onUpdate:visible={(v) => (isVisibleVerify.value = v as boolean)}\n          onConfirm={handleVerifySuccess}\n        />\n      ) : null;\n\n      return (\n        <div class=\"mk-lock\">\n          <div class=\"mk-lock__overlay mk-overlay\"></div>\n\n          <div class=\"mk-lock-entry\">\n            <div class=\"mk-lock-entry__user-info\"></div>\n            <ElInput\n              type=\"password\"\n              placeholder=\"请输入用户密码\"\n              modelValue={unref(password)}\n              onUpdate:modelValue={(v: string) => (password.value = v)}\n            />\n            <div class=\"mk-lock-entry__footer\">\n              <ElButton type=\"primary\" link onClick={handleToLogin}>\n                返回登陆\n              </ElButton>\n              <ElButton type=\"primary\" link onClick={handleUnlock}>\n                进入系统\n              </ElButton>\n            </div>\n          </div>\n\n          {verifyDialogVNode}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","setup","msAppClient","MSAppClient","instance","vueRouter","useRouter","locking","ref","userSession","password","isVisibleVerify","handleToLogin","push","handleUnlock","value","handleVerifySuccess","code","response","unlock","unref","data","Messager","error","message","msg","e","console","lockingChangeEvent","on","isLocking","verifyDialogVNode","_createVNode","MKVerifyDialog","v","ElInput","ElButton","default","_createTextVNode"],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+import { MenuNode } from "../../../core";
+export declare const MKMenu: import("vue").DefineComponent<{
+    barItem: {
+        type: typeof MenuNode;
+    };
+    collapse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    barItem: {
+        type: typeof MenuNode;
+    };
+    collapse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    collapse: boolean;
+}, {}>;

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

@@ -0,0 +1,66 @@
+import { defineComponent, ref, computed, unref, createVNode, isVNode } from 'vue';
+import { ElMenu } from 'element-plus';
+import '@maketribe/dm';
+import '@maketribe/utils';
+import { MenuNode } from '../../../core/menu/MenuNode.js';
+import '../../../core/DataModelDefines.js';
+import { MSAppClient } from '../../../core/MSAppClient.js';
+import MKAsideMenuItem from './menu-item.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const MKMenu = /* @__PURE__ */ defineComponent({
+  name: "MKMenu",
+  props: {
+    barItem: {
+      type: MenuNode
+    },
+    collapse: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const msAppClient = MSAppClient.instance;
+    const userSession = msAppClient.userSession;
+    const menu = userSession.menu;
+    const router = userSession.router;
+    const currentMenuNode = ref(menu.getCurrentMenuNode());
+    const barItem = computed(() => props.barItem);
+    const handleSelect = async (id) => {
+      const item = menu.findMenuNodeByID(id);
+      if (item?.route) {
+        router.changeRoute({
+          name: item.route.name
+        });
+      }
+    };
+    menu.currentMenuChangeEvent.on(({
+      currentMenu
+    }) => {
+      currentMenuNode.value = currentMenu;
+    });
+    return () => {
+      if (!unref(barItem)?.children.length) {
+        return null;
+      }
+      const menuItems = unref(barItem).children.map((menu2) => createVNode(MKAsideMenuItem, {
+        "class": "mk-menu-item",
+        "node": menu2,
+        "key": menu2.id
+      }, null));
+      return createVNode("div", {
+        "class": "mk-menu"
+      }, [createVNode(ElMenu, {
+        "defaultActive": unref(currentMenuNode)?.id ?? "",
+        "onSelect": handleSelect
+      }, _isSlot(menuItems) ? menuItems : {
+        default: () => [menuItems]
+      })]);
+    };
+  }
+});
+
+export { MKMenu };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/menu/index.tsx"],"sourcesContent":["import { computed, defineComponent, ref, unref } from \"vue\";\nimport { ElMenu } from \"element-plus\";\nimport { MenuNode, MSAppClient } from \"../../../core\";\nimport MKAsideMenuItem from \"./menu-item\";\n\nexport const MKMenu = defineComponent({\n  name: \"MKMenu\",\n  props: {\n    barItem: {\n      type: MenuNode,\n    },\n    collapse: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props) {\n    const msAppClient = MSAppClient.instance!;\n    const userSession = msAppClient.userSession!;\n    const menu = userSession.menu;\n    const router = userSession.router;\n\n    const currentMenuNode = ref(menu.getCurrentMenuNode());\n\n    const barItem = computed(() => props.barItem);\n\n    const handleSelect = async (id: string) => {\n      const item = menu.findMenuNodeByID(id);\n\n      if (item?.route) {\n        router.changeRoute({ name: item.route.name });\n      }\n    };\n\n    menu.currentMenuChangeEvent.on(({ currentMenu }) => {\n      currentMenuNode.value = currentMenu;\n    });\n\n    return () => {\n      if (!unref(barItem)?.children.length) {\n        return null;\n      }\n\n      const menuItems = unref(barItem)!.children.map((menu) => (\n        <MKAsideMenuItem class=\"mk-menu-item\" node={menu} key={menu.id} />\n      ));\n\n      return (\n        <div class=\"mk-menu\">\n          <ElMenu\n            defaultActive={unref(currentMenuNode)?.id ?? \"\"}\n            onSelect={handleSelect}\n          >\n            {menuItems}\n          </ElMenu>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","MKMenu","name","props","barItem","type","MenuNode","collapse","Boolean","default","setup","msAppClient","MSAppClient","instance","userSession","menu","router","currentMenuNode","ref","getCurrentMenuNode","computed","handleSelect","id","item","findMenuNodeByID","route","changeRoute","currentMenuChangeEvent","on","currentMenu","value","unref","children","length","menuItems","map","_createVNode","MKAsideMenuItem","ElMenu"],"mappings":";;;;;;;;;AAG0C,SAAAA,QAAAC,CAAA,EAAA;AAAA,EAAA,OAAA,OAAAA,CAAAA,KAAA,UAAAC,IAAAA,MAAAA,CAAAC,SAAAC,CAAAA,QAAAA,CAAAC,IAAAJ,CAAAA,CAAA,CAAAK,KAAAA,iBAAAA,IAAAA,CAAAA,OAAAA,CAAAL,CAAA,CAAA,CAAA;AAAA,CAAA;AAEnC,MAAMM,yBAAyB,eAAA,CAAA;AAAA,EACpCC,IAAM,EAAA,QAAA;AAAA,EACNC,KAAO,EAAA;AAAA,IACLC,OAAS,EAAA;AAAA,MACPC,IAAMC,EAAAA,QAAAA;AAAAA,KACR;AAAA,IACAC,QAAU,EAAA;AAAA,MACRF,IAAMG,EAAAA,OAAAA;AAAAA,MACNC,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,GACF;AAAA,EACAC,MAAMP,KAAO,EAAA;AACX,IAAA,MAAMQ,cAAcC,WAAYC,CAAAA,QAAAA,CAAAA;AAChC,IAAA,MAAMC,cAAcH,WAAYG,CAAAA,WAAAA,CAAAA;AAChC,IAAA,MAAMC,OAAOD,WAAYC,CAAAA,IAAAA,CAAAA;AACzB,IAAA,MAAMC,SAASF,WAAYE,CAAAA,MAAAA,CAAAA;AAE3B,IAAA,MAAMC,eAAkBC,GAAAA,GAAAA,CAAIH,IAAKI,CAAAA,kBAAAA,EAAoB,CAAA,CAAA;AAErD,IAAA,MAAMf,OAAUgB,GAAAA,QAAAA,CAAS,MAAMjB,KAAAA,CAAMC,OAAO,CAAA,CAAA;AAE5C,IAAMiB,MAAAA,YAAAA,GAAe,OAAOC,EAAe,KAAA;AACzC,MAAMC,MAAAA,IAAAA,GAAOR,IAAKS,CAAAA,gBAAAA,CAAiBF,EAAE,CAAA,CAAA;AAErC,MAAA,IAAIC,MAAME,KAAO,EAAA;AACfT,QAAAA,MAAAA,CAAOU,WAAY,CAAA;AAAA,UAAExB,IAAAA,EAAMqB,KAAKE,KAAMvB,CAAAA,IAAAA;AAAAA,SAAM,CAAA,CAAA;AAAA,OAC9C;AAAA,KACF,CAAA;AAEAa,IAAKY,IAAAA,CAAAA,sBAAAA,CAAuBC,GAAG,CAAC;AAAA,MAAEC,WAAAA;AAAAA,KAAkB,KAAA;AAClDZ,MAAAA,eAAAA,CAAgBa,KAAQD,GAAAA,WAAAA,CAAAA;AAAAA,KACzB,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,CAACE,KAAAA,CAAM3B,OAAO,CAAA,EAAG4B,SAASC,MAAQ,EAAA;AACpC,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAEA,MAAMC,MAAAA,SAAAA,GAAYH,MAAM3B,OAAO,CAAA,CAAG4B,SAASG,GAAKpB,CAAAA,CAAAA,KAAIqB,KAAAA,WAAAA,CAAAC,eAAA,EAAA;AAAA,QAAA,OAAA,EAAA,cAAA;AAAA,QAAA,MACNtB,EAAAA,KAAAA;AAAAA,QAAI,OAAOA,KAAKO,CAAAA,EAAAA;AAAAA,OAAE,EAAA,IAAA,CAC/D,CAAA,CAAA;AAED,MAAA,OAAAc,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,SAAA;AAAA,OAAA,EAAAA,CAAAA,WAAAA,CAAAE,MAAA,EAAA;AAAA,QAAA,eAGqBP,EAAAA,KAAAA,CAAMd,eAAe,CAAA,EAAGK,EAAM,IAAA,EAAA;AAAA,QAAE,UACrCD,EAAAA,YAAAA;AAAAA,OAAY3B,EAAAA,OAAAA,CAErBwC,SAAS,CAAA,GAATA,SAAS,GAAA;AAAA,QAAAzB,OAAAA,EAAAA,MAAA,CAATyB,SAAS,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAIlB,CAAA;AAAA,GACF;AACF,CAAC;;;;"}

package/dist/esm/layouts/components/menu/menu-item.d.ts

@@ -0,0 +1,13 @@
+import { MenuNode } from "../../../core";
+declare const MKAsideMenuItem: import("vue").DefineComponent<{
+    node: {
+        type: typeof MenuNode;
+        required: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    node: {
+        type: typeof MenuNode;
+        required: true;
+    };
+}>>, {}, {}>;
+export default MKAsideMenuItem;