@maketribe/ms-app 3.0.48 → 3.0.49

package/dist/cjs/components/data-model/data-table/components/column-text/column-text.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var vue = require('vue');
+var columnTextOptions = require('./column-text-options.js');
+var useColumn = require('../../composables/use-column.js');
+
+var ColumnText = /* @__PURE__ */ vue.defineComponent({
+  name: "MKColumnText",
+  props: columnTextOptions.columnTextProps,
+  setup(props) {
+    const {
+      value
+    } = useColumn.useColumn(props);
+    const formatValue = vue.computed(() => props.formatValue(vue.unref(value)));
+    return () => {
+      return vue.createVNode("span", {
+        "class": "mk-column-text"
+      }, [vue.unref(formatValue)]);
+    };
+  }
+});
+
+module.exports = ColumnText;
+//# sourceMappingURL=column-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"column-text.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-text/column-text.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\n\nimport { columnTextProps } from \"./column-text-options\";\nimport { useColumn } from \"../../composables\";\n\nexport default defineComponent({\n  name: \"MKColumnText\",\n  props: columnTextProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    const formatValue = computed(() => props.formatValue(unref(value)));\n\n    return () => {\n      return <span class=\"mk-column-text\">{unref(formatValue)}</span>;\n    };\n  },\n});\n"],"names":["defineComponent","name","props","columnTextProps","setup","value","useColumn","formatValue","computed","unref","_createVNode"],"mappings":";;;;;;AAKA,iCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,cAAA;AAAA,EACNC,KAAOC,EAAAA,iCAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAM,MAAA;AAAA,MAAEG,KAAAA;AAAAA,KAAM,GAAIC,oBAAUJ,KAAK,CAAA,CAAA;AAEjC,IAAMK,MAAAA,WAAAA,GAAcC,aAAS,MAAMN,KAAAA,CAAMK,YAAYE,SAAMJ,CAAAA,KAAK,CAAC,CAAC,CAAA,CAAA;AAElE,IAAA,OAAO,MAAM;AACX,MAAA,OAAAK,gBAAA,MAAA,EAAA;AAAA,QAAA,OAAA,EAAA,gBAAA;AAAA,OAAqCD,EAAAA,CAAAA,SAAMF,CAAAA,WAAW,CAAC,CAAA,CAAA,CAAA;AAAA,KACzD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

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

package/dist/cjs/components/data-model/data-table/data-table-column-component/data-table-column-component.js

@@ -3,7 +3,7 @@
 var vue = require('vue');
 require('@maketribe/dm');
 var useColumnComponent = require('../../../../composables/use-column-component.js');
-require('../../../config-provider/index.js');
+require('../../../basic/config-provider/index.js');
 require('vue-router');
 require('@maketribe/request');
 require('@maketribe/locale');

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

@@ -118,8 +118,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly [Symbol.species]: ArrayConstructor;
     }, unknown, unknown, () => never[], boolean>;
 }>>, {
+    readonly selection: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly columns: import("@maketribe/dm").ColumnOptions[];
-    readonly selection: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;

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

@@ -30,6 +30,7 @@ var DataTable = /* @__PURE__ */ vue.defineComponent({
       }
       return _dataTable;
     });
+    const loading = vue.computed(() => vue.unref(dataTable).loading);
     vue.watch(dataTable, async (dataTable2) => {
       if (props.autoLoad) {
         dataTable2.load();
@@ -57,13 +58,13 @@ var DataTable = /* @__PURE__ */ vue.defineComponent({
       dataTable
     }));
     return () => {
-      return vue.createVNode("div", {
+      return vue.withDirectives(vue.createVNode("div", {
         "class": "mk-data-table"
       }, [slots.default?.({
         dataTable: vue.unref(dataTable)
       }) || vue.createVNode(index.MKTableView, {
         "dataTable": vue.unref(dataTable)
-      }, null)]);
+      }, null)]), [[vue.resolveDirective("loading"), vue.unref(loading)]]);
     };
   }
 });

