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

package/dist/cjs/{table-B6Qrc84P.cjs → table-CvMbxWh9.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");
@@ -54,18 +54,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       { immediate: true }
     );
     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,
-            selection: "",
-            enableQueryParams: ""
-          }, null, 8, ["data-table"])
-        ]),
-        _: 1
-      })) : vue.createCommentVNode("", true);
+      return dataTable.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.MKDataTable), {
+        key: 0,
+        mode: "page",
+        dataTable: dataTable.value,
+        selection: "",
+        enableQueryParams: ""
+      }, null, 8, ["dataTable"])) : vue.createCommentVNode("", true);
     };
   }
 });
 exports.default = _sfc_main;
-//# sourceMappingURL=table-B6Qrc84P.cjs.map
+//# sourceMappingURL=table-CvMbxWh9.cjs.map

package/dist/cjs/table-CvMbxWh9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-CvMbxWh9.cjs","sources":["../../src/pages/index/dv/default/table.vue"],"sourcesContent":["<template>\n  <MKDataTable mode=\"page\" v-if=\"dataTable\" :dataTable=\"dataTable\" selection enableQueryParams />\n</template>\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { DataModelDefines } from \"../../../../core\";\nimport {MKDataTable} from \"../../../../components\";\n\nconst router = useRouter();\n\nconst dataTable: Ref<DataTable | null> = ref(null);\n\nwatch(\n  computed(() => unref(router.currentRoute).meta.name as string),\n  ([_dataTable, name]) => {\n    dataTable.value = DataModelDefines.instance.getDataTable(name as string);\n  },\n  { immediate: true }\n);\n\nwatch(\n  dataTable,\n  (dataTable, _, onCleanup) => {\n    if (dataTable) {\n      dataTable.addRecordEvent.on(() => {\n        router.push({ name: `dv/${dataTable.name}/edit` });\n      });\n\n      dataTable.editRecordEvent.on(({ item }) => {\n        router.push({\n          name: `dv/${dataTable.name}/edit`,\n          params: { id: item[dataTable?.primaryKey as string] },\n        });\n      });\n    }\n\n    onCleanup(() => {\n      dataTable?.clearSelection();\n      dataTable?.dispose();\n    });\n  },\n  { immediate: true }\n);\n</script>\n"],"names":["useRouter","ref","watch","computed","unref","DataModelDefines","dataTable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAM,SAASA,UAAAA;AAET,UAAA,YAAmCC,QAAI,IAAI;AAEjDC,QAAA;AAAA,MACEC,aAAS,MAAMC,IAAAA,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,CAAC,YAAY,IAAI,MAAM;AACtB,kBAAU,QAAQC,MAAA,iBAAiB,SAAS,aAAa,IAAc;AAAA,MACzE;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpBH,QAAA;AAAA,MACE;AAAA,MACA,CAACI,YAAW,GAAG,cAAc;AAC3B,YAAIA,YAAW;AACbA,qBAAU,eAAe,GAAG,MAAM;AAChC,mBAAO,KAAK,EAAE,MAAM,MAAMA,WAAU,IAAI,SAAS;AAAA,UAAA,CAClD;AAEDA,qBAAU,gBAAgB,GAAG,CAAC,EAAE,WAAW;AACzC,mBAAO,KAAK;AAAA,cACV,MAAM,MAAMA,WAAU,IAAI;AAAA,cAC1B,QAAQ,EAAE,IAAI,KAAKA,yCAAW,UAAoB,EAAE;AAAA,YAAA,CACrD;AAAA,UAAA,CACF;AAAA,QACH;AAEA,kBAAU,MAAM;AACdA,mDAAW;AACXA,mDAAW;AAAA,QAAQ,CACpB;AAAA,MACH;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;;;;;;;;;;;;;"}

package/dist/esm/{404-Cq6yBGp4.js → 404-pgXrGEYV.js}

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock } from "vue";
-import { _ as _export_sfc } from "./index-ynkPkNKa.js";
+import { _ as _export_sfc } from "./index-CktZMTi8.js";
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   return openBlock(), createElementBlock("div", null, "404");
@@ -8,4 +8,4 @@ const _404 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
   _404 as default
 };
