@maketribe/ms-app 3.0.4 → 3.0.6

package/dist/cjs/components/data-model/data-table-page/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var dataTablePage = require('./data-table-page.js');
+
+const MKDataTablePage = utils.withInstall(dataTablePage);
+
+exports.default = dataTablePage;
+exports.MKDataTablePage = MKDataTablePage;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/data-model/data-table-page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-table-page/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport DataTablePage from \"./data-table-page\";\n\nexport const MKDataTablePage = withInstall(DataTablePage);\n\nexport default DataTablePage;\n"],"names":["withInstall","DataTablePage"],"mappings":";;;;;;;AAGa,MAAA,eAAA,GAAkBA,kBAAYC,aAAa;;;;;"}

package/dist/cjs/components/data-model/data-table-pagination/data-table-pagination-options.d.ts

@@ -0,0 +1,11 @@
+import { ExtractPropTypes } from "vue";
+import { DataTable } from "@maketribe/dm";
+export declare const dataTablePaginationProps: {
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type DataTablePaginationProps = ExtractPropTypes<typeof dataTablePaginationProps>;

package/dist/cjs/components/data-model/data-table-pagination/data-table-pagination-options.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+var dm = require('@maketribe/dm');
+
+const dataTablePaginationProps = utils.buildProps({
+  dataTable: {
+    type: dm.DataTable,
+    required: true
+  }
+});
+
+exports.dataTablePaginationProps = dataTablePaginationProps;
+//# sourceMappingURL=data-table-pagination-options.js.map

package/dist/cjs/components/data-model/data-table-pagination/data-table-pagination-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-pagination-options.js","sources":["../../../../../src/components/data-model/data-table-pagination/data-table-pagination-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const dataTablePaginationProps = buildProps({\n  dataTable: {\n    type: DataTable<any>,\n    required: true,\n  },\n} as const);\n\nexport type DataTablePaginationProps = ExtractPropTypes<\n  typeof dataTablePaginationProps\n>;\n"],"names":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,2BAA2BA,gBAAW,CAAA;AAAA,EACjD,SAAW,EAAA;AAAA,IACT,IAAM,EAAAC,YAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,CAAU;;;;"}

package/dist/cjs/components/data-model/data-table-pagination/data-table-pagination.d.ts

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

package/dist/cjs/components/data-model/data-table-pagination/data-table-pagination.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var vue = require('vue');
+var dataTablePaginationOptions = require('./data-table-pagination-options.js');
+var index = require('../../pagination/index.js');
+
+var DataTablePagination = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDataTablePagination",
+  props: dataTablePaginationOptions.dataTablePaginationProps,
+  setup(props) {
+    return () => {
+      return vue.createVNode(index.MKPagination, {
+        "currentPage": props.dataTable.currentPage,
+        "pageSize": props.dataTable.pageSize,
+        "pageSizes": props.dataTable.pageSizes,
+        "total": props.dataTable.totalRecCount,
+        "onUpdate:currentPage": (v) => props.dataTable.pageTo(v),
+        "onUpdate:pageSize": (v) => props.dataTable.setPageSize(v)
+      }, null);
+    };
+  }
+});
+
+module.exports = DataTablePagination;
+//# sourceMappingURL=data-table-pagination.js.map

