@maketribe/ms-app 3.0.11 → 3.0.13

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;;;;"}

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

@@ -29,7 +29,6 @@ var DataTable = /* @__PURE__ */ defineComponent({
       return _dataTable;
     });
     watch(dataTable, async (dataTable2) => {
-      dataTable2.dataFilter.setReady();
       if (props.autoLoad) {
         dataTable2.load();
       }

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

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","sources":["../../../../../src/components/data-model/data-table/data-table.tsx"],"sourcesContent":["import { DataTable, TableColumn } from \"@maketribe/dm\";\nimport {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  unref,\n  watch,\n} from \"vue\";\nimport { dataTableProps } from \"./data-table-options\";\nimport { DATATABLE_CONTEXT_KEY } from \"./token\";\nimport MKTableView from \"./views/table-view\";\n\nexport default defineComponent({\n  name: \"MKDataTable\",\n  props: dataTableProps,\n  setup(props, { slots }) {\n    let _dataTable: DataTable | null = null;\n\n    const dataTable = computed(() => {\n      if (props.dataTable instanceof DataTable) {\n        return props.dataTable;\n      }\n\n      if (!_dataTable) {\n        _dataTable = reactive(\n          new DataTable({\n            name: props.name!,\n            primaryKey: props.primaryKey,\n            pageSize: props.pageSize ?? 20,\n            interfaceURL: {\n              list: props.listInterfaceURL || \"\",\n              delete: props.deleteInterfaceURL || \"\",\n            },\n          })\n        ) as DataTable;\n      }\n\n      return _dataTable;\n    });\n\n    watch(\n      dataTable,\n      async (dataTable) => {\n        dataTable.dataFilter.setReady();\n        if (props.autoLoad) {\n          dataTable.load();\n        }\n\n        let columns = unref(dataTable).getColumns();\n\n        const extractColumnConfig = props.columns.filter(\n          (config) =>\n            columns.findIndex((column) => column.name === config.name) === -1\n        );\n\n        const extractColumn = extractColumnConfig.map(\n          (config) => new TableColumn({ visible: true, ...config })\n        );\n\n        columns = [...extractColumn, ...columns];\n\n        let sortedColumns: TableColumn[] = [];\n        for (const columnConfig of props.columns) {\n          const column = columns.find(\n            (column) => column.name === columnConfig.name\n          )!;\n\n          sortedColumns.push(column);\n        }\n\n        const _columns = columns.filter(\n          (column) =>\n            sortedColumns.findIndex((item) => item.name === column.name) === -1\n        );\n\n        sortedColumns = [...sortedColumns, ..._columns];\n\n        dataTable.setColumns(sortedColumns);\n\n        await dataTable.init();\n      },\n      { immediate: true }\n    );\n\n    provide(DATATABLE_CONTEXT_KEY, reactive({ dataTable }));\n\n    return () => {\n      return (\n        <div class=\"mk-data-table\">\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTableView dataTable={unref(dataTable)} />\n          )}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","props","dataTableProps","setup","slots","_dataTable","dataTable","computed","DataTable","reactive","primaryKey","pageSize","interfaceURL","list","listInterfaceURL","delete","deleteInterfaceURL","watch","dataFilter","setReady","autoLoad","load","columns","unref","getColumns","extractColumnConfig","filter","config","findIndex","column","extractColumn","map","TableColumn","visible","sortedColumns","columnConfig","find","push","_columns","item","setColumns","init","immediate","provide","DATATABLE_CONTEXT_KEY","_createVNode","default","MKTableView"],"mappings":"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"}
+{"version":3,"file":"data-table.js","sources":["../../../../../src/components/data-model/data-table/data-table.tsx"],"sourcesContent":["import { DataTable, TableColumn } from \"@maketribe/dm\";\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  provide,\n  reactive,\n  unref,\n  watch,\n} from \"vue\";\nimport { dataTableProps } from \"./data-table-options\";\nimport { DATATABLE_CONTEXT_KEY } from \"./token\";\nimport MKTableView from \"./views/table-view\";\n\nexport default defineComponent({\n  name: \"MKDataTable\",\n  props: dataTableProps,\n  setup(props, { slots }) {\n    let _dataTable: DataTable | null = null;\n\n    const dataTable = computed(() => {\n      if (props.dataTable instanceof DataTable) {\n        return props.dataTable;\n      }\n\n      if (!_dataTable) {\n        _dataTable = reactive(\n          new DataTable({\n            name: props.name!,\n            primaryKey: props.primaryKey,\n            pageSize: props.pageSize ?? 20,\n            interfaceURL: {\n              list: props.listInterfaceURL || \"\",\n              delete: props.deleteInterfaceURL || \"\",\n            },\n          })\n        ) as DataTable;\n      }\n\n      return _dataTable;\n    });\n\n    watch(\n      dataTable,\n      async (dataTable) => {\n        // nextTick(() => {\n        //   dataTable.dataFilter.setReady();\n        // });\n\n        if (props.autoLoad) {\n          dataTable.load();\n        }\n\n        let columns = unref(dataTable).getColumns();\n\n        const extractColumnConfig = props.columns.filter(\n          (config) =>\n            columns.findIndex((column) => column.name === config.name) === -1\n        );\n\n        const extractColumn = extractColumnConfig.map(\n          (config) => new TableColumn({ visible: true, ...config })\n        );\n\n        columns = [...extractColumn, ...columns];\n\n        let sortedColumns: TableColumn[] = [];\n        for (const columnConfig of props.columns) {\n          const column = columns.find(\n            (column) => column.name === columnConfig.name\n          )!;\n\n          sortedColumns.push(column);\n        }\n\n        const _columns = columns.filter(\n          (column) =>\n            sortedColumns.findIndex((item) => item.name === column.name) === -1\n        );\n\n        sortedColumns = [...sortedColumns, ..._columns];\n\n        dataTable.setColumns(sortedColumns);\n\n        await dataTable.init();\n      },\n      { immediate: true }\n    );\n\n    provide(DATATABLE_CONTEXT_KEY, reactive({ dataTable }));\n\n    return () => {\n      return (\n        <div class=\"mk-data-table\">\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTableView dataTable={unref(dataTable)} />\n          )}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","props","dataTableProps","setup","slots","_dataTable","dataTable","computed","DataTable","reactive","primaryKey","pageSize","interfaceURL","list","listInterfaceURL","delete","deleteInterfaceURL","watch","autoLoad","load","columns","unref","getColumns","extractColumnConfig","filter","config","findIndex","column","extractColumn","map","TableColumn","visible","sortedColumns","columnConfig","find","push","_columns","item","setColumns","init","immediate","provide","DATATABLE_CONTEXT_KEY","_createVNode","default","MKTableView"],"mappings":"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"}

