@maketribe/ms-app 4.0.0-beta.5 → 4.0.0-beta.7

package/dist/cjs/{404-BqwnLE3B.cjs → 404-C3XbtmAF.cjs}

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-D1Kq_PNX.cjs");
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("div", null, "404");
 }
 const _404 = /* @__PURE__ */ index._export_sfc(_sfc_main, [["render", _sfc_render]]);
 exports.default = _404;
-//# sourceMappingURL=404-BqwnLE3B.cjs.map
+//# sourceMappingURL=404-C3XbtmAF.cjs.map

package/dist/cjs/{404-BqwnLE3B.cjs.map → 404-C3XbtmAF.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"404-BqwnLE3B.cjs","sources":["../../src/pages/index/404.vue"],"sourcesContent":["<template>\n  <div>404</div>\n</template>\n\n<script setup lang=\"ts\">\n</script>\n"],"names":[],"mappings":";;;;;AACE,SAAA,YAAA,MAAA,QAAA;;;;;"}
+{"version":3,"file":"404-C3XbtmAF.cjs","sources":["../../src/pages/index/404.vue"],"sourcesContent":["<template>\n  <div>404</div>\n</template>\n\n<script setup lang=\"ts\">\n</script>\n"],"names":[],"mappings":";;;;;AACE,SAAA,YAAA,MAAA,QAAA;;;;;"}

package/dist/cjs/{column-text-options-BUMQbr2t.cjs → column-text-options-B3VckbFV.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 const utils = require("@maketribe/utils");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-D1Kq_PNX.cjs");
 require("vue");
 require("vue-router");
 require("@maketribe/dm");
@@ -24,4 +24,4 @@ const columnTextProps = utils.buildProps({
   formatValue: { type: Function, default: (value) => value }
 });
 exports.columnTextProps = columnTextProps;
-//# sourceMappingURL=column-text-options-BUMQbr2t.cjs.map
+//# sourceMappingURL=column-text-options-B3VckbFV.cjs.map

package/dist/cjs/{column-text-options-BUMQbr2t.cjs.map → column-text-options-B3VckbFV.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"column-text-options-BUMQbr2t.cjs","sources":["../../src/components/data-model/data-table/components/column-text/column-text-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnTextProps = buildProps({\n  ...columnProps,\n  formatValue: { type: Function, default: (value: any) => value },\n});\n\nexport type ColumnTextProps = ExtractPropTypes<typeof columnTextProps>;\n"],"names":["buildProps","columnProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,MAAA;AAAA,EACH,aAAa,EAAE,MAAM,UAAU,SAAS,CAAC,UAAe,MAAM;AAChE,CAAC;;"}
+{"version":3,"file":"column-text-options-B3VckbFV.cjs","sources":["../../src/components/data-model/data-table/components/column-text/column-text-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnTextProps = buildProps({\n  ...columnProps,\n  formatValue: { type: Function, default: (value: any) => value },\n});\n\nexport type ColumnTextProps = ExtractPropTypes<typeof columnTextProps>;\n"],"names":["buildProps","columnProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,MAAA;AAAA,EACH,aAAa,EAAE,MAAM,UAAU,SAAS,CAAC,UAAe,MAAM;AAChE,CAAC;;"}

package/dist/cjs/{dialog-dfqZuX25.cjs → dialog-C1SNKTrb.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-D1Kq_PNX.cjs");
 require("element-plus");
 require("@maketribe/request");
 require("@maketribe/utils");
@@ -36,9 +36,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     );
     index.useSingleViewWithDialog({ dataTable: dataTree, dataForm });
     return (_ctx, _cache) => {
-      const _component_MKDataTablePage = vue.resolveComponent("MKDataTablePage");
-      return dataTree.value ? (vue.openBlock(), vue.createBlock(_component_MKDataTablePage, {
+      return dataTree.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.MKDataTable), {
         key: 0,
+        mode: "page",
         "data-table": dataTree.value
       }, {
         default: vue.withCtx(() => [
@@ -50,4 +50,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }
 });
 exports.default = _sfc_main;
-//# sourceMappingURL=dialog-dfqZuX25.cjs.map
+//# sourceMappingURL=dialog-C1SNKTrb.cjs.map

package/dist/cjs/dialog-C1SNKTrb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-C1SNKTrb.cjs","sources":["../../src/pages/index/dv/default/single/tree/dialog.vue"],"sourcesContent":["<template>\n  <MKDataTable  mode=\"page\" v-if=\"dataTree\" :data-table=\"dataTree\">\n    <MKTreeView />\n  </MKDataTable>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, Ref, ref, watch } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm, DataTree } from \"@maketribe/dm\";\nimport {MKDataTable, MKTreeView} from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\nimport { useSingleViewWithDialog } from \"../../../../../../composables\";\n\nconst router = useRouter();\n\nconst dataTree: Ref<DataTree | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\nwatch(\n  computed(() => unref(router.currentRoute).meta.name as string),\n  (name) => {\n    dataTree.value = DataModelDefines.instance.getDataTree(name);\n    dataForm.value = DataModelDefines.instance.getDataForm(name);\n  },\n  { immediate: true }\n);\n\nuseSingleViewWithDialog({ dataTable: dataTree, dataForm });\n</script>\n"],"names":["useRouter","ref","watch","computed","unref","DataModelDefines","useSingleViewWithDialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAcA,UAAM,SAASA,UAAAA;AAET,UAAA,WAAiCC,QAAI,IAAI;AACzC,UAAA,WAAiCA,QAAI,IAAI;AAE/CC,QAAA;AAAA,MACEC,aAAS,MAAMC,IAAAA,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQC,MAAA,iBAAiB,SAAS,YAAY,IAAI;AAC3D,iBAAS,QAAQA,MAAA,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpBC,UAAAA,wBAAwB,EAAE,WAAW,UAAU,SAAU,CAAA;;;;;;;;;;;;;;;;"}

package/dist/cjs/{dialog-FGTtTQSn.cjs → dialog-COmFC6Us.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-D1Kq_PNX.cjs");
 require("element-plus");
 require("@maketribe/request");
 require("@maketribe/utils");
@@ -36,17 +36,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     );
     index.useSingleViewWithDialog({ dataTable, dataForm });
     return (_ctx, _cache) => {
-      return dataTable.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.MKPageContainer), { key: 0 }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(index.MKDataTable), {
-            "data-table": dataTable.value,
-            enableQueryParams: ""
-          }, null, 8, ["data-table"])
-        ]),
-        _: 1
-      })) : vue.createCommentVNode("", true);
+      return dataTable.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.MKDataTable), {
+        key: 0,
+        mode: "page",
+        "data-table": dataTable.value,
+        enableQueryParams: ""
+      }, null, 8, ["data-table"])) : vue.createCommentVNode("", true);
     };
   }
 });
 exports.default = _sfc_main;
-//# sourceMappingURL=dialog-FGTtTQSn.cjs.map
+//# sourceMappingURL=dialog-COmFC6Us.cjs.map

package/dist/cjs/dialog-COmFC6Us.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-COmFC6Us.cjs","sources":["../../src/pages/index/dv/default/single/list/dialog.vue"],"sourcesContent":["<template>\n  <MKDataTable v-if=\"dataTable\" mode=\"page\" :data-table=\"dataTable\" enableQueryParams />\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm, DataTable } from \"@maketribe/dm\";\nimport { MKDataTable } from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\nimport { useSingleViewWithDialog } from \"../../../../../../composables\";\n\nconst router = useRouter();\n\nconst dataTable: Ref<DataTable | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\nwatch(\n  computed(() => unref(router.currentRoute).meta.name as string),\n  (name) => {\n    dataTable.value = DataModelDefines.instance.getDataTable(name);\n    dataForm.value = DataModelDefines.instance.getDataForm(name);\n  },\n  { immediate: true }\n);\n\nuseSingleViewWithDialog({ dataTable, dataForm });\n</script>\n"],"names":["useRouter","ref","watch","computed","unref","DataModelDefines","useSingleViewWithDialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAM,SAASA,UAAAA;AAET,UAAA,YAAmCC,QAAI,IAAI;AAC3C,UAAA,WAAiCA,QAAI,IAAI;AAE/CC,QAAA;AAAA,MACEC,aAAS,MAAMC,IAAAA,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,kBAAU,QAAQC,MAAA,iBAAiB,SAAS,aAAa,IAAI;AAC7D,iBAAS,QAAQA,MAAA,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGIC,UAAAA,wBAAA,EAAE,WAAW,SAAA,CAAU;;;;;;;;;;;;"}