package/dist/cjs/components/data-model/data-table-pagination/data-table-pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-pagination.js","sources":["../../../../../src/components/data-model/data-table-pagination/data-table-pagination.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\nimport { dataTablePaginationProps } from \"./data-table-pagination-options\";\nimport MKPagination from \"../../pagination\";\n\nexport default defineComponent({\n  name: \"MKDataTablePagination\",\n  props: dataTablePaginationProps,\n  setup(props) {\n    return () => {\n      return (\n        <MKPagination\n          currentPage={props.dataTable.currentPage}\n          pageSize={props.dataTable.pageSize}\n          pageSizes={props.dataTable.pageSizes}\n          total={props.dataTable.totalRecCount}\n          onUpdate:currentPage={(v) => props.dataTable.pageTo(v)}\n          onUpdate:pageSize={(v) => props.dataTable.setPageSize(v)}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataTablePaginationProps","setup","_createVNode","MKPagination","dataTable","currentPage","pageSize","pageSizes","totalRecCount","v","pageTo","setPageSize"],"mappings":";;;;;;AAIA,0CAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,uBAAA;AAAA,EACNC,KAAOC,EAAAA,mDAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAA,OAAO,MAAM;AACX,MAAA,OAAAG,gBAAAC,kBAAA,EAAA;AAAA,QAAA,aAAA,EAEiBJ,MAAMK,SAAUC,CAAAA,WAAAA;AAAAA,QAAW,UAAA,EAC9BN,MAAMK,SAAUE,CAAAA,QAAAA;AAAAA,QAAQ,WAAA,EACvBP,MAAMK,SAAUG,CAAAA,SAAAA;AAAAA,QAAS,OAAA,EAC7BR,MAAMK,SAAUI,CAAAA,aAAAA;AAAAA,QAAa,sBACbC,EAAAA,CAAAA,CAAAA,KAAMV,KAAMK,CAAAA,SAAAA,CAAUM,OAAOD,CAAC,CAAA;AAAA,QAAC,mBAClCA,EAAAA,CAAAA,CAAAA,KAAMV,KAAMK,CAAAA,SAAAA,CAAUO,YAAYF,CAAC,CAAA;AAAA,SAAC,IAAA,CAAA,CAAA;AAAA,KAG9D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/cjs/components/data-model/data-table-pagination/index.d.ts

@@ -0,0 +1,18 @@
+import DataTablePagination from "./data-table-pagination";
+export declare const MKDataTablePagination: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>> & Record<string, any>;
+export default DataTablePagination;
+export * from "./data-table-pagination-options";

package/dist/cjs/components/data-model/data-table-pagination/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var dataTablePagination = require('./data-table-pagination.js');
+var dataTablePaginationOptions = require('./data-table-pagination-options.js');
+
+const MKDataTablePagination = utils.withInstall(dataTablePagination);
+
+exports.default = dataTablePagination;
+exports.dataTablePaginationProps = dataTablePaginationOptions.dataTablePaginationProps;
+exports.MKDataTablePagination = MKDataTablePagination;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/data-model/data-table-pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-table-pagination/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport DataTablePagination from \"./data-table-pagination\";\n\nexport const MKDataTablePagination = withInstall(DataTablePagination);\nexport default DataTablePagination;\n\nexport * from \"./data-table-pagination-options\";\n"],"names":["withInstall","DataTablePagination"],"mappings":";;;;;;;;AAGa,MAAA,qBAAA,GAAwBA,kBAAYC,mBAAmB;;;;;;"}

package/dist/cjs/components/data-model/data-tree/data-tree-options.d.ts

@@ -0,0 +1,23 @@
+import { ExtractPropTypes } from "vue";
+import { DataTable } from "@maketribe/dm";
+export declare const dataTreeProps: {
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly props: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
+        label: string;
+        children: string;
+    }, boolean>;
+    readonly filterNodeMethod: {
+        readonly type: import("vue").PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+};
+export type DataTreeProps = ExtractPropTypes<typeof dataTreeProps>;

package/dist/cjs/components/data-model/data-tree/data-tree-options.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var dm = require('@maketribe/dm');
+var utils = require('@maketribe/utils');
+
+const dataTreeProps = utils.buildProps({
+  autoLoad: { type: true, default: true },
+  dataTable: {
+    type: dm.DataTable,
+    required: true
+  },
+  props: {
+    type: Object,
+    default: () => ({ label: "title", children: "children" })
+  },
+  filterNodeMethod: { type: Function },
+  defaultExpandAll: { type: Boolean, default: true }
+});
+
+exports.dataTreeProps = dataTreeProps;
+//# sourceMappingURL=data-tree-options.js.map

