@maketribe/ms-app 3.1.10 → 3.1.11

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/data-model/data-table/components/header-components/table-filter/index.ts"],"sourcesContent":["import TableFilter from \"./table-filter\";\n\nexport const MKTableFilter = TableFilter;\nexport default MKTableFilter;\n"],"names":[],"mappings":";;AAEO,MAAM,aAAgB,GAAA;;;;"}

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,52 @@
+import { defineComponent, inject, createVNode } from 'vue';
+import { ElButton } from 'element-plus';
+import { DATATABLE_CONTEXT_KEY } from '../../../token.js';
+import { MKDataFilterPopover } from '../../../../data-filter-popover/index.js';
+import { MKSvgIcon } from '../../../../../basic/svg-icon/index.js';
+import '../../../../../basic/button/button-options.js';
+import '../../../../../basic/config-provider/index.js';
+import '../../../../../basic/data-table-select-dialog/index.js';
+import '../../../../../basic/data-table-select/index.js';
+import '../../../../../basic/data-select/index.js';
+import '../../../../../basic/pagination/index.js';
+import '../../../../../basic/system-provider/index.js';
+import '../../../../../basic/code-editor/index.js';
+import '../../../../../basic/json-editor/index.js';
+import '../../../../../basic/page-container/index.js';
+import '../../../../../basic/date-picker/index.js';
+import '../../../../../basic/icon-select/index.js';
+import '../../../../../basic/upload-file/upload-file.js';
+import '@maketribe/request';
+import '@maketribe/dm';
+import '@maketribe/utils';
+import '../../../../../../core/DataModelDefines.js';
+import 'vue-router';
+import '@maketribe/locale';
+import '../../../../../basic/upload-file/context/web-file-upload-context.js';
+import '../../../../../basic/upload-file/context/web-file-upload-context-options.js';
+import '../../../../../basic/upload-file/ui/upload-image/index.js';
+import '../../../../../basic/upload-file/upload-file-options.js';
+
+var TableFilter = /* @__PURE__ */ defineComponent({
+  name: "MKTableFilter",
+  setup() {
+    const dataTable = inject(DATATABLE_CONTEXT_KEY)?.dataTable;
+    return () => {
+      if (!dataTable.dataFilter.getColumns().length) {
+        return null;
+      }
+      return createVNode(MKDataFilterPopover, {
+        "dataTable": dataTable
+      }, {
+        default: () => [createVNode(ElButton, null, {
+          default: () => [createVNode(MKSvgIcon, {
+            "iconClass": "Filter"
+          }, null)]
+        })]
+      });
+    };
+  }
+});
+
+export { TableFilter as default };
+//# sourceMappingURL=table-filter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-filter.js","sources":["../../../../../../../../src/components/data-model/data-table/components/header-components/table-filter/table-filter.tsx"],"sourcesContent":["import { defineComponent, inject } from \"vue\";\nimport { ElButton } from \"element-plus\";\nimport { DATATABLE_CONTEXT_KEY } from \"../../../token\";\nimport { MKDataFilterPopover } from \"../../../../data-filter-popover\";\nimport { MKSvgIcon } from \"../../../../../basic\";\n\nexport default defineComponent({\n  name: \"MKTableFilter\",\n  setup() {\n    const dataTable = inject(DATATABLE_CONTEXT_KEY)?.dataTable!;\n\n    return () => {\n      if (!dataTable.dataFilter.getColumns().length) {\n        return null;\n      }\n\n      return (\n        <MKDataFilterPopover dataTable={dataTable}>\n          <ElButton>\n            <MKSvgIcon iconClass=\"Filter\" />\n          </ElButton>\n        </MKDataFilterPopover>\n      );\n    };\n  },\n});\n"],"names":["name","setup","dataTable","inject","DATATABLE_CONTEXT_KEY","dataFilter","getColumns","length","_createVNode","MKDataFilterPopover","default","ElButton","MKSvgIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,kCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,eAAA;AAAA,EACNC,KAAQ,GAAA;AACN,IAAMC,MAAAA,SAAAA,GAAYC,MAAOC,CAAAA,qBAAqB,CAAGF,EAAAA,SAAAA,CAAAA;AAEjD,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,CAACA,SAAAA,CAAUG,UAAWC,CAAAA,UAAAA,GAAaC,MAAQ,EAAA;AAC7C,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAEA,MAAA,OAAAC,YAAAC,mBAAA,EAAA;AAAA,QAAA,WACkCP,EAAAA,SAAAA;AAAAA,OAAS,EAAA;AAAA,QAAAQ,OAAAA,EAAAA,MAAAF,CAAAA,WAAAA,CAAAG,UAAA,IAAA,EAAA;AAAA,UAAAD,OAAAA,EAAAA,MAAAF,CAAAA,WAAAA,CAAAI,SAAA,EAAA;AAAA,YAAA,WAAA,EAAA,QAAA;AAAA,WAAA,EAAA,IAAA,CAAA,CAAA;AAAA,SAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAM7C,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -9,3 +9,4 @@ export * from "./column-switch";
 export * from "./column-tag";
 export * from "./column-link";
 export * from "./column-icon";
+export * from "./header-components";

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

@@ -9,6 +9,8 @@ export { MKColumnSwitch } from './column-switch/index.js';
 export { MKColumnTag } from './column-tag/index.js';
 export { MKColumnLink } from './column-link/index.js';
 export { MKColumnIcon } from './column-icon/index.js';
+export { MKBatchOpt } from './header-components/batch-opt/index.js';
+export { MKTableFilter } from './header-components/table-filter/index.js';
 export { columnTextProps } from './column-text/column-text-options.js';
 export { columnObjectMappingTextProps } from './column-object-mapping-text/column-object-mapping-text-options.js';
 export { columnJsonProps } from './column-json/column-json-options.js';

