@maketribe/ms-app 3.0.6 → 3.0.8

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

@@ -0,0 +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":["defineComponent","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/cjs/components/data-model/data-table/views/tree/index.d.ts

@@ -0,0 +1,45 @@
+export declare const MKTree: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly dataTree: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTree<any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    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>;
+}, {
+    treeRef: import("vue").Ref<{
+        filter: (value: any) => void;
+        getNode: (data: import("element-plus/es/components/tree/src/tree.type").TreeKey | import("element-plus/es/components/tree/src/tree.type").TreeNodeData) => import("element-plus/es/components/tree/src/model/node").default;
+    } | null>;
+    innerDataTree: import("vue").ComputedRef<import("@maketribe/dm").DataTree<any>>;
+    rootNodes: import("vue").ComputedRef<import("@maketribe/dm").DataTreeNode<any>[]>;
+    handleAdd: (dataTreeNode?: import("@maketribe/dm").DataTreeNode<any> | undefined) => void;
+    handleEdit: (dataTreeNode: import("@maketribe/dm").DataTreeNode<any>) => void;
+    handleDelete: (dataTreeNode: import("@maketribe/dm").DataTreeNode<any>) => Promise<void>;
+    handleLoad: (node: import("element-plus/es/components/tree/src/model/node").default, resolve: Function) => Promise<void>;
+    filter: (value: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataTree: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTree<any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    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 defaultExpandAll: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>> & Record<string, any>;
+export default MKTree;
+export * from "./tree-options";

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

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

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

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

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

@@ -0,0 +1,18 @@
+import { ExtractPropTypes } from "vue";
+import { DataTree } from "@maketribe/dm";
+export declare const treeProps: {
+    readonly dataTree: {
+        readonly type: import("vue").PropType<DataTree<any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    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 TreeProps = ExtractPropTypes<typeof treeProps>;

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

@@ -0,0 +1,16 @@
+'use strict';
+
+var dm = require('@maketribe/dm');
+var utils = require('@maketribe/utils');
+
+const treeProps = utils.buildProps({
+  dataTree: {
+    type: dm.DataTree,
+    required: true
+  },
+  filterNodeMethod: { type: Function },
+  defaultExpandAll: { type: Boolean, default: true }
+});
+
+exports.treeProps = treeProps;
+//# sourceMappingURL=tree-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/tree/tree-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTree } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const treeProps = buildProps({\n  dataTree: {\n    type: DataTree<any>,\n    required: true,\n  },\n  filterNodeMethod: { type: Function },\n  defaultExpandAll: { type: Boolean, default: true },\n} as const);\n\nexport type TreeProps = ExtractPropTypes<typeof treeProps>;\n"],"names":["buildProps","DataTree"],"mappings":";;;;;AAIO,MAAM,YAAYA,gBAAW,CAAA;AAAA,EAClC,QAAU,EAAA;AAAA,IACR,IAAM,EAAAC,WAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;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-table/views/tree/tree.d.ts

@@ -0,0 +1,47 @@
+import { ElTree } from "element-plus";
+import type Node from "element-plus/es/components/tree/src/model/node";
+import { DataTreeNode } from "@maketribe/dm";
+declare const _default: import("vue").DefineComponent<{
+    readonly dataTree: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTree<any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    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>;
+}, {
+    treeRef: import("vue").Ref<{
+        filter: InstanceType<typeof ElTree>["filter"];
+        getNode: InstanceType<typeof ElTree>["getNode"];
+    } | null>;
+    innerDataTree: import("vue").ComputedRef<import("@maketribe/dm").DataTree<any>>;
+    rootNodes: import("vue").ComputedRef<DataTreeNode<any>[]>;
+    handleAdd: (dataTreeNode?: DataTreeNode) => void;
+    handleEdit: (dataTreeNode: DataTreeNode) => void;
+    handleDelete: (dataTreeNode: DataTreeNode) => Promise<void>;
+    handleLoad: (node: Node, resolve: Function) => Promise<void>;
+    filter: (value: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataTree: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTree<any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    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 defaultExpandAll: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,116 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var treeOptions = require('./tree-options.js');
+
+var Tree = /* @__PURE__ */ vue.defineComponent({
+  name: "MKTree",
+  props: treeOptions.treeProps,
+  setup(props) {
+    const dataTree = vue.computed(() => props.dataTree);
+    const treeRef = vue.ref(null);
+    const rootNodes = vue.computed(() => vue.unref(dataTree).rootNodes);
+    window.rootNodes = rootNodes;
+    const handleAdd = (dataTreeNode) => {
+      vue.unref(dataTree).addRecord(dataTreeNode ? {
+        pid: dataTreeNode.data.id
+      } : {});
+    };
+    const handleEdit = (dataTreeNode) => {
+      vue.unref(dataTree).editRecord(dataTreeNode.data);
+    };
+    const handleDelete = async (dataTreeNode) => {
+      vue.unref(dataTree).deleteRecord(dataTreeNode.data);
+    };
+    const handleLoad = async (node, resolve) => {
+      if (node.level === 0) {
+        return;
+      }
+      const dataTreeNode = node.data;
+      await dataTreeNode.load();
+      resolve(dataTreeNode.children);
+    };
+    const filter = (value) => {
+      vue.unref(treeRef)?.filter(value);
+    };
+    return {
+      treeRef,
+      innerDataTree: dataTree,
+      rootNodes,
+      handleAdd,
+      handleEdit,
+      handleDelete,
+      handleLoad,
+      filter
+    };
+  },
+  render() {
+    const {
+      defaultExpandAll,
+      filterNodeMethod,
+      innerDataTree,
+      rootNodes,
+      handleAdd,
+      handleEdit,
+      handleDelete,
+      handleLoad,
+      $slots
+    } = this;
+    return vue.createVNode(elementPlus.ElTree, {
+      "props": {
+        children: "children",
+        isLeaf: "isLeaf"
+      },
+      "defaultExpandAll": defaultExpandAll,
+      "ref": "treeRef",
+      "class": "mk-data-tree",
+      "data": rootNodes,
+      "filterNodeMethod": filterNodeMethod,
+      "nodeKey": "id",
+      "load": handleLoad
+    }, {
+      default: (scope) => {
+        let children = $slots.default?.(scope);
+        if (children) {
+          return children;
+        }
+        const {
+          data
+        } = scope;
+        const label = data.data[innerDataTree.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": () => handleAdd(data)
+        }, {
+          default: () => [vue.createTextVNode("\u6DFB\u52A0")]
+        }), vue.createVNode(elementPlus.ElButton, {
+          "type": "primary",
+          "link": true,
+          "onClick": () => handleEdit(data)
+        }, {
+          default: () => [vue.createTextVNode("\u7F16\u8F91")]
+        }), vue.createVNode(elementPlus.ElButton, {
+          "type": "danger",
+          "link": true,
+          "onClick": () => handleDelete(data)
+        }, {
+          default: () => [vue.createTextVNode("\u5220\u9664")]
+        }), $slots["node-tools-suffix"]?.(scope)]);
+        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": (e) => e.stopPropagation()
+        }, [tools])]);
+      }
+    });
+  }
+});
+
+module.exports = Tree;
+//# sourceMappingURL=tree.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","sources":["../../../../../../../src/components/data-model/data-table/views/tree/tree.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, ref, unref } from \"vue\";\nimport { ElButton, ElTree } from \"element-plus\";\nimport type Node from \"element-plus/es/components/tree/src/model/node\";\nimport { DataTreeNode } from \"@maketribe/dm\";\nimport { treeProps } from \"./tree-options\";\n\nexport default defineComponent({\n  name: \"MKTree\",\n  props: treeProps,\n  setup(props) {\n    const dataTree = computed(() => props.dataTree);\n\n    const treeRef = ref<{\n      filter: InstanceType<typeof ElTree>[\"filter\"];\n      getNode: InstanceType<typeof ElTree>[\"getNode\"];\n    } | null>(null);\n\n    const rootNodes = computed(() => unref(dataTree).rootNodes);\n\n    (window as any).rootNodes = rootNodes;\n\n    const handleAdd = (dataTreeNode?: DataTreeNode) => {\n      unref(dataTree).addRecord(\n        dataTreeNode ? { pid: dataTreeNode.data.id } : {}\n      );\n    };\n\n    const handleEdit = (dataTreeNode: DataTreeNode) => {\n      unref(dataTree).editRecord(dataTreeNode.data);\n    };\n\n    const handleDelete = async (dataTreeNode: DataTreeNode) => {\n      unref(dataTree).deleteRecord(dataTreeNode.data);\n    };\n\n    const handleLoad = async (node: Node, resolve: Function) => {\n      if (node.level === 0) {\n        return;\n      }\n\n      const dataTreeNode = node.data as DataTreeNode;\n\n      await dataTreeNode.load();\n\n      resolve(dataTreeNode.children);\n    };\n\n    const filter = (value: any) => {\n      unref(treeRef)?.filter(value);\n    };\n\n    return {\n      treeRef,\n      innerDataTree: dataTree,\n      rootNodes,\n      handleAdd,\n      handleEdit,\n      handleDelete,\n      handleLoad,\n      filter,\n    };\n  },\n  render() {\n    const {\n      defaultExpandAll,\n      filterNodeMethod,\n      innerDataTree,\n      rootNodes,\n      handleAdd,\n      handleEdit,\n      handleDelete,\n      handleLoad,\n      $slots,\n    } = this;\n\n    return (\n      <ElTree\n        props={{ children: \"children\", isLeaf: \"isLeaf\" }}\n        defaultExpandAll={defaultExpandAll}\n        ref=\"treeRef\"\n        class=\"mk-data-tree\"\n        data={rootNodes}\n        filterNodeMethod={filterNodeMethod as any}\n        nodeKey=\"id\"\n        load={handleLoad}\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.data[innerDataTree.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 type=\"primary\" link onClick={() => handleAdd(data)}>\n                  添加\n                </ElButton>\n                <ElButton type=\"primary\" link onClick={() => handleEdit(data)}>\n                  编辑\n                </ElButton>\n                <ElButton type=\"danger\" link onClick={() => handleDelete(data)}>\n                  删除\n                </ElButton>\n                {$slots[\"node-tools-suffix\"]?.(scope)}\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={(e) => e.stopPropagation()}\n                >\n                  {tools}\n                </div>\n              </div>\n            );\n          },\n        }}\n      />\n    );\n  },\n});\n"],"names":["defineComponent","name","props","treeProps","setup","dataTree","computed","treeRef","ref","rootNodes","unref","window","handleAdd","dataTreeNode","addRecord","pid","data","id","handleEdit","editRecord","handleDelete","deleteRecord","handleLoad","node","resolve","level","load","children","filter","value","innerDataTree","render","defaultExpandAll","filterNodeMethod","$slots","_createVNode","ElTree","isLeaf","default","scope","label","main","tools","_Fragment","ElButton","onClick","_createTextVNode","e","stopPropagation"],"mappings":"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"}

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