package/dist/cjs/components/data-model/data-tree/data-tree-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-tree-options.js","sources":["../../../../../src/components/data-model/data-tree/data-tree-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataTreeProps = buildProps({\n  autoLoad: { type: true, default: true },\n  dataTable: {\n    type: DataTable<any>,\n    required: true,\n  },\n  props: {\n    type: Object,\n    default: () => ({ label: \"title\", children: \"children\" }),\n  },\n  filterNodeMethod: { type: Function },\n  defaultExpandAll: { type: Boolean, default: true },\n} as const);\n\nexport type DataTreeProps = ExtractPropTypes<typeof dataTreeProps>;\n"],"names":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,gBAAgBA,gBAAW,CAAA;AAAA,EACtC,QAAU,EAAA,EAAE,IAAM,EAAA,IAAA,EAAM,SAAS,IAAK,EAAA;AAAA,EACtC,SAAW,EAAA;AAAA,IACT,IAAM,EAAAC,YAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,OAAO,EAAE,KAAO,EAAA,OAAA,EAAS,UAAU,UAAW,EAAA,CAAA;AAAA,GACzD;AAAA,EACA,gBAAA,EAAkB,EAAE,IAAA,EAAM,QAAS,EAAA;AAAA,EACnC,gBAAkB,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AACnD,CAAU;;;;"}

package/dist/cjs/components/data-model/data-tree/data-tree.d.ts

@@ -0,0 +1,45 @@
+import { DataTable } from "@maketribe/dm";
+declare const _default: import("vue").DefineComponent<{
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly props: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
+        label: string;
+        children: string;
+    }, boolean>;
+    readonly filterNodeMethod: {
+        readonly type: import("vue").PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly props: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
+        label: string;
+        children: string;
+    }, boolean>;
+    readonly filterNodeMethod: {
+        readonly type: import("vue").PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}>>, {
+    readonly autoLoad: any;
+    readonly props: Record<string, any>;
+    readonly defaultExpandAll: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

package/dist/cjs/components/data-model/data-tree/data-tree.js

@@ -0,0 +1,127 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var utils = require('@maketribe/utils');
+require('@maketribe/dm');
+require('../../config-provider/index.js');
+var useI18n = require('../../../composables/use-i18n.js');
+require('vue-router');
+require('@maketribe/request');
+require('@maketribe/locale');
+require('../../../core/DataModelDefines.js');
+var dataTreeOptions = require('./data-tree-options.js');
+
+var MKDataTree = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDataTree",
+  inheritAttrs: false,
+  props: dataTreeOptions.dataTreeProps,
+  setup(props, {
+    emit,
+    expose
+  }) {
+    const slots = vue.useSlots();
+    const attrs = vue.useAttrs();
+    const {
+      dataTable
+    } = vue.toRefs(props);
+    vue.unref(dataTable).dataFilter.setReady();
+    if (props.autoLoad) {
+      vue.unref(dataTable).load();
+    }
+    const i18n = useI18n.useI18n();
+    const data = vue.computed(() => vue.unref(dataTable).getList());
+    const primaryKey = vue.computed(() => vue.unref(dataTable).primaryKey);
+    const handleEdit = (data2) => {
+      vue.unref(dataTable).editRecord(data2);
+    };
+    const handleDelete = async (data2) => {
+      const confirm = await elementPlus.ElMessageBox.confirm(i18n.translate("mk.dataTablePage.deleteMessage"), i18n.translate("mk.dataTablePage.deleteTitle"), {
+        type: "warning"
+      }).then(() => true, () => false);
+      if (confirm) {
+        vue.unref(dataTable).deleteRecordAfterRefresh(data2[vue.unref(dataTable).primaryKey]);
+      }
+    };
+    let disposable = null;
+    vue.watch(dataTable, async (dataTable2) => {
+      disposable?.dispose();
+      disposable = new utils.Disposable();
+      const events = Object.keys(dataTable2).filter((key) => dataTable2[key] instanceof utils.Event).map((key) => ({
+        eventName: key.replace(/Event$/, "").replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),
+        event: dataTable2[key]
+      }));
+      for (const item of events) {
+        disposable.register(
+          // @ts-ignore
+          item.event.on((event) => {
+            emit(item.eventName, event);
+          })
+        );
+      }
+      await dataTable2.init();
+    }, {
+      immediate: true
+    });
+    vue.onBeforeUnmount(() => {
+      disposable?.dispose();
+    });
+    const handleToolsClick = (e) => {
+      e.stopPropagation();
+    };
+    const treeRef = vue.ref();
+    const filter = (value) => {
+      treeRef.value.filter(value);
+    };
+    expose({
+      filter
+    });
+    return () => {
+      return vue.createVNode(elementPlus.ElTree, vue.mergeProps(attrs, {
+        "props": props.props,
+        "defaultExpandAll": props.defaultExpandAll,
+        "ref": treeRef,
+        "class": "mk-data-tree",
+        "data": vue.unref(data),
+        "filter-node-method": props.filterNodeMethod,
+        "nodeKey": vue.unref(primaryKey)
+      }), {
+        default: (scope) => {
+          let children = slots.default?.(scope);
+          if (children) {
+            return children;
+          }
+          const {
+            data: data2
+          } = scope;
+          const label = data2[props.props.label];
+          const main = slots["node-main"]?.(scope) || label;
+          const tools = slots["node-tools"]?.(scope) || vue.createVNode(vue.Fragment, null, [slots["node-tools-prefix"]?.(scope), vue.createVNode(elementPlus.ElButton, {
+            "type": "primary",
+            "link": true,
+            "onClick": () => handleEdit(data2)
+          }, {
+            default: () => [vue.createTextVNode("\u7F16\u8F91")]
+          }), vue.createVNode(elementPlus.ElButton, {
+            "type": "danger",
+            "link": true,
+            "onClick": () => handleDelete(data2)
+          }, {
+            default: () => [vue.createTextVNode("\u5220\u9664")]
+          })]);
+          return vue.createVNode("div", {
+            "class": "mk-data-tree-node"
+          }, [vue.createVNode("div", {
+            "class": "mk-data-tree-node_main"
+          }, [main]), vue.createVNode("div", {
+            "class": "mk-data-tree-node__tools",
+            "onClick": handleToolsClick
+          }, [tools])]);
+        }
+      });
+    };
+  }
+});
+
+module.exports = MKDataTree;
+//# sourceMappingURL=data-tree.js.map

package/dist/cjs/components/data-model/data-tree/data-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-tree.js","sources":["../../../../../src/components/data-model/data-tree/data-tree.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  onBeforeUnmount,\n  ref,\n  toRefs,\n  unref,\n  useAttrs,\n  useSlots,\n  watch\n} from \"vue\";\nimport { ElButton, ElMessageBox, ElTree } from \"element-plus\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { Disposable, Event } from \"@maketribe/utils\";\n\nimport { useI18n } from \"../../../composables\";\nimport { dataTreeProps } from \"./data-tree-options\";\n\nexport default defineComponent({\n  name: \"MKDataTree\",\n  inheritAttrs: false,\n  props: dataTreeProps,\n  setup(props, { emit, expose }) {\n    const slots = useSlots();\n    const attrs = useAttrs();\n\n    const { dataTable } = toRefs(props);\n\n    unref(dataTable).dataFilter.setReady();\n\n    if (props.autoLoad) {\n      unref(dataTable).load();\n    }\n\n    const i18n = useI18n()!;\n\n    const data = computed(() => unref(dataTable).getList());\n\n    const primaryKey = computed(() => unref(dataTable).primaryKey);\n\n    const handleEdit = (data: any) => {\n      unref(dataTable).editRecord(data);\n    };\n\n    const handleDelete = async (data: any) => {\n      const confirm = 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 (confirm) {\n        unref(dataTable).deleteRecordAfterRefresh(\n          data[unref(dataTable).primaryKey]\n        );\n      }\n    };\n\n    let disposable: Disposable | null = null;\n\n    watch(\n      dataTable,\n      async (dataTable) => {\n        disposable?.dispose();\n\n        disposable = new Disposable();\n\n        const events = Object.keys(dataTable)\n          .filter((key) => dataTable[key as keyof DataTable] instanceof Event)\n          .map((key) => ({\n            eventName: key\n              .replace(/Event$/, \"\")\n              .replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),\n            event: dataTable[key as keyof DataTable]! 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        await dataTable.init();\n      },\n      { immediate: true }\n    );\n\n    onBeforeUnmount(() => {\n      disposable?.dispose();\n    });\n\n    const handleToolsClick = (e: MouseEvent) => {\n      e.stopPropagation();\n    };\n\n    const treeRef = ref<InstanceType<typeof ElTree>>()\n\n    //筛选方法\n    const filter = (value: string)=>{\n      treeRef.value!.filter(value)\n    }\n\n    expose({ filter })\n\n    return () => {\n      return (\n        <ElTree\n          {...attrs}\n          props={props.props}\n          defaultExpandAll={props.defaultExpandAll}\n          ref = {treeRef}\n          class=\"mk-data-tree\"\n          data={unref(data)}\n          filter-node-method={props.filterNodeMethod}\n          nodeKey={unref(primaryKey)}\n          v-slots={{\n            default: (scope: any) => {\n              let children = slots.default?.(scope);\n\n              if (children) {\n                return children;\n              }\n\n              const { data } = scope;\n\n              const label = data[props.props.label];\n\n              const main = slots[\"node-main\"]?.(scope) || label;\n\n              const tools = slots[\"node-tools\"]?.(scope) || (\n                <Fragment>\n                  {slots[\"node-tools-prefix\"]?.(scope)}\n                  <ElButton\n                    type=\"primary\"\n                    link\n                    onClick={() => handleEdit(data)}\n                  >\n                    编辑\n                  </ElButton>\n                  <ElButton\n                    type=\"danger\"\n                    link\n                    onClick={() => handleDelete(data)}\n                  >\n                    删除\n                  </ElButton>\n                </Fragment>\n              );\n\n              return (\n                <div class=\"mk-data-tree-node\">\n                  <div class=\"mk-data-tree-node_main\">{main}</div>\n\n                  <div\n                    class=\"mk-data-tree-node__tools\"\n                    onClick={handleToolsClick}\n                  >\n                    {tools}\n                  </div>\n                </div>\n              );\n            },\n          }}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","inheritAttrs","props","dataTreeProps","setup","emit","expose","slots","useSlots","attrs","useAttrs","dataTable","toRefs","unref","dataFilter","setReady","autoLoad","load","i18n","useI18n","data","computed","getList","primaryKey","handleEdit","editRecord","handleDelete","confirm","ElMessageBox","translate","type","then","deleteRecordAfterRefresh","disposable","watch","dispose","Disposable","events","Object","keys","filter","key","Event","map","eventName","replace","match","toLocaleLowerCase","event","item","register","on","init","immediate","onBeforeUnmount","handleToolsClick","e","stopPropagation","treeRef","ref","value","_createVNode","ElTree","_mergeProps","defaultExpandAll","filterNodeMethod","default","scope","children","label","main","tools","_Fragment","ElButton","onClick","_createTextVNode"],"mappings":";;;;;;;;;;;;;;AAmBA,iCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,YAAA;AAAA,EACNC,YAAc,EAAA,KAAA;AAAA,EACdC,KAAOC,EAAAA,6BAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,IAAAA;AAAAA,IAAMC,MAAAA;AAAAA,GAAU,EAAA;AAC7B,IAAA,MAAMC,QAAQC,YAAS,EAAA,CAAA;AACvB,IAAA,MAAMC,QAAQC,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA;AAAA,MAAEC,SAAAA;AAAAA,KAAU,GAAIC,WAAOV,KAAK,CAAA,CAAA;AAElCW,IAAMF,SAAAA,CAAAA,SAAS,CAAEG,CAAAA,UAAAA,CAAWC,QAAS,EAAA,CAAA;AAErC,IAAA,IAAIb,MAAMc,QAAU,EAAA;AAClBH,MAAMF,SAAAA,CAAAA,SAAS,EAAEM,IAAK,EAAA,CAAA;AAAA,KACxB;AAEA,IAAA,MAAMC,OAAOC,eAAQ,EAAA,CAAA;AAErB,IAAA,MAAMC,OAAOC,YAAS,CAAA,MAAMR,UAAMF,SAAS,CAAA,CAAEW,SAAS,CAAA,CAAA;AAEtD,IAAA,MAAMC,aAAaF,YAAS,CAAA,MAAMR,SAAMF,CAAAA,SAAS,EAAEY,UAAU,CAAA,CAAA;AAE7D,IAAMC,MAAAA,UAAAA,GAAcJ,CAAAA,KAAc,KAAA;AAChCP,MAAMF,SAAAA,CAAAA,SAAS,CAAEc,CAAAA,UAAAA,CAAWL,KAAI,CAAA,CAAA;AAAA,KAClC,CAAA;AAEA,IAAMM,MAAAA,YAAAA,GAAe,OAAON,KAAc,KAAA;AACxC,MAAMO,MAAAA,OAAAA,GAAU,MAAMC,wBAAAA,CAAaD,OACjCT,CAAAA,IAAAA,CAAKW,SAAU,CAAA,gCAAgC,CAC/CX,EAAAA,IAAAA,CAAKW,SAAU,CAAA,8BAA8B,CAC7C,EAAA;AAAA,QAAEC,IAAM,EAAA,SAAA;AAAA,OACV,CAAEC,CAAAA,IAAAA,CACA,MAAM,IAAA,EACN,MAAM,KACR,CAAA,CAAA;AAEA,MAAA,IAAIJ,OAAS,EAAA;AACXd,QAAMF,SAAAA,CAAAA,SAAS,EAAEqB,wBACfZ,CAAAA,KAAAA,CAAKP,UAAMF,SAAS,CAAA,CAAEY,UAAU,CAClC,CAAA,CAAA;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,IAAIU,UAAgC,GAAA,IAAA,CAAA;AAEpCC,IACEvB,SAAAA,CAAAA,SAAAA,EACA,OAAOA,UAAc,KAAA;AACnBsB,MAAAA,UAAAA,EAAYE,OAAQ,EAAA,CAAA;AAEpBF,MAAAA,UAAAA,GAAa,IAAIG,gBAAW,EAAA,CAAA;AAE5B,MAAA,MAAMC,MAASC,GAAAA,MAAAA,CAAOC,IAAK5B,CAAAA,UAAS,CACjC6B,CAAAA,MAAAA,CAAQC,CAAQ9B,GAAAA,KAAAA,UAAAA,CAAU8B,GAAG,CAAA,YAAgCC,WAAK,CAAA,CAClEC,IAAKF,CAAS,GAAA,MAAA;AAAA,QACbG,SAAWH,EAAAA,GAAAA,CACRI,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,EAAOrC,WAAU8B,GAAG,CAAA;AAAA,OACpB,CAAA,CAAA,CAAA;AAEJ,MAAA,KAAA,MAAWQ,QAAQZ,MAAQ,EAAA;AACzBJ,QAAWiB,UAAAA,CAAAA,QAAAA;AAAAA;AAAAA,UAETD,IAAAA,CAAKD,KAAMG,CAAAA,EAAAA,CAAIH,CAAe,KAAA,KAAA;AAE5B3C,YAAK4C,IAAAA,CAAAA,IAAAA,CAAKL,WAAWI,KAAK,CAAA,CAAA;AAAA,WAC3B,CAAA;AAAA,SACH,CAAA;AAAA,OACF;AAEA,MAAA,MAAMrC,WAAUyC,IAAK,EAAA,CAAA;AAAA,KAEvB,EAAA;AAAA,MAAEC,SAAW,EAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAEAC,IAAAA,mBAAAA,CAAgB,MAAM;AACpBrB,MAAAA,UAAAA,EAAYE,OAAQ,EAAA,CAAA;AAAA,KACrB,CAAA,CAAA;AAED,IAAA,MAAMoB,mBAAoBC,CAAkB,CAAA,KAAA;AAC1CA,MAAAA,CAAAA,CAAEC,eAAgB,EAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAA,MAAMC,UAAUC,OAAiC,EAAA,CAAA;AAGjD,IAAA,MAAMnB,SAAUoB,CAAgB,KAAA,KAAA;AAC9BF,MAAQE,OAAAA,CAAAA,KAAAA,CAAOpB,OAAOoB,KAAK,CAAA,CAAA;AAAA,KAC7B,CAAA;AAEAtD,IAAO,MAAA,CAAA;AAAA,MAAEkC,MAAAA;AAAAA,KAAQ,CAAA,CAAA;AAEjB,IAAA,OAAO,MAAM;AACX,MAAAqB,OAAAA,eAAAA,CAAAC,kBAAAC,EAAAA,cAAAA,CAEQtD,KAAK,EAAA;AAAA,QAAA,SACFP,KAAMA,CAAAA,KAAAA;AAAAA,QAAK,oBACAA,KAAM8D,CAAAA,gBAAAA;AAAAA,QAAgB,KACjCN,EAAAA,OAAAA;AAAAA,QAAO,OAAA,EAAA,cAAA;AAAA,QAAA,MAAA,EAER7C,UAAMO,IAAI,CAAA;AAAA,QAAC,sBACGlB,KAAM+D,CAAAA,gBAAAA;AAAAA,QAAgB,SAAA,EACjCpD,UAAMU,UAAU,CAAA;AAAA,OAChB,CAAA,EAAA;AAAA,QACP2C,SAAUC,CAAe,KAAA,KAAA;AACvB,UAAIC,IAAAA,QAAAA,GAAW7D,KAAM2D,CAAAA,OAAAA,GAAUC,KAAK,CAAA,CAAA;AAEpC,UAAA,IAAIC,QAAU,EAAA;AACZ,YAAOA,OAAAA,QAAAA,CAAAA;AAAAA,WACT;AAEA,UAAM,MAAA;AAAA,YAAEhD,IAAAA,EAAAA,KAAAA;AAAAA,WAAS+C,GAAAA,KAAAA,CAAAA;AAEjB,UAAA,MAAME,KAAQjD,GAAAA,KAAAA,CAAKlB,KAAMA,CAAAA,KAAAA,CAAMmE,KAAK,CAAA,CAAA;AAEpC,UAAA,MAAMC,IAAO/D,GAAAA,KAAAA,CAAM,WAAW,CAAA,GAAI4D,KAAK,CAAKE,IAAAA,KAAAA,CAAAA;AAE5C,UAAA,MAAME,QAAQhE,KAAM,CAAA,YAAY,CAAI4D,GAAAA,KAAK,KAACN,eAAAW,CAAAA,YAAAA,EAErCjE,IAAAA,EAAAA,CAAAA,MAAM,mBAAmB,CAAA,GAAI4D,KAAK,CAAA,EAACN,gBAAAY,oBAAA,EAAA;AAAA,YAAA,MAAA,EAAA,SAAA;AAAA,YAAA,MAAA,EAAA,IAAA;AAAA,YAAA,SAAA,EAIzBC,MAAMlD,UAAAA,CAAWJ,KAAI,CAAA;AAAA,WAAC,EAAA;AAAA,YAAA8C,OAAAA,EAAAA,MAAA,CAAAS,mBAAAA,CAAA,cAAA,CAAA,CAAA;AAAA,WAAAd,CAAAA,EAAAA,eAAAA,CAAAY,oBAAA,EAAA;AAAA,YAAA,MAAA,EAAA,QAAA;AAAA,YAAA,MAAA,EAAA,IAAA;AAAA,YAAA,SAAA,EAOtBC,MAAMhD,YAAAA,CAAaN,KAAI,CAAA;AAAA,WAAC,EAAA;AAAA,YAAA8C,OAAAA,EAAAA,MAAA,CAAAS,mBAAAA,CAAA,cAAA,CAAA,CAAA;AAAA,WAKtC,CAAA,CAAA,CAAA,CAAA;AAED,UAAA,OAAAd,gBAAA,KAAA,EAAA;AAAA,YAAA,OAAA,EAAA,mBAAA;AAAA,WAAA,EAAA,CAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,YAAA,OAAA,EAAA,wBAAA;AAAA,aAEyCS,CAAAA,IAAI,IAAAT,gBAAA,KAAA,EAAA;AAAA,YAAA,OAAA,EAAA,0BAAA;AAAA,YAAA,SAI9BN,EAAAA,gBAAAA;AAAAA,WAAgB,EAAA,CAExBgB,KAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,SAId;AAAA,OACD,CAAA,CAAA;AAAA,KAGP,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/cjs/components/data-model/data-tree/index.d.ts

