@maketribe/ms-app 3.0.12 → 3.0.13

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

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

package/dist/cjs/page/index/dv/ms-member/index.vue2.js

@@ -1,45 +1,84 @@
 'use strict';
 
 var vue = require('vue');
-var vueRouter = require('vue-router');
 var elementPlus = require('element-plus');
 require('@maketribe/dm');
 require('@maketribe/utils');
 var DataModelDefines = require('../../../../core/DataModelDefines.js');
+require('vue-router');
 require('@maketribe/request');
 require('@maketribe/locale');
+var index = require('../../../../components/data-model/data-form/index.js');
+require('../../../../components/data-model/data-form-page/index.js');
+require('../../../../components/data-model/data-table/index.js');
+require('../../../../components/data-model/data-table-page/index.js');
+require('../../../../components/data-model/data-table-pagination/index.js');
+require('../../../../components/form-components/form-data-select/index.js');
+require('../../../../components/form-components/form-icon-select/index.js');
+require('../../../../components/form-components/form-radio-box/index.js');
+require('../../../../components/form-components/form-detail/index.js');
+require('../../../../components/form-components/form-data-table-select/index.js');
+require('../../../../components/form-components/form-image-upload/index.js');
+require('../../../../components/data-table-select/index.js');
+require('../../../../components/form-components/form-detail-select/form-detail-select-options.js');
+require('../../../../components/data-model/data-form/composables/use-form-item.js');
+require('lodash-es');
+require('../../../../components/form-components/form-image-list/index.js');
+require('../../../../components/form-components/form-date-picker/index.js');
+require('../../../../components/form-components/form-rich-text-editor/index.js');
+require('../../../../components/column-components/column-action/column-action-options.js');
+require('../../../../components/svg-icon/index.js');
+require('../../../../components/button/button-options.js');
+require('../../../../components/data-model/data-table/composables/use-column.js');
+require('../../../../components/column-components/column-image/column-image-options.js');
+require('../../../../components/image-view/index.js');
+require('../../../../components/column-components/column-text/column-text-options.js');
+require('../../../../components/column-components/column-object-mapping-text/column-object-mapping-text-options.js');
+require('../../../../components/column-components/column-select/column-select-options.js');
+require('../../../../components/column-components/column-select/column-select-header-options.js');
+require('../../../../components/column-components/column-json/index.js');
+require('../../../../components/condition-components/condition-input/index.js');
+require('../../../../components/condition-components/condition-date/index.js');
+require('../../../../components/condition-components/condition-number/index.js');
+require('../../../../components/condition-components/condition-select/index.js');
+require('../../../../components/config-provider/index.js');
+require('../../../../components/video-view/index.js');
+require('../../../../components/file-view/index.js');
+require('../../../../components/upload-file/index.js');
+require('../../../../components/data-table-select-dialog/index.js');
+require('../../../../components/data-select/index.js');
+require('../../../../components/upload-image/upload-image-options.js');
+require('../../../../components/pagination/index.js');
+require('../../../../components/markdown-editor/index.js');
+require('../../../../components/rich-text-editor/index.js');
+require('../../../../components/system-provider/index.js');
+require('../../../../components/material-list/index.js');
+require('../../../../components/material-select/index.js');
+require('../../../../components/role-permission-config/index.js');
+require('../../../../components/image-select/index.js');
+require('../../../../components/verify-dialog/index.js');
+require('../../../../components/json-editor/index.js');
 var normal = require('../default/single/list/normal.vue.js');
 
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   setup(__props) {
-    const isShowActiveMemberForm = vue.ref(false);
     const memberTable = vue.reactive(
       DataModelDefines.DataModelDefines.instance.getDataTable("ms-member")
     );
     const activeMemberForm = vue.computed(() => memberTable.activeMemberForm);
-    memberTable.activeMemberEvent.on(async (member) => {
-      memberTable.activeMemberForm.getLoadingManager().startLoading();
-      await memberTable.activeMemberForm.editRecord(member.id);
-      memberTable.activeMemberForm.getLoadingManager().completeLoading();
-      isShowActiveMemberForm.value = true;
-    });
     const handleActiveMemberConfirm = async () => {
       memberTable.approveMember();
     };
-    vueRouter.onBeforeRouteLeave(() => {
-      console.log("aaafdsa");
-    });
     return (_ctx, _cache) => {
-      const _component_MKDataForm = vue.resolveComponent("MKDataForm");
       return vue.openBlock(), vue.createElementBlock(
         vue.Fragment,
         null,
         [
           vue.createVNode(normal, { "data-table": memberTable }, null, 8, ["data-table"]),
           vue.createVNode(vue.unref(elementPlus.ElDialog), {
-            modelValue: isShowActiveMemberForm.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isShowActiveMemberForm.value = $event),
+            modelValue: memberTable.isShowActiveMemberForm,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => memberTable.isShowActiveMemberForm = $event),
             class: "dialogClass"
           }, {
             footer: vue.withCtx(() => [
@@ -55,7 +94,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               })
             ]),
             default: vue.withCtx(() => [
-              vue.createVNode(_component_MKDataForm, { "data-form": activeMemberForm.value }, null, 8, ["data-form"])
+              vue.createVNode(vue.unref(index.MKDataForm), { "data-form": activeMemberForm.value }, null, 8, ["data-form"])
             ]),
             _: 1
             /* STABLE */

package/dist/cjs/page/index/dv/ms-member/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/page/index/dv/ms-member/index.vue"],"sourcesContent":["<template>\n  <DefaultSingleListPage :data-table=\"memberTable\" />\n\n  <ElDialog v-model=\"isShowActiveMemberForm\" class=\"dialogClass\">\n    <MKDataForm :data-form=\"activeMemberForm\" />\n    <template #footer>\n      <ElButton @click=\"handleActiveMemberConfirm\" type=\"primary\">\n        确定\n      </ElButton>\n    </template>\n  </ElDialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive, ref } from \"vue\";\nimport { onBeforeRouteLeave } from \"vue-router\";\nimport { ElButton, ElDialog } from \"element-plus\";\nimport { DataModelDefines } from \"../../../../core\";\nimport { MemberTable } from \"../../../../dataview\";\nimport DefaultSingleListPage from \"../default/single/list/normal.vue\";\n\nconst isShowActiveMemberForm = ref(false);\n\nconst memberTable = reactive(\n  DataModelDefines.instance.getDataTable(\"ms-member\")!\n) as MemberTable;\nconst activeMemberForm = computed(() => memberTable.activeMemberForm);\n\nmemberTable.activeMemberEvent.on(async (member) => {\n  memberTable.activeMemberForm.getLoadingManager().startLoading();\n  await memberTable.activeMemberForm.editRecord(member.id);\n  memberTable.activeMemberForm.getLoadingManager().completeLoading();\n  isShowActiveMemberForm.value = true;\n});\n\nconst handleActiveMemberConfirm = async () => {\n  memberTable.approveMember();\n};\n\nonBeforeRouteLeave(() => {\n  console.log(\"aaafdsa\");\n});\n</script>\n"],"names":["ref","reactive","DataModelDefines","computed","onBeforeRouteLeave"],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAM,MAAA,sBAAA,GAAyBA,QAAI,KAAK,CAAA,CAAA;AAExC,IAAA,MAAM,WAAc,GAAAC,YAAA;AAAA,MAClBC,iCAAA,CAAiB,QAAS,CAAA,YAAA,CAAa,WAAW,CAAA;AAAA,KACpD,CAAA;AACA,IAAA,MAAM,gBAAmB,GAAAC,YAAA,CAAS,MAAM,WAAA,CAAY,gBAAgB,CAAA,CAAA;AAEpE,IAAY,WAAA,CAAA,iBAAA,CAAkB,EAAG,CAAA,OAAO,MAAW,KAAA;AACjD,MAAY,WAAA,CAAA,gBAAA,CAAiB,iBAAkB,EAAA,CAAE,YAAa,EAAA,CAAA;AAC9D,MAAA,MAAM,WAAY,CAAA,gBAAA,CAAiB,UAAW,CAAA,MAAA,CAAO,EAAE,CAAA,CAAA;AACvD,MAAY,WAAA,CAAA,gBAAA,CAAiB,iBAAkB,EAAA,CAAE,eAAgB,EAAA,CAAA;AACjE,MAAA,sBAAA,CAAuB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAChC,CAAA,CAAA;AAED,IAAA,MAAM,4BAA4B,YAAY;AAC5C,MAAA,WAAA,CAAY,aAAc,EAAA,CAAA;AAAA,KAC5B,CAAA;AAEA,IAAAC,4BAAA,CAAmB,MAAM;AACvB,MAAA,OAAA,CAAQ,IAAI,SAAS,CAAA,CAAA;AAAA,KACtB,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/page/index/dv/ms-member/index.vue"],"sourcesContent":["<template>\n  <DefaultSingleListPage :data-table=\"memberTable\" />\n\n  <ElDialog v-model=\"memberTable.isShowActiveMemberForm\" class=\"dialogClass\">\n    <MKDataForm :data-form=\"activeMemberForm\" />\n    <template #footer>\n      <ElButton @click=\"handleActiveMemberConfirm\" type=\"primary\">\n        确定\n      </ElButton>\n    </template>\n  </ElDialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive } from \"vue\";\nimport { ElButton, ElDialog } from \"element-plus\";\nimport { DataModelDefines } from \"../../../../core\";\nimport { MKDataForm } from \"../../../../components\";\nimport { MemberTable } from \"../../../../dataview\";\nimport DefaultSingleListPage from \"../default/single/list/normal.vue\";\n\nconst memberTable = reactive(\n  DataModelDefines.instance.getDataTable(\"ms-member\")!\n) as MemberTable;\nconst activeMemberForm = computed(() => memberTable.activeMemberForm);\n\nconst handleActiveMemberConfirm = async () => {\n  memberTable.approveMember();\n};\n</script>\n"],"names":["reactive","DataModelDefines","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,WAAc,GAAAA,YAAA;AAAA,MAClBC,iCAAA,CAAiB,QAAS,CAAA,YAAA,CAAa,WAAW,CAAA;AAAA,KACpD,CAAA;AACA,IAAA,MAAM,gBAAmB,GAAAC,YAAA,CAAS,MAAM,WAAA,CAAY,gBAAgB,CAAA,CAAA;AAEpE,IAAA,MAAM,4BAA4B,YAAY;AAC5C,MAAA,WAAA,CAAY,aAAc,EAAA,CAAA;AAAA,KAC5B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/router-middleware/auth.js

@@ -1,7 +1,5 @@
 'use strict';
 
-var utils = require('@maketribe/utils');
-
 const authBeforeEach = async (msAppClient, to, from) => {
   if (to.meta.isAuthorization === false) {
     return;
@@ -19,23 +17,6 @@ const authBeforeEach = async (msAppClient, to, from) => {
       return { name: "login" };
     }
   }
-  const tabs = userSession.tabs;
-  const router = userSession.router;
-  const route = router.getRouteByName(to.name);
-  if (!route) {
-    return;
-  }
-  const matched = to.matched[to.matched.length - 1];
-  if (matched) {
-    if (!utils.isSameRoute(router.currentRoute, to)) {
-      router.changeRoute(to);
-    }
-    const tab = tabs.getTabByID(to.name);
-    if (tab) {
-      tab.affix = matched.meta.affix;
-      tab.realRoute = to;
-    }
-  }
 };
 
 exports.authBeforeEach = authBeforeEach;

package/dist/cjs/router-middleware/auth.js.map

@@ -1 +1 @@
-{"version":3,"file":"auth.js","sources":["../../../src/router-middleware/auth.ts"],"sourcesContent":["import { RouteLocationNormalized, RouteLocationRaw } from \"vue-router\";\nimport { isSameRoute } from \"@maketribe/utils\";\nimport type { MSAppClient } from \"../core\";\n\nexport const authBeforeEach = async (\n  msAppClient: MSAppClient,\n  to: RouteLocationNormalized,\n  from: RouteLocationNormalized\n): Promise<RouteLocationRaw | void> => {\n  if (to.meta.isAuthorization === false) {\n    return;\n  }\n\n  let userSession = msAppClient.userSession;\n\n  if (!userSession) {\n    try {\n      await msAppClient.loadCurrentUserSession();\n\n      userSession = msAppClient.userSession;\n\n      if (!userSession) {\n        return { name: \"login\" };\n      }\n\n      // 因为登陆成功会添加用户可以访问的路由，这里给到vue-router去重新resolve\n      return { ...to };\n    } catch (e) {\n      return { name: \"login\" };\n    }\n  }\n\n  const tabs = userSession.tabs;\n  const router = userSession.router;\n\n  const route = router.getRouteByName(to.name as string);\n\n  if (!route) {\n    // return { name: \"notFound\" };\n    // // 前往第一个菜单\n    // const menuNode = userSession.menu.getFirstLeafMenuNode();\n\n    // if (!menuNode || !menuNode.route) {\n    //   return { name: \"login\" };\n    // }\n\n    // // return { name: menuNode.route.name };\n    // return to;\n\n    return;\n  }\n\n  const matched = to.matched[to.matched.length - 1];\n\n  if (matched) {\n    if (!isSameRoute(router.currentRoute, to)) {\n      router.changeRoute(to);\n    }\n\n    const tab = tabs.getTabByID(to.name as string);\n\n    if (tab) {\n      tab.affix = matched.meta.affix as boolean;\n      tab.realRoute = to;\n    }\n  }\n};\n"],"names":["isSameRoute"],"mappings":";;;;AAIO,MAAM,cAAiB,GAAA,OAC5B,WACA,EAAA,EAAA,EACA,IACqC,KAAA;AACrC,EAAI,IAAA,EAAA,CAAG,IAAK,CAAA,eAAA,KAAoB,KAAO,EAAA;AACrC,IAAA,OAAA;AAAA,GACF;AAEA,EAAA,IAAI,cAAc,WAAY,CAAA,WAAA,CAAA;AAE9B,EAAA,IAAI,CAAC,WAAa,EAAA;AAChB,IAAI,IAAA;AACF,MAAA,MAAM,YAAY,sBAAuB,EAAA,CAAA;AAEzC,MAAA,WAAA,GAAc,WAAY,CAAA,WAAA,CAAA;AAE1B,MAAA,IAAI,CAAC,WAAa,EAAA;AAChB,QAAO,OAAA,EAAE,MAAM,OAAQ,EAAA,CAAA;AAAA,OACzB;AAGA,MAAO,OAAA,EAAE,GAAG,EAAG,EAAA,CAAA;AAAA,aACR,CAAG,EAAA;AACV,MAAO,OAAA,EAAE,MAAM,OAAQ,EAAA,CAAA;AAAA,KACzB;AAAA,GACF;AAEA,EAAA,MAAM,OAAO,WAAY,CAAA,IAAA,CAAA;AACzB,EAAA,MAAM,SAAS,WAAY,CAAA,MAAA,CAAA;AAE3B,EAAA,MAAM,KAAQ,GAAA,MAAA,CAAO,cAAe,CAAA,EAAA,CAAG,IAAc,CAAA,CAAA;AAErD,EAAA,IAAI,CAAC,KAAO,EAAA;AAYV,IAAA,OAAA;AAAA,GACF;AAEA,EAAA,MAAM,UAAU,EAAG,CAAA,OAAA,CAAQ,EAAG,CAAA,OAAA,CAAQ,SAAS,CAAC,CAAA,CAAA;AAEhD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,IAAI,CAACA,iBAAA,CAAY,MAAO,CAAA,YAAA,EAAc,EAAE,CAAG,EAAA;AACzC,MAAA,MAAA,CAAO,YAAY,EAAE,CAAA,CAAA;AAAA,KACvB;AAEA,IAAA,MAAM,GAAM,GAAA,IAAA,CAAK,UAAW,CAAA,EAAA,CAAG,IAAc,CAAA,CAAA;AAE7C,IAAA,IAAI,GAAK,EAAA;AACP,MAAI,GAAA,CAAA,KAAA,GAAQ,QAAQ,IAAK,CAAA,KAAA,CAAA;AACzB,MAAA,GAAA,CAAI,SAAY,GAAA,EAAA,CAAA;AAAA,KAClB;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"auth.js","sources":["../../../src/router-middleware/auth.ts"],"sourcesContent":["import { RouteLocationNormalized, RouteLocationRaw } from \"vue-router\";\nimport { isSameRoute } from \"@maketribe/utils\";\nimport type { MSAppClient } from \"../core\";\n\nexport const authBeforeEach = async (\n  msAppClient: MSAppClient,\n  to: RouteLocationNormalized,\n  from: RouteLocationNormalized\n): Promise<RouteLocationRaw | void> => {\n  if (to.meta.isAuthorization === false) {\n    return;\n  }\n\n  let userSession = msAppClient.userSession;\n\n  if (!userSession) {\n    try {\n      await msAppClient.loadCurrentUserSession();\n\n      userSession = msAppClient.userSession;\n\n      if (!userSession) {\n        return { name: \"login\" };\n      }\n\n      // 因为登陆成功会添加用户可以访问的路由，这里给到vue-router去重新resolve\n      return { ...to };\n    } catch (e) {\n      return { name: \"login\" };\n    }\n  }\n};\n"],"names":[],"mappings":";;AAIO,MAAM,cAAiB,GAAA,OAC5B,WACA,EAAA,EAAA,EACA,IACqC,KAAA;AACrC,EAAI,IAAA,EAAA,CAAG,IAAK,CAAA,eAAA,KAAoB,KAAO,EAAA;AACrC,IAAA,OAAA;AAAA,GACF;AAEA,EAAA,IAAI,cAAc,WAAY,CAAA,WAAA,CAAA;AAE9B,EAAA,IAAI,CAAC,WAAa,EAAA;AAChB,IAAI,IAAA;AACF,MAAA,MAAM,YAAY,sBAAuB,EAAA,CAAA;AAEzC,MAAA,WAAA,GAAc,WAAY,CAAA,WAAA,CAAA;AAE1B,MAAA,IAAI,CAAC,WAAa,EAAA;AAChB,QAAO,OAAA,EAAE,MAAM,OAAQ,EAAA,CAAA;AAAA,OACzB;AAGA,MAAO,OAAA,EAAE,GAAG,EAAG,EAAA,CAAA;AAAA,aACR,CAAG,EAAA;AACV,MAAO,OAAA,EAAE,MAAM,OAAQ,EAAA,CAAA;AAAA,KACzB;AAAA,GACF;AACF;;;;"}