package/dist/cjs/{dialog-CPly3eig.cjs → dialog-E-7lN4Ya.cjs}

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-require("@maketribe/dm");
+const index = require("./index-D1Kq_PNX.cjs");
 require("element-plus");
-require("@maketribe/utils");
-const index = require("./index-DcHHWtzy.cjs");
 require("@maketribe/request");
+require("@maketribe/utils");
+require("@maketribe/dm");
 require("@maketribe/locale");
 require("lodash-es");
 require("@lexical/overflow");
@@ -36,27 +36,24 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     );
     index.useSingleViewWithDialog({ dataTable: dataTree, dataForm });
     return (_ctx, _cache) => {
-      return dataTree.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.MKPageContainer), { key: 0 }, {
+      return dataTree.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.MKDataTable), {
+        key: 0,
+        mode: "page",
+        "data-table": dataTree.value,
+        enableQueryParams: ""
+      }, {
         default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(index.MKDataTable), {
-            "data-table": dataTree.value,
-            enableQueryParams: ""
-          }, {
+          vue.createVNode(vue.unref(index.MKTableView), null, {
             default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(index.MKTableView), null, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(index.MKTableTree))
-                ]),
-                _: 1
-              })
+              vue.createVNode(vue.unref(index.MKTableTree))
             ]),
             _: 1
-          }, 8, ["data-table"])
+          })
         ]),
         _: 1
-      })) : vue.createCommentVNode("", true);
+      }, 8, ["data-table"])) : vue.createCommentVNode("", true);
     };
   }
 });
 exports.default = _sfc_main;
-//# sourceMappingURL=dialog-CPly3eig.cjs.map
+//# sourceMappingURL=dialog-E-7lN4Ya.cjs.map

package/dist/cjs/dialog-E-7lN4Ya.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-E-7lN4Ya.cjs","sources":["../../src/pages/index/dv/default/single/table-tree/dialog.vue"],"sourcesContent":["<template>\n  <MKDataTable mode=\"page\" v-if=\"dataTree\" :data-table=\"dataTree\" enableQueryParams>\n    <MKTableView>\n      <MKTableTree />\n    </MKTableView>\n  </MKDataTable>\n</template>\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm, DataTree } from \"@maketribe/dm\";\nimport {\n  MKDataTable,\n  MKTableView,\n  MKTableTree,\n} from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\nimport { useSingleViewWithDialog } from \"../../../../../../composables\";\n\nconst router = useRouter();\n\nconst dataTree: Ref<DataTree | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\nwatch(\n  computed(() => unref(router.currentRoute).meta.name as string),\n  (name) => {\n    dataTree.value = DataModelDefines.instance.getDataTree(name);\n\n    dataForm.value = DataModelDefines.instance.getDataForm(name);\n  },\n  { immediate: true }\n);\n\nuseSingleViewWithDialog({ dataTable: dataTree, dataForm });\n</script>\n"],"names":["useRouter","ref","watch","computed","unref","DataModelDefines","useSingleViewWithDialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,UAAM,SAASA,UAAAA;AAET,UAAA,WAAiCC,QAAI,IAAI;AACzC,UAAA,WAAiCA,QAAI,IAAI;AAE/CC,QAAA;AAAA,MACEC,aAAS,MAAMC,IAAAA,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQC,MAAA,iBAAiB,SAAS,YAAY,IAAI;AAE3D,iBAAS,QAAQA,MAAA,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpBC,UAAAA,wBAAwB,EAAE,WAAW,UAAU,SAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/{edit-z79mS2ie.cjs → edit-CAK90l0P.cjs}

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 require("@maketribe/dm");
 require("element-plus");
 require("@maketribe/utils");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-D1Kq_PNX.cjs");
 require("@maketribe/request");
 require("@maketribe/locale");
 require("lodash-es");
@@ -53,14 +53,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       { immediate: true }
     );
     return (_ctx, _cache) => {
-      return dataForm.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.MKPageContainer), { key: 0 }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(index.MKDataForm), { "data-form": dataForm.value }, null, 8, ["data-form"])
-        ]),
-        _: 1
-      })) : vue.createCommentVNode("", true);
+      return dataForm.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.MKDataForm), {
+        key: 0,
+        mode: "page",
+        labelPosition: "top",
+        "data-form": dataForm.value
+      }, null, 8, ["data-form"])) : vue.createCommentVNode("", true);
     };
   }
 });
 exports.default = _sfc_main;
-//# sourceMappingURL=edit-z79mS2ie.cjs.map
+//# sourceMappingURL=edit-CAK90l0P.cjs.map

package/dist/cjs/edit-CAK90l0P.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-CAK90l0P.cjs","sources":["../../src/pages/index/dv/default/edit.vue"],"sourcesContent":["<template>\n    <MKDataForm  v-if=\"dataForm\"  mode=\"page\" labelPosition=\"top\"  :data-form=\"dataForm\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, Ref, reactive } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm } from \"@maketribe/dm\";\nimport { DataModelDefines } from \"../../../../core\";\nimport {MKDataForm, MKDataTable} from \"../../../../components\";\n\nconst router = useRouter();\n\nconst id = computed(() => unref(router.currentRoute).params.id as string);\n\nconst dataForm: Ref<DataForm | null | undefined> = computed(() => {\n  const dataForm = DataModelDefines.instance.getDataForm(\n    unref(router.currentRoute).meta.name as string\n  );\n\n  return dataForm ? (reactive(dataForm) as DataForm) : null;\n});\n\nwatch(\n  dataForm,\n  (dataForm) => {\n    if (!dataForm) {\n      return;\n    }\n\n    dataForm.submittedEvent.on(() => {\n      router.push({ name: `dv/${dataForm.name}/list` });\n    });\n\n    dataForm.cancelEvent.on(() => {\n      router.push({ name: `dv/${dataForm.name}/list` });\n    });\n\n    if (!unref(id)) {\n      unref(dataForm)?.addRecord();\n      return;\n    }\n\n    unref(dataForm)?.editRecord(unref(id));\n  },\n  { immediate: true }\n);\n</script>\n"],"names":["useRouter","computed","unref","dataForm","DataModelDefines","reactive","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,SAASA,UAAAA;AAET,UAAA,KAAKC,aAAS,MAAMC,IAAA,MAAM,OAAO,YAAY,EAAE,OAAO,EAAY;AAElE,UAAA,WAA6CD,IAAAA,SAAS,MAAM;AAC1DE,YAAAA,YAAWC,uBAAiB,SAAS;AAAA,QACzCF,IAAAA,MAAM,OAAO,YAAY,EAAE,KAAK;AAAA,MAAA;AAG3BC,aAAAA,YAAYE,IAAAA,SAASF,SAAQ,IAAiB;AAAA,IAAA,CACtD;AAEDG,QAAA;AAAA,MACE;AAAA,MACA,CAACH,cAAa;;AACZ,YAAI,CAACA,WAAU;AACb;AAAA,QACF;AAEAA,kBAAS,eAAe,GAAG,MAAM;AAC/B,iBAAO,KAAK,EAAE,MAAM,MAAMA,UAAS,IAAI,SAAS;AAAA,QAAA,CACjD;AAEDA,kBAAS,YAAY,GAAG,MAAM;AAC5B,iBAAO,KAAK,EAAE,MAAM,MAAMA,UAAS,IAAI,SAAS;AAAA,QAAA,CACjD;AAEG,YAAA,CAACD,IAAAA,MAAM,EAAE,GAAG;AACRC,0BAAAA,SAAQ,MAARA,mBAAW;AACjB;AAAA,QACF;AAEAD,kBAAA,MAAMC,SAAQ,MAAdD,mBAAiB,WAAWA,IAAAA,MAAM,EAAE;AAAA,MACtC;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;;;;;;;;;;;;"}

