@maketribe/ms-app 3.2.3 → 3.2.5

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  },\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,WAAW;AAAA,EACnC,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS,CAAC,cAAqC,UAAU,QAAQ;AAAA,EACnE;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS,OAAO,EAAE,UAAU,YAAY,aAAa,cAAc;AAAA,EACrE;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;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  },\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  rowKey: {\n    type: String,\n  },\n  defaultExpandAll: {\n    type: Boolean,\n    default: false,\n  },\n} as const);\n\nexport type TableProps = ExtractPropTypes<typeof tableProps>;\n"],"names":[],"mappings":";;AAIO,MAAM,aAAa,WAAW;AAAA,EACnC,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS,CAAC,cAAqC,UAAU,QAAQ;AAAA,EACnE;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS,OAAO,EAAE,UAAU,YAAY,aAAa,cAAc;AAAA,EACrE;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;"}

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

@@ -12,13 +12,14 @@ const Table = /* @__PURE__ */ defineComponent({
   setup(props, {
     slots
   }) {
-    const treeProps = computed(() => {
+    computed(() => {
       return props.treeProps;
     });
     const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);
     const dataTableEl = computed(() => (dataTableContext == null ? void 0 : dataTableContext.el) ?? null);
     const tableEl = ref(null);
     const dataTable = computed(() => props.dataTable ?? dataTableContext.dataTable);
+    const rowKey = computed(() => props.rowKey || unref(dataTable).primaryKey);
     const list = computed(() => props.getList(unref(dataTable)));
     const selectionColumn = computed(() => unref(dataTable).selectionColumn);
     const handleSortChange = ({
@@ -138,7 +139,7 @@ const Table = /* @__PURE__ */ defineComponent({
       });
       return createVNode(ElTable, {
         "data": unref(list),
-        "row-key": unref(dataTable).primaryKey,
+        "row-key": unref(rowKey),
         "onSort-change": handleSortChange,
         "ref": (el) => tableEl.value = el,
         "show-overflow-tooltip": true,
@@ -146,8 +147,8 @@ const Table = /* @__PURE__ */ defineComponent({
         "stripe": true,
         "lazy": props.lazy,
         "load": props.load,
-        "tree-props": unref(treeProps),
-        "onSelection-change": handleSelectionChange
+        "onSelection-change": handleSelectionChange,
+        "defaultExpandAll": props.defaultExpandAll
       }, {
         default: () => [unref(selectionColumn).visible ? createVNode(ElTableColumn, {
           "type": unref(selectionColumn).type ?? "selection",

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  inject,\r\n} from \"vue\";\r\nimport { Column, ElEmpty, ElTable, ElTableColumn } from \"element-plus\";\r\nimport { isEqual } from \"lodash-es\";\r\nimport MKDataTableColumn from \"../../data-table-column\";\r\nimport { tableProps } from \"./table-options\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\r\nimport Sortable from \"sortablejs\";\r\nimport { OrderType } from \"@maketribe/request\";\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 dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\r\n\r\n    const dataTableEl = computed(() => dataTableContext?.el ?? null);\r\n\r\n    const tableEl: Ref<InstanceType<typeof ElTable> | null> = ref(null);\r\n\r\n    const dataTable = computed(() => props.dataTable ?? dataTableContext!.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      watch(\r\n        dataTableEl,\r\n        (el, _, onCleanup) => {\r\n          if (!el) {\r\n            return;\r\n          }\r\n          var sortableInstance = Sortable.create(el.querySelector(\"tbody\")!, {\r\n            handle: \".mk-column-sort__drag\",\r\n            animation: 300,\r\n            onEnd: (event) => {\r\n              const newIndex = event.newIndex!;\r\n              const oldIndx = event.oldIndex!;\r\n\r\n              if (oldIndx === newIndex) {\r\n                return;\r\n              }\r\n\r\n              const movedElement = unref(dataTable).getList()[oldIndx];\r\n\r\n              var updateRecords: any[] = [];\r\n\r\n              if (oldIndx > newIndex) {\r\n                // 后面元素移到了中间元素前 中间元素需要增加排序值\r\n                const middleElements = unref(dataTable)\r\n                  .getList()\r\n                  .splice(newIndex, oldIndx);\r\n\r\n                movedElement.sort = middleElements[0].sort;\r\n\r\n                for (const middleElement of middleElements) {\r\n                  let sort = Number.parseInt(middleElement.sort);\r\n                  sort = Number.isNaN(sort) ? 0 : sort;\r\n                  sort += 1;\r\n                }\r\n\r\n                updateRecords = [movedElement, ...middleElements];\r\n              } else {\r\n                // 前面元素移动到了中间元素后 中间元素需要减少排序值\r\n                const middleElements = unref(dataTable)\r\n                  .getList()\r\n                  .splice(oldIndx, newIndex);\r\n\r\n                movedElement.sort =\r\n                  middleElements[middleElements.length - 1].sort;\r\n\r\n                for (const middleElement of middleElements) {\r\n                  let sort = Number.parseInt(middleElement.sort);\r\n                  sort = Number.isNaN(sort) ? 0 : sort;\r\n                  sort -= 1;\r\n                }\r\n\r\n                updateRecords = [...middleElements, movedElement];\r\n              }\r\n            },\r\n          });\r\n\r\n          onCleanup(() => {\r\n            sortableInstance.destroy();\r\n          });\r\n        },\r\n        { immediate: true }\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":["defineComponent","name","props","tableProps","setup","slots","treeProps","computed","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTableEl","el","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","sortableInstance","Sortable","create","querySelector","handle","animation","onEnd","event","newIndex","oldIndx","oldIndex","movedElement","middleElements","splice","middleElement","Number","parseInt","length","destroy","columns","getColumns","visible","columnProps","label","width","minWidth","fixed","align","reserveSelection","type","sortable","_createVNode","ElTableColumn","default","scope","children","$index","row","MKDataTableColumn","ElTable","value","lazy","load","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  inject,\n} from \"vue\";\nimport { Column, ElEmpty, ElTable, ElTableColumn } from \"element-plus\";\nimport { isEqual } from \"lodash-es\";\nimport MKDataTableColumn from \"../../data-table-column\";\nimport { tableProps } from \"./table-options\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\nimport Sortable from \"sortablejs\";\nimport { OrderType } from \"@maketribe/request\";\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 dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\n\n    const dataTableEl = computed(() => dataTableContext?.el ?? null);\n\n    const tableEl: Ref<InstanceType<typeof ElTable> | null> = ref(null);\n\n    const dataTable = computed(\n      () => props.dataTable ?? dataTableContext!.dataTable\n    );\n\n    const rowKey = computed(() => props.rowKey || unref(dataTable).primaryKey);\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      watch(\n        dataTableEl,\n        (el, _, onCleanup) => {\n          if (!el) {\n            return;\n          }\n          var sortableInstance = Sortable.create(el.querySelector(\"tbody\")!, {\n            handle: \".mk-column-sort__drag\",\n            animation: 300,\n            onEnd: (event) => {\n              const newIndex = event.newIndex!;\n              const oldIndx = event.oldIndex!;\n\n              if (oldIndx === newIndex) {\n                return;\n              }\n\n              const movedElement = unref(dataTable).getList()[oldIndx];\n\n              var updateRecords: any[] = [];\n\n              if (oldIndx > newIndex) {\n                // 后面元素移到了中间元素前 中间元素需要增加排序值\n                const middleElements = unref(dataTable)\n                  .getList()\n                  .splice(newIndex, oldIndx);\n\n                movedElement.sort = middleElements[0].sort;\n\n                for (const middleElement of middleElements) {\n                  let sort = Number.parseInt(middleElement.sort);\n                  sort = Number.isNaN(sort) ? 0 : sort;\n                  sort += 1;\n                }\n\n                updateRecords = [movedElement, ...middleElements];\n              } else {\n                // 前面元素移动到了中间元素后 中间元素需要减少排序值\n                const middleElements = unref(dataTable)\n                  .getList()\n                  .splice(oldIndx, newIndex);\n\n                movedElement.sort =\n                  middleElements[middleElements.length - 1].sort;\n\n                for (const middleElement of middleElements) {\n                  let sort = Number.parseInt(middleElement.sort);\n                  sort = Number.isNaN(sort) ? 0 : sort;\n                  sort -= 1;\n                }\n\n                updateRecords = [...middleElements, movedElement];\n              }\n            },\n          });\n\n          onCleanup(() => {\n            sortableInstance.destroy();\n          });\n        },\n        { immediate: true }\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(rowKey)}\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          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\n          onSelection-change={handleSelectionChange}\n          defaultExpandAll={props.defaultExpandAll}\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","computed","treeProps","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTableEl","el","tableEl","ref","dataTable","rowKey","unref","primaryKey","list","getList","selectionColumn","handleSortChange","column","prop","order","orderType","OrderType","DESC","ASC","sorter","setColumnSort","allowChangeSelection","handleSelectionChange","items","setSelection","map","item","onMounted","_tableEl","watch","_","onCleanup","getSelection","selections","tableSelections","getSelectionRows","sort","isEqual","clearSelection","nextTick","selectedRows","filter","includes","toggleRowSelection","immediate","sortableInstance","Sortable","create","querySelector","handle","animation","onEnd","event","newIndex","oldIndx","oldIndex","movedElement","middleElements","splice","middleElement","Number","parseInt","length","destroy","columns","getColumns","visible","columnProps","label","width","minWidth","fixed","align","reserveSelection","type","sortable","_createVNode","ElTableColumn","default","scope","children","$index","row","MKDataTableColumn","ElTable","value","lazy","load","defaultExpandAll","empty","ElEmpty"],"mappings":"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"}

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

@@ -3,6 +3,10 @@ import { buildProps } from "@maketribe/utils";
 const tableTreeProps = buildProps({
   dataTree: {
     type: DataTree
+  },
+  defaultExpandAll: {
+    type: Boolean,
+    default: false
   }
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"table-tree-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-tree/table-tree-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { DataTree } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const tableTreeProps = buildProps({\r\n  dataTree: {\r\n    type: DataTree<any>,\r\n  },\r\n} as const);\r\n\r\nexport type TableTreeProps = ExtractPropTypes<typeof tableTreeProps>;\r\n"],"names":[],"mappings":";;AAIO,MAAM,iBAAiB,WAAW;AAAA,EACvC,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AACF,CAAU;"}
+{"version":3,"file":"table-tree-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-tree/table-tree-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTree } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const tableTreeProps = buildProps({\n  dataTree: {\n    type: DataTree<any>,\n  },\n  defaultExpandAll: {\n    type: Boolean,\n    default: false,\n  },\n} as const);\n\nexport type TableTreeProps = ExtractPropTypes<typeof tableTreeProps>;\n"],"names":[],"mappings":";;AAIO,MAAM,iBAAiB,WAAW;AAAA,EACvC,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;"}

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

@@ -10,6 +10,7 @@ const TableTree = /* @__PURE__ */ defineComponent({
   }) {
     const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);
     const dataTree = computed(() => props.dataTree ?? dataTableContext.dataTable);
+    window.dataTree = dataTree;
     const treeProps = computed(() => {
       const _dataTree = unref(dataTree);
       return {
@@ -33,9 +34,11 @@ const TableTree = /* @__PURE__ */ defineComponent({
       return createVNode(MKTable, {
         "dataTable": unref(dataTree),
         "getList": getList,
+        "rowKey": "primaryValue",
         "tree-props": unref(treeProps),
         "load": handleLoad,
-        "lazy": unref(lazy)
+        "lazy": unref(lazy),
+        "default-expand-all": props.defaultExpandAll
       }, slots);
     };
   }

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, inject, 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\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTableTree\",\r\n  props: tableTreeProps,\r\n  setup(props, { slots }) {\r\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\r\n\r\n    const dataTree = computed(\r\n      () => props.dataTree ?? (dataTableContext!.dataTable as DataTree)\r\n    );\r\n\r\n    const treeProps = computed(() => {\r\n      const _dataTree = unref(dataTree);\r\n\r\n      return { children: _dataTree.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      if (!unref(dataTree).lazy) {\r\n        resolve(row.children);\r\n        return;\r\n      }\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":["defineComponent","name","props","tableTreeProps","setup","slots","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTree","computed","dataTable","treeProps","_dataTree","unref","children","hasChildren","lazy","handleLoad","row","node","resolve","load","getList","_createVNode","MKTable"],"mappings":";;;;AAOA,MAAeA,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,WAAWC,SACf,MAAMR,MAAMO,YAAaH,iBAAkBK,SAC7C;AAEA,UAAMC,YAAYF,SAAS,MAAM;AAC/B,YAAMG,YAAYC,MAAML,QAAQ;AAEhC,aAAO;AAAA,QAAEM,UAAUF,UAAUX,MAAMa;AAAAA,QAAUC,aAAa;AAAA;IAC5D,CAAC;AAED,UAAMC,OAAOP,SAAS,MAAMI,MAAML,QAAQ,EAAEQ,IAAI;AAEhD,UAAMC,aAAa,OACjBC,KACAC,MACAC,YACG;AACH,UAAI,CAACP,MAAML,QAAQ,EAAEQ,MAAM;AACzBI,gBAAQF,IAAIJ,QAAQ;AACpB;AAAA,MACF;AAEA,YAAMI,IAAIG;AAEVD,cAAQF,IAAIJ,QAAQ;AAAA;AAGtB,UAAMQ,UAAWd,CAAAA,cAA4B;AAC3C,aAAOA,UAASM;AAAAA;AAGlB,WAAO,MAAM;AACX,aAAAS,YAAAC,SAAA;AAAA,QAAA,aAEeX,MAAML,QAAQ;AAAA,QAAC,WACjBc;AAAAA,QAAO,cACJT,MAAMF,SAAS;AAAA,QAAC,QACtBM;AAAAA,QAAU,QACVJ,MAAMG,IAAI;AAAA,MAAC,GACRZ,KAAK;AAAA;EAItB;AACF,CAAC;"}
+{"version":3,"file":"table-tree.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-tree/table-tree.tsx"],"sourcesContent":["import { computed, defineComponent, inject, onMounted, unref } from \"vue\";\nimport { TreeNode } from \"element-plus\";\nimport { tableTreeProps } from \"./table-tree-options\";\nimport { DataTree, DataTreeNode } from \"@maketribe/dm\";\nimport { MKTable } from \"../table\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKTableTree\",\n  props: tableTreeProps,\n  setup(props, { slots }) {\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\n\n    const dataTree = computed(\n      () => props.dataTree ?? (dataTableContext!.dataTable as DataTree)\n    );\n\n    (window as any).dataTree = dataTree;\n\n    const treeProps = computed(() => {\n      const _dataTree = unref(dataTree);\n\n      return { children: _dataTree.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      if (!unref(dataTree).lazy) {\n        resolve(row.children);\n        return;\n      }\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          rowKey=\"primaryValue\"\n          tree-props={unref(treeProps)}\n          load={handleLoad}\n          lazy={unref(lazy)}\n          v-slots={slots}\n          default-expand-all={props.defaultExpandAll}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","tableTreeProps","setup","slots","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTree","computed","dataTable","window","treeProps","_dataTree","unref","children","hasChildren","lazy","handleLoad","row","node","resolve","load","getList","_createVNode","MKTable","defaultExpandAll"],"mappings":";;;;AAOA,MAAeA,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,WAAWC,SACf,MAAMR,MAAMO,YAAaH,iBAAkBK,SAC7C;AAECC,WAAeH,WAAWA;AAE3B,UAAMI,YAAYH,SAAS,MAAM;AAC/B,YAAMI,YAAYC,MAAMN,QAAQ;AAEhC,aAAO;AAAA,QAAEO,UAAUF,UAAUZ,MAAMc;AAAAA,QAAUC,aAAa;AAAA;IAC5D,CAAC;AAED,UAAMC,OAAOR,SAAS,MAAMK,MAAMN,QAAQ,EAAES,IAAI;AAEhD,UAAMC,aAAa,OACjBC,KACAC,MACAC,YACG;AACH,UAAI,CAACP,MAAMN,QAAQ,EAAES,MAAM;AACzBI,gBAAQF,IAAIJ,QAAQ;AACpB;AAAA,MACF;AAEA,YAAMI,IAAIG;AAEVD,cAAQF,IAAIJ,QAAQ;AAAA;AAGtB,UAAMQ,UAAWf,CAAAA,cAA4B;AAC3C,aAAOA,UAASO;AAAAA;AAGlB,WAAO,MAAM;AACX,aAAAS,YAAAC,SAAA;AAAA,QAAA,aAEeX,MAAMN,QAAQ;AAAA,QAAC,WACjBe;AAAAA,QAAO,UAAA;AAAA,QAAA,cAEJT,MAAMF,SAAS;AAAA,QAAC,QACtBM;AAAAA,QAAU,QACVJ,MAAMG,IAAI;AAAA,QAAC,sBAEGhB,MAAMyB;AAAAA,MAAgB,GADjCtB,KAAK;AAAA;EAKtB;AACF,CAAC;"}

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 { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTableClassifySearch\",\r\n  setup(props, { slots }) {\r\n    const dataTable = inject(DATA_TABLE_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        if (!_classifySearch.getClassifySearchItems().length) {\r\n          return;\r\n        }\r\n\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":["defineComponent","name","setup","props","slots","dataTable","inject","DATA_TABLE_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,MAAeA,sDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;AAAA,IAAEC;AAAAA,EAAM,GAAG;;AACtB,UAAMC,aAAYC,YAAOC,sBAAsB,MAA7BD,mBAAgCD;AAElD,UAAMG,iBAAiBC,SAAS,OAAMJ,uCAAWG,mBAAkB,IAAI;AAEvE,WAAO,MAAM;;AACX,UAAIE,YAAgBN,MAAAA,MAAMO,YAANP,gBAAAA,IAAAA;AAEpB,YAAMQ,kBAAkBC,MAAML,cAAc;AAE5C,UAAI,CAACE,YAAYE,iBAAiB;AAChC,YAAI,CAACA,gBAAgBE,uBAAwB,EAACC,QAAQ;AACpD;AAAA,QACF;AAEAL,mBAAQM,YAAAC,UAAA,MAAA,CAEHL,gBAAgBE,uBAAsB,EAAGI,IAAKC,UAAIH,YAAAI,yBAAA;AAAA,UAAA,SAExCD,KAAKE;AAAAA,UAAK,cACLT,gBAAgBU;AAAAA,UAAU,cAC1BV,gBAAgBW,SAASJ,KAAKlB,IAAI;AAAA,UAAC,wBACxBuB,OAAW;AAChCZ,4BAAgBa,SAASN,KAAKlB,MAAMuB,CAAC;AAAA,UACtC;AAAA,UAAA,YACSL,KAAKO;AAAAA,UAAQ,WACdP,KAAKQ;AAAAA,UAAO,iBACNR,KAAKS,iBAAiBC;AAAAA,QAAS,GAAA,IAAA,CAEjD,CAAC,CAEL;AAAA,MACH;AAEA,aAAAb,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAwCN,QAAQ,CAAA;AAAA;EAEpD;AACF,CAAC;"}
+{"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 { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\n\nexport default defineComponent({\n  name: \"MKTableClassifySearch\",\n  setup(props, { slots }) {\n    const dataTable = inject(DATA_TABLE_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":["defineComponent","name","setup","props","slots","dataTable","inject","DATA_TABLE_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,MAAeA,sDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;AAAA,IAAEC;AAAAA,EAAM,GAAG;;AACtB,UAAMC,aAAYC,YAAOC,sBAAsB,MAA7BD,mBAAgCD;AAElD,UAAMG,iBAAiBC,SAAS,OAAMJ,uCAAWG,mBAAkB,IAAI;AAEvE,WAAO,MAAM;;AACX,UAAIE,YAAgBN,MAAAA,MAAMO,YAANP,gBAAAA,IAAAA;AAEpB,YAAMQ,kBAAkBC,MAAML,cAAc;AAE5C,UAAI,CAACE,YAAYE,iBAAiB;AAChC,YAAI,CAACA,gBAAgBE,uBAAwB,EAACC,QAAQ;AACpD;AAAA,QACF;AAEAL,mBAAQM,YAAAC,UAAA,MAAA,CAEHL,gBAAgBE,uBAAsB,EAAGI,IAAKC,UAAIH,YAAAI,yBAAA;AAAA,UAAA,SAExCD,KAAKE;AAAAA,UAAK,cACLT,gBAAgBU;AAAAA,UAAU,cAC1BV,gBAAgBW,SAASJ,KAAKlB,IAAI;AAAA,UAAC,wBACxBuB,OAAW;AAChCZ,4BAAgBa,SAASN,KAAKlB,MAAMuB,CAAC;AAAA,UACtC;AAAA,UAAA,YACSL,KAAKO;AAAAA,UAAQ,WACdP,KAAKQ;AAAAA,UAAO,iBACNR,KAAKS,iBAAiBC;AAAAA,QAAS,GAAA,IAAA,CAEjD,CAAC,CAEL;AAAA,MACH;AAEA,aAAAb,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAwCN,QAAQ,CAAA;AAAA;EAEpD;AACF,CAAC;"}

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

@@ -6,21 +6,24 @@ const TableHeader = /* @__PURE__ */ defineComponent({
   setup(props, {
     slots
   }) {
-    var _a;
-    const dataTable = (_a = inject(DATA_TABLE_CONTEXT_KEY)) == null ? void 0 : _a.dataTable;
-    const tableHeader = computed(() => dataTable == null ? void 0 : dataTable.header);
+    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);
+    const dataTable = computed(() => dataTableContext.dataTable);
+    const tableHeader = computed(() => {
+      var _a;
+      return (_a = unref(dataTable)) == null ? void 0 : _a.header;
+    });
     const leftArea = computed(() => {
-      var _a2;
-      var items = ((_a2 = unref(tableHeader)) == null ? void 0 : _a2.leftArea) ?? [];
+      var _a;
+      var items = ((_a = unref(tableHeader)) == null ? void 0 : _a.leftArea) ?? [];
       return items.filter((item) => item.predicate());
     });
     const rightArea = computed(() => {
-      var _a2;
-      var items = ((_a2 = unref(tableHeader)) == null ? void 0 : _a2.rightArea) ?? [];
+      var _a;
+      var items = ((_a = unref(tableHeader)) == null ? void 0 : _a.rightArea) ?? [];
       return items.filter((item) => item.predicate());
     });
     return () => {
-      var _a2, _b;
+      var _a, _b;
       const leftItems = unref(leftArea).map((item) => createVNode(TableHeaderItem, {
         "tableHeaderItem": item
       }, null));
@@ -31,7 +34,7 @@ const TableHeader = /* @__PURE__ */ defineComponent({
         "class": "mk-table-view__header"
       }, [createVNode("div", {
         "class": "mk-table-view__header-main"
-      }, [leftItems, (_a2 = slots["header-main"]) == null ? void 0 : _a2.call(slots)]), createVNode("div", {
+      }, [leftItems, (_a = slots["header-main"]) == null ? void 0 : _a.call(slots)]), createVNode("div", {
         "class": "mk-table-view__header-tools"
       }, [rightItems, (_b = slots["header-tools"]) == null ? void 0 : _b.call(slots)])]);
     };

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

@@ -1 +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\";\r\nimport TableHeaderItem from \"./header-item\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTableHeader\",\r\n  setup(props, { slots }) {\r\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)?.dataTable;\r\n\r\n    const tableHeader = computed(() => dataTable?.header!);\r\n\r\n    const leftArea = computed(() => {\r\n      var items = unref(tableHeader)?.leftArea ?? [];\r\n\r\n      return items.filter((item) => item.predicate());\r\n    });\r\n    const rightArea = computed(() => {\r\n      var items = unref(tableHeader)?.rightArea ?? [];\r\n\r\n      return items.filter((item) => item.predicate());\r\n    });\r\n\r\n    return () => {\r\n      const leftItems = unref(leftArea).map((item) => (\r\n        <TableHeaderItem tableHeaderItem={item} />\r\n      ));\r\n\r\n      const rightItems = unref(rightArea).map((item) => (\r\n        <TableHeaderItem tableHeaderItem={item} />\r\n      ));\r\n      \r\n      return (\r\n        <div class=\"mk-table-view__header\">\r\n          <div class=\"mk-table-view__header-main\">\r\n            {leftItems}\r\n            {slots['header-main']?.()}\r\n          </div>\r\n          <div class=\"mk-table-view__header-tools\">\r\n            {rightItems}\r\n            {slots[\"header-tools\"]?.()}\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","setup","props","slots","dataTable","inject","DATA_TABLE_CONTEXT_KEY","tableHeader","computed","header","leftArea","items","unref","filter","item","predicate","rightArea","leftItems","map","_createVNode","TableHeaderItem","rightItems"],"mappings":";;;AAIA,MAAeA,8CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;AAAA,IAAEC;AAAAA,EAAM,GAAG;;AACtB,UAAMC,aAAYC,YAAOC,sBAAsB,MAA7BD,mBAAgCD;AAElD,UAAMG,cAAcC,SAAS,MAAMJ,uCAAWK,MAAO;AAErD,UAAMC,WAAWF,SAAS,MAAM;;AAC9B,UAAIG,UAAQC,MAAAA,MAAML,WAAW,MAAjBK,gBAAAA,IAAoBF,aAAY,CAAA;AAE5C,aAAOC,MAAME,OAAQC,UAASA,KAAKC,UAAW,CAAA;AAAA,IAChD,CAAC;AACD,UAAMC,YAAYR,SAAS,MAAM;;AAC/B,UAAIG,UAAQC,MAAAA,MAAML,WAAW,MAAjBK,gBAAAA,IAAoBI,cAAa,CAAA;AAE7C,aAAOL,MAAME,OAAQC,UAASA,KAAKC,UAAW,CAAA;AAAA,IAChD,CAAC;AAED,WAAO,MAAM;;AACX,YAAME,YAAYL,MAAMF,QAAQ,EAAEQ,IAAKJ,UAAIK,YAAAC,iBAAA;AAAA,QAAA,mBACPN;AAAAA,MAAI,GAAA,IAAA,CACvC;AAED,YAAMO,aAAaT,MAAMI,SAAS,EAAEE,IAAKJ,UAAIK,YAAAC,iBAAA;AAAA,QAAA,mBACTN;AAAAA,MAAI,GAAA,IAAA,CACvC;AAED,aAAAK,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAGOF,CAAAA,YACAd,MAAAA,MAAM,mBAANA,gBAAAA,IAAAA,WAAwB,CAAA,GAAAgB,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAGxBE,aACAlB,WAAM,oBAANA,8BAAyB,CAAA,CAAA,CAAA;AAAA;EAKpC;AACF,CAAC;"}
+{"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 { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\n\nexport default defineComponent({\n  name: \"MKTableHeader\",\n  setup(props, { slots }) {\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY)!;\n\n    const dataTable = computed(() => dataTableContext.dataTable)\n\n    const tableHeader = computed(() => unref(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\">\n            {leftItems}\n            {slots['header-main']?.()}\n          </div>\n          <div class=\"mk-table-view__header-tools\">\n            {rightItems}\n            {slots[\"header-tools\"]?.()}\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","props","slots","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTable","computed","tableHeader","unref","header","leftArea","items","filter","item","predicate","rightArea","leftItems","map","_createVNode","TableHeaderItem","rightItems"],"mappings":";;;AAIA,MAAeA,8CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;AAAA,IAAEC;AAAAA,EAAM,GAAG;AACtB,UAAMC,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,YAAYC,SAAS,MAAMJ,iBAAiBG,SAAS;AAE3D,UAAME,cAAcD,SAAS,MAAA;;AAAME,yBAAMH,SAAS,MAAfG,mBAAkBC;AAAAA,KAAO;AAE5D,UAAMC,WAAWJ,SAAS,MAAM;;AAC9B,UAAIK,UAAQH,WAAMD,WAAW,MAAjBC,mBAAoBE,aAAY,CAAA;AAE5C,aAAOC,MAAMC,OAAQC,UAASA,KAAKC,UAAW,CAAA;AAAA,IAChD,CAAC;AACD,UAAMC,YAAYT,SAAS,MAAM;;AAC/B,UAAIK,UAAQH,WAAMD,WAAW,MAAjBC,mBAAoBO,cAAa,CAAA;AAE7C,aAAOJ,MAAMC,OAAQC,UAASA,KAAKC,UAAW,CAAA;AAAA,IAChD,CAAC;AAED,WAAO,MAAM;;AACX,YAAME,YAAYR,MAAME,QAAQ,EAAEO,IAAKJ,UAAIK,YAAAC,iBAAA;AAAA,QAAA,mBACPN;AAAAA,MAAI,GAAA,IAAA,CACvC;AAED,YAAMO,aAAaZ,MAAMO,SAAS,EAAEE,IAAKJ,UAAIK,YAAAC,iBAAA;AAAA,QAAA,mBACTN;AAAAA,MAAI,GAAA,IAAA,CACvC;AAED,aAAAK,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAGOF,CAAAA,YACAf,WAAM,mBAANA,8BAAwB,CAAA,GAAAiB,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAGxBE,aACAnB,WAAM,oBAANA,8BAAyB,CAAA,CAAA,CAAA;AAAA;EAKpC;AACF,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"table-view-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-view/table-view-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\n\r\nexport const tableViewProps = buildProps({\r\n  dataTable: { type: DataTable<any> },\r\n  showHeader: { type: Boolean, default: true },\r\n} as const);\r\n\r\nexport type TableViewProps = ExtractPropTypes<typeof tableViewProps>;\r\n\r\nexport const tableViewEmits = {};\r\n\r\nexport const TableViewEmits = typeof tableViewEmits;\r\n"],"names":[],"mappings":";;AAIO,MAAM,iBAAiB,WAAW;AAAA,EACvC,WAAW,EAAE,MAAM,UAAe;AAAA,EAClC,YAAY,EAAE,MAAM,SAAS,SAAS,KAAK;AAC7C,CAAU;"}
+{"version":3,"file":"table-view-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-view/table-view-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const tableViewProps = buildProps({\n  dataTable: { type: DataTable<any> },\n  showHeader: { type: Boolean, default: true },\n} as const);\n\nexport type TableViewProps = ExtractPropTypes<typeof tableViewProps>;\n\nexport const tableViewEmits = {};\n\nexport const TableViewEmits = typeof tableViewEmits;\n"],"names":[],"mappings":";;AAIO,MAAM,iBAAiB,WAAW;AAAA,EACvC,WAAW,EAAE,MAAM,UAAe;AAAA,EAClC,YAAY,EAAE,MAAM,SAAS,SAAS,KAAK;AAC7C,CAAU;"}

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

@@ -1 +1 @@
-{"version":3,"file":"table-view.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-view/table-view.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref, watch } from \"vue\";\r\nimport { ElCard } from \"element-plus\";\r\nimport { DataTree } from \"@maketribe/dm\";\r\n\r\nimport { MKDataTablePagination } from \"../../../data-table-pagination\";\r\nimport { MKTable } from \"../table\";\r\nimport { tableViewProps } from \"./table-view-options\";\r\nimport { MKTableHeader } from \"./header\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTableView\",\r\n  props: tableViewProps,\r\n  setup(props, { slots }) {\r\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\r\n\r\n    const dataTable = computed(\r\n      () => props.dataTable ?? dataTableContext!.dataTable\r\n    );\r\n\r\n    const pageSizes = computed(() => unref(dataTable).pageSizes);\r\n\r\n    //树形表格不需要显示分页\r\n    const isTree = computed(() => unref(dataTable) instanceof DataTree);\r\n\r\n    return () => {\r\n      const pagination =\r\n        slots.pagination?.({ dataTable: unref(dataTable) }) ||\r\n        (unref(pageSizes).length && !unref(isTree) ? (\r\n          <MKDataTablePagination dataTable={unref(dataTable)} />\r\n        ) : null);\r\n\r\n      const _slots: Record<string, any> = {};\r\n\r\n      if (props.showHeader) {\r\n        _slots.header = () => <MKTableHeader v-slots={slots} />;\r\n      }\r\n\r\n      return (\r\n        <ElCard class=\"mk-table-view\" v-slots={_slots}>\r\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\r\n            <MKTable dataTable={unref(dataTable)} />\r\n          )}\r\n          {pagination}\r\n        </ElCard>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","tableViewProps","setup","slots","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTable","computed","pageSizes","unref","isTree","DataTree","pagination","length","_createVNode","MKDataTablePagination","_slots","showHeader","header","MKTableHeader","ElCard","default","MKTable"],"mappings":";;;;;;;;AAUA,MAAeA,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,YAAYC,SAChB,MAAMR,MAAMO,aAAaH,iBAAkBG,SAC7C;AAEA,UAAME,YAAYD,SAAS,MAAME,MAAMH,SAAS,EAAEE,SAAS;AAG3D,UAAME,SAASH,SAAS,MAAME,MAAMH,SAAS,aAAaK,QAAQ;AAElE,WAAO,MAAM;;AACX,YAAMC,eACJV,WAAMU,eAANV,+BAAmB;AAAA,QAAEI,WAAWG,MAAMH,SAAS;AAAA,MAAE,QAChDG,MAAMD,SAAS,EAAEK,UAAU,CAACJ,MAAMC,MAAM,IAACI,YAAAC,uBAAA;AAAA,QAAA,aACNN,MAAMH,SAAS;AAAA,MAAC,GAAA,IAAA,IAChD;AAEN,YAAMU,SAA8B,CAAA;AAEpC,UAAIjB,MAAMkB,YAAY;AACpBD,eAAOE,SAAS,MAAAJ,YAAAK,eAA8BjB,MAAAA,KAAK;AAAA,MACrD;AAEA,aAAAY,YAAAM,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,oBAEKnB,MAAAA,MAAMmB,YAANnB,gBAAAA,IAAAA,YAAgB;AAAA,YAAEI,WAAWG,MAAMH,SAAS;AAAA,UAAE,OAAEQ,YAAAQ,SAAA;AAAA,YAAA,aAC3Bb,MAAMH,SAAS;AAAA,UAAC,GAAA,IAAA,GAErCM,UAAU;AAAA;AAAA,QAAA,GAJ0BI;AAAAA,MAAM,CAAA;AAAA;EAQnD;AACF,CAAC;"}
+{"version":3,"file":"table-view.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-view/table-view.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref, watch } from \"vue\";\nimport { ElCard } from \"element-plus\";\nimport { DataTree } from \"@maketribe/dm\";\n\nimport { MKDataTablePagination } from \"../../../data-table-pagination\";\nimport { MKTable } from \"../table\";\nimport { tableViewProps } from \"./table-view-options\";\nimport { MKTableHeader } from \"./header\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKTableView\",\n  props: tableViewProps,\n  setup(props, { slots }) {\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\n\n    const dataTable = computed(\n      () => props.dataTable ?? dataTableContext!.dataTable\n    );\n\n    const pageSizes = computed(() => unref(dataTable).pageSizes);\n\n    //树形表格不需要显示分页\n    const isTree = computed(() => unref(dataTable) instanceof DataTree);\n\n    return () => {\n      const pagination =\n        slots.pagination?.({ dataTable: unref(dataTable) }) ||\n        (unref(pageSizes).length && !unref(isTree) ? (\n          <MKDataTablePagination dataTable={unref(dataTable)} />\n        ) : null);\n\n      const _slots: Record<string, any> = {};\n\n      if (props.showHeader) {\n        _slots.header = () => <MKTableHeader v-slots={slots} />;\n      }\n\n      return (\n        <ElCard class=\"mk-table-view\" v-slots={_slots}>\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTable dataTable={unref(dataTable)} />\n          )}\n          {pagination}\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","tableViewProps","setup","slots","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTable","computed","pageSizes","unref","isTree","DataTree","pagination","length","_createVNode","MKDataTablePagination","_slots","showHeader","header","MKTableHeader","ElCard","default","MKTable"],"mappings":";;;;;;;;AAUA,MAAeA,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,YAAYC,SAChB,MAAMR,MAAMO,aAAaH,iBAAkBG,SAC7C;AAEA,UAAME,YAAYD,SAAS,MAAME,MAAMH,SAAS,EAAEE,SAAS;AAG3D,UAAME,SAASH,SAAS,MAAME,MAAMH,SAAS,aAAaK,QAAQ;AAElE,WAAO,MAAM;;AACX,YAAMC,eACJV,WAAMU,eAANV,+BAAmB;AAAA,QAAEI,WAAWG,MAAMH,SAAS;AAAA,MAAE,QAChDG,MAAMD,SAAS,EAAEK,UAAU,CAACJ,MAAMC,MAAM,IAACI,YAAAC,uBAAA;AAAA,QAAA,aACNN,MAAMH,SAAS;AAAA,MAAC,GAAA,IAAA,IAChD;AAEN,YAAMU,SAA8B,CAAA;AAEpC,UAAIjB,MAAMkB,YAAY;AACpBD,eAAOE,SAAS,MAAAJ,YAAAK,eAA8BjB,MAAAA,KAAK;AAAA,MACrD;AAEA,aAAAY,YAAAM,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,oBAEKnB,MAAAA,MAAMmB,YAANnB,gBAAAA,IAAAA,YAAgB;AAAA,YAAEI,WAAWG,MAAMH,SAAS;AAAA,UAAE,OAAEQ,YAAAQ,SAAA;AAAA,YAAA,aAC3Bb,MAAMH,SAAS;AAAA,UAAC,GAAA,IAAA,GAErCM,UAAU;AAAA;AAAA,QAAA,GAJ0BI;AAAAA,MAAM,CAAA;AAAA;EAQnD;AACF,CAAC;"}

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

@@ -1,10 +1,11 @@
 import { withInstall } from "@maketribe/utils";
 import Tree from "./tree.js";
-import { treeProps } from "./tree-options.js";
+import { treeEmits, treeProps } from "./tree-options.js";
 const MKTree = withInstall(Tree);
 export {
   MKTree,
   MKTree as default,
+  treeEmits,
   treeProps
 };
 //# sourceMappingURL=index.js.map

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

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

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

@@ -4,11 +4,17 @@ const treeProps = buildProps({
   dataTree: {
     type: DataTree
   },
+  currentNodeKey: { type: String, default: "" },
+  draggable: { type: Boolean, default: false },
   filterNodeMethod: { type: Function },
   defaultExpandAll: { type: Boolean, default: false },
   allowSelectContainer: { type: Boolean, default: true }
 });
+const treeEmits = {
+  nodeClick: (node) => true
+};
 export {
+  treeEmits,
   treeProps
 };
 //# sourceMappingURL=tree-options.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tree-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/tree/tree-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { DataTree } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const treeProps = buildProps({\r\n  dataTree: {\r\n    type: DataTree<any>,\r\n  },\r\n  filterNodeMethod: { type: Function },\r\n  defaultExpandAll: { type: Boolean, default: false },\r\n  allowSelectContainer: { type: Boolean, default: true },\r\n} as const);\r\n\r\nexport type TreeProps = ExtractPropTypes<typeof treeProps>;\r\n"],"names":[],"mappings":";;AAIO,MAAM,YAAY,WAAW;AAAA,EAClC,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EACA,kBAAkB,EAAE,MAAM,SAAS;AAAA,EACnC,kBAAkB,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAClD,sBAAsB,EAAE,MAAM,SAAS,SAAS,KAAK;AACvD,CAAU;"}
+{"version":3,"file":"tree-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/tree/tree-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTree, DataTreeNode } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const treeProps = buildProps({\n  dataTree: {\n    type: DataTree<any>,\n  },\n  currentNodeKey: { type: String, default: \"\" },\n  draggable: { type: Boolean, default: false },\n  filterNodeMethod: { type: Function },\n  defaultExpandAll: { type: Boolean, default: false },\n  allowSelectContainer: { type: Boolean, default: true },\n} as const);\n\nexport type TreeProps = ExtractPropTypes<typeof treeProps>;\n\nexport const treeEmits = {\n  nodeClick: (node: DataTreeNode<any>) => true,\n};\n\nexport type TreeEmits = typeof treeEmits;\n"],"names":[],"mappings":";;AAIO,MAAM,YAAY,WAAW;AAAA,EAClC,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EACA,gBAAgB,EAAE,MAAM,QAAQ,SAAS,GAAG;AAAA,EAC5C,WAAW,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC3C,kBAAkB,EAAE,MAAM,SAAS;AAAA,EACnC,kBAAkB,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAClD,sBAAsB,EAAE,MAAM,SAAS,SAAS,KAAK;AACvD,CAAU;AAIH,MAAM,YAAY;AAAA,EACvB,WAAW,CAAC,SAA4B;AAC1C;"}

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

@@ -1,11 +1,14 @@
 import { defineComponent, inject, computed, ref, unref, createVNode, Fragment, createTextVNode } from "vue";
 import { ElTree, ElButton } from "element-plus";
-import { treeProps } from "./tree-options.js";
+import { treeProps, treeEmits } from "./tree-options.js";
 import { DATA_TABLE_CONTEXT_KEY } from "../../token.js";
 const Tree = /* @__PURE__ */ defineComponent({
   name: "MKTree",
   props: treeProps,
-  setup(props) {
+  emits: treeEmits,
+  setup(props, {
+    emit
+  }) {
     const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);
     const dataTree = computed(() => props.dataTree ?? dataTableContext.dataTable);
     const treeRef = ref(null);
@@ -50,6 +53,12 @@ const Tree = /* @__PURE__ */ defineComponent({
       }
       _dataTree.setSelection([dataTreeNode.data[_dataTree.primaryKey]]);
     };
+    const handleNodeDrop = (draggingNode, dropNode, dropType, event) => {
+      unref(dataTree).handleNodeDrop(draggingNode.data, dropNode.data, dropType);
+    };
+    const handleNodeClick = (node) => {
+      emit("nodeClick", node);
+    };
     return {
       treeRef,
       innerDataTree: dataTree,
@@ -59,7 +68,9 @@ const Tree = /* @__PURE__ */ defineComponent({
       handleDelete,
       handleLoad,
       filter,
-      handleCurrentChange
+      handleCurrentChange,
+      handleNodeDrop,
+      handleNodeClick
     };
   },
   render() {
@@ -73,8 +84,11 @@ const Tree = /* @__PURE__ */ defineComponent({
       handleDelete,
       handleLoad,
       handleCurrentChange,
+      handleNodeDrop,
+      handleNodeClick,
       $slots
     } = this;
+    const currentNodeKey = (this.currentNodeKey || innerDataTree.getSelection()[0]) ?? "";
     return createVNode(ElTree, {
       "props": {
         children: "children",
@@ -86,10 +100,15 @@ const Tree = /* @__PURE__ */ defineComponent({
       "highlight-current": true,
       "data": rootNodes,
       "lazy": true,
+      "currentNodeKey": currentNodeKey,
       "filterNodeMethod": filterNodeMethod,
       "nodeKey": "primaryValue",
+      "expand-on-click-node": false,
       "load": handleLoad,
-      "onCurrent-change": handleCurrentChange
+      "onCurrent-change": handleCurrentChange,
+      "onNode-drop": handleNodeDrop,
+      "draggable": this.$props.draggable,
+      "onNode-click": handleNodeClick
     }, {
       default: (scope) => {
         var _a, _b, _c, _d, _e;

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

@@ -1 +1 @@
-{"version":3,"file":"tree.js","sources":["../../../../../../../src/components/data-model/data-table/views/tree/tree.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, inject, ref, unref } from \"vue\";\r\nimport { ElButton, ElTree } from \"element-plus\";\r\nimport type Node from \"element-plus/es/components/tree/src/model/node\";\r\nimport { DataTree, DataTreeNode } from \"@maketribe/dm\";\r\nimport { treeProps } from \"./tree-options\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTree\",\r\n  props: treeProps,\r\n  setup(props) {\r\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\r\n\r\n    const dataTree = computed(\r\n      () => props.dataTree ?? (dataTableContext!.dataTable as DataTree)\r\n    );\r\n\r\n    const treeRef = ref<typeof ElTree | null>(null);\r\n\r\n    const rootNodes = computed(() => unref(dataTree).rootNodes);\r\n\r\n    const handleAdd = (dataTreeNode?: DataTreeNode) => {\r\n      unref(dataTree).addRecord(\r\n        dataTreeNode ? { pid: dataTreeNode.data.id } : {}\r\n      );\r\n    };\r\n\r\n    const handleEdit = (dataTreeNode: DataTreeNode) => {\r\n      unref(dataTree).editRecord(dataTreeNode.data);\r\n    };\r\n\r\n    const handleDelete = async (dataTreeNode: DataTreeNode) => {\r\n      unref(dataTree).deleteRecord(dataTreeNode.data);\r\n    };\r\n\r\n    const handleLoad = async (node: Node, resolve: Function) => {\r\n      if (node.level === 0) {\r\n        return;\r\n      }\r\n\r\n      if (!unref(dataTree).lazy) {\r\n        resolve(node.data.children);\r\n        return;\r\n      }\r\n\r\n      const dataTreeNode = node.data as DataTreeNode;\r\n\r\n      await dataTreeNode.load();\r\n\r\n      resolve(dataTreeNode.children);\r\n    };\r\n\r\n    const filter = (value: any) => {\r\n      unref(treeRef)?.filter(value);\r\n    };\r\n\r\n    const handleCurrentChange = (\r\n      dataTreeNode: DataTreeNode | null,\r\n      node: Node | null\r\n    ) => {\r\n      if (!dataTreeNode) {\r\n        return;\r\n      }\r\n\r\n      const _dataTree = unref(dataTree);\r\n\r\n      if (!props.allowSelectContainer && !dataTreeNode.isLeaf) {\r\n        const current = _dataTree.getSelection()[0] ?? null;\r\n\r\n        unref(treeRef)?.setCurrentKey(current);\r\n\r\n        return;\r\n      }\r\n\r\n      _dataTree.setSelection([dataTreeNode.data[_dataTree.primaryKey]]);\r\n    };\r\n\r\n    return {\r\n      treeRef,\r\n      innerDataTree: dataTree,\r\n      rootNodes,\r\n      handleAdd,\r\n      handleEdit,\r\n      handleDelete,\r\n      handleLoad,\r\n      filter,\r\n      handleCurrentChange,\r\n    };\r\n  },\r\n  render() {\r\n    const {\r\n      defaultExpandAll,\r\n      filterNodeMethod,\r\n      innerDataTree,\r\n      rootNodes,\r\n      handleAdd,\r\n      handleEdit,\r\n      handleDelete,\r\n      handleLoad,\r\n      handleCurrentChange,\r\n      $slots,\r\n    } = this;\r\n\r\n    return (\r\n      <ElTree\r\n        props={{ children: \"children\", isLeaf: \"isLeaf\" }}\r\n        defaultExpandAll={defaultExpandAll}\r\n        ref=\"treeRef\"\r\n        class=\"mk-data-tree\"\r\n        highlight-current\r\n        data={rootNodes}\r\n        lazy\r\n        filterNodeMethod={filterNodeMethod as any}\r\n        nodeKey=\"primaryValue\"\r\n        load={handleLoad}\r\n        onCurrent-change={handleCurrentChange}\r\n        v-slots={{\r\n          default: (scope: any) => {\r\n            let children = $slots.default?.(scope);\r\n\r\n            if (children) {\r\n              return children;\r\n            }\r\n\r\n            const { data } = scope;\r\n\r\n            const label = data.data[innerDataTree.props.label];\r\n\r\n            const main = $slots[\"node-main\"]?.(scope) || label;\r\n\r\n            const tools = $slots[\"node-tools\"]?.(scope) || (\r\n              <Fragment>\r\n                {$slots[\"node-tools-prefix\"]?.(scope)}\r\n                <ElButton type=\"primary\" link onClick={() => handleAdd(data)}>\r\n                  添加\r\n                </ElButton>\r\n                <ElButton type=\"primary\" link onClick={() => handleEdit(data)}>\r\n                  编辑\r\n                </ElButton>\r\n                <ElButton type=\"danger\" link onClick={() => handleDelete(data)}>\r\n                  删除\r\n                </ElButton>\r\n                {$slots[\"node-tools-suffix\"]?.(scope)}\r\n              </Fragment>\r\n            );\r\n\r\n            return (\r\n              <div class=\"mk-data-tree-node\">\r\n                <div class=\"mk-data-tree-node_main\">{main}</div>\r\n\r\n                <div\r\n                  class=\"mk-data-tree-node__tools\"\r\n                  onClick={(e) => e.stopPropagation()}\r\n                >\r\n                  {tools}\r\n                </div>\r\n              </div>\r\n            );\r\n          },\r\n        }}\r\n      />\r\n    );\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","treeProps","setup","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTree","computed","dataTable","treeRef","ref","rootNodes","unref","handleAdd","dataTreeNode","addRecord","pid","data","id","handleEdit","editRecord","handleDelete","deleteRecord","handleLoad","node","resolve","level","lazy","children","load","filter","value","handleCurrentChange","_dataTree","allowSelectContainer","isLeaf","current","getSelection","setCurrentKey","setSelection","primaryKey","innerDataTree","render","defaultExpandAll","filterNodeMethod","$slots","_createVNode","ElTree","default","scope","label","main","tools","_Fragment","ElButton","onClick","_createTextVNode","e","stopPropagation"],"mappings":"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"}
+{"version":3,"file":"tree.js","sources":["../../../../../../../src/components/data-model/data-table/views/tree/tree.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, inject, ref, unref } from \"vue\";\nimport { ElButton, ElTree } from \"element-plus\";\nimport type { NodeDropType } from \"element-plus/es/components/tree/src/tree.type\";\nimport type { DragEvents } from \"element-plus/es/components/tree/src/model/useDragNode\";\nimport type Node from \"element-plus/es/components/tree/src/model/node\";\nimport { DataTree, DataTreeNode } from \"@maketribe/dm\";\nimport { treeEmits, treeProps } from \"./tree-options\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKTree\",\n  props: treeProps,\n  emits: treeEmits,\n  setup(props, { emit }) {\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\n\n    const dataTree = computed(\n      () => props.dataTree ?? (dataTableContext!.dataTable as DataTree)\n    );\n\n    const treeRef = ref<typeof ElTree | null>(null);\n\n    const rootNodes = computed(() => unref(dataTree).rootNodes);\n\n    const handleAdd = (dataTreeNode?: DataTreeNode) => {\n      unref(dataTree).addRecord(\n        dataTreeNode ? { pid: dataTreeNode.data.id } : {}\n      );\n    };\n\n    const handleEdit = (dataTreeNode: DataTreeNode) => {\n      unref(dataTree).editRecord(dataTreeNode.data);\n    };\n\n    const handleDelete = async (dataTreeNode: DataTreeNode) => {\n      unref(dataTree).deleteRecord(dataTreeNode.data);\n    };\n\n    const handleLoad = async (node: Node, resolve: Function) => {\n      if (node.level === 0) {\n        return;\n      }\n\n      if (!unref(dataTree).lazy) {\n        resolve(node.data.children);\n        return;\n      }\n\n      const dataTreeNode = node.data as DataTreeNode;\n\n      await dataTreeNode.load();\n\n      resolve(dataTreeNode.children);\n    };\n\n    const filter = (value: any) => {\n      unref(treeRef)?.filter(value);\n    };\n\n    const handleCurrentChange = (\n      dataTreeNode: DataTreeNode | null,\n      node: Node | null\n    ) => {\n      if (!dataTreeNode) {\n        return;\n      }\n\n      const _dataTree = unref(dataTree);\n\n      if (!props.allowSelectContainer && !dataTreeNode.isLeaf) {\n        const current = _dataTree.getSelection()[0] ?? null;\n\n        unref(treeRef)?.setCurrentKey(current);\n\n        return;\n      }\n\n      _dataTree.setSelection([dataTreeNode.data[_dataTree.primaryKey]]);\n    };\n\n    const handleNodeDrop = (\n      draggingNode: Node,\n      dropNode: Node,\n      dropType: NodeDropType,\n      event: DragEvents\n    ) => {\n      // console.log(draggingNode, dropNode);\n      unref(dataTree).handleNodeDrop(\n        draggingNode.data! as any,\n        dropNode.data! as any,\n        dropType\n      );\n    };\n\n    const handleNodeClick = (node: DataTreeNode<any>) => {\n      emit(\"nodeClick\", node);\n    };\n\n    return {\n      treeRef,\n      innerDataTree: dataTree,\n      rootNodes,\n      handleAdd,\n      handleEdit,\n      handleDelete,\n      handleLoad,\n      filter,\n      handleCurrentChange,\n      handleNodeDrop,\n      handleNodeClick,\n    };\n  },\n  render() {\n    const {\n      defaultExpandAll,\n      filterNodeMethod,\n      innerDataTree,\n      rootNodes,\n      handleAdd,\n      handleEdit,\n      handleDelete,\n      handleLoad,\n      handleCurrentChange,\n      handleNodeDrop,\n      handleNodeClick,\n      $slots,\n    } = this;\n\n    const currentNodeKey =\n      (this.currentNodeKey || innerDataTree.getSelection()[0]) ?? \"\";\n\n    return (\n      <ElTree\n        props={{ children: \"children\", isLeaf: \"isLeaf\" }}\n        defaultExpandAll={defaultExpandAll}\n        ref=\"treeRef\"\n        class=\"mk-data-tree\"\n        highlight-current\n        data={rootNodes}\n        lazy\n        currentNodeKey={currentNodeKey}\n        filterNodeMethod={filterNodeMethod as any}\n        nodeKey=\"primaryValue\"\n        expand-on-click-node={false}\n        load={handleLoad}\n        onCurrent-change={handleCurrentChange}\n        onNode-drop={handleNodeDrop}\n        draggable={this.$props.draggable}\n        onNode-click={handleNodeClick}\n        v-slots={{\n          default: (scope: any) => {\n            let children = $slots.default?.(scope);\n\n            if (children) {\n              return children;\n            }\n\n            const { data } = scope;\n\n            const label = data.data[innerDataTree.props.label];\n\n            const main = $slots[\"node-main\"]?.(scope) || label;\n\n            const tools = $slots[\"node-tools\"]?.(scope) || (\n              <Fragment>\n                {$slots[\"node-tools-prefix\"]?.(scope)}\n                <ElButton type=\"primary\" link onClick={() => handleAdd(data)}>\n                  添加\n                </ElButton>\n                <ElButton type=\"primary\" link onClick={() => handleEdit(data)}>\n                  编辑\n                </ElButton>\n                <ElButton type=\"danger\" link onClick={() => handleDelete(data)}>\n                  删除\n                </ElButton>\n                {$slots[\"node-tools-suffix\"]?.(scope)}\n              </Fragment>\n            );\n\n            return (\n              <div class=\"mk-data-tree-node\">\n                <div class=\"mk-data-tree-node_main\">{main}</div>\n\n                <div\n                  class=\"mk-data-tree-node__tools\"\n                  onClick={(e) => e.stopPropagation()}\n                >\n                  {tools}\n                </div>\n              </div>\n            );\n          },\n        }}\n      />\n    );\n  },\n});\n"],"names":["defineComponent","name","props","treeProps","emits","treeEmits","setup","emit","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTree","computed","dataTable","treeRef","ref","rootNodes","unref","handleAdd","dataTreeNode","addRecord","pid","data","id","handleEdit","editRecord","handleDelete","deleteRecord","handleLoad","node","resolve","level","lazy","children","load","filter","value","handleCurrentChange","_dataTree","allowSelectContainer","isLeaf","current","getSelection","setCurrentKey","setSelection","primaryKey","handleNodeDrop","draggingNode","dropNode","dropType","event","handleNodeClick","innerDataTree","render","defaultExpandAll","filterNodeMethod","$slots","currentNodeKey","_createVNode","ElTree","$props","draggable","default","scope","label","main","tools","_Fragment","ElButton","onClick","_createTextVNode","e","stopPropagation"],"mappings":";;;;AASA,MAAeA,uCAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,WAAWC,SACf,MAAMV,MAAMS,YAAaH,iBAAkBK,SAC7C;AAEA,UAAMC,UAAUC,IAA0B,IAAI;AAE9C,UAAMC,YAAYJ,SAAS,MAAMK,MAAMN,QAAQ,EAAEK,SAAS;AAE1D,UAAME,YAAaC,kBAAgC;AACjDF,YAAMN,QAAQ,EAAES,UACdD,eAAe;AAAA,QAAEE,KAAKF,aAAaG,KAAKC;AAAAA,MAAI,IAAG,CACjD,CAAA;AAAA;AAGF,UAAMC,aAAcL,kBAA+B;AACjDF,YAAMN,QAAQ,EAAEc,WAAWN,aAAaG,IAAI;AAAA;AAG9C,UAAMI,eAAe,OAAOP,iBAA+B;AACzDF,YAAMN,QAAQ,EAAEgB,aAAaR,aAAaG,IAAI;AAAA;AAGhD,UAAMM,aAAa,OAAOC,MAAYC,YAAsB;AAC1D,UAAID,KAAKE,UAAU,GAAG;AACpB;AAAA,MACF;AAEA,UAAI,CAACd,MAAMN,QAAQ,EAAEqB,MAAM;AACzBF,gBAAQD,KAAKP,KAAKW,QAAQ;AAC1B;AAAA,MACF;AAEA,YAAMd,eAAeU,KAAKP;AAE1B,YAAMH,aAAae;AAEnBJ,cAAQX,aAAac,QAAQ;AAAA;AAG/B,UAAME,SAAUC,WAAe;;AAC7BnB,kBAAMH,OAAO,MAAbG,mBAAgBkB,OAAOC;AAAAA;AAGzB,UAAMC,sBAAsBA,CAC1BlB,cACAU,SACG;;AACH,UAAI,CAACV,cAAc;AACjB;AAAA,MACF;AAEA,YAAMmB,YAAYrB,MAAMN,QAAQ;AAEhC,UAAI,CAACT,MAAMqC,wBAAwB,CAACpB,aAAaqB,QAAQ;AACvD,cAAMC,UAAUH,UAAUI,aAAc,EAAC,CAAC,KAAK;AAE/CzB,oBAAMH,OAAO,MAAbG,mBAAgB0B,cAAcF;AAE9B;AAAA,MACF;AAEAH,gBAAUM,aAAa,CAACzB,aAAaG,KAAKgB,UAAUO,UAAU,CAAC,CAAC;AAAA;AAGlE,UAAMC,iBAAiBA,CACrBC,cACAC,UACAC,UACAC,UACG;AAEHjC,YAAMN,QAAQ,EAAEmC,eACdC,aAAazB,MACb0B,SAAS1B,MACT2B,QACF;AAAA;AAGF,UAAME,kBAAmBtB,UAA4B;AACnDtB,WAAK,aAAasB,IAAI;AAAA;AAGxB,WAAO;AAAA,MACLf;AAAAA,MACAsC,eAAezC;AAAAA,MACfK;AAAAA,MACAE;AAAAA,MACAM;AAAAA,MACAE;AAAAA,MACAE;AAAAA,MACAO;AAAAA,MACAE;AAAAA,MACAS;AAAAA,MACAK;AAAAA;EAEH;AAAA,EACDE,SAAS;AACP,UAAM;AAAA,MACJC;AAAAA,MACAC;AAAAA,MACAH;AAAAA,MACApC;AAAAA,MACAE;AAAAA,MACAM;AAAAA,MACAE;AAAAA,MACAE;AAAAA,MACAS;AAAAA,MACAS;AAAAA,MACAK;AAAAA,MACAK;AAAAA,IACD,IAAG;AAEJ,UAAMC,kBACH,KAAKA,kBAAkBL,cAAcV,aAAc,EAAC,CAAC,MAAM;AAE9D,WAAAgB,YAAAC,QAAA;AAAA,MAAA,SAEW;AAAA,QAAE1B,UAAU;AAAA,QAAYO,QAAQ;AAAA,MAAU;AAAA,MAAA,oBAC/Bc;AAAAA,MAAgB,OAAA;AAAA,MAAA,SAAA;AAAA,MAAA,qBAAA;AAAA,MAAA,QAI5BtC;AAAAA,MAAS,QAAA;AAAA,MAAA,kBAECyC;AAAAA,MAAc,oBACZF;AAAAA,MAAgB,WAAA;AAAA,MAAA,wBAEZ;AAAA,MAAK,QACrB3B;AAAAA,MAAU,oBACES;AAAAA,MAAmB,eACxBS;AAAAA,MAAc,aAChB,KAAKc,OAAOC;AAAAA,MAAS,gBAClBV;AAAAA,OACL;AAAA,MACPW,SAAUC,WAAe;;AACvB,YAAI9B,YAAWuB,YAAOM,YAAPN,gCAAiBO;AAEhC,YAAI9B,UAAU;AACZ,iBAAOA;AAAAA,QACT;AAEA,cAAM;AAAA,UAAEX;AAAAA,QAAM,IAAGyC;AAEjB,cAAMC,QAAQ1C,KAAKA,KAAK8B,cAAclD,MAAM8D,KAAK;AAEjD,cAAMC,SAAOT,YAAO,iBAAPA,gCAAsBO,WAAUC;AAE7C,cAAME,UAAQV,YAAO,kBAAPA,gCAAuBO,WAAML,YAAAS,UAEtCX,MAAAA,EAAAA,YAAO,yBAAPA,gCAA8BO,QAAML,YAAAU,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACEC,MAAMnD,UAAUI,IAAI;AAAA,QAAC,GAAA;AAAA,UAAAwC,SAAAA,MAAA,CAAAQ,gBAAA,IAAA,CAAA;AAAA,SAAAZ,GAAAA,YAAAU,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAGrBC,MAAM7C,WAAWF,IAAI;AAAA,QAAC,GAAA;AAAA,UAAAwC,SAAAA,MAAA,CAAAQ,gBAAA,IAAA,CAAA;AAAA,SAAAZ,GAAAA,YAAAU,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAGvBC,MAAM3C,aAAaJ,IAAI;AAAA,QAAC,GAAA;AAAA,UAAAwC,SAAAA,MAAA,CAAAQ,gBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,IAG7Dd,YAAO,yBAAPA,gCAA8BO,MAAM,CAExC;AAED,eAAAL,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,QAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,QAEyCO,GAAAA,CAAAA,IAAI,IAAAP,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,UAAA,WAI7Ba,OAAMA,EAAEC,gBAAgB;AAAA,QAAC,GAAA,CAElCN,KAAK,CAAA,CAAA,CAAA;AAAA,MAId;AAAA,KACD;AAAA,EAGP;AACF,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"tree-view-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/tree-view/tree-view-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { DataTree } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const treeViewProps = buildProps({\r\n  dataTree: {\r\n    type: DataTree<any>,\r\n  },\r\n  filterNodeMethod: {\r\n    type: Function,\r\n  },\r\n  defaultExpandAll: { type: Boolean, default: true },\r\n} as const);\r\n\r\nexport type TreeViewProps = ExtractPropTypes<typeof treeViewProps>;\r\n"],"names":[],"mappings":";;AAIO,MAAM,gBAAgB,WAAW;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,EACR;AAAA,EACA,kBAAkB,EAAE,MAAM,SAAS,SAAS,KAAK;AACnD,CAAU;"}
+{"version":3,"file":"tree-view-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/tree-view/tree-view-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTree } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const treeViewProps = buildProps({\n  dataTree: {\n    type: DataTree<any>,\n  },\n  filterNodeMethod: {\n    type: Function,\n  },\n  defaultExpandAll: { type: Boolean, default: true },\n} as const);\n\nexport type TreeViewProps = ExtractPropTypes<typeof treeViewProps>;\n"],"names":[],"mappings":";;AAIO,MAAM,gBAAgB,WAAW;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,EACR;AAAA,EACA,kBAAkB,EAAE,MAAM,SAAS,SAAS,KAAK;AACnD,CAAU;"}

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

@@ -1 +1 @@
-{"version":3,"file":"tree-view.js","sources":["../../../../../../../src/components/data-model/data-table/views/tree-view/tree-view.tsx"],"sourcesContent":["import { computed, defineComponent, inject, ref, unref, watch } from \"vue\";\r\nimport { ElButton, ElCard, ElInput } from \"element-plus\";\r\nimport { Search } from \"@element-plus/icons-vue\";\r\nimport { MKTree } from \"../tree\";\r\nimport { treeViewProps } from \"./tree-view-options\";\r\nimport { I18n } from \"@maketribe/locale\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\r\nimport { DataTree } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTreeView\",\r\n  props: treeViewProps,\r\n  setup(props, { slots }) {\r\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\r\n\r\n    const dataTree = computed(\r\n      () => props.dataTree ?? (dataTableContext!.dataTable as DataTree)\r\n    );\r\n\r\n    const treeRef = ref<InstanceType<typeof MKTree>>();\r\n\r\n    const searchInputValue = ref(\"\");\r\n    watch(searchInputValue, (value) => {\r\n      unref(treeRef)?.filter(value);\r\n    });\r\n\r\n    const filterNodeMethod = (value: string, data: any) => {\r\n      if (typeof props.filterNodeMethod === \"function\") {\r\n        return props.filterNodeMethod(value, data);\r\n      }\r\n\r\n      if (!searchInputValue.value) return true;\r\n\r\n      return data.data[unref(dataTree).props.label].includes(\r\n        searchInputValue.value\r\n      );\r\n    };\r\n\r\n    const handleAdd = () => {\r\n      unref(dataTree).addRecord();\r\n    };\r\n\r\n    return () => {\r\n      const content = slots.default?.({ dataTree: props.dataTree }) || (\r\n        <MKTree\r\n          ref={\r\n            ((component: InstanceType<typeof MKTree>) =>\r\n              (treeRef.value = component)) as any\r\n          }\r\n          dataTree={unref(dataTree)}\r\n          filterNodeMethod={filterNodeMethod}\r\n        />\r\n      );\r\n\r\n      return (\r\n        <ElCard\r\n          class=\"mk-data-tree-page\"\r\n          v-slots={{\r\n            header: () => {\r\n              return (\r\n                <div class=\"header-box\">\r\n                  <div class=\"header-box-main\">\r\n                    <ElInput\r\n                      modelValue={unref(searchInputValue)}\r\n                      clearable={true}\r\n                      onUpdate:modelValue={(v: string) =>\r\n                        (searchInputValue.value = v)\r\n                      }\r\n                      prefix-icon={Search}\r\n                    />\r\n                  </div>\r\n                  <div class=\"header-box-tools\">\r\n                    <ElButton onClick={handleAdd} type=\"primary\">\r\n                      {I18n.instance.translate(\"mk.dataTreePage.addButton\")}\r\n                    </ElButton>\r\n                  </div>\r\n                </div>\r\n              );\r\n            },\r\n          }}\r\n        >\r\n          {content}\r\n        </ElCard>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","treeViewProps","setup","slots","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTree","computed","dataTable","treeRef","ref","searchInputValue","watch","value","unref","filter","filterNodeMethod","data","label","includes","handleAdd","addRecord","content","default","_createVNode","MKTree","component","ElCard","header","_slot","ElInput","v","Search","ElButton","I18n","instance","translate"],"mappings":";;;;;;;AAMqD,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAGrD,MAAeM,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,WAAWC,SACf,MAAMR,MAAMO,YAAaH,iBAAkBK,SAC7C;AAEA,UAAMC,UAAUC;AAEhB,UAAMC,mBAAmBD,IAAI,EAAE;AAC/BE,UAAMD,kBAAmBE,WAAU;;AACjCC,kBAAML,OAAO,MAAbK,mBAAgBC,OAAOF;AAAAA,IACzB,CAAC;AAED,UAAMG,mBAAmBA,CAACH,OAAeI,SAAc;AACrD,UAAI,OAAOlB,MAAMiB,qBAAqB,YAAY;AAChD,eAAOjB,MAAMiB,iBAAiBH,OAAOI,IAAI;AAAA,MAC3C;AAEA,UAAI,CAACN,iBAAiBE,MAAO,QAAO;AAEpC,aAAOI,KAAKA,KAAKH,MAAMR,QAAQ,EAAEP,MAAMmB,KAAK,EAAEC,SAC5CR,iBAAiBE,KACnB;AAAA;AAGF,UAAMO,YAAYA,MAAM;AACtBN,YAAMR,QAAQ,EAAEe;;AAGlB,WAAO,MAAM;;AACX,YAAMC,YAAUpB,WAAMqB,YAANrB,+BAAgB;AAAA,QAAEI,UAAUP,MAAMO;AAAAA,MAAS,OAAEkB,YAAAC,QAAA;AAAA,QAAA,OAGrDC,eACCjB,QAAQI,QAAQa;AAAAA,QAAU,YAErBZ,MAAMR,QAAQ;AAAA,QAAC,oBACPU;AAAAA,MAErB,GAAA,IAAA;AAED,aAAAQ,YAAAG,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAJ,SAAAA,MAAA,CA2BKD,OAAO;AAAA,QAvBNM,QAAQA,MAAM;AAAA,cAAAC;AACZ,iBAAAL,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,UAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,aAAAA,CAAAA,YAAAM,SAAA;AAAA,YAAA,cAIoBhB,MAAMH,gBAAgB;AAAA,YAAC,aACxB;AAAA,YAAI,uBACOoB,OACnBpB,iBAAiBE,QAAQkB;AAAAA,YAAE,eAEjBC;AAAAA,UAAM,GAAA,IAAA,CAAA,CAAA,GAAAR,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,aAAAA,CAAAA,YAAAS,UAAA;AAAA,YAAA,WAIFb;AAAAA,YAAS,QAAA;AAAA,UAAA,GAAA9B,QAAAuC,QACzBK,KAAKC,SAASC,UAAU,2BAA2B,CAAC,IAAAP,QAAA;AAAA,YAAAN,SAAAA,MAAA,CAAAM,KAAA;AAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAK/D;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;"}
+{"version":3,"file":"tree-view.js","sources":["../../../../../../../src/components/data-model/data-table/views/tree-view/tree-view.tsx"],"sourcesContent":["import { computed, defineComponent, inject, ref, unref, watch } from \"vue\";\nimport { ElButton, ElCard, ElInput } from \"element-plus\";\nimport { Search } from \"@element-plus/icons-vue\";\nimport { MKTree } from \"../tree\";\nimport { treeViewProps } from \"./tree-view-options\";\nimport { I18n } from \"@maketribe/locale\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\nimport { DataTree } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKTreeView\",\n  props: treeViewProps,\n  setup(props, { slots }) {\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\n\n    const dataTree = computed(\n      () => props.dataTree ?? (dataTableContext!.dataTable as DataTree)\n    );\n\n    const treeRef = ref<InstanceType<typeof MKTree>>();\n\n    const searchInputValue = ref(\"\");\n    watch(searchInputValue, (value) => {\n      unref(treeRef)?.filter(value);\n    });\n\n    const filterNodeMethod = (value: string, data: any) => {\n      if (typeof props.filterNodeMethod === \"function\") {\n        return props.filterNodeMethod(value, data);\n      }\n\n      if (!searchInputValue.value) return true;\n\n      return data.data[unref(dataTree).props.label].includes(\n        searchInputValue.value\n      );\n    };\n\n    const handleAdd = () => {\n      unref(dataTree).addRecord();\n    };\n\n    return () => {\n      const content = slots.default?.({ dataTree: props.dataTree }) || (\n        <MKTree\n          ref={\n            ((component: InstanceType<typeof MKTree>) =>\n              (treeRef.value = component)) as any\n          }\n          dataTree={unref(dataTree)}\n          filterNodeMethod={filterNodeMethod}\n        />\n      );\n\n      return (\n        <ElCard\n          class=\"mk-data-tree-page\"\n          v-slots={{\n            header: () => {\n              return (\n                <div class=\"header-box\">\n                  <div class=\"header-box-main\">\n                    <ElInput\n                      modelValue={unref(searchInputValue)}\n                      clearable={true}\n                      onUpdate:modelValue={(v: string) =>\n                        (searchInputValue.value = v)\n                      }\n                      prefix-icon={Search}\n                    />\n                  </div>\n                  <div class=\"header-box-tools\">\n                    <ElButton onClick={handleAdd} type=\"primary\">\n                      {I18n.instance.translate(\"mk.dataTreePage.addButton\")}\n                    </ElButton>\n                  </div>\n                </div>\n              );\n            },\n          }}\n        >\n          {content}\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","treeViewProps","setup","slots","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTree","computed","dataTable","treeRef","ref","searchInputValue","watch","value","unref","filter","filterNodeMethod","data","label","includes","handleAdd","addRecord","content","default","_createVNode","MKTree","component","ElCard","header","_slot","ElInput","v","Search","ElButton","I18n","instance","translate"],"mappings":";;;;;;;AAMqD,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAGrD,MAAeM,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,WAAWC,SACf,MAAMR,MAAMO,YAAaH,iBAAkBK,SAC7C;AAEA,UAAMC,UAAUC;AAEhB,UAAMC,mBAAmBD,IAAI,EAAE;AAC/BE,UAAMD,kBAAmBE,WAAU;;AACjCC,kBAAML,OAAO,MAAbK,mBAAgBC,OAAOF;AAAAA,IACzB,CAAC;AAED,UAAMG,mBAAmBA,CAACH,OAAeI,SAAc;AACrD,UAAI,OAAOlB,MAAMiB,qBAAqB,YAAY;AAChD,eAAOjB,MAAMiB,iBAAiBH,OAAOI,IAAI;AAAA,MAC3C;AAEA,UAAI,CAACN,iBAAiBE,MAAO,QAAO;AAEpC,aAAOI,KAAKA,KAAKH,MAAMR,QAAQ,EAAEP,MAAMmB,KAAK,EAAEC,SAC5CR,iBAAiBE,KACnB;AAAA;AAGF,UAAMO,YAAYA,MAAM;AACtBN,YAAMR,QAAQ,EAAEe;;AAGlB,WAAO,MAAM;;AACX,YAAMC,YAAUpB,WAAMqB,YAANrB,+BAAgB;AAAA,QAAEI,UAAUP,MAAMO;AAAAA,MAAS,OAAEkB,YAAAC,QAAA;AAAA,QAAA,OAGrDC,eACCjB,QAAQI,QAAQa;AAAAA,QAAU,YAErBZ,MAAMR,QAAQ;AAAA,QAAC,oBACPU;AAAAA,MAErB,GAAA,IAAA;AAED,aAAAQ,YAAAG,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAJ,SAAAA,MAAA,CA2BKD,OAAO;AAAA,QAvBNM,QAAQA,MAAM;AAAA,cAAAC;AACZ,iBAAAL,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,UAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,aAAAA,CAAAA,YAAAM,SAAA;AAAA,YAAA,cAIoBhB,MAAMH,gBAAgB;AAAA,YAAC,aACxB;AAAA,YAAI,uBACOoB,OACnBpB,iBAAiBE,QAAQkB;AAAAA,YAAE,eAEjBC;AAAAA,UAAM,GAAA,IAAA,CAAA,CAAA,GAAAR,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,aAAAA,CAAAA,YAAAS,UAAA;AAAA,YAAA,WAIFb;AAAAA,YAAS,QAAA;AAAA,UAAA,GAAA9B,QAAAuC,QACzBK,KAAKC,SAASC,UAAU,2BAA2B,CAAC,IAAAP,QAAA;AAAA,YAAAN,SAAAA,MAAA,CAAAM,KAAA;AAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAK/D;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-pagination-options.js","sources":["../../../../../src/components/data-model/data-table-pagination/data-table-pagination-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\n\r\nexport const dataTablePaginationProps = buildProps({\r\n  dataTable: {\r\n    type: DataTable<any>,\r\n  },\r\n} as const);\r\n\r\nexport type DataTablePaginationProps = ExtractPropTypes<\r\n  typeof dataTablePaginationProps\r\n>;\r\n"],"names":[],"mappings":";;AAIO,MAAM,2BAA2B,WAAW;AAAA,EACjD,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAU;"}
+{"version":3,"file":"data-table-pagination-options.js","sources":["../../../../../src/components/data-model/data-table-pagination/data-table-pagination-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const dataTablePaginationProps = buildProps({\n  dataTable: {\n    type: DataTable<any>,\n  },\n} as const);\n\nexport type DataTablePaginationProps = ExtractPropTypes<\n  typeof dataTablePaginationProps\n>;\n"],"names":[],"mappings":";;AAIO,MAAM,2BAA2B,WAAW;AAAA,EACjD,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAU;"}

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-pagination.js","sources":["../../../../../src/components/data-model/data-table-pagination/data-table-pagination.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { dataTablePaginationProps } from \"./data-table-pagination-options\";\r\nimport MKPagination from \"../../basic/pagination\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../data-table/token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataTablePagination\",\r\n  props: dataTablePaginationProps,\r\n  setup(props) {\r\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\r\n\r\n    const dataTable = computed(\r\n      () => props.dataTable ?? dataTableContext!.dataTable\r\n    );\r\n\r\n    return () => {\r\n      return (\r\n        <MKPagination\r\n          currentPage={unref(dataTable).currentPage}\r\n          pageSize={unref(dataTable).pageSize}\r\n          pageSizes={unref(dataTable).pageSizes}\r\n          total={unref(dataTable).totalRecCount}\r\n          onUpdate:currentPage={(v) => unref(dataTable).pageTo(v)}\r\n          onUpdate:pageSize={(v) => {\r\n            unref(dataTable).setPageSize(v);\r\n            unref(dataTable).load();\r\n          }}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","dataTablePaginationProps","setup","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTable","computed","_createVNode","MKPagination","unref","currentPage","pageSize","pageSizes","totalRecCount","v","pageTo","setPageSize","load"],"mappings":";;;;AAKA,MAAeA,sDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,YAAYC,SAChB,MAAMP,MAAMM,aAAaH,iBAAkBG,SAC7C;AAEA,WAAO,MAAM;AACX,aAAAE,YAAAC,cAAA;AAAA,QAAA,eAEiBC,MAAMJ,SAAS,EAAEK;AAAAA,QAAW,YAC/BD,MAAMJ,SAAS,EAAEM;AAAAA,QAAQ,aACxBF,MAAMJ,SAAS,EAAEO;AAAAA,QAAS,SAC9BH,MAAMJ,SAAS,EAAEQ;AAAAA,QAAa,wBACdC,OAAML,MAAMJ,SAAS,EAAEU,OAAOD,CAAC;AAAA,QAAC,qBACnCA,OAAM;AACxBL,gBAAMJ,SAAS,EAAEW,YAAYF,CAAC;AAC9BL,gBAAMJ,SAAS,EAAEY;QACnB;AAAA,MAAC,GAAA,IAAA;AAAA;EAIT;AACF,CAAC;"}
+{"version":3,"file":"data-table-pagination.js","sources":["../../../../../src/components/data-model/data-table-pagination/data-table-pagination.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\nimport { dataTablePaginationProps } from \"./data-table-pagination-options\";\nimport MKPagination from \"../../basic/pagination\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../data-table/token\";\n\nexport default defineComponent({\n  name: \"MKDataTablePagination\",\n  props: dataTablePaginationProps,\n  setup(props) {\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\n\n    const dataTable = computed(\n      () => props.dataTable ?? dataTableContext!.dataTable\n    );\n\n    return () => {\n      return (\n        <MKPagination\n          currentPage={unref(dataTable).currentPage}\n          pageSize={unref(dataTable).pageSize}\n          pageSizes={unref(dataTable).pageSizes}\n          total={unref(dataTable).totalRecCount}\n          onUpdate:currentPage={(v) => unref(dataTable).pageTo(v)}\n          onUpdate:pageSize={(v) => {\n            unref(dataTable).setPageSize(v);\n            unref(dataTable).load();\n          }}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataTablePaginationProps","setup","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTable","computed","_createVNode","MKPagination","unref","currentPage","pageSize","pageSizes","totalRecCount","v","pageTo","setPageSize","load"],"mappings":";;;;AAKA,MAAeA,sDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,YAAYC,SAChB,MAAMP,MAAMM,aAAaH,iBAAkBG,SAC7C;AAEA,WAAO,MAAM;AACX,aAAAE,YAAAC,cAAA;AAAA,QAAA,eAEiBC,MAAMJ,SAAS,EAAEK;AAAAA,QAAW,YAC/BD,MAAMJ,SAAS,EAAEM;AAAAA,QAAQ,aACxBF,MAAMJ,SAAS,EAAEO;AAAAA,QAAS,SAC9BH,MAAMJ,SAAS,EAAEQ;AAAAA,QAAa,wBACdC,OAAML,MAAMJ,SAAS,EAAEU,OAAOD,CAAC;AAAA,QAAC,qBACnCA,OAAM;AACxBL,gBAAMJ,SAAS,EAAEW,YAAYF,CAAC;AAC9BL,gBAAMJ,SAAS,EAAEY;QACnB;AAAA,MAAC,GAAA,IAAA;AAAA;EAIT;AACF,CAAC;"}

package/dist/esm/composables/use-column-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-column-component.js","sources":["../../../src/composables/use-column-component.ts"],"sourcesContent":["import { unref, computed, Ref, MaybeRef, ComputedRef, watch, ref } from \"vue\";\r\nimport {\r\n  Column,\r\n  Component,\r\n  ComponentsCombine,\r\n  DataForm,\r\n  DataTable,\r\n  FilterColumn,\r\n  DataFilter,\r\n  FormColumn,\r\n  IComponents,\r\n  TableColumn,\r\n  isWhereFilter,\r\n} from \"@maketribe/dm\";\r\nimport { useGlobalConfig } from \"../components/basic/config-provider\";\r\n\r\nexport const useComponent = (\r\n  componentName: MaybeRef<string>,\r\n  components: MaybeRef<IComponents>\r\n): {\r\n  componentInfo: ComputedRef<Component | null>;\r\n  component: ComputedRef<any>;\r\n  componentProps: ComputedRef<Record<string, any> | null>;\r\n} => {\r\n  const componentInfo = computed(() =>\r\n    unref(components).resolveComponent(unref(componentName))\r\n  );\r\n\r\n  const component = computed(() => unref(componentInfo)?.component ?? null);\r\n\r\n  const componentProps = computed(() => {\r\n    const componentProps = unref(componentInfo)?.defaultProps ?? null;\r\n\r\n    return componentProps ? { ...componentProps } : null;\r\n  });\r\n\r\n  return { componentInfo, component, componentProps };\r\n};\r\n\r\nexport const useComponentWithDefault = (\r\n  componentInfo: ReturnType<typeof useComponent>,\r\n  defaultComponentInfo: ReturnType<typeof useComponent>\r\n) => {\r\n  const _componentInfo = computed(() =>\r\n    unref(componentInfo.componentInfo)\r\n      ? unref(componentInfo.componentInfo)\r\n      : unref(defaultComponentInfo.componentInfo)\r\n  );\r\n\r\n  const _componentProps = computed(() =>\r\n    unref(componentInfo.componentInfo)\r\n      ? unref(componentInfo.componentProps)\r\n      : unref(defaultComponentInfo.componentProps)\r\n  );\r\n\r\n  const _component = computed(() =>\r\n    unref(componentInfo.componentInfo)\r\n      ? unref(componentInfo.component)\r\n      : unref(defaultComponentInfo.component)\r\n  );\r\n\r\n  return {\r\n    componentInfo: _componentInfo,\r\n    componentProps: _componentProps,\r\n    component: _component,\r\n  };\r\n};\r\n\r\nexport type RenderInfo = {\r\n  componentInfo: string | Component;\r\n  componentProps: Record<string, any>;\r\n};\r\n\r\nexport const useRenderInfoComponent = (\r\n  column: Ref<RenderInfo | null> | RenderInfo,\r\n  components: Ref<IComponents> | IComponents\r\n) => {\r\n  const columnComponentInfo = computed(\r\n    () => unref(column)?.componentInfo || \"\"\r\n  );\r\n\r\n  const componentInfo: Ref<Component | null> = ref(null);\r\n  watch(\r\n    columnComponentInfo,\r\n    (columnComponentInfo) => {\r\n      if (typeof columnComponentInfo === \"string\") {\r\n        const { componentInfo: _componentInfo } = useComponent(\r\n          columnComponentInfo,\r\n          components\r\n        );\r\n\r\n        componentInfo.value = unref(_componentInfo);\r\n        return;\r\n      }\r\n\r\n      componentInfo.value = columnComponentInfo;\r\n    },\r\n    { immediate: true }\r\n  );\r\n\r\n  const component = computed(() => unref(componentInfo)?.component ?? null);\r\n  const componentProps = computed(() => {\r\n    const _componentInfo = unref(componentInfo);\r\n\r\n    if (!_componentInfo) {\r\n      return null;\r\n    }\r\n\r\n    return {\r\n      ..._componentInfo.defaultProps,\r\n      ...unref(column)?.componentProps,\r\n    };\r\n  });\r\n\r\n  return {\r\n    componentInfo: computed(() => unref(componentInfo)),\r\n    component,\r\n    componentProps,\r\n  };\r\n};\r\n\r\nexport const useTableColumnComponent = (\r\n  column: Ref<TableColumn | null> | TableColumn,\r\n  dataTable: Ref<DataTable | null> | DataTable\r\n) => {\r\n  const defaultDataTableComponents = useGlobalConfig(\"dataTableComponents\");\r\n\r\n  const componentCombine = computed(() => {\r\n    const _defaultDataTableComponents = unref(defaultDataTableComponents);\r\n\r\n    const componentsList = ([unref(dataTable)] as IComponents[]).concat(\r\n      _defaultDataTableComponents ? [_defaultDataTableComponents] : []\r\n    );\r\n\r\n    return new ComponentsCombine({ componentsList });\r\n  });\r\n\r\n  return useComponentWithDefault(\r\n    useRenderInfoComponent(column, componentCombine),\r\n    useComponent(\"MKColumnText\", componentCombine)\r\n  );\r\n};\r\n\r\nexport const useFormColumnComponent = (\r\n  column: Ref<FormColumn | null> | FormColumn,\r\n  dataForm: Ref<DataForm | null> | DataForm\r\n) => {\r\n  const defaultDataFormComponents = useGlobalConfig(\"dataFormComponents\");\r\n\r\n  const componentCombine = computed(() => {\r\n    const _defaultDataFormComponents = unref(defaultDataFormComponents);\r\n\r\n    const componentsList = ([unref(dataForm)] as IComponents[]).concat(\r\n      _defaultDataFormComponents ? [_defaultDataFormComponents] : []\r\n    );\r\n\r\n    return new ComponentsCombine({ componentsList });\r\n  });\r\n\r\n  return useComponentWithDefault(\r\n    useRenderInfoComponent(column, componentCombine),\r\n    useComponent(\"MKFormInput\", componentCombine)\r\n  );\r\n};\r\n\r\nexport const useFilterColumnComponent = (\r\n  column: Ref<FilterColumn | null> | FilterColumn,\r\n  dataFilter: Ref<DataFilter | null> | DataFilter\r\n) => {\r\n  const defaulDataFilterComponents = useGlobalConfig(\"dataFilterComponents\");\r\n  const defaulWhereFilterComponents = useGlobalConfig(\"whereFilterComponents\");\r\n\r\n  const componentCombine = computed(() => {\r\n    const systemComponents = isWhereFilter(unref(dataFilter))\r\n      ? unref(defaulWhereFilterComponents)\r\n      : unref(defaulDataFilterComponents);\r\n\r\n    const componentsList = ([unref(dataFilter)] as IComponents[]).concat(\r\n      systemComponents ? [systemComponents] : []\r\n    );\r\n\r\n    return new ComponentsCombine({ componentsList });\r\n  });\r\n\r\n  return useComponentWithDefault(\r\n    useRenderInfoComponent(column, componentCombine),\r\n    useComponent(\"MKConditionInput\", componentCombine)\r\n  );\r\n};\r\n"],"names":["componentProps","columnComponentInfo"],"mappings":"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"}
+{"version":3,"file":"use-column-component.js","sources":["../../../src/composables/use-column-component.ts"],"sourcesContent":["import { unref, computed, Ref, MaybeRef, ComputedRef, watch, ref } from \"vue\";\nimport {\n  Column,\n  Component,\n  ComponentsCombine,\n  DataForm,\n  DataTable,\n  FilterColumn,\n  DataFilter,\n  FormColumn,\n  IComponents,\n  TableColumn,\n  isWhereFilter,\n} from \"@maketribe/dm\";\nimport { useGlobalConfig } from \"../components/basic/config-provider\";\n\nexport const useComponent = (\n  componentName: MaybeRef<string>,\n  components: MaybeRef<IComponents>\n): {\n  componentInfo: ComputedRef<Component | null>;\n  component: ComputedRef<any>;\n  componentProps: ComputedRef<Record<string, any> | null>;\n} => {\n  const componentInfo = computed(() =>\n    unref(components).resolveComponent(unref(componentName))\n  );\n\n  const component = computed(() => unref(componentInfo)?.component ?? null);\n\n  const componentProps = computed(() => {\n    const componentProps = unref(componentInfo)?.defaultProps ?? null;\n\n    return componentProps ? { ...componentProps } : null;\n  });\n\n  return { componentInfo, component, componentProps };\n};\n\nexport const useComponentWithDefault = (\n  componentInfo: ReturnType<typeof useComponent>,\n  defaultComponentInfo: ReturnType<typeof useComponent>\n) => {\n  const _componentInfo = computed(() =>\n    unref(componentInfo.componentInfo)\n      ? unref(componentInfo.componentInfo)\n      : unref(defaultComponentInfo.componentInfo)\n  );\n\n  const _componentProps = computed(() =>\n    unref(componentInfo.componentInfo)\n      ? unref(componentInfo.componentProps)\n      : unref(defaultComponentInfo.componentProps)\n  );\n\n  const _component = computed(() =>\n    unref(componentInfo.componentInfo)\n      ? unref(componentInfo.component)\n      : unref(defaultComponentInfo.component)\n  );\n\n  return {\n    componentInfo: _componentInfo,\n    componentProps: _componentProps,\n    component: _component,\n  };\n};\n\nexport type RenderInfo = {\n  componentInfo: string | Component;\n  componentProps: Record<string, any>;\n};\n\nexport const useRenderInfoComponent = (\n  column: Ref<RenderInfo | null> | RenderInfo,\n  components: Ref<IComponents> | IComponents\n) => {\n  const columnComponentInfo = computed(\n    () => unref(column)?.componentInfo || \"\"\n  );\n\n  const componentInfo: Ref<Component | null> = ref(null);\n  watch(\n    columnComponentInfo,\n    (columnComponentInfo) => {\n      if (typeof columnComponentInfo === \"string\") {\n        const { componentInfo: _componentInfo } = useComponent(\n          columnComponentInfo,\n          components\n        );\n\n        componentInfo.value = unref(_componentInfo);\n        return;\n      }\n\n      componentInfo.value = columnComponentInfo;\n    },\n    { immediate: true }\n  );\n\n  const component = computed(() => unref(componentInfo)?.component ?? null);\n  const componentProps = computed(() => {\n    const _componentInfo = unref(componentInfo);\n\n    if (!_componentInfo) {\n      return null;\n    }\n\n    return {\n      ..._componentInfo.defaultProps,\n      ...unref(column)?.componentProps,\n    };\n  });\n\n  return {\n    componentInfo: computed(() => unref(componentInfo)),\n    component,\n    componentProps,\n  };\n};\n\nexport const useTableColumnComponent = (\n  column: Ref<TableColumn | null> | TableColumn,\n  dataTable: Ref<DataTable | null> | DataTable\n) => {\n  const defaultDataTableComponents = useGlobalConfig(\"dataTableComponents\");\n\n  const componentCombine = computed(() => {\n    const _defaultDataTableComponents = unref(defaultDataTableComponents);\n\n    const componentsList = ([unref(dataTable)] as IComponents[]).concat(\n      _defaultDataTableComponents ? [_defaultDataTableComponents] : []\n    );\n\n    return new ComponentsCombine({ componentsList });\n  });\n\n  return useComponentWithDefault(\n    useRenderInfoComponent(column, componentCombine),\n    useComponent(\"MKColumnText\", componentCombine)\n  );\n};\n\nexport const useFormColumnComponent = (\n  column: Ref<FormColumn | null> | FormColumn,\n  dataForm: Ref<DataForm | null> | DataForm\n) => {\n  const defaultDataFormComponents = useGlobalConfig(\"dataFormComponents\");\n\n  const componentCombine = computed(() => {\n    const _defaultDataFormComponents = unref(defaultDataFormComponents);\n\n    const componentsList = ([unref(dataForm)] as IComponents[]).concat(\n      _defaultDataFormComponents ? [_defaultDataFormComponents] : []\n    );\n\n    return new ComponentsCombine({ componentsList });\n  });\n\n  return useComponentWithDefault(\n    useRenderInfoComponent(column, componentCombine),\n    useComponent(\"MKFormInput\", componentCombine)\n  );\n};\n\nexport const useFilterColumnComponent = (\n  column: Ref<FilterColumn | null> | FilterColumn,\n  dataFilter: Ref<DataFilter | null> | DataFilter\n) => {\n  const defaulDataFilterComponents = useGlobalConfig(\"dataFilterComponents\");\n  const defaulWhereFilterComponents = useGlobalConfig(\"whereFilterComponents\");\n\n  const componentCombine = computed(() => {\n    const systemComponents = isWhereFilter(unref(dataFilter))\n      ? unref(defaulWhereFilterComponents)\n      : unref(defaulDataFilterComponents);\n\n    const componentsList = ([unref(dataFilter)] as IComponents[]).concat(\n      systemComponents ? [systemComponents] : []\n    );\n\n    return new ComponentsCombine({ componentsList });\n  });\n\n  return useComponentWithDefault(\n    useRenderInfoComponent(column, componentCombine),\n    useComponent(\"MKConditionInput\", componentCombine)\n  );\n};\n"],"names":["componentProps","columnComponentInfo"],"mappings":"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"}

package/dist/esm/composables/use-i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-i18n.js","sources":["../../../src/composables/use-i18n.ts"],"sourcesContent":["import { unref } from \"vue\";\r\nimport { I18n } from \"@maketribe/locale\";\r\nimport { useGlobalConfig } from \"../components/basic/config-provider\";\r\n\r\nexport const useI18n = (): I18n | null => {\r\n  return unref(useGlobalConfig(\"i18n\")) ?? null;\r\n};\r\n"],"names":[],"mappings":";;;AAIO,MAAM,UAAU,MAAmB;AACxC,SAAO,MAAM,gBAAgB,MAAM,CAAC,KAAK;AAC3C;"}
+{"version":3,"file":"use-i18n.js","sources":["../../../src/composables/use-i18n.ts"],"sourcesContent":["import { unref } from \"vue\";\nimport { I18n } from \"@maketribe/locale\";\nimport { useGlobalConfig } from \"../components/basic/config-provider\";\n\nexport const useI18n = (): I18n | null => {\n  return unref(useGlobalConfig(\"i18n\")) ?? null;\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,UAAU,MAAmB;AACxC,SAAO,MAAM,gBAAgB,MAAM,CAAC,KAAK;AAC3C;"}