package/dist/esm/components/data-model/data-filter-form/composables/use-condition.js

@@ -24,20 +24,20 @@ function useDataFilterCondition(options) {
     () => unref(currentOperator.value) === BETWEEN_OPTION.value
   );
   const currentOperator = computed(() => dataFilterItem.currentOperator);
-  watch(
-    currentOperator,
-    () => {
-      const defaultValue = options.defaultValue;
-      if (unref(isBetween)) {
-        dataFilterItem.column.defaultValue = [defaultValue, defaultValue];
-        value.value = [defaultValue, defaultValue];
-        return;
-      }
-      dataFilterItem.column.defaultValue = defaultValue;
-      value.value = defaultValue;
-    },
-    { immediate: true }
-  );
+  const calcDefaultValue = () => {
+    const defaultValue = options.defaultValue;
+    if (unref(isBetween)) {
+      return [defaultValue, defaultValue];
+    }
+    return defaultValue;
+  };
+  watch(currentOperator, () => {
+    const defaultValue = calcDefaultValue();
+    dataFilterItem.column.defaultValue = defaultValue;
+    value.value = defaultValue;
+  });
+  dataFilterItem.column.defaultValue = calcDefaultValue();
+  value.value = dataFilterItem.getValue() || calcDefaultValue();
   return {
     isBetween,
     dataFilterItem,

package/dist/esm/components/data-model/data-filter-form/composables/use-condition.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-condition.js","sources":["../../../../../../src/components/data-model/data-filter-form/composables/use-condition.ts"],"sourcesContent":["import { computed, inject, unref, watch } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { Operator } from \"@maketribe/dm\";\n\nimport { BETWEEN_OPTION, OperatorOption } from \"../operator-options\";\nimport { DATA_FILTER_ITEM_CONTEXT } from \"../token\";\n\nexport const dataFilterConditionProps = buildProps({\n  defaultValue: {\n    default: null,\n  },\n} as const);\n\nexport type DataFilterConditionOptions = {\n  operator: Operator;\n  operatorOptions: OperatorOption[];\n  defaultValue: any;\n};\n\nexport function useDataFilterCondition(options: DataFilterConditionOptions) {\n  const dataFilterItemContext = inject(DATA_FILTER_ITEM_CONTEXT)!;\n  const dataFilterItem = dataFilterItemContext.dataFilterItem;\n\n  dataFilterItem.setOperatorOptions(options.operatorOptions);\n\n  dataFilterItem.setOperator(options.operator);\n  if (options.defaultValue !== void 0) {\n    dataFilterItem.column.defaultValue = options.defaultValue;\n  }\n\n  const value = computed({\n    get: () => dataFilterItem.getValue(),\n    set: (v: any) => dataFilterItem.setValue(v === \"\" ? null : v),\n  });\n\n  const isBetween = computed(\n    () => unref(currentOperator.value) === BETWEEN_OPTION.value\n  );\n\n  const currentOperator = computed(() => dataFilterItem.currentOperator);\n\n  watch(\n    currentOperator,\n    () => {\n      const defaultValue = options.defaultValue;\n\n      if (unref(isBetween)) {\n        dataFilterItem.column.defaultValue = [defaultValue, defaultValue];\n        value.value = [defaultValue, defaultValue];\n        return;\n      }\n\n      dataFilterItem.column.defaultValue = defaultValue;\n      value.value = defaultValue;\n    },\n    { immediate: true }\n  );\n\n  return {\n    isBetween,\n    dataFilterItem,\n    currentOperator,\n    value,\n  };\n}\n"],"names":[],"mappings":";;;;;AAOO,MAAM,2BAA2B,UAAW,CAAA;AAAA,EACjD,YAAc,EAAA;AAAA,IACZ,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAQH,SAAS,uBAAuB,OAAqC,EAAA;AAC1E,EAAM,MAAA,qBAAA,GAAwB,OAAO,wBAAwB,CAAA,CAAA;AAC7D,EAAA,MAAM,iBAAiB,qBAAsB,CAAA,cAAA,CAAA;AAE7C,EAAe,cAAA,CAAA,kBAAA,CAAmB,QAAQ,eAAe,CAAA,CAAA;AAEzD,EAAe,cAAA,CAAA,WAAA,CAAY,QAAQ,QAAQ,CAAA,CAAA;AAC3C,EAAI,IAAA,OAAA,CAAQ,iBAAiB,KAAQ,CAAA,EAAA;AACnC,IAAe,cAAA,CAAA,MAAA,CAAO,eAAe,OAAQ,CAAA,YAAA,CAAA;AAAA,GAC/C;AAEA,EAAA,MAAM,QAAQ,QAAS,CAAA;AAAA,IACrB,GAAA,EAAK,MAAM,cAAA,CAAe,QAAS,EAAA;AAAA,IACnC,GAAA,EAAK,CAAC,CAAW,KAAA,cAAA,CAAe,SAAS,CAAM,KAAA,EAAA,GAAK,OAAO,CAAC,CAAA;AAAA,GAC7D,CAAA,CAAA;AAED,EAAA,MAAM,SAAY,GAAA,QAAA;AAAA,IAChB,MAAM,KAAA,CAAM,eAAgB,CAAA,KAAK,MAAM,cAAe,CAAA,KAAA;AAAA,GACxD,CAAA;AAEA,EAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,cAAA,CAAe,eAAe,CAAA,CAAA;AAErE,EAAA,KAAA;AAAA,IACE,eAAA;AAAA,IACA,MAAM;AACJ,MAAA,MAAM,eAAe,OAAQ,CAAA,YAAA,CAAA;AAE7B,MAAI,IAAA,KAAA,CAAM,SAAS,CAAG,EAAA;AACpB,QAAA,cAAA,CAAe,MAAO,CAAA,YAAA,GAAe,CAAC,YAAA,EAAc,YAAY,CAAA,CAAA;AAChE,QAAM,KAAA,CAAA,KAAA,GAAQ,CAAC,YAAA,EAAc,YAAY,CAAA,CAAA;AACzC,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,cAAA,CAAe,OAAO,YAAe,GAAA,YAAA,CAAA;AACrC,MAAA,KAAA,CAAM,KAAQ,GAAA,YAAA,CAAA;AAAA,KAChB;AAAA,IACA,EAAE,WAAW,IAAK,EAAA;AAAA,GACpB,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,KAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"use-condition.js","sources":["../../../../../../src/components/data-model/data-filter-form/composables/use-condition.ts"],"sourcesContent":["import { computed, inject, unref, watch } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { Operator } from \"@maketribe/dm\";\n\nimport { BETWEEN_OPTION, OperatorOption } from \"../operator-options\";\nimport { DATA_FILTER_ITEM_CONTEXT } from \"../token\";\n\nexport const dataFilterConditionProps = buildProps({\n  defaultValue: {\n    default: null,\n  },\n} as const);\n\nexport type DataFilterConditionOptions = {\n  operator: Operator;\n  operatorOptions: OperatorOption[];\n  defaultValue: any;\n};\n\nexport function useDataFilterCondition(options: DataFilterConditionOptions) {\n  const dataFilterItemContext = inject(DATA_FILTER_ITEM_CONTEXT)!;\n  const dataFilterItem = dataFilterItemContext.dataFilterItem;\n\n  dataFilterItem.setOperatorOptions(options.operatorOptions);\n\n  dataFilterItem.setOperator(options.operator);\n  if (options.defaultValue !== void 0) {\n    dataFilterItem.column.defaultValue = options.defaultValue;\n  }\n\n  const value = computed({\n    get: () => dataFilterItem.getValue(),\n    set: (v: any) => dataFilterItem.setValue(v === \"\" ? null : v),\n  });\n\n  const isBetween = computed(\n    () => unref(currentOperator.value) === BETWEEN_OPTION.value\n  );\n\n  const currentOperator = computed(() => dataFilterItem.currentOperator);\n\n  const calcDefaultValue = () => {\n    const defaultValue = options.defaultValue;\n\n    if (unref(isBetween)) {\n      return [defaultValue, defaultValue];\n    }\n\n    return defaultValue;\n  };\n\n  watch(currentOperator, () => {\n    const defaultValue = calcDefaultValue();\n\n    dataFilterItem.column.defaultValue = defaultValue;\n    value.value = defaultValue;\n  });\n\n  dataFilterItem.column.defaultValue = calcDefaultValue();\n  value.value = dataFilterItem.getValue() || calcDefaultValue();\n\n  return {\n    isBetween,\n    dataFilterItem,\n    currentOperator,\n    value,\n  };\n}\n"],"names":[],"mappings":";;;;;AAOO,MAAM,2BAA2B,UAAW,CAAA;AAAA,EACjD,YAAc,EAAA;AAAA,IACZ,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAQH,SAAS,uBAAuB,OAAqC,EAAA;AAC1E,EAAM,MAAA,qBAAA,GAAwB,OAAO,wBAAwB,CAAA,CAAA;AAC7D,EAAA,MAAM,iBAAiB,qBAAsB,CAAA,cAAA,CAAA;AAE7C,EAAe,cAAA,CAAA,kBAAA,CAAmB,QAAQ,eAAe,CAAA,CAAA;AAEzD,EAAe,cAAA,CAAA,WAAA,CAAY,QAAQ,QAAQ,CAAA,CAAA;AAC3C,EAAI,IAAA,OAAA,CAAQ,iBAAiB,KAAQ,CAAA,EAAA;AACnC,IAAe,cAAA,CAAA,MAAA,CAAO,eAAe,OAAQ,CAAA,YAAA,CAAA;AAAA,GAC/C;AAEA,EAAA,MAAM,QAAQ,QAAS,CAAA;AAAA,IACrB,GAAA,EAAK,MAAM,cAAA,CAAe,QAAS,EAAA;AAAA,IACnC,GAAA,EAAK,CAAC,CAAW,KAAA,cAAA,CAAe,SAAS,CAAM,KAAA,EAAA,GAAK,OAAO,CAAC,CAAA;AAAA,GAC7D,CAAA,CAAA;AAED,EAAA,MAAM,SAAY,GAAA,QAAA;AAAA,IAChB,MAAM,KAAA,CAAM,eAAgB,CAAA,KAAK,MAAM,cAAe,CAAA,KAAA;AAAA,GACxD,CAAA;AAEA,EAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,cAAA,CAAe,eAAe,CAAA,CAAA;AAErE,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,MAAM,eAAe,OAAQ,CAAA,YAAA,CAAA;AAE7B,IAAI,IAAA,KAAA,CAAM,SAAS,CAAG,EAAA;AACpB,MAAO,OAAA,CAAC,cAAc,YAAY,CAAA,CAAA;AAAA,KACpC;AAEA,IAAO,OAAA,YAAA,CAAA;AAAA,GACT,CAAA;AAEA,EAAA,KAAA,CAAM,iBAAiB,MAAM;AAC3B,IAAA,MAAM,eAAe,gBAAiB,EAAA,CAAA;AAEtC,IAAA,cAAA,CAAe,OAAO,YAAe,GAAA,YAAA,CAAA;AACrC,IAAA,KAAA,CAAM,KAAQ,GAAA,YAAA,CAAA;AAAA,GACf,CAAA,CAAA;AAED,EAAe,cAAA,CAAA,MAAA,CAAO,eAAe,gBAAiB,EAAA,CAAA;AACtD,EAAA,KAAA,CAAM,KAAQ,GAAA,cAAA,CAAe,QAAS,EAAA,IAAK,gBAAiB,EAAA,CAAA;AAE5D,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,KAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/esm/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.js

