@maketribe/ms-app 3.0.6 → 3.0.8

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

@@ -1 +1,5 @@
 export * from "./table";
+export * from "./table-tree";
+export * from "./tree";
+export * from "./table-view";
+export * from "./tree-view";

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

@@ -1,31 +1,28 @@
 'use strict';
 
 var index = require('./table/index.js');
-var index$2 = require('./table/classify-search/classify-search-item/index.js');
-var index$1 = require('./table/classify-search/index.js');
-var useCondition = require('./table/search/composables/use-condition.js');
-var token = require('./table/search/token.js');
-var operatorOptions = require('./table/search/operator-options.js');
-var index$3 = require('./table/search/index.js');
+var index$1 = require('./table-tree/index.js');
+var index$2 = require('./tree/index.js');
+var index$3 = require('./table-view/index.js');
+var index$6 = require('./tree-view/index.js');
+var tableOptions = require('./table/table-options.js');
+var tableTreeOptions = require('./table-tree/table-tree-options.js');
+var treeOptions = require('./tree/tree-options.js');
+var index$5 = require('./table-view/classify-search/classify-search-item/index.js');
+var index$4 = require('./table-view/classify-search/index.js');
+var treeViewOptions = require('./tree-view/tree-view-options.js');
 
 
 
-exports.MKTableView = index.MKTableView;
-exports.MKTableClassifySearchItem = index$2.MKTableClassifySearchItem;
-exports.MKTableClassifySearch = index$1.MKTableClassifySearch;
-exports.conditionProps = useCondition.conditionProps;
-exports.useCondition = useCondition.useCondition;
-exports.TABLE_SEARCH_CONTEXT_KEY = token.TABLE_SEARCH_CONTEXT_KEY;
-exports.TABLE_SEARCH_ITEM_CONTEXT_KEY = token.TABLE_SEARCH_ITEM_CONTEXT_KEY;
-exports.BETWEEN_OPTION = operatorOptions.BETWEEN_OPTION;
-exports.CONTAIN_OPTION = operatorOptions.CONTAIN_OPTION;
-exports.EQUAL_OPTION = operatorOptions.EQUAL_OPTION;
-exports.GREATER_THAN_EQUAL_OPTION = operatorOptions.GREATER_THAN_EQUAL_OPTION;
-exports.GREATER_THAN_OPTION = operatorOptions.GREATER_THAN_OPTION;
-exports.IN_OPTION = operatorOptions.IN_OPTION;
-exports.LESS_THAN_EQUAL_OPTION = operatorOptions.LESS_THAN_EQUAL_OPTION;
-exports.LESS_THAN_OPTION = operatorOptions.LESS_THAN_OPTION;
-exports.NOT_IN_OPTION = operatorOptions.NOT_IN_OPTION;
-exports.OPERATOR_OPTIONS = operatorOptions.OPERATOR_OPTIONS;
-exports.MKTableSearch = index$3.MKTableSearch;
+exports.MKTable = index.MKTable;
+exports.MKTableTree = index$1.MKTableTree;
+exports.MKTree = index$2.MKTree;
+exports.MKTableView = index$3.MKTableView;
+exports.MKTreeView = index$6.MKTreeView;
+exports.tableProps = tableOptions.tableProps;
+exports.tableTreeProps = tableTreeOptions.tableTreeProps;
+exports.treeProps = treeOptions.treeProps;
+exports.MKTableClassifySearchItem = index$5.MKTableClassifySearchItem;
+exports.MKTableClassifySearch = index$4.MKTableClassifySearch;
+exports.treeViewProps = treeViewOptions.treeViewProps;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-export declare const MKTableView: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const MKTable: 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;
@@ -13,6 +13,5 @@ export declare const MKTableView: import("@maketribe/utils").SFCWithInstall<impo
         __mkPropKey: true;
     };
 }>>, {}, {}>> & Record<string, any>;
-export default MKTableView;
-export * from "./classify-search";
-export * from "./search";
+export default MKTable;
+export * from "./table-options";

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

@@ -3,33 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils = require('@maketribe/utils');
-var tableView = require('./table-view.js');
-var index = require('./classify-search/index.js');
-var index$2 = require('./search/index.js');
-var index$1 = require('./classify-search/classify-search-item/index.js');
-var useCondition = require('./search/composables/use-condition.js');
-var token = require('./search/token.js');
-var operatorOptions = require('./search/operator-options.js');
+var table = require('./table.js');
+var tableOptions = require('./table-options.js');
 
-const MKTableView = utils.withInstall(tableView);
+const MKTable = utils.withInstall(table);
 