@@ -0,0 +1,45 @@
+export declare const MKDataTree: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly props: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
+        label: string;
+        children: string;
+    }, boolean>;
+    readonly filterNodeMethod: {
+        readonly type: import("vue").PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly props: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
+        label: string;
+        children: string;
+    }, boolean>;
+    readonly filterNodeMethod: {
+        readonly type: import("vue").PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}>>, {
+    readonly autoLoad: any;
+    readonly props: Record<string, any>;
+    readonly defaultExpandAll: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>> & Record<string, any>;
+export default MKDataTree;
+export * from "./data-tree-options";

package/dist/cjs/components/data-model/data-tree/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var dataTree = require('./data-tree.js');
+var dataTreeOptions = require('./data-tree-options.js');
+
+const MKDataTree = utils.withInstall(dataTree);
+
+exports.dataTreeProps = dataTreeOptions.dataTreeProps;
+exports.MKDataTree = MKDataTree;
+exports.default = MKDataTree;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/data-model/data-tree/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-tree/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport DataTree from \"./data-tree\";\n\nexport const MKDataTree = withInstall(DataTree);\nexport default MKDataTree;\n\nexport * from \"./data-tree-options\";\n"],"names":["withInstall","DataTree"],"mappings":";;;;;;;;AAGa,MAAA,UAAA,GAAaA,kBAAYC,QAAQ;;;;;;"}