-//# sourceMappingURL=404-Cq6yBGp4.js.map
+//# sourceMappingURL=404-pgXrGEYV.js.map

package/dist/esm/{404-Cq6yBGp4.js.map → 404-pgXrGEYV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"404-Cq6yBGp4.js","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-pgXrGEYV.js","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/esm/{column-text-options-C-ApgBwL.js → column-text-options-Btqc1h9Z.js}

@@ -1,5 +1,5 @@
 import { buildProps } from "@maketribe/utils";
-import { p as columnProps } from "./index-ynkPkNKa.js";
+import { p as columnProps } from "./index-CktZMTi8.js";
 import "vue";
 import "vue-router";
 import "@maketribe/dm";
@@ -25,4 +25,4 @@ const columnTextProps = buildProps({
 export {
   columnTextProps as c
 };
-//# sourceMappingURL=column-text-options-C-ApgBwL.js.map
+//# sourceMappingURL=column-text-options-Btqc1h9Z.js.map

package/dist/esm/{column-text-options-C-ApgBwL.js.map → column-text-options-Btqc1h9Z.js.map}

@@ -1 +1 @@
-{"version":3,"file":"column-text-options-C-ApgBwL.js","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":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,aAAa,EAAE,MAAM,UAAU,SAAS,CAAC,UAAe,MAAM;AAChE,CAAC;"}
+{"version":3,"file":"column-text-options-Btqc1h9Z.js","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":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,aAAa,EAAE,MAAM,UAAU,SAAS,CAAC,UAAe,MAAM;AAChE,CAAC;"}

package/dist/esm/{dialog-UQ1XzvvV.js → dialog-CNl7fJvG.js}

@@ -1,6 +1,6 @@
-import { defineComponent, ref, watch, computed, unref, openBlock, createBlock, withCtx, createVNode, createCommentVNode } from "vue";
+import { defineComponent, ref, watch, computed, unref, openBlock, createBlock, createCommentVNode } from "vue";
 import { useRouter } from "vue-router";
-import { z as DataModelDefines, C as useSingleViewWithDialog, x as MKPageContainer, E as MKDataTable } from "./index-ynkPkNKa.js";
+import { z as DataModelDefines, O as useSingleViewWithDialog, E as MKDataTable } from "./index-CktZMTi8.js";
 import "element-plus";
 import "@maketribe/request";
 import "@maketribe/utils";
@@ -34,19 +34,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     useSingleViewWithDialog({ dataTable, dataForm });
     return (_ctx, _cache) => {
-      return dataTable.value ? (openBlock(), createBlock(unref(MKPageContainer), { key: 0 }, {
-        default: withCtx(() => [
-          createVNode(unref(MKDataTable), {
-            "data-table": dataTable.value,
-            enableQueryParams: ""
-          }, null, 8, ["data-table"])
-        ]),
-        _: 1
-      })) : createCommentVNode("", true);
+      return dataTable.value ? (openBlock(), createBlock(unref(MKDataTable), {
+        key: 0,
+        mode: "page",
+        "data-table": dataTable.value,
+        enableQueryParams: ""
+      }, null, 8, ["data-table"])) : createCommentVNode("", true);
     };
   }
 });
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=dialog-UQ1XzvvV.js.map
+//# sourceMappingURL=dialog-CNl7fJvG.js.map

package/dist/esm/dialog-CNl7fJvG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-CNl7fJvG.js","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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAM,SAAS;AAET,UAAA,YAAmC,IAAI,IAAI;AAC3C,UAAA,WAAiC,IAAI,IAAI;AAE/C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,kBAAU,QAAQ,iBAAiB,SAAS,aAAa,IAAI;AAC7D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGI,4BAAA,EAAE,WAAW,SAAA,CAAU;;;;;;;;;;;"}

package/dist/esm/{dialog-BVl594EW.js → dialog-D6KY9pBV.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, watch, computed, unref, openBlock, createBlock, withCtx, createVNode, createCommentVNode } from "vue";
 import { useRouter } from "vue-router";
-import "@maketribe/dm";
+import { z as DataModelDefines, O as useSingleViewWithDialog, E as MKDataTable, F as MKTableView, G as MKTableTree } from "./index-CktZMTi8.js";
 import "element-plus";
-import "@maketribe/utils";
-import { z as DataModelDefines, C as useSingleViewWithDialog, x as MKPageContainer, E as MKDataTable, F as MKTableView, G as MKTableTree } from "./index-ynkPkNKa.js";
 import "@maketribe/request";
+import "@maketribe/utils";
+import "@maketribe/dm";
 import "@maketribe/locale";
 import "lodash-es";
 import "@lexical/overflow";
@@ -34,29 +34,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     useSingleViewWithDialog({ dataTable: dataTree, dataForm });
     return (_ctx, _cache) => {
-      return dataTree.value ? (openBlock(), createBlock(unref(MKPageContainer), { key: 0 }, {
+      return dataTree.value ? (openBlock(), createBlock(unref(MKDataTable), {
+        key: 0,
+        mode: "page",
+        "data-table": dataTree.value,
+        enableQueryParams: ""
+      }, {
         default: withCtx(() => [
-          createVNode(unref(MKDataTable), {
-            "data-table": dataTree.value,
-            enableQueryParams: ""
-          }, {
+          createVNode(unref(MKTableView), null, {
             default: withCtx(() => [
-              createVNode(unref(MKTableView), null, {
-                default: withCtx(() => [
-                  createVNode(unref(MKTableTree))
-                ]),
-                _: 1
-              })
+              createVNode(unref(MKTableTree))
             ]),
             _: 1
-          }, 8, ["data-table"])
+          })
         ]),
         _: 1
-      })) : createCommentVNode("", true);
+      }, 8, ["data-table"])) : createCommentVNode("", true);
     };
   }
 });
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=dialog-BVl594EW.js.map
+//# sourceMappingURL=dialog-D6KY9pBV.js.map