@@ -112,7 +112,7 @@ var DataFilterFormItem = /* @__PURE__ */ defineComponent({
       }, _isSlot(options) ? options : {
         default: () => [options]
       }) : null;
-      const labelWidth = computed(() => 100);
+      const labelWidth = computed(() => dataFilterContext.labelWidth);
       return createVNode("div", {
         "class": "mk-data-filter-form-item"
       }, [createVNode("div", {

package/dist/esm/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-filter-form-item.js","sources":["../../../../../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  inject,\n  onBeforeUnmount,\n  provide,\n  reactive,\n  toRaw,\n  unref,\n} from \"vue\";\nimport { DataFilter, FilterColumn, isWhereFilter } from \"@maketribe/dm\";\nimport { useFilterColumnComponent, useI18n } from \"../../../../composables\";\nimport { dataFilterFormItemProps } from \"./data-filter-form-item-options\";\nimport {\n  DATA_FILTER_CONTEXT,\n  DATA_FILTER_ITEM_CONTEXT,\n  DataFilterItem,\n  DataFilterItemContext,\n} from \"../token\";\nimport { OperatorOption } from \"../operator-options\";\nimport { ElOption, ElSelect, ElTooltip } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKDataFilterFormItem\",\n  props: dataFilterFormItemProps,\n  setup(props, { slots }) {\n    const i18n = useI18n()!;\n\n    const dataFilterContext = inject(DATA_FILTER_CONTEXT)!;\n\n    const dataFilter = computed(() => dataFilterContext.dataFilter);\n\n    let _filterColumn: FilterColumn | null = null;\n\n    const createFilterColumn = () => {\n      _filterColumn = reactive(\n        new FilterColumn({\n          name: props.name!,\n          label: props.label!,\n        })\n      );\n\n      unref(dataFilter).addColumn(_filterColumn);\n\n      return _filterColumn;\n    };\n\n    const filterColumn = computed(() => {\n      const existingColumn = unref(dataFilter).getColumn(props.name) ?? null;\n\n      if (existingColumn) {\n        return existingColumn;\n      }\n\n      if (!_filterColumn) {\n        _filterColumn = createFilterColumn();\n      }\n\n      return _filterColumn;\n    });\n\n    const { component, componentProps } = useFilterColumnComponent(\n      filterColumn,\n      dataFilter\n    );\n\n    const createDataFilterItem = (\n      dataFilter: DataFilter,\n      column: FilterColumn\n    ) => {\n      function setOperator(\n        this: DataFilterItem,\n        operator: OperatorOption[\"value\"]\n      ) {\n        const _dataFilter = unref(dataFilter);\n        if (isWhereFilter(_dataFilter)) {\n          this.currentOperator = operator;\n          _dataFilter.setParamOperator(unref(column).name, operator);\n        }\n      }\n\n      function setOperatorOptions(\n        this: DataFilterItem,\n        options: OperatorOption[]\n      ) {\n        if (isWhereFilter(unref(dataFilter))) {\n          this.operatorOptions = options;\n        }\n      }\n\n      function setValue(this: DataFilterItem, value: any) {\n        this.dataFilter.setParam(this.column.name, value);\n      }\n\n      function getValue(this: DataFilterItem): any {\n        return this.dataFilter.getParam(this.column.name);\n      }\n\n      const filterPanelItem: DataFilterItem = {\n        dataFilter,\n        column,\n        currentOperator: null,\n        operatorOptions: [],\n        setOperator,\n        setOperatorOptions,\n        setValue,\n        getValue,\n      };\n\n      return filterPanelItem;\n    };\n\n    const dataFilterItem = reactive(\n      createDataFilterItem(unref(dataFilter), unref(filterColumn))\n    ) as DataFilterItem;\n\n    provide(\n      DATA_FILTER_ITEM_CONTEXT,\n      reactive({ dataFilter, dataFilterItem }) as DataFilterItemContext\n    );\n\n    onBeforeUnmount(() => {\n      const _filterPanel = unref(dataFilter);\n\n      if (isWhereFilter(_filterPanel)) {\n        _filterPanel.deleteParamOperator(unref(filterColumn).name);\n      }\n\n      _filterPanel.deleteParam(unref(filterColumn).name);\n    });\n\n    return () => {\n      const _filterPanel = unref(dataFilter);\n\n      const _filterColumn = unref(filterColumn);\n\n      if (!_filterColumn) {\n        return null;\n      }\n\n      let children: any = slots.default?.();\n\n      if (!children && unref(component)) {\n        const FilterColumnComponent = toRaw(unref(component));\n\n        children = <FilterColumnComponent {...unref(componentProps)} />;\n      }\n\n      const options = dataFilterItem.operatorOptions.map((option) => (\n        <ElOption\n          key={option.value}\n          value={option.value}\n          label={i18n.translate(option.label)}\n        />\n      ));\n\n      const operatorSelect = isWhereFilter(_filterPanel) ? (\n        <ElSelect\n          modelValue={dataFilterItem.currentOperator as any}\n          onUpdate:modelValue={(v) => dataFilterItem.setOperator(v)}\n          class=\"mk-data-filter-form-item__operator\"\n        >\n          {options}\n        </ElSelect>\n      ) : null;\n\n      const labelWidth = computed(()=>100);\n\n      return (\n        <div class=\"mk-data-filter-form-item\">\n          <div class=\"mk-data-filter-form-item__label\" style={\n            {width:labelWidth.value+\"px\"}\n          }>{_filterColumn.label}</div>\n          {/* {operatorSelect} */}\n          <div class=\"mk-data-filter-form-item__content\">{children}</div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","dataFilterFormItemProps","setup","slots","i18n","useI18n","dataFilterContext","inject","DATA_FILTER_CONTEXT","dataFilter","computed","_filterColumn","createFilterColumn","reactive","FilterColumn","label","unref","addColumn","filterColumn","existingColumn","getColumn","component","componentProps","useFilterColumnComponent","createDataFilterItem","column","setOperator","operator","_dataFilter","isWhereFilter","currentOperator","setParamOperator","setOperatorOptions","options","operatorOptions","setValue","value","setParam","getValue","getParam","filterPanelItem","dataFilterItem","provide","DATA_FILTER_ITEM_CONTEXT","onBeforeUnmount","_filterPanel","deleteParamOperator","deleteParam","children","default","FilterColumnComponent","toRaw","_createVNode","map","option","ElOption","translate","ElSelect","v","labelWidth","width"],"mappings":"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"}
+{"version":3,"file":"data-filter-form-item.js","sources":["../../../../../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  inject,\n  onBeforeUnmount,\n  provide,\n  reactive,\n  toRaw,\n  unref,\n} from \"vue\";\nimport { DataFilter, FilterColumn, isWhereFilter } from \"@maketribe/dm\";\nimport { useFilterColumnComponent, useI18n } from \"../../../../composables\";\nimport { dataFilterFormItemProps } from \"./data-filter-form-item-options\";\nimport {\n  DATA_FILTER_CONTEXT,\n  DATA_FILTER_ITEM_CONTEXT,\n  DataFilterItem,\n  DataFilterItemContext,\n} from \"../token\";\nimport { OperatorOption } from \"../operator-options\";\nimport { ElOption, ElSelect, ElTooltip } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKDataFilterFormItem\",\n  props: dataFilterFormItemProps,\n  setup(props, { slots }) {\n    const i18n = useI18n()!;\n\n    const dataFilterContext = inject(DATA_FILTER_CONTEXT)!;\n\n    const dataFilter = computed(() => dataFilterContext.dataFilter);\n\n    let _filterColumn: FilterColumn | null = null;\n\n    const createFilterColumn = () => {\n      _filterColumn = reactive(\n        new FilterColumn({\n          name: props.name!,\n          label: props.label!,\n        })\n      );\n\n      unref(dataFilter).addColumn(_filterColumn);\n\n      return _filterColumn;\n    };\n\n    const filterColumn = computed(() => {\n      const existingColumn = unref(dataFilter).getColumn(props.name) ?? null;\n\n      if (existingColumn) {\n        return existingColumn;\n      }\n\n      if (!_filterColumn) {\n        _filterColumn = createFilterColumn();\n      }\n\n      return _filterColumn;\n    });\n\n    const { component, componentProps } = useFilterColumnComponent(\n      filterColumn,\n      dataFilter\n    );\n\n    const createDataFilterItem = (\n      dataFilter: DataFilter,\n      column: FilterColumn\n    ) => {\n      function setOperator(\n        this: DataFilterItem,\n        operator: OperatorOption[\"value\"]\n      ) {\n        const _dataFilter = unref(dataFilter);\n        if (isWhereFilter(_dataFilter)) {\n          this.currentOperator = operator;\n          _dataFilter.setParamOperator(unref(column).name, operator);\n        }\n      }\n\n      function setOperatorOptions(\n        this: DataFilterItem,\n        options: OperatorOption[]\n      ) {\n        if (isWhereFilter(unref(dataFilter))) {\n          this.operatorOptions = options;\n        }\n      }\n\n      function setValue(this: DataFilterItem, value: any) {\n        this.dataFilter.setParam(this.column.name, value);\n      }\n\n      function getValue(this: DataFilterItem): any {\n        return this.dataFilter.getParam(this.column.name);\n      }\n\n      const filterPanelItem: DataFilterItem = {\n        dataFilter,\n        column,\n        currentOperator: null,\n        operatorOptions: [],\n        setOperator,\n        setOperatorOptions,\n        setValue,\n        getValue,\n      };\n\n      return filterPanelItem;\n    };\n\n    const dataFilterItem = reactive(\n      createDataFilterItem(unref(dataFilter), unref(filterColumn))\n    ) as DataFilterItem;\n\n    provide(\n      DATA_FILTER_ITEM_CONTEXT,\n      reactive({ dataFilter, dataFilterItem }) as DataFilterItemContext\n    );\n\n    onBeforeUnmount(() => {\n      const _filterPanel = unref(dataFilter);\n\n      if (isWhereFilter(_filterPanel)) {\n        _filterPanel.deleteParamOperator(unref(filterColumn).name);\n      }\n\n      _filterPanel.deleteParam(unref(filterColumn).name);\n    });\n\n    return () => {\n      const _filterPanel = unref(dataFilter);\n\n      const _filterColumn = unref(filterColumn);\n\n      if (!_filterColumn) {\n        return null;\n      }\n\n      let children: any = slots.default?.();\n\n      if (!children && unref(component)) {\n        const FilterColumnComponent = toRaw(unref(component));\n\n        children = <FilterColumnComponent {...unref(componentProps)} />;\n      }\n\n      const options = dataFilterItem.operatorOptions.map((option) => (\n        <ElOption\n          key={option.value}\n          value={option.value}\n          label={i18n.translate(option.label)}\n        />\n      ));\n\n      const operatorSelect = isWhereFilter(_filterPanel) ? (\n        <ElSelect\n          modelValue={dataFilterItem.currentOperator as any}\n          onUpdate:modelValue={(v) => dataFilterItem.setOperator(v)}\n          class=\"mk-data-filter-form-item__operator\"\n        >\n          {options}\n        </ElSelect>\n      ) : null;\n\n      const labelWidth = computed(() => dataFilterContext.labelWidth);\n\n      return (\n        <div class=\"mk-data-filter-form-item\">\n          <div\n            class=\"mk-data-filter-form-item__label\"\n            style={{ width: labelWidth.value + \"px\" }}\n          >\n            {_filterColumn.label}\n          </div>\n          {/* {operatorSelect} */}\n          <div class=\"mk-data-filter-form-item__content\">{children}</div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","dataFilterFormItemProps","setup","slots","i18n","useI18n","dataFilterContext","inject","DATA_FILTER_CONTEXT","dataFilter","computed","_filterColumn","createFilterColumn","reactive","FilterColumn","label","unref","addColumn","filterColumn","existingColumn","getColumn","component","componentProps","useFilterColumnComponent","createDataFilterItem","column","setOperator","operator","_dataFilter","isWhereFilter","currentOperator","setParamOperator","setOperatorOptions","options","operatorOptions","setValue","value","setParam","getValue","getParam","filterPanelItem","dataFilterItem","provide","DATA_FILTER_ITEM_CONTEXT","onBeforeUnmount","_filterPanel","deleteParamOperator","deleteParam","children","default","FilterColumnComponent","toRaw","_createVNode","map","option","ElOption","translate","ElSelect","v","labelWidth","width"],"mappings":"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"}

package/dist/esm/components/data-model/data-filter-form/data-filter-form-options.d.ts

@@ -1,9 +1,9 @@
 import { ExtractPropTypes } from "vue";
-import { DataFilter } from "@maketribe/dm";
+import { DataTable } from "@maketribe/dm";
 import dataFilterForm from "./data-filter-form";
 export declare const dataFilterFormProps: {
-    readonly dataFilter: {
-        readonly type: import("vue").PropType<DataFilter<Record<string, any>>>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<unknown, unknown, Record<string, any>, import("@maketribe/dm").TableColumn>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;

package/dist/esm/components/data-model/data-filter-form/data-filter-form-options.js

@@ -1,8 +1,9 @@
-import { DataFilter } from '@maketribe/dm';
+import { DataTable } from '@maketribe/dm';
 import { buildProps } from '@maketribe/utils';
 
 const dataFilterFormProps = buildProps({
-  dataFilter: { type: DataFilter, required: true }
+  // dataFilter: { type: DataFilter, required: true },
+  dataTable: { type: DataTable, required: true }
 });
 const dataFilterFormEmits = {};
 

package/dist/esm/components/data-model/data-filter-form/data-filter-form-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-filter-form-options.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataFilter } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\nimport dataFilterForm from \"./data-filter-form\";\n\nexport const dataFilterFormProps = buildProps({\n  dataFilter: { type: DataFilter, required: true },\n} as const);\n\nexport type DataFilterFormProps = ExtractPropTypes<typeof dataFilterFormProps>;\n\nexport const dataFilterFormEmits = {};\n\nexport type DataFilterFormEmits = typeof dataFilterForm;\n"],"names":[],"mappings":";;;AAKO,MAAM,sBAAsB,UAAW,CAAA;AAAA,EAC5C,UAAY,EAAA,EAAE,IAAM,EAAA,UAAA,EAAY,UAAU,IAAK,EAAA;AACjD,CAAU,EAAA;AAIH,MAAM,sBAAsB;;;;"}
+{"version":3,"file":"data-filter-form-options.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataFilter, DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\nimport dataFilterForm from \"./data-filter-form\";\n\nexport const dataFilterFormProps = buildProps({\n  // dataFilter: { type: DataFilter, required: true },\n  dataTable: { type: DataTable, required: true },\n} as const);\n\nexport type DataFilterFormProps = ExtractPropTypes<typeof dataFilterFormProps>;\n\nexport const dataFilterFormEmits = {};\n\nexport type DataFilterFormEmits = typeof dataFilterForm;\n"],"names":[],"mappings":";;;AAKO,MAAM,sBAAsB,UAAW,CAAA;AAAA;AAAA,EAE5C,SAAW,EAAA,EAAE,IAAM,EAAA,SAAA,EAAW,UAAU,IAAK,EAAA;AAC/C,CAAU,EAAA;AAIH,MAAM,sBAAsB;;;;"}