package/dist/cjs/components/data-model/data-tree-page/data-tree-page-options.d.ts

@@ -0,0 +1,29 @@
+import { ExtractPropTypes } from "vue";
+import { DataForm, DataTable } from "@maketribe/dm";
+export declare const dataTreePageProps: {
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
+    readonly props: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
+        label: string;
+        children: string;
+    }, boolean>;
+    readonly filterNodeMethod: {
+        readonly type: import("vue").PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type DataTreePageProps = ExtractPropTypes<typeof dataTreePageProps>;

package/dist/cjs/components/data-model/data-tree-page/data-tree-page-options.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var dm = require('@maketribe/dm');
+var utils = require('@maketribe/utils');
+require('../data-tree/index.js');
+var dataTreeOptions = require('../data-tree/data-tree-options.js');
+
+const dataTreePageProps = utils.buildProps({
+  ...dataTreeOptions.dataTreeProps,
+  dataTable: {
+    type: dm.DataTable,
+    required: true
+  },
+  dataForm: {
+    type: dm.DataForm,
+    required: true
+  },
+  defaultExpandAll: { type: Boolean, default: true }
+});
+
+exports.dataTreePageProps = dataTreePageProps;
+//# sourceMappingURL=data-tree-page-options.js.map

package/dist/cjs/components/data-model/data-tree-page/data-tree-page-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-tree-page-options.js","sources":["../../../../../src/components/data-model/data-tree-page/data-tree-page-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataForm, DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nimport { dataTreeProps } from \"../data-tree\";\n\nexport const dataTreePageProps = buildProps({\n  ...dataTreeProps,\n  dataTable: {\n    type: DataTable<any>,\n    required: true,\n  },\n  dataForm: {\n    type: DataForm<any>,\n    required: true,\n  },\n  defaultExpandAll: { type: Boolean, default: true },\n} as const);\n\nexport type DataTreePageProps = ExtractPropTypes<typeof dataTreePageProps>;\n"],"names":["buildProps","dataTreeProps","DataTable","DataForm"],"mappings":";;;;;;;AAMO,MAAM,oBAAoBA,gBAAW,CAAA;AAAA,EAC1C,GAAGC,6BAAA;AAAA,EACH,SAAW,EAAA;AAAA,IACT,IAAM,EAAAC,YAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAAC,WAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,gBAAkB,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AACnD,CAAU;;;;"}

package/dist/cjs/components/data-model/data-tree-page/data-tree-page.d.ts

@@ -0,0 +1,56 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
+    readonly props: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
+        label: string;
+        children: string;
+    }, boolean>;
+    readonly filterNodeMethod: {
+        readonly type: import("vue").PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
+    readonly props: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
+        label: string;
+        children: string;
+    }, boolean>;
+    readonly filterNodeMethod: {
+        readonly type: import("vue").PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    readonly autoLoad: any;
+    readonly props: Record<string, any>;
+    readonly defaultExpandAll: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;