@maketribe/ms-app 4.0.1 → 4.0.4

package/dist/esm/{index-dyVqrVB3.js → index-ZmRbK5N3.js}

@@ -1,6 +1,6 @@
 import { buildProps, withInstall } from "@maketribe/utils";
 import { defineComponent, computed, watch, unref, ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
-import { e as useFormItem, f as MKDataTable, g as DataForm, h as MKForm, _ as _export_sfc } from "./index-Dum31xvp.js";
+import { e as useFormItem, f as MKDataTable, g as DataForm, h as MKForm, _ as _export_sfc } from "./index-B5WnSJ0l.js";
 import { FormDetailColumn, Messager, DataFormType } from "@maketribe/dm";
 import { ElButton } from "element-plus";
 import { I18n } from "@maketribe/locale";
@@ -163,4 +163,4 @@ export {
   formDetailEmits,
   formDetailProps
 };
-//# sourceMappingURL=index-dyVqrVB3.js.map
+//# sourceMappingURL=index-ZmRbK5N3.js.map

package/dist/esm/{index-dyVqrVB3.js.map → index-ZmRbK5N3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-dyVqrVB3.js","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/components/form-detail/form-detail.vue","../../src/components/data-model/data-form/components/form-detail/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { FormDetailColumn } from \"@maketribe/dm\";\n\nexport const formDetailProps = buildProps({\n  modelValue: {\n    type: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  column: { type: FormDetailColumn, required: true },\n  formWidth: {\n    type: String,\n    default: \"400px\",\n  },\n} as const);\n\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\n\nexport const formDetailEmits = {\n  \"update:model-value\": (v: any) => true,\n};\n\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\n","<script setup lang=\"ts\">\nimport {computed, ref, unref, watch} from \"vue\";\nimport {MKDataTable} from \"../../../data-table\";\nimport DataForm from \"../../data-form.vue\";\nimport {formDetailEmits, formDetailProps} from \"./form-detail-options\";\nimport {useFormItem} from \"../../composables\";\nimport {MKForm} from '../../views'\nimport {ElButton, ElEmpty} from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport {DataFormType, Messager} from \"@maketribe/dm\";\n\nconst props = defineProps(formDetailProps);\n\nconst emit = defineEmits(formDetailEmits)\n\nconst detailTable = computed(() => props.column.detailTable);\nconst detailForm = computed(() => props.column.detailForm!);\n\nconst {value} = useFormItem();\n\nwatch(\n  computed(() => unref(value)),\n  (value) => {\n    const _detailTable = unref(detailTable);\n\n    value = Array.isArray(value) ? value : [];\n\n    _detailTable.setList(\n      value.map((item: any) => _detailTable.formatItem(item))\n    );\n  }\n);\n\nconst isShowDataForm = ref(false);\n\nwatch(\n  detailTable,\n  (dataTable, _, onCleanup) => {\n\n    const addRecordDisposable = dataTable.addRecordEvent.on(async ({item}) => {\n      const _dataForm = unref(detailForm);\n\n      if (!_dataForm) {\n        console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n        return;\n      }\n\n      isShowDataForm.value = true;\n\n      _dataForm.addRecord(item);\n    });\n\n    const editRecordDisposable = dataTable.editRecordEvent.on(\n      async ({item}) => {\n        const _dataForm = unref(detailForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(item);\n\n          if (response.data.code !== 200) {\n            Messager.error({message: response.data.msg});\n            isShowDataForm.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDataForm.value = false;\n        }\n      }\n    );\n\n    onCleanup(() => {\n      addRecordDisposable.dispose();\n      editRecordDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nwatch(\n  detailForm,\n  (dataForm, _, onCleanup) => {\n    const submittedDisposable = dataForm.submittedEvent.on(() => {\n      isShowDataForm.value = false;\n\n      unref(detailTable)?.load();\n    });\n\n    const cancelDisposable = dataForm.cancelEvent.on(() => {\n      isShowDataForm.value = false;\n    });\n\n    onCleanup(() => {\n      submittedDisposable.dispose();\n      cancelDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nconst isUpdateForm = computed(()=> unref(detailForm).getDataFormType() == DataFormType.UPDATE)\n\nconst handleFormSave = async () => {\n  await unref(detailForm)?.simpleSubmit();\n};\n\nconst handleFormCancel = () => {\n  unref(detailForm).cancel();\n};\n\n\n</script>\n\n<template>\n  <div class=\"mk-form-detail\">\n    <MKDataTable :dataTable=\"detailTable\" :autoLoad=\"false\" />\n    <ElDrawer v-model=\"isShowDataForm\" append-to-body  :title=\"column.label\">\n      <DataForm :dataForm=\"detailForm\" :autoLoad=\"false\" >\n        <MKForm labelPosition=\"top\" />\n      </DataForm>\n      <template #footer>\n        <ElButton @click=\"handleFormCancel\">\n          {{I18n.instance.translate(\"mk.dataForm.cancelButton\")}}\n        </ElButton>\n        <ElButton type=\"primary\" @click=\"handleFormSave\">\n          {{ isUpdateForm ? I18n.instance.translate(\"mk.dataForm.saveButton\") : I18n.instance.translate(\"mk.dataForm.addButton\")}}\n        </ElButton>\n      </template>\n\n<!--      <template #empty>-->\n<!--        <ElEmpty :image-size=\"100\"/>-->\n<!--      </template>-->\n    </ElDrawer>\n  </div>\n</template>\n<style scoped lang=\"scss\">\n.mk-form-detail {\n  width: 100%;\n  min-height: 200px;\n\n  .mk-data-table {\n    height: 100%;\n  }\n\n  .mk-data-table-search {\n    display: none;\n  }\n\n  .el-table {\n    flex: 1;\n  }\n\n  @at-root {\n    &__drawer {\n      .el-card {\n        border: none;\n\n        &__body {\n          --el-card-padding: 0px;\n        }\n      }\n    }\n  }\n}\n\n</style>\n","import { withInstall } from \"@maketribe/utils\";\nimport FormDetail from \"./form-detail.vue\";\n\nexport const MKFormDetail = withInstall(FormDetail);\nexport default MKFormDetail;\n\nexport * from \"./form-detail-options\";\n"],"names":["value"],"mappings":"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"}
+{"version":3,"file":"index-ZmRbK5N3.js","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/components/form-detail/form-detail.vue","../../src/components/data-model/data-form/components/form-detail/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { FormDetailColumn } from \"@maketribe/dm\";\n\nexport const formDetailProps = buildProps({\n  modelValue: {\n    type: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  column: { type: FormDetailColumn, required: true },\n  formWidth: {\n    type: String,\n    default: \"400px\",\n  },\n} as const);\n\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\n\nexport const formDetailEmits = {\n  \"update:model-value\": (v: any) => true,\n};\n\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\n","<script setup lang=\"ts\">\nimport {computed, ref, unref, watch} from \"vue\";\nimport {MKDataTable} from \"../../../data-table\";\nimport DataForm from \"../../data-form.vue\";\nimport {formDetailEmits, formDetailProps} from \"./form-detail-options\";\nimport {useFormItem} from \"../../composables\";\nimport {MKForm} from '../../views'\nimport {ElButton, ElEmpty} from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport {DataFormType, Messager} from \"@maketribe/dm\";\n\nconst props = defineProps(formDetailProps);\n\nconst emit = defineEmits(formDetailEmits)\n\nconst detailTable = computed(() => props.column.detailTable);\nconst detailForm = computed(() => props.column.detailForm!);\n\nconst {value} = useFormItem();\n\nwatch(\n  computed(() => unref(value)),\n  (value) => {\n    const _detailTable = unref(detailTable);\n\n    value = Array.isArray(value) ? value : [];\n\n    _detailTable.setList(\n      value.map((item: any) => _detailTable.formatItem(item))\n    );\n  }\n);\n\nconst isShowDataForm = ref(false);\n\nwatch(\n  detailTable,\n  (dataTable, _, onCleanup) => {\n\n    const addRecordDisposable = dataTable.addRecordEvent.on(async ({item}) => {\n      const _dataForm = unref(detailForm);\n\n      if (!_dataForm) {\n        console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n        return;\n      }\n\n      isShowDataForm.value = true;\n\n      _dataForm.addRecord(item);\n    });\n\n    const editRecordDisposable = dataTable.editRecordEvent.on(\n      async ({item}) => {\n        const _dataForm = unref(detailForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(item);\n\n          if (response.data.code !== 200) {\n            Messager.error({message: response.data.msg});\n            isShowDataForm.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDataForm.value = false;\n        }\n      }\n    );\n\n    onCleanup(() => {\n      addRecordDisposable.dispose();\n      editRecordDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nwatch(\n  detailForm,\n  (dataForm, _, onCleanup) => {\n    const submittedDisposable = dataForm.submittedEvent.on(() => {\n      isShowDataForm.value = false;\n\n      unref(detailTable)?.load();\n    });\n\n    const cancelDisposable = dataForm.cancelEvent.on(() => {\n      isShowDataForm.value = false;\n    });\n\n    onCleanup(() => {\n      submittedDisposable.dispose();\n      cancelDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nconst isUpdateForm = computed(()=> unref(detailForm).getDataFormType() == DataFormType.UPDATE)\n\nconst handleFormSave = async () => {\n  await unref(detailForm)?.simpleSubmit();\n};\n\nconst handleFormCancel = () => {\n  unref(detailForm).cancel();\n};\n\n\n</script>\n\n<template>\n  <div class=\"mk-form-detail\">\n    <MKDataTable :dataTable=\"detailTable\" :autoLoad=\"false\" />\n    <ElDrawer v-model=\"isShowDataForm\" append-to-body  :title=\"column.label\">\n      <DataForm :dataForm=\"detailForm\" :autoLoad=\"false\" >\n        <MKForm labelPosition=\"top\" />\n      </DataForm>\n      <template #footer>\n        <ElButton @click=\"handleFormCancel\">\n          {{I18n.instance.translate(\"mk.dataForm.cancelButton\")}}\n        </ElButton>\n        <ElButton type=\"primary\" @click=\"handleFormSave\">\n          {{ isUpdateForm ? I18n.instance.translate(\"mk.dataForm.saveButton\") : I18n.instance.translate(\"mk.dataForm.addButton\")}}\n        </ElButton>\n      </template>\n\n<!--      <template #empty>-->\n<!--        <ElEmpty :image-size=\"100\"/>-->\n<!--      </template>-->\n    </ElDrawer>\n  </div>\n</template>\n<style scoped lang=\"scss\">\n.mk-form-detail {\n  width: 100%;\n  min-height: 200px;\n\n  .mk-data-table {\n    height: 100%;\n  }\n\n  .mk-data-table-search {\n    display: none;\n  }\n\n  .el-table {\n    flex: 1;\n  }\n\n  @at-root {\n    &__drawer {\n      .el-card {\n        border: none;\n\n        &__body {\n          --el-card-padding: 0px;\n        }\n      }\n    }\n  }\n}\n\n</style>\n","import { withInstall } from \"@maketribe/utils\";\nimport FormDetail from \"./form-detail.vue\";\n\nexport const MKFormDetail = withInstall(FormDetail);\nexport default MKFormDetail;\n\nexport * from \"./form-detail-options\";\n"],"names":["value"],"mappings":"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"}