-exports.MKTableClassifySearch = index.MKTableClassifySearch;
-exports.MKTableSearch = index$2.MKTableSearch;
-exports.MKTableClassifySearchItem = index$1.MKTableClassifySearchItem;
-exports.conditionProps = useCondition.conditionProps;
-exports.useCondition = useCondition.useCondition;
-exports.TABLE_SEARCH_CONTEXT_KEY = token.TABLE_SEARCH_CONTEXT_KEY;
-exports.TABLE_SEARCH_ITEM_CONTEXT_KEY = token.TABLE_SEARCH_ITEM_CONTEXT_KEY;
-exports.BETWEEN_OPTION = operatorOptions.BETWEEN_OPTION;
-exports.CONTAIN_OPTION = operatorOptions.CONTAIN_OPTION;
-exports.EQUAL_OPTION = operatorOptions.EQUAL_OPTION;
-exports.GREATER_THAN_EQUAL_OPTION = operatorOptions.GREATER_THAN_EQUAL_OPTION;
-exports.GREATER_THAN_OPTION = operatorOptions.GREATER_THAN_OPTION;
-exports.IN_OPTION = operatorOptions.IN_OPTION;
-exports.LESS_THAN_EQUAL_OPTION = operatorOptions.LESS_THAN_EQUAL_OPTION;
-exports.LESS_THAN_OPTION = operatorOptions.LESS_THAN_OPTION;
-exports.NOT_IN_OPTION = operatorOptions.NOT_IN_OPTION;
-exports.OPERATOR_OPTIONS = operatorOptions.OPERATOR_OPTIONS;
-exports.MKTableView = MKTableView;
-exports.default = MKTableView;
+exports.tableProps = tableOptions.tableProps;
+exports.MKTable = MKTable;
+exports.default = MKTable;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport TableView from \"./table-view\";\n\nexport const MKTableView = withInstall(TableView);\n\nexport default MKTableView;\n\nexport * from \"./classify-search\";\nexport * from \"./search\";\n"],"names":["withInstall","TableView"],"mappings":";;;;;;;;;;;;;AAGa,MAAA,WAAA,GAAcA,kBAAYC,SAAS;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport Table from \"./table\";\n\nexport const MKTable = withInstall(Table);\n\nexport default MKTable;\n\nexport * from \"./table-options\";\n"],"names":["withInstall","Table"],"mappings":";;;;;;;;AAGa,MAAA,OAAA,GAAUA,kBAAYC,KAAK;;;;;;"}

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