package/dist/esm/components/data-model/data-table/components/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/esm/components/data-model/data-table/data-table-column/data-table-column-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-column-options.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column/data-table-column-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { TableColumn } from \"@maketribe/dm\";\r\n\r\nexport const dataTableColumnProps = buildProps({\r\n  column: { type: TableColumn, required: true },\r\n  row: { type: null },\r\n  index: { type: Number, required: true },\r\n} as const);\r\n\r\nexport type DataTableColumnProps = ExtractPropTypes<\r\n  typeof dataTableColumnProps\r\n>;\r\n"],"names":[],"mappings":";;;AAIO,MAAM,uBAAuB,UAAW,CAAA;AAAA,EAC7C,MAAQ,EAAA,EAAE,IAAM,EAAA,WAAA,EAAa,UAAU,IAAK,EAAA;AAAA,EAC5C,GAAA,EAAK,EAAE,IAAA,EAAM,IAAK,EAAA;AAAA,EAClB,KAAO,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,UAAU,IAAK,EAAA;AACxC,CAAU;;;;"}
+{"version":3,"file":"data-table-column-options.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column/data-table-column-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { TableColumn } from \"@maketribe/dm\";\n\nexport const dataTableColumnProps = buildProps({\n  column: { type: TableColumn, required: true },\n  row: { type: null },\n  index: { type: Number, required: true },\n} as const);\n\nexport type DataTableColumnProps = ExtractPropTypes<\n  typeof dataTableColumnProps\n>;\n"],"names":[],"mappings":";;;AAIO,MAAM,uBAAuB,UAAW,CAAA;AAAA,EAC7C,MAAQ,EAAA,EAAE,IAAM,EAAA,WAAA,EAAa,UAAU,IAAK,EAAA;AAAA,EAC5C,GAAA,EAAK,EAAE,IAAA,EAAM,IAAK,EAAA;AAAA,EAClB,KAAO,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,UAAU,IAAK,EAAA;AACxC,CAAU;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-column.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column/data-table-column.tsx"],"sourcesContent":["import { computed, defineComponent, inject, toRaw, unref } from \"vue\";\r\nimport { useTableColumnComponent } from \"../../../../composables\";\r\nimport { DATATABLE_CONTEXT_KEY } from \"../token\";\r\nimport { dataTableColumnProps } from \"./data-table-column-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataTableColumn\",\r\n  props: dataTableColumnProps,\r\n  setup(props) {\r\n    const dataTableContext = inject(DATATABLE_CONTEXT_KEY);\r\n\r\n    const dataTable = computed(() => dataTableContext?.dataTable ?? null);\r\n\r\n    const tableColumn = computed(() => props.column);\r\n\r\n    const { component, componentProps } = useTableColumnComponent(\r\n      tableColumn,\r\n      dataTable\r\n    );\r\n\r\n    return () => {\r\n      const TableColumnComponent = toRaw(unref(component));\r\n\r\n      if (!TableColumnComponent) {\r\n        return null;\r\n      }\r\n\r\n      return (\r\n        <TableColumnComponent\r\n          {...unref(componentProps)}\r\n          column={unref(tableColumn)}\r\n          index={props.index}\r\n          row={props.row}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["name","props","dataTableColumnProps","setup","dataTableContext","inject","DATATABLE_CONTEXT_KEY","dataTable","computed","tableColumn","column","component","componentProps","useTableColumnComponent","TableColumnComponent","toRaw","unref","_createVNode","_mergeProps","index","row"],"mappings":";;;;;;;;;;;;;AAKA,+CAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,mBAAA;AAAA,EACNC,KAAOC,EAAAA,oBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAMG,MAAAA,gBAAAA,GAAmBC,OAAOC,qBAAqB,CAAA,CAAA;AAErD,IAAA,MAAMC,SAAYC,GAAAA,QAAAA,CAAS,MAAMJ,gBAAAA,EAAkBG,aAAa,IAAI,CAAA,CAAA;AAEpE,IAAA,MAAME,WAAcD,GAAAA,QAAAA,CAAS,MAAMP,KAAAA,CAAMS,MAAM,CAAA,CAAA;AAE/C,IAAM,MAAA;AAAA,MAAEC,SAAAA;AAAAA,MAAWC,cAAAA;AAAAA,KAAe,GAAIC,uBACpCJ,CAAAA,WAAAA,EACAF,SACF,CAAA,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,MAAMO,oBAAuBC,GAAAA,KAAAA,CAAMC,KAAML,CAAAA,SAAS,CAAC,CAAA,CAAA;AAEnD,MAAA,IAAI,CAACG,oBAAsB,EAAA;AACzB,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAEA,MAAA,OAAAG,WAAAH,CAAAA,oBAAAA,EAAAI,UAEQF,CAAAA,KAAAA,CAAMJ,cAAc,CAAC,EAAA;AAAA,QAAA,QAAA,EACjBI,MAAMP,WAAW,CAAA;AAAA,QAAC,SACnBR,KAAMkB,CAAAA,KAAAA;AAAAA,QAAK,OACblB,KAAMmB,CAAAA,GAAAA;AAAAA,OAAG,GAAA,IAAA,CAAA,CAAA;AAAA,KAGpB,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"data-table-column.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column/data-table-column.tsx"],"sourcesContent":["import { computed, defineComponent, inject, toRaw, unref } from \"vue\";\nimport { useTableColumnComponent } from \"../../../../composables\";\nimport { DATATABLE_CONTEXT_KEY } from \"../token\";\nimport { dataTableColumnProps } from \"./data-table-column-options\";\n\nexport default defineComponent({\n  name: \"MKDataTableColumn\",\n  props: dataTableColumnProps,\n  setup(props) {\n    const dataTableContext = inject(DATATABLE_CONTEXT_KEY);\n\n    const dataTable = computed(() => dataTableContext?.dataTable ?? null);\n\n    const tableColumn = computed(() => props.column);\n\n    const { component, componentProps } = useTableColumnComponent(\n      tableColumn,\n      dataTable\n    );\n\n    return () => {\n      const TableColumnComponent = toRaw(unref(component));\n\n      if (!TableColumnComponent) {\n        return null;\n      }\n\n      return (\n        <TableColumnComponent\n          {...unref(componentProps)}\n          column={unref(tableColumn)}\n          index={props.index}\n          row={props.row}\n        />\n      );\n    };\n  },\n});\n"],"names":["name","props","dataTableColumnProps","setup","dataTableContext","inject","DATATABLE_CONTEXT_KEY","dataTable","computed","tableColumn","column","component","componentProps","useTableColumnComponent","TableColumnComponent","toRaw","unref","_createVNode","_mergeProps","index","row"],"mappings":";;;;;;;;;;;;;AAKA,+CAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,mBAAA;AAAA,EACNC,KAAOC,EAAAA,oBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAMG,MAAAA,gBAAAA,GAAmBC,OAAOC,qBAAqB,CAAA,CAAA;AAErD,IAAA,MAAMC,SAAYC,GAAAA,QAAAA,CAAS,MAAMJ,gBAAAA,EAAkBG,aAAa,IAAI,CAAA,CAAA;AAEpE,IAAA,MAAME,WAAcD,GAAAA,QAAAA,CAAS,MAAMP,KAAAA,CAAMS,MAAM,CAAA,CAAA;AAE/C,IAAM,MAAA;AAAA,MAAEC,SAAAA;AAAAA,MAAWC,cAAAA;AAAAA,KAAe,GAAIC,uBACpCJ,CAAAA,WAAAA,EACAF,SACF,CAAA,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,MAAMO,oBAAuBC,GAAAA,KAAAA,CAAMC,KAAML,CAAAA,SAAS,CAAC,CAAA,CAAA;AAEnD,MAAA,IAAI,CAACG,oBAAsB,EAAA;AACzB,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAEA,MAAA,OAAAG,WAAAH,CAAAA,oBAAAA,EAAAI,UAEQF,CAAAA,KAAAA,CAAMJ,cAAc,CAAC,EAAA;AAAA,QAAA,QAAA,EACjBI,MAAMP,WAAW,CAAA;AAAA,QAAC,SACnBR,KAAMkB,CAAAA,KAAAA;AAAAA,QAAK,OACblB,KAAMmB,CAAAA,GAAAA;AAAAA,OAAG,GAAA,IAAA,CAAA,CAAA;AAAA,KAGpB,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column/index.ts"],"sourcesContent":["import DataTableColumnComponent from \"./data-table-column\";\r\n\r\nexport const MKDataTableColumn = DataTableColumnComponent;\r\n\r\nexport default MKDataTableColumn;\r\n\r\nexport * from \"./data-table-column-options\";\r\n"],"names":[],"mappings":";;;AAEO,MAAM,iBAAoB,GAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column/index.ts"],"sourcesContent":["import DataTableColumnComponent from \"./data-table-column\";\n\nexport const MKDataTableColumn = DataTableColumnComponent;\n\nexport default MKDataTableColumn;\n\nexport * from \"./data-table-column-options\";\n"],"names":[],"mappings":";;;AAEO,MAAM,iBAAoB,GAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","sources":["../../../../../src/components/data-model/data-table/data-table.tsx"],"sourcesContent":["import { DataTable, TableColumn } from \"@maketribe/dm\";\r\nimport {\r\n  computed,\r\n  defineComponent,\r\n  nextTick,\r\n  provide,\r\n  reactive,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport { dataTableProps } from \"./data-table-options\";\r\nimport { DATATABLE_CONTEXT_KEY } from \"./token\";\r\nimport MKTableView from \"./views/table-view\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataTable\",\r\n  props: dataTableProps,\r\n  setup(props, { slots }) {\r\n    let _dataTable: DataTable | null = null;\r\n\r\n    const dataTable = computed(() => {\r\n      if (props.dataTable instanceof DataTable) {\r\n        return props.dataTable;\r\n      }\r\n\r\n      if (!_dataTable) {\r\n        _dataTable = reactive(\r\n          new DataTable({\r\n            name: props.name!,\r\n            primaryKey: props.primaryKey,\r\n            pageSize: props.pageSize ?? 20,\r\n            interfaceURL: {\r\n              list: props.listInterfaceURL || \"\",\r\n              delete: props.deleteInterfaceURL || \"\",\r\n            },\r\n          })\r\n        ) as DataTable;\r\n      }\r\n\r\n      return _dataTable;\r\n    });\r\n\r\n    const loading = computed(() => unref(dataTable).loading);\r\n\r\n    watch(\r\n      dataTable,\r\n      async (dataTable) => {\r\n        // nextTick(() => {\r\n        //   dataTable.dataFilter.setReady();\r\n        // });\r\n\r\n        if (props.autoLoad) {\r\n          dataTable.load();\r\n        }\r\n\r\n        let columns = unref(dataTable).getColumns();\r\n\r\n        const extractColumnConfig = props.columns.filter(\r\n          (config) =>\r\n            columns.findIndex((column) => column.name === config.name) === -1\r\n        );\r\n\r\n        const extractColumn = extractColumnConfig.map(\r\n          (config) => new TableColumn({ visible: true, ...config })\r\n        );\r\n\r\n        columns = [...extractColumn, ...columns];\r\n\r\n        let sortedColumns: TableColumn[] = [];\r\n        for (const columnConfig of props.columns) {\r\n          const column = columns.find(\r\n            (column) => column.name === columnConfig.name\r\n          )!;\r\n\r\n          sortedColumns.push(column);\r\n        }\r\n\r\n        const _columns = columns.filter(\r\n          (column) =>\r\n            sortedColumns.findIndex((item) => item.name === column.name) === -1\r\n        );\r\n\r\n        sortedColumns = [...sortedColumns, ..._columns];\r\n\r\n        dataTable.setColumns(sortedColumns);\r\n\r\n        await dataTable.init();\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    provide(DATATABLE_CONTEXT_KEY, reactive({ dataTable }));\r\n\r\n    return () => {\r\n      return (\r\n        <div class=\"mk-data-table\" v-loading={unref(loading)}>\r\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\r\n            <MKTableView dataTable={unref(dataTable)} />\r\n          )}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["name","props","dataTableProps","setup","slots","_dataTable","dataTable","computed","DataTable","reactive","primaryKey","pageSize","interfaceURL","list","listInterfaceURL","delete","deleteInterfaceURL","loading","unref","watch","autoLoad","load","columns","getColumns","extractColumnConfig","filter","config","findIndex","column","extractColumn","map","TableColumn","visible","sortedColumns","columnConfig","find","push","_columns","item","setColumns","init","immediate","provide","DATATABLE_CONTEXT_KEY","_withDirectives","_createVNode","default","MKTableView","_resolveDirective"],"mappings":";;;;;;AAcA,gCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,aAAA;AAAA,EACNC,KAAOC,EAAAA,cAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,IAAIC,UAA+B,GAAA,IAAA,CAAA;AAEnC,IAAMC,MAAAA,SAAAA,GAAYC,SAAS,MAAM;AAC/B,MAAIN,IAAAA,KAAAA,CAAMK,qBAAqBE,WAAW,EAAA;AACxC,QAAA,OAAOP,KAAMK,CAAAA,SAAAA,CAAAA;AAAAA,OACf;AAEA,MAAA,IAAI,CAACD,UAAY,EAAA;AACfA,QAAaI,UAAAA,GAAAA,QAAAA,CACX,IAAID,WAAU,CAAA;AAAA,UACZR,MAAMC,KAAMD,CAAAA,IAAAA;AAAAA,UACZU,YAAYT,KAAMS,CAAAA,UAAAA;AAAAA,UAClBC,QAAAA,EAAUV,MAAMU,QAAY,IAAA,EAAA;AAAA,UAC5BC,YAAc,EAAA;AAAA,YACZC,IAAAA,EAAMZ,MAAMa,gBAAoB,IAAA,EAAA;AAAA,YAChCC,MAAAA,EAAQd,MAAMe,kBAAsB,IAAA,EAAA;AAAA,WACtC;AAAA,SACD,CACH,CAAA,CAAA;AAAA,OACF;AAEA,MAAOX,OAAAA,UAAAA,CAAAA;AAAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAMY,UAAUV,QAAS,CAAA,MAAMW,KAAMZ,CAAAA,SAAS,EAAEW,OAAO,CAAA,CAAA;AAEvDE,IACEb,KAAAA,CAAAA,SAAAA,EACA,OAAOA,UAAc,KAAA;AAKnB,MAAA,IAAIL,MAAMmB,QAAU,EAAA;AAClBd,QAAAA,WAAUe,IAAK,EAAA,CAAA;AAAA,OACjB;AAEA,MAAA,IAAIC,OAAUJ,GAAAA,KAAAA,CAAMZ,UAAS,CAAA,CAAEiB,UAAW,EAAA,CAAA;AAE1C,MAAA,MAAMC,mBAAsBvB,GAAAA,KAAAA,CAAMqB,OAAQG,CAAAA,MAAAA,CACvCC,CACCJ,MAAAA,KAAAA,OAAAA,CAAQK,SAAWC,CAAAA,CAAAA,MAAAA,KAAWA,MAAO5B,CAAAA,IAAAA,KAAS0B,MAAO1B,CAAAA,IAAI,MAAM,CACnE,CAAA,CAAA,CAAA;AAEA,MAAA,MAAM6B,aAAgBL,GAAAA,mBAAAA,CAAoBM,GACvCJ,CAAAA,CAAAA,MAAAA,KAAW,IAAIK,WAAY,CAAA;AAAA,QAAEC,OAAS,EAAA,IAAA;AAAA,QAAM,GAAGN,MAAAA;AAAAA,OAAQ,CAC1D,CAAA,CAAA;AAEAJ,MAAAA,OAAAA,GAAU,CAAC,GAAGO,aAAe,EAAA,GAAGP,OAAO,CAAA,CAAA;AAEvC,MAAA,IAAIW,gBAA+B,EAAE,CAAA;AACrC,MAAWC,KAAAA,MAAAA,YAAAA,IAAgBjC,MAAMqB,OAAS,EAAA;AACxC,QAAMM,MAAAA,MAAAA,GAASN,QAAQa,IACpBP,CAAAA,CAAAA,YAAWA,OAAO5B,CAAAA,IAAAA,KAASkC,aAAalC,IAC3C,CAAA,CAAA;AAEAiC,QAAAA,aAAAA,CAAcG,KAAKR,MAAM,CAAA,CAAA;AAAA,OAC3B;AAEA,MAAA,MAAMS,QAAWf,GAAAA,OAAAA,CAAQG,MACtBG,CAAAA,CAAAA,MAAAA,KACCK,aAAcN,CAAAA,SAAAA,CAAWW,CAASA,IAAAA,KAAAA,IAAAA,CAAKtC,IAAS4B,KAAAA,MAAAA,CAAO5B,IAAI,CAAA,KAAM,CACrE,CAAA,CAAA,CAAA;AAEAiC,MAAAA,aAAAA,GAAgB,CAAC,GAAGA,aAAe,EAAA,GAAGI,QAAQ,CAAA,CAAA;AAE9C/B,MAAAA,UAAAA,CAAUiC,WAAWN,aAAa,CAAA,CAAA;AAElC,MAAA,MAAM3B,WAAUkC,IAAK,EAAA,CAAA;AAAA,KAEvB,EAAA;AAAA,MAAEC,SAAW,EAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAEAC,IAAAA,OAAAA,CAAQC,uBAAuBlC,QAAS,CAAA;AAAA,MAAEH,SAAAA;AAAAA,KAAW,CAAC,CAAA,CAAA;AAEtD,IAAA,OAAO,MAAM;AACX,MAAAsC,OAAAA,cAAAA,CAAAC,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,eAAA;AAAA,OAAA,EAEKzC,CAAAA,KAAAA,CAAM0C,OAAU,GAAA;AAAA,QAAExC,SAAAA,EAAWY,MAAMZ,SAAS,CAAA;AAAA,OAAG,CAACuC,IAAAA,WAAAA,CAAAE,WAAA,EAAA;AAAA,QAAA,WAAA,EACvB7B,MAAMZ,SAAS,CAAA;AAAA,OAAC,EAAA,IAAA,CACzC,MAAA0C,gBAAA,CAAA,SAAA,CAHmC9B,EAAAA,KAAAA,CAAMD,OAAO,CAAC,CAAA,CAAA,CAAA,CAAA;AAAA,KAMxD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"data-table.js","sources":["../../../../../src/components/data-model/data-table/data-table.tsx"],"sourcesContent":["import { DataTable, TableColumn } from \"@maketribe/dm\";\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  provide,\n  reactive,\n  unref,\n  watch,\n} from \"vue\";\nimport { dataTableProps } from \"./data-table-options\";\nimport { DATATABLE_CONTEXT_KEY } from \"./token\";\nimport MKTableView from \"./views/table-view\";\n\nexport default defineComponent({\n  name: \"MKDataTable\",\n  props: dataTableProps,\n  setup(props, { slots }) {\n    let _dataTable: DataTable | null = null;\n\n    const dataTable = computed(() => {\n      if (props.dataTable instanceof DataTable) {\n        return props.dataTable;\n      }\n\n      if (!_dataTable) {\n        _dataTable = reactive(\n          new DataTable({\n            name: props.name!,\n            primaryKey: props.primaryKey,\n            pageSize: props.pageSize ?? 20,\n            interfaceURL: {\n              list: props.listInterfaceURL || \"\",\n              delete: props.deleteInterfaceURL || \"\",\n            },\n          })\n        ) as DataTable;\n      }\n\n      return _dataTable;\n    });\n\n    const loading = computed(() => unref(dataTable).loading);\n\n    watch(\n      dataTable,\n      async (dataTable) => {\n        // nextTick(() => {\n        //   dataTable.dataFilter.setReady();\n        // });\n\n        if (props.autoLoad) {\n          dataTable.load();\n        }\n\n        let columns = unref(dataTable).getColumns();\n\n        const extractColumnConfig = props.columns.filter(\n          (config) =>\n            columns.findIndex((column) => column.name === config.name) === -1\n        );\n\n        const extractColumn = extractColumnConfig.map(\n          (config) => new TableColumn({ visible: true, ...config })\n        );\n\n        columns = [...extractColumn, ...columns];\n\n        let sortedColumns: TableColumn[] = [];\n        for (const columnConfig of props.columns) {\n          const column = columns.find(\n            (column) => column.name === columnConfig.name\n          )!;\n\n          sortedColumns.push(column);\n        }\n\n        const _columns = columns.filter(\n          (column) =>\n            sortedColumns.findIndex((item) => item.name === column.name) === -1\n        );\n\n        sortedColumns = [...sortedColumns, ..._columns];\n\n        dataTable.setColumns(sortedColumns);\n\n        await dataTable.init();\n      },\n      { immediate: true }\n    );\n\n    provide(DATATABLE_CONTEXT_KEY, reactive({ dataTable }));\n\n    return () => {\n      return (\n        <div class=\"mk-data-table\" v-loading={unref(loading)}>\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTableView dataTable={unref(dataTable)} />\n          )}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","props","dataTableProps","setup","slots","_dataTable","dataTable","computed","DataTable","reactive","primaryKey","pageSize","interfaceURL","list","listInterfaceURL","delete","deleteInterfaceURL","loading","unref","watch","autoLoad","load","columns","getColumns","extractColumnConfig","filter","config","findIndex","column","extractColumn","map","TableColumn","visible","sortedColumns","columnConfig","find","push","_columns","item","setColumns","init","immediate","provide","DATATABLE_CONTEXT_KEY","_withDirectives","_createVNode","default","MKTableView","_resolveDirective"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-table/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport DataTable from \"./data-table\";\r\nimport { MKDataTableColumn } from \"./data-table-column\";\r\n\r\nexport const MKDataTable = withInstall(DataTable, {\r\n  MKDataTableColumn,\r\n});\r\n\r\nexport default MKDataTable;\r\n\r\nexport * from \"./data-table-column\";\r\nexport * from \"./data-table-options\";\r\n\r\nexport * from \"./views\";\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAIa,MAAA,WAAA,GAAc,YAAY,SAAW,EAAA;AAAA,EAChD,iBAAA;AACF,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-table/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport DataTable from \"./data-table\";\nimport { MKDataTableColumn } from \"./data-table-column\";\n\nexport const MKDataTable = withInstall(DataTable, {\n  MKDataTableColumn,\n});\n\nexport default MKDataTable;\n\nexport * from \"./data-table-column\";\nexport * from \"./data-table-options\";\n\nexport * from \"./views\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAIa,MAAA,WAAA,GAAc,YAAY,SAAW,EAAA;AAAA,EAChD,iBAAA;AACF,CAAC;;;;"}

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

@@ -28,8 +28,8 @@ export declare const MKTable: import("@maketribe/utils").SFCWithInstall<import("
     readonly load: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, null, boolean>;
 }>>, {
     readonly lazy: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly load: Function;
     readonly getList: Function;
+    readonly load: Function;
     readonly treeProps: Record<string, any>;
 }, {}>> & Record<string, any>;
 export default MKTable;

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

@@ -1 +1 @@
-{"version":3,"file":"table-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/table-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const tableProps = buildProps({\r\n  dataTable: {\r\n    type: DataTable<any>,\r\n    required: true,\r\n  },\r\n  getList: {\r\n    type: Function,\r\n    default: (dataTable: DataTable<any>): any[] => dataTable.getList(),\r\n  },\r\n  lazy: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  treeProps: {\r\n    type: Object,\r\n    default: () => ({ children: \"children\", hasChildren: \"hasChildren\" }),\r\n  },\r\n  load: {\r\n    type: Function,\r\n    default: null,\r\n  },\r\n} as const);\r\n\r\nexport type TableProps = ExtractPropTypes<typeof tableProps>;\r\n"],"names":[],"mappings":";;;AAIO,MAAM,aAAa,UAAW,CAAA;AAAA,EACnC,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,SAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,CAAC,SAAqC,KAAA,SAAA,CAAU,OAAQ,EAAA;AAAA,GACnE;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,OAAO,EAAE,QAAU,EAAA,UAAA,EAAY,aAAa,aAAc,EAAA,CAAA;AAAA,GACrE;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU;;;;"}
+{"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  getList: {\n    type: Function,\n    default: (dataTable: DataTable<any>): any[] => dataTable.getList(),\n  },\n  lazy: {\n    type: Boolean,\n    default: false,\n  },\n  treeProps: {\n    type: Object,\n    default: () => ({ children: \"children\", hasChildren: \"hasChildren\" }),\n  },\n  load: {\n    type: Function,\n    default: null,\n  },\n} as const);\n\nexport type TableProps = ExtractPropTypes<typeof tableProps>;\n"],"names":[],"mappings":";;;AAIO,MAAM,aAAa,UAAW,CAAA;AAAA,EACnC,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,SAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,CAAC,SAAqC,KAAA,SAAA,CAAU,OAAQ,EAAA;AAAA,GACnE;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,OAAO,EAAE,QAAU,EAAA,UAAA,EAAY,aAAa,aAAc,EAAA,CAAA;AAAA,GACrE;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU;;;;"}

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