package/dist/esm/components/data-model/data-table/views/table-view/table-view.js

@@ -40,36 +40,41 @@ var TableView = /* @__PURE__ */ defineComponent({
           if (!classifySearch && _dataTable.classifySearch.getClassifySearchItems().length) {
             classifySearch = createVNode(MKTableClassifySearch, null, null);
           }
-          const tools = !_dataTable.getSelection().length ? createVNode(Fragment, null, [createVNode("div", {
-            "class": "header-box-main"
-          }, null), createVNode("div", {
-            "class": "header-box-tools"
-          }, [createVNode(MKDataFilterPopover, {
-            "dataTable": _dataTable
-          }, {
-            default: () => [createVNode(ElButton, null, {
-              default: () => [createVNode(MKSvgIcon, {
-                "iconClass": "Filter"
-              }, null)]
-            })]
-          }), buttons])]) : createVNode("div", {
-            "class": "mk-table-view__selection-tip"
-          }, [createVNode("div", {
-            "class": "mk-table-view__selection-tip-left"
-          }, [createVNode("span", null, [createTextVNode("\u5DF2\u9009\u4E2D"), createVNode("span", {
-            "class": "selection-count"
-          }, [_dataTable.getSelection().length]), createTextVNode("\u9879")])]), createVNode("div", {
-            "class": "mk-table-view__selection-tip-right"
-          }, [_dataTable.batchActionButtonTools.map((button) => createVNode(MKButton, {
-            "link": true,
-            "button": button,
-            "onClick": () => button.handler()
-          }, null)), createVNode(ElButton, {
-            "link": true,
-            "onClick": () => _dataTable.clearSelection()
-          }, {
-            default: () => [createTextVNode("\u53D6\u6D88\u9009\u62E9")]
-          })])]);
+          let tools;
+          if (!_dataTable.getSelection().length) {
+            tools = createVNode(Fragment, null, [createVNode("div", {
+              "class": "header-box-main"
+            }, null), createVNode("div", {
+              "class": "header-box-tools"
+            }, [createVNode(MKDataFilterPopover, {
+              "dataTable": _dataTable
+            }, {
+              default: () => [createVNode(ElButton, null, {
+                default: () => [createVNode(MKSvgIcon, {
+                  "iconClass": "Filter"
+                }, null)]
+              })]
+            }), buttons])]);
+          } else {
+            tools = createVNode("div", {
+              "class": "mk-table-view__selection-tip"
+            }, [createVNode("div", {
+              "class": "mk-table-view__selection-tip-left"
+            }, [createVNode("span", null, [createTextVNode("\u5DF2\u9009\u4E2D"), createVNode("span", {
+              "class": "selection-count"
+            }, [_dataTable.getSelection().length]), createTextVNode("\u9879")])]), createVNode("div", {
+              "class": "mk-table-view__selection-tip-right"
+            }, [_dataTable.batchActionButtonTools.map((button) => createVNode(MKButton, {
+              "link": true,
+              "button": button,
+              "onClick": () => button.handler()
+            }, null)), createVNode(ElButton, {
+              "link": true,
+              "onClick": () => _dataTable.clearSelection()
+            }, {
+              default: () => [createTextVNode("\u53D6\u6D88\u9009\u62E9")]
+            })])]);
+          }
           return createVNode(Fragment, null, [classifySearch, createVNode("div", {
             "class": "mk-table-view__header header-box"
           }, [tools])]);

package/dist/esm/components/data-model/data-table/views/table-view/table-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-view.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-view/table-view.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, unref } from \"vue\";\nimport { ElButton, ElCard } from \"element-plus\";\n\nimport { MKButton } from \"../../../../button\";\nimport { MKTableClassifySearch } from \"./classify-search\";\nimport { MKDataTablePagination } from \"../../../data-table-pagination\";\nimport { MKDataFilterPopover } from \"../../../data-filter-popover\";\nimport { MKSvgIcon } from \"../../../../svg-icon\";\nimport { MKTable } from \"../table\";\nimport { tableViewProps } from \"./table-view-options\";\n\nexport default defineComponent({\n  name: \"MKTableView\",\n  props: tableViewProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n\n    const pageSizes = computed(() => unref(dataTable).pageSizes);\n\n    return () => {\n      const pagination =\n        slots.pagination?.({ dataTable: unref(dataTable) }) ||\n        (unref(pageSizes).length ? (\n          <MKDataTablePagination dataTable={unref(dataTable)} />\n        ) : null);\n\n      return (\n        <ElCard\n          class=\"mk-table-view\"\n          v-slots={{\n            header: () => {\n              const _dataTable = unref(dataTable);\n\n              const buttons = _dataTable.buttonTools\n                .filter((button) => button.predicate())\n                .map((button) => (\n                  <MKButton button={button} onClick={() => button.handler()} />\n                ));\n\n              let classifySearch: any = slots[\"classify-search\"]?.() ?? null;\n              if (\n                !classifySearch &&\n                _dataTable.classifySearch.getClassifySearchItems().length\n              ) {\n                classifySearch = <MKTableClassifySearch />;\n              }\n\n              const tools = !_dataTable.getSelection().length ? (\n                <Fragment>\n                  <div class=\"header-box-main\"></div>\n                  <div class=\"header-box-tools\">\n                    <MKDataFilterPopover dataTable={_dataTable}>\n                      <ElButton>\n                        <MKSvgIcon iconClass=\"Filter\" />\n                      </ElButton>\n                    </MKDataFilterPopover>\n\n                    {buttons}\n                  </div>\n                </Fragment>\n              ) : (\n                <div class=\"mk-table-view__selection-tip\">\n                  <div class=\"mk-table-view__selection-tip-left\">\n                    <span>\n                      已选中\n                      <span class=\"selection-count\">\n                        {_dataTable.getSelection().length}\n                      </span>\n                      项\n                    </span>\n                  </div>\n                  <div class=\"mk-table-view__selection-tip-right\">\n                    {_dataTable.batchActionButtonTools.map((button) => (\n                      <MKButton\n                        link\n                        button={button}\n                        onClick={() => button.handler()}\n                      />\n                    ))}\n                    <ElButton link onClick={() => _dataTable.clearSelection()}>\n                      取消选择\n                    </ElButton>\n                  </div>\n                </div>\n              );\n\n              return (\n                <Fragment>\n                  {classifySearch}\n                  <div class=\"mk-table-view__header header-box\">{tools}</div>\n                </Fragment>\n              );\n            },\n          }}\n        >\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTable dataTable={unref(dataTable)} />\n          )}\n          {pagination}\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["name","props","tableViewProps","setup","slots","dataTable","computed","pageSizes","unref","pagination","length","_createVNode","MKDataTablePagination","ElCard","default","MKTable","header","_dataTable","buttons","buttonTools","filter","button","predicate","map","MKButton","onClick","handler","classifySearch","getClassifySearchItems","MKTableClassifySearch","tools","getSelection","_Fragment","MKDataFilterPopover","ElButton","MKSvgIcon","_createTextVNode","batchActionButtonTools","clearSelection"],"mappings":"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"}
+{"version":3,"file":"table-view.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-view/table-view.tsx"],"sourcesContent":["import { Fragment, VNode, computed, defineComponent, unref } from \"vue\";\nimport { ElButton, ElCard } from \"element-plus\";\n\nimport { MKButton } from \"../../../../button\";\nimport { MKTableClassifySearch } from \"./classify-search\";\nimport { MKDataTablePagination } from \"../../../data-table-pagination\";\nimport { MKDataFilterPopover } from \"../../../data-filter-popover\";\nimport { MKSvgIcon } from \"../../../../svg-icon\";\nimport { MKTable } from \"../table\";\nimport { tableViewProps } from \"./table-view-options\";\n\nexport default defineComponent({\n  name: \"MKTableView\",\n  props: tableViewProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n\n    const pageSizes = computed(() => unref(dataTable).pageSizes);\n\n    return () => {\n      const pagination =\n        slots.pagination?.({ dataTable: unref(dataTable) }) ||\n        (unref(pageSizes).length ? (\n          <MKDataTablePagination dataTable={unref(dataTable)} />\n        ) : null);\n\n      return (\n        <ElCard\n          class=\"mk-table-view\"\n          v-slots={{\n            header: () => {\n              const _dataTable = unref(dataTable);\n\n              const buttons = _dataTable.buttonTools\n                .filter((button) => button.predicate())\n                .map((button) => (\n                  <MKButton button={button} onClick={() => button.handler()} />\n                ));\n\n              let classifySearch: any = slots[\"classify-search\"]?.() ?? null;\n              if (\n                !classifySearch &&\n                _dataTable.classifySearch.getClassifySearchItems().length\n              ) {\n                classifySearch = <MKTableClassifySearch />;\n              }\n\n              let tools: VNode;\n\n              if (!_dataTable.getSelection().length) {\n                tools = (\n                  <Fragment>\n                    <div class=\"header-box-main\"></div>\n                    <div class=\"header-box-tools\">\n                      <MKDataFilterPopover dataTable={_dataTable}>\n                        <ElButton>\n                          <MKSvgIcon iconClass=\"Filter\" />\n                        </ElButton>\n                      </MKDataFilterPopover>\n                      {buttons}\n                    </div>\n                  </Fragment>\n                );\n              } else {\n                tools = (\n                  <div class=\"mk-table-view__selection-tip\">\n                    <div class=\"mk-table-view__selection-tip-left\">\n                      <span>\n                        已选中\n                        <span class=\"selection-count\">\n                          {_dataTable.getSelection().length}\n                        </span>\n                        项\n                      </span>\n                    </div>\n                    <div class=\"mk-table-view__selection-tip-right\">\n                      {_dataTable.batchActionButtonTools.map((button) => (\n                        <MKButton\n                          link\n                          button={button}\n                          onClick={() => button.handler()}\n                        />\n                      ))}\n                      <ElButton\n                        link\n                        onClick={() => _dataTable.clearSelection()}\n                      >\n                        取消选择\n                      </ElButton>\n                    </div>\n                  </div>\n                );\n              }\n\n              return (\n                <Fragment>\n                  {classifySearch}\n                  <div class=\"mk-table-view__header header-box\">{tools}</div>\n                </Fragment>\n              );\n            },\n          }}\n        >\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTable dataTable={unref(dataTable)} />\n          )}\n          {pagination}\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["name","props","tableViewProps","setup","slots","dataTable","computed","pageSizes","unref","pagination","length","_createVNode","MKDataTablePagination","ElCard","default","MKTable","header","_dataTable","buttons","buttonTools","filter","button","predicate","map","MKButton","onClick","handler","classifySearch","getClassifySearchItems","MKTableClassifySearch","tools","getSelection","_Fragment","MKDataFilterPopover","ElButton","MKSvgIcon","_createTextVNode","batchActionButtonTools","clearSelection"],"mappings":"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"}

package/dist/esm/components/material-list/material-group-form-popover.vue2.js

@@ -6,6 +6,7 @@ import '@maketribe/dm';
 import '../../dataview/material/MaterialForm.js';
 import '../../dataview/material/MaterialTable.js';
 import { MaterialMan } from '../../dataview/material/MaterialMan.js';
+import { MKForm } from '../data-model/data-form/views/form/index.js';
 
 const _hoisted_1 = { style: { "display": "flex", "align-items": "center", "justify-content": "space-between" } };
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -57,7 +58,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         default: withCtx(() => [
           createElementVNode("div", null, [
-            withDirectives(createVNode(unref(MKDataForm), { "data-form": __props.materialGroupForm }, null, 8, ["data-form"]), [
+            withDirectives((openBlock(), createBlock(unref(MKDataForm), { "data-form": __props.materialGroupForm }, {
+              default: withCtx(() => [
+                createVNode(unref(MKForm), { "data-form": __props.materialGroupForm }, null, 8, ["data-form"])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["data-form"])), [
               [_directive_loading, loading.value]
             ]),
             createElementVNode("div", _hoisted_1, [

package/dist/esm/components/material-list/material-group-form-popover.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-group-form-popover.vue2.js","sources":["../../../../src/components/material-list/material-group-form-popover.vue"],"sourcesContent":["<template>\n  <ElPopover\n    v-model:visible=\"visible\"\n    title=\"添加素材分组\"\n    effect=\"light\"\n    placement=\"right\"\n    trigger=\"click\"\n    width=\"320\"\n  >\n    <template #reference>\n      <slot></slot>\n    </template>\n\n    <div>\n      <MKDataForm :data-form=\"materialGroupForm\" v-loading=\"loading\" />\n      <div\n        style=\"\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        \"\n      >\n        <ElButton\n          type=\"primary\"\n          :loading=\"!allowSubmit\"\n          @click=\"handleSaveClick\"\n        >\n          保存\n        </ElButton>\n        <ElButton @click=\"handleCancelClick\">取消</ElButton>\n      </div>\n    </div>\n  </ElPopover>\n</template>\n\n<script setup lang=\"ts\">\nimport { Ref, computed, ref, unref } from \"vue\";\nimport { ElMessage } from \"element-plus\";\nimport { MKDataForm } from \"../data-model/data-form\";\nimport { MaterialGroupForm, MaterialMan } from \"../../dataview/material\";\n\nconst props = defineProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n  materialGroupForm: {\n    type: MaterialGroupForm,\n    required: true,\n  },\n});\n\nconst visible: Ref<boolean> = ref(false);\n\nconst loading = computed(() => props.materialGroupForm.loading);\nconst allowSubmit = computed(\n  () => !!(unref(loading) || !props.materialGroupForm.allowSubmit)\n);\n\nconst handleSaveClick = async () => {\n  const result = await props.materialGroupForm.submit();\n\n  if (result.data.code !== 200) {\n    ElMessage.error(result.data.msg);\n    return;\n  }\n\n  props.materialMan.materialGroupTree.load();\n\n  visible.value = false;\n};\n\nconst handleCancelClick = () => {\n  visible.value = false;\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoDA,IAAM,MAAA,OAAA,GAAwB,IAAI,KAAK,CAAA,CAAA;AAEvC,IAAA,MAAM,OAAU,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,kBAAkB,OAAO,CAAA,CAAA;AAC9D,IAAA,MAAM,WAAc,GAAA,QAAA;AAAA,MAClB,MAAM,CAAC,EAAE,KAAA,CAAM,OAAO,CAAK,IAAA,CAAC,MAAM,iBAAkB,CAAA,WAAA,CAAA;AAAA,KACtD,CAAA;AAEA,IAAA,MAAM,kBAAkB,YAAY;AAClC,MAAA,MAAM,MAAS,GAAA,MAAM,KAAM,CAAA,iBAAA,CAAkB,MAAO,EAAA,CAAA;AAEpD,MAAI,IAAA,MAAA,CAAO,IAAK,CAAA,IAAA,KAAS,GAAK,EAAA;AAC5B,QAAU,SAAA,CAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAC/B,QAAA,OAAA;AAAA,OACF;AAEA,MAAM,KAAA,CAAA,WAAA,CAAY,kBAAkB,IAAK,EAAA,CAAA;AAEzC,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;AAEA,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"material-group-form-popover.vue2.js","sources":["../../../../src/components/material-list/material-group-form-popover.vue"],"sourcesContent":["<template>\n  <ElPopover\n    v-model:visible=\"visible\"\n    title=\"添加素材分组\"\n    effect=\"light\"\n    placement=\"right\"\n    trigger=\"click\"\n    width=\"320\"\n  >\n    <template #reference>\n      <slot></slot>\n    </template>\n\n    <div>\n      <MKDataForm :data-form=\"materialGroupForm\" v-loading=\"loading\">\n        <MKForm :data-form=\"materialGroupForm\" />\n      </MKDataForm>\n      <div\n        style=\"\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        \"\n      >\n        <ElButton\n          type=\"primary\"\n          :loading=\"!allowSubmit\"\n          @click=\"handleSaveClick\"\n        >\n          保存\n        </ElButton>\n        <ElButton @click=\"handleCancelClick\">取消</ElButton>\n      </div>\n    </div>\n  </ElPopover>\n</template>\n\n<script setup lang=\"ts\">\nimport { Ref, computed, ref, unref } from \"vue\";\nimport { ElMessage } from \"element-plus\";\nimport { MKDataForm, MKForm } from \"../data-model/data-form\";\nimport { MaterialGroupForm, MaterialMan } from \"../../dataview/material\";\n\nconst props = defineProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n  materialGroupForm: {\n    type: MaterialGroupForm,\n    required: true,\n  },\n});\n\nconst visible: Ref<boolean> = ref(false);\n\nconst loading = computed(() => props.materialGroupForm.loading);\nconst allowSubmit = computed(\n  () => !!(unref(loading) || !props.materialGroupForm.allowSubmit)\n);\n\nconst handleSaveClick = async () => {\n  const result = await props.materialGroupForm.submit();\n\n  if (result.data.code !== 200) {\n    ElMessage.error(result.data.msg);\n    return;\n  }\n\n  props.materialMan.materialGroupTree.load();\n\n  visible.value = false;\n};\n\nconst handleCancelClick = () => {\n  visible.value = false;\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,IAAM,MAAA,OAAA,GAAwB,IAAI,KAAK,CAAA,CAAA;AAEvC,IAAA,MAAM,OAAU,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,kBAAkB,OAAO,CAAA,CAAA;AAC9D,IAAA,MAAM,WAAc,GAAA,QAAA;AAAA,MAClB,MAAM,CAAC,EAAE,KAAA,CAAM,OAAO,CAAK,IAAA,CAAC,MAAM,iBAAkB,CAAA,WAAA,CAAA;AAAA,KACtD,CAAA;AAEA,IAAA,MAAM,kBAAkB,YAAY;AAClC,MAAA,MAAM,MAAS,GAAA,MAAM,KAAM,CAAA,iBAAA,CAAkB,MAAO,EAAA,CAAA;AAEpD,MAAI,IAAA,MAAA,CAAO,IAAK,CAAA,IAAA,KAAS,GAAK,EAAA;AAC5B,QAAU,SAAA,CAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAC/B,QAAA,OAAA;AAAA,OACF;AAEA,MAAM,KAAA,CAAA,WAAA,CAAY,kBAAkB,IAAK,EAAA,CAAA;AAEzC,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;AAEA,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/material-list/material-group.vue2.js

@@ -79,7 +79,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const loading = computed(() => props.materialMan.materialGroupTree.loading);
     const handleNodeClick = (item) => {
       if (!item.children.length) {
-        props.materialMan.setCurrentMaterialGroupId(item);
+        props.materialMan.setCurrentMaterialGroup(item.data);
       }
     };
     const handleAddClick = async (parent) => {
@@ -144,11 +144,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(unref(MKDataTable), {
                 "auto-load": false,
                 "data-table": materialGroupTree.value,
-                "highlight-current": "",
-                onNodeClick: handleNodeClick
+                "highlight-current": ""
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(MKTree), { "data-tree": materialGroupTree.value }, {
+                  createVNode(unref(MKTree), {
+                    "data-tree": materialGroupTree.value,
+                    onNodeClick: handleNodeClick
+                  }, {
                     "node-tools": withCtx(({ data }) => [
                       createElementVNode("div", {
                         class: "mk-material-group__tools",
@@ -167,7 +169,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, {
                                   default: withCtx(() => [
                                     createVNode(_component_ElIcon, {
-                                      onClick: ($event) => handleAddClick(data)
+                                      onClick: ($event) => handleAddClick(data.data)
                                     }, {
                                       default: withCtx(() => [
                                         createVNode(unref(Plus))
@@ -199,7 +201,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, {
                                   default: withCtx(() => [
                                     createVNode(_component_ElIcon, {
-                                      onClick: ($event) => handleEditClick(data)
+                                      onClick: ($event) => handleEditClick(data.data)
                                     }, {
                                       default: withCtx(() => [
                                         createVNode(unref(Edit))
@@ -226,7 +228,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                             default: withCtx(() => [
                               createElementVNode("span", _hoisted_7, [
                                 createVNode(_component_ElIcon, {
-                                  onClick: ($event) => handleDeleteClick(data)
+                                  onClick: ($event) => handleDeleteClick(data.data)
                                 }, {
                                   default: withCtx(() => [
                                     createVNode(unref(Delete))

package/dist/esm/components/material-list/material-group.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-group.vue2.js","sources":["../../../../src/components/material-list/material-group.vue"],"sourcesContent":["<template>\n  <div class=\"mk-material-group\" v-loading=\"loading\">\n    <div class=\"mk-material-group__header\">\n      <div class=\"mk-material-group__header-title\">素材分组</div>\n      <MaterialGroupFromPopper\n        :material-man=\"materialMan\"\n        :material-group-form=\"materialGroupForm\"\n      >\n        <ElButton\n          @click=\"handleAddClick\"\n          :icon=\"Plus\"\n          size=\"small\"\n          type=\"primary\"\n        >\n        </ElButton>\n      </MaterialGroupFromPopper>\n    </div>\n    <div class=\"mk-material-group__main\">\n      <ElScrollbar height=\"100%\">\n        <MKDataTable\n          :auto-load=\"false\"\n          :data-table=\"materialGroupTree\"\n          highlight-current\n          @nodeClick=\"handleNodeClick\"\n        >\n          <MKTree :data-tree=\"materialGroupTree\">\n            <template #node-tools=\"{ data }\">\n              <div class=\"mk-material-group__tools\" @click.stop>\n                <ElTooltip content=\"添加\">\n                  <span class=\"mk-material-group__tools-item\">\n                    <MaterialGroupFromPopper\n                      :material-man=\"materialMan\"\n                      :material-group-form=\"materialGroupForm\"\n                    >\n                      <ElIcon @click=\"handleAddClick(data)\"><Plus /></ElIcon>\n                    </MaterialGroupFromPopper>\n                  </span>\n                </ElTooltip>\n                <ElTooltip content=\"编辑\">\n                  <span class=\"mk-material-group__tools-item\">\n                    <MaterialGroupFromPopper\n                      :material-man=\"materialMan\"\n                      :material-group-form=\"materialGroupForm\"\n                    >\n                      <ElIcon @click=\"handleEditClick(data)\"><Edit /></ElIcon>\n                    </MaterialGroupFromPopper>\n                  </span>\n                </ElTooltip>\n                <ElTooltip content=\"删除\">\n                  <span class=\"mk-material-group__tools-item\">\n                    <ElIcon @click=\"handleDeleteClick(data)\"><Delete /></ElIcon>\n                  </span>\n                </ElTooltip>\n              </div>\n            </template>\n          </MKTree>\n        </MKDataTable>\n      </ElScrollbar>\n    </div>\n    <div class=\"mk-material-group__footer\"></div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, reactive } from \"vue\";\nimport { ElMessage, ElMessageBox } from \"element-plus\";\nimport { Plus, Edit, Delete } from \"@element-plus/icons-vue\";\nimport {\n  MaterialMan,\n  MaterialGroupNode,\n  MaterialGroupForm,\n} from \"../../dataview\";\nimport { MKDataTable, MKTree } from \"../data-model/data-table\";\n\nimport { useI18n } from \"../../composables\";\nimport MaterialGroupFromPopper from \"./material-group-form-popover.vue\";\n\nconst props = defineProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n});\n\nconst i18n = useI18n()!;\n\nconst materialGroupForm = reactive(\n  new MaterialGroupForm()\n) as MaterialGroupForm;\n\nconst materialGroupTree = computed(() => props.materialMan.materialGroupTree);\n\nconst loading = computed(() => props.materialMan.materialGroupTree.loading);\n\nconst handleNodeClick = (item: MaterialGroupNode) => {\n  if (!item.children.length) {\n    props.materialMan.setCurrentMaterialGroupId(item);\n  }\n};\n\nconst handleAddClick = async (parent?: MaterialGroupNode) => {\n  materialGroupForm.addRecord();\n\n  await nextTick();\n\n  materialGroupForm.setData({\n    ...materialGroupForm.data,\n    parentGroupId: parent?.id || null,\n  } as MaterialGroupNode);\n};\n\nconst handleEditClick = (item: MaterialGroupNode) => {\n  materialGroupForm.editRecord(item);\n};\n\nconst handleDeleteClick = async (item: MaterialGroupNode) => {\n  const isConfirm = await ElMessageBox.confirm(\n    i18n.translate(\"mk.dataTablePage.deleteMessage\"),\n    i18n.translate(\"mk.dataTablePage.deleteTitle\"),\n    { type: \"warning\" }\n  ).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  const result = await props.materialMan.materialGroupTree.deleteAfterRefresh(\n    item\n  );\n\n  if (result.data.code !== 200) {\n    ElMessage.error(result.data.msg);\n    return;\n  }\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,IAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AAErB,IAAA,MAAM,iBAAoB,GAAA,QAAA;AAAA,MACxB,IAAI,iBAAkB,EAAA;AAAA,KACxB,CAAA;AAEA,IAAA,MAAM,iBAAoB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,iBAAiB,CAAA,CAAA;AAE5E,IAAA,MAAM,UAAU,QAAS,CAAA,MAAM,KAAM,CAAA,WAAA,CAAY,kBAAkB,OAAO,CAAA,CAAA;AAE1E,IAAM,MAAA,eAAA,GAAkB,CAAC,IAA4B,KAAA;AACnD,MAAI,IAAA,CAAC,IAAK,CAAA,QAAA,CAAS,MAAQ,EAAA;AACzB,QAAM,KAAA,CAAA,WAAA,CAAY,0BAA0B,IAAI,CAAA,CAAA;AAAA,OAClD;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,cAAA,GAAiB,OAAO,MAA+B,KAAA;AAC3D,MAAA,iBAAA,CAAkB,SAAU,EAAA,CAAA;AAE5B,MAAA,MAAM,QAAS,EAAA,CAAA;AAEf,MAAA,iBAAA,CAAkB,OAAQ,CAAA;AAAA,QACxB,GAAG,iBAAkB,CAAA,IAAA;AAAA,QACrB,aAAA,EAAe,QAAQ,EAAM,IAAA,IAAA;AAAA,OACT,CAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,IAA4B,KAAA;AACnD,MAAA,iBAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,KACnC,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,OAAO,IAA4B,KAAA;AAC3D,MAAM,MAAA,SAAA,GAAY,MAAM,YAAa,CAAA,OAAA;AAAA,QACnC,IAAA,CAAK,UAAU,gCAAgC,CAAA;AAAA,QAC/C,IAAA,CAAK,UAAU,8BAA8B,CAAA;AAAA,QAC7C,EAAE,MAAM,SAAU,EAAA;AAAA,OAClB,CAAA,IAAA;AAAA,QACA,MAAM,IAAA;AAAA,QACN,MAAM,KAAA;AAAA,OACR,CAAA;AAEA,MAAA,IAAI,CAAC,SAAW,EAAA;AACd,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,MAAM,MAAS,GAAA,MAAM,KAAM,CAAA,WAAA,CAAY,iBAAkB,CAAA,kBAAA;AAAA,QACvD,IAAA;AAAA,OACF,CAAA;AAEA,MAAI,IAAA,MAAA,CAAO,IAAK,CAAA,IAAA,KAAS,GAAK,EAAA;AAC5B,QAAU,SAAA,CAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAC/B,QAAA,OAAA;AAAA,OACF;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"material-group.vue2.js","sources":["../../../../src/components/material-list/material-group.vue"],"sourcesContent":["<template>\n  <div class=\"mk-material-group\" v-loading=\"loading\">\n    <div class=\"mk-material-group__header\">\n      <div class=\"mk-material-group__header-title\">素材分组</div>\n      <MaterialGroupFromPopper\n        :material-man=\"materialMan\"\n        :material-group-form=\"materialGroupForm\"\n      >\n        <ElButton\n          @click=\"handleAddClick\"\n          :icon=\"Plus\"\n          size=\"small\"\n          type=\"primary\"\n        >\n        </ElButton>\n      </MaterialGroupFromPopper>\n    </div>\n    <div class=\"mk-material-group__main\">\n      <ElScrollbar height=\"100%\">\n        <MKDataTable\n          :auto-load=\"false\"\n          :data-table=\"materialGroupTree\"\n          highlight-current\n        >\n          <MKTree :data-tree=\"materialGroupTree\" @nodeClick=\"handleNodeClick\">\n            <template #node-tools=\"{ data }\">\n              <div class=\"mk-material-group__tools\" @click.stop>\n                <ElTooltip content=\"添加\">\n                  <span class=\"mk-material-group__tools-item\">\n                    <MaterialGroupFromPopper\n                      :material-man=\"materialMan\"\n                      :material-group-form=\"materialGroupForm\"\n                    >\n                      <ElIcon @click=\"handleAddClick(data.data)\">\n                        <Plus />\n                      </ElIcon>\n                    </MaterialGroupFromPopper>\n                  </span>\n                </ElTooltip>\n                <ElTooltip content=\"编辑\">\n                  <span class=\"mk-material-group__tools-item\">\n                    <MaterialGroupFromPopper\n                      :material-man=\"materialMan\"\n                      :material-group-form=\"materialGroupForm\"\n                    >\n                      <ElIcon @click=\"handleEditClick(data.data)\">\n                        <Edit />\n                      </ElIcon>\n                    </MaterialGroupFromPopper>\n                  </span>\n                </ElTooltip>\n                <ElTooltip content=\"删除\">\n                  <span class=\"mk-material-group__tools-item\">\n                    <ElIcon @click=\"handleDeleteClick(data.data)\">\n                      <Delete />\n                    </ElIcon>\n                  </span>\n                </ElTooltip>\n              </div>\n            </template>\n          </MKTree>\n        </MKDataTable>\n      </ElScrollbar>\n    </div>\n    <div class=\"mk-material-group__footer\"></div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, reactive } from \"vue\";\nimport { ElMessage, ElMessageBox } from \"element-plus\";\nimport { Plus, Edit, Delete } from \"@element-plus/icons-vue\";\nimport {\n  MaterialMan,\n  MaterialGroupNode,\n  MaterialGroupForm,\n} from \"../../dataview\";\nimport { MKDataTable, MKTree } from \"../data-model/data-table\";\n\nimport { useI18n } from \"../../composables\";\nimport MaterialGroupFromPopper from \"./material-group-form-popover.vue\";\nimport { DataTreeNode } from \"@maketribe/dm\";\n\nconst props = defineProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n});\n\nconst i18n = useI18n()!;\n\nconst materialGroupForm = reactive(\n  new MaterialGroupForm()\n) as MaterialGroupForm;\n\nconst materialGroupTree = computed(() => props.materialMan.materialGroupTree);\n\nconst loading = computed(() => props.materialMan.materialGroupTree.loading);\n\nconst handleNodeClick = (item: DataTreeNode<MaterialGroupNode>) => {\n  if (!item.children.length) {\n    props.materialMan.setCurrentMaterialGroup(item.data);\n  }\n};\n\nconst handleAddClick = async (parent?: MaterialGroupNode) => {\n  materialGroupForm.addRecord();\n\n  await nextTick();\n\n  materialGroupForm.setData({\n    ...materialGroupForm.data,\n    parentGroupId: parent?.id || null,\n  } as MaterialGroupNode);\n};\n\nconst handleEditClick = (item: MaterialGroupNode) => {\n  materialGroupForm.editRecord(item);\n};\n\nconst handleDeleteClick = async (item: MaterialGroupNode) => {\n  const isConfirm = await ElMessageBox.confirm(\n    i18n.translate(\"mk.dataTablePage.deleteMessage\"),\n    i18n.translate(\"mk.dataTablePage.deleteTitle\"),\n    { type: \"warning\" }\n  ).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  const result = await props.materialMan.materialGroupTree.deleteAfterRefresh(\n    item\n  );\n\n  if (result.data.code !== 200) {\n    ElMessage.error(result.data.msg);\n    return;\n  }\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA,IAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AAErB,IAAA,MAAM,iBAAoB,GAAA,QAAA;AAAA,MACxB,IAAI,iBAAkB,EAAA;AAAA,KACxB,CAAA;AAEA,IAAA,MAAM,iBAAoB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,iBAAiB,CAAA,CAAA;AAE5E,IAAA,MAAM,UAAU,QAAS,CAAA,MAAM,KAAM,CAAA,WAAA,CAAY,kBAAkB,OAAO,CAAA,CAAA;AAE1E,IAAM,MAAA,eAAA,GAAkB,CAAC,IAA0C,KAAA;AACjE,MAAI,IAAA,CAAC,IAAK,CAAA,QAAA,CAAS,MAAQ,EAAA;AACzB,QAAM,KAAA,CAAA,WAAA,CAAY,uBAAwB,CAAA,IAAA,CAAK,IAAI,CAAA,CAAA;AAAA,OACrD;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,cAAA,GAAiB,OAAO,MAA+B,KAAA;AAC3D,MAAA,iBAAA,CAAkB,SAAU,EAAA,CAAA;AAE5B,MAAA,MAAM,QAAS,EAAA,CAAA;AAEf,MAAA,iBAAA,CAAkB,OAAQ,CAAA;AAAA,QACxB,GAAG,iBAAkB,CAAA,IAAA;AAAA,QACrB,aAAA,EAAe,QAAQ,EAAM,IAAA,IAAA;AAAA,OACT,CAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,IAA4B,KAAA;AACnD,MAAA,iBAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,KACnC,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,OAAO,IAA4B,KAAA;AAC3D,MAAM,MAAA,SAAA,GAAY,MAAM,YAAa,CAAA,OAAA;AAAA,QACnC,IAAA,CAAK,UAAU,gCAAgC,CAAA;AAAA,QAC/C,IAAA,CAAK,UAAU,8BAA8B,CAAA;AAAA,QAC7C,EAAE,MAAM,SAAU,EAAA;AAAA,OAClB,CAAA,IAAA;AAAA,QACA,MAAM,IAAA;AAAA,QACN,MAAM,KAAA;AAAA,OACR,CAAA;AAEA,MAAA,IAAI,CAAC,SAAW,EAAA;AACd,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,MAAM,MAAS,GAAA,MAAM,KAAM,CAAA,WAAA,CAAY,iBAAkB,CAAA,kBAAA;AAAA,QACvD,IAAA;AAAA,OACF,CAAA;AAEA,MAAI,IAAA,MAAA,CAAO,IAAK,CAAA,IAAA,KAAS,GAAK,EAAA;AAC5B,QAAU,SAAA,CAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAC/B,QAAA,OAAA;AAAA,OACF;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/system-provider/system-provider.d.ts

@@ -1,2 +1,9 @@
+/**
+ * 路由变动的几种情况，
+ * 1.点击菜单跳转陆游
+ * 2.特定业务逻辑需要跳转路由
+ * 3.返回上一页
+ * 4.刷新页面
+ */
 declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;