@@ -0,0 +1,11 @@
+import { ExtractPropTypes } from "vue";
+import { DataTable } from "@maketribe/dm";
+export declare const tableProps: {
+    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 TableProps = ExtractPropTypes<typeof tableProps>;

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

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

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

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

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

@@ -0,0 +1,63 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var tableOptions = require('./table-options.js');
+var index = require('../../data-table-column-component/index.js');
+
+var Table = /* @__PURE__ */ vue.defineComponent({
+  name: "MKTable",
+  props: tableOptions.tableProps,
+  setup(props, {
+    slots
+  }) {
+    const dataTable = vue.computed(() => props.dataTable);
+    return () => {
+      const columns = vue.unref(dataTable).getColumns().filter((column) => column.visible && column.name).map((column) => {
+        const columnProps = {
+          prop: column.name,
+          label: column.label,
+          width: column.width,
+          minWidth: column.minWidth,
+          fixed: column.fixed,
+          reserveSelection: true,
+          type: column.type
+        };
+        if (!column.visible) {
+          return null;
+        }
+        return slots[`col-${column.name}`]?.() ?? vue.createVNode(elementPlus.ElTableColumn, columnProps, {
+          default: (scope) => {
+            let children = slots[`col-${column.name}-content`]?.({
+              $index: scope.$index,
+              row: scope.row,
+              column,
+              dataTable: vue.unref(dataTable)
+            });
+            if (children) {
+              return children;
+            }
+            return vue.createVNode(index.MKDataTableColumnComponent, {
+              "column": column,
+              "row": scope.row,
+              "index": scope.$index
+            }, null);
+          }
+        });
+      });
+      return vue.createVNode(elementPlus.ElTable, {
+        "data": vue.unref(dataTable).getList(),
+        "rowKey": vue.unref(dataTable).primaryKey,
+        "show-overflow-tooltip": true,
+        "border": true,
+        "stripe": true
+      }, {
+        default: () => [columns],
+        empty: () => slots.empty?.() || vue.createVNode(elementPlus.ElEmpty, null, null)
+      });
+    };
+  }
+});
+
+module.exports = Table;
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/table.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElEmpty, ElTable, ElTableColumn } from \"element-plus\";\nimport { tableProps } from \"./table-options\";\nimport { MKDataTableColumn } from \"../../data-table-column\";\nimport MKDataTableColumnComponent from \"../../data-table-column-component\";\n\nexport default defineComponent({\n  name: \"MKTable\",\n  props: tableProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n\n    return () => {\n      const columns = unref(dataTable)\n        .getColumns()\n        .filter((column) => column.visible && column.name)\n        .map((column) => {\n          const columnProps: Record<string, any> = {\n            prop: column.name,\n            label: column.label,\n            width: column.width,\n            minWidth: column.minWidth,\n            fixed: column.fixed,\n            reserveSelection: true,\n            type: column.type,\n          };\n\n          if (!column.visible) {\n            return null;\n          }\n\n          return (\n            slots[`col-${column.name}`]?.() ?? (\n              <ElTableColumn\n                {...columnProps}\n                v-slots={{\n                  default: (scope: {\n                    $index: number;\n                    row: any;\n                    column: any;\n                  }) => {\n                    let children = slots[`col-${column.name}-content`]?.({\n                      $index: scope.$index,\n                      row: scope.row,\n                      column: column,\n                      dataTable: unref(dataTable),\n                    });\n\n                    if (children) {\n                      return children;\n                    }\n\n                    return (\n                      <MKDataTableColumnComponent\n                        column={column}\n                        row={scope.row}\n                        index={scope.$index}\n                      />\n                    );\n                  },\n                }}\n              />\n            )\n          );\n        });\n\n      return (\n        <ElTable\n          data={unref(dataTable).getList()}\n          rowKey={unref(dataTable).primaryKey}\n          show-overflow-tooltip\n          border\n          stripe\n          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\n        >\n          {columns}\n        </ElTable>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","tableProps","setup","slots","dataTable","computed","columns","unref","getColumns","filter","column","visible","map","columnProps","prop","label","width","minWidth","fixed","reserveSelection","type","_createVNode","ElTableColumn","default","scope","children","$index","row","MKDataTableColumnComponent","ElTable","getList","primaryKey","empty","ElEmpty"],"mappings":";;;;;;;AAMA,4BAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,SAAA;AAAA,EACNC,KAAOC,EAAAA,uBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,SAAYC,GAAAA,YAAAA,CAAS,MAAML,KAAAA,CAAMI,SAAS,CAAA,CAAA;AAEhD,IAAA,OAAO,MAAM;AACX,MAAA,MAAME,OAAUC,GAAAA,SAAAA,CAAMH,SAAS,CAAA,CAC5BI,YACAC,CAAAA,MAAAA,CAAQC,CAAWA,MAAAA,KAAAA,MAAAA,CAAOC,OAAWD,IAAAA,MAAAA,CAAOX,IAAI,CAAA,CAChDa,IAAKF,CAAW,MAAA,KAAA;AACf,QAAA,MAAMG,WAAmC,GAAA;AAAA,UACvCC,MAAMJ,MAAOX,CAAAA,IAAAA;AAAAA,UACbgB,OAAOL,MAAOK,CAAAA,KAAAA;AAAAA,UACdC,OAAON,MAAOM,CAAAA,KAAAA;AAAAA,UACdC,UAAUP,MAAOO,CAAAA,QAAAA;AAAAA,UACjBC,OAAOR,MAAOQ,CAAAA,KAAAA;AAAAA,UACdC,gBAAkB,EAAA,IAAA;AAAA,UAClBC,MAAMV,MAAOU,CAAAA,IAAAA;AAAAA,SACf,CAAA;AAEA,QAAI,IAAA,CAACV,OAAOC,OAAS,EAAA;AACnB,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AAEA,QACER,OAAAA,KAAAA,CAAO,OAAMO,MAAOX,CAAAA,IAAK,EAAC,CAAI,IAAA,IAACsB,eAAAC,CAAAA,yBAAAA,EAEvBT,WACK,EAAA;AAAA,UACPU,SAAUC,CAIJ,KAAA,KAAA;AACJ,YAAA,IAAIC,WAAWtB,KAAO,CAAA,CAAA,IAAA,EAAMO,MAAOX,CAAAA,IAAK,UAAS,CAAI,GAAA;AAAA,cACnD2B,QAAQF,KAAME,CAAAA,MAAAA;AAAAA,cACdC,KAAKH,KAAMG,CAAAA,GAAAA;AAAAA,cACXjB,MAAAA;AAAAA,cACAN,SAAAA,EAAWG,UAAMH,SAAS,CAAA;AAAA,aAC3B,CAAA,CAAA;AAED,YAAA,IAAIqB,QAAU,EAAA;AACZ,cAAOA,OAAAA,QAAAA,CAAAA;AAAAA,aACT;AAEA,YAAA,OAAAJ,gBAAAO,gCAAA,EAAA;AAAA,cAAA,QAEYlB,EAAAA,MAAAA;AAAAA,cAAM,OACTc,KAAMG,CAAAA,GAAAA;AAAAA,cAAG,SACPH,KAAME,CAAAA,MAAAA;AAAAA,eAAM,IAAA,CAAA,CAAA;AAAA,WAGzB;AAAA,SACD,CAAA,CAAA;AAAA,OAIR,CAAA,CAAA;AAEH,MAAA,OAAAL,gBAAAQ,mBAAA,EAAA;AAAA,QAAA,MAEUtB,EAAAA,SAAAA,CAAMH,SAAS,CAAA,CAAE0B,OAAQ,EAAA;AAAA,QAAC,QAAA,EACxBvB,SAAMH,CAAAA,SAAS,CAAE2B,CAAAA,UAAAA;AAAAA,QAAU,uBAAA,EAAA,IAAA;AAAA,QAAA,QAAA,EAAA,IAAA;AAAA,QAAA,QAAA,EAAA,IAAA;AAAA,OAAA,EAAA;AAAA,QAAAR,OAAAA,EAAAA,MAAA,CAMlCjB,OAAO,CAAA;AAAA,QAFG0B,KAAAA,EAAOA,MAAM7B,KAAM6B,CAAAA,KAAAA,QAASX,eAAAY,CAAAA,mBAAAA,EAAA,MAAA,IAAA,CAAA;AAAA,OAAe,CAAA,CAAA;AAAA,KAK5D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -0,0 +1,17 @@
+export declare const MKTableTree: 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;
+    };
+}, () => 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;
+    };
+}>>, {}, {}>> & Record<string, any>;
+export default MKTableTree;
+export * from "./table-tree-options";

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-tree-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-tree/table-tree-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTree } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const tableTreeProps = buildProps({\n  dataTree: {\n    type: DataTree<any>,\n    required: true,\n  },\n} as const);\n\nexport type TableTreeProps = ExtractPropTypes<typeof tableTreeProps>;\n"],"names":["buildProps","DataTree"],"mappings":";;;;;AAIO,MAAM,iBAAiBA,gBAAW,CAAA;AAAA,EACvC,QAAU,EAAA;AAAA,IACR,IAAM,EAAAC,WAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,CAAU;;;;"}

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