package/dist/esm/components/data-model/data-filter-form/data-filter-form.d.ts

@@ -1,13 +1,13 @@
 declare const _default: import("vue").DefineComponent<{
-    readonly dataFilter: {
-        readonly type: import("vue").PropType<import("@maketribe/dm").DataFilter<Record<string, any>>>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<unknown, unknown, Record<string, any>, import("@maketribe/dm").TableColumn>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
 }, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly dataFilter: {
-        readonly type: import("vue").PropType<import("@maketribe/dm").DataFilter<Record<string, any>>>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<unknown, unknown, Record<string, any>, import("@maketribe/dm").TableColumn>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;

package/dist/esm/components/data-model/data-filter-form/data-filter-form.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, unref, provide, reactive, onMounted, createVNode } from 'vue';
+import { defineComponent, computed, unref, provide, reactive, getCurrentInstance, watch, createVNode, Suspense, Fragment, withCtx } from 'vue';
 import { dataFilterFormProps } from './data-filter-form-options.js';
 import { MKDataFilterFormItem } from './data-filter-form-item/index.js';
 import { DATA_FILTER_CONTEXT } from './token.js';
@@ -9,15 +9,40 @@ var DataFilterForm = /* @__PURE__ */ defineComponent({
   setup(props, {
     slots
   }) {
-    const dataFilter = computed(() => props.dataFilter);
+    const dataTable = computed(() => props.dataTable);
+    const dataFilter = computed(() => unref(dataTable).dataFilter);
     const columns = computed(() => unref(dataFilter).getColumns().filter((column) => column.visible));
+    const labelWidth = computed(() => {
+      const maxWordCount = Math.max(...unref(columns).map((column) => column.label.length));
+      return maxWordCount * 14 + 10;
+    });
     provide(DATA_FILTER_CONTEXT, reactive({
-      dataFilter
+      dataFilter,
+      labelWidth
     }));
-    onMounted(() => {
-      unref(dataFilter).setReady();
+    const instance = getCurrentInstance();
+    const handleResolve = () => {
+      withCtx(() => {
+        watch(dataFilter, (dataFilter2) => {
+          dataFilter2.setReady();
+        }, {
+          immediate: true
+        });
+      }, instance)();
+    };
+    watch(dataTable, (dataTable2) => {
+      dataTable2.initdEvent.once(() => {
+        if (!dataTable2.dataFilter.getColumns().length) {
+          dataTable2.dataFilter.setReady();
+        }
+      });
+    }, {
+      immediate: true
     });
     return () => {
+      if (!unref(columns).length) {
+        return null;
+      }
       let children = slots.default?.();
       if (!children) {
         children = unref(columns).map((column) => {
@@ -36,7 +61,11 @@ var DataFilterForm = /* @__PURE__ */ defineComponent({
       }
       return createVNode("div", {
         "class": "mk-data-filter-form"
-      }, [children]);
+      }, [createVNode(Suspense, {
+        "onResolve": handleResolve
+      }, {
+        default: () => [createVNode(Fragment, null, [children])]
+      })]);
     };
   }
 });

package/dist/esm/components/data-model/data-filter-form/data-filter-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-filter-form.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  onMounted,\n  provide,\n  reactive,\n  unref,\n} from \"vue\";\nimport { dataFilterFormProps } from \"./data-filter-form-options\";\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\nimport { DATA_FILTER_CONTEXT } from \"./token\";\n\nexport default defineComponent({\n  name: \"MKDataFilterForm\",\n  props: dataFilterFormProps,\n  setup(props, { slots }) {\n    const dataFilter = computed(() => props.dataFilter);\n\n    const columns = computed(() =>\n      unref(dataFilter)\n        .getColumns()\n        .filter((column) => column.visible)\n    );\n\n    provide(DATA_FILTER_CONTEXT, reactive({ dataFilter }));\n\n    onMounted(() => {\n      unref(dataFilter).setReady();\n    });\n\n    return () => {\n      let children: any = slots.default?.();\n\n      if (!children) {\n        children = unref(columns).map((column) => {\n          if (!column.name) {\n            return null;\n          }\n\n          return (\n            slots[`col-${column.name}`]?.() || (\n              <MKDataFilterFormItem\n                name={column.name}\n                v-slots={{ default: slots[`col-${column.name}-content`] }}\n              />\n            )\n          );\n        });\n      }\n\n      if (!children) {\n        return null;\n      }\n\n      return <div class=\"mk-data-filter-form\">{children}</div>;\n    };\n  },\n});\n"],"names":["name","props","dataFilterFormProps","setup","slots","dataFilter","computed","columns","unref","getColumns","filter","column","visible","provide","DATA_FILTER_CONTEXT","reactive","onMounted","setReady","children","default","map","_createVNode","MKDataFilterFormItem"],"mappings":";;;;;AAYA,qCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,kBAAA;AAAA,EACNC,KAAOC,EAAAA,mBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,UAAaC,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMI,UAAU,CAAA,CAAA;AAElD,IAAA,MAAME,OAAUD,GAAAA,QAAAA,CAAS,MACvBE,KAAAA,CAAMH,UAAU,CAAA,CACbI,UAAW,EAAA,CACXC,MAAQC,CAAAA,CAAAA,MAAAA,KAAWA,MAAOC,CAAAA,OAAO,CACtC,CAAA,CAAA;AAEAC,IAAAA,OAAAA,CAAQC,qBAAqBC,QAAS,CAAA;AAAA,MAAEV,UAAAA;AAAAA,KAAY,CAAC,CAAA,CAAA;AAErDW,IAAAA,SAAAA,CAAU,MAAM;AACdR,MAAMH,KAAAA,CAAAA,UAAU,EAAEY,QAAS,EAAA,CAAA;AAAA,KAC5B,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAIC,IAAAA,QAAAA,GAAgBd,MAAMe,OAAU,IAAA,CAAA;AAEpC,MAAA,IAAI,CAACD,QAAU,EAAA;AACbA,QAAAA,QAAAA,GAAWV,KAAMD,CAAAA,OAAO,CAAEa,CAAAA,GAAAA,CAAKT,CAAW,MAAA,KAAA;AACxC,UAAI,IAAA,CAACA,OAAOX,IAAM,EAAA;AAChB,YAAO,OAAA,IAAA,CAAA;AAAA,WACT;AAEA,UACEI,OAAAA,KAAAA,CAAO,OAAMO,MAAOX,CAAAA,IAAK,EAAC,CAAI,IAAA,IAACqB,YAAAC,oBAAA,EAAA;AAAA,YAAA,QAErBX,MAAOX,CAAAA,IAAAA;AAAAA,WACJ,EAAA;AAAA,YAAEmB,OAASf,EAAAA,KAAAA,CAAO,CAAMO,IAAAA,EAAAA,MAAAA,CAAOX,IAAK,CAAS,QAAA,CAAA,CAAA;AAAA,WAAG,CAAA,CAAA;AAAA,SAIhE,CAAA,CAAA;AAAA,OACH;AAEA,MAAA,IAAI,CAACkB,QAAU,EAAA;AACb,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAEA,MAAA,OAAAG,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,qBAAA;AAAA,OAAA,EAAA,CAAyCH,QAAQ,CAAA,CAAA,CAAA;AAAA,KACnD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"data-filter-form.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form.tsx"],"sourcesContent":["import {\n  Fragment,\n  Suspense,\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  provide,\n  reactive,\n  unref,\n  watch,\n  withCtx,\n} from \"vue\";\nimport { dataFilterFormProps } from \"./data-filter-form-options\";\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\nimport { DATA_FILTER_CONTEXT } from \"./token\";\n\nexport default defineComponent({\n  name: \"MKDataFilterForm\",\n  props: dataFilterFormProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n    const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n    const columns = computed(() =>\n      unref(dataFilter)\n        .getColumns()\n        .filter((column) => column.visible)\n    );\n\n    const labelWidth = computed(() => {\n      const maxWordCount = Math.max(\n        ...unref(columns).map((column) => column.label.length)\n      );\n\n      return maxWordCount * 14 + 10;\n    });\n\n    provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\n\n    const instance = getCurrentInstance();\n\n    const handleResolve = () => {\n      withCtx(() => {\n        watch(\n          dataFilter,\n          (dataFilter) => {\n            dataFilter.setReady();\n          },\n          { immediate: true }\n        );\n      }, instance)();\n    };\n\n    watch(\n      dataTable,\n      (dataTable) => {\n        dataTable.initdEvent.once(() => {\n          if (!dataTable.dataFilter.getColumns().length) {\n            dataTable.dataFilter.setReady();\n          }\n        });\n      },\n      { immediate: true }\n    );\n\n    return () => {\n      if (!unref(columns).length) {\n        return null;\n      }\n\n      let children: any = slots.default?.();\n\n      if (!children) {\n        children = unref(columns).map((column) => {\n          if (!column.name) {\n            return null;\n          }\n\n          return (\n            slots[`col-${column.name}`]?.() || (\n              <MKDataFilterFormItem\n                name={column.name}\n                v-slots={{ default: slots[`col-${column.name}-content`] }}\n              />\n            )\n          );\n        });\n      }\n\n      if (!children) {\n        return null;\n      }\n\n      return (\n        <div class=\"mk-data-filter-form\">\n          <Suspense onResolve={handleResolve}>\n            <Fragment>{children}</Fragment>\n          </Suspense>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","props","dataFilterFormProps","setup","slots","dataTable","computed","dataFilter","unref","columns","getColumns","filter","column","visible","labelWidth","maxWordCount","Math","max","map","label","length","provide","DATA_FILTER_CONTEXT","reactive","instance","getCurrentInstance","handleResolve","withCtx","watch","setReady","immediate","initdEvent","once","children","default","_createVNode","MKDataFilterFormItem","Suspense","_Fragment"],"mappings":"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"}

package/dist/esm/components/data-model/data-filter-form/index.d.ts

@@ -1,13 +1,13 @@
 export declare const MKDataFilterForm: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly dataFilter: {
-        readonly type: import("vue").PropType<import("@maketribe/dm").DataFilter<Record<string, any>>>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<unknown, unknown, Record<string, any>, import("@maketribe/dm").TableColumn>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
 }, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly dataFilter: {
-        readonly type: import("vue").PropType<import("@maketribe/dm").DataFilter<Record<string, any>>>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<unknown, unknown, Record<string, any>, import("@maketribe/dm").TableColumn>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;

package/dist/esm/components/data-model/data-filter-form/token.d.ts

@@ -3,6 +3,7 @@ import { Operator, FilterColumn, DataFilter } from "@maketribe/dm";
 import { OperatorOption } from "./operator-options";
 export interface DataFilterContext {
     dataFilter: DataFilter;
+    labelWidth: number;
 }
 export interface DataFilterItemContext {
     dataFilter: DataFilter;

package/dist/esm/components/data-model/data-filter-form/token.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-filter-form/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\nimport { Operator, FilterColumn, DataFilter } from \"@maketribe/dm\";\nimport { OperatorOption } from \"./operator-options\";\n\nexport interface DataFilterContext {\n  dataFilter: DataFilter;\n}\n\nexport interface DataFilterItemContext {\n  dataFilter: DataFilter;\n  dataFilterItem: DataFilterItem;\n}\n\nexport interface DataFilterItem {\n  dataFilter: DataFilter;\n  column: FilterColumn;\n  currentOperator: Operator | null;\n  operatorOptions: OperatorOption[];\n  setOperator(operator: Operator): void;\n  setOperatorOptions(options: OperatorOption[]): void;\n  setValue(value: any): void;\n  getValue(): any;\n}\n\nexport const DATA_FILTER_CONTEXT: InjectionKey<DataFilterContext> = Symbol(\n  \"DATA_FILTER_CONTEXT\"\n);\nexport const DATA_FILTER_ITEM_CONTEXT: InjectionKey<DataFilterItemContext> =\n  Symbol(\"DATA_FILTER_ITEM_CONTEXT\");\n"],"names":[],"mappings":"AAwBO,MAAM,mBAAuD,GAAA,MAAA;AAAA,EAClE,qBAAA;AACF,EAAA;AACa,MAAA,wBAAA,GACX,OAAO,0BAA0B;;;;"}
+{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-filter-form/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\nimport { Operator, FilterColumn, DataFilter } from \"@maketribe/dm\";\nimport { OperatorOption } from \"./operator-options\";\n\nexport interface DataFilterContext {\n  dataFilter: DataFilter;\n  labelWidth: number;\n}\n\nexport interface DataFilterItemContext {\n  dataFilter: DataFilter;\n  dataFilterItem: DataFilterItem;\n}\n\nexport interface DataFilterItem {\n  dataFilter: DataFilter;\n  column: FilterColumn;\n  currentOperator: Operator | null;\n  operatorOptions: OperatorOption[];\n  setOperator(operator: Operator): void;\n  setOperatorOptions(options: OperatorOption[]): void;\n  setValue(value: any): void;\n  getValue(): any;\n}\n\nexport const DATA_FILTER_CONTEXT: InjectionKey<DataFilterContext> = Symbol(\n  \"DATA_FILTER_CONTEXT\"\n);\nexport const DATA_FILTER_ITEM_CONTEXT: InjectionKey<DataFilterItemContext> =\n  Symbol(\"DATA_FILTER_ITEM_CONTEXT\");\n"],"names":[],"mappings":"AAyBO,MAAM,mBAAuD,GAAA,MAAA;AAAA,EAClE,qBAAA;AACF,EAAA;AACa,MAAA,wBAAA,GACX,OAAO,0BAA0B;;;;"}