package/dist/esm/dialog-D6KY9pBV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-D6KY9pBV.js","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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmBA,UAAM,SAAS;AAET,UAAA,WAAiC,IAAI,IAAI;AACzC,UAAA,WAAiC,IAAI,IAAI;AAE/C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAE3D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpB,4BAAwB,EAAE,WAAW,UAAU,SAAU,CAAA;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/{dialog-DEBHWQm-.js → dialog-DNyC9DiU.js}

@@ -1,6 +1,6 @@
-import { defineComponent, ref, watch, computed, unref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createCommentVNode } from "vue";
+import { defineComponent, ref, watch, computed, unref, openBlock, createBlock, withCtx, createVNode, createCommentVNode } from "vue";
 import { useRouter } from "vue-router";
-import { z as DataModelDefines, C as useSingleViewWithDialog, P as MKTreeView } from "./index-ynkPkNKa.js";
+import { z as DataModelDefines, O as useSingleViewWithDialog, E as MKDataTable, P as MKTreeView } from "./index-CktZMTi8.js";
 import "element-plus";
 import "@maketribe/request";
 import "@maketribe/utils";
@@ -34,9 +34,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     useSingleViewWithDialog({ dataTable: dataTree, dataForm });
     return (_ctx, _cache) => {
-      const _component_MKDataTablePage = resolveComponent("MKDataTablePage");
-      return dataTree.value ? (openBlock(), createBlock(_component_MKDataTablePage, {
+      return dataTree.value ? (openBlock(), createBlock(unref(MKDataTable), {
         key: 0,
+        mode: "page",
         "data-table": dataTree.value
       }, {
         default: withCtx(() => [
@@ -50,4 +50,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=dialog-DEBHWQm-.js.map
+//# sourceMappingURL=dialog-DNyC9DiU.js.map

package/dist/esm/dialog-DNyC9DiU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-DNyC9DiU.js","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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAcA,UAAM,SAAS;AAET,UAAA,WAAiC,IAAI,IAAI;AACzC,UAAA,WAAiC,IAAI,IAAI;AAE/C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAC3D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpB,4BAAwB,EAAE,WAAW,UAAU,SAAU,CAAA;;;;;;;;;;;;;;;"}

package/dist/esm/{edit-Dct2f7jZ.js → edit-CEVHY---.js}

@@ -1,9 +1,9 @@
-import { defineComponent, computed, unref, reactive, watch, openBlock, createBlock, withCtx, createVNode, createCommentVNode } from "vue";
+import { defineComponent, computed, unref, reactive, watch, openBlock, createBlock, createCommentVNode } from "vue";
 import { useRouter } from "vue-router";
 import "@maketribe/dm";
 import "element-plus";
 import "@maketribe/utils";
-import { z as DataModelDefines, x as MKPageContainer, O as MKDataForm } from "./index-ynkPkNKa.js";
+import { z as DataModelDefines, I as MKDataForm } from "./index-CktZMTi8.js";
 import "@maketribe/request";
 import "@maketribe/locale";
 import "lodash-es";
@@ -51,16 +51,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     return (_ctx, _cache) => {
-      return dataForm.value ? (openBlock(), createBlock(unref(MKPageContainer), { key: 0 }, {
-        default: withCtx(() => [
-          createVNode(unref(MKDataForm), { "data-form": dataForm.value }, null, 8, ["data-form"])
-        ]),
-        _: 1
-      })) : createCommentVNode("", true);
+      return dataForm.value ? (openBlock(), createBlock(unref(MKDataForm), {
+        key: 0,
+        mode: "page",
+        labelPosition: "top",
+        "data-form": dataForm.value
+      }, null, 8, ["data-form"])) : createCommentVNode("", true);
     };
   }
 });
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=edit-Dct2f7jZ.js.map
+//# sourceMappingURL=edit-CEVHY---.js.map

package/dist/esm/edit-CEVHY---.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-CEVHY---.js","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":["dataForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,SAAS;AAET,UAAA,KAAK,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,OAAO,EAAY;AAElE,UAAA,WAA6C,SAAS,MAAM;AAC1DA,YAAAA,YAAW,iBAAiB,SAAS;AAAA,QACzC,MAAM,OAAO,YAAY,EAAE,KAAK;AAAA,MAAA;AAG3BA,aAAAA,YAAY,SAASA,SAAQ,IAAiB;AAAA,IAAA,CACtD;AAED;AAAA,MACE;AAAA,MACA,CAACA,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,CAAC,MAAM,EAAE,GAAG;AACRA,sBAAAA,SAAQ,MAARA,mBAAW;AACjB;AAAA,QACF;AAEA,oBAAMA,SAAQ,MAAd,mBAAiB,WAAW,MAAM,EAAE;AAAA,MACtC;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;;;;;;;;;;;"}

package/dist/esm/{index-Bvaw80Gf.js → index-8_eTvDFz.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, unref, createVNode } from "vue";
-import { c as columnTextProps } from "./column-text-options-C-ApgBwL.js";
-import { t as useColumn } from "./index-ynkPkNKa.js";
+import { c as columnTextProps } from "./column-text-options-Btqc1h9Z.js";
+import { t as useColumn } from "./index-CktZMTi8.js";
 import "@maketribe/utils";
 import "vue-router";
 import "@maketribe/dm";
@@ -40,4 +40,4 @@ export {
   columnTextProps,
   MKColumnText as default
 };
-//# sourceMappingURL=index-Bvaw80Gf.js.map
+//# sourceMappingURL=index-8_eTvDFz.js.map

package/dist/esm/{index-Bvaw80Gf.js.map → index-8_eTvDFz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Bvaw80Gf.js","sources":["../../src/components/data-model/data-table/components/column-text/column-text.tsx","../../src/components/data-model/data-table/components/column-text/index.ts"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\n\nimport { columnTextProps } from \"./column-text-options\";\nimport { useColumn } from \"../../composables\";\n\nexport default defineComponent({\n  name: \"MKColumnText\",\n  props: columnTextProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    const formatValue = computed(() => props.formatValue(unref(value)));\n\n    return () => {\n      return <span class=\"mk-column-text\">{unref(formatValue)}</span>;\n    };\n  },\n});\n","import ColumnText from \"./column-text\";\n\nexport const MKColumnText = ColumnText;\nexport default MKColumnText;\n\nexport * from \"./column-text-options\";\n"],"names":["defineComponent","name","props","columnTextProps","setup","value","useColumn","formatValue","computed","unref","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AAEjC,UAAMK,cAAcC,SAAS,MAAMN,MAAMK,YAAYE,MAAMJ,KAAK,CAAC,CAAC;AAElE,WAAO,MAAM;AACX,aAAAK,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAqCD,GAAAA,CAAAA,MAAMF,WAAW,CAAC,CAAA;AAAA;EAE3D;AACF,CAAC;ACfM,MAAM,eAAe;"}
+{"version":3,"file":"index-8_eTvDFz.js","sources":["../../src/components/data-model/data-table/components/column-text/column-text.tsx","../../src/components/data-model/data-table/components/column-text/index.ts"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\n\nimport { columnTextProps } from \"./column-text-options\";\nimport { useColumn } from \"../../composables\";\n\nexport default defineComponent({\n  name: \"MKColumnText\",\n  props: columnTextProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    const formatValue = computed(() => props.formatValue(unref(value)));\n\n    return () => {\n      return <span class=\"mk-column-text\">{unref(formatValue)}</span>;\n    };\n  },\n});\n","import ColumnText from \"./column-text\";\n\nexport const MKColumnText = ColumnText;\nexport default MKColumnText;\n\nexport * from \"./column-text-options\";\n"],"names":["defineComponent","name","props","columnTextProps","setup","value","useColumn","formatValue","computed","unref","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AAEjC,UAAMK,cAAcC,SAAS,MAAMN,MAAMK,YAAYE,MAAMJ,KAAK,CAAC,CAAC;AAElE,WAAO,MAAM;AACX,aAAAK,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAqCD,GAAAA,CAAAA,MAAMF,WAAW,CAAC,CAAA;AAAA;EAE3D;AACF,CAAC;ACfM,MAAM,eAAe;"}

package/dist/esm/index-8jPb4Wj9.js

@@ -0,0 +1,110 @@
+import { buildProps, withInstall } from "@maketribe/utils";
+import { defineComponent, ref, watch, unref, createVNode, Fragment, createTextVNode } from "vue";
+import { ElIcon, ElButton, ElDialog } from "element-plus";
+import { Film, View, Download, Close } from "@element-plus/icons-vue";
+import { MKImageView } from "./index-C8z_gFCT.js";
+const videoViewProps = buildProps({
+  src: { type: String, required: true },
+  poster: { type: String, required: false },
+  dialogWidth: { type: String, default: "800px" }
+});
+const VideoView = /* @__PURE__ */ defineComponent({
+  name: "MKVideoView",
+  props: videoViewProps,
+  setup(props) {
+    const isShowVideoDialog = ref(false);
+    const videoEl = ref(null);
+    const handleViewClick = () => {
+      isShowVideoDialog.value = true;
+    };
+    const handleDownloadClick = () => {
+      if (!props.src) {
+        return;
+      }
+      const a = document.createElement("a");
+      a.setAttribute("download", (/* @__PURE__ */ new Date()).getTime().toString());
+      a.target = "_blank";
+      a.href = props.src;
+      Object.assign(a.style, {
+        width: "1px",
+        height: "1px"
+      });
+      document.body.append(a);
+      a.click();
+      setTimeout(() => {
+        document.body.removeChild(a);
+      });
+    };
+    watch(isShowVideoDialog, (isShowVideoDialog2) => {
+      if (!unref(videoEl)) {
+        return;
+      }
+      if (!isShowVideoDialog2) {
+        unref(videoEl).pause();
+        unref(videoEl).currentTime = 0;
+      }
+    });
+    return () => createVNode("div", {
+      "class": "mk-video-view"
+    }, [createVNode(MKImageView, {
+      "src": props.src,
+      "showPreview": false
+    }, {
+      error: () => {
+        return createVNode(Fragment, null, [createVNode(ElIcon, {
+          "size": "20"
+        }, {
+          default: () => [createVNode(Film, null, null)]
+        }), createVNode("div", {
+          "class": "mk-video-view__tools"
+        }, [createVNode(ElButton, {
+          "type": "primary",
+          "icon": View,
+          "onClick": handleViewClick
+        }, null), createVNode(ElButton, {
+          "type": "primary",
+          "icon": Download,
+          "onClick": handleDownloadClick
+        }, null)])]);
+      }
+    }), createVNode(ElDialog, {
+      "appendToBody": true,
+      "showClose": false,
+      "width": props.dialogWidth,
+      "modelValue": unref(isShowVideoDialog),
+      "onUpdate:modelValue": (v) => {
+        isShowVideoDialog.value = v;
+      }
+    }, {
+      default: () => [createVNode("video", {
+        "class": "mk-video-view__video",
+        "src": props.src,
+        "draggable": "false",
+        "preload": "true",
+        "controls": true,
+        "ref": (el) => videoEl.value = el
+      }, null)],
+      header: (scope) => {
+        return createVNode("div", {
+          "class": "mk-video-view__dialog-header"
+        }, [createVNode(ElButton, {
+          "type": "primary",
+          "icon": Download,
+          "onClick": handleDownloadClick
+        }, {
+          default: () => [createTextVNode("下载")]
+        }), createVNode(ElButton, {
+          "icon": Close,
+          "onClick": scope.close
+        }, null)]);
+      }
+    })]);
+  }
+});
+const MKVideoView = withInstall(VideoView);
+export {
+  MKVideoView,
+  MKVideoView as default,
+  videoViewProps
+};
+//# sourceMappingURL=index-8jPb4Wj9.js.map

package/dist/esm/index-8jPb4Wj9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-8jPb4Wj9.js","sources":["../../src/components/business/material-list/components/video-view/video-view-options.ts","../../src/components/business/material-list/components/video-view/video-view.tsx","../../src/components/business/material-list/components/video-view/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const videoViewProps = buildProps({\n  src: { type: String, required: true },\n  poster: { type: String, required: false },\n  dialogWidth: { type: String, default: \"800px\" },\n} as const);\n\nexport type VideoViewProps = ExtractPropTypes<typeof videoViewProps>;\n","import { Fragment, Ref, defineComponent, ref, unref, watch } from \"vue\";\nimport { ElButton, ElDialog, ElIcon } from \"element-plus\";\nimport { Film, View, Download, Close } from \"@element-plus/icons-vue\";\nimport MKImageView from \"../image-view\";\nimport { videoViewProps } from \"./video-view-options\";\n\nexport default defineComponent({\n  name: \"MKVideoView\",\n  props: videoViewProps,\n  setup(props) {\n    const isShowVideoDialog = ref(false);\n\n    const videoEl: Ref<HTMLVideoElement | null> = ref(null);\n\n    const handleViewClick = () => {\n      isShowVideoDialog.value = true;\n    };\n\n    const handleDownloadClick = () => {\n      if (!props.src) {\n        return;\n      }\n\n      const a = document.createElement(\"a\");\n      a.setAttribute(\"download\", new Date().getTime().toString());\n      a.target = \"_blank\";\n      a.href = props.src;\n      Object.assign(a.style, { width: \"1px\", height: \"1px\" });\n\n      document.body.append(a);\n      a.click();\n\n      setTimeout(() => {\n        document.body.removeChild(a);\n      });\n    };\n\n    watch(isShowVideoDialog, (isShowVideoDialog) => {\n      if (!unref(videoEl)) {\n        return;\n      }\n\n      if (!isShowVideoDialog) {\n        unref(videoEl)!.pause();\n        unref(videoEl)!.currentTime = 0;\n      }\n    });\n\n    return () => (\n      <div class=\"mk-video-view\">\n        <MKImageView\n          src={props.src}\n          showPreview={false}\n          v-slots={{\n            error: () => {\n              return (\n                <Fragment>\n                  <ElIcon size=\"20\">\n                    <Film />\n                  </ElIcon>\n                  <div class=\"mk-video-view__tools\">\n                    <ElButton\n                      type=\"primary\"\n                      icon={View}\n                      onClick={handleViewClick}\n                    />\n                    <ElButton\n                      type=\"primary\"\n                      icon={Download}\n                      onClick={handleDownloadClick}\n                    />\n                  </div>\n                </Fragment>\n              );\n            },\n          }}\n        />\n        <ElDialog\n          appendToBody\n          showClose={false}\n          width={props.dialogWidth}\n          modelValue={unref(isShowVideoDialog)}\n          onUpdate:modelValue={(v) => {\n            isShowVideoDialog.value = v;\n          }}\n          v-slots={{\n            header: (scope: any) => {\n              return (\n                <div class=\"mk-video-view__dialog-header\">\n                  <ElButton\n                    type=\"primary\"\n                    icon={Download}\n                    onClick={handleDownloadClick}\n                  >\n                    下载\n                  </ElButton>\n                  <ElButton icon={Close} onClick={scope.close} />\n                </div>\n              );\n            },\n          }}\n        >\n          <video\n            class=\"mk-video-view__video\"\n            src={props.src}\n            draggable=\"false\"\n            preload=\"true\"\n            controls\n            ref={(el: any) => (videoEl.value = el)}\n          />\n        </ElDialog>\n      </div>\n    );\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport VideoView from \"./video-view\";\n\nexport const MKVideoView = withInstall(VideoView);\nexport default MKVideoView;\n\nexport * from \"./video-view-options\";\n"],"names":["defineComponent","name","props","videoViewProps","setup","isShowVideoDialog","ref","videoEl","handleViewClick","value","handleDownloadClick","src","a","document","createElement","setAttribute","Date","getTime","toString","target","href","Object","assign","style","width","height","body","append","click","setTimeout","removeChild","watch","unref","pause","currentTime","_createVNode","MKImageView","error","_Fragment","ElIcon","default","Film","ElButton","View","Download","ElDialog","dialogWidth","v","el","header","scope","_createTextVNode","Close","close"],"mappings":"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"}

package/dist/esm/{index-Dl9x22Ho.js → index-9-a69TB8.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode } from "vue";
-import { x as MKPageContainer, y as MKMaterialList } from "./index-ynkPkNKa.js";
+import { x as MKPagePanel, y as MKMaterialList } from "./index-CktZMTi8.js";
 import "element-plus";
 import "@maketribe/request";
 import "@maketribe/utils";
@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MKPageContainer), null, {
+      return openBlock(), createBlock(unref(MKPagePanel), { title: "素材库" }, {
         default: withCtx(() => [
           createVNode(unref(MKMaterialList))
         ]),
@@ -34,4 +34,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=index-Dl9x22Ho.js.map
+//# sourceMappingURL=index-9-a69TB8.js.map

package/dist/esm/index-9-a69TB8.js.map

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

package/dist/esm/{index-Z1N1K4Lo.js → index-B7PIMc5M.js}

@@ -1,8 +1,8 @@
-import { defineComponent, ref, onMounted, watch, computed, resolveComponent, resolveDirective, openBlock, createElementBlock, withDirectives, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, withModifiers, createTextVNode, reactive, onBeforeUnmount, createBlock, createCommentVNode } from "vue";
+import { defineComponent, ref, watch, computed, withAsyncContext, resolveComponent, resolveDirective, openBlock, createElementBlock, withDirectives, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, withModifiers, createTextVNode, reactive, onBeforeUnmount, createBlock, createCommentVNode } from "vue";
 import { ElScrollbar, ElMessageBox, ElMessage, ElButton } from "element-plus";
 import { Dialoger } from "@maketribe/dm";
 import { DvOpt } from "@maketribe/request";
-import { a9 as MsRoleForm, v as MKSvgIcon, _ as _export_sfc, aa as MsMemberRoleTable, x as MKPageContainer, E as MKDataTable, ab as MKTable, ac as MKDataTablePagination } from "./index-ynkPkNKa.js";
+import { a9 as MsRoleForm, v as MKSvgIcon, _ as _export_sfc, aa as MsMemberRoleTable, x as MKPagePanel, E as MKDataTable, ab as MKTable, ac as MKDataTablePagination } from "./index-CktZMTi8.js";
 import "@maketribe/utils";
 import { useRouter } from "vue-router";
 import "@maketribe/locale";
@@ -33,16 +33,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["role-select"],
-  setup(__props, { emit: __emit }) {
+  async setup(__props, { emit: __emit }) {
+    let __temp, __restore;
     const props = __props;
     const emit = __emit;
     const dvOpt = DvOpt.createInstance({ name: "ms-role" });
     const roles = ref([]);
     const currentRole = ref(null);
     const loading = ref(false);
-    onMounted(() => {
-      loadRoleList();
-    });
     watch(currentRole, () => {
       emit("role-select", currentRole.value);
     });
@@ -105,6 +103,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         ElMessage.error({ message: "网络异常" });
       }
     };
+    [__temp, __restore] = withAsyncContext(() => loadRoleList()), await __temp, __restore();
     return (_ctx, _cache) => {
       const _component_ElDropdownItem = resolveComponent("ElDropdownItem");
       const _component_ElDropdownMenu = resolveComponent("ElDropdownMenu");
@@ -181,25 +180,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RoleAside = /* @__PURE__ */ _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__ */ _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__ */ defineComponent({
   __name: "index",
   setup(__props) {
@@ -279,53 +273,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       router.push({ name: "dv/ms-role/permission", params: { id: (_a = unref(currentRole)) == null ? void 0 : _a.id } });
     };
     return (_ctx, _cache) => {
-      const _component_el_page_header = resolveComponent("el-page-header");
-      return openBlock(), createBlock(unref(MKPageContainer), { class: "ms-role" }, {
-        default: withCtx(() => [
-          createVNode(_component_el_page_header, {
-            style: { "background-color": "#fff", "padding": "10px" },
-            icon: null
+      return openBlock(), createBlock(unref(MKPagePanel), {
+        class: "ms-role",
+        title: "角色管理",
+        iconName: "carbon:add-filled"
+      }, {
+        extra: withCtx(() => [
+          createVNode(unref(ElButton), {
+            type: "primary",
+            onClick: handleAddRoleClick,
+            style: { "margin-right": "10px" }
           }, {
-            title: withCtx(() => [
-              createElementVNode("h3", _hoisted_1, [
-                createVNode(unref(MKSvgIcon), {
-                  name: "oui:app-users-roles",
-                  style: { "margin-right": "5px" }
-                }),
-                createTextVNode(" 角色管理 ")
-              ])
-            ]),
-            extra: withCtx(() => [
-              createVNode(unref(ElButton), {
-                type: "primary",
-                text: "",
-                onClick: handleAddRoleClick,
-                style: { "margin-right": "10px" }
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(MKSvgIcon), {
-                    name: "carbon:add-filled",
-                    style: { "margin-right": "5px" }
-                  }),
-                  createTextVNode(" 添加角色 ")
-                ]),
-                _: 1
-              })
+            default: withCtx(() => [
+              createVNode(unref(MKSvgIcon), {
+                name: "carbon:add-filled",
+                style: { "margin-right": "5px" }
+              }),
+              createTextVNode(" 添加角色 ")
             ]),
             _: 1
-          }),
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, [
+          })
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
               createVNode(RoleAside, {
                 onRoleSelect: handleRoleSelect,
                 "role-form": roleForm,
                 ref: "RoleAsideEl"
               }, null, 8, ["role-form"])
             ]),
-            createElementVNode("div", _hoisted_4, [
-              currentRole.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                createElementVNode("div", _hoisted_6, [
-                  createElementVNode("div", _hoisted_7, [
+            createElementVNode("div", _hoisted_3, [
+              currentRole.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                createElementVNode("div", _hoisted_5, [
+                  createElementVNode("div", _hoisted_6, [
                     createVNode(unref(MKSvgIcon), {
                       class: "ms-role-aside__role-icon",
                       name: "oui:app-users-roles",
@@ -333,7 +314,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }),
                     createTextVNode(" " + toDisplayString(currentRole.value.desc), 1)
                   ]),
-                  createElementVNode("div", _hoisted_8, [
+                  createElementVNode("div", _hoisted_7, [
                     createVNode(unref(ElButton), {
                       type: "primary",
                       text: "",
@@ -386,8 +367,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3c0fc3ee"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-403254f4"]]);
 export {
   index as default
 };
-//# sourceMappingURL=index-Z1N1K4Lo.js.map
+//# sourceMappingURL=index-B7PIMc5M.js.map