@@ -0,0 +1,16 @@
+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;
+    };
+}, () => 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;
+    };
+}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,81 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var tableTreeOptions = require('./table-tree-options.js');
+var index = require('../../data-table-column-component/index.js');
+
+var TableTree = /* @__PURE__ */ vue.defineComponent({
+  name: "MKTableTree",
+  props: tableTreeOptions.tableTreeProps,
+  setup(props, {
+    slots
+  }) {
+    const dataTree = vue.computed(() => props.dataTree);
+    const treeProps = vue.computed(() => {
+      const _dataTre = vue.unref(dataTree);
+      return {
+        children: _dataTre.props.children,
+        hasChildren: "hasChildren"
+      };
+    });
+    const handleLoad = async (row, node, resolve) => {
+      await row.load();
+      resolve(row.children);
+    };
+    return () => {
+      const columns = vue.unref(dataTree).getColumns().filter((column) => column.visible && column.name).map((column) => {
+        const columnProps = {
+          prop: column.name,
+          label: column.label,
+          width: column.width,
+          minWidth: column.minWidth,
+          fixed: column.fixed,
+          reserveSelection: true,
+          type: column.type
+        };
+        if (!column.visible) {
+          return null;
+        }
+        return (
+          // TODO 这里 不用这个组件的原因，因为ElTableColumn要去获取ElTable，但是他是通过instance.parent获取的，我添加这个组件会导致获取不到，出现一些问题
+          // <MKDataTableColumn column={column}>
+          slots[`col-${column.name}`]?.() ?? vue.createVNode(elementPlus.ElTableColumn, columnProps, {
+            default: (scope) => {
+              let children = slots[`col-${column.name}-content`]?.({
+                $index: scope.$index,
+                row: scope.row,
+                column,
+                dataTable: vue.unref(dataTree)
+              });
+              if (children) {
+                return children;
+              }
+              return vue.createVNode(index.MKDataTableColumnComponent, {
+                "column": column,
+                "row": scope.row.data,
+                "index": scope.$index
+              }, null);
+            }
+          })
+        );
+      });
+      return vue.createVNode(elementPlus.ElTable, {
+        "data": vue.unref(dataTree).children,
+        "rowKey": vue.unref(dataTree).primaryKey,
+        "show-overflow-tooltip": true,
+        "border": true,
+        "stripe": true,
+        "lazy": true,
+        "tree-props": vue.unref(treeProps),
+        "load": handleLoad
+      }, {
+        default: () => [columns],
+        empty: () => slots.empty?.() || vue.createVNode(elementPlus.ElEmpty, null, null)
+      });
+    };
+  }
+});
+
+module.exports = TableTree;
+//# sourceMappingURL=table-tree.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-tree.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-tree/table-tree.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElEmpty, ElTable, ElTableColumn, TreeNode } from \"element-plus\";\nimport { tableTreeProps } from \"./table-tree-options\";\nimport { MKDataTableColumn } from \"../../data-table-column\";\nimport MKDataTableColumnComponent from \"../../data-table-column-component\";\nimport { DataTreeNode } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKTableTree\",\n  props: tableTreeProps,\n  setup(props, { slots }) {\n    const dataTree = computed(() => props.dataTree);\n\n    const treeProps = computed(() => {\n      const _dataTre = unref(dataTree);\n\n      return { children: _dataTre.props.children, hasChildren: \"hasChildren\" };\n    });\n\n    const handleLoad = async (\n      row: DataTreeNode,\n      node: TreeNode,\n      resolve: Function\n    ) => {\n      await row.load();\n\n      resolve(row.children);\n    };\n\n    return () => {\n      const columns = unref(dataTree)\n        .getColumns()\n        .filter((column) => column.visible && column.name)\n        .map((column) => {\n          const columnProps: Record<string, any> = {\n            prop: column.name,\n            label: column.label,\n            width: column.width,\n            minWidth: column.minWidth,\n            fixed: column.fixed,\n            reserveSelection: true,\n            type: column.type,\n          };\n\n          if (!column.visible) {\n            return null;\n          }\n\n          return (\n            // TODO 这里 不用这个组件的原因，因为ElTableColumn要去获取ElTable，但是他是通过instance.parent获取的，我添加这个组件会导致获取不到，出现一些问题\n            // <MKDataTableColumn column={column}>\n            slots[`col-${column.name}`]?.() ?? (\n              <ElTableColumn\n                {...columnProps}\n                v-slots={{\n                  default: (scope: {\n                    $index: number;\n                    row: any;\n                    column: any;\n                  }) => {\n                    let children = slots[`col-${column.name}-content`]?.({\n                      $index: scope.$index,\n                      row: scope.row,\n                      column: column,\n                      dataTable: unref(dataTree),\n                    });\n\n                    if (children) {\n                      return children;\n                    }\n\n                    return (\n                      <MKDataTableColumnComponent\n                        column={column}\n                        row={scope.row.data}\n                        index={scope.$index}\n                      />\n                    );\n                  },\n                }}\n              />\n            )\n            // </MKDataTableColumn>\n          );\n        });\n\n      return (\n        <ElTable\n          data={unref(dataTree).children}\n          rowKey={unref(dataTree).primaryKey}\n          show-overflow-tooltip\n          border\n          stripe\n          lazy\n          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\n          tree-props={unref(treeProps)}\n          load={handleLoad}\n        >\n          {columns}\n        </ElTable>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","tableTreeProps","setup","slots","dataTree","computed","treeProps","_dataTre","unref","children","hasChildren","handleLoad","row","node","resolve","load","columns","getColumns","filter","column","visible","map","columnProps","prop","label","width","minWidth","fixed","reserveSelection","type","_createVNode","ElTableColumn","default","scope","$index","dataTable","MKDataTableColumnComponent","data","ElTable","primaryKey","empty","ElEmpty"],"mappings":"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"}