@@ -28,8 +28,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly load: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, null, boolean>;
 }>>, {
     readonly lazy: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly load: Function;
     readonly getList: Function;
+    readonly load: Function;
     readonly treeProps: Record<string, any>;
 }, {}>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/table.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  onMounted,\r\n  ref,\r\n  Ref,\r\n  unref,\r\n  watch,\r\n  nextTick,\r\n} from \"vue\";\r\nimport { Column, ElEmpty, ElTable, ElTableColumn } from \"element-plus\";\r\nimport { tableProps } from \"./table-options\";\r\nimport MKDataTableColumn from \"../../data-table-column\";\r\nimport { OrderType } from \"@maketribe/dm\";\r\nimport { isEqual } from \"lodash-es\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTable\",\r\n  props: tableProps,\r\n  setup(props, { slots }) {\r\n    const treeProps = computed(() => {\r\n      return props.treeProps;\r\n    });\r\n\r\n    const tableEl: Ref<InstanceType<typeof ElTable> | null> = ref(null);\r\n\r\n    const dataTable = computed(() => props.dataTable);\r\n\r\n    const list = computed(() => props.getList(unref(dataTable)));\r\n\r\n    const selectionColumn = computed(() => unref(dataTable).selectionColumn);\r\n\r\n    type SortChangeEvent = { column: Column; prop: string; order: string };\r\n\r\n    const handleSortChange = ({ column, prop, order }: SortChangeEvent) => {\r\n      let orderType: OrderType | null = null;\r\n\r\n      if (order === \"descending\") {\r\n        orderType = OrderType.DESC;\r\n      } else if (order === \"ascending\") {\r\n        orderType = OrderType.ASC;\r\n      }\r\n\r\n      unref(dataTable).sorter.setColumnSort(prop, orderType);\r\n    };\r\n\r\n    let allowChangeSelection = true;\r\n\r\n    const handleSelectionChange = (items: any[]) => {\r\n      if (allowChangeSelection) {\r\n        unref(dataTable).setSelection(\r\n          items.map((item) => item[unref(dataTable).primaryKey])\r\n        );\r\n      }\r\n    };\r\n\r\n    onMounted(() => {\r\n      const _tableEl = unref(tableEl)!;\r\n\r\n      watch(list, (list, _, onCleanup) => {\r\n        onCleanup(\r\n          watch(\r\n            computed(() => unref(dataTable).getSelection()),\r\n            async (selections) => {\r\n              const primaryKey = unref(dataTable).primaryKey;\r\n\r\n              const tableSelections = _tableEl\r\n                .getSelectionRows()\r\n                .map((item: any) => item[primaryKey])\r\n                .sort();\r\n\r\n              if (isEqual(selections, tableSelections)) {\r\n                return;\r\n              }\r\n\r\n              allowChangeSelection = false;\r\n\r\n              _tableEl.clearSelection();\r\n\r\n              await nextTick();\r\n\r\n              const selectedRows = list.filter((item: any) =>\r\n                selections.includes(item[primaryKey])\r\n              );\r\n\r\n              for (var item of selectedRows) {\r\n                _tableEl.toggleRowSelection(item, true);\r\n              }\r\n\r\n              allowChangeSelection = true;\r\n            },\r\n            {\r\n              immediate: true,\r\n            }\r\n          )\r\n        );\r\n      });\r\n    });\r\n\r\n    return () => {\r\n      const columns = unref(dataTable)\r\n        .getColumns()\r\n        .filter((column) => column.visible && column.name)\r\n        .map((column) => {\r\n          const columnProps: Record<string, any> = {\r\n            prop: column.name,\r\n            label: column.label,\r\n            width: column.width,\r\n            minWidth: column.minWidth,\r\n            fixed: column.fixed,\r\n            align: column.align || \"center\",\r\n            reserveSelection: true,\r\n            type: column.type || \"default\",\r\n            sortable: column.sortable,\r\n          };\r\n\r\n          if (!column.visible) {\r\n            return null;\r\n          }\r\n\r\n          return (\r\n            slots[`col-${column.name}`]?.() ?? (\r\n              <ElTableColumn\r\n                {...columnProps}\r\n                v-slots={{\r\n                  default: (scope: {\r\n                    $index: number;\r\n                    row: any;\r\n                    column: any;\r\n                  }) => {\r\n                    let children = slots[`col-${column.name}-content`]?.({\r\n                      $index: scope.$index,\r\n                      row: scope.row,\r\n                      column: column,\r\n                      dataTable: unref(dataTable),\r\n                    });\r\n\r\n                    if (children) {\r\n                      return children;\r\n                    }\r\n\r\n                    return (\r\n                      <MKDataTableColumn\r\n                        column={column}\r\n                        row={scope.row}\r\n                        index={scope.$index}\r\n                      />\r\n                    );\r\n                  },\r\n                }}\r\n              />\r\n            )\r\n          );\r\n        });\r\n\r\n      return (\r\n        <ElTable\r\n          data={unref(list)}\r\n          row-key={unref(dataTable).primaryKey}\r\n          onSort-change={handleSortChange}\r\n          ref={(el: any) =>\r\n            (tableEl.value = el as InstanceType<typeof ElTable>)\r\n          }\r\n          show-overflow-tooltip\r\n          border\r\n          stripe\r\n          lazy={props.lazy}\r\n          load={props.load as any}\r\n          tree-props={unref(treeProps)}\r\n          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\r\n          onSelection-change={handleSelectionChange}\r\n        >\r\n          {unref(selectionColumn).visible ? (\r\n            <ElTableColumn\r\n              type={unref(selectionColumn).type ?? \"selection\"}\r\n              width={unref(selectionColumn).width}\r\n              fixed={unref(selectionColumn).fixed}\r\n            />\r\n          ) : null}\r\n          {columns}\r\n        </ElTable>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["name","props","tableProps","setup","slots","treeProps","computed","tableEl","ref","dataTable","list","getList","unref","selectionColumn","handleSortChange","column","prop","order","orderType","OrderType","DESC","ASC","sorter","setColumnSort","allowChangeSelection","handleSelectionChange","items","setSelection","map","item","primaryKey","onMounted","_tableEl","watch","_","onCleanup","getSelection","selections","tableSelections","getSelectionRows","sort","isEqual","clearSelection","nextTick","selectedRows","filter","includes","toggleRowSelection","immediate","columns","getColumns","visible","columnProps","label","width","minWidth","fixed","align","reserveSelection","type","sortable","_createVNode","ElTableColumn","default","scope","children","$index","row","MKDataTableColumn","ElTable","el","value","lazy","load","empty","ElEmpty"],"mappings":";;;;;;;AAgBA,4BAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,SAAA;AAAA,EACNC,KAAOC,EAAAA,UAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAMC,MAAAA,SAAAA,GAAYC,SAAS,MAAM;AAC/B,MAAA,OAAOL,KAAMI,CAAAA,SAAAA,CAAAA;AAAAA,KACd,CAAA,CAAA;AAED,IAAME,MAAAA,OAAAA,GAAoDC,IAAI,IAAI,CAAA,CAAA;AAElE,IAAA,MAAMC,SAAYH,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMQ,SAAS,CAAA,CAAA;AAEhD,IAAMC,MAAAA,IAAAA,GAAOJ,SAAS,MAAML,KAAAA,CAAMU,QAAQC,KAAMH,CAAAA,SAAS,CAAC,CAAC,CAAA,CAAA;AAE3D,IAAA,MAAMI,kBAAkBP,QAAS,CAAA,MAAMM,KAAMH,CAAAA,SAAS,EAAEI,eAAe,CAAA,CAAA;AAIvE,IAAA,MAAMC,mBAAmBA,CAAC;AAAA,MAAEC,MAAAA;AAAAA,MAAQC,IAAAA;AAAAA,MAAMC,KAAAA;AAAAA,KAA6B,KAAA;AACrE,MAAA,IAAIC,SAA8B,GAAA,IAAA,CAAA;AAElC,MAAA,IAAID,UAAU,YAAc,EAAA;AAC1BC,QAAAA,SAAAA,GAAYC,SAAUC,CAAAA,IAAAA,CAAAA;AAAAA,OACxB,MAAA,IAAWH,UAAU,WAAa,EAAA;AAChCC,QAAAA,SAAAA,GAAYC,SAAUE,CAAAA,GAAAA,CAAAA;AAAAA,OACxB;AAEAT,MAAAA,KAAAA,CAAMH,SAAS,CAAA,CAAEa,MAAOC,CAAAA,aAAAA,CAAcP,MAAME,SAAS,CAAA,CAAA;AAAA,KACvD,CAAA;AAEA,IAAA,IAAIM,oBAAuB,GAAA,IAAA,CAAA;AAE3B,IAAA,MAAMC,wBAAyBC,CAAiB,KAAA,KAAA;AAC9C,MAAA,IAAIF,oBAAsB,EAAA;AACxBZ,QAAAA,KAAAA,CAAMH,SAAS,CAAA,CAAEkB,YACfD,CAAAA,KAAAA,CAAME,GAAKC,CAAAA,CAAAA,IAAAA,KAASA,IAAKjB,CAAAA,KAAAA,CAAMH,SAAS,CAAA,CAAEqB,UAAU,CAAC,CACvD,CAAA,CAAA;AAAA,OACF;AAAA,KACF,CAAA;AAEAC,IAAAA,SAAAA,CAAU,MAAM;AACd,MAAMC,MAAAA,QAAAA,GAAWpB,MAAML,OAAO,CAAA,CAAA;AAE9B0B,MAAAA,KAAAA,CAAMvB,IAAM,EAAA,CAACA,KAAMwB,EAAAA,CAAAA,EAAGC,SAAc,KAAA;AAClCA,QACEF,SAAAA,CAAAA,KAAAA,CACE3B,QAAS,CAAA,MAAMM,KAAMH,CAAAA,SAAS,EAAE2B,YAAa,EAAC,CAC9C,EAAA,OAAOC,UAAe,KAAA;AACpB,UAAMP,MAAAA,UAAAA,GAAalB,KAAMH,CAAAA,SAAS,CAAEqB,CAAAA,UAAAA,CAAAA;AAEpC,UAAMQ,MAAAA,eAAAA,GAAkBN,QACrBO,CAAAA,gBAAAA,EACAX,CAAAA,GAAAA,CAAKC,CAAAA,KAAAA,KAAcA,KAAKC,CAAAA,UAAU,CAAC,CAAA,CACnCU,IAAK,EAAA,CAAA;AAER,UAAIC,IAAAA,OAAAA,CAAQJ,UAAYC,EAAAA,eAAe,CAAG,EAAA;AACxC,YAAA,OAAA;AAAA,WACF;AAEAd,UAAuB,oBAAA,GAAA,KAAA,CAAA;AAEvBQ,UAAAA,QAAAA,CAASU,cAAe,EAAA,CAAA;AAExB,UAAA,MAAMC,QAAS,EAAA,CAAA;AAEf,UAAMC,MAAAA,YAAAA,GAAelC,KAAKmC,CAAAA,MAAAA,CAAQhB,CAAAA,KAAAA,KAChCQ,WAAWS,QAASjB,CAAAA,KAAAA,CAAKC,UAAU,CAAC,CACtC,CAAA,CAAA;AAEA,UAAA,KAAA,IAASD,QAAQe,YAAc,EAAA;AAC7BZ,YAASe,QAAAA,CAAAA,kBAAAA,CAAmBlB,MAAM,IAAI,CAAA,CAAA;AAAA,WACxC;AAEAL,UAAuB,oBAAA,GAAA,IAAA,CAAA;AAAA,SAEzB,EAAA;AAAA,UACEwB,SAAW,EAAA,IAAA;AAAA,SAEf,CACF,CAAA,CAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,MAAMC,OAAUrC,GAAAA,KAAAA,CAAMH,SAAS,CAAA,CAC5ByC,YACAL,CAAAA,MAAAA,CAAQ9B,CAAWA,MAAAA,KAAAA,MAAAA,CAAOoC,OAAWpC,IAAAA,MAAAA,CAAOf,IAAI,CAAA,CAChD4B,IAAKb,CAAW,MAAA,KAAA;AACf,QAAA,MAAMqC,WAAmC,GAAA;AAAA,UACvCpC,MAAMD,MAAOf,CAAAA,IAAAA;AAAAA,UACbqD,OAAOtC,MAAOsC,CAAAA,KAAAA;AAAAA,UACdC,OAAOvC,MAAOuC,CAAAA,KAAAA;AAAAA,UACdC,UAAUxC,MAAOwC,CAAAA,QAAAA;AAAAA,UACjBC,OAAOzC,MAAOyC,CAAAA,KAAAA;AAAAA,UACdC,KAAAA,EAAO1C,OAAO0C,KAAS,IAAA,QAAA;AAAA,UACvBC,gBAAkB,EAAA,IAAA;AAAA,UAClBC,IAAAA,EAAM5C,OAAO4C,IAAQ,IAAA,SAAA;AAAA,UACrBC,UAAU7C,MAAO6C,CAAAA,QAAAA;AAAAA,SACnB,CAAA;AAEA,QAAI,IAAA,CAAC7C,OAAOoC,OAAS,EAAA;AACnB,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AAEA,QACE/C,OAAAA,KAAAA,CAAO,OAAMW,MAAOf,CAAAA,IAAK,EAAC,CAAI,IAAA,IAAC6D,WAAAC,CAAAA,aAAAA,EAEvBV,WACK,EAAA;AAAA,UACPW,SAAUC,CAIJ,KAAA,KAAA;AACJ,YAAA,IAAIC,WAAW7D,KAAO,CAAA,CAAA,IAAA,EAAMW,MAAOf,CAAAA,IAAK,UAAS,CAAI,GAAA;AAAA,cACnDkE,QAAQF,KAAME,CAAAA,MAAAA;AAAAA,cACdC,KAAKH,KAAMG,CAAAA,GAAAA;AAAAA,cACXpD,MAAAA;AAAAA,cACAN,SAAAA,EAAWG,MAAMH,SAAS,CAAA;AAAA,aAC3B,CAAA,CAAA;AAED,YAAA,IAAIwD,QAAU,EAAA;AACZ,cAAOA,OAAAA,QAAAA,CAAAA;AAAAA,aACT;AAEA,YAAA,OAAAJ,YAAAO,iBAAA,EAAA;AAAA,cAAA,QAEYrD,EAAAA,MAAAA;AAAAA,cAAM,OACTiD,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,YAAAQ,OAAA,EAAA;AAAA,QAAA,MAAA,EAEUzD,MAAMF,IAAI,CAAA;AAAA,QAAC,SAAA,EACRE,KAAMH,CAAAA,SAAS,CAAEqB,CAAAA,UAAAA;AAAAA,QAAU,eACrBhB,EAAAA,gBAAAA;AAAAA,QAAgB,KAAA,EACzBwD,CACH/D,EAAAA,KAAAA,OAAAA,CAAQgE,KAAQD,GAAAA,EAAAA;AAAAA,QAAmC,uBAAA,EAAA,IAAA;AAAA,QAAA,QAAA,EAAA,IAAA;AAAA,QAAA,QAAA,EAAA,IAAA;AAAA,QAAA,QAKhDrE,KAAMuE,CAAAA,IAAAA;AAAAA,QAAI,QACVvE,KAAMwE,CAAAA,IAAAA;AAAAA,QAAI,YAAA,EACJ7D,MAAMP,SAAS,CAAA;AAAA,QAAC,oBAERoB,EAAAA,qBAAAA;AAAAA,OAAqB,EAAA;AAAA,QAAAsC,OAAAA,EAAAA,MAExCnD,CAAAA,KAAAA,CAAMC,eAAe,CAAEsC,CAAAA,OAAAA,GAAOU,YAAAC,aAAA,EAAA;AAAA,UAAA,MAErBlD,EAAAA,KAAAA,CAAMC,eAAe,CAAA,CAAE8C,IAAQ,IAAA,WAAA;AAAA,UAAW,OAAA,EACzC/C,KAAMC,CAAAA,eAAe,CAAEyC,CAAAA,KAAAA;AAAAA,UAAK,OAAA,EAC5B1C,KAAMC,CAAAA,eAAe,CAAE2C,CAAAA,KAAAA;AAAAA,SAE9B,EAAA,IAAA,CAAA,GAAA,IAAA,EACHP,OAAO,CAAA;AAAA,QAVGyB,KAAAA,EAAOA,MAAMtE,KAAMsE,CAAAA,KAAAA,QAASb,WAAAc,CAAAA,OAAAA,EAAA,MAAA,IAAA,CAAA;AAAA,OAAe,CAAA,CAAA;AAAA,KAa5D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"table.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/table.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  onMounted,\n  ref,\n  Ref,\n  unref,\n  watch,\n  nextTick,\n} from \"vue\";\nimport { Column, ElEmpty, ElTable, ElTableColumn } from \"element-plus\";\nimport { tableProps } from \"./table-options\";\nimport MKDataTableColumn from \"../../data-table-column\";\nimport { OrderType } from \"@maketribe/dm\";\nimport { isEqual } from \"lodash-es\";\n\nexport default defineComponent({\n  name: \"MKTable\",\n  props: tableProps,\n  setup(props, { slots }) {\n    const treeProps = computed(() => {\n      return props.treeProps;\n    });\n\n    const tableEl: Ref<InstanceType<typeof ElTable> | null> = ref(null);\n\n    const dataTable = computed(() => props.dataTable);\n\n    const list = computed(() => props.getList(unref(dataTable)));\n\n    const selectionColumn = computed(() => unref(dataTable).selectionColumn);\n\n    type SortChangeEvent = { column: Column; prop: string; order: string };\n\n    const handleSortChange = ({ column, prop, order }: SortChangeEvent) => {\n      let orderType: OrderType | null = null;\n\n      if (order === \"descending\") {\n        orderType = OrderType.DESC;\n      } else if (order === \"ascending\") {\n        orderType = OrderType.ASC;\n      }\n\n      unref(dataTable).sorter.setColumnSort(prop, orderType);\n    };\n\n    let allowChangeSelection = true;\n\n    const handleSelectionChange = (items: any[]) => {\n      if (allowChangeSelection) {\n        unref(dataTable).setSelection(\n          items.map((item) => item[unref(dataTable).primaryKey])\n        );\n      }\n    };\n\n    onMounted(() => {\n      const _tableEl = unref(tableEl)!;\n\n      watch(list, (list, _, onCleanup) => {\n        onCleanup(\n          watch(\n            computed(() => unref(dataTable).getSelection()),\n            async (selections) => {\n              const primaryKey = unref(dataTable).primaryKey;\n\n              const tableSelections = _tableEl\n                .getSelectionRows()\n                .map((item: any) => item[primaryKey])\n                .sort();\n\n              if (isEqual(selections, tableSelections)) {\n                return;\n              }\n\n              allowChangeSelection = false;\n\n              _tableEl.clearSelection();\n\n              await nextTick();\n\n              const selectedRows = list.filter((item: any) =>\n                selections.includes(item[primaryKey])\n              );\n\n              for (var item of selectedRows) {\n                _tableEl.toggleRowSelection(item, true);\n              }\n\n              allowChangeSelection = true;\n            },\n            {\n              immediate: true,\n            }\n          )\n        );\n      });\n    });\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            align: column.align || \"center\",\n            reserveSelection: true,\n            type: column.type || \"default\",\n            sortable: column.sortable,\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                      <MKDataTableColumn\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(list)}\n          row-key={unref(dataTable).primaryKey}\n          onSort-change={handleSortChange}\n          ref={(el: any) =>\n            (tableEl.value = el as InstanceType<typeof ElTable>)\n          }\n          show-overflow-tooltip\n          border\n          stripe\n          lazy={props.lazy}\n          load={props.load as any}\n          tree-props={unref(treeProps)}\n          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\n          onSelection-change={handleSelectionChange}\n        >\n          {unref(selectionColumn).visible ? (\n            <ElTableColumn\n              type={unref(selectionColumn).type ?? \"selection\"}\n              width={unref(selectionColumn).width}\n              fixed={unref(selectionColumn).fixed}\n            />\n          ) : null}\n          {columns}\n        </ElTable>\n      );\n    };\n  },\n});\n"],"names":["name","props","tableProps","setup","slots","treeProps","computed","tableEl","ref","dataTable","list","getList","unref","selectionColumn","handleSortChange","column","prop","order","orderType","OrderType","DESC","ASC","sorter","setColumnSort","allowChangeSelection","handleSelectionChange","items","setSelection","map","item","primaryKey","onMounted","_tableEl","watch","_","onCleanup","getSelection","selections","tableSelections","getSelectionRows","sort","isEqual","clearSelection","nextTick","selectedRows","filter","includes","toggleRowSelection","immediate","columns","getColumns","visible","columnProps","label","width","minWidth","fixed","align","reserveSelection","type","sortable","_createVNode","ElTableColumn","default","scope","children","$index","row","MKDataTableColumn","ElTable","el","value","lazy","load","empty","ElEmpty"],"mappings":"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"}

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