package/dist/cjs/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    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\">\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":["defineComponent","name","props","dataTableProps","setup","slots","_dataTable","dataTable","computed","DataTable","reactive","primaryKey","pageSize","interfaceURL","list","listInterfaceURL","delete","deleteInterfaceURL","watch","autoLoad","load","columns","unref","getColumns","extractColumnConfig","filter","config","findIndex","column","extractColumn","map","TableColumn","visible","sortedColumns","columnConfig","find","push","_columns","item","setColumns","init","immediate","provide","DATATABLE_CONTEXT_KEY","_createVNode","default","MKTableView"],"mappings":"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"}
+{"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":["defineComponent","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/cjs/components/data-model/data-table/index.d.ts

@@ -117,9 +117,9 @@ export declare const MKDataTable: import("@maketribe/utils").SFCWithInstall<impo
         readonly [Symbol.species]: ArrayConstructor;
     }, unknown, unknown, () => never[], boolean>;
 }>>, {
+    readonly selection: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly columns: import("@maketribe/dm").ColumnOptions[];
-    readonly selection: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>> & {
     MKDataTableColumn: import("vue").DefineComponent<{
         readonly column: {
@@ -183,3 +183,4 @@ export * from "./data-table-column";
 export * from "./data-table-column-component";
 export * from "./data-table-options";
 export * from "./views";
+export * from "./components";

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

@@ -12,6 +12,16 @@ var index$3 = require('./views/table-tree/index.js');
 var index$4 = require('./views/tree/index.js');
 var index$5 = require('./views/table-view/index.js');
 var index$8 = require('./views/tree-view/index.js');
+var index$9 = require('./components/column-action/index.js');
+var index$a = require('./components/column-image/index.js');
+var index$b = require('./components/column-text/index.js');
+var index$c = require('./components/column-object-mapping-text/index.js');
+var index$d = require('./components/column-select/index.js');
+var index$e = require('./components/column-json/index.js');
+var index$f = require('./components/column-date/index.js');
+var index$g = require('./components/column-switch/index.js');
+var index$h = require('./components/column-tag/index.js');
+var index$i = require('./components/column-link/index.js');
 var dataTableColumnOptions = require('./data-table-column/data-table-column-options.js');
 var dataTableColumnComponentOptions = require('./data-table-column-component/data-table-column-component-options.js');
 var tableOptions = require('./views/table/table-options.js');
@@ -20,6 +30,13 @@ var treeOptions = require('./views/tree/tree-options.js');
 var index$7 = require('./views/table-view/classify-search/classify-search-item/index.js');
 var index$6 = require('./views/table-view/classify-search/index.js');
 var treeViewOptions = require('./views/tree-view/tree-view-options.js');
+var columnTextOptions = require('./components/column-text/column-text-options.js');
+var columnObjectMappingTextOptions = require('./components/column-object-mapping-text/column-object-mapping-text-options.js');
+var columnJsonOptions = require('./components/column-json/column-json-options.js');
+var columnDateOptions = require('./components/column-date/column-date-options.js');
+var columnSwitchOptions = require('./components/column-switch/column-switch-options.js');
+var columnTagOptions = require('./components/column-tag/column-tag-options.js');
+var columnLinkOptions = require('./components/column-link/column-link-options.js');
 
 const MKDataTable = utils.withInstall(dataTable, {
   MKDataTableColumn: index.MKDataTableColumn,
@@ -36,6 +53,16 @@ exports.MKTableTree = index$3.MKTableTree;
 exports.MKTree = index$4.MKTree;
 exports.MKTableView = index$5.MKTableView;
 exports.MKTreeView = index$8.MKTreeView;
+exports.MKColumnAction = index$9.MKColumnAction;
+exports.MKColumnImage = index$a.MKColumnImage;
+exports.MKColumnText = index$b.MKColumnText;
+exports.MKColumnObjectMappingText = index$c.MKColumnObjectMappingText;
+exports.MKColumnSelect = index$d.MKColumnSelect;
+exports.MKColumnJson = index$e.MKColumnJson;
+exports.MKColumnDate = index$f.MKColumnDate;
+exports.MKColumnSwitch = index$g.MKColumnSwitch;
+exports.MKColumnTag = index$h.MKColumnTag;
+exports.MKColumnLink = index$i.MKColumnLink;
 exports.dataTableColumnProps = dataTableColumnOptions.dataTableColumnProps;
 exports.dataTableColumnComponentProps = dataTableColumnComponentOptions.dataTableColumnComponentProps;
 exports.tableProps = tableOptions.tableProps;
@@ -44,6 +71,16 @@ exports.treeProps = treeOptions.treeProps;
 exports.MKTableClassifySearchItem = index$7.MKTableClassifySearchItem;
 exports.MKTableClassifySearch = index$6.MKTableClassifySearch;
 exports.treeViewProps = treeViewOptions.treeViewProps;
+exports.columnTextProps = columnTextOptions.columnTextProps;
+exports.columnObjectMappingTextProps = columnObjectMappingTextOptions.columnObjectMappingTextProps;
+exports.columnJsonProps = columnJsonOptions.columnJsonProps;
+exports.columnDateProps = columnDateOptions.columnDateProps;
+exports.dateTypes = columnDateOptions.dateTypes;
+exports.columnSwitchEmits = columnSwitchOptions.columnSwitchEmits;
+exports.columnSwitchProps = columnSwitchOptions.columnSwitchProps;
+exports.columnTagProps = columnTagOptions.columnTagProps;
+exports.columnLinkEmits = columnLinkOptions.columnLinkEmits;
+exports.columnLinkProps = columnLinkOptions.columnLinkProps;
 exports.MKDataTable = MKDataTable;
 exports.default = MKDataTable;
 //# sourceMappingURL=index.js.map

package/dist/cjs/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\nimport { MKDataTableColumnComponent } from \"./data-table-column-component\";\r\n\r\nexport const MKDataTable = withInstall(DataTable, {\r\n  MKDataTableColumn,\r\n  MKDataTableColumnComponent,\r\n});\r\n\r\nexport default MKDataTable;\r\n\r\nexport * from \"./data-table-column\";\r\nexport * from \"./data-table-column-component\";\r\nexport * from \"./data-table-options\";\r\n\r\nexport * from \"./views\";\r\n"],"names":["withInstall","DataTable","MKDataTableColumn","MKDataTableColumnComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKa,MAAA,WAAA,GAAcA,kBAAYC,SAAW,EAAA;AAAA,qBAChDC,uBAAA;AAAA,8BACAC,kCAAA;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\";\nimport { MKDataTableColumnComponent } from \"./data-table-column-component\";\n\nexport const MKDataTable = withInstall(DataTable, {\n  MKDataTableColumn,\n  MKDataTableColumnComponent,\n});\n\nexport default MKDataTable;\n\nexport * from \"./data-table-column\";\nexport * from \"./data-table-column-component\";\nexport * from \"./data-table-options\";\n\nexport * from \"./views\";\n\nexport * from \"./components\";\n"],"names":["withInstall","DataTable","MKDataTableColumn","MKDataTableColumnComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKa,MAAA,WAAA,GAAcA,kBAAYC,SAAW,EAAA;AAAA,qBAChDC,uBAAA;AAAA,8BACAC,kCAAA;AACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -5,6 +5,13 @@ export declare const MKTable: import("@maketribe/utils").SFCWithInstall<import("
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    readonly getList: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (dataTable: import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>) => any[], boolean>;
+    readonly lazy: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly treeProps: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
+        children: string;
+        hasChildren: string;
+    }, boolean>;
+    readonly load: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, null, boolean>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly dataTable: {
         readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
@@ -12,6 +19,18 @@ export declare const MKTable: import("@maketribe/utils").SFCWithInstall<import("
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-}>>, {}, {}>> & Record<string, any>;
+    readonly getList: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (dataTable: import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>) => any[], boolean>;
+    readonly lazy: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly treeProps: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
+        children: string;
+        hasChildren: string;
+    }, boolean>;
+    readonly load: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, null, boolean>;
+}>>, {
+    readonly getList: Function;
+    readonly load: Function;
+    readonly lazy: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly treeProps: Record<string, any>;
+}, {}>> & Record<string, any>;
 export default MKTable;
 export * from "./table-options";

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

@@ -7,5 +7,12 @@ export declare const tableProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    readonly getList: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (dataTable: DataTable<any>) => any[], boolean>;
+    readonly lazy: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly treeProps: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
+        children: string;
+        hasChildren: string;
+    }, boolean>;
+    readonly load: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, null, boolean>;
 };
 export type TableProps = ExtractPropTypes<typeof tableProps>;

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

@@ -7,6 +7,22 @@ const tableProps = utils.buildProps({
   dataTable: {
     type: dm.DataTable,
     required: true
+  },
+  getList: {
+    type: Function,
+    default: (dataTable) => dataTable.getList()
+  },
+  lazy: {
+    type: Boolean,
+    default: false
+  },
+  treeProps: {
+    type: Object,
+    default: () => ({ children: "children", hasChildren: "hasChildren" })
+  },
+  load: {
+    type: Function,
+    default: null
   }
 });
 

package/dist/cjs/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} as const);\r\n\r\nexport type TableProps = ExtractPropTypes<typeof tableProps>;\r\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;;;;"}
+{"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":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,aAAaA,gBAAW,CAAA;AAAA,EACnC,SAAW,EAAA;AAAA,IACT,IAAM,EAAAC,YAAA;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/cjs/components/data-model/data-table/views/table/table.d.ts

@@ -5,6 +5,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    readonly getList: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (dataTable: import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>) => any[], boolean>;
+    readonly lazy: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly treeProps: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
+        children: string;
+        hasChildren: string;
+    }, boolean>;
+    readonly load: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, null, boolean>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly dataTable: {
         readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
@@ -12,5 +19,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-}>>, {}, {}>;
+    readonly getList: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (dataTable: import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>) => any[], boolean>;
+    readonly lazy: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly treeProps: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
+        children: string;
+        hasChildren: string;
+    }, boolean>;
+    readonly load: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, null, boolean>;
+}>>, {
+    readonly getList: Function;
+    readonly load: Function;
+    readonly lazy: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly treeProps: Record<string, any>;
+}, {}>;
 export default _default;

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