package/dist/esm/components/data-model/data-filter-popover/data-filter-popover.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createVNode, unref, createTextVNode } from 'vue';
+import { defineComponent, computed, unref, createVNode, createTextVNode } from 'vue';
 import { ElPopover, ElButton } from 'element-plus';
 import { MKDataFilterForm } from '../data-filter-form/index.js';
 import { dataFilterPopoverProps } from './data-filter-popover-options.js';
@@ -10,9 +10,10 @@ var DataFilterPopover = /* @__PURE__ */ defineComponent({
   setup(props, {
     slots
   }) {
-    const dataFilter = computed(() => props.dataTable.dataFilter);
+    const dataTable = computed(() => props.dataTable);
+    const dataFilter = computed(() => unref(dataTable).dataFilter);
     const handleSearch = () => {
-      props.dataTable.load();
+      unref(dataTable).load();
     };
     const handleReset = () => {
       unref(dataFilter).reset();
@@ -32,7 +33,7 @@ var DataFilterPopover = /* @__PURE__ */ defineComponent({
           }, [createVNode("div", {
             "class": "mk-data-filter-popover__body"
           }, [createVNode(MKDataFilterForm, {
-            "dataFilter": unref(dataFilter)
+            "dataTable": unref(dataTable)
           }, null)]), createVNode("div", {
             "class": "mk-data-filter-popover__footer"
           }, [createVNode(ElButton, {

package/dist/esm/components/data-model/data-filter-popover/data-filter-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-filter-popover.js","sources":["../../../../../src/components/data-model/data-filter-popover/data-filter-popover.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElButton, ElPopover } from \"element-plus\";\nimport { MKDataFilterForm } from \"../data-filter-form\";\nimport { dataFilterPopoverProps } from \"./data-filter-popover-options\";\nimport MKSvgIcon from \"../../svg-icon\";\n\nexport default defineComponent({\n  name: \"MKDataFilterPopover\",\n  props: dataFilterPopoverProps,\n  setup(props, { slots }) {\n    const dataFilter = computed(() => props.dataTable.dataFilter);\n\n    const handleSearch = () => {\n      props.dataTable.load();\n    };\n\n    const handleReset = () => {\n      unref(dataFilter).reset();\n\n      handleSearch();\n    };\n\n    return () => {\n      return (\n        <ElPopover\n          trigger=\"click\"\n          width=\"400px\"\n          v-slots={{\n            reference: () =>\n              slots.default?.() || <MKSvgIcon iconClass=\"Filter\" />,\n            default: () => {\n              return (\n                <div class=\"mk-data-filter-popover\">\n                  <div class=\"mk-data-filter-popover__body\">\n                    <MKDataFilterForm dataFilter={unref(dataFilter)} />\n                  </div>\n                  <div class=\"mk-data-filter-popover__footer\">\n                    <ElButton onClick={handleReset}>重置</ElButton>\n                    <ElButton type=\"primary\" onClick={handleSearch}>\n                      查询\n                    </ElButton>\n                  </div>\n                </div>\n              );\n            },\n          }}\n        />\n      );\n    };\n  },\n});\n"],"names":["name","props","dataFilterPopoverProps","setup","slots","dataFilter","computed","dataTable","handleSearch","load","handleReset","unref","reset","_createVNode","ElPopover","reference","default","MKSvgIcon","MKDataFilterForm","ElButton","_createTextVNode"],"mappings":";;;;;;AAMA,wCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,qBAAA;AAAA,EACNC,KAAOC,EAAAA,sBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,UAAaC,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMM,UAAUF,UAAU,CAAA,CAAA;AAE5D,IAAA,MAAMG,eAAeA,MAAM;AACzBP,MAAAA,KAAAA,CAAMM,UAAUE,IAAK,EAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAA,MAAMC,cAAcA,MAAM;AACxBC,MAAMN,KAAAA,CAAAA,UAAU,EAAEO,KAAM,EAAA,CAAA;AAExBJ,MAAa,YAAA,EAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAK,YAAAC,SAAA,EAAA;AAAA,QAAA,SAAA,EAAA,OAAA;AAAA,QAAA,OAAA,EAAA,OAAA;AAAA,OAIa,EAAA;AAAA,QACPC,WAAWA,MACTX,KAAAA,CAAMY,OAAU,IAAA,IAACH,YAAAI,SAAA,EAAA;AAAA,UAAA,WAAA,EAAA,QAAA;AAAA,WAAoC,IAAA,CAAA;AAAA,QACvDD,SAASA,MAAM;AACb,UAAA,OAAAH,YAAA,KAAA,EAAA;AAAA,YAAA,OAAA,EAAA,wBAAA;AAAA,WAAA,EAAA,CAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,YAAA,OAAA,EAAA,8BAAA;AAAA,WAAA,EAAAA,CAAAA,WAAAA,CAAAK,gBAAA,EAAA;AAAA,YAAA,YAAA,EAGoCP,MAAMN,UAAU,CAAA;AAAA,aAAC,IAAA,CAAA,CAAA,CAAA,EAAAQ,YAAA,KAAA,EAAA;AAAA,YAAA,OAAA,EAAA,gCAAA;AAAA,WAAA,EAAAA,CAAAA,WAAAA,CAAAM,QAAA,EAAA;AAAA,YAAA,SAG5BT,EAAAA,WAAAA;AAAAA,WAAW,EAAA;AAAA,YAAAM,OAAAA,EAAAA,MAAA,CAAAI,eAAAA,CAAA,cAAA,CAAA,CAAA;AAAA,WAAAP,CAAAA,EAAAA,WAAAA,CAAAM,QAAA,EAAA;AAAA,YAAA,MAAA,EAAA,SAAA;AAAA,YAAA,SACIX,EAAAA,YAAAA;AAAAA,WAAY,EAAA;AAAA,YAAAQ,OAAAA,EAAAA,MAAA,CAAAI,eAAAA,CAAA,cAAA,CAAA,CAAA;AAAA,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,SAMtD;AAAA,OACD,CAAA,CAAA;AAAA,KAGP,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"data-filter-popover.js","sources":["../../../../../src/components/data-model/data-filter-popover/data-filter-popover.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElButton, ElPopover } from \"element-plus\";\nimport { MKDataFilterForm } from \"../data-filter-form\";\nimport { dataFilterPopoverProps } from \"./data-filter-popover-options\";\nimport MKSvgIcon from \"../../svg-icon\";\n\nexport default defineComponent({\n  name: \"MKDataFilterPopover\",\n  props: dataFilterPopoverProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n    const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n    const handleSearch = () => {\n      unref(dataTable).load();\n    };\n\n    const handleReset = () => {\n      unref(dataFilter).reset();\n\n      handleSearch();\n    };\n\n    return () => {\n      return (\n        <ElPopover\n          trigger=\"click\"\n          width=\"400px\"\n          v-slots={{\n            reference: () =>\n              slots.default?.() || <MKSvgIcon iconClass=\"Filter\" />,\n            default: () => {\n              return (\n                <div class=\"mk-data-filter-popover\">\n                  <div class=\"mk-data-filter-popover__body\">\n                    <MKDataFilterForm dataTable={unref(dataTable)} />\n                  </div>\n                  <div class=\"mk-data-filter-popover__footer\">\n                    <ElButton onClick={handleReset}>重置</ElButton>\n                    <ElButton type=\"primary\" onClick={handleSearch}>\n                      查询\n                    </ElButton>\n                  </div>\n                </div>\n              );\n            },\n          }}\n        />\n      );\n    };\n  },\n});\n"],"names":["name","props","dataFilterPopoverProps","setup","slots","dataTable","computed","dataFilter","unref","handleSearch","load","handleReset","reset","_createVNode","ElPopover","reference","default","MKSvgIcon","MKDataFilterForm","ElButton","_createTextVNode"],"mappings":";;;;;;AAMA,wCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,qBAAA;AAAA,EACNC,KAAOC,EAAAA,sBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,SAAYC,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMI,SAAS,CAAA,CAAA;AAChD,IAAA,MAAME,aAAaD,QAAS,CAAA,MAAME,KAAMH,CAAAA,SAAS,EAAEE,UAAU,CAAA,CAAA;AAE7D,IAAA,MAAME,eAAeA,MAAM;AACzBD,MAAMH,KAAAA,CAAAA,SAAS,EAAEK,IAAK,EAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAA,MAAMC,cAAcA,MAAM;AACxBH,MAAMD,KAAAA,CAAAA,UAAU,EAAEK,KAAM,EAAA,CAAA;AAExBH,MAAa,YAAA,EAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAI,YAAAC,SAAA,EAAA;AAAA,QAAA,SAAA,EAAA,OAAA;AAAA,QAAA,OAAA,EAAA,OAAA;AAAA,OAIa,EAAA;AAAA,QACPC,WAAWA,MACTX,KAAAA,CAAMY,OAAU,IAAA,IAACH,YAAAI,SAAA,EAAA;AAAA,UAAA,WAAA,EAAA,QAAA;AAAA,WAAoC,IAAA,CAAA;AAAA,QACvDD,SAASA,MAAM;AACb,UAAA,OAAAH,YAAA,KAAA,EAAA;AAAA,YAAA,OAAA,EAAA,wBAAA;AAAA,WAAA,EAAA,CAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,YAAA,OAAA,EAAA,8BAAA;AAAA,WAAA,EAAAA,CAAAA,WAAAA,CAAAK,gBAAA,EAAA;AAAA,YAAA,WAAA,EAGmCV,MAAMH,SAAS,CAAA;AAAA,aAAC,IAAA,CAAA,CAAA,CAAA,EAAAQ,YAAA,KAAA,EAAA;AAAA,YAAA,OAAA,EAAA,gCAAA;AAAA,WAAA,EAAAA,CAAAA,WAAAA,CAAAM,QAAA,EAAA;AAAA,YAAA,SAG1BR,EAAAA,WAAAA;AAAAA,WAAW,EAAA;AAAA,YAAAK,OAAAA,EAAAA,MAAA,CAAAI,eAAAA,CAAA,cAAA,CAAA,CAAA;AAAA,WAAAP,CAAAA,EAAAA,WAAAA,CAAAM,QAAA,EAAA;AAAA,YAAA,MAAA,EAAA,SAAA;AAAA,YAAA,SACIV,EAAAA,YAAAA;AAAAA,WAAY,EAAA;AAAA,YAAAO,OAAAA,EAAAA,MAAA,CAAAI,eAAAA,CAAA,cAAA,CAAA,CAAA;AAAA,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,SAMtD;AAAA,OACD,CAAA,CAAA;AAAA,KAGP,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/data-model/data-form/data-form.js

@@ -49,7 +49,7 @@ var MKDataForm = /* @__PURE__ */ defineComponent({
         eventName: key.replace(/Event$/, "").replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),
         event: dataForm2[key]
       }));
-      for (const item of events) {
+      for (const item of events.filter((event) => event.eventName in dataFormEmits)) {
         disposable.register(
           // @ts-ignore
           item.event.on((event) => {

package/dist/esm/components/data-model/data-form/data-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-form.js","sources":["../../../../../src/components/data-model/data-form/data-form.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  unref,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { FormColumn, DataForm } from \"@maketribe/dm\";\n\nimport { dataFormEmits, dataFormProps } from \"./data-form-options\";\nimport { DATAFORM_CONTEXT_KEY } from \"./token\";\nimport { Disposable, Event } from \"@maketribe/utils\";\nimport { MKFormView } from \"./views\";\n\nexport default defineComponent({\n  name: \"MKDataForm\",\n  inheritAttrs: false,\n  props: dataFormProps,\n  emits: dataFormEmits,\n  setup(props, { emit, slots }) {\n    let _dataForm: DataForm | null = null;\n\n    const createDataForm = () => {\n      const dataForm = new DataForm({\n        name: props.name!,\n        primaryKey: props.primaryKey,\n        interfaceURL: {\n          load: props.loadInterfaceURL || \"\",\n          add: props.addInterfaceURL || \"\",\n          update: props.updateInterfaceURL || props.addInterfaceURL || \"\",\n        },\n      });\n\n      const columns = props.columns.map((column) => new FormColumn(column));\n\n      dataForm.setColumns(columns);\n\n      return dataForm;\n    };\n\n    const dataForm = computed(() => {\n      if (props.dataForm instanceof DataForm) {\n        return props.dataForm;\n      }\n\n      if (!_dataForm) {\n        _dataForm = reactive(createDataForm()) as DataForm;\n      }\n\n      return _dataForm;\n    });\n\n    watch(\n      dataForm,\n      async (dataForm, _, onCleanup) => {\n        await dataForm.init();\n\n        if (unref(dataForm).autoReset) {\n          unref(dataForm).reset();\n        }\n\n        const disposable = new Disposable();\n\n        const events = Object.keys(dataForm)\n          .filter((key) => dataForm[key as keyof DataForm] instanceof Event)\n          .map((key) => ({\n            eventName: key\n              .replace(/Event$/, \"\")\n              .replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),\n            event: dataForm[key as keyof DataForm]! as Event,\n          }));\n\n        for (const item of events) {\n          disposable.register(\n            // @ts-ignore\n            item.event.on((event: any) => {\n              // @ts-ignore\n              emit(item.eventName, event);\n            })\n          );\n        }\n\n        onCleanup(() => {\n          disposable.dispose();\n        });\n\n        emit(\"changeDataForm\", dataForm);\n      },\n      { immediate: true }\n    );\n\n    provide(\n      DATAFORM_CONTEXT_KEY,\n      reactive({\n        dataForm,\n      })\n    );\n\n    return () => {\n      return (\n        <div class=\"mk-data-form\">\n          {slots.default?.({ ...props, dataForm: unref(dataForm) }) || (\n            <MKFormView {...props} dataForm={unref(dataForm)} v-slots={slots} />\n          )}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","inheritAttrs","props","dataFormProps","emits","dataFormEmits","setup","emit","slots","_dataForm","createDataForm","dataForm","DataForm","primaryKey","interfaceURL","load","loadInterfaceURL","add","addInterfaceURL","update","updateInterfaceURL","columns","map","column","FormColumn","setColumns","computed","reactive","watch","_","onCleanup","init","unref","autoReset","reset","disposable","Disposable","events","Object","keys","filter","key","Event","eventName","replace","match","toLocaleLowerCase","event","item","register","on","dispose","immediate","provide","DATAFORM_CONTEXT_KEY","_createVNode","default","MKFormView","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"data-form.js","sources":["../../../../../src/components/data-model/data-form/data-form.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  unref,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { FormColumn, DataForm } from \"@maketribe/dm\";\n\nimport { dataFormEmits, dataFormProps } from \"./data-form-options\";\nimport { DATAFORM_CONTEXT_KEY } from \"./token\";\nimport { Disposable, Event } from \"@maketribe/utils\";\nimport { MKFormView } from \"./views\";\n\nexport default defineComponent({\n  name: \"MKDataForm\",\n  inheritAttrs: false,\n  props: dataFormProps,\n  emits: dataFormEmits,\n  setup(props, { emit, slots }) {\n    let _dataForm: DataForm | null = null;\n\n    const createDataForm = () => {\n      const dataForm = new DataForm({\n        name: props.name!,\n        primaryKey: props.primaryKey,\n        interfaceURL: {\n          load: props.loadInterfaceURL || \"\",\n          add: props.addInterfaceURL || \"\",\n          update: props.updateInterfaceURL || props.addInterfaceURL || \"\",\n        },\n      });\n\n      const columns = props.columns.map((column) => new FormColumn(column));\n\n      dataForm.setColumns(columns);\n\n      return dataForm;\n    };\n\n    const dataForm = computed(() => {\n      if (props.dataForm instanceof DataForm) {\n        return props.dataForm;\n      }\n\n      if (!_dataForm) {\n        _dataForm = reactive(createDataForm()) as DataForm;\n      }\n\n      return _dataForm;\n    });\n\n    watch(\n      dataForm,\n      async (dataForm, _, onCleanup) => {\n        await dataForm.init();\n\n        if (unref(dataForm).autoReset) {\n          unref(dataForm).reset();\n        }\n\n        const disposable = new Disposable();\n\n        const events = Object.keys(dataForm)\n          .filter((key) => dataForm[key as keyof DataForm] instanceof Event)\n          .map((key) => ({\n            eventName: key\n              .replace(/Event$/, \"\")\n              .replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),\n            event: dataForm[key as keyof DataForm]! as Event,\n          }));\n\n        for (const item of events.filter(\n          (event) => event.eventName in dataFormEmits\n        )) {\n          disposable.register(\n            // @ts-ignore\n            item.event.on((event: any) => {\n              // @ts-ignore\n              emit(item.eventName, event);\n            })\n          );\n        }\n\n        onCleanup(() => {\n          disposable.dispose();\n        });\n\n        emit(\"changeDataForm\", dataForm);\n      },\n      { immediate: true }\n    );\n\n    provide(\n      DATAFORM_CONTEXT_KEY,\n      reactive({\n        dataForm,\n      })\n    );\n\n    return () => {\n      return (\n        <div class=\"mk-data-form\">\n          {slots.default?.({ ...props, dataForm: unref(dataForm) }) || (\n            <MKFormView {...props} dataForm={unref(dataForm)} v-slots={slots} />\n          )}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","inheritAttrs","props","dataFormProps","emits","dataFormEmits","setup","emit","slots","_dataForm","createDataForm","dataForm","DataForm","primaryKey","interfaceURL","load","loadInterfaceURL","add","addInterfaceURL","update","updateInterfaceURL","columns","map","column","FormColumn","setColumns","computed","reactive","watch","_","onCleanup","init","unref","autoReset","reset","disposable","Disposable","events","Object","keys","filter","key","Event","eventName","replace","match","toLocaleLowerCase","event","item","register","on","dispose","immediate","provide","DATAFORM_CONTEXT_KEY","_createVNode","default","MKFormView","_mergeProps"],"mappings":";;;;;;;;AAgBA,iCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,YAAA;AAAA,EACNC,YAAc,EAAA,KAAA;AAAA,EACdC,KAAOC,EAAAA,aAAAA;AAAAA,EACPC,KAAOC,EAAAA,aAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,IAAMC,KAAAA;AAAAA,GAAS,EAAA;AAC5B,IAAA,IAAIC,SAA6B,GAAA,IAAA,CAAA;AAEjC,IAAA,MAAMC,iBAAiBA,MAAM;AAC3B,MAAMC,MAAAA,SAAAA,GAAW,IAAIC,QAAS,CAAA;AAAA,QAC5BZ,MAAME,KAAMF,CAAAA,IAAAA;AAAAA,QACZa,YAAYX,KAAMW,CAAAA,UAAAA;AAAAA,QAClBC,YAAc,EAAA;AAAA,UACZC,IAAAA,EAAMb,MAAMc,gBAAoB,IAAA,EAAA;AAAA,UAChCC,GAAAA,EAAKf,MAAMgB,eAAmB,IAAA,EAAA;AAAA,UAC9BC,MAAQjB,EAAAA,KAAAA,CAAMkB,kBAAsBlB,IAAAA,KAAAA,CAAMgB,eAAmB,IAAA,EAAA;AAAA,SAC/D;AAAA,OACD,CAAA,CAAA;AAED,MAAMG,MAAAA,OAAAA,GAAUnB,MAAMmB,OAAQC,CAAAA,GAAAA,CAAKC,YAAW,IAAIC,UAAAA,CAAWD,MAAM,CAAC,CAAA,CAAA;AAEpEZ,MAAAA,SAAAA,CAASc,WAAWJ,OAAO,CAAA,CAAA;AAE3B,MAAOV,OAAAA,SAAAA,CAAAA;AAAAA,KACT,CAAA;AAEA,IAAMA,MAAAA,QAAAA,GAAWe,SAAS,MAAM;AAC9B,MAAIxB,IAAAA,KAAAA,CAAMS,oBAAoBC,QAAU,EAAA;AACtC,QAAA,OAAOV,KAAMS,CAAAA,QAAAA,CAAAA;AAAAA,OACf;AAEA,MAAA,IAAI,CAACF,SAAW,EAAA;AACdA,QAAYkB,SAAAA,GAAAA,QAAAA,CAASjB,gBAAgB,CAAA,CAAA;AAAA,OACvC;AAEA,MAAOD,OAAAA,SAAAA,CAAAA;AAAAA,KACR,CAAA,CAAA;AAEDmB,IAAAA,KAAAA,CACEjB,QACA,EAAA,OAAOA,SAAUkB,EAAAA,CAAAA,EAAGC,SAAc,KAAA;AAChC,MAAA,MAAMnB,UAASoB,IAAK,EAAA,CAAA;AAEpB,MAAIC,IAAAA,KAAAA,CAAMrB,SAAQ,CAAA,CAAEsB,SAAW,EAAA;AAC7BD,QAAMrB,KAAAA,CAAAA,SAAQ,EAAEuB,KAAM,EAAA,CAAA;AAAA,OACxB;AAEA,MAAMC,MAAAA,UAAAA,GAAa,IAAIC,UAAW,EAAA,CAAA;AAElC,MAAA,MAAMC,MAASC,GAAAA,MAAAA,CAAOC,IAAK5B,CAAAA,SAAQ,CAChC6B,CAAAA,MAAAA,CAAQC,CAAQ9B,GAAAA,KAAAA,SAAAA,CAAS8B,GAAG,CAAA,YAA+BC,KAAK,CAAA,CAChEpB,IAAKmB,CAAS,GAAA,MAAA;AAAA,QACbE,SAAWF,EAAAA,GAAAA,CACRG,OAAQ,CAAA,QAAA,EAAU,EAAE,CAAA,CACpBA,OAAQ,CAAA,QAAA,EAAWC,CAAW,KAAA,KAAA,CAAA,CAAA,EAAGA,KAAMC,CAAAA,iBAAAA,EAAoB,CAAC,CAAA,CAAA;AAAA,QAC/DC,KAAAA,EAAOpC,UAAS8B,GAAG,CAAA;AAAA,OACnB,CAAA,CAAA,CAAA;AAEJ,MAAA,KAAA,MAAWO,QAAQX,MAAOG,CAAAA,MAAAA,CACvBO,WAAUA,KAAMJ,CAAAA,SAAAA,IAAatC,aAChC,CAAG,EAAA;AACD8B,QAAWc,UAAAA,CAAAA,QAAAA;AAAAA;AAAAA,UAETD,IAAAA,CAAKD,KAAMG,CAAAA,EAAAA,CAAIH,CAAe,KAAA,KAAA;AAE5BxC,YAAKyC,IAAAA,CAAAA,IAAAA,CAAKL,WAAWI,KAAK,CAAA,CAAA;AAAA,WAC3B,CAAA;AAAA,SACH,CAAA;AAAA,OACF;AAEAjB,MAAAA,SAAAA,CAAU,MAAM;AACdK,QAAAA,UAAAA,CAAWgB,OAAQ,EAAA,CAAA;AAAA,OACpB,CAAA,CAAA;AAED5C,MAAAA,IAAAA,CAAK,kBAAkBI,SAAQ,CAAA,CAAA;AAAA,KAEjC,EAAA;AAAA,MAAEyC,SAAW,EAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAEAC,IAAAA,OAAAA,CACEC,sBACA3B,QAAS,CAAA;AAAA,MACPhB,QAAAA;AAAAA,KACD,CACH,CAAA,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA4C,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,cAAA;AAAA,OAAA,EAEK/C,CAAAA,KAAAA,CAAMgD,OAAU,GAAA;AAAA,QAAE,GAAGtD,KAAAA;AAAAA,QAAOS,QAAAA,EAAUqB,MAAMrB,QAAQ,CAAA;AAAA,OAAG,CAAA,IAAC4C,WAAAE,CAAAA,UAAAA,EAAAC,WACvCxD,KAAK,EAAA;AAAA,QAAA,UAAA,EAAY8B,MAAMrB,QAAQ,CAAA;AAAA,OAAC,CAAA,EAAWH,KAAK,CACjE,CAAA,CAAA,CAAA;AAAA,KAGP,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}