@maketribe/ms-app 3.2.2 → 3.2.4

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 {\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(() => props.dataTable ?? dataTableContext!.dataTable);\n\n    const list = computed(() => props.getList(unref(dataTable)));\n\n    const selectionColumn = computed(() => unref(dataTable).selectionColumn);\n\n    type SortChangeEvent = { column: Column; prop: string; order: string };\n\n    const handleSortChange = ({ column, prop, order }: SortChangeEvent) => {\n      let orderType: OrderType | null = null;\n\n      if (order === \"descending\") {\n        orderType = OrderType.DESC;\n      } else if (order === \"ascending\") {\n        orderType = OrderType.ASC;\n      }\n\n      unref(dataTable).sorter.setColumnSort(prop, orderType);\n    };\n\n    let allowChangeSelection = true;\n\n    const handleSelectionChange = (items: any[]) => {\n      if (allowChangeSelection) {\n        unref(dataTable).setSelection(\n          items.map((item) => item[unref(dataTable).primaryKey])\n        );\n      }\n    };\n\n    onMounted(() => {\n      const _tableEl = unref(tableEl)!;\n\n      watch(list, (list, _, onCleanup) => {\n        onCleanup(\n          watch(\n            computed(() => unref(dataTable).getSelection()),\n            async (selections) => {\n              const primaryKey = unref(dataTable).primaryKey;\n\n              const tableSelections = _tableEl\n                .getSelectionRows()\n                .map((item: any) => item[primaryKey])\n                .sort();\n\n              if (isEqual(selections, tableSelections)) {\n                return;\n              }\n\n              allowChangeSelection = false;\n\n              _tableEl.clearSelection();\n\n              await nextTick();\n\n              const selectedRows = list.filter((item: any) =>\n                selections.includes(item[primaryKey])\n              );\n\n              for (var item of selectedRows) {\n                _tableEl.toggleRowSelection(item, true);\n              }\n\n              allowChangeSelection = true;\n            },\n            {\n              immediate: true,\n            }\n          )\n        );\n      });\n\n      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(dataTable).primaryKey}\n          onSort-change={handleSortChange}\n          ref={(el: any) =>\n            (tableEl.value = el as InstanceType<typeof ElTable>)\n          }\n          show-overflow-tooltip\n          border\n          stripe\n          lazy={props.lazy}\n          load={props.load as any}\n          tree-props={unref(treeProps)}\n          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\n          onSelection-change={handleSelectionChange}\n        >\n          {unref(selectionColumn).visible ? (\n            <ElTableColumn\n              type={unref(selectionColumn).type ?? \"selection\"}\n              width={unref(selectionColumn).width}\n              fixed={unref(selectionColumn).fixed}\n            />\n          ) : null}\n          {columns}\n        </ElTable>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","tableProps","setup","slots","treeProps","computed","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    (window as any).tableEl = tableEl;\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","window","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\";\nimport { DataTree } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const tableTreeProps = buildProps({\n  dataTree: {\n    type: DataTree<any>,\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;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\";\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    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          tree-props={unref(treeProps)}\n          load={handleLoad}\n          lazy={unref(lazy)}\n          v-slots={slots}\n        />\n      );\n    };\n  },\n});\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/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/tree-options.js

@@ -4,10 +4,16 @@ const treeProps = buildProps({
   dataTree: {
     type: DataTree
   },
+  draggable: { type: Boolean, default: false },
   filterNodeMethod: { type: Function },
-  defaultExpandAll: { type: Boolean, default: false }
+  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\";\nimport { DataTree } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const treeProps = buildProps({\n  dataTree: {\n    type: DataTree<any>,\n  },\n  filterNodeMethod: { type: Function },\n  defaultExpandAll: { type: Boolean, default: false },\n} as const);\n\nexport type TreeProps = ExtractPropTypes<typeof treeProps>;\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;AACpD,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  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,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);
@@ -38,7 +41,23 @@ const Tree = /* @__PURE__ */ defineComponent({
       (_a = unref(treeRef)) == null ? void 0 : _a.filter(value);
     };
     const handleCurrentChange = (dataTreeNode, node) => {
-      unref(dataTree).setSelection([dataTreeNode.id]);
+      var _a;
+      if (!dataTreeNode) {
+        return;
+      }
+      const _dataTree = unref(dataTree);
+      if (!props.allowSelectContainer && !dataTreeNode.isLeaf) {
+        const current = _dataTree.getSelection()[0] ?? null;
+        (_a = unref(treeRef)) == null ? void 0 : _a.setCurrentKey(current);
+        return;
+      }
+      _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,
@@ -49,7 +68,9 @@ const Tree = /* @__PURE__ */ defineComponent({
       handleDelete,
       handleLoad,
       filter,
-      handleCurrentChange
+      handleCurrentChange,
+      handleNodeDrop,
+      handleNodeClick
     };
   },
   render() {
@@ -63,6 +84,8 @@ const Tree = /* @__PURE__ */ defineComponent({
       handleDelete,
       handleLoad,
       handleCurrentChange,
+      handleNodeDrop,
+      handleNodeClick,
       $slots
     } = this;
     const currentNodeKey = innerDataTree.getSelection()[0] ?? "";
@@ -77,11 +100,15 @@ const Tree = /* @__PURE__ */ defineComponent({
       "highlight-current": true,
       "data": rootNodes,
       "lazy": true,
-      "filterNodeMethod": filterNodeMethod,
       "currentNodeKey": currentNodeKey,
-      "nodeKey": "id",
+      "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\";\nimport { ElButton, ElTree } from \"element-plus\";\nimport type Node from \"element-plus/es/components/tree/src/model/node\";\nimport { DataTree, DataTreeNode } from \"@maketribe/dm\";\nimport { treeProps } from \"./tree-options\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKTree\",\n  props: treeProps,\n  setup(props) {\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<{\n      filter: InstanceType<typeof ElTree>[\"filter\"];\n      getNode: InstanceType<typeof ElTree>[\"getNode\"];\n    } | null>(null);\n\n    const rootNodes = computed(() => unref(dataTree).rootNodes);\n\n    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 = (dataTreeNode: DataTreeNode, node: Node) => {\n      unref(dataTree).setSelection([dataTreeNode.id]);\n    };\n\n    return {\n      treeRef,\n      innerDataTree: dataTree,\n      rootNodes,\n      handleAdd,\n      handleEdit,\n      handleDelete,\n      handleLoad,\n      filter,\n      handleCurrentChange,\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      $slots,\n    } = this;\n\n    const 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        filterNodeMethod={filterNodeMethod as any}\n        currentNodeKey={currentNodeKey}\n        nodeKey=\"id\"\n        load={handleLoad}\n        onCurrent-change={handleCurrentChange}\n        v-slots={{\n          default: (scope: any) => {\n            let children = $slots.default?.(scope);\n\n            if (children) {\n              return children;\n            }\n\n            const { data } = scope;\n\n            const label = data.data[innerDataTree.props.label];\n\n            const main = $slots[\"node-main\"]?.(scope) || label;\n\n            const tools = $slots[\"node-tools\"]?.(scope) || (\n              <Fragment>\n                {$slots[\"node-tools-prefix\"]?.(scope)}\n                <ElButton type=\"primary\" link onClick={() => handleAdd(data)}>\n                  添加\n                </ElButton>\n                <ElButton type=\"primary\" link onClick={() => handleEdit(data)}>\n                  编辑\n                </ElButton>\n                <ElButton type=\"danger\" link onClick={() => handleDelete(data)}>\n                  删除\n                </ElButton>\n                {$slots[\"node-tools-suffix\"]?.(scope)}\n              </Fragment>\n            );\n\n            return (\n              <div class=\"mk-data-tree-node\">\n                <div class=\"mk-data-tree-node_main\">{main}</div>\n\n                <div\n                  class=\"mk-data-tree-node__tools\"\n                  onClick={(e) => e.stopPropagation()}\n                >\n                  {tools}\n                </div>\n              </div>\n            );\n          },\n        }}\n      />\n    );\n  },\n});\n"],"names":["defineComponent","name","props","treeProps","setup","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","setSelection","innerDataTree","render","defaultExpandAll","filterNodeMethod","$slots","currentNodeKey","getSelection","_createVNode","ElTree","isLeaf","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 = 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":"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"}

package/dist/esm/core/MSAppClient.js

@@ -221,13 +221,14 @@ class MSAppClient {
   async logout() {
     this.setUserSession(null);
   }
-  async changePassword(password, newPassword) {
+  async changePassword(password, newPassword, vCode) {
     const response = await this.httpRequest.request({
       url: "/ms/app/modify-password",
       method: "POST",
       data: {
         password: md5(`mkbl#${password}`),
-        newPassword: md5(`mkbl#${newPassword}`)
+        newPassword: md5(`mkbl#${newPassword}`),
+        vCode
       }
     });
     return response;

package/dist/esm/core/MSAppClient.js.map

@@ -1 +1 @@
-{"version":3,"file":"MSAppClient.js","sources":["../../../src/core/MSAppClient.ts"],"sourcesContent":["import {\n  createRouter,\n  createWebHashHistory,\n  Router as VueRouter,\n} from \"vue-router\";\nimport {\n  ACCESS_TOKEN_HEADER,\n  DVQueryable,\n  HttpRequest,\n  R,\n  WebHttpRequest,\n  X_ACCESS_TOKEN_HEADER,\n} from \"@maketribe/request\";\nimport { IComponents, Components, ComponentsCombine } from \"@maketribe/dm\";\nimport { I18n } from \"@maketribe/locale\";\n\nimport { Event, md5 } from \"@maketribe/utils\";\nimport { UserSession } from \"./UserSession\";\nimport { authBeforeEach } from \"../router-middleware\";\nimport { PageManager } from \"./PageManager\";\nimport { InternalMkModule, MkModule } from \"./MkModule\";\nimport { DataModelDefines } from \"./DataModelDefines\";\nimport { App } from \"vue\";\nimport { DATA_MODEL_NAME } from \"../constants\";\n\nexport type LoginResult = {\n  account: string;\n  email: string;\n  nickName: string;\n  avatarPath: string;\n};\n\nexport interface MSAppClientOptions {\n  app: App;\n  pageManager?: PageManager;\n  projectName: string;\n  httpRequest?: HttpRequest;\n  origin: string;\n  appID: string;\n  logo?: string;\n  locale?: string;\n  vueRouter?: VueRouter;\n  dataTableComponents?: IComponents;\n  dataTableHeaderComponents?: IComponents;\n  dataFormComponents?: IComponents;\n  dataFilterComponents?: IComponents;\n  whereFilterComponents?: IComponents;\n}\n\nexport class MSAppClient {\n  static instance: MSAppClient | null = null;\n\n  origin: string = \"\";\n\n  private _options: Required<MSAppClientOptions>;\n\n  app: App;\n\n  projectName: string;\n\n  logo: string;\n\n  appID: string;\n\n  userSession: UserSession | null = null;\n\n  httpRequest: HttpRequest;\n\n  ready: boolean = false;\n\n  initd: boolean = false;\n\n  pageManager: PageManager;\n\n  modules: MkModule[] = [];\n\n  /**\n   * @deprecated\n   * @description 使用 MSAppClient.instance.userSession.userInfo\n   */\n  get userInfo() {\n    return this.userSession?.userInfo ?? null;\n  }\n\n  dataTableComponents: IComponents;\n  dataTableHeaderComponents: IComponents;\n  dataFormComponents: IComponents;\n  dataFilterComponents: IComponents;\n  whereFilterComponents: IComponents;\n  i18n: I18n;\n\n  vueRouter: VueRouter;\n\n  beforeInitUserSessionEvent: Event<{ userSession: UserSession }> = new Event();\n\n  userSessionChangeEvent: Event<{ userSession: UserSession | null }> =\n    new Event();\n\n  constructor(options: MSAppClientOptions) {\n    this._options = this._normalizeOptions(options);\n\n    this.app = options.app;\n\n    this.appID = this._options.appID;\n\n    this.logo = this._options.logo;\n\n    this.projectName = options.projectName;\n\n    this.dataTableComponents = this._options.dataTableComponents;\n    this.dataTableHeaderComponents = this._options.dataTableHeaderComponents;\n    this.dataFormComponents = this._options.dataFormComponents;\n    this.dataFilterComponents = this._options.dataFilterComponents;\n    this.whereFilterComponents = this._options.whereFilterComponents;\n    this.i18n = I18n.instance;\n    this.i18n.setCurrentLanguageName(this._options.locale);\n\n    this.dataTableComponents = this._options.dataTableComponents;\n    this.dataFormComponents = this._options.dataFormComponents;\n    this.dataFilterComponents = this._options.dataFilterComponents;\n    this.whereFilterComponents = this._options.whereFilterComponents;\n\n    this.vueRouter = this._options.vueRouter;\n\n    this.pageManager = this._options.pageManager;\n\n    this.httpRequest = this._options.httpRequest;\n\n    HttpRequest.appID = this.appID;\n    HttpRequest.setDefaultHttpRequest(this.httpRequest);\n\n    DVQueryable.setHttpRequest(this.httpRequest);\n  }\n\n  setUserSession(userSession: UserSession | null) {\n    if (this.userSession) {\n      this.userSession.dispose();\n    }\n\n    this.userSession = userSession;\n\n    this.userSessionChangeEvent.emit({ userSession });\n  }\n\n  private _normalizeOptions(\n    options: MSAppClientOptions\n  ): Required<MSAppClientOptions> {\n    return {\n      app: options.app,\n      appID: options.appID,\n      projectName: options.projectName,\n      httpRequest: options.httpRequest ?? new WebHttpRequest(),\n      origin: options.origin,\n      logo: options.logo || \"\",\n      locale: options.locale || \"zh-cn\",\n      vueRouter:\n        options.vueRouter ??\n        createRouter({\n          history: createWebHashHistory(),\n          routes: [],\n        }),\n      pageManager: options.pageManager ?? new PageManager(),\n      dataTableComponents: options.dataTableComponents ?? new Components(),\n      dataTableHeaderComponents:\n        options.dataTableHeaderComponents ?? new Components(),\n      dataFormComponents: options.dataFormComponents ?? new Components(),\n      dataFilterComponents: options.dataFilterComponents ?? new Components(),\n      whereFilterComponents: options.whereFilterComponents ?? new Components(),\n    };\n  }\n  getI18n() {\n    return this.i18n;\n  }\n\n  getOptions() {\n    return this._options;\n  }\n\n  async loadCurrentUserSession(options?: {\n    accessToken: string;\n    xAccessToken: string;\n  }) {\n    const userSession = (this.userSession = new UserSession({\n      msAppClient: this,\n      ...options,\n    }));\n    this.userSession = null;\n\n    this.beforeInitUserSessionEvent.emit({ userSession });\n    const userSessionInitResult = await userSession.init();\n\n    if (userSessionInitResult?.data.code !== 200) {\n      userSession.dispose();\n      return userSessionInitResult!;\n    }\n\n    this.setUserSession(userSession);\n  }\n\n  async init() {\n    if (this.initd) {\n      return;\n    }\n\n    const internalModules = this.modules.map((module) => {\n      const internalModule = new InternalMkModule(this.app);\n\n      module(internalModule);\n\n      return internalModule;\n    });\n\n    const dataTableComponents = [];\n    const dataFormComponents = [];\n    const whereFilterComponents = [];\n    const dataFilterComponents = [];\n\n    for (let internalModule of internalModules) {\n      for (let item of internalModule.dataTableClasses) {\n        DataModelDefines.instance.registerDataTableDefine(\n          (item as any)[DATA_MODEL_NAME],\n          item\n        );\n      }\n\n      for (let item of internalModule.dataFormClasses) {\n        DataModelDefines.instance.registerDataFormDefine(\n          (item as any)[DATA_MODEL_NAME],\n          item\n        );\n      }\n\n      for (let item of internalModule.dataTreeClasses) {\n        DataModelDefines.instance.registerDataTreeDefine(\n          (item as any)[DATA_MODEL_NAME],\n          item\n        );\n      }\n\n      for (let item of internalModule.normalPages) {\n        this.pageManager.addNormalPage(item);\n      }\n\n      for (let item of internalModule.extendsPages) {\n        this.pageManager.addExtendsPage(item);\n      }\n\n      dataTableComponents.push(internalModule.dataTableComponents);\n      dataFormComponents.push(internalModule.dataFormComponents);\n      dataFilterComponents.push(internalModule.dataFilterComponents);\n      whereFilterComponents.push(internalModule.whereFilterComponents);\n    }\n\n    this.dataTableComponents = new ComponentsCombine({\n      componentsList: [...dataTableComponents, this.dataTableComponents],\n    });\n    this.dataFormComponents = new ComponentsCombine({\n      componentsList: [...dataFormComponents, this.dataFormComponents],\n    });\n    this.dataFilterComponents = new ComponentsCombine({\n      componentsList: [...dataFilterComponents, this.dataFilterComponents],\n    });\n    this.whereFilterComponents = new ComponentsCombine({\n      componentsList: [...whereFilterComponents, this.whereFilterComponents],\n    });\n\n    this.vueRouter.beforeEach(async (to, from, next) => {\n      const route = await authBeforeEach(this, to, from);\n\n      if (route) {\n        next(route);\n        return;\n      }\n\n      next();\n    });\n\n    this.pageManager.init();\n    this.pageManager.setMSAppCLient(this);\n\n    this.httpRequest.getInterceptors().response.use((config) => {\n      if (config.data.code === 401) {\n        this.userSession?.dispose();\n        this.vueRouter.push({ name: \"login\" });\n      }\n      return config;\n    });\n\n    this.initd = true;\n  }\n\n  async login(username: string, password: string, code: string) {\n    const response = await this.httpRequest.request<R<LoginResult>>({\n      url: \"/ms/app/login\",\n      method: \"POST\",\n      data: {\n        account: username,\n        password: md5(`mkbl#${password}`),\n        vCode: code,\n      },\n    });\n\n    if (response.data.code === 200) {\n      await this.loadCurrentUserSession({\n        accessToken: response.headers[ACCESS_TOKEN_HEADER],\n        xAccessToken: response.headers[X_ACCESS_TOKEN_HEADER],\n      });\n    }\n\n    return response;\n  }\n\n  formatURL(url: string) {\n    return url;\n  }\n\n  async resetPassword(username: string, code: string) {\n    type LoginResult = {\n      account: string;\n      email: string;\n      nickName: string;\n      avatarPath: string;\n    };\n\n    const response = await this.httpRequest.request<R<LoginResult>>({\n      url: \"/ms/app/reset-password\",\n      method: \"POST\",\n      data: { account: username, vCode: code },\n    });\n\n    return response;\n  }\n\n  async logout() {\n    this.setUserSession(null);\n  }\n  async changePassword(password: string, newPassword: string) {\n    type LoginResult = {\n      account: string;\n      email: string;\n      nickName: string;\n      avatarPath: string;\n    };\n\n    const response = await this.httpRequest.request<R<LoginResult>>({\n      url: \"/ms/app/modify-password\",\n      method: \"POST\",\n      data: {\n        password: md5(`mkbl#${password}`),\n        newPassword: md5(`mkbl#${newPassword}`),\n      },\n    });\n\n    return response;\n  }\n\n  addModule(module: MkModule) {\n    this.modules.push(module);\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MSAppClient.js","sources":["../../../src/core/MSAppClient.ts"],"sourcesContent":["import {\r\n  createRouter,\r\n  createWebHashHistory,\r\n  Router as VueRouter,\r\n} from \"vue-router\";\r\nimport {\r\n  ACCESS_TOKEN_HEADER,\r\n  DVQueryable,\r\n  HttpRequest,\r\n  R,\r\n  WebHttpRequest,\r\n  X_ACCESS_TOKEN_HEADER,\r\n} from \"@maketribe/request\";\r\nimport { IComponents, Components, ComponentsCombine } from \"@maketribe/dm\";\r\nimport { I18n } from \"@maketribe/locale\";\r\n\r\nimport { Event, md5 } from \"@maketribe/utils\";\r\nimport { UserSession } from \"./UserSession\";\r\nimport { authBeforeEach } from \"../router-middleware\";\r\nimport { PageManager } from \"./PageManager\";\r\nimport { InternalMkModule, MkModule } from \"./MkModule\";\r\nimport { DataModelDefines } from \"./DataModelDefines\";\r\nimport { App } from \"vue\";\r\nimport { DATA_MODEL_NAME } from \"../constants\";\r\n\r\nexport type LoginResult = {\r\n  account: string;\r\n  email: string;\r\n  nickName: string;\r\n  avatarPath: string;\r\n};\r\n\r\nexport interface MSAppClientOptions {\r\n  app: App;\r\n  pageManager?: PageManager;\r\n  projectName: string;\r\n  httpRequest?: HttpRequest;\r\n  origin: string;\r\n  appID: string;\r\n  logo?: string;\r\n  locale?: string;\r\n  vueRouter?: VueRouter;\r\n  dataTableComponents?: IComponents;\r\n  dataTableHeaderComponents?: IComponents;\r\n  dataFormComponents?: IComponents;\r\n  dataFilterComponents?: IComponents;\r\n  whereFilterComponents?: IComponents;\r\n}\r\n\r\nexport class MSAppClient {\r\n  static instance: MSAppClient | null = null;\r\n\r\n  origin: string = \"\";\r\n\r\n  private _options: Required<MSAppClientOptions>;\r\n\r\n  app: App;\r\n\r\n  projectName: string;\r\n\r\n  logo: string;\r\n\r\n  appID: string;\r\n\r\n  userSession: UserSession | null = null;\r\n\r\n  httpRequest: HttpRequest;\r\n\r\n  ready: boolean = false;\r\n\r\n  initd: boolean = false;\r\n\r\n  pageManager: PageManager;\r\n\r\n  modules: MkModule[] = [];\r\n\r\n  /**\r\n   * @deprecated\r\n   * @description 使用 MSAppClient.instance.userSession.userInfo\r\n   */\r\n  get userInfo() {\r\n    return this.userSession?.userInfo ?? null;\r\n  }\r\n\r\n  dataTableComponents: IComponents;\r\n  dataTableHeaderComponents: IComponents;\r\n  dataFormComponents: IComponents;\r\n  dataFilterComponents: IComponents;\r\n  whereFilterComponents: IComponents;\r\n  i18n: I18n;\r\n\r\n  vueRouter: VueRouter;\r\n\r\n  beforeInitUserSessionEvent: Event<{ userSession: UserSession }> = new Event();\r\n\r\n  userSessionChangeEvent: Event<{ userSession: UserSession | null }> =\r\n    new Event();\r\n\r\n  constructor(options: MSAppClientOptions) {\r\n    this._options = this._normalizeOptions(options);\r\n\r\n    this.app = options.app;\r\n\r\n    this.appID = this._options.appID;\r\n\r\n    this.logo = this._options.logo;\r\n\r\n    this.projectName = options.projectName;\r\n\r\n    this.dataTableComponents = this._options.dataTableComponents;\r\n    this.dataTableHeaderComponents = this._options.dataTableHeaderComponents;\r\n    this.dataFormComponents = this._options.dataFormComponents;\r\n    this.dataFilterComponents = this._options.dataFilterComponents;\r\n    this.whereFilterComponents = this._options.whereFilterComponents;\r\n    this.i18n = I18n.instance;\r\n    this.i18n.setCurrentLanguageName(this._options.locale);\r\n\r\n    this.dataTableComponents = this._options.dataTableComponents;\r\n    this.dataFormComponents = this._options.dataFormComponents;\r\n    this.dataFilterComponents = this._options.dataFilterComponents;\r\n    this.whereFilterComponents = this._options.whereFilterComponents;\r\n\r\n    this.vueRouter = this._options.vueRouter;\r\n\r\n    this.pageManager = this._options.pageManager;\r\n\r\n    this.httpRequest = this._options.httpRequest;\r\n\r\n    HttpRequest.appID = this.appID;\r\n    HttpRequest.setDefaultHttpRequest(this.httpRequest);\r\n\r\n    DVQueryable.setHttpRequest(this.httpRequest);\r\n  }\r\n\r\n  setUserSession(userSession: UserSession | null) {\r\n    if (this.userSession) {\r\n      this.userSession.dispose();\r\n    }\r\n\r\n    this.userSession = userSession;\r\n\r\n    this.userSessionChangeEvent.emit({ userSession });\r\n  }\r\n\r\n  private _normalizeOptions(\r\n    options: MSAppClientOptions\r\n  ): Required<MSAppClientOptions> {\r\n    return {\r\n      app: options.app,\r\n      appID: options.appID,\r\n      projectName: options.projectName,\r\n      httpRequest: options.httpRequest ?? new WebHttpRequest(),\r\n      origin: options.origin,\r\n      logo: options.logo || \"\",\r\n      locale: options.locale || \"zh-cn\",\r\n      vueRouter:\r\n        options.vueRouter ??\r\n        createRouter({\r\n          history: createWebHashHistory(),\r\n          routes: [],\r\n        }),\r\n      pageManager: options.pageManager ?? new PageManager(),\r\n      dataTableComponents: options.dataTableComponents ?? new Components(),\r\n      dataTableHeaderComponents:\r\n        options.dataTableHeaderComponents ?? new Components(),\r\n      dataFormComponents: options.dataFormComponents ?? new Components(),\r\n      dataFilterComponents: options.dataFilterComponents ?? new Components(),\r\n      whereFilterComponents: options.whereFilterComponents ?? new Components(),\r\n    };\r\n  }\r\n  getI18n() {\r\n    return this.i18n;\r\n  }\r\n\r\n  getOptions() {\r\n    return this._options;\r\n  }\r\n\r\n  async loadCurrentUserSession(options?: {\r\n    accessToken: string;\r\n    xAccessToken: string;\r\n  }) {\r\n    const userSession = (this.userSession = new UserSession({\r\n      msAppClient: this,\r\n      ...options,\r\n    }));\r\n    this.userSession = null;\r\n\r\n    this.beforeInitUserSessionEvent.emit({ userSession });\r\n    const userSessionInitResult = await userSession.init();\r\n\r\n    if (userSessionInitResult?.data.code !== 200) {\r\n      userSession.dispose();\r\n      return userSessionInitResult!;\r\n    }\r\n\r\n    this.setUserSession(userSession);\r\n  }\r\n\r\n  async init() {\r\n    if (this.initd) {\r\n      return;\r\n    }\r\n\r\n    const internalModules = this.modules.map((module) => {\r\n      const internalModule = new InternalMkModule(this.app);\r\n\r\n      module(internalModule);\r\n\r\n      return internalModule;\r\n    });\r\n\r\n    const dataTableComponents = [];\r\n    const dataFormComponents = [];\r\n    const whereFilterComponents = [];\r\n    const dataFilterComponents = [];\r\n\r\n    for (let internalModule of internalModules) {\r\n      for (let item of internalModule.dataTableClasses) {\r\n        DataModelDefines.instance.registerDataTableDefine(\r\n          (item as any)[DATA_MODEL_NAME],\r\n          item\r\n        );\r\n      }\r\n\r\n      for (let item of internalModule.dataFormClasses) {\r\n        DataModelDefines.instance.registerDataFormDefine(\r\n          (item as any)[DATA_MODEL_NAME],\r\n          item\r\n        );\r\n      }\r\n\r\n      for (let item of internalModule.dataTreeClasses) {\r\n        DataModelDefines.instance.registerDataTreeDefine(\r\n          (item as any)[DATA_MODEL_NAME],\r\n          item\r\n        );\r\n      }\r\n\r\n      for (let item of internalModule.normalPages) {\r\n        this.pageManager.addNormalPage(item);\r\n      }\r\n\r\n      for (let item of internalModule.extendsPages) {\r\n        this.pageManager.addExtendsPage(item);\r\n      }\r\n\r\n      dataTableComponents.push(internalModule.dataTableComponents);\r\n      dataFormComponents.push(internalModule.dataFormComponents);\r\n      dataFilterComponents.push(internalModule.dataFilterComponents);\r\n      whereFilterComponents.push(internalModule.whereFilterComponents);\r\n    }\r\n\r\n    this.dataTableComponents = new ComponentsCombine({\r\n      componentsList: [...dataTableComponents, this.dataTableComponents],\r\n    });\r\n    this.dataFormComponents = new ComponentsCombine({\r\n      componentsList: [...dataFormComponents, this.dataFormComponents],\r\n    });\r\n    this.dataFilterComponents = new ComponentsCombine({\r\n      componentsList: [...dataFilterComponents, this.dataFilterComponents],\r\n    });\r\n    this.whereFilterComponents = new ComponentsCombine({\r\n      componentsList: [...whereFilterComponents, this.whereFilterComponents],\r\n    });\r\n\r\n    this.vueRouter.beforeEach(async (to, from, next) => {\r\n      const route = await authBeforeEach(this, to, from);\r\n\r\n      if (route) {\r\n        next(route);\r\n        return;\r\n      }\r\n\r\n      next();\r\n    });\r\n\r\n    this.pageManager.init();\r\n    this.pageManager.setMSAppCLient(this);\r\n\r\n    this.httpRequest.getInterceptors().response.use((config) => {\r\n      if (config.data.code === 401) {\r\n        this.userSession?.dispose();\r\n        this.vueRouter.push({ name: \"login\" });\r\n      }\r\n      return config;\r\n    });\r\n\r\n    this.initd = true;\r\n  }\r\n\r\n  async login(username: string, password: string, code: string) {\r\n    const response = await this.httpRequest.request<R<LoginResult>>({\r\n      url: \"/ms/app/login\",\r\n      method: \"POST\",\r\n      data: {\r\n        account: username,\r\n        password: md5(`mkbl#${password}`),\r\n        vCode: code,\r\n      },\r\n    });\r\n\r\n    if (response.data.code === 200) {\r\n      await this.loadCurrentUserSession({\r\n        accessToken: response.headers[ACCESS_TOKEN_HEADER],\r\n        xAccessToken: response.headers[X_ACCESS_TOKEN_HEADER],\r\n      });\r\n    }\r\n\r\n    return response;\r\n  }\r\n\r\n  formatURL(url: string) {\r\n    return url;\r\n  }\r\n\r\n  async resetPassword(username: string, code: string) {\r\n    type LoginResult = {\r\n      account: string;\r\n      email: string;\r\n      nickName: string;\r\n      avatarPath: string;\r\n    };\r\n\r\n    const response = await this.httpRequest.request<R<LoginResult>>({\r\n      url: \"/ms/app/reset-password\",\r\n      method: \"POST\",\r\n      data: { account: username, vCode: code },\r\n    });\r\n\r\n    return response;\r\n  }\r\n\r\n  async logout() {\r\n    this.setUserSession(null);\r\n  }\r\n  async changePassword(password: string, newPassword: string, vCode: string) {\r\n    type LoginResult = {\r\n      account: string;\r\n      email: string;\r\n      nickName: string;\r\n      avatarPath: string;\r\n    };\r\n\r\n    const response = await this.httpRequest.request<R<LoginResult>>({\r\n      url: \"/ms/app/modify-password\",\r\n      method: \"POST\",\r\n      data: {\r\n        password: md5(`mkbl#${password}`),\r\n        newPassword: md5(`mkbl#${newPassword}`),\r\n        vCode\r\n      },\r\n    });\r\n\r\n    return response;\r\n  }\r\n\r\n  addModule(module: MkModule) {\r\n    this.modules.push(module);\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/index.js

@@ -1,4 +1,5 @@
 import "./assets/iconfonts/iconfont.js";
+import "./assets/iconfonts/oa-iconfont.js";
 import { DATA_MODEL_NAME } from "./constants/data-model.js";
 import { EMAIL_PATTERN, IP_PATTERN } from "./constants/pattern.js";
 import { RouteType } from "./constants/route.js";
@@ -58,6 +59,7 @@ import { MKUploadImage } from "./components/basic/upload-file/ui/upload-image/in
 import { uploadFileEmits, uploadFileProps } from "./components/basic/upload-file/upload-file-options.js";
 import { MKDocEditor } from "./components/basic/doc-editor/index.js";
 import { MKCopyContainer } from "./components/basic/copy-container/index.js";
+import { MKImageCropperContent } from "./components/basic/image-cropper/index.js";
 import { MKDataForm } from "./components/data-model/data-form/index.js";
 import { MKDataTable } from "./components/data-model/data-table/index.js";
 import { MKDataTablePagination } from "./components/data-model/data-table-pagination/index.js";
@@ -134,6 +136,8 @@ import { dataSelectEmit, dataSelectProps } from "./components/basic/data-select/
 import { paginationEmits, paginationProps } from "./components/basic/pagination/pagination-options.js";
 import { datePickerEmits, datePickerProps, datePickerTypes } from "./components/basic/date-picker/date-picker-options.js";
 import { uploadImageEmits, uploadImageProps } from "./components/basic/upload-file/ui/upload-image/upload-image-options.js";
+import { ImageCropper } from "./components/basic/image-cropper/image-cropper-api.js";
+import { imageCropperContentEmits, imageCropperContentProps } from "./components/basic/image-cropper/image-cropper-content-options.js";
 import { dataFormEmits, dataFormProps } from "./components/data-model/data-form/data-form-options.js";
 import { dataFormItemProps } from "./components/data-model/data-form/data-form-item/data-form-item-options.js";
 import { MKDataFormItem } from "./components/data-model/data-form/data-form-item/index.js";
@@ -146,7 +150,7 @@ import { tableProps } from "./components/data-model/data-table/views/table/table
 import { MKTable } from "./components/data-model/data-table/views/table/index.js";
 import { tableTreeProps } from "./components/data-model/data-table/views/table-tree/table-tree-options.js";
 import { MKTableTree } from "./components/data-model/data-table/views/table-tree/index.js";
-import { treeProps } from "./components/data-model/data-table/views/tree/tree-options.js";
+import { treeEmits, treeProps } from "./components/data-model/data-table/views/tree/tree-options.js";
 import { MKTree } from "./components/data-model/data-table/views/tree/index.js";
 import { MKTableClassifySearchItem } from "./components/data-model/data-table/views/table-view/classify-search/classify-search-item/index.js";
 import { MKTableClassifySearch } from "./components/data-model/data-table/views/table-view/classify-search/index.js";
@@ -156,7 +160,7 @@ import { treeViewProps } from "./components/data-model/data-table/views/tree-vie
 import { MKTreeView } from "./components/data-model/data-table/views/tree-view/index.js";
 import { dataTablePaginationProps } from "./components/data-model/data-table-pagination/data-table-pagination-options.js";
 import { ResourceManager } from "./components/business/resource-list/ResourceManager.js";
-import { materialListEmits, materialListProps } from "./modules/ms/components/material-list/material-list-options.js";
+import { materialListProps } from "./modules/ms/components/material-list/material-list-options.js";
 import { markdownEditorEmits, markdownEditorProps } from "./modules/ms/components/markdown-editor/markdown-editor-options.js";
 import { richTextEditorEmits, richTextEditorProps } from "./modules/ms/components/rich-text-editor/rich-text-editor-options.js";
 const install = installer.install;
@@ -188,6 +192,7 @@ export {
   DepartmentTree,
   EMAIL_PATTERN,
   IP_PATTERN,
+  ImageCropper,
   InternalMkModule,
   LocalLogTree,
   LoginLogTable,
@@ -209,6 +214,7 @@ export {
   MKFormDatePicker,
   MKFormIconSelect,
   MKFormView,
+  MKImageCropperContent,
   MKJsonEditor,
   MKLayout,
   MKMarkdownEditor,
@@ -307,11 +313,12 @@ export {
   defineDataForm,
   defineDataTable,
   defineDataTree,
+  imageCropperContentEmits,
+  imageCropperContentProps,
   initApplication,
   install,
   markdownEditorEmits,
   markdownEditorProps,
-  materialListEmits,
   materialListProps,
   materialUploadContextProps,
   onTabBeforeClose,
@@ -324,6 +331,7 @@ export {
   richTextEditorProps,
   tableProps,
   tableTreeProps,
+  treeEmits,
   treeProps,
   treeViewProps,
   uploadFileEmits,

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import \"./assets/iconfonts/iconfont.js\";\nexport * from \"./constants\";\n\nexport * from \"./core\";\n\nimport { installer } from \"./installer\";\n\nexport * from \"./layouts\";\nexport * from \"./composables\";\nexport * from \"./components\";\nexport * from \"./tokens\";\n\nexport const install = installer.install;\nexport const version = installer.version;\n\nexport * from \"./init-application\";\nexport * from \"./define-data-table\";\nexport * from \"./define-data-form\";\nexport * from \"./define-data-tree\";\n\nexport * from \"./modules/ms\";\nexport * from \"./modules/cms\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,UAAU,UAAU;AAC1B,MAAM,UAAU,UAAU;"}
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import \"./assets/iconfonts/iconfont.js\";\r\nimport \"./assets/iconfonts/oa-iconfont.js\";\r\nexport * from \"./constants\";\r\n\r\nexport * from \"./core\";\r\n\r\nimport { installer } from \"./installer\";\r\n\r\nexport * from \"./layouts\";\r\nexport * from \"./composables\";\r\nexport * from \"./components\";\r\nexport * from \"./tokens\";\r\n\r\nexport const install = installer.install;\r\nexport const version = installer.version;\r\n\r\nexport * from \"./init-application\";\r\nexport * from \"./define-data-table\";\r\nexport * from \"./define-data-form\";\r\nexport * from \"./define-data-tree\";\r\n\r\nexport * from \"./modules/ms\";\r\nexport * from \"./modules/cms\";\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,UAAU,UAAU;AAC1B,MAAM,UAAU,UAAU;"}

package/dist/esm/installer.js

@@ -21,15 +21,13 @@ import "./components/basic/date-picker/index.js";
 import "./components/basic/icon-select/index.js";
 import { MKUploadFile } from "./components/basic/upload-file/upload-file.js";
 import "@maketribe/request";
-import "./core/DataModelDefines.js";
-import "vue-router";
-import "@maketribe/locale";
 import { MKWebFileUploadContext } from "./components/basic/upload-file/context/web-file-upload-context.js";
 import "./components/basic/upload-file/context/web-file-upload-context-options.js";
 import { MKUploadImage } from "./components/basic/upload-file/ui/upload-image/index.js";
 import "./components/basic/upload-file/upload-file-options.js";
 import "./components/basic/doc-editor/index.js";
 import "./components/basic/copy-container/index.js";
+import { MKImageCropperContent } from "./components/basic/image-cropper/index.js";
 import { MKDataForm } from "./components/data-model/data-form/index.js";
 import { MKDataTable } from "./components/data-model/data-table/index.js";
 import { MKDataTablePagination } from "./components/data-model/data-table-pagination/index.js";
@@ -60,7 +58,8 @@ const components = [
   MKTable,
   MKTableView,
   MKForm,
-  MKFormView
+  MKFormView,
+  MKImageCropperContent
 ];
 const installer = makeInstaller(
   components,

package/dist/esm/installer.js.map

@@ -1 +1 @@
-{"version":3,"file":"installer.js","sources":["../../src/installer.ts"],"sourcesContent":["import { Plugin } from \"vue\";\nimport { makeInstaller } from \"@maketribe/utils\";\nimport { Dialoger, Messager, Notificationer } from \"@maketribe/dm\";\nimport { DialogerImpl, MessagerImpl, NotificationerImpl } from \"./message-impl\";\nimport {\n  ConfigProviderContext,\n  MKConfigProvider,\n  MKDataForm,\n  MKDataTable,\n  MKSvgIcon,\n  provideGlobalConfig,\n  MKDataTableSelect,\n  MKPagination,\n  MKDataTablePagination,\n  MKSystemProvider,\n  MKVerifyDialog,\n  MKUploadFile,\n  MKUploadImage,\n  MKWebFileUploadContext,\n  MKPageContainer,\n  MKTableHeaderItem,\n  MKTable,\n  MKTableView,\n  MKForm,\n  MKFormView,\n} from \"./components\";\n\nconst components: Plugin[] = [\n  MKConfigProvider,\n  MKDataForm,\n  MKDataTable,\n  MKSvgIcon,\n  MKDataTableSelect,\n  MKPagination,\n  MKDataTablePagination,\n  MKSystemProvider,\n  MKVerifyDialog,\n  MKUploadFile,\n  MKUploadImage,\n  MKWebFileUploadContext,\n  MKPageContainer,\n  MKTableHeaderItem,\n  MKTable,\n  MKTableView,\n  MKForm,\n  MKFormView,\n];\n\nexport const installer = makeInstaller<ConfigProviderContext>(\n  components,\n  \"1.0.0-dev\",\n  (app, version, options) => {\n    if (options) {\n      provideGlobalConfig(options, app, true);\n    }\n\n    Messager.implInstance = new MessagerImpl();\n    Dialoger.implInstance = new DialogerImpl();\n    Notificationer.implInstance = new NotificationerImpl();\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,aAAuB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA,CAAC,KAAK,SAAS,YAAY;AACzB,QAAI,SAAS;AACS,0BAAA,SAAS,KAAK,IAAI;AAAA,IACxC;AAES,aAAA,eAAe,IAAI;AACnB,aAAA,eAAe,IAAI;AACb,mBAAA,eAAe,IAAI;EACpC;AACF;"}
+{"version":3,"file":"installer.js","sources":["../../src/installer.ts"],"sourcesContent":["import { Plugin } from \"vue\";\nimport { makeInstaller } from \"@maketribe/utils\";\nimport { Dialoger, Messager, Notificationer } from \"@maketribe/dm\";\nimport { DialogerImpl, MessagerImpl, NotificationerImpl } from \"./message-impl\";\nimport {\n  ConfigProviderContext,\n  MKConfigProvider,\n  MKDataForm,\n  MKDataTable,\n  MKSvgIcon,\n  provideGlobalConfig,\n  MKDataTableSelect,\n  MKPagination,\n  MKDataTablePagination,\n  MKSystemProvider,\n  MKVerifyDialog,\n  MKUploadFile,\n  MKUploadImage,\n  MKWebFileUploadContext,\n  MKPageContainer,\n  MKTableHeaderItem,\n  MKTable,\n  MKTableView,\n  MKForm,\n  MKFormView,\n  MKImageCropperContent\n} from \"./components\";\n\nconst components: Plugin[] = [\n  MKConfigProvider,\n  MKDataForm,\n  MKDataTable,\n  MKSvgIcon,\n  MKDataTableSelect,\n  MKPagination,\n  MKDataTablePagination,\n  MKSystemProvider,\n  MKVerifyDialog,\n  MKUploadFile,\n  MKUploadImage,\n  MKWebFileUploadContext,\n  MKPageContainer,\n  MKTableHeaderItem,\n  MKTable,\n  MKTableView,\n  MKForm,\n  MKFormView,\n  MKImageCropperContent\n];\n\nexport const installer = makeInstaller<ConfigProviderContext>(\n  components,\n  \"1.0.0-dev\",\n  (app, version, options) => {\n    if (options) {\n      provideGlobalConfig(options, app, true);\n    }\n\n    Messager.implInstance = new MessagerImpl();\n    Dialoger.implInstance = new DialogerImpl();\n    Notificationer.implInstance = new NotificationerImpl();\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,aAAuB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA,CAAC,KAAK,SAAS,YAAY;AACzB,QAAI,SAAS;AACS,0BAAA,SAAS,KAAK,IAAI;AAAA,IACxC;AAES,aAAA,eAAe,IAAI;AACnB,aAAA,eAAe,IAAI;AACb,mBAAA,eAAe,IAAI;EACpC;AACF;"}

package/dist/esm/layouts/components/bar/index.js

@@ -16,24 +16,25 @@ import "../../../components/basic/date-picker/index.js";
 import "../../../components/basic/icon-select/index.js";
 import "../../../components/basic/upload-file/upload-file.js";
 import "@maketribe/request";
-import "@maketribe/dm";
 import "@maketribe/utils";
-import { MenuNode } from "../../../core/menu/MenuNode.js";
-import "../../../core/DataModelDefines.js";
-import { MSAppClient } from "../../../core/MSAppClient.js";
-import { MenuType } from "../../../constants/menu.js";
 import "../../../components/basic/upload-file/context/web-file-upload-context.js";
 import "../../../components/basic/upload-file/context/web-file-upload-context-options.js";
 import "../../../components/basic/upload-file/ui/upload-image/index.js";
 import "../../../components/basic/upload-file/upload-file-options.js";
 import "../../../components/basic/doc-editor/index.js";
 import "../../../components/basic/copy-container/index.js";
+import "../../../components/basic/image-cropper/index.js";
 import "../../../components/data-model/data-form/index.js";
 import "../../../components/data-model/data-table/index.js";
 import "../../../components/data-model/data-table-pagination/index.js";
 import "../../../components/business/verify-dialog/index.js";
 import "../../../components/business/resource-list/index.js";
 import "../../../components/business/resource-manager/index.js";
+import "@maketribe/dm";
+import { MenuNode } from "../../../core/menu/MenuNode.js";
+import "../../../core/DataModelDefines.js";
+import { MSAppClient } from "../../../core/MSAppClient.js";
+import { MenuType } from "../../../constants/menu.js";
 const MKBar = /* @__PURE__ */ defineComponent({
   name: "MKBar",
   props: {

package/dist/esm/layouts/components/bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/bar/index.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { MKSvgIcon } from \"../../../components\";\r\nimport { MSAppClient, MenuNode } from \"../../../core\";\r\nimport { MenuType } from \"../../../constants\";\r\n\r\nexport const MKBar = defineComponent({\r\n  name: \"MKBar\",\r\n  props: {\r\n    barItem: {\r\n      type: MenuNode,\r\n    },\r\n  },\r\n  setup(props) {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n    const menu = userSession.menu;\r\n    const vueRouter = msAppClient.vueRouter;\r\n    // const router = userSession.router;\r\n\r\n    const currentBarItem = computed(() => props.barItem);\r\n\r\n    const handleBarItemClick = (barItem: MenuNode) => {\r\n      let target: MenuNode | null = barItem;\r\n\r\n      if (barItem.children.length) {\r\n        target = menu.getFirstLeafMenuNode(barItem.children);\r\n      }\r\n\r\n      if (!target) {\r\n        return;\r\n      }\r\n\r\n      if (target?.route) {\r\n        vueRouter.push({ name: target.route.name });\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      const barItems = menu.rootMenus\r\n        .filter((rootMenu) => rootMenu.type !== \"3\")\r\n        .map((rootMenu) => (\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              rootMenu.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === rootMenu.id ? \"is-active\" : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(rootMenu)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={rootMenu.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{rootMenu.title} </div>\r\n          </div>\r\n        ));\r\n\r\n      const systemSettingNode = menu.rootMenus.find(\r\n        (rootMenu) => rootMenu.type === MenuType.SystemSettings\r\n      );\r\n\r\n      const footer = systemSettingNode?.children.length ? (\r\n        <div class=\"mk-bar__footer\">\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              \"mk-bar__settings\",\r\n              systemSettingNode.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === systemSettingNode.id\r\n                ? \"is-active\"\r\n                : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(systemSettingNode)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={systemSettingNode.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{systemSettingNode.title} </div>\r\n          </div>\r\n        </div>\r\n      ) : null;\r\n\r\n      const logo = msAppClient.logo ? (\r\n        <div class=\"mk-bar__logo\">\r\n          <div\r\n            class=\"mk-logo\"\r\n            style={{ backgroundImage: `url(${msAppClient.logo})` }}\r\n          />\r\n        </div>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-bar\">\r\n          {/* {logo} */}\r\n\r\n          <div class=\"mk-bar__items\">{barItems}</div>\r\n\r\n          {footer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKBar","defineComponent","name","props","barItem","type","MenuNode","setup","msAppClient","MSAppClient","instance","userSession","menu","vueRouter","currentBarItem","computed","handleBarItemClick","target","children","length","getFirstLeafMenuNode","route","push","barItems","rootMenus","filter","rootMenu","map","_createVNode","unref","id","onClick","MKSvgIcon","iconName","title","_createTextVNode","systemSettingNode","find","MenuType","SystemSettings","footer","logo","backgroundImage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,QAAQC,gCAAgB;AAAA,EACnCC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,SAAS;AAAA,MACPC,MAAMC;AAAAA,IACR;AAAA,EACD;AAAA,EACDC,MAAMJ,OAAO;AACX,UAAMK,cAAcC,YAAYC;AAChC,UAAMC,cAAcH,YAAYG;AAChC,UAAMC,OAAOD,YAAYC;AACzB,UAAMC,YAAYL,YAAYK;AAG9B,UAAMC,iBAAiBC,SAAS,MAAMZ,MAAMC,OAAO;AAEnD,UAAMY,qBAAsBZ,aAAsB;AAChD,UAAIa,SAA0Bb;AAE9B,UAAIA,QAAQc,SAASC,QAAQ;AAC3BF,iBAASL,KAAKQ,qBAAqBhB,QAAQc,QAAQ;AAAA,MACrD;AAEA,UAAI,CAACD,QAAQ;AACX;AAAA,MACF;AAEA,UAAIA,iCAAQI,OAAO;AACjBR,kBAAUS,KAAK;AAAA,UAAEpB,MAAMe,OAAOI,MAAMnB;AAAAA,QAAK,CAAC;AAAA,MAC5C;AAAA;AAGF,WAAO,MAAM;;AACX,YAAMqB,WAAWX,KAAKY,UACnBC,OAAQC,cAAaA,SAASrB,SAAS,GAAG,EAC1CsB,IAAKD,cAAQE;;AAAAA,2BAAA,OAAA;AAAA,UAAA,SAEH,CACL,gBACAF,SAASR,SAASC,SAAS,iBAAiB,MAC5CU,MAAAA,MAAMf,cAAc,MAApBe,gBAAAA,IAAuBC,QAAOJ,SAASI,KAAK,cAAc,EAAE;AAAA,UAC7D,WACQC,MAAMf,mBAAmBU,QAAQ;AAAA,QAAC,GAAA,CAAAE,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAI,WAAA;AAAA,UAAA,aAGnBN,SAASO;AAAAA,QAAQ,GAAA,IAAA,CAAA,CAAA,GAAAL,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,QAAA,GAAA,CAERF,SAASQ,OAAKC;OAElD;AAEH,YAAMC,oBAAoBxB,KAAKY,UAAUa,KACtCX,cAAaA,SAASrB,SAASiC,SAASC,cAC3C;AAEA,YAAMC,UAASJ,uDAAmBlB,SAASC,UAAMS,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAGpC,CACL,gBACA,oBACAQ,kBAAkBlB,SAASC,SAAS,iBAAiB,MACrDU,WAAMf,cAAc,MAApBe,mBAAuBC,QAAOM,kBAAkBN,KAC5C,cACA,EAAE;AAAA,QACP,WACQC,MAAMf,mBAAmBoB,iBAAiB;AAAA,MAAC,GAAA,CAAAR,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAI,WAAA;AAAA,QAAA,aAG5BI,kBAAkBH;AAAAA,MAAQ,GAAA,IAAA,CAAA,CAAA,GAAAL,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAEjBQ,kBAAkBF,OAAKC,6BAG1D;AAES3B,kBAAYiC,OAAIb,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,SAIhB;AAAA,UAAEc,iBAAiB,OAAOlC,YAAYiC,IAAI;AAAA,QAAI;AAAA,MAAC,GAAA,IAAA,CAAA,CAAA,IAGxD;AAEJ,aAAAb,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAIgCL,GAAAA,CAAAA,QAAQ,IAEnCiB,MAAM,CAAA;AAAA;EAIf;AACF,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/layouts/components/bar/index.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { MKSvgIcon } from \"../../../components\";\r\nimport { MSAppClient, MenuNode } from \"../../../core\";\r\nimport { MenuType } from \"../../../constants\";\r\n\r\nexport const MKBar = defineComponent({\r\n  name: \"MKBar\",\r\n  props: {\r\n    barItem: {\r\n      type: MenuNode,\r\n    },\r\n  },\r\n  setup(props) {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n    const menu = userSession.menu;\r\n    const vueRouter = msAppClient.vueRouter;\r\n    // const router = userSession.router;\r\n\r\n    const currentBarItem = computed(() => props.barItem);\r\n\r\n    const handleBarItemClick = (barItem: MenuNode) => {\r\n      let target: MenuNode | null = barItem;\r\n\r\n      if (barItem.children.length) {\r\n        target = menu.getFirstLeafMenuNode(barItem.children);\r\n      }\r\n\r\n      if (!target) {\r\n        return;\r\n      }\r\n\r\n      if (target?.route) {\r\n        vueRouter.push({ name: target.route.name });\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      const barItems = menu.rootMenus\r\n        .filter((rootMenu) => rootMenu.type !== \"3\")\r\n        .map((rootMenu) => (\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              rootMenu.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === rootMenu.id ? \"is-active\" : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(rootMenu)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={rootMenu.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{rootMenu.title} </div>\r\n          </div>\r\n        ));\r\n\r\n      const systemSettingNode = menu.rootMenus.find(\r\n        (rootMenu) => rootMenu.type === MenuType.SystemSettings\r\n      );\r\n\r\n      const footer = systemSettingNode?.children.length ? (\r\n        <div class=\"mk-bar__footer\">\r\n          <div\r\n            class={[\r\n              \"mk-bar__item\",\r\n              \"mk-bar__settings\",\r\n              systemSettingNode.children.length ? \"has-children\" : \"\",\r\n              unref(currentBarItem)?.id === systemSettingNode.id\r\n                ? \"is-active\"\r\n                : \"\",\r\n            ]}\r\n            onClick={() => handleBarItemClick(systemSettingNode)}\r\n          >\r\n            <div class=\"mk-bar__item-button\">\r\n              <MKSvgIcon iconClass={systemSettingNode.iconName} />\r\n            </div>\r\n            <div class=\"mk-bar__item-title\">{systemSettingNode.title} </div>\r\n          </div>\r\n        </div>\r\n      ) : null;\r\n\r\n      const logo = msAppClient.logo ? (\r\n        <div class=\"mk-bar__logo\">\r\n          <div\r\n            class=\"mk-logo\"\r\n            style={{ backgroundImage: `url(${msAppClient.logo})` }}\r\n          />\r\n        </div>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-bar\">\r\n          {/* {logo} */}\r\n\r\n          <div class=\"mk-bar__items\">{barItems}</div>\r\n\r\n          {footer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKBar","defineComponent","name","props","barItem","type","MenuNode","setup","msAppClient","MSAppClient","instance","userSession","menu","vueRouter","currentBarItem","computed","handleBarItemClick","target","children","length","getFirstLeafMenuNode","route","push","barItems","rootMenus","filter","rootMenu","map","_createVNode","unref","id","onClick","MKSvgIcon","iconName","title","_createTextVNode","systemSettingNode","find","MenuType","SystemSettings","footer","logo","backgroundImage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,QAAQC,gCAAgB;AAAA,EACnCC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,SAAS;AAAA,MACPC,MAAMC;AAAAA,IACR;AAAA,EACD;AAAA,EACDC,MAAMJ,OAAO;AACX,UAAMK,cAAcC,YAAYC;AAChC,UAAMC,cAAcH,YAAYG;AAChC,UAAMC,OAAOD,YAAYC;AACzB,UAAMC,YAAYL,YAAYK;AAG9B,UAAMC,iBAAiBC,SAAS,MAAMZ,MAAMC,OAAO;AAEnD,UAAMY,qBAAsBZ,aAAsB;AAChD,UAAIa,SAA0Bb;AAE9B,UAAIA,QAAQc,SAASC,QAAQ;AAC3BF,iBAASL,KAAKQ,qBAAqBhB,QAAQc,QAAQ;AAAA,MACrD;AAEA,UAAI,CAACD,QAAQ;AACX;AAAA,MACF;AAEA,UAAIA,iCAAQI,OAAO;AACjBR,kBAAUS,KAAK;AAAA,UAAEpB,MAAMe,OAAOI,MAAMnB;AAAAA,QAAK,CAAC;AAAA,MAC5C;AAAA;AAGF,WAAO,MAAM;;AACX,YAAMqB,WAAWX,KAAKY,UACnBC,OAAQC,cAAaA,SAASrB,SAAS,GAAG,EAC1CsB,IAAKD,cAAQE;;AAAAA,2BAAA,OAAA;AAAA,UAAA,SAEH,CACL,gBACAF,SAASR,SAASC,SAAS,iBAAiB,MAC5CU,MAAAA,MAAMf,cAAc,MAApBe,gBAAAA,IAAuBC,QAAOJ,SAASI,KAAK,cAAc,EAAE;AAAA,UAC7D,WACQC,MAAMf,mBAAmBU,QAAQ;AAAA,QAAC,GAAA,CAAAE,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAI,WAAA;AAAA,UAAA,aAGnBN,SAASO;AAAAA,QAAQ,GAAA,IAAA,CAAA,CAAA,GAAAL,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,QAAA,GAAA,CAERF,SAASQ,OAAKC;OAElD;AAEH,YAAMC,oBAAoBxB,KAAKY,UAAUa,KACtCX,cAAaA,SAASrB,SAASiC,SAASC,cAC3C;AAEA,YAAMC,UAASJ,uDAAmBlB,SAASC,UAAMS,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAGpC,CACL,gBACA,oBACAQ,kBAAkBlB,SAASC,SAAS,iBAAiB,MACrDU,WAAMf,cAAc,MAApBe,mBAAuBC,QAAOM,kBAAkBN,KAC5C,cACA,EAAE;AAAA,QACP,WACQC,MAAMf,mBAAmBoB,iBAAiB;AAAA,MAAC,GAAA,CAAAR,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAI,WAAA;AAAA,QAAA,aAG5BI,kBAAkBH;AAAAA,MAAQ,GAAA,IAAA,CAAA,CAAA,GAAAL,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAEjBQ,kBAAkBF,OAAKC,6BAG1D;AAES3B,kBAAYiC,OAAIb,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,SAIhB;AAAA,UAAEc,iBAAiB,OAAOlC,YAAYiC,IAAI;AAAA,QAAI;AAAA,MAAC,GAAA,IAAA,CAAA,CAAA,IAGxD;AAEJ,aAAAb,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAIgCL,GAAAA,CAAAA,QAAQ,IAEnCiB,MAAM,CAAA;AAAA;EAIf;AACF,CAAC;"}