package/dist/cjs/components/data-model/data-table/views/table-view/classify-search/classify-search-item/classify-search-item-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classify-search-item-options.js","sources":["../../../../../../../../../src/components/data-model/data-table/views/table-view/classify-search/classify-search-item/classify-search-item-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const classifySearchItemProps = buildProps({\n  modelValue: { type: null },\n  label: { type: String },\n  labelWidth: { type: String },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  options: {\n    type: Array,\n  },\n  formatOptions: {\n    type: Function,\n    default: (item: any) => {\n      const value = item.value ?? item.id ?? item.name;\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\n\n      return { value, label };\n    },\n  },\n});\n\nexport type ClassifySearchItemProps = ExtractPropTypes<\n  typeof classifySearchItemProps\n>;\n\nexport const classifySearchItemEmits = {\n  \"update:model-value\": (modelValue: any) => true,\n};\n\nexport type ClassifySearchItemEmits = typeof classifySearchItemEmits;\n"],"names":["buildProps"],"mappings":";;;;AAGO,MAAM,0BAA0BA,gBAAW,CAAA;AAAA,EAChD,UAAA,EAAY,EAAE,IAAA,EAAM,IAAK,EAAA;AAAA,EACzB,KAAA,EAAO,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EACtB,UAAA,EAAY,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EAC3B,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,GACR;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,QAAA;AAAA,IACN,OAAA,EAAS,CAAC,IAAc,KAAA;AACtB,MAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,KAAS,IAAA,IAAA,CAAK,MAAM,IAAK,CAAA,IAAA,CAAA;AAC5C,MAAA,MAAM,QAAQ,IAAK,CAAA,KAAA,IAAS,KAAK,IAAQ,IAAA,IAAA,CAAK,SAAS,IAAK,CAAA,IAAA,CAAA;AAE5D,MAAO,OAAA,EAAE,OAAO,KAAM,EAAA,CAAA;AAAA,KACxB;AAAA,GACF;AACF,CAAC,EAAA;AAMM,MAAM,uBAA0B,GAAA;AAAA,EACrC,oBAAA,EAAsB,CAAC,UAAoB,KAAA,IAAA;AAC7C;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"classify-search-item.js","sources":["../../../../../../../../../src/components/data-model/data-table/views/table-view/classify-search/classify-search-item/classify-search-item.tsx"],"sourcesContent":["import { defineComponent, computed, unref, ComputedRef } from \"vue\";\nimport { ElTag } from \"element-plus\";\nimport {\n  classifySearchItemProps,\n  classifySearchItemEmits,\n} from \"./classify-search-item-options\";\n\nexport type DataOptionItem = { value: any; label: string };\n\nexport default defineComponent({\n  name: \"MKTableClassifySearchItem\",\n  props: classifySearchItemProps,\n  emits: classifySearchItemEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => {\n        if (props.multiple) {\n          return Array.isArray(props.modelValue)\n            ? props.modelValue\n            : props.modelValue\n            ? [props.modelValue]\n            : [];\n        }\n\n        return props.modelValue;\n      },\n      set: (v: any) => emit(\"update:model-value\", v),\n    });\n\n    const handleClick = (item: any) => {\n      let _modelValue = unref(modelValue);\n      if (props.multiple) {\n        const index = _modelValue.findIndex((v: any) => v === item.value);\n\n        if (index > -1) {\n          _modelValue.splice(index, 1);\n        } else {\n          _modelValue.push(item.value);\n        }\n\n        modelValue.value = _modelValue;\n\n        return;\n      }\n\n      modelValue.value = item?.value ?? null;\n    };\n\n    const options: ComputedRef<DataOptionItem[]> = computed(() => {\n      if (Array.isArray(props.options)) {\n        return props.options.map((item) => props.formatOptions(item));\n      }\n\n      return [];\n    });\n\n    const labelStyle: ComputedRef<any> = computed(() => {\n      if (props.labelWidth) {\n        return { width: props.labelWidth };\n      }\n\n      return {};\n    });\n\n    return () => {\n      const title = props.label ? (\n        <div class=\"mk-classify-search-item-title\" style={unref(labelStyle)}>\n          {props.label}\n        </div>\n      ) : null;\n\n      const tags = unref(options).map((item) => {\n        const isSelect = props.multiple\n          ? unref(modelValue).includes(item.value)\n          : item.value === unref(modelValue);\n\n        return (\n          <ElTag\n            key={item.value}\n            effect={isSelect ? \"dark\" : \"light\"}\n            onClick={() => handleClick(item)}\n            disable-transitions\n          >\n            {item.label}\n          </ElTag>\n        );\n      });\n\n      return (\n        <div class=\"mk-classify-search-item\">\n          {title}\n          {tags}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","classifySearchItemProps","emits","classifySearchItemEmits","setup","emit","modelValue","computed","get","multiple","Array","isArray","set","v","handleClick","item","_modelValue","unref","index","findIndex","value","splice","push","options","map","formatOptions","labelStyle","labelWidth","width","title","label","_createVNode","tags","isSelect","includes","ElTag","onClick","default"],"mappings":"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"}