@@ -5,6 +5,7 @@ var elementPlus = require('element-plus');
 var tableOptions = require('./table-options.js');
 var index = require('../../data-table-column-component/index.js');
 var dm = require('@maketribe/dm');
+var lodashEs = require('lodash-es');
 
 var Table = /* @__PURE__ */ vue.defineComponent({
   name: "MKTable",
@@ -12,7 +13,13 @@ var Table = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     slots
   }) {
+    const treeProps = vue.computed(() => {
+      return props.treeProps;
+    });
+    const tableEl = vue.ref(null);
     const dataTable = vue.computed(() => props.dataTable);
+    const list = vue.computed(() => props.getList(vue.unref(dataTable)));
+    const selectionColumn = vue.computed(() => vue.unref(dataTable).selectionColumn);
     const handleSortChange = ({
       column,
       prop,
@@ -26,6 +33,34 @@ var Table = /* @__PURE__ */ vue.defineComponent({
       }
       vue.unref(dataTable).sorter.setColumnSort(prop, orderType);
     };
+    let allowChangeSelection = true;
+    const handleSelectionChange = (items) => {
+      if (allowChangeSelection) {
+        vue.unref(dataTable).setSelection(items.map((item) => item[vue.unref(dataTable).primaryKey]));
+      }
+    };
+    vue.onMounted(() => {
+      const _tableEl = vue.unref(tableEl);
+      vue.watch(list, (list2, _, onCleanup) => {
+        onCleanup(vue.watch(vue.computed(() => vue.unref(dataTable).getSelection()), async (selections) => {
+          const primaryKey = vue.unref(dataTable).primaryKey;
+          const tableSelections = _tableEl.getSelectionRows().map((item2) => item2[primaryKey]).sort();
+          if (lodashEs.isEqual(selections, tableSelections)) {
+            return;
+          }
+          allowChangeSelection = false;
+          _tableEl.clearSelection();
+          await vue.nextTick();
+          const selectedRows = list2.filter((item2) => selections.includes(item2[primaryKey]));
+          for (var item of selectedRows) {
+            _tableEl.toggleRowSelection(item, true);
+          }
+          allowChangeSelection = true;
+        }, {
+          immediate: true
+        }));
+      });
+    });
     return () => {
       const columns = vue.unref(dataTable).getColumns().filter((column) => column.visible && column.name).map((column) => {
         const columnProps = {
@@ -36,7 +71,7 @@ var Table = /* @__PURE__ */ vue.defineComponent({
           fixed: column.fixed,
           align: column.align || "center",
           reserveSelection: true,
-          type: column.type === null ? "default" : column.type,
+          type: column.type || "default",
           sortable: column.sortable
         };
         if (!column.visible) {
@@ -62,14 +97,23 @@ var Table = /* @__PURE__ */ vue.defineComponent({
         });
       });
       return vue.createVNode(elementPlus.ElTable, {
-        "data": vue.unref(dataTable).getList(),
-        "rowKey": vue.unref(dataTable).primaryKey,
+        "data": vue.unref(list),
+        "row-key": vue.unref(dataTable).primaryKey,
         "onSort-change": handleSortChange,
+        "ref": (el) => tableEl.value = el,
         "show-overflow-tooltip": true,
         "border": true,
-        "stripe": true
+        "stripe": true,
+        "lazy": props.lazy,
+        "load": props.load,
+        "tree-props": vue.unref(treeProps),
+        "onSelection-change": handleSelectionChange
       }, {
-        default: () => [columns],
+        default: () => [vue.unref(selectionColumn).visible ? vue.createVNode(elementPlus.ElTableColumn, {
+          "type": vue.unref(selectionColumn).type ?? "selection",
+          "width": vue.unref(selectionColumn).width,
+          "fixed": vue.unref(selectionColumn).fixed
+        }, null) : null, columns],
         empty: () => slots.empty?.() || vue.createVNode(elementPlus.ElEmpty, null, null)
       });
     };

package/dist/cjs/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 { computed, defineComponent, unref } 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 MKDataTableColumnComponent from \"../../data-table-column-component\";\r\nimport { OrderType } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTable\",\r\n  props: tableProps,\r\n  setup(props, { slots }) {\r\n    const dataTable = computed(() => props.dataTable);\r\n\r\n    type SortChangeEvent = { column: Column; prop: string; order: string };\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    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 === null ? \"default\" : column.type,\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                      <MKDataTableColumnComponent\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(dataTable).getList()}\r\n          rowKey={unref(dataTable).primaryKey}\r\n          onSort-change={handleSortChange}\r\n          show-overflow-tooltip\r\n          border\r\n          stripe\r\n          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\r\n        >\r\n          {columns}\r\n        </ElTable>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","tableProps","setup","slots","dataTable","computed","handleSortChange","column","prop","order","orderType","OrderType","DESC","ASC","unref","sorter","setColumnSort","columns","getColumns","filter","visible","map","columnProps","label","width","minWidth","fixed","align","reserveSelection","type","sortable","_createVNode","ElTableColumn","default","scope","children","$index","row","MKDataTableColumnComponent","ElTable","getList","primaryKey","empty","ElEmpty"],"mappings":"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"}
+{"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 MKDataTableColumnComponent from \"../../data-table-column-component\";\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                      <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(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":["defineComponent","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","MKDataTableColumnComponent","ElTable","el","value","lazy","load","empty","ElEmpty"],"mappings":"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"}

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

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

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

@@ -1,9 +1,8 @@
 '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 index = require('../table/index.js');
 
 var TableTree = /* @__PURE__ */ vue.defineComponent({
   name: "MKTableTree",
@@ -23,56 +22,17 @@ var TableTree = /* @__PURE__ */ vue.defineComponent({
       await row.load();
       resolve(row.children);
     };
+    const getList = (dataTree2) => {
+      return dataTree2.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,
+      return vue.createVNode(index.MKTable, {
+        "dataTable": vue.unref(dataTree),
+        "getList": getList,
         "tree-props": vue.unref(treeProps),
-        "load": handleLoad
-      }, {
-        default: () => [columns],
-        empty: () => slots.empty?.() || vue.createVNode(elementPlus.ElEmpty, null, null)
-      });
+        "load": handleLoad,
+        "lazy": true
+      }, slots);
     };
   }
 });

package/dist/cjs/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 { ElEmpty, ElTable, ElTableColumn, TreeNode } from \"element-plus\";\r\nimport { tableTreeProps } from \"./table-tree-options\";\r\nimport { MKDataTableColumn } from \"../../data-table-column\";\r\nimport MKDataTableColumnComponent from \"../../data-table-column-component\";\r\nimport { DataTreeNode } from \"@maketribe/dm\";\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 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    return () => {\r\n      const columns = unref(dataTree)\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            reserveSelection: true,\r\n            type: column.type,\r\n          };\r\n\r\n          if (!column.visible) {\r\n            return null;\r\n          }\r\n\r\n          return (\r\n            // TODO 这里 不用这个组件的原因，因为ElTableColumn要去获取ElTable，但是他是通过instance.parent获取的，我添加这个组件会导致获取不到，出现一些问题\r\n            // <MKDataTableColumn column={column}>\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(dataTree),\r\n                    });\r\n\r\n                    if (children) {\r\n                      return children;\r\n                    }\r\n\r\n                    return (\r\n                      <MKDataTableColumnComponent\r\n                        column={column}\r\n                        row={scope.row.data}\r\n                        index={scope.$index}\r\n                      />\r\n                    );\r\n                  },\r\n                }}\r\n              />\r\n            )\r\n            // </MKDataTableColumn>\r\n          );\r\n        });\r\n\r\n      return (\r\n        <ElTable\r\n          data={unref(dataTree).children}\r\n          rowKey={unref(dataTree).primaryKey}\r\n          show-overflow-tooltip\r\n          border\r\n          stripe\r\n          lazy\r\n          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\r\n          tree-props={unref(treeProps)}\r\n          load={handleLoad}\r\n        >\r\n          {columns}\r\n        </ElTable>\r\n      );\r\n    };\r\n  },\r\n});\r\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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"}
+{"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 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\n          v-slots={slots}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","tableTreeProps","setup","slots","dataTree","computed","treeProps","_dataTre","unref","children","hasChildren","handleLoad","row","node","resolve","load","getList","_createVNode","MKTable"],"mappings":";;;;;;AAMA,gCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,aAAA;AAAA,EACNC,KAAOC,EAAAA,+BAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,QAAWC,GAAAA,YAAAA,CAAS,MAAML,KAAAA,CAAMI,QAAQ,CAAA,CAAA;AAE9C,IAAME,MAAAA,SAAAA,GAAYD,aAAS,MAAM;AAC/B,MAAME,MAAAA,QAAAA,GAAWC,UAAMJ,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,UAAa,GAAA,OACjBC,GACAC,EAAAA,IAAAA,EACAC,OACG,KAAA;AACH,MAAA,MAAMF,IAAIG,IAAK,EAAA,CAAA;AAEfD,MAAAA,OAAAA,CAAQF,IAAIH,QAAQ,CAAA,CAAA;AAAA,KACtB,CAAA;AAEA,IAAMO,MAAAA,OAAAA,GAAWZ,CAAAA,SAA4B,KAAA;AAC3C,MAAA,OAAOA,SAASK,CAAAA,QAAAA,CAAAA;AAAAA,KAClB,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAQ,gBAAAC,aAAA,EAAA;AAAA,QAAA,WAAA,EAEeV,UAAMJ,QAAQ,CAAA;AAAA,QAAC,SACjBY,EAAAA,OAAAA;AAAAA,QAAO,YAAA,EACJR,UAAMF,SAAS,CAAA;AAAA,QAAC,MACtBK,EAAAA,UAAAA;AAAAA,QAAU,MAAA,EAAA,IAAA;AAAA,SAEPR,KAAK,CAAA,CAAA;AAAA,KAGpB,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -2,11 +2,11 @@
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-var index$2 = require('../../../../button/index.js');
+var index$2 = require('../../../../basic/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$5 = require('../../../../basic/svg-icon/index.js');
 var index$1 = require('../table/index.js');
 var tableViewOptions = require('./table-view-options.js');