@@ -1 +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\";\r\nimport { TreeNode } from \"element-plus\";\r\nimport { tableTreeProps } from \"./table-tree-options\";\r\nimport { DataTree, DataTreeNode } from \"@maketribe/dm\";\r\nimport { MKTable } from \"../table\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTableTree\",\r\n  props: tableTreeProps,\r\n  setup(props, { slots }) {\r\n    const dataTree = computed(() => props.dataTree);\r\n\r\n    const treeProps = computed(() => {\r\n      const _dataTre = unref(dataTree);\r\n\r\n      return { children: _dataTre.props.children, hasChildren: \"hasChildren\" };\r\n    });\r\n\r\n    const lazy = computed(() => unref(dataTree).lazy);\r\n\r\n    const handleLoad = async (\r\n      row: DataTreeNode,\r\n      node: TreeNode,\r\n      resolve: Function\r\n    ) => {\r\n      await row.load();\r\n\r\n      resolve(row.children);\r\n    };\r\n\r\n    const getList = (dataTree: DataTree<any>) => {\r\n      return dataTree.children;\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <MKTable\r\n          dataTable={unref(dataTree)}\r\n          getList={getList}\r\n          tree-props={unref(treeProps)}\r\n          load={handleLoad}\r\n          lazy={unref(lazy)}\r\n          v-slots={slots}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["name","props","tableTreeProps","setup","slots","dataTree","computed","treeProps","_dataTre","unref","children","hasChildren","lazy","handleLoad","row","node","resolve","load","getList","_createVNode","MKTable"],"mappings":";;;;AAMA,gCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,aAAA;AAAA,EACNC,KAAOC,EAAAA,cAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,QAAWC,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMI,QAAQ,CAAA,CAAA;AAE9C,IAAME,MAAAA,SAAAA,GAAYD,SAAS,MAAM;AAC/B,MAAME,MAAAA,QAAAA,GAAWC,MAAMJ,QAAQ,CAAA,CAAA;AAE/B,MAAO,OAAA;AAAA,QAAEK,QAAAA,EAAUF,SAASP,KAAMS,CAAAA,QAAAA;AAAAA,QAAUC,WAAa,EAAA,aAAA;AAAA,OAAc,CAAA;AAAA,KACxE,CAAA,CAAA;AAED,IAAA,MAAMC,OAAON,QAAS,CAAA,MAAMG,KAAMJ,CAAAA,QAAQ,EAAEO,IAAI,CAAA,CAAA;AAEhD,IAAA,MAAMC,UAAa,GAAA,OACjBC,GACAC,EAAAA,IAAAA,EACAC,OACG,KAAA;AACH,MAAA,MAAMF,IAAIG,IAAK,EAAA,CAAA;AAEfD,MAAAA,OAAAA,CAAQF,IAAIJ,QAAQ,CAAA,CAAA;AAAA,KACtB,CAAA;AAEA,IAAMQ,MAAAA,OAAAA,GAAWb,CAAAA,SAA4B,KAAA;AAC3C,MAAA,OAAOA,SAASK,CAAAA,QAAAA,CAAAA;AAAAA,KAClB,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAS,YAAAC,OAAA,EAAA;AAAA,QAAA,WAAA,EAEeX,MAAMJ,QAAQ,CAAA;AAAA,QAAC,SACjBa,EAAAA,OAAAA;AAAAA,QAAO,YAAA,EACJT,MAAMF,SAAS,CAAA;AAAA,QAAC,MACtBM,EAAAA,UAAAA;AAAAA,QAAU,MAAA,EACVJ,MAAMG,IAAI,CAAA;AAAA,SACPR,KAAK,CAAA,CAAA;AAAA,KAGpB,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"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 { TreeNode } from \"element-plus\";\nimport { tableTreeProps } from \"./table-tree-options\";\nimport { DataTree, DataTreeNode } from \"@maketribe/dm\";\nimport { MKTable } from \"../table\";\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 lazy = computed(() => unref(dataTree).lazy);\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    const getList = (dataTree: DataTree<any>) => {\n      return dataTree.children;\n    };\n\n    return () => {\n      return (\n        <MKTable\n          dataTable={unref(dataTree)}\n          getList={getList}\n          tree-props={unref(treeProps)}\n          load={handleLoad}\n          lazy={unref(lazy)}\n          v-slots={slots}\n        />\n      );\n    };\n  },\n});\n"],"names":["name","props","tableTreeProps","setup","slots","dataTree","computed","treeProps","_dataTre","unref","children","hasChildren","lazy","handleLoad","row","node","resolve","load","getList","_createVNode","MKTable"],"mappings":";;;;AAMA,gCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,aAAA;AAAA,EACNC,KAAOC,EAAAA,cAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,QAAWC,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMI,QAAQ,CAAA,CAAA;AAE9C,IAAME,MAAAA,SAAAA,GAAYD,SAAS,MAAM;AAC/B,MAAME,MAAAA,QAAAA,GAAWC,MAAMJ,QAAQ,CAAA,CAAA;AAE/B,MAAO,OAAA;AAAA,QAAEK,QAAAA,EAAUF,SAASP,KAAMS,CAAAA,QAAAA;AAAAA,QAAUC,WAAa,EAAA,aAAA;AAAA,OAAc,CAAA;AAAA,KACxE,CAAA,CAAA;AAED,IAAA,MAAMC,OAAON,QAAS,CAAA,MAAMG,KAAMJ,CAAAA,QAAQ,EAAEO,IAAI,CAAA,CAAA;AAEhD,IAAA,MAAMC,UAAa,GAAA,OACjBC,GACAC,EAAAA,IAAAA,EACAC,OACG,KAAA;AACH,MAAA,MAAMF,IAAIG,IAAK,EAAA,CAAA;AAEfD,MAAAA,OAAAA,CAAQF,IAAIJ,QAAQ,CAAA,CAAA;AAAA,KACtB,CAAA;AAEA,IAAMQ,MAAAA,OAAAA,GAAWb,CAAAA,SAA4B,KAAA;AAC3C,MAAA,OAAOA,SAASK,CAAAA,QAAAA,CAAAA;AAAAA,KAClB,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAS,YAAAC,OAAA,EAAA;AAAA,QAAA,WAAA,EAEeX,MAAMJ,QAAQ,CAAA;AAAA,QAAC,SACjBa,EAAAA,OAAAA;AAAAA,QAAO,YAAA,EACJT,MAAMF,SAAS,CAAA;AAAA,QAAC,MACtBM,EAAAA,UAAAA;AAAAA,QAAU,MAAA,EACVJ,MAAMG,IAAI,CAAA;AAAA,SACPR,KAAK,CAAA,CAAA;AAAA,KAGpB,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/data-model/data-table/views/table-view/classify-search/classify-search-item/classify-search-item.d.ts