@@ -0,0 +1,33 @@
+export declare const MKTreeView: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly dataTree: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTree<any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    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 dataTree: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTree<any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    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 defaultExpandAll: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>> & Record<string, any>;
+export default MKTreeView;
+export * from "./tree-view-options";

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var treeView = require('./tree-view.js');
+var treeViewOptions = require('./tree-view-options.js');
+
+const MKTreeView = utils.withInstall(treeView);
+
+exports.treeViewProps = treeViewOptions.treeViewProps;
+exports.MKTreeView = MKTreeView;
+exports.default = MKTreeView;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,18 @@
+import { ExtractPropTypes } from "vue";
+import { DataTree } from "@maketribe/dm";
+export declare const treeViewProps: {
+    readonly dataTree: {
+        readonly type: import("vue").PropType<DataTree<any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    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 TreeViewProps = ExtractPropTypes<typeof treeViewProps>;

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

@@ -0,0 +1,18 @@
+'use strict';
+
+var dm = require('@maketribe/dm');
+var utils = require('@maketribe/utils');
+
+const treeViewProps = utils.buildProps({
+  dataTree: {
+    type: dm.DataTree,
+    required: true
+  },
+  filterNodeMethod: {
+    type: Function
+  },
+  defaultExpandAll: { type: Boolean, default: true }
+});
+
+exports.treeViewProps = treeViewProps;
+//# sourceMappingURL=tree-view-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/tree-view/tree-view-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTree } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const treeViewProps = buildProps({\n  dataTree: {\n    type: DataTree<any>,\n    required: true,\n  },\n  filterNodeMethod: {\n    type: Function,\n  },\n  defaultExpandAll: { type: Boolean, default: true },\n} as const);\n\nexport type TreeViewProps = ExtractPropTypes<typeof treeViewProps>;\n"],"names":["buildProps","DataTree"],"mappings":";;;;;AAIO,MAAM,gBAAgBA,gBAAW,CAAA;AAAA,EACtC,QAAU,EAAA;AAAA,IACR,IAAM,EAAAC,WAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,QAAA;AAAA,GACR;AAAA,EACA,gBAAkB,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AACnD,CAAU;;;;"}

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

@@ -0,0 +1,32 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly dataTree: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTree<any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    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 dataTree: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTree<any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    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 defaultExpandAll: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,74 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var icons = require('@element-plus/icons-vue');
+var index = require('../tree/index.js');
+var treeViewOptions = require('./tree-view-options.js');
+var locale = require('@maketribe/locale');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+var TreeView = /* @__PURE__ */ vue.defineComponent({
+  name: "MKTreeView",
+  props: treeViewOptions.treeViewProps,
+  setup(props, {
+    slots
+  }) {
+    const dataTree = vue.computed(() => props.dataTree);
+    const treeRef = vue.ref();
+    const searchInputValue = vue.ref("");
+    vue.watch(searchInputValue, (value) => {
+      vue.unref(treeRef)?.filter(value);
+    });
+    const filterNodeMethod = (value, data) => {
+      if (typeof props.filterNodeMethod === "function") {
+        return props.filterNodeMethod(value, data);
+      }
+      if (!searchInputValue.value)
+        return true;
+      return data.data[vue.unref(dataTree).props.label].includes(searchInputValue.value);
+    };
+    const handleAdd = () => {
+      vue.unref(dataTree).addRecord();
+    };
+    return () => {
+      const content = slots.default?.({
+        dataTree: props.dataTree
+      }) || vue.createVNode(index.MKTree, {
+        "ref": (component) => treeRef.value = component,
+        "dataTree": vue.unref(dataTree),
+        "filterNodeMethod": filterNodeMethod
+      }, null);
+      return vue.createVNode(elementPlus.ElCard, {
+        "class": "mk-data-tree-page"
+      }, {
+        default: () => [content],
+        header: () => {
+          let _slot;
+          return vue.createVNode("div", {
+            "class": "header-box"
+          }, [vue.createVNode("div", {
+            "class": "header-box-main"
+          }, [vue.createVNode(elementPlus.ElInput, {
+            "modelValue": vue.unref(searchInputValue),
+            "clearable": true,
+            "onUpdate:modelValue": (v) => searchInputValue.value = v,
+            "prefix-icon": icons.Search
+          }, null)]), vue.createVNode("div", {
+            "class": "header-box-tools"
+          }, [vue.createVNode(elementPlus.ElButton, {
+            "onClick": handleAdd,
+            "type": "primary"
+          }, _isSlot(_slot = locale.I18n.instance.translate("mk.dataTreePage.addButton")) ? _slot : {
+            default: () => [_slot]
+          })])]);
+        }
+      });
+    };
+  }
+});
+
+module.exports = TreeView;
+//# sourceMappingURL=tree-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view.js","sources":["../../../../../../../src/components/data-model/data-table/views/tree-view/tree-view.tsx"],"sourcesContent":["import { computed, defineComponent, ref, unref, watch } from \"vue\";\nimport { ElButton, ElCard, ElInput } from \"element-plus\";\nimport { Search } from \"@element-plus/icons-vue\";\nimport { MKTree } from \"../tree\";\nimport { treeViewProps } from \"./tree-view-options\";\nimport { I18n } from \"@maketribe/locale\";\n\nexport default defineComponent({\n  name: \"MKTreeView\",\n  props: treeViewProps,\n  setup(props, { slots }) {\n    const dataTree = computed(() => props.dataTree);\n\n    const treeRef = ref<InstanceType<typeof MKTree>>();\n\n    const searchInputValue = ref(\"\");\n    watch(searchInputValue, (value) => {\n      unref(treeRef)?.filter(value);\n    });\n\n    const filterNodeMethod = (value: string, data: any) => {\n      if (typeof props.filterNodeMethod === \"function\") {\n        return props.filterNodeMethod(value, data);\n      }\n\n      if (!searchInputValue.value) return true;\n\n      return data.data[unref(dataTree).props.label].includes(\n        searchInputValue.value\n      );\n    };\n\n    const handleAdd = () => {\n      unref(dataTree).addRecord();\n    };\n\n    return () => {\n      const content = slots.default?.({ dataTree: props.dataTree }) || (\n        <MKTree\n          ref={\n            ((component: InstanceType<typeof MKTree>) =>\n              (treeRef.value = component)) as any\n          }\n          dataTree={unref(dataTree)}\n          filterNodeMethod={filterNodeMethod}\n        />\n      );\n\n      return (\n        <ElCard\n          class=\"mk-data-tree-page\"\n          v-slots={{\n            header: () => {\n              return (\n                <div class=\"header-box\">\n                  <div class=\"header-box-main\">\n                    <ElInput\n                      modelValue={unref(searchInputValue)}\n                      clearable={true}\n                      onUpdate:modelValue={(v: string) =>\n                        (searchInputValue.value = v)\n                      }\n                      prefix-icon={Search}\n                    />\n                  </div>\n                  <div class=\"header-box-tools\">\n                    <ElButton onClick={handleAdd} type=\"primary\">\n                      {I18n.instance.translate(\"mk.dataTreePage.addButton\")}\n                    </ElButton>\n                  </div>\n                </div>\n              );\n            },\n          }}\n        >\n          {content}\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","treeViewProps","setup","slots","dataTree","computed","treeRef","ref","searchInputValue","watch","value","unref","filter","filterNodeMethod","data","label","includes","handleAdd","addRecord","content","default","_createVNode","MKTree","component","ElCard","header","_slot","ElInput","v","Search","ElButton","I18n","instance","translate"],"mappings":";;;;;;;;;AAKyC,SAAAA,QAAAC,CAAA,EAAA;AAAA,EAAA,OAAA,OAAAA,CAAAA,KAAA,UAAAC,IAAAA,MAAAA,CAAAC,SAAAC,CAAAA,QAAAA,CAAAC,IAAAJ,CAAAA,CAAA,CAAAK,KAAAA,iBAAAA,IAAAA,CAAAA,WAAAA,CAAAL,CAAA,CAAA,CAAA;AAAA,CAAA;AAEzC,+BAA+BM,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,YAAA;AAAA,EACNC,KAAOC,EAAAA,6BAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,QAAWC,GAAAA,YAAAA,CAAS,MAAML,KAAAA,CAAMI,QAAQ,CAAA,CAAA;AAE9C,IAAA,MAAME,UAAUC,OAAiC,EAAA,CAAA;AAEjD,IAAMC,MAAAA,gBAAAA,GAAmBD,QAAI,EAAE,CAAA,CAAA;AAC/BE,IAAAA,SAAAA,CAAMD,kBAAmBE,CAAU,KAAA,KAAA;AACjCC,MAAML,SAAAA,CAAAA,OAAO,CAAGM,EAAAA,MAAAA,CAAOF,KAAK,CAAA,CAAA;AAAA,KAC7B,CAAA,CAAA;AAED,IAAMG,MAAAA,gBAAAA,GAAmBA,CAACH,KAAAA,EAAeI,IAAc,KAAA;AACrD,MAAI,IAAA,OAAOd,KAAMa,CAAAA,gBAAAA,KAAqB,UAAY,EAAA;AAChD,QAAOb,OAAAA,KAAAA,CAAMa,gBAAiBH,CAAAA,KAAAA,EAAOI,IAAI,CAAA,CAAA;AAAA,OAC3C;AAEA,MAAA,IAAI,CAACN,gBAAiBE,CAAAA,KAAAA;AAAO,QAAO,OAAA,IAAA,CAAA;AAEpC,MAAOI,OAAAA,IAAAA,CAAKA,IAAKH,CAAAA,SAAAA,CAAMP,QAAQ,CAAA,CAAEJ,MAAMe,KAAK,CAAA,CAAEC,QAC5CR,CAAAA,gBAAAA,CAAiBE,KACnB,CAAA,CAAA;AAAA,KACF,CAAA;AAEA,IAAA,MAAMO,YAAYA,MAAM;AACtBN,MAAMP,SAAAA,CAAAA,QAAQ,EAAEc,SAAU,EAAA,CAAA;AAAA,KAC5B,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAMC,MAAAA,OAAAA,GAAUhB,MAAMiB,OAAU,GAAA;AAAA,QAAEhB,UAAUJ,KAAMI,CAAAA,QAAAA;AAAAA,OAAU,CAACiB,IAAAA,eAAAA,CAAAC,YAAA,EAAA;AAAA,QAAA,KAAA,EAGrDC,CACCjB,SAAAA,KAAAA,OAAAA,CAAQI,KAAQa,GAAAA,SAAAA;AAAAA,QAAU,UAAA,EAErBZ,UAAMP,QAAQ,CAAA;AAAA,QAAC,kBACPS,EAAAA,gBAAAA;AAAAA,SAErB,IAAA,CAAA,CAAA;AAED,MAAA,OAAAQ,gBAAAG,kBAAA,EAAA;AAAA,QAAA,OAAA,EAAA,mBAAA;AAAA,OAAA,EAAA;AAAA,QAAAJ,OAAAA,EAAAA,MAAA,CA2BKD,OAAO,CAAA;AAAA,QAvBNM,QAAQA,MAAM;AAAA,UAAAC,IAAAA,KAAAA,CAAAA;AACZ,UAAA,OAAAL,gBAAA,KAAA,EAAA;AAAA,YAAA,OAAA,EAAA,YAAA;AAAA,WAAA,EAAA,CAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,YAAA,OAAA,EAAA,iBAAA;AAAA,WAAA,EAAAA,CAAAA,eAAAA,CAAAM,mBAAA,EAAA;AAAA,YAAA,YAAA,EAIoBhB,UAAMH,gBAAgB,CAAA;AAAA,YAAC,WACxB,EAAA,IAAA;AAAA,YAAI,qBAAA,EACOoB,CACnBpB,CAAAA,KAAAA,gBAAAA,CAAiBE,KAAQkB,GAAAA,CAAAA;AAAAA,YAAE,aAEjBC,EAAAA,YAAAA;AAAAA,aAAM,IAAA,CAAA,CAAA,CAAA,EAAAR,gBAAA,KAAA,EAAA;AAAA,YAAA,OAAA,EAAA,kBAAA;AAAA,WAAA,EAAAA,CAAAA,eAAAA,CAAAS,oBAAA,EAAA;AAAA,YAAA,SAIFb,EAAAA,SAAAA;AAAAA,YAAS,MAAA,EAAA,SAAA;AAAA,WAAA,EAAA1B,QAAAmC,KACzBK,GAAAA,WAAAA,CAAKC,SAASC,SAAU,CAAA,2BAA2B,CAAC,CAAA,GAAAP,KAAA,GAAA;AAAA,YAAAN,OAAAA,EAAAA,MAAA,CAAAM,KAAA,CAAA;AAAA,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,SAK/D;AAAA,OAAC,CAAA,CAAA;AAAA,KAMT,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -1,6 +1,8 @@
 import { ExtractPropTypes } from "vue";
 import { DataTable } from "@maketribe/dm";
 export declare const dataTablePageProps: {
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly selection: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly dataTable: {
         readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
         readonly required: false;

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

@@ -4,6 +4,8 @@ var dm = require('@maketribe/dm');
 var utils = require('@maketribe/utils');
 
 const dataTablePageProps = utils.buildProps({
+  autoLoad: { type: Boolean, default: true },
+  selection: { type: Boolean, default: false },
   dataTable: { type: dm.DataTable }
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-page-options.js","sources":["../../../../../src/components/data-model/data-table-page/data-table-page-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataTablePageProps = buildProps({\n  dataTable: { type: DataTable<any> },\n} as const);\n\nexport type DataTablePageProps = ExtractPropTypes<typeof dataTablePageProps>;\n"],"names":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,qBAAqBA,gBAAW,CAAA;AAAA,EAC3C,SAAA,EAAW,EAAE,IAAA,EAAMC,YAAe,EAAA;AACpC,CAAU;;;;"}
+{"version":3,"file":"data-table-page-options.js","sources":["../../../../../src/components/data-model/data-table-page/data-table-page-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataTablePageProps = buildProps({\n  autoLoad: { type: Boolean, default: true },\n  selection: { type: Boolean, default: false },\n  dataTable: { type: DataTable<any> },\n} as const);\n\nexport type DataTablePageProps = ExtractPropTypes<typeof dataTablePageProps>;\n"],"names":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,qBAAqBA,gBAAW,CAAA;AAAA,EAC3C,QAAU,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AAAA,EACzC,SAAW,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,KAAM,EAAA;AAAA,EAC3C,SAAA,EAAW,EAAE,IAAA,EAAMC,YAAe,EAAA;AACpC,CAAU;;;;"}

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

@@ -1,5 +1,7 @@
 import { DataTable } from "@maketribe/dm";
 declare const _default: import("vue").DefineComponent<{
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly selection: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly dataTable: {
         readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
         readonly required: false;
@@ -7,11 +9,16 @@ declare const _default: import("vue").DefineComponent<{
         __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 autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly selection: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly dataTable: {
         readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-}>>, {}, {}>;
+}>>, {
+    readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly selection: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
 export default _default;

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

@@ -15,9 +15,9 @@ var DataTablePage = /* @__PURE__ */ vue.defineComponent({
     return () => {
       return vue.withDirectives(vue.createVNode("div", {
         "class": "mk-data-table-page"
-      }, [vue.createVNode(index.MKDataTable, {
+      }, [vue.createVNode(index.MKDataTable, vue.mergeProps(props, {
         "dataTable": vue.unref(dataTable)
-      }, {
+      }), {
         ...slots
       })]), [[vue.resolveDirective("loading"), vue.unref(loading)]]);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-page.js","sources":["../../../../../src/components/data-model/data-table-page/data-table-page.tsx"],"sourcesContent":["import { Ref, computed, defineComponent, ref, unref, watch } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { dataTablePageProps } from \"./data-table-page-options\";\nimport MKDataTable from \"../data-table\";\n\nexport default defineComponent({\n  name: \"MKDataTablePage\",\n  props: dataTablePageProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable ?? null);\n\n    const loading = computed(() => unref(dataTable)?.loading ?? true);\n\n    return () => {\n      return (\n        <div class=\"mk-data-table-page\" v-loading={unref(loading)}>\n          <MKDataTable\n            dataTable={unref(dataTable) as DataTable}\n            v-slots={{ ...slots }}\n          />\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataTablePageProps","setup","slots","dataTable","computed","loading","unref","_withDirectives","_createVNode","MKDataTable","_resolveDirective"],"mappings":";;;;;;AAKA,oCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,iBAAA;AAAA,EACNC,KAAOC,EAAAA,uCAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,SAAYC,GAAAA,YAAAA,CAAS,MAAML,KAAAA,CAAMI,aAAa,IAAI,CAAA,CAAA;AAExD,IAAA,MAAME,UAAUD,YAAS,CAAA,MAAME,UAAMH,SAAS,CAAA,EAAGE,WAAW,IAAI,CAAA,CAAA;AAEhE,IAAA,OAAO,MAAM;AACX,MAAAE,OAAAA,kBAAAA,CAAAC,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,oBAAA;AAAA,OAAA,EAAAA,CAAAA,eAAAA,CAAAC,iBAAA,EAAA;AAAA,QAAA,WAAA,EAGiBH,UAAMH,SAAS,CAAA;AAAA,OACjB,EAAA;AAAA,QAAE,GAAGD,KAAAA;AAAAA,OAAO,OAAAQ,oBAAA,CAAA,SAAA,CAHkBJ,EAAAA,SAAAA,CAAMD,OAAO,CAAC,CAAA,CAAA,CAAA,CAAA;AAAA,KAO7D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"data-table-page.js","sources":["../../../../../src/components/data-model/data-table-page/data-table-page.tsx"],"sourcesContent":["import { Ref, computed, defineComponent, unref } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { dataTablePageProps } from \"./data-table-page-options\";\nimport MKDataTable from \"../data-table\";\n\nexport default defineComponent({\n  name: \"MKDataTablePage\",\n  props: dataTablePageProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable ?? null);\n\n    const loading = computed(() => unref(dataTable)?.loading ?? true);\n\n    return () => {\n      return (\n        <div class=\"mk-data-table-page\" v-loading={unref(loading)}>\n          <MKDataTable\n            {...props}\n            dataTable={unref(dataTable) as DataTable}\n            v-slots={{ ...slots }}\n          />\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataTablePageProps","setup","slots","dataTable","computed","loading","unref","_withDirectives","_createVNode","MKDataTable","_mergeProps","_resolveDirective"],"mappings":";;;;;;AAKA,oCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,iBAAA;AAAA,EACNC,KAAOC,EAAAA,uCAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,SAAYC,GAAAA,YAAAA,CAAS,MAAML,KAAAA,CAAMI,aAAa,IAAI,CAAA,CAAA;AAExD,IAAA,MAAME,UAAUD,YAAS,CAAA,MAAME,UAAMH,SAAS,CAAA,EAAGE,WAAW,IAAI,CAAA,CAAA;AAEhE,IAAA,OAAO,MAAM;AACX,MAAAE,OAAAA,kBAAAA,CAAAC,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,oBAAA;AAAA,OAAA,EAAA,CAAAA,eAAAC,CAAAA,iBAAAA,EAAAC,eAGUX,KAAK,EAAA;AAAA,QAAA,WAAA,EACEO,UAAMH,SAAS,CAAA;AAAA,OACjB,CAAA,EAAA;AAAA,QAAE,GAAGD,KAAAA;AAAAA,OAAO,OAAAS,oBAAA,CAAA,SAAA,CAJkBL,EAAAA,SAAAA,CAAMD,OAAO,CAAC,CAAA,CAAA,CAAA,CAAA;AAAA,KAQ7D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}