package/dist/cjs/{index-Bc8QwZ7I.cjs → index-96SwLOMr.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const utils = require("@maketribe/utils");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-D1Kq_PNX.cjs");
 require("vue-router");
 require("@maketribe/dm");
 const elementPlus = require("element-plus");
@@ -39,10 +39,10 @@ const ColumnSort = /* @__PURE__ */ vue.defineComponent({
       dataTableContext.dataTable.moveDown(props.row);
     };
     const handleToTop = () => {
-      dataTableContext.dataTable.toTop(props.row);
+      dataTableContext.dataTable.moveToTop(props.row);
     };
     const handleToBottom = () => {
-      dataTableContext.dataTable.toBottom(props.row);
+      dataTableContext.dataTable.moveToBottom(props.row);
     };
     return () => {
       let children = null;
@@ -103,4 +103,4 @@ const MKColumnSort = ColumnSort;
 exports.MKColumnSort = MKColumnSort;
 exports.columnSortProps = columnSortProps;
 exports.default = MKColumnSort;
-//# sourceMappingURL=index-Bc8QwZ7I.cjs.map
+//# sourceMappingURL=index-96SwLOMr.cjs.map

package/dist/cjs/index-96SwLOMr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-96SwLOMr.cjs","sources":["../../src/components/data-model/data-table/components/column-sort/column-sort-options.ts","../../src/components/data-model/data-table/components/column-sort/column-sort.tsx","../../src/components/data-model/data-table/components/column-sort/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnSortProps = buildProps({\n  ...columnProps,\n  drag: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nexport type ColumnSortProps = ExtractPropTypes<typeof columnSortProps>;\n","import { defineComponent, inject } from \"vue\";\nimport { columnSortProps } from \"./column-sort-options\";\nimport { MKSvgIcon } from \"../../../../basic\";\nimport { ElTooltip } from \"element-plus\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKColumnSort\",\n  props: columnSortProps,\n  setup(props) {\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY)!;\n\n    const handleMoveUp = () => {\n      dataTableContext.dataTable.moveUp(props.row);\n    };\n\n    const handleMoveDown = () => {\n      dataTableContext.dataTable.moveDown(props.row);\n    };\n\n    const handleToTop = () => {\n      dataTableContext.dataTable.moveToTop(props.row);\n    };\n\n    const handleToBottom = () => {\n      dataTableContext.dataTable.moveToBottom(props.row);\n    };\n\n    return () => {\n      let children = null;\n\n      if (props.drag) {\n        children = (\n          <span class=\"mk-column-sort__drag\">\n            <MKSvgIcon name=\"ep:rank\" />\n          </span>\n        );\n      } else {\n        children = (\n          <span class=\"mk-column-sort__switch\">\n            <ElTooltip content=\"置顶\" placement=\"top\">\n              <MKSvgIcon name=\"radix-icons:pin-top\" class=\"cursor-pointer\" onClick={handleToTop} />\n            </ElTooltip>\n            <ElTooltip content=\"上移\" placement=\"top\">\n              <MKSvgIcon name=\"radix-icons:arrow-up\" class=\"cursor-pointer\" onClick={handleMoveUp} />\n            </ElTooltip>\n            <ElTooltip content=\"下移\" placement=\"top\">\n              <MKSvgIcon name=\"radix-icons:arrow-down\" class=\"cursor-pointer\" onClick={handleMoveDown} />\n            </ElTooltip>\n            <ElTooltip content=\"置底\" placement=\"top\">\n              <MKSvgIcon name=\"radix-icons:pin-bottom\" class=\"cursor-pointer\" onClick={handleToBottom} />\n            </ElTooltip>\n          </span>\n        );\n      }\n\n      return <span class=\"mk-column-sort\">{children}</span>;\n    };\n  },\n});\n","import ColumnSort from \"./column-sort\";\n\nexport const MKColumnSort = ColumnSort;\nexport default MKColumnSort;\n\nexport * from \"./column-sort-options\";\n"],"names":["buildProps","columnProps","defineComponent","name","props","columnSortProps","setup","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","handleMoveUp","dataTable","moveUp","row","handleMoveDown","moveDown","handleToTop","moveToTop","handleToBottom","moveToBottom","children","drag","_createVNode","MKSvgIcon","ElTooltip","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,MAAA;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;ACJD,MAAeC,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,mBAAmBC,WAAOC,MAAAA,sBAAsB;AAEtD,UAAMC,eAAeA,MAAM;AACzBH,uBAAiBI,UAAUC,OAAOR,MAAMS,GAAG;AAAA;AAG7C,UAAMC,iBAAiBA,MAAM;AAC3BP,uBAAiBI,UAAUI,SAASX,MAAMS,GAAG;AAAA;AAG/C,UAAMG,cAAcA,MAAM;AACxBT,uBAAiBI,UAAUM,UAAUb,MAAMS,GAAG;AAAA;AAGhD,UAAMK,iBAAiBA,MAAM;AAC3BX,uBAAiBI,UAAUQ,aAAaf,MAAMS,GAAG;AAAA;AAGnD,WAAO,MAAM;AACX,UAAIO,WAAW;AAEf,UAAIhB,MAAMiB,MAAM;AACdD,mBAAQE,IAAA,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,IAAA,YAAAC,iBAAA;AAAA,UAAA,QAAA;AAAA,WAIP,IAAA,CAAA,CAAA;AAAA,MACH,OAAO;AACLH,mBAAQE,IAAA,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGoEP;AAAAA,UAAW,GAAA,IAAA,CAAA;AAAA,SAAAM,GAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGVb;AAAAA,UAAY,GAAA,IAAA,CAAA;AAAA,SAAAY,GAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGVT;AAAAA,UAAc,GAAA,IAAA,CAAA;AAAA,SAAAQ,GAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGdL;AAAAA,UAAc,GAAA,IAAA,CAAA;AAAA,QAG5F,CAAA,CAAA,CAAA;AAAA,MACH;AAEA,aAAAI,IAAAA,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAqCF,QAAQ,CAAA;AAAA;EAEjD;AACF,CAAC;ACzDM,MAAM,eAAe;;;;"}

package/dist/cjs/{index-B7RsnLZ7.cjs → index-B3Qf012M.cjs}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const utils = require("@maketribe/utils");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-D1Kq_PNX.cjs");
 require("vue-router");
 require("@maketribe/dm");
 require("@maketribe/request");
@@ -20,7 +20,7 @@ require("@element-plus/icons-vue");
 require("@lexical/history");
 require("@lexical/dragon");
 require("@lexical/plain-text");
-const index$1 = require("./index-DCG7E5ZL.cjs");
+const index$1 = require("./index-iJYd2Sgw.cjs");
 const columnLinkProps = utils.buildProps({
   ...index.columnProps,
   type: {
@@ -73,4 +73,4 @@ exports.MKColumnLink = MKColumnLink;
 exports.columnLinkEmits = columnLinkEmits;
 exports.columnLinkProps = columnLinkProps;
 exports.default = ColumnLink;
-//# sourceMappingURL=index-B7RsnLZ7.cjs.map
+//# sourceMappingURL=index-B3Qf012M.cjs.map

package/dist/cjs/{index-B7RsnLZ7.cjs.map → index-B3Qf012M.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-B7RsnLZ7.cjs","sources":["../../src/components/data-model/data-table/components/column-link/column-link-options.ts","../../src/components/data-model/data-table/components/column-link/column-link.tsx","../../src/components/data-model/data-table/components/column-link/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { ColumnEventData, columnProps } from \"../../composables\";\n\nexport const columnLinkProps = buildProps({\n  ...columnProps,\n  type: {\n    values: [\n      \"\",\n      \"default\",\n      \"success\",\n      \"warning\",\n      \"info\",\n      \"text\",\n      \"primary\",\n      \"danger\",\n    ],\n    default: \"primary\",\n  },\n  formatValue: {\n    type: Function,\n  },\n} as const);\n\nexport type ColumnLinkProps = ExtractPropTypes<typeof columnLinkProps>;\n\nexport const columnLinkEmits = {\n  click: (data: ColumnEventData) => true,\n};\n\nexport type ColumnLinkEmits = typeof columnLinkEmits;\n","import { ElButton } from \"element-plus\";\nimport { defineComponent } from \"vue\";\nimport { columnLinkEmits, columnLinkProps } from \"./column-link-options\";\nimport MKColumnText from \"../column-text\";\n\nexport default defineComponent({\n  name: \"MKColumnLink\",\n  props: columnLinkProps,\n  emits: columnLinkEmits,\n  setup(props, { emit }) {\n    const handleClick = () => {\n      emit(\"click\", {\n        row: props.row,\n        index: props.index,\n        column: props.column,\n      });\n    };\n\n    return () => {\n      return (\n        <ElButton type={props.type} onClick={handleClick} link>\n          <MKColumnText {...props} />\n        </ElButton>\n      );\n    };\n  },\n});\n","import ColumnLink from \"./column-link\";\n\nexport const MKColumnLink = ColumnLink;\n\nexport default ColumnLink;\n\nexport * from \"./column-link-options\";\n"],"names":["buildProps","columnProps","defineComponent","name","props","columnLinkProps","emits","columnLinkEmits","setup","emit","handleClick","row","index","column","_createVNode","ElButton","type","default","MKColumnText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,MAAA;AAAA,EACH,MAAM;AAAA,IACJ,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,EACR;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,OAAO,CAAC,SAA0B;AACpC;ACvBA,MAAeC,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,cAAcA,MAAM;AACxBD,WAAK,SAAS;AAAA,QACZE,KAAKP,MAAMO;AAAAA,QACXC,OAAOR,MAAMQ;AAAAA,QACbC,QAAQT,MAAMS;AAAAA,MAChB,CAAC;AAAA;AAGH,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,YAAAA,UAAA;AAAA,QAAA,QACkBX,MAAMY;AAAAA,QAAI,WAAWN;AAAAA,QAAW,QAAA;AAAA,MAAA,GAAA;AAAA,QAAAO,SAAAA,MAAA,CAAAH,IAAA,YAAAI,QAAA,cAC5Bd,OAAK,IAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAI/B;AACF,CAAC;ACxBM,MAAM,eAAe;;;;;"}
+{"version":3,"file":"index-B3Qf012M.cjs","sources":["../../src/components/data-model/data-table/components/column-link/column-link-options.ts","../../src/components/data-model/data-table/components/column-link/column-link.tsx","../../src/components/data-model/data-table/components/column-link/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { ColumnEventData, columnProps } from \"../../composables\";\n\nexport const columnLinkProps = buildProps({\n  ...columnProps,\n  type: {\n    values: [\n      \"\",\n      \"default\",\n      \"success\",\n      \"warning\",\n      \"info\",\n      \"text\",\n      \"primary\",\n      \"danger\",\n    ],\n    default: \"primary\",\n  },\n  formatValue: {\n    type: Function,\n  },\n} as const);\n\nexport type ColumnLinkProps = ExtractPropTypes<typeof columnLinkProps>;\n\nexport const columnLinkEmits = {\n  click: (data: ColumnEventData) => true,\n};\n\nexport type ColumnLinkEmits = typeof columnLinkEmits;\n","import { ElButton } from \"element-plus\";\nimport { defineComponent } from \"vue\";\nimport { columnLinkEmits, columnLinkProps } from \"./column-link-options\";\nimport MKColumnText from \"../column-text\";\n\nexport default defineComponent({\n  name: \"MKColumnLink\",\n  props: columnLinkProps,\n  emits: columnLinkEmits,\n  setup(props, { emit }) {\n    const handleClick = () => {\n      emit(\"click\", {\n        row: props.row,\n        index: props.index,\n        column: props.column,\n      });\n    };\n\n    return () => {\n      return (\n        <ElButton type={props.type} onClick={handleClick} link>\n          <MKColumnText {...props} />\n        </ElButton>\n      );\n    };\n  },\n});\n","import ColumnLink from \"./column-link\";\n\nexport const MKColumnLink = ColumnLink;\n\nexport default ColumnLink;\n\nexport * from \"./column-link-options\";\n"],"names":["buildProps","columnProps","defineComponent","name","props","columnLinkProps","emits","columnLinkEmits","setup","emit","handleClick","row","index","column","_createVNode","ElButton","type","default","MKColumnText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,MAAA;AAAA,EACH,MAAM;AAAA,IACJ,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,EACR;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,OAAO,CAAC,SAA0B;AACpC;ACvBA,MAAeC,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,cAAcA,MAAM;AACxBD,WAAK,SAAS;AAAA,QACZE,KAAKP,MAAMO;AAAAA,QACXC,OAAOR,MAAMQ;AAAAA,QACbC,QAAQT,MAAMS;AAAAA,MAChB,CAAC;AAAA;AAGH,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,YAAAA,UAAA;AAAA,QAAA,QACkBX,MAAMY;AAAAA,QAAI,WAAWN;AAAAA,QAAW,QAAA;AAAA,MAAA,GAAA;AAAA,QAAAO,SAAAA,MAAA,CAAAH,IAAA,YAAAI,QAAA,cAC5Bd,OAAK,IAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAI/B;AACF,CAAC;ACxBM,MAAM,eAAe;;;;;"}

package/dist/cjs/{index-B9UKWJrg.cjs → index-BAjmY21v.cjs}

@@ -4,7 +4,7 @@ const vue = require("vue");
 const elementPlus = require("element-plus");
 const dm = require("@maketribe/dm");
 const request = require("@maketribe/request");
-const index$1 = require("./index-DcHHWtzy.cjs");
+const index$1 = require("./index-D1Kq_PNX.cjs");
 require("@maketribe/utils");
 const vueRouter = require("vue-router");
 require("@maketribe/locale");
@@ -35,16 +35,14 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     }
   },
   emits: ["role-select"],
-  setup(__props, { emit: __emit }) {
+  async setup(__props, { emit: __emit }) {
+    let __temp, __restore;
     const props = __props;
     const emit = __emit;
     const dvOpt = request.DvOpt.createInstance({ name: "ms-role" });
     const roles = vue.ref([]);
     const currentRole = vue.ref(null);
     const loading = vue.ref(false);
-    vue.onMounted(() => {
-      loadRoleList();
-    });
     vue.watch(currentRole, () => {
       emit("role-select", currentRole.value);
     });
@@ -107,6 +105,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         elementPlus.ElMessage.error({ message: "网络异常" });
       }
     };
+    [__temp, __restore] = vue.withAsyncContext(() => loadRoleList()), await __temp, __restore();
     return (_ctx, _cache) => {
       const _component_ElDropdownItem = vue.resolveComponent("ElDropdownItem");
       const _component_ElDropdownMenu = vue.resolveComponent("ElDropdownMenu");
@@ -183,25 +182,20 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RoleAside = /* @__PURE__ */ index$1._export_sfc(_sfc_main$1, [["__scopeId", "data-v-b0519420"]]);
-const _hoisted_1 = {
-  style: { "color": "var(--el-text-color-regular)" },
-  flex: "~ items-center",
-  m: "l-[10px]"
-};
-const _hoisted_2 = { class: "ms-role__body-warp" };
-const _hoisted_3 = { class: "ms-role__aside" };
-const _hoisted_4 = { class: "ms-role__main" };
-const _hoisted_5 = {
+const RoleAside = /* @__PURE__ */ index$1._export_sfc(_sfc_main$1, [["__scopeId", "data-v-93d60ca5"]]);
+const _hoisted_1 = { class: "ms-role__body-warp" };
+const _hoisted_2 = { class: "ms-role__aside" };
+const _hoisted_3 = { class: "ms-role__main" };
+const _hoisted_4 = {
   key: 0,
   class: "ms-role__content"
 };
-const _hoisted_6 = { class: "flex flex-justify-between" };
-const _hoisted_7 = {
+const _hoisted_5 = { class: "flex flex-justify-between" };
+const _hoisted_6 = {
   class: "ms-role__title",
   flex: "~ items-center"
 };
-const _hoisted_8 = { class: "ms-role__tools" };
+const _hoisted_7 = { class: "ms-role__tools" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   setup(__props) {
@@ -281,53 +275,40 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       router.push({ name: "dv/ms-role/permission", params: { id: (_a = vue.unref(currentRole)) == null ? void 0 : _a.id } });
     };
     return (_ctx, _cache) => {
-      const _component_el_page_header = vue.resolveComponent("el-page-header");
-      return vue.openBlock(), vue.createBlock(vue.unref(index$1.MKPageContainer), { class: "ms-role" }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_el_page_header, {
-            style: { "background-color": "#fff", "padding": "10px" },
-            icon: null
+      return vue.openBlock(), vue.createBlock(vue.unref(index$1.MKPagePanel), {
+        class: "ms-role",
+        title: "角色管理",
+        iconName: "carbon:add-filled"
+      }, {
+        extra: vue.withCtx(() => [
+          vue.createVNode(vue.unref(elementPlus.ElButton), {
+            type: "primary",
+            onClick: handleAddRoleClick,
+            style: { "margin-right": "10px" }
           }, {
-            title: vue.withCtx(() => [
-              vue.createElementVNode("h3", _hoisted_1, [
-                vue.createVNode(vue.unref(index$1.MKSvgIcon), {
-                  name: "oui:app-users-roles",
-                  style: { "margin-right": "5px" }
-                }),
-                vue.createTextVNode(" 角色管理 ")
-              ])
-            ]),
-            extra: vue.withCtx(() => [
-              vue.createVNode(vue.unref(elementPlus.ElButton), {
-                type: "primary",
-                text: "",
-                onClick: handleAddRoleClick,
-                style: { "margin-right": "10px" }
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(index$1.MKSvgIcon), {
-                    name: "carbon:add-filled",
-                    style: { "margin-right": "5px" }
-                  }),
-                  vue.createTextVNode(" 添加角色 ")
-                ]),
-                _: 1
-              })
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(index$1.MKSvgIcon), {
+                name: "carbon:add-filled",
+                style: { "margin-right": "5px" }
+              }),
+              vue.createTextVNode(" 添加角色 ")
             ]),
             _: 1
-          }),
-          vue.createElementVNode("div", _hoisted_2, [
-            vue.createElementVNode("div", _hoisted_3, [
+          })
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createElementVNode("div", _hoisted_2, [
               vue.createVNode(RoleAside, {
                 onRoleSelect: handleRoleSelect,
                 "role-form": roleForm,
                 ref: "RoleAsideEl"
               }, null, 8, ["role-form"])
             ]),
-            vue.createElementVNode("div", _hoisted_4, [
-              currentRole.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-                vue.createElementVNode("div", _hoisted_6, [
-                  vue.createElementVNode("div", _hoisted_7, [
+            vue.createElementVNode("div", _hoisted_3, [
+              currentRole.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                vue.createElementVNode("div", _hoisted_5, [
+                  vue.createElementVNode("div", _hoisted_6, [
                     vue.createVNode(vue.unref(index$1.MKSvgIcon), {
                       class: "ms-role-aside__role-icon",
                       name: "oui:app-users-roles",
@@ -335,7 +316,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     }),
                     vue.createTextVNode(" " + vue.toDisplayString(currentRole.value.desc), 1)
                   ]),
-                  vue.createElementVNode("div", _hoisted_8, [
+                  vue.createElementVNode("div", _hoisted_7, [
                     vue.createVNode(vue.unref(elementPlus.ElButton), {
                       type: "primary",
                       text: "",
@@ -388,6 +369,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const index = /* @__PURE__ */ index$1._export_sfc(_sfc_main, [["__scopeId", "data-v-3c0fc3ee"]]);
+const index = /* @__PURE__ */ index$1._export_sfc(_sfc_main, [["__scopeId", "data-v-403254f4"]]);
 exports.default = index;
-//# sourceMappingURL=index-B9UKWJrg.cjs.map
+//# sourceMappingURL=index-BAjmY21v.cjs.map

package/dist/cjs/index-BAjmY21v.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BAjmY21v.cjs","sources":["../../src/pages/ms-role/components/aside.vue","../../src/pages/ms-role/index.vue"],"sourcesContent":["<template>\n  <div class=\"ms-role-aside\">\n    <div class=\"ms-role-aside__main\" v-loading=\"loading\">\n      <ElScrollbar height=\"100%\">\n        <div class=\"ms-role-aside__role-list\">\n          <div\n            v-for=\"role in roles\"\n            class=\"ms-role-aside__role-item flex flex-justify-between\"\n            :class=\"[role.id === currentRole?.id ? 'is-active' : '',]\"\n            :key=\"role.id\"\n            @click=\"handleRoleClick(role)\"\n          >\n            <div>\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"solar:user-bold-duotone\"/>\n              <span class=\"ms-role-aside__role-desc\">{{ role.desc }}</span>\n            </div>\n            <div @click.prevent class=\"flex flex-items-center\">\n              <ElDropdown>\n                <span class=\"ms-role-aside__icon\">\n                  <MKSvgIcon name=\"ri:more-fill\"/>\n                </span>\n\n                <template #dropdown>\n                  <ElDropdownMenu>\n                    <ElDropdownItem :icon=\"Edit\" @click=\"handleMemberRoleEdit(role)\">\n                      编辑\n                    </ElDropdownItem>\n                    <ElDropdownItem :icon=\"Delete\" @click=\"handleDelete(role)\">\n                      删除\n                    </ElDropdownItem>\n                  </ElDropdownMenu>\n                </template>\n              </ElDropdown>\n            </div>\n          </div>\n        </div>\n      </ElScrollbar>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {onMounted, ref, Ref, watch, computed, unref} from \"vue\";\nimport {DvOpt} from \"@maketribe/request\";\nimport {Dialoger} from \"@maketribe/dm\";\nimport {Edit, Delete} from \"@element-plus/icons-vue\";\nimport {ElButton, ElMessage, ElScrollbar, ElMessageBox} from \"element-plus\";\nimport {MKSvgIcon} from \"../../../components\";\nimport {MsRole, MsRoleForm} from \"../../../dataviews\";\n\nconst props = defineProps({\n  roleForm: {\n    type: MsRoleForm,\n    required: true,\n  },\n});\n\nconst emit = defineEmits([\"role-select\"]);\n\nconst dvOpt = DvOpt.createInstance({name: \"ms-role\"});\n\nconst roles: Ref<MsRole[]> = ref([]);\n\nconst currentRole: Ref<MsRole | null> = ref(null);\n\nconst loading = ref(false);\n\n\nwatch(currentRole, () => {\n  emit(\"role-select\", currentRole.value);\n});\n\n//asdasda\nwatch(\n  computed(() => props.roleForm),\n  (roleForm, _, onCleanup) => {\n    const disposable = roleForm.submittedEvent.on(() => {\n      loadRoleList();\n    });\n\n    onCleanup(() => {\n      disposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nconst loadRoleList = async () => {\n  try {\n    loading.value = true;\n\n    roles.value = await dvOpt.query().list<MsRole>();\n\n    // 加载完成之后默认选中第一个\n    if (roles.value.length) {\n      handleRoleClick(roles.value[0])\n    }\n\n  } finally {\n    loading.value = false;\n  }\n};\n\nconst handleMemberRoleEdit = (role: MsRole) => {\n  Dialoger.dataFormDialog({\n    dataForm: props.roleForm,\n    recId: role.id,\n  });\n};\n\nconst handleRoleClick = (role: MsRole) => {\n  currentRole.value = role;\n};\n\nconst handleDelete = async (role: MsRole) => {\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\n    type: \"warning\",\n  }).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  try {\n    const result = await dvOpt.delete(role.id);\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"删除成功\"});\n\n    if (unref(currentRole)?.id === role.id) {\n      currentRole.value = null;\n    }\n\n    loadRoleList();\n  } catch (e) {\n    console.error(e);\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\n// 加载角色列表\nawait loadRoleList();\n</script>\n\n<style lang=\"scss\" scoped>\n.ms-role-aside {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n\n  &__main {\n    height: 0;\n    flex: 1;\n  }\n\n  &__role {\n    &-icon {\n      margin-right: 8px;\n      font-size: 16px;\n    }\n    &-item+&-item {\n      margin-top: 5px;\n    }\n    &-item {\n      display: flex;\n      align-items: center;\n      height: 36px;\n      padding: 5px 10px;\n      line-height: 36px;\n      border-radius: 5px;\n      cursor: pointer;\n\n      &.is-active,\n      &:hover {\n        background-color: #f4f4f4;\n      }\n\n      .ms-role-aside__icon {\n        display: none;\n        border-radius: 3px;\n        font-size: 14px;\n\n        &:hover {\n          background-color: #f4f4f4;\n        }\n      }\n\n      &:hover {\n        .ms-role-aside__icon {\n          padding: 5px;\n          display: inline-flex;\n        }\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <MKPagePanel class=\"ms-role\" title=\"角色管理\" iconName=\"carbon:add-filled\">\n    <template #extra>\n      <el-button type=\"primary\" @click=\"handleAddRoleClick\" style=\"margin-right: 10px;\">\n        <MKSvgIcon name=\"carbon:add-filled\" style=\"margin-right: 5px;\"/>\n        添加角色\n      </el-button>\n    </template>\n    <div class=\"ms-role__body-warp\">\n      <div class=\"ms-role__aside\">\n        <RoleAside\n          @role-select=\"handleRoleSelect\"\n          :role-form=\"roleForm\"\n          ref=\"RoleAsideEl\"\n        />\n      </div>\n      <div class=\"ms-role__main\">\n        <div class=\"ms-role__content\" v-if=\"currentRole\">\n          <div class=\"flex flex-justify-between\">\n            <div class=\"ms-role__title\" flex=\"~ items-center\">\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"oui:app-users-roles\" m=\"r-[10px]\"/>\n              {{ currentRole.desc }}\n            </div>\n            <div class=\"ms-role__tools\">\n              <ElButton type=\"primary\" text @click=\"handlePermissionEdit\">\n                <template #icon>\n                  <MKSvgIcon name=\"material-symbols-light:vpn-key-outline\"/>\n                </template>\n                权限设置\n              </ElButton>\n              <ElButton type=\"primary\" @click=\"handleSelectUserClick\">\n                <template #icon>\n                  <MKSvgIcon name=\"carbon:add-filled\"/>\n                </template>\n                添加成员\n              </ElButton>\n              <ElButton\n                :disabled=\"disabledBatchDelete\"\n                @click=\"handleBatchDelete\"\n              >\n                批量删除\n              </ElButton>\n            </div>\n          </div>\n          <MKDataTable :data-table=\"memberRoleTable\">\n            <MKTable/>\n            <MKDataTablePagination/>\n          </MKDataTable>\n        </div>\n      </div>\n    </div>\n  </MKPagePanel>\n</template>\n<script setup lang=\"ts\">\nimport {\n  reactive,\n  Ref,\n  ref,\n  watch,\n  unref,\n  computed,\n  onBeforeUnmount,\n} from \"vue\";\nimport {ElButton, ElMessage, ElMessageBox} from \"element-plus\";\nimport {Dialoger} from \"@maketribe/dm\";\nimport {DvOpt} from \"@maketribe/request\";\nimport {MKDataTable, MKPagePanel, MKSvgIcon, MKTable, MKDataTablePagination} from \"../../components\";\nimport {MsRole, MsMemberRoleTable, MsRoleForm} from \"../../dataviews\";\nimport RoleAside from \"./components/aside.vue\";\n\nconst router = useRouter();\n\nconst dvOpt = DvOpt.createInstance({name: \"ms-member-role\"});\n\nconst currentRole: Ref<MsRole | null> = ref(null);\n\nconst memberRoleTable = reactive(new MsMemberRoleTable()) as MsMemberRoleTable;\n\nconst roleForm = reactive(new MsRoleForm()) as MsRoleForm;\n\nconst disabledBatchDelete = computed(\n  () => memberRoleTable.getSelection().length === 0\n);\n\nwatch(currentRole, (currentRole) => {\n  memberRoleTable.setCurrentRole(currentRole);\n});\n\nonBeforeUnmount(() => {\n  memberRoleTable.dispose();\n  roleForm.dispose();\n});\n\nconst handleAddRoleClick = () => {\n  Dialoger.dataFormDialog({\n    dataForm: roleForm\n  });\n};\n\nconst handleRoleSelect = (role: MsRole) => {\n  currentRole.value = role;\n};\n\nconst handleSelectUserClick = async () => {\n  const selectResult = await Dialoger.dataTableSelectDialog(\n    memberRoleTable.memberTable\n  );\n\n  if (!selectResult.isConfirm) {\n    return;\n  }\n\n  const roleId = unref(currentRole)!.id;\n\n  const memberRoleList = selectResult.selections.map((item) => ({\n    roleId,\n    memberId: item,\n  }));\n\n  try {\n    const result = await dvOpt.batchSave(memberRoleList);\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"添加成功\"});\n\n    memberRoleTable.load();\n  } catch (e) {\n    console.error(e);\n\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\nconst handleBatchDelete = async () => {\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\n    type: \"warning\",\n  }).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  try {\n    const result = await dvOpt.batchDelete(memberRoleTable.getSelection());\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"删除成功\"});\n    memberRoleTable.load();\n  } catch (e) {\n    console.error(e);\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\nconst handlePermissionEdit = () => {\n  router.push({name: \"dv/ms-role/permission\", params: {id: unref(currentRole)?.id}})\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.ms-role {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  padding: 0px;\n\n  &__body-warp {\n    padding: 10px;\n    display: flex;\n    height: 100%;\n    overflow: hidden;\n  }\n\n  &__aside {\n    background-color: #fff;\n    padding: 10px;\n    max-width: 360px;\n    min-width: 220px;\n    margin-right: 10px;\n  }\n\n  &__main {\n    width: 0;\n    flex: 1;\n\n    .mk-data-table {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n\n      .el-table {\n        height: 0;\n        flex: 1;\n      }\n    }\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    padding: 12px;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    background-color: #fff;\n  }\n\n  &__title {\n    font-size: 18px;\n    font-weight: 600;\n    margin: 10px 0;\n  }\n\n  &__tools {\n    margin: 10px 0;\n    display: flex;\n    justify-content: flex-end;\n  }\n}\n\n</style>\n"],"names":["DvOpt","ref","watch","computed","Dialoger","ElMessageBox","ElMessage","unref","_withAsyncContext","useRouter","reactive","MsMemberRoleTable","MsRoleForm","currentRole","onBeforeUnmount"],"mappings":"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"}

package/dist/cjs/{index-jEXsVC5a.cjs → index-BVfCSr7x.cjs}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const elementPlus = require("element-plus");
 require("@maketribe/dm");
-const index$1 = require("./index-DcHHWtzy.cjs");
+const index$1 = require("./index-D1Kq_PNX.cjs");
 const vueRouter = require("vue-router");
 require("@maketribe/request");
 require("@maketribe/locale");
@@ -230,4 +230,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 });
 const index = /* @__PURE__ */ index$1._export_sfc(_sfc_main, [["__scopeId", "data-v-1e785049"]]);
 exports.default = index;
-//# sourceMappingURL=index-jEXsVC5a.cjs.map
+//# sourceMappingURL=index-BVfCSr7x.cjs.map

package/dist/cjs/{index-jEXsVC5a.cjs.map → index-BVfCSr7x.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-jEXsVC5a.cjs","sources":["../../src/pages/login/index.vue"],"sourcesContent":["<template>\n  <MKSimplePageLayout class=\"login-wrap\">\n    <div class=\"login-form-wrap\">\n\n      <template v-if=\"!forgotPassword\">\n        <div class=\"login-form-title\"> 账号登录 </div>\n        <div class=\"login-form-item\">\n          <div></div>\n          <span class=\"notify\">\n            没有账号？\n            <el-link :underline=\"false\" type=\"primary\" @click=\"router.push('/signup')\">\n              申请账号\n              <MKSvgIcon name=\"ep:arrow-right-bold\" m=\"l-[5px]\" />\n            </el-link>\n          </span>\n        </div>\n      </template>\n      <template v-else>\n        <div class=\"login-form-title\">账号重置</div>\n        <div class=\"login-form-item\">\n          新密码将会在重置后送至 {{loginFormData.account}} 绑定的邮箱！请查收！\n        </div>\n      </template>   \n      \n      <ElForm :model=\"loginFormData\" :rules=\"rules\" size=\"large\" ref=\"formEl\" @submit.native.prevent>\n        <ElFormItem prop=\"account\">\n          <ElInput\n            v-model=\"loginFormData.account\"\n            placeholder=\"帐号\"\n            @keyup.enter.native.prevent=\"sendAction\"\n          />\n        </ElFormItem>\n        <ElFormItem prop=\"password\" style=\"margin-top: 30px;\" v-if=\"!forgotPassword\">\n          <ElInput\n            v-model=\"loginFormData.password\"\n            type=\"password\"\n            placeholder=\"密码\"\n            @keyup.enter.native.prevent=\"sendAction\"\n          />\n        </ElFormItem>\n        <div class=\"login-form-item\">\n          <div></div>\n          <el-link :underline=\"false\"  type=\"primary\" @click=\"forgotPassword = !forgotPassword\">\n            {{forgotPassword ? \"返回登陆\" : \"忘记密码\" }}\n            <MKSvgIcon name=\"ep:arrow-right-bold\" m=\"l-[2px]\" />\n          </el-link>\n        </div>\n        <ElFormItem>\n          <ElButton type=\"primary\" style=\"width: 100%\" :loading=\"loading\" @click=\"sendAction\" v-if=\"!forgotPassword\">\n            登陆\n          </ElButton>\n          <ElButton type=\"primary\" v-else style=\"width: 100%\" :loading=\"loading\" @click=\"sendAction\">\n            重置\n          </ElButton>\n        </ElFormItem>\n      </ElForm>\n      <!-- <ElDivider></ElDivider> -->\n    </div>\n  </MKSimplePageLayout>\n</template>\n\n<script setup lang=\"ts\">\nimport { ElMessage, ElForm, ElFormItem } from \"element-plus\";\nimport { useMSAppClient } from \"../../composables\";\nimport { MKOpenVerifyCode, MKSvgIcon,MKSimplePageLayout } from \"../../components\";\nimport { Ref, computed, reactive, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\n\ndefineOptions({\n  mkRoute: {\n    name: \"login\",\n    path: \"/login\",\n    meta: {\n      isAuthorization: false,\n    },\n  },\n});\n\nconst verifyDialog: Ref<{ fail: () => void } | null> = ref(null);\n\n// 记住登陆状态\nconst rememberLoginState = ref(false);\n\nconst formEl: Ref<any> = ref(null);\n\nconst system = useMSAppClient()!;\n\nconst router = useRouter();\n\nconst loading = ref(false);\n\nconst loginDisabled = computed(\n  () => !loginFormData.account || !loginFormData.password\n);\nconst resetDisabled = computed(() => !loginFormData.account);\n\nconst forgotPassword = ref(false);\nconst scene = computed(() =>\n  forgotPassword.value ? \"ModifyPassword\" : \"Login\"\n);\n\nconst rules = {\n  account: [{ required: true, message: \"账号必填\" }],\n  password: [{ required: true, message: \"密码必填\" }],\n};\n\nconst loginFormData = reactive({\n  account: \"\",\n  password: \"\",\n  vCode: \"\",\n});\n\n// 发起动作 可能是登录 也可能是修改密码\nconst sendAction = async (v: number) => {\n\n  // 验证不通过\n  if(!await formEl.value?.validate()){\n    return;\n  }\n  // 验证码\n  var vResult = await MKOpenVerifyCode({ sence:scene.value } as any);\n\n  // 转成字符串格式\n  loginFormData.vCode = vResult+\"\";\n\n  try {\n\n    loading.value = true;\n\n    if (forgotPassword.value) {\n\n      const { data } = await system.resetPassword(\n        loginFormData.account,\n        loginFormData.vCode\n      );\n\n      if (data.code !== 200) {\n        ElMessage.error(data.msg || \"重置邮箱失败！\");\n        return;\n      }\n\n      ElMessage.success(\"重置密码邮件已发送到邮箱\");\n      forgotPassword.value = false;\n\n    } else {\n\n      const { data } = await system.login(\n        loginFormData.account,\n        loginFormData.password,\n        loginFormData.vCode\n      );\n\n      if (data.code !== 200) {\n        ElMessage.error(data.msg || \"登录失败!\");\n        return;\n      }\n\n      router.push({ path: \"/\" });\n    }\n  } catch (e) {\n    ElMessage.error(\"登录失败\");\n  } finally {\n    loading.value = false;\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n@import \"./login.scss\";\n</style>\n"],"names":["ref","useMSAppClient","useRouter","computed","reactive","MKOpenVerifyCode","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EuDA,QAAAA,IAAI,IAAI;AAGpCA,QAAAA,IAAI,KAAK;AAE9B,UAAA,SAAmBA,QAAI,IAAI;AAEjC,UAAM,SAASC,QAAAA;AAEf,UAAM,SAASC,UAAAA;AAET,UAAA,UAAUF,QAAI,KAAK;AAEHG,QAAA;AAAA,MACpB,MAAM,CAAC,cAAc,WAAW,CAAC,cAAc;AAAA,IACjD;AACsBA,iBAAS,MAAM,CAAC,cAAc,OAAO;AAErD,UAAA,iBAAiBH,QAAI,KAAK;AAChC,UAAM,QAAQG,IAAA;AAAA,MAAS,MACrB,eAAe,QAAQ,mBAAmB;AAAA,IAAA;AAG5C,UAAM,QAAQ;AAAA,MACZ,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,UAAU,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAGhD,UAAM,gBAAgBC,IAAAA,SAAS;AAAA,MAC7B,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACR;AAGK,UAAA,aAAa,OAAO,MAAc;;AAGtC,UAAG,CAAC,QAAM,YAAO,UAAP,mBAAc,aAAW;AACjC;AAAA,MACF;AAEA,UAAI,UAAU,MAAMC,yBAAiB,EAAE,OAAM,MAAM,OAAc;AAGjE,oBAAc,QAAQ,UAAQ;AAE1B,UAAA;AAEF,gBAAQ,QAAQ;AAEhB,YAAI,eAAe,OAAO;AAExB,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACXC,wBAAAA,UAAA,MAAM,KAAK,OAAO,SAAS;AACrC;AAAA,UACF;AAEAA,gCAAU,QAAQ,cAAc;AAChC,yBAAe,QAAQ;AAAA,QAAA,OAElB;AAEL,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACXA,wBAAAA,UAAA,MAAM,KAAK,OAAO,OAAO;AACnC;AAAA,UACF;AAEA,iBAAO,KAAK,EAAE,MAAM,IAAK,CAAA;AAAA,QAC3B;AAAA,eACO,GAAG;AACVA,8BAAU,MAAM,MAAM;AAAA,MAAA,UACtB;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index-BVfCSr7x.cjs","sources":["../../src/pages/login/index.vue"],"sourcesContent":["<template>\n  <MKSimplePageLayout class=\"login-wrap\">\n    <div class=\"login-form-wrap\">\n\n      <template v-if=\"!forgotPassword\">\n        <div class=\"login-form-title\"> 账号登录 </div>\n        <div class=\"login-form-item\">\n          <div></div>\n          <span class=\"notify\">\n            没有账号？\n            <el-link :underline=\"false\" type=\"primary\" @click=\"router.push('/signup')\">\n              申请账号\n              <MKSvgIcon name=\"ep:arrow-right-bold\" m=\"l-[5px]\" />\n            </el-link>\n          </span>\n        </div>\n      </template>\n      <template v-else>\n        <div class=\"login-form-title\">账号重置</div>\n        <div class=\"login-form-item\">\n          新密码将会在重置后送至 {{loginFormData.account}} 绑定的邮箱！请查收！\n        </div>\n      </template>   \n      \n      <ElForm :model=\"loginFormData\" :rules=\"rules\" size=\"large\" ref=\"formEl\" @submit.native.prevent>\n        <ElFormItem prop=\"account\">\n          <ElInput\n            v-model=\"loginFormData.account\"\n            placeholder=\"帐号\"\n            @keyup.enter.native.prevent=\"sendAction\"\n          />\n        </ElFormItem>\n        <ElFormItem prop=\"password\" style=\"margin-top: 30px;\" v-if=\"!forgotPassword\">\n          <ElInput\n            v-model=\"loginFormData.password\"\n            type=\"password\"\n            placeholder=\"密码\"\n            @keyup.enter.native.prevent=\"sendAction\"\n          />\n        </ElFormItem>\n        <div class=\"login-form-item\">\n          <div></div>\n          <el-link :underline=\"false\"  type=\"primary\" @click=\"forgotPassword = !forgotPassword\">\n            {{forgotPassword ? \"返回登陆\" : \"忘记密码\" }}\n            <MKSvgIcon name=\"ep:arrow-right-bold\" m=\"l-[2px]\" />\n          </el-link>\n        </div>\n        <ElFormItem>\n          <ElButton type=\"primary\" style=\"width: 100%\" :loading=\"loading\" @click=\"sendAction\" v-if=\"!forgotPassword\">\n            登陆\n          </ElButton>\n          <ElButton type=\"primary\" v-else style=\"width: 100%\" :loading=\"loading\" @click=\"sendAction\">\n            重置\n          </ElButton>\n        </ElFormItem>\n      </ElForm>\n      <!-- <ElDivider></ElDivider> -->\n    </div>\n  </MKSimplePageLayout>\n</template>\n\n<script setup lang=\"ts\">\nimport { ElMessage, ElForm, ElFormItem } from \"element-plus\";\nimport { useMSAppClient } from \"../../composables\";\nimport { MKOpenVerifyCode, MKSvgIcon,MKSimplePageLayout } from \"../../components\";\nimport { Ref, computed, reactive, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\n\ndefineOptions({\n  mkRoute: {\n    name: \"login\",\n    path: \"/login\",\n    meta: {\n      isAuthorization: false,\n    },\n  },\n});\n\nconst verifyDialog: Ref<{ fail: () => void } | null> = ref(null);\n\n// 记住登陆状态\nconst rememberLoginState = ref(false);\n\nconst formEl: Ref<any> = ref(null);\n\nconst system = useMSAppClient()!;\n\nconst router = useRouter();\n\nconst loading = ref(false);\n\nconst loginDisabled = computed(\n  () => !loginFormData.account || !loginFormData.password\n);\nconst resetDisabled = computed(() => !loginFormData.account);\n\nconst forgotPassword = ref(false);\nconst scene = computed(() =>\n  forgotPassword.value ? \"ModifyPassword\" : \"Login\"\n);\n\nconst rules = {\n  account: [{ required: true, message: \"账号必填\" }],\n  password: [{ required: true, message: \"密码必填\" }],\n};\n\nconst loginFormData = reactive({\n  account: \"\",\n  password: \"\",\n  vCode: \"\",\n});\n\n// 发起动作 可能是登录 也可能是修改密码\nconst sendAction = async (v: number) => {\n\n  // 验证不通过\n  if(!await formEl.value?.validate()){\n    return;\n  }\n  // 验证码\n  var vResult = await MKOpenVerifyCode({ sence:scene.value } as any);\n\n  // 转成字符串格式\n  loginFormData.vCode = vResult+\"\";\n\n  try {\n\n    loading.value = true;\n\n    if (forgotPassword.value) {\n\n      const { data } = await system.resetPassword(\n        loginFormData.account,\n        loginFormData.vCode\n      );\n\n      if (data.code !== 200) {\n        ElMessage.error(data.msg || \"重置邮箱失败！\");\n        return;\n      }\n\n      ElMessage.success(\"重置密码邮件已发送到邮箱\");\n      forgotPassword.value = false;\n\n    } else {\n\n      const { data } = await system.login(\n        loginFormData.account,\n        loginFormData.password,\n        loginFormData.vCode\n      );\n\n      if (data.code !== 200) {\n        ElMessage.error(data.msg || \"登录失败!\");\n        return;\n      }\n\n      router.push({ path: \"/\" });\n    }\n  } catch (e) {\n    ElMessage.error(\"登录失败\");\n  } finally {\n    loading.value = false;\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n@import \"./login.scss\";\n</style>\n"],"names":["ref","useMSAppClient","useRouter","computed","reactive","MKOpenVerifyCode","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EuDA,QAAAA,IAAI,IAAI;AAGpCA,QAAAA,IAAI,KAAK;AAE9B,UAAA,SAAmBA,QAAI,IAAI;AAEjC,UAAM,SAASC,QAAAA;AAEf,UAAM,SAASC,UAAAA;AAET,UAAA,UAAUF,QAAI,KAAK;AAEHG,QAAA;AAAA,MACpB,MAAM,CAAC,cAAc,WAAW,CAAC,cAAc;AAAA,IACjD;AACsBA,iBAAS,MAAM,CAAC,cAAc,OAAO;AAErD,UAAA,iBAAiBH,QAAI,KAAK;AAChC,UAAM,QAAQG,IAAA;AAAA,MAAS,MACrB,eAAe,QAAQ,mBAAmB;AAAA,IAAA;AAG5C,UAAM,QAAQ;AAAA,MACZ,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,UAAU,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAGhD,UAAM,gBAAgBC,IAAAA,SAAS;AAAA,MAC7B,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACR;AAGK,UAAA,aAAa,OAAO,MAAc;;AAGtC,UAAG,CAAC,QAAM,YAAO,UAAP,mBAAc,aAAW;AACjC;AAAA,MACF;AAEA,UAAI,UAAU,MAAMC,yBAAiB,EAAE,OAAM,MAAM,OAAc;AAGjE,oBAAc,QAAQ,UAAQ;AAE1B,UAAA;AAEF,gBAAQ,QAAQ;AAEhB,YAAI,eAAe,OAAO;AAExB,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACXC,wBAAAA,UAAA,MAAM,KAAK,OAAO,SAAS;AACrC;AAAA,UACF;AAEAA,gCAAU,QAAQ,cAAc;AAChC,yBAAe,QAAQ;AAAA,QAAA,OAElB;AAEL,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACXA,wBAAAA,UAAA,MAAM,KAAK,OAAO,OAAO;AACnC;AAAA,UACF;AAEA,iBAAO,KAAK,EAAE,MAAM,IAAK,CAAA;AAAA,QAC3B;AAAA,eACO,GAAG;AACVA,8BAAU,MAAM,MAAM;AAAA,MAAA,UACtB;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/{index-vhUGfodZ.cjs → index-BmuZFdhS.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-D1Kq_PNX.cjs");
 exports.MKMaterialUploadContext = index.MKMaterialUploadContext;
 exports.MKUploadFile = index.MKUploadFile;
 exports.MKUploadFileUi = index.MKUploadFileUi;
@@ -22,4 +22,4 @@ exports.uploadImageProps = index.uploadImageProps;
 exports.uploadVideoEmits = index.uploadVideoEmits;
 exports.uploadVideoProps = index.uploadVideoProps;
 exports.webFileUploadContextProps = index.webFileUploadContextProps;
-//# sourceMappingURL=index-vhUGfodZ.cjs.map
+//# sourceMappingURL=index-BmuZFdhS.cjs.map

package/dist/cjs/index-BmuZFdhS.cjs.map

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

package/dist/cjs/{index-ES5UYmii.cjs → index-BqtZUQtV.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-D1Kq_PNX.cjs");
 require("@maketribe/request");
 require("@maketribe/utils");
 const dm = require("@maketribe/dm");
@@ -74,4 +74,4 @@ const BatchOpt = /* @__PURE__ */ vue.defineComponent({
 const MKBatchOpt = BatchOpt;
 exports.MKBatchOpt = MKBatchOpt;
 exports.default = MKBatchOpt;
-//# sourceMappingURL=index-ES5UYmii.cjs.map
+//# sourceMappingURL=index-BqtZUQtV.cjs.map