@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
 }, {
-    formatOptions: Function;
     multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    formatOptions: Function;
 }, {}>;
 export default _default;

package/dist/esm/components/data-model/data-table/views/table-view/classify-search/classify-search-item/index.d.ts

@@ -64,7 +64,7 @@ export declare const MKTableClassifySearchItem: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
 }, {
-    formatOptions: Function;
     multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    formatOptions: Function;
 }, {}>;
 export default TableClassifySearchItem;

package/dist/esm/components/data-model/data-table/views/table-view/classify-search/classify-search.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

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

@@ -13,6 +13,9 @@ var TableClassifySearch = /* @__PURE__ */ defineComponent({
       let children = slots.default?.();
       const _classifySearch = unref(classifySearch);
       if (!children && _classifySearch) {
+        if (!_classifySearch.getClassifySearchItems().length) {
+          return;
+        }
         children = createVNode(Fragment, null, [_classifySearch.getClassifySearchItems().map((item) => createVNode(TableClassifySearchItem, {
           "label": item.label,
           "labelWidth": _classifySearch.labelWidth,

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

@@ -1 +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\";\r\nimport MKTableClassifySearchItem from \"./classify-search-item\";\r\nimport { DATATABLE_CONTEXT_KEY } from \"../../../token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTableClassifySearch\",\r\n  setup(props, { slots }) {\r\n    const dataTable = inject(DATATABLE_CONTEXT_KEY)?.dataTable;\r\n\r\n    const classifySearch = computed(() => dataTable?.classifySearch ?? null);\r\n\r\n    return () => {\r\n      let children: any = slots.default?.();\r\n\r\n      const _classifySearch = unref(classifySearch);\r\n\r\n      if (!children && _classifySearch) {\r\n        children = (\r\n          <Fragment>\r\n            {_classifySearch.getClassifySearchItems().map((item) => (\r\n              <MKTableClassifySearchItem\r\n                label={item.label}\r\n                labelWidth={_classifySearch.labelWidth}\r\n                modelValue={_classifySearch.getParam(item.name)}\r\n                onUpdate:model-value={(v: any) => {\r\n                  _classifySearch.setParam(item.name, v);\r\n                }}\r\n                multiple={item.multiple}\r\n                options={item.options}\r\n                formatOptions={item.formatOptions || undefined}\r\n              />\r\n            ))}\r\n          </Fragment>\r\n        );\r\n      }\r\n\r\n      return <div class=\"mk-classify-search\">{children}</div>;\r\n    };\r\n  },\r\n});\r\n"],"names":["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+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,uBAAA;AAAA,EACNC,MAAMC,KAAO,EAAA;AAAA,IAAEC,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAMC,MAAAA,SAAAA,GAAYC,MAAOC,CAAAA,qBAAqB,CAAGF,EAAAA,SAAAA,CAAAA;AAEjD,IAAA,MAAMG,cAAiBC,GAAAA,QAAAA,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,MAAML,cAAc,CAAA,CAAA;AAE5C,MAAI,IAAA,CAACE,YAAYE,eAAiB,EAAA;AAChCF,QAAQI,QAAAA,GAAAA,WAAAA,CAAAC,QAAA,EAAA,IAAA,EAAA,CAEHH,eAAAA,CAAgBI,wBAAyBC,CAAAA,GAAAA,CAAKC,CAAIJ,IAAAA,KAAAA,WAAAA,CAAAK,uBAAA,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,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,oBAAA;AAAA,OAAA,EAAA,CAAwCJ,QAAQ,CAAA,CAAA,CAAA;AAAA,KAClD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"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        if (!_classifySearch.getClassifySearchItems().length) {\n          return;\n        }\n\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":["name","setup","props","slots","dataTable","inject","DATATABLE_CONTEXT_KEY","classifySearch","computed","children","default","_classifySearch","unref","getClassifySearchItems","length","_createVNode","_Fragment","map","item","MKTableClassifySearchItem","label","labelWidth","getParam","v","setParam","multiple","options","formatOptions","undefined"],"mappings":";;;;AAIA,0CAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,uBAAA;AAAA,EACNC,MAAMC,KAAO,EAAA;AAAA,IAAEC,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAMC,MAAAA,SAAAA,GAAYC,MAAOC,CAAAA,qBAAqB,CAAGF,EAAAA,SAAAA,CAAAA;AAEjD,IAAA,MAAMG,cAAiBC,GAAAA,QAAAA,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,MAAML,cAAc,CAAA,CAAA;AAE5C,MAAI,IAAA,CAACE,YAAYE,eAAiB,EAAA;AAChC,QAAA,IAAI,CAACA,eAAAA,CAAgBE,sBAAuB,EAAA,CAAEC,MAAQ,EAAA;AACpD,UAAA,OAAA;AAAA,SACF;AAEAL,QAAQM,QAAAA,GAAAA,WAAAA,CAAAC,QAAA,EAAA,IAAA,EAAA,CAEHL,eAAAA,CAAgBE,wBAAyBI,CAAAA,GAAAA,CAAKC,CAAIH,IAAAA,KAAAA,WAAAA,CAAAI,uBAAA,EAAA;AAAA,UAAA,SAExCD,IAAKE,CAAAA,KAAAA;AAAAA,UAAK,cACLT,eAAgBU,CAAAA,UAAAA;AAAAA,UAAU,YAC1BV,EAAAA,eAAAA,CAAgBW,QAASJ,CAAAA,IAAAA,CAAKlB,IAAI,CAAA;AAAA,UAAC,wBACxBuB,CAAW,CAAA,KAAA;AAChCZ,YAAgBa,eAAAA,CAAAA,QAAAA,CAASN,IAAKlB,CAAAA,IAAAA,EAAMuB,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,OAAAb,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,oBAAA;AAAA,OAAA,EAAA,CAAwCN,QAAQ,CAAA,CAAA,CAAA;AAAA,KAClD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/data-model/data-table/views/table-view/classify-search/index.d.ts

@@ -1,4 +1,4 @@
 import TableClassifySearch from "./classify-search";
-export declare const MKTableClassifySearch: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export declare const MKTableClassifySearch: import("vue").DefineComponent<{}, () => JSX.Element | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default TableClassifySearch;
 export * from "./classify-search-item";

package/dist/esm/components/data-model/data-table/views/table-view/header/header-item.d.ts

@@ -0,0 +1,17 @@
+import { TableHeaderItem } from "@maketribe/dm";
+declare const _default: import("vue").DefineComponent<{
+    tableHeaderItem: {
+        readonly type: import("vue").PropType<TableHeaderItem>;
+        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<{
+    tableHeaderItem: {
+        readonly type: import("vue").PropType<TableHeaderItem>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,39 @@
+import { defineComponent, computed, toRaw, unref, createVNode } from 'vue';
+import { TableHeaderItem as TableHeaderItem$1 } from '@maketribe/dm';
+import { buildProps } from '@maketribe/utils';
+import { useRenderInfoComponent } from '../../../../../../composables/use-column-component.js';
+import '../../../../../basic/config-provider/index.js';
+import 'vue-router';
+import '@maketribe/request';
+import '@maketribe/locale';
+import '../../../../../../core/DataModelDefines.js';
+import 'element-plus';
+import { useGlobalConfig } from '../../../../../basic/config-provider/use-global-config.js';
+
+var TableHeaderItem = /* @__PURE__ */ defineComponent({
+  name: "MKTableHeaderItem",
+  props: buildProps({
+    tableHeaderItem: {
+      type: TableHeaderItem$1,
+      required: true
+    }
+  }),
+  setup(props) {
+    const tableHeaderItem = computed(() => props.tableHeaderItem);
+    const defaultDataTableHeaderComponents = useGlobalConfig("dataTableHeaderComponents");
+    const components = computed(() => defaultDataTableHeaderComponents.value);
+    const {
+      component,
+      componentProps
+    } = useRenderInfoComponent(tableHeaderItem, components);
+    return () => {
+      var TableHeaderItemComponent = toRaw(unref(component));
+      return createVNode("span", {
+        "class": "mk-table-view__header-item"
+      }, [createVNode(TableHeaderItemComponent, unref(componentProps), null)]);
+    };
+  }
+});
+
+export { TableHeaderItem as default };
+//# sourceMappingURL=header-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header-item.js","sources":["../../../../../../../../src/components/data-model/data-table/views/table-view/header/header-item.tsx"],"sourcesContent":["import { computed, defineComponent, toRaw, unref } from \"vue\";\r\nimport { TableHeaderItem } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { useRenderInfoComponent } from \"../../../../../../composables\";\r\nimport { useGlobalConfig } from \"../../../../../basic/config-provider\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTableHeaderItem\",\r\n  props: buildProps({\r\n    tableHeaderItem: {\r\n      type: TableHeaderItem,\r\n      required: true,\r\n    },\r\n  }),\r\n  setup(props) {\r\n    const tableHeaderItem = computed(() => props.tableHeaderItem!);\r\n\r\n    const defaultDataTableHeaderComponents = useGlobalConfig(\r\n      \"dataTableHeaderComponents\"\r\n    );\r\n\r\n    const components = computed(() => defaultDataTableHeaderComponents.value!);\r\n\r\n    const { component, componentProps } = useRenderInfoComponent(\r\n      tableHeaderItem,\r\n      components\r\n    );\r\n\r\n    return () => {\r\n      var TableHeaderItemComponent = toRaw(unref(component))!;\r\n\r\n      return (\r\n        <span class=\"mk-table-view__header-item\">\r\n          <TableHeaderItemComponent {...unref(componentProps)} />\r\n        </span>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["name","props","buildProps","tableHeaderItem","type","TableHeaderItem","required","setup","computed","defaultDataTableHeaderComponents","useGlobalConfig","components","value","component","componentProps","useRenderInfoComponent","TableHeaderItemComponent","toRaw","unref","_createVNode"],"mappings":";;;;;;;;;;;;AAMA,sCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,mBAAA;AAAA,EACNC,OAAOC,UAAW,CAAA;AAAA,IAChBC,eAAiB,EAAA;AAAA,MACfC,IAAMC,EAAAA,iBAAAA;AAAAA,MACNC,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA,GACD,CAAA;AAAA,EACDC,MAAMN,KAAO,EAAA;AACX,IAAA,MAAME,eAAkBK,GAAAA,QAAAA,CAAS,MAAMP,KAAAA,CAAME,eAAgB,CAAA,CAAA;AAE7D,IAAMM,MAAAA,gCAAAA,GAAmCC,gBACvC,2BACF,CAAA,CAAA;AAEA,IAAA,MAAMC,UAAaH,GAAAA,QAAAA,CAAS,MAAMC,gCAAAA,CAAiCG,KAAM,CAAA,CAAA;AAEzE,IAAM,MAAA;AAAA,MAAEC,SAAAA;AAAAA,MAAWC,cAAAA;AAAAA,KAAe,GAAIC,sBACpCZ,CAAAA,eAAAA,EACAQ,UACF,CAAA,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAIK,wBAA2BC,GAAAA,KAAAA,CAAMC,KAAML,CAAAA,SAAS,CAAC,CAAA,CAAA;AAErD,MAAA,OAAAM,YAAA,MAAA,EAAA;AAAA,QAAA,OAAA,EAAA,4BAAA;AAAA,OAAA,EAAA,CAAAA,WAAAH,CAAAA,wBAAAA,EAEkCE,MAAMJ,cAAc,CAAA,EAAC,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAGzD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/data-model/data-table/views/table-view/header/header.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,37 @@
+import { defineComponent, inject, computed, unref, createVNode } from 'vue';
+import TableHeaderItem from './header-item.js';
+import { DATATABLE_CONTEXT_KEY } from '../../../token.js';
+
+var TableHeader = /* @__PURE__ */ defineComponent({
+  name: "MKTableHeader",
+  setup(props) {
+    const dataTable = inject(DATATABLE_CONTEXT_KEY)?.dataTable;
+    const tableHeader = computed(() => dataTable?.header);
+    const leftArea = computed(() => {
+      var items = unref(tableHeader)?.leftArea ?? [];
+      return items.filter((item) => item.predicate());
+    });
+    const rightArea = computed(() => {
+      var items = unref(tableHeader)?.rightArea ?? [];
+      return items.filter((item) => item.predicate());
+    });
+    return () => {
+      const leftItems = unref(leftArea).map((item) => createVNode(TableHeaderItem, {
+        "tableHeaderItem": item
+      }, null));
+      const rightItems = unref(rightArea).map((item) => createVNode(TableHeaderItem, {
+        "tableHeaderItem": item
+      }, null));
+      return createVNode("div", {
+        "class": "mk-table-view__header"
+      }, [createVNode("div", {
+        "class": "mk-table-view__header-main"
+      }, [leftItems]), createVNode("div", {
+        "class": "mk-table-view__header-tools"
+      }, [rightItems])]);
+    };
+  }
+});
+
+export { TableHeader as default };
+//# sourceMappingURL=header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sources":["../../../../../../../../src/components/data-model/data-table/views/table-view/header/header.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\nimport TableHeaderItem from \"./header-item\";\nimport { DATATABLE_CONTEXT_KEY } from \"../../../token\";\n\nexport default defineComponent({\n  name: \"MKTableHeader\",\n  setup(props) {\n    const dataTable = inject(DATATABLE_CONTEXT_KEY)?.dataTable;\n\n    const tableHeader = computed(() => dataTable?.header!);\n\n    const leftArea = computed(() => {\n      var items = unref(tableHeader)?.leftArea ?? [];\n\n      return items.filter((item) => item.predicate());\n    });\n    const rightArea = computed(() => {\n      var items = unref(tableHeader)?.rightArea ?? [];\n\n      return items.filter((item) => item.predicate());\n    });\n\n    return () => {\n      const leftItems = unref(leftArea).map((item) => (\n        <TableHeaderItem tableHeaderItem={item} />\n      ));\n\n      const rightItems = unref(rightArea).map((item) => (\n        <TableHeaderItem tableHeaderItem={item} />\n      ));\n\n      return (\n        <div class=\"mk-table-view__header\">\n          <div class=\"mk-table-view__header-main\">{leftItems}</div>\n          <div class=\"mk-table-view__header-tools\">{rightItems}</div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","setup","props","dataTable","inject","DATATABLE_CONTEXT_KEY","tableHeader","computed","header","leftArea","items","unref","filter","item","predicate","rightArea","leftItems","map","_createVNode","TableHeaderItem","rightItems"],"mappings":";;;;AAIA,kCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,eAAA;AAAA,EACNC,MAAMC,KAAO,EAAA;AACX,IAAMC,MAAAA,SAAAA,GAAYC,MAAOC,CAAAA,qBAAqB,CAAGF,EAAAA,SAAAA,CAAAA;AAEjD,IAAA,MAAMG,WAAcC,GAAAA,QAAAA,CAAS,MAAMJ,SAAAA,EAAWK,MAAO,CAAA,CAAA;AAErD,IAAMC,MAAAA,QAAAA,GAAWF,SAAS,MAAM;AAC9B,MAAA,IAAIG,KAAQC,GAAAA,KAAAA,CAAML,WAAW,CAAA,EAAGG,YAAY,EAAE,CAAA;AAE9C,MAAA,OAAOC,KAAME,CAAAA,MAAAA,CAAQC,CAASA,IAAAA,KAAAA,IAAAA,CAAKC,WAAW,CAAA,CAAA;AAAA,KAC/C,CAAA,CAAA;AACD,IAAMC,MAAAA,SAAAA,GAAYR,SAAS,MAAM;AAC/B,MAAA,IAAIG,KAAQC,GAAAA,KAAAA,CAAML,WAAW,CAAA,EAAGS,aAAa,EAAE,CAAA;AAE/C,MAAA,OAAOL,KAAME,CAAAA,MAAAA,CAAQC,CAASA,IAAAA,KAAAA,IAAAA,CAAKC,WAAW,CAAA,CAAA;AAAA,KAC/C,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,MAAME,YAAYL,KAAMF,CAAAA,QAAQ,EAAEQ,GAAKJ,CAAAA,CAAAA,IAAAA,KAAIK,YAAAC,eAAA,EAAA;AAAA,QAAA,iBACPN,EAAAA,IAAAA;AAAAA,OAAI,EAAA,IAAA,CACvC,CAAA,CAAA;AAED,MAAA,MAAMO,aAAaT,KAAMI,CAAAA,SAAS,EAAEE,GAAKJ,CAAAA,CAAAA,IAAAA,KAAIK,YAAAC,eAAA,EAAA;AAAA,QAAA,iBACTN,EAAAA,IAAAA;AAAAA,OAAI,EAAA,IAAA,CACvC,CAAA,CAAA;AAED,MAAA,OAAAK,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,uBAAA;AAAA,OAAA,EAAA,CAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,4BAAA;AAAA,SAE6CF,CAAAA,SAAS,IAAAE,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,6BAAA;AAAA,OAAA,EAAA,CACRE,UAAU,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAG1D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -0,0 +1 @@
+export declare const MKTableHeader: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

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

@@ -0,0 +1,6 @@
+import TableHeader from './header.js';
+
+const MKTableHeader = TableHeader;
+
+export { MKTableHeader };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/data-model/data-table/views/table-view/header/index.ts"],"sourcesContent":["import TableHeader from \"./header\";\n\nexport const MKTableHeader = TableHeader;\n"],"names":[],"mappings":";;AAEO,MAAM,aAAgB,GAAA;;;;"}

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

@@ -1,14 +1,13 @@
-import { DataTable } from "@maketribe/dm";
 declare const _default: import("vue").DefineComponent<{
     readonly dataTable: {
-        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        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<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        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;

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

@@ -1,13 +1,10 @@
-import { defineComponent, computed, unref, watch, createVNode, Fragment, createTextVNode } from 'vue';
-import { ElCard, ElButton } from 'element-plus';
-import { MKButton } from '../../../../basic/button/index.js';
-import { MKTableClassifySearch } from './classify-search/index.js';
+import { defineComponent, computed, unref, watch, createVNode } from 'vue';
+import { ElCard } from 'element-plus';
+import { DataTree } from '@maketribe/dm';
 import { MKDataTablePagination } from '../../../data-table-pagination/index.js';
-import { MKDataFilterPopover } from '../../../data-filter-popover/index.js';
-import { MKSvgIcon } from '../../../../basic/svg-icon/index.js';
 import { MKTable } from '../table/index.js';
 import { tableViewProps } from './table-view-options.js';
-import { DataTree } from '@maketribe/dm';
+import { MKTableHeader } from './header/index.js';
 
 var TableView = /* @__PURE__ */ defineComponent({
   name: "MKTableView",
@@ -41,55 +38,7 @@ var TableView = /* @__PURE__ */ defineComponent({
           "dataTable": unref(dataTable)
         }, null), pagination],
         header: () => {
-          const _dataTable = unref(dataTable);
-          const buttons = _dataTable.buttonTools.filter((button) => button.predicate()).map((button) => createVNode(MKButton, {
-            "button": button,
-            "onClick": () => button.handler()
-          }, null));
-          let classifySearch = slots["classify-search"]?.() ?? null;
-          if (!classifySearch && _dataTable.classifySearch.getClassifySearchItems().length) {
-            classifySearch = createVNode(MKTableClassifySearch, null, null);
-          }
-          let tools;
-          if (!_dataTable.getSelection().length) {
-            tools = createVNode(Fragment, null, [createVNode("div", {
-              "class": "header-box-main"
-            }, null), createVNode("div", {
-              "class": "header-box-tools"
-            }, [_dataTable.dataFilter.getColumns().length ? createVNode(MKDataFilterPopover, {
-              "dataTable": _dataTable
-            }, {
-              default: () => [createVNode(ElButton, null, {
-                default: () => [createVNode(MKSvgIcon, {
-                  "iconClass": "Filter"
-                }, null)]
-              })]
-            }) : null, buttons])]);
-          } else {
-            tools = createVNode("div", {
-              "class": "mk-table-view__selection-tip"
-            }, [createVNode("div", {
-              "class": "mk-table-view__selection-tip-left"
-            }, [createVNode("span", null, [createTextVNode("\u5DF2\u9009\u4E2D"), createVNode("span", {
-              "class": "selection-count"
-            }, [_dataTable.getSelection().length]), createTextVNode("\u9879")])]), createVNode("div", {
-              "class": "mk-table-view__selection-tip-right"
-            }, [_dataTable.batchActionButtonTools.map((button) => createVNode(MKButton, {
-              "link": true,
-              "button": button,
-              "onClick": () => button.handler()
-            }, null)), createVNode(ElButton, {
-              "link": true,
-              "onClick": () => _dataTable.clearSelection()
-            }, {
-              default: () => [createTextVNode("\u53D6\u6D88\u9009\u62E9")]
-            })])]);
-          }
-          return createVNode(Fragment, null, [classifySearch, createVNode("div", {
-            "class": "mk-table-view__header header-box"
-          }, [tools, createVNode("div", {
-            "class": "mk-table-view__header-right"
-          }, [slots.title?.()])])]);
+          return createVNode(MKTableHeader, null, null);
         }
       });
     };