package/dist/cjs/components/data-model/data-table/views/table-view/classify-search/classify-search-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../src/components/data-model/data-table/views/table-view/classify-search/classify-search-item/index.ts"],"sourcesContent":["import TableClassifySearchItem from \"./classify-search-item\";\n\nexport const MKTableClassifySearchItem = TableClassifySearchItem;\n\nexport default TableClassifySearchItem;\n"],"names":["TableClassifySearchItem"],"mappings":";;;;;;AAEO,MAAM,yBAA4B,GAAAA;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"classify-search.js","sources":["../../../../../../../../src/components/data-model/data-table/views/table-view/classify-search/classify-search.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, inject, unref } from \"vue\";\nimport MKTableClassifySearchItem from \"./classify-search-item\";\nimport { DATATABLE_CONTEXT_KEY } from \"../../../token\";\n\nexport default defineComponent({\n  name: \"MKTableClassifySearch\",\n  setup(props, { slots }) {\n    const dataTable = inject(DATATABLE_CONTEXT_KEY)?.dataTable;\n\n    const classifySearch = computed(() => dataTable?.classifySearch ?? null);\n\n    return () => {\n      let children: any = slots.default?.();\n\n      const _classifySearch = unref(classifySearch);\n\n      if (!children && _classifySearch) {\n        children = (\n          <Fragment>\n            {_classifySearch.getClassifySearchItems().map((item) => (\n              <MKTableClassifySearchItem\n                label={item.label}\n                labelWidth={_classifySearch.labelWidth}\n                modelValue={_classifySearch.getParam(item.name)}\n                onUpdate:model-value={(v: any) => {\n                  _classifySearch.setParam(item.name, v);\n                }}\n                multiple={item.multiple}\n                options={item.options}\n                formatOptions={item.formatOptions || undefined}\n              />\n            ))}\n          </Fragment>\n        );\n      }\n\n      return <div class=\"mk-classify-search\">{children}</div>;\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","props","slots","dataTable","inject","DATATABLE_CONTEXT_KEY","classifySearch","computed","children","default","_classifySearch","unref","_createVNode","_Fragment","getClassifySearchItems","map","item","MKTableClassifySearchItem","label","labelWidth","getParam","v","setParam","multiple","options","formatOptions","undefined"],"mappings":";;;;;;AAIA,0CAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,uBAAA;AAAA,EACNC,MAAMC,KAAO,EAAA;AAAA,IAAEC,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAMC,MAAAA,SAAAA,GAAYC,UAAOC,CAAAA,2BAAqB,CAAGF,EAAAA,SAAAA,CAAAA;AAEjD,IAAA,MAAMG,cAAiBC,GAAAA,YAAAA,CAAS,MAAMJ,SAAAA,EAAWG,kBAAkB,IAAI,CAAA,CAAA;AAEvE,IAAA,OAAO,MAAM;AACX,MAAIE,IAAAA,QAAAA,GAAgBN,MAAMO,OAAU,IAAA,CAAA;AAEpC,MAAMC,MAAAA,eAAAA,GAAkBC,UAAML,cAAc,CAAA,CAAA;AAE5C,MAAI,IAAA,CAACE,YAAYE,eAAiB,EAAA;AAChCF,QAAQI,QAAAA,GAAAA,eAAAA,CAAAC,YAAA,EAAA,IAAA,EAAA,CAEHH,eAAAA,CAAgBI,wBAAyBC,CAAAA,GAAAA,CAAKC,CAAIJ,IAAAA,KAAAA,eAAAA,CAAAK,kBAAA,EAAA;AAAA,UAAA,SAExCD,IAAKE,CAAAA,KAAAA;AAAAA,UAAK,cACLR,eAAgBS,CAAAA,UAAAA;AAAAA,UAAU,YAC1BT,EAAAA,eAAAA,CAAgBU,QAASJ,CAAAA,IAAAA,CAAKjB,IAAI,CAAA;AAAA,UAAC,wBACxBsB,CAAW,CAAA,KAAA;AAChCX,YAAgBY,eAAAA,CAAAA,QAAAA,CAASN,IAAKjB,CAAAA,IAAAA,EAAMsB,CAAC,CAAA,CAAA;AAAA,WACvC;AAAA,UAAC,YACSL,IAAKO,CAAAA,QAAAA;AAAAA,UAAQ,WACdP,IAAKQ,CAAAA,OAAAA;AAAAA,UAAO,eAAA,EACNR,KAAKS,aAAiBC,IAAAA,KAAAA,CAAAA;AAAAA,SAAS,EAAA,IAAA,CAEjD,CAAC,CAEL,CAAA,CAAA;AAAA,OACH;AAEA,MAAA,OAAAd,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,oBAAA;AAAA,OAAA,EAAA,CAAwCJ,QAAQ,CAAA,CAAA,CAAA;AAAA,KAClD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/data-model/data-table/views/table-view/classify-search/index.ts"],"sourcesContent":["import TableClassifySearch from \"./classify-search\";\n\nexport const MKTableClassifySearch = TableClassifySearch;\n\nexport default TableClassifySearch;\n\nexport * from \"./classify-search-item\";\n"],"names":["TableClassifySearch"],"mappings":";;;;;;;AAEO,MAAM,qBAAwB,GAAAA;;;;;;"}

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