package/dist/esm/{index-BpaEWy1u.js → index-eBGdQshs.js}

@@ -1,5 +1,5 @@
 import { buildProps } from "@maketribe/utils";
-import { c as columnProps } from "./index-Dum31xvp.js";
+import { c as columnProps } from "./index-B5WnSJ0l.js";
 import "vue";
 import "vue-router";
 import "@maketribe/dm";
@@ -26,4 +26,4 @@ const columnTextProps = buildProps({
 export {
   columnTextProps as c
 };
-//# sourceMappingURL=index-BpaEWy1u.js.map
+//# sourceMappingURL=index-eBGdQshs.js.map

package/dist/esm/{index-BpaEWy1u.js.map → index-eBGdQshs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BpaEWy1u.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":"index-eBGdQshs.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/{index-CrGyN4bm.js → index-pCgDKrHr.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, unref, createVNode } from "vue";
-import { c as columnTextProps } from "./index-BpaEWy1u.js";
-import { u as useColumn } from "./index-Dum31xvp.js";
+import { c as columnTextProps } from "./index-eBGdQshs.js";
+import { u as useColumn } from "./index-B5WnSJ0l.js";
 import "@maketribe/utils";
 import "vue-router";
 import "@maketribe/dm";
@@ -41,4 +41,4 @@ export {
   columnTextProps,
   MKColumnText as default
 };
-//# sourceMappingURL=index-CrGyN4bm.js.map
+//# sourceMappingURL=index-pCgDKrHr.js.map

package/dist/esm/{index-CrGyN4bm.js.map → index-pCgDKrHr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CrGyN4bm.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\";\nimport \"./index.scss\"\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-pCgDKrHr.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\";\nimport \"./index.scss\"\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.js

@@ -1,4 +1,4 @@
-import { az, a6, E, a5, a4, w, a2, bw, a3, cp, cq, cr, X, aP, bf, W, aL, ag, bb, aO, bc, cv, ct, a0, k, bX, M, P, aw, C, bo, bI, l, f, bs, r, aA, bH, bj, T, h, aG, aK, bq, aM, a, J, bZ, bh, n, L, m, aD, bJ, bL, bW, bi, K, bY, b, q, bB, bC, bD, bE, B, A, bk, x, O, bN, bO, bP, aN, F, a1, G, a7, a8, Y, Z, ch, ci, cl, cm, cj, ck, c4, c2, c3, c5, c6, c7, p, H, c8, ca, c9, cw, cy, cx, cb, cc, cn, co, cz, o, cf, cg, ce, cd, y, be, cs, ab, ac, aZ, $, cu, bK, s, ad, aY, a9, bd, aa, bg, a_, bR, bQ, bT, bS, ae, af, i, j, av, au, b0, br, ai, ah, bn, bp, bm, aC, aB, bt, bv, bG, bu, aJ, aI, aH, c0, b$, c1, b_, U, a$, S, Q, bM, aR, ao, aq, ap, aF, aE, ay, aS, b7, b4, b9, b2, b1, bx, by, bl, bA, bz, bF, b8, ba, aQ, aj, ak, ar, at, aT, d, an, e, ax, v, t, aV, b5, b6, aX, aW, I, aU, al, z, N, am, b3, bV, bU, as, V } from "./index-Dum31xvp.js";
+import { az, a6, E, a5, a4, w, a2, bw, a3, cp, cq, cr, X, aP, bf, W, aL, ag, bb, aO, bc, cv, ct, a0, k, bX, M, P, aw, C, bo, bI, l, f, bs, r, aA, bH, bj, T, h, aG, aK, bq, aM, a, J, bZ, bh, n, L, m, aD, bJ, bL, bW, bi, K, bY, b, q, bB, bC, bD, bE, B, A, bk, x, O, bN, bO, bP, aN, F, a1, G, a7, a8, Y, Z, ch, ci, cl, cm, cj, ck, c4, c2, c3, c5, c6, c7, p, H, c8, ca, c9, cw, cy, cx, cb, cc, cn, co, cz, o, cf, cg, ce, cd, y, be, cs, ab, ac, aZ, $, cu, bK, s, ad, aY, a9, bd, aa, bg, a_, bR, bQ, bT, bS, ae, af, i, j, av, au, b0, br, ai, ah, bn, bp, bm, aC, aB, bt, bv, bG, bu, aJ, aI, aH, c0, b$, c1, b_, U, a$, S, Q, bM, aR, ao, aq, ap, aF, aE, ay, aS, b7, b4, b9, b2, b1, bx, by, bl, bA, bz, bF, b8, ba, aQ, aj, ak, ar, at, aT, d, an, e, ax, v, t, aV, b5, b6, aX, aW, I, aU, al, z, N, am, b3, bV, bU, as, V } from "./index-B5WnSJ0l.js";
 export {
   az as CONFIG_PROVIDER_CONTEXT_KEY,
   a6 as ConfigComponents,

package/dist/esm/{normal-BYM_Qh87.js → normal-CPxIocMG.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, computed, unref, openBlock, createElementBlock, Fragment, withDirectives, createBlock, vShow, createCommentVNode } from "vue";
 import { useRouter } from "vue-router";
-import { w as DataModelDefines, z as useSingleView, f as MKDataTable, C as MKDataForm } from "./index-Dum31xvp.js";
+import { w as DataModelDefines, z as useSingleView, f as MKDataTable, C as MKDataForm } from "./index-B5WnSJ0l.js";
 import "element-plus";
 import "@maketribe/dm";
 import "vue-cropper";
@@ -57,4 +57,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=normal-BYM_Qh87.js.map
+//# sourceMappingURL=normal-CPxIocMG.js.map

package/dist/esm/{normal-BYM_Qh87.js.map → normal-CPxIocMG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"normal-BYM_Qh87.js","sources":["../../src/pages/index/dv/default/single/list/normal.vue"],"sourcesContent":["<template>\n  <MKDataTable v-if=\"dataTable\" v-show=\"!isShowDataForm\"  mode=\"page\" :data-table=\"dataTable\" enableQueryParams />\n  <MKDataForm v-if=\"dataForm && isShowDataForm\" :data-form=\"dataForm\" mode=\"page\" labelPosition=\"top\" />\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, MKDataForm } from \"../../../../../../components\";\nimport {DataModelDefines} from \"../../../../../../core\";\nimport {useSingleView} 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},{immediate: true});\n\nconst {isShowDataForm} = useSingleView({dataTable, dataForm});\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAaA,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,MAC/D;AAAA,MAAE,EAAC,WAAW,KAAI;AAAA,IAAA;AAElB,UAAM,EAAC,eAAc,IAAI,cAAc,EAAC,WAAW,UAAS;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"normal-CPxIocMG.js","sources":["../../src/pages/index/dv/default/single/list/normal.vue"],"sourcesContent":["<template>\n  <MKDataTable v-if=\"dataTable\" v-show=\"!isShowDataForm\"  mode=\"page\" :data-table=\"dataTable\" enableQueryParams />\n  <MKDataForm v-if=\"dataForm && isShowDataForm\" :data-form=\"dataForm\" mode=\"page\" labelPosition=\"top\" />\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, MKDataForm } from \"../../../../../../components\";\nimport {DataModelDefines} from \"../../../../../../core\";\nimport {useSingleView} 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},{immediate: true});\n\nconst {isShowDataForm} = useSingleView({dataTable, dataForm});\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAaA,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,MAC/D;AAAA,MAAE,EAAC,WAAW,KAAI;AAAA,IAAA;AAElB,UAAM,EAAC,eAAc,IAAI,cAAc,EAAC,WAAW,UAAS;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/{normal-lbysXNk5.js → normal-GrSzV1bh.js}

@@ -3,7 +3,7 @@ import { useRouter } from "vue-router";
 import "@maketribe/dm";
 import "element-plus";
 import "@maketribe/utils";
-import { w as DataModelDefines, z as useSingleView, f as MKDataTable, A as MKTableView, B as MKTableTree, C as MKDataForm } from "./index-Dum31xvp.js";
+import { w as DataModelDefines, z as useSingleView, f as MKDataTable, A as MKTableView, B as MKTableTree, C as MKDataForm } from "./index-B5WnSJ0l.js";
 import "@maketribe/request";
 import "@maketribe/locale";
 import "lodash-es";
@@ -68,4 +68,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=normal-lbysXNk5.js.map
+//# sourceMappingURL=normal-GrSzV1bh.js.map

package/dist/esm/{normal-lbysXNk5.js.map → normal-GrSzV1bh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"normal-lbysXNk5.js","sources":["../../src/pages/index/dv/default/single/table-tree/normal.vue"],"sourcesContent":["<template>\n  <MKDataTable v-if=\"dataTree\" v-show=\"!isShowDataForm\" mode=\"page\" :data-table=\"dataTree\" enableQueryParams>\n    <MKTableView>\n      <MKTableTree/>\n    </MKTableView>\n  </MKDataTable>\n  <MKDataForm v-if=\"dataForm && isShowDataForm\"  mode=\"page\" labelPosition=\"top\" :data-form=\"dataForm\" KDataForm/>\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 {DataModelDefines} from \"../../../../../../core\";\nimport {useSingleView} from \"../../../../../../composables\";\nimport {\n  MKDataTable,\n  MKTableView,\n  MKTableTree,\n  MKDataForm,\n} from \"../../../../../../components\";\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 as string);\n\n    dataForm.value = DataModelDefines.instance.getDataForm(name);\n  },\n  {immediate: true}\n);\n\nconst {isShowDataForm} = useSingleView({dataTable: dataTree, dataForm});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,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,IAAc;AAErE,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGZ,UAAA,EAAC,mBAAkB,cAAc,EAAC,WAAW,UAAU,UAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"normal-GrSzV1bh.js","sources":["../../src/pages/index/dv/default/single/table-tree/normal.vue"],"sourcesContent":["<template>\n  <MKDataTable v-if=\"dataTree\" v-show=\"!isShowDataForm\" mode=\"page\" :data-table=\"dataTree\" enableQueryParams>\n    <MKTableView>\n      <MKTableTree/>\n    </MKTableView>\n  </MKDataTable>\n  <MKDataForm v-if=\"dataForm && isShowDataForm\"  mode=\"page\" labelPosition=\"top\" :data-form=\"dataForm\" KDataForm/>\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 {DataModelDefines} from \"../../../../../../core\";\nimport {useSingleView} from \"../../../../../../composables\";\nimport {\n  MKDataTable,\n  MKTableView,\n  MKTableTree,\n  MKDataForm,\n} from \"../../../../../../components\";\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 as string);\n\n    dataForm.value = DataModelDefines.instance.getDataForm(name);\n  },\n  {immediate: true}\n);\n\nconst {isShowDataForm} = useSingleView({dataTable: dataTree, dataForm});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,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,IAAc;AAErE,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGZ,UAAA,EAAC,mBAAkB,cAAc,EAAC,WAAW,UAAU,UAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/style.css

@@ -7,6 +7,10 @@
   padding-right: 10px;
 }
 
+.mk-round {
+  border-radius: var(--el-border-radius-base);
+}
+
 .mk-border {
   border: var(--el-border);
   border-color: var(--el-border-color);
@@ -15744,12 +15748,12 @@
 }
 
 .el-dialog {
-  max-height: 70%;
   display: flex;
   flex-direction: column;
 }
 .el-dialog .el-dialog__body {
-  height: calc(100% - 40px);
+  max-height: calc(100% - 40px);
+  height: 100%;
   overflow: hidden;
 }.mk-data-table-select {
   width: 100%;
@@ -16021,7 +16025,6 @@
   display: flex;
   flex-wrap: wrap;
   padding: 10px;
-  justify-content: space-evenly;
 }
 .mk-material-list__types {
   display: flex;
@@ -16186,20 +16189,20 @@
 }
 .mk-classify-search-item + div {
   margin-top: 10px;
-}.mk-data-table[data-v-fa875463] .el-card {
+}.mk-data-table[data-v-5865c4ac] .el-card {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.mk-data-table[data-v-fa875463] .el-card .el-car__body {
+.mk-data-table[data-v-5865c4ac] .el-card .el-car__body {
   height: 0;
   flex: 1;
 }
-.mk-data-table.page[data-v-fa875463] {
+.mk-data-table.page[data-v-5865c4ac] {
   height: 100%;
   width: 100%;
 }
-.mk-data-table.page[data-v-fa875463] .el-page-header__main {
+.mk-data-table.page[data-v-5865c4ac] .el-page-header__main {
   border-top: none;
   margin-top: 10px;
 }.mk-data-tree .el-tree-node__content {
@@ -17563,36 +17566,36 @@ textarea {
 
 [data-overlayscrollbars-contents] {
   overscroll-behavior: contain;
-}[data-mode=mobile] .sidebar-container[data-v-dad334ee] {
+}[data-mode=mobile] .sidebar-container[data-v-7f84212b] {
   transform: translateX(calc((var(--g-main-sidebar-width) + var(--g-sub-sidebar-width)) * -1));
 }
-[data-mode=mobile] .sidebar-container.show[data-v-dad334ee] {
+[data-mode=mobile] .sidebar-container.show[data-v-7f84212b] {
   transform: translateX(0);
 }
-[data-mode=mobile] .main-container[data-v-dad334ee] {
+[data-mode=mobile] .main-container[data-v-7f84212b] {
   margin-left: 0 !important;
 }
-[data-mode=mobile][data-menu-mode=single] .sidebar-container[data-v-dad334ee] {
+[data-mode=mobile][data-menu-mode=single] .sidebar-container[data-v-7f84212b] {
   transform: translateX(calc(var(--g-sub-sidebar-width) * -1));
 }
-[data-mode=mobile][data-menu-mode=single] .sidebar-container.show[data-v-dad334ee] {
+[data-mode=mobile][data-menu-mode=single] .sidebar-container.show[data-v-7f84212b] {
   transform: translateX(0);
 }
-.layout[data-v-dad334ee] {
+.layout[data-v-7f84212b] {
   height: 100%;
 }
-#app-main[data-v-dad334ee] {
+#app-main[data-v-7f84212b] {
   width: 100%;
   height: 100%;
   margin: 0 auto;
 }
-.wrapper[data-v-dad334ee] {
+.wrapper[data-v-7f84212b] {
   position: relative;
   width: 100%;
   height: 100%;
   transition: padding-top 0.3s;
 }
-.wrapper .sidebar-container[data-v-dad334ee] {
+.wrapper .sidebar-container[data-v-7f84212b] {
   position: fixed;
   top: 0;
   bottom: 0;
@@ -17601,10 +17604,10 @@ textarea {
   width: calc(var(--g-main-sidebar-actual-width));
   transition: width 0.3s, transform 0.3s, box-shadow 0.3s, top 0.3s;
 }
-.wrapper .sidebar-container[data-v-dad334ee]:has(> .main-sidebar-container.main-sidebar-enter-active), .wrapper .sidebar-container[data-v-dad334ee]:has(> .main-sidebar-container.main-sidebar-leave-active) {
+.wrapper .sidebar-container[data-v-7f84212b]:has(> .main-sidebar-container.main-sidebar-enter-active), .wrapper .sidebar-container[data-v-7f84212b]:has(> .main-sidebar-container.main-sidebar-leave-active) {
   overflow: hidden;
 }
-.wrapper .sidebar-mask[data-v-dad334ee] {
+.wrapper .sidebar-mask[data-v-7f84212b] {
   position: fixed;
   top: 0;
   left: 0;
@@ -17618,14 +17621,14 @@ textarea {
   opacity: 0;
   transition: all 0.2s;
 }
-.wrapper .sidebar-mask.show[data-v-dad334ee] {
+.wrapper .sidebar-mask.show[data-v-7f84212b] {
   visibility: visible;
   opacity: 1;
 }
-.wrapper .main-sidebar-container:not(.main-sidebar-leave-active) + .sub-sidebar-container[data-v-dad334ee] {
+.wrapper .main-sidebar-container:not(.main-sidebar-leave-active) + .sub-sidebar-container[data-v-7f84212b] {
   left: var(--g-main-sidebar-width);
 }
-.wrapper .main-container[data-v-dad334ee] {
+.wrapper .main-container[data-v-7f84212b] {
   display: flex;
   flex-direction: column;
   min-height: 100%;
@@ -17634,39 +17637,39 @@ textarea {
   box-shadow: -1px 0 0 0 var(--g-border-color), 1px 0 0 0 var(--g-border-color);
   transition: margin-left 0.3s, background-color 0.3s, box-shadow 0.3s;
 }
-.wrapper .main-container .main[data-v-dad334ee] {
+.wrapper .main-container .main[data-v-7f84212b] {
   position: relative;
   flex: auto;
   height: 100%;
   overflow: hidden;
   transition: 0.3s;
 }
-.wrapper .main-container .main .main-content[data-v-dad334ee] {
+.wrapper .main-container .main .main-content[data-v-7f84212b] {
   margin-left: var(--g-sub-sidebar-width);
   height: 100%;
 }
-.wrapper .main-container .topbar-container.has-tabbar + .main[data-v-dad334ee] {
+.wrapper .main-container .topbar-container.has-tabbar + .main[data-v-7f84212b] {
   margin: var(--g-tabbar-height) 0 0;
 }
-.wrapper .main-container .topbar-container.has-toolbar + .main[data-v-dad334ee] {
+.wrapper .main-container .topbar-container.has-toolbar + .main[data-v-7f84212b] {
   margin: var(--g-toolbar-height) 0 0;
 }
-.wrapper .main-container .topbar-container.has-tabbar.has-toolbar + .main[data-v-dad334ee] {
+.wrapper .main-container .topbar-container.has-tabbar.has-toolbar + .main[data-v-7f84212b] {
   margin: calc(var(--g-tabbar-height) + var(--g-toolbar-height)) 0 0;
 }
-header:not(.header-leave-active) + .wrapper[data-v-dad334ee] {
+header:not(.header-leave-active) + .wrapper[data-v-7f84212b] {
   padding-top: var(--g-header-height);
 }
-header:not(.header-leave-active) + .wrapper .sidebar-container[data-v-dad334ee] {
+header:not(.header-leave-active) + .wrapper .sidebar-container[data-v-7f84212b] {
   top: var(--g-header-height);
 }
-header:not(.header-leave-active) + .wrapper .sidebar-container[data-v-dad334ee] .sidebar-logo {
+header:not(.header-leave-active) + .wrapper .sidebar-container[data-v-7f84212b] .sidebar-logo {
   display: none;
 }
-header:not(.header-leave-active) + .wrapper .main-container .topbar-container[data-v-dad334ee] {
+header:not(.header-leave-active) + .wrapper .main-container .topbar-container[data-v-7f84212b] {
   top: var(--g-header-height);
 }
-.app-setting[data-v-dad334ee] {
+.app-setting[data-v-7f84212b] {
   --un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;
   position: fixed;
   top: calc(50% + 250px);
@@ -17681,11 +17684,11 @@ header:not(.header-leave-active) + .wrapper .main-container .topbar-container[da
   cursor: pointer;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
-}.dark .app-setting[data-v-dad334ee]{--un-text-opacity:1;color:rgb(34 34 34 / var(--un-text-opacity)) /* #222222 */;}
-.app-setting .icon[data-v-dad334ee] {
-  animation: rotate-dad334ee 5s linear infinite;
+}.dark .app-setting[data-v-7f84212b]{--un-text-opacity:1;color:rgb(34 34 34 / var(--un-text-opacity)) /* #222222 */;}
+.app-setting .icon[data-v-7f84212b] {
+  animation: rotate-7f84212b 5s linear infinite;
 }
-@keyframes rotate-dad334ee {
+@keyframes rotate-7f84212b {
 from {
     transform: rotate(0deg);
 }
@@ -17693,17 +17696,17 @@ to {
     transform: rotate(360deg);
 }
 }
-.slide-right-enter-active[data-v-dad334ee] {
+.slide-right-enter-active[data-v-7f84212b] {
   transition: 0.2s;
 }
-.slide-right-leave-active[data-v-dad334ee] {
+.slide-right-leave-active[data-v-7f84212b] {
   transition: 0.15s;
 }
-.slide-right-enter-from[data-v-dad334ee] {
+.slide-right-enter-from[data-v-7f84212b] {
   margin-left: -20px;
   opacity: 0;
 }
-.slide-right-leave-to[data-v-dad334ee] {
+.slide-right-leave-to[data-v-7f84212b] {
   margin-left: 20px;
   opacity: 0;
 }.mk-column-text {
@@ -17906,6 +17909,68 @@ to {
     font-size: 14px;
     font-weight: 400;
 }
+}.login-wrap[data-v-4740447d] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  overflow: auto;
+  z-index: 9;
+}
+.login-wrap .login-form-wrap[data-v-4740447d] {
+  width: 440px;
+}
+.login-wrap .login-form-title[data-v-4740447d] {
+  height: 33px;
+  text-align: center;
+  margin: 0 0 30px;
+  color: #202d40;
+  font-size: 24px;
+  font-weight: 600;
+}
+.login-wrap .login-form-item[data-v-4740447d] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 33px;
+  margin: 0 0 24px;
+  color: #202d40;
+  font-size: 16px;
+}
+.login-wrap .login-form-item > span[data-v-4740447d] {
+  height: 20px;
+  color: #8592a5;
+  font-size: 14px;
+  font-weight: 400;
+}
+@media screen and (max-width: 900px) {
+.login-wrap .login-form-wrap[data-v-4740447d] {
+    width: 95%;
+}
+.login-wrap .login-form-title[data-v-4740447d] {
+    height: 33px;
+    text-align: center;
+    margin: 0 0 30px;
+    color: #202d40;
+    font-size: 24px;
+    font-weight: 600;
+}
+.login-wrap .login-form-item[data-v-4740447d] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 33px;
+    margin: 0 0 24px;
+    color: #202d40;
+    font-size: 16px;
+}
+.login-wrap .login-form-item > span[data-v-4740447d] {
+    height: 20px;
+    color: #8592a5;
+    font-size: 14px;
+    font-weight: 400;
+}
 }.mk-file-view {
   position: relative;
   width: 100%;

package/dist/esm/{table-BcFdzeOC.js → table-D7IlWlB-.js}

@@ -3,7 +3,7 @@ import { useRouter } from "vue-router";
 import "@maketribe/dm";
 import "element-plus";
 import "@maketribe/utils";
-import { w as DataModelDefines, f as MKDataTable } from "./index-Dum31xvp.js";
+import { w as DataModelDefines, f as MKDataTable } from "./index-B5WnSJ0l.js";
 import "@maketribe/request";
 import "@maketribe/locale";
 import "lodash-es";
@@ -66,4 +66,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=table-BcFdzeOC.js.map
+//# sourceMappingURL=table-D7IlWlB-.js.map

package/dist/esm/{table-BcFdzeOC.js.map → table-D7IlWlB-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"table-BcFdzeOC.js","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":["dataTable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAM,SAAS;AAET,UAAA,YAAmC,IAAI,IAAI;AAEjD;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,CAAC,YAAY,IAAI,MAAM;AACtB,kBAAU,QAAQ,iBAAiB,SAAS,aAAa,IAAc;AAAA,MACzE;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpB;AAAA,MACE;AAAA,MACA,CAACA,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;;;;;;;;;;;;"}
+{"version":3,"file":"table-D7IlWlB-.js","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":["dataTable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAM,SAAS;AAET,UAAA,YAAmC,IAAI,IAAI;AAEjD;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,CAAC,YAAY,IAAI,MAAM;AACtB,kBAAU,QAAQ,iBAAiB,SAAS,aAAa,IAAc;AAAA,MACzE;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpB;AAAA,MACE;AAAA,MACA,CAACA,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/types/components/abstract/abstract-select/abstract-select-options.d.ts

@@ -38,6 +38,7 @@ export declare const abstractSelectProps: {
         label: any;
     }, boolean>;
     additional: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    queryMode: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 };
 export type AbstractSelectProps = ExtractPropTypes<typeof abstractSelectProps>;
 export declare const abstractSelectEmits: {

package/dist/types/components/abstract/abstract-select/abstract-select.d.ts

@@ -43,12 +43,14 @@ declare const _default: import("vue").DefineComponent<{
         label: any;
     }, boolean>;
     additional: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    queryMode: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 }, {
     options: ComputedRef<DataOptionItem[]>;
     selections: ComputedRef<any>;
     selectRecords: Ref<any[]>;
     setSelections: (v: any) => void;
     formatOptions: ComputedRef<(item: any) => DataOptionItem>;
+    dataLoading: Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (modelValue: any) => boolean;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
@@ -89,6 +91,7 @@ declare const _default: import("vue").DefineComponent<{
         label: any;
     }, boolean>;
     additional: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    queryMode: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 }>> & {
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
 }, {
@@ -96,5 +99,6 @@ declare const _default: import("vue").DefineComponent<{
     multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     formatOptions: Function;
     additional: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    queryMode: string;
 }, {}>;
 export default _default;

package/dist/types/components/abstract/abstract-select/index.d.ts

@@ -36,12 +36,14 @@ export declare const MKAbstractSelect: import("vue").DefineComponent<{
         label: any;
     }, boolean>;
     additional: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    queryMode: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 }, {
     options: globalThis.ComputedRef<import("./abstract-select").DataOptionItem[]>;
     selections: globalThis.ComputedRef<any>;
     selectRecords: globalThis.Ref<any[]>;
     setSelections: (v: any) => void;
     formatOptions: globalThis.ComputedRef<(item: any) => import("./abstract-select").DataOptionItem>;
+    dataLoading: globalThis.Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (modelValue: any) => boolean;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
@@ -82,6 +84,7 @@ export declare const MKAbstractSelect: import("vue").DefineComponent<{
         label: any;
     }, boolean>;
     additional: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    queryMode: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 }>> & {
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
 }, {
@@ -89,6 +92,7 @@ export declare const MKAbstractSelect: import("vue").DefineComponent<{
     multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     formatOptions: Function;
     additional: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    queryMode: string;
 }, {}>;
 export default MKAbstractSelect;
 export * from "./abstract-select-options";

package/dist/types/components/basic/DataSelect/DataSelect.d.ts

@@ -61,6 +61,7 @@ declare const _default: import("vue").DefineComponent<{
         label: any;
     }, boolean>;
     readonly additional: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    readonly queryMode: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (modelValue: any) => boolean;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
@@ -122,6 +123,7 @@ declare const _default: import("vue").DefineComponent<{
         label: any;
     }, boolean>;
     readonly additional: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    readonly queryMode: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 }>> & {
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
 }, {
@@ -130,6 +132,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly formatOptions: Function;
     readonly additional: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly queryMode: string;
     readonly clearable: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly filterable: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly allowCreate: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;

package/dist/types/components/basic/DataSelect/index.d.ts

@@ -57,6 +57,7 @@ export declare const MKDataSelect: import("@maketribe/utils").SFCWithInstall<imp
         label: any;
     }, boolean>;
     readonly additional: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    readonly queryMode: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (modelValue: any) => boolean;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
@@ -118,6 +119,7 @@ export declare const MKDataSelect: import("@maketribe/utils").SFCWithInstall<imp
         label: any;
     }, boolean>;
     readonly additional: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    readonly queryMode: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 }>> & {
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
 }, {
@@ -126,6 +128,7 @@ export declare const MKDataSelect: import("@maketribe/utils").SFCWithInstall<imp
     readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly formatOptions: Function;
     readonly additional: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly queryMode: string;
     readonly clearable: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly filterable: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly allowCreate: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;

package/dist/types/components/basic/DataSelect/options.d.ts

@@ -58,6 +58,7 @@ export declare const dataSelectProps: {
         label: any;
     }, boolean>;
     readonly additional: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    readonly queryMode: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 };
 export type DataSelectProps = ExtractPropTypes<typeof dataSelectProps>;
 export declare const dataSelectEmit: {