@@ -0,0 +1,17 @@
+export declare const MKTableView: 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 MKTableView;
+export * from "./classify-search";

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

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var tableView = require('./table-view.js');
+var index = require('./classify-search/index.js');
+var index$1 = require('./classify-search/classify-search-item/index.js');
+
+const MKTableView = utils.withInstall(tableView);
+
+exports.MKTableClassifySearch = index.MKTableClassifySearch;
+exports.MKTableClassifySearchItem = index$1.MKTableClassifySearchItem;
+exports.MKTableView = MKTableView;
+exports.default = MKTableView;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-view/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport TableView from \"./table-view\";\n\nexport const MKTableView = withInstall(TableView);\n\nexport default MKTableView;\n\nexport * from \"./classify-search\";\n"],"names":["withInstall","TableView"],"mappings":";;;;;;;;;AAGa,MAAA,WAAA,GAAcA,kBAAYC,SAAS;;;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-view-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-view/table-view-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const tableViewProps = buildProps({\n  dataTable: { type: DataTable<any>, required: true },\n} as const);\n\nexport type TableViewProps = ExtractPropTypes<typeof tableViewProps>;\n\nexport const tableViewEmits = {};\n\nexport const TableViewEmits = typeof tableViewEmits;\n"],"names":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,iBAAiBA,gBAAW,CAAA;AAAA,EACvC,SAAW,EAAA,EAAE,IAAM,EAAAC,YAAA,EAAgB,UAAU,IAAK,EAAA;AACpD,CAAU,EAAA;AAIH,MAAM,iBAAiB,GAAC;AAExB,MAAM,iBAAiB,OAAO;;;;;;"}

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

@@ -0,0 +1,85 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var index$2 = require('../../../../button/index.js');
+var index$3 = require('./classify-search/index.js');
+var index = require('../../../data-table-pagination/index.js');
+var index$4 = require('../../../data-filter-popover/index.js');
+var index$5 = require('../../../../svg-icon/index.js');
+var index$1 = require('../table/index.js');
+var tableViewOptions = require('./table-view-options.js');
+
+var TableView = /* @__PURE__ */ vue.defineComponent({
+  name: "MKTableView",
+  props: tableViewOptions.tableViewProps,
+  setup(props, {
+    slots
+  }) {
+    const dataTable = vue.computed(() => props.dataTable);
+    const pageSizes = vue.computed(() => vue.unref(dataTable).pageSizes);
+    return () => {
+      const pagination = slots.pagination?.({
+        dataTable: vue.unref(dataTable)
+      }) || (vue.unref(pageSizes).length ? vue.createVNode(index.MKDataTablePagination, {
+        "dataTable": vue.unref(dataTable)
+      }, null) : null);
+      return vue.createVNode(elementPlus.ElCard, {
+        "class": "mk-table-view"
+      }, {
+        default: () => [slots.default?.({
+          dataTable: vue.unref(dataTable)
+        }) || vue.createVNode(index$1.MKTable, {
+          "dataTable": vue.unref(dataTable)
+        }, null), pagination],
+        header: () => {
+          const _dataTable = vue.unref(dataTable);
+          const buttons = _dataTable.buttonTools.filter((button) => button.predicate()).map((button) => vue.createVNode(index$2.MKButton, {
+            "button": button,
+            "onClick": () => button.handler()
+          }, null));
+          let classifySearch = slots["classify-search"]?.() ?? null;
+          if (!classifySearch && _dataTable.classifySearch.getClassifySearchItems().length) {
+            classifySearch = vue.createVNode(index$3.MKTableClassifySearch, null, null);
+          }
+          const tools = !_dataTable.getSelection().length ? vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
+            "class": "header-box-main"
+          }, null), vue.createVNode("div", {
+            "class": "header-box-tools"
+          }, [vue.createVNode(index$4.MKDataFilterPopover, {
+            "dataTable": _dataTable
+          }, {
+            default: () => [vue.createVNode(elementPlus.ElButton, null, {
+              default: () => [vue.createVNode(index$5.MKSvgIcon, {
+                "iconClass": "Filter"
+              }, null)]
+            })]
+          }), buttons])]) : vue.createVNode("div", {
+            "class": "mk-table-view__selection-tip"
+          }, [vue.createVNode("div", {
+            "class": "mk-table-view__selection-tip-left"
+          }, [vue.createVNode("span", null, [vue.createTextVNode("\u5DF2\u9009\u4E2D"), vue.createVNode("span", {
+            "class": "selection-count"
+          }, [_dataTable.getSelection().length]), vue.createTextVNode("\u9879")])]), vue.createVNode("div", {
+            "class": "mk-table-view__selection-tip-right"
+          }, [_dataTable.batchActionButtonTools.map((button) => vue.createVNode(index$2.MKButton, {
+            "link": true,
+            "button": button,
+            "onClick": () => button.handler()
+          }, null)), vue.createVNode(elementPlus.ElButton, {
+            "link": true,
+            "onClick": () => _dataTable.clearSelection()
+          }, {
+            default: () => [vue.createTextVNode("\u53D6\u6D88\u9009\u62E9")]
+          })])]);
+          return vue.createVNode(vue.Fragment, null, [classifySearch, vue.createVNode("div", {
+            "class": "mk-table-view__header header-box"
+          }, [tools])]);
+        }
+      });
+    };
+  }
+});
+
+module.exports = TableView;
+//# sourceMappingURL=table-view.js.map