@maketribe/ms-app 3.2.21 → 3.2.22

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

@@ -1 +1 @@
-{"version":3,"file":"batch-opt.js","sources":["../../../../../../../../src/components/data-model/data-table/components/header-components/batch-opt/batch-opt.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { ElDropdown, ElDropdownItem, ElDropdownMenu } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../../../basic\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKBatchOpt\",\r\n  setup(props) {\r\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)?.dataTable!;\r\n\r\n    var disallowBatchOpt = computed(\r\n      () => (dataTable?.getSelection().length ?? 0) === 0\r\n    );\r\n\r\n    const handleExport = (...args: any[]) => {\r\n      dataTable.exportData();\r\n    };\r\n\r\n    const handleBatchDelete = async () => {\r\n      const isConfirm = await Dialoger.confirm({\r\n        message: \"是否删除选中项\",\r\n        type: \"warning\",\r\n        title: \"批量删除\",\r\n      });\r\n\r\n      if (!isConfirm) {\r\n        return;\r\n      }\r\n\r\n      const response = await dataTable.batchDelete(dataTable.getSelection());\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        return;\r\n      }\r\n\r\n      dataTable.load();\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <ElDropdown\r\n          onClick={handleExport}\r\n          splitButton\r\n          v-slots={{\r\n            dropdown: () => {\r\n              return (\r\n                <ElDropdownMenu>\r\n                  <ElDropdownItem\r\n                    disabled={unref(disallowBatchOpt)}\r\n                    onClick={handleBatchDelete}\r\n                  >\r\n                    <MKSvgIcon iconClass=\"Delete\" /> 批量删除\r\n                  </ElDropdownItem>\r\n                </ElDropdownMenu>\r\n              );\r\n            },\r\n          }}\r\n        >\r\n          <MKSvgIcon iconClass=\"Download\" />\r\n        </ElDropdown>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","setup","props","dataTable","inject","DATA_TABLE_CONTEXT_KEY","disallowBatchOpt","computed","getSelection","length","handleExport","args","exportData","handleBatchDelete","isConfirm","Dialoger","confirm","message","type","title","response","batchDelete","data","code","Messager","error","msg","load","_createVNode","ElDropdown","default","MKSvgIcon","dropdown","ElDropdownMenu","ElDropdownItem","unref","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;;AACX,UAAMC,aAAYC,YAAOC,sBAAsB,MAA7BD,mBAAgCD;AAElD,QAAIG,mBAAmBC,SACrB,QAAOJ,uCAAWK,eAAeC,WAAU,OAAO,CACpD;AAEA,UAAMC,eAAeA,IAAIC,SAAgB;AACvCR,gBAAUS,WAAU;AAAA;AAGtB,UAAMC,oBAAoB,YAAY;AACpC,YAAMC,YAAY,MAAMC,SAASC,QAAQ;AAAA,QACvCC,SAAS;AAAA,QACTC,MAAM;AAAA,QACNC,OAAO;AAAA,MACT,CAAC;AAED,UAAI,CAACL,WAAW;AACd;AAAA,MACF;AAEA,YAAMM,WAAW,MAAMjB,UAAUkB,YAAYlB,UAAUK,aAAY,CAAE;AAErE,UAAIY,SAASE,KAAKC,SAAS,KAAK;AAC9BC,iBAASC,MAAM;AAAA,UAAER,SAASG,SAASE,KAAKI;AAAAA,QAAI,CAAC;AAC7C;AAAA,MACF;AAEAvB,gBAAUwB,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAC,YAAAC,YAAA;AAAA,QAAA,WAEanB;AAAAA,QAAY,eAAA;AAAA,MAAA,GAAA;AAAA,QAAAoB,SAAAA,MAAAF,CAAAA,YAAAG,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA,IAAA,CAAA;AAAA,QAGnBC,UAAUA,MAAM;AACd,iBAAAJ,YAAAK,gBAAA,MAAA;AAAA,YAAAH,SAAAA,MAAAF,CAAAA,YAAAM,gBAAA;AAAA,cAAA,YAGgBC,MAAM7B,gBAAgB;AAAA,cAAC,WACxBO;AAAAA,YAAiB,GAAA;AAAA,cAAAiB,SAAAA,MAAAF,CAAAA,YAAAG,WAAA;AAAA,gBAAA,aAAA;AAAA,cAAA,GAAA,IAAA,GAAAK,gBAAA,OAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA;AAAA,QAMlC;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;"}
+{"version":3,"file":"batch-opt.js","sources":["../../../../../../../../src/components/data-model/data-table/components/header-components/batch-opt/batch-opt.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\nimport { ElDropdown, ElDropdownItem, ElDropdownMenu } from \"element-plus\";\nimport { MKSvgIcon } from \"../../../../../basic\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\nimport { Dialoger, Messager } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKBatchOpt\",\n  setup(props) {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)?.dataTable!;\n\n    var disallowBatchOpt = computed(\n      () => (dataTable?.getSelection().length ?? 0) === 0\n    );\n\n    const handleExport = (...args: any[]) => {\n      dataTable.exportData();\n    };\n\n    const handleBatchDelete = async () => {\n      const isConfirm = await Dialoger.confirm({\n        message: \"是否删除选中项\",\n        type: \"warning\",\n        title: \"批量删除\",\n      });\n\n      if (!isConfirm) {\n        return;\n      }\n\n      const response = await dataTable.batchDelete(dataTable.getSelection());\n\n      if (response.data.code !== 200) {\n        Messager.error({ message: response.data.msg });\n        return;\n      }\n\n      dataTable.load();\n    };\n\n    return () => {\n      return (\n        <ElDropdown\n          onClick={handleExport}\n          splitButton\n          v-slots={{\n            dropdown: () => {\n              return (\n                <ElDropdownMenu>\n                  <ElDropdownItem\n                    disabled={unref(disallowBatchOpt)}\n                    onClick={handleBatchDelete}\n                  >\n                    <MKSvgIcon iconClass=\"Delete\" /> 批量删除\n                  </ElDropdownItem>\n                </ElDropdownMenu>\n              );\n            },\n          }}\n        >\n          <MKSvgIcon iconClass=\"Download\" />\n        </ElDropdown>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","props","dataTable","inject","DATA_TABLE_CONTEXT_KEY","disallowBatchOpt","computed","getSelection","length","handleExport","args","exportData","handleBatchDelete","isConfirm","Dialoger","confirm","message","type","title","response","batchDelete","data","code","Messager","error","msg","load","_createVNode","ElDropdown","default","MKSvgIcon","dropdown","ElDropdownMenu","ElDropdownItem","unref","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;;AACX,UAAMC,aAAYC,YAAOC,sBAAsB,MAA7BD,mBAAgCD;AAElD,QAAIG,mBAAmBC,SACrB,QAAOJ,uCAAWK,eAAeC,WAAU,OAAO,CACpD;AAEA,UAAMC,eAAeA,IAAIC,SAAgB;AACvCR,gBAAUS,WAAU;AAAA;AAGtB,UAAMC,oBAAoB,YAAY;AACpC,YAAMC,YAAY,MAAMC,SAASC,QAAQ;AAAA,QACvCC,SAAS;AAAA,QACTC,MAAM;AAAA,QACNC,OAAO;AAAA,MACT,CAAC;AAED,UAAI,CAACL,WAAW;AACd;AAAA,MACF;AAEA,YAAMM,WAAW,MAAMjB,UAAUkB,YAAYlB,UAAUK,aAAY,CAAE;AAErE,UAAIY,SAASE,KAAKC,SAAS,KAAK;AAC9BC,iBAASC,MAAM;AAAA,UAAER,SAASG,SAASE,KAAKI;AAAAA,QAAI,CAAC;AAC7C;AAAA,MACF;AAEAvB,gBAAUwB,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAC,YAAAC,YAAA;AAAA,QAAA,WAEanB;AAAAA,QAAY,eAAA;AAAA,MAAA,GAAA;AAAA,QAAAoB,SAAAA,MAAAF,CAAAA,YAAAG,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA,IAAA,CAAA;AAAA,QAGnBC,UAAUA,MAAM;AACd,iBAAAJ,YAAAK,gBAAA,MAAA;AAAA,YAAAH,SAAAA,MAAAF,CAAAA,YAAAM,gBAAA;AAAA,cAAA,YAGgBC,MAAM7B,gBAAgB;AAAA,cAAC,WACxBO;AAAAA,YAAiB,GAAA;AAAA,cAAAiB,SAAAA,MAAAF,CAAAA,YAAAG,WAAA;AAAA,gBAAA,aAAA;AAAA,cAAA,GAAA,IAAA,GAAAK,gBAAA,OAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA;AAAA,QAMlC;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/data-model/data-table/components/header-components/batch-opt/index.ts"],"sourcesContent":["import BatchOpt from \"./batch-opt\";\r\n\r\nexport const MKBatchOpt = BatchOpt;\r\nexport default MKBatchOpt;\r\n"],"names":[],"mappings":";AAEO,MAAM,aAAa;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/data-model/data-table/components/header-components/batch-opt/index.ts"],"sourcesContent":["import BatchOpt from \"./batch-opt\";\n\nexport const MKBatchOpt = BatchOpt;\nexport default MKBatchOpt;\n"],"names":[],"mappings":";AAEO,MAAM,aAAa;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"table-filter.js","sources":["../../../../../../../../src/components/data-model/data-table/components/header-components/table-filter/table-filter.tsx"],"sourcesContent":["import { defineComponent, inject, computed, unref, watch, ref } from \"vue\";\r\nimport { ElButton, ElInput, ElTooltip } from \"element-plus\";\r\nimport { Search } from \"@element-plus/icons-vue\";\r\nimport { debounce } from \"lodash-es\";\r\nimport { isWhereFilter } from \"@maketribe/dm\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\r\nimport { MKSvgIcon } from \"../../../../../basic\";\r\nimport { MKDataFilterDrawer } from \"../../../../data-filter-drawer\";\r\nimport { MKDataFilterForm } from \"../../../../data-filter-form\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTableFilter\",\r\n  setup() {\r\n    const search = ref(\"\");\r\n\r\n    const isShowDrawer = ref(false);\r\n\r\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\r\n\r\n    const dataTable = computed(() => dataTableContext!.dataTable);\r\n\r\n    const dataTableInitd = computed(() => unref(dataTable)?.initd ?? false);\r\n\r\n    const searchFilterColumns = computed(() =>\r\n      unref(dataTable)\r\n        .dataFilter.getColumns()\r\n        .filter((column) => column.search)\r\n    );\r\n\r\n    const searchPlaceholder = computed(\r\n      () =>\r\n        `通过${unref(searchFilterColumns)\r\n          .map((column) => column.label)\r\n          .join(\"、\")}搜索`\r\n    );\r\n\r\n    watch(\r\n      dataTable,\r\n      (dataTable, _, onCleanup) => {\r\n        onCleanup(() => {\r\n          const dataFilter = dataTable.dataFilter;\r\n          if (isWhereFilter(dataFilter)) {\r\n            dataFilter.getSearchGroup().clear();\r\n          }\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const handleSearch = () => {\r\n      debounceSearch.cancel();\r\n\r\n      const dataFilter = unref(dataTable).dataFilter;\r\n      if (isWhereFilter(dataFilter)) {\r\n        const searchGroup = dataFilter.getSearchGroup();\r\n        searchGroup.clear();\r\n\r\n        const searchValue = unref(search);\r\n\r\n        for (const searchFilterColumn of unref(searchFilterColumns)) {\r\n          searchGroup.addOrCondition(\r\n            searchFilterColumn.name,\r\n            \"like\",\r\n            `%${searchValue}%`\r\n          );\r\n        }\r\n      }\r\n\r\n      unref(dataTable).load();\r\n    };\r\n\r\n    const debounceSearch = debounce(handleSearch, 1000);\r\n\r\n    const handleSearchKeydown = (event: KeyboardEvent) => {\r\n      if (event.key === \"Enter\") {\r\n        handleSearch();\r\n      }\r\n    };\r\n\r\n    const handleSearchFocus = (event: FocusEvent) => {\r\n      const target = event.target as HTMLInputElement;\r\n\r\n      target.addEventListener(\"input\", debounceSearch);\r\n    };\r\n\r\n    const handleSearchBlur = (event: any) => {\r\n      const target = event.target as HTMLInputElement;\r\n\r\n      target.removeEventListener(\"input\", debounceSearch);\r\n    };\r\n\r\n    const handleShowDrawer = () => {\r\n      isShowDrawer.value = true;\r\n    };\r\n\r\n    return () => {\r\n      if (!unref(dataTableInitd)) {\r\n        return null;\r\n      }\r\n\r\n      const _dataTable = unref(dataTable);\r\n\r\n      if (_dataTable.dataFilter.getColumns().length === 0) {\r\n        return null;\r\n      }\r\n\r\n      let searchInputVNode = null;\r\n\r\n      if (unref(searchFilterColumns).length) {\r\n        searchInputVNode = (\r\n          <ElTooltip content={unref(searchPlaceholder)} effect=\"dark\" placement=\"top\">\r\n            <ElInput\r\n              prefixIcon={Search}\r\n              class=\"mk-table-filter__search\"\r\n              modelValue={unref(search)}\r\n              onUpdate:modelValue={(v) => (search.value = v)}\r\n              onKeydown={handleSearchKeydown as any}\r\n              placeholder={unref(searchPlaceholder)}\r\n              onFocus={handleSearchFocus}\r\n              onBlur={handleSearchBlur}\r\n              onClear={handleSearch}\r\n              clearable\r\n            />\r\n          </ElTooltip>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <div class=\"mk-table-filter\">\r\n          {searchInputVNode}\r\n          <ElTooltip content=\"筛选\" effect=\"dark\" placement=\"top\">\r\n            <ElButton onClick={handleShowDrawer}>\r\n              <MKSvgIcon iconClass=\"Filter\" />\r\n            </ElButton>\r\n          </ElTooltip>\r\n\r\n          <MKDataFilterDrawer\r\n            visible={unref(isShowDrawer)}\r\n            onUpdate:visible={(v) => (isShowDrawer.value = v)}\r\n            dataTable={_dataTable}\r\n          />\r\n\r\n          <div class=\"mk-table-filter__hidden\">\r\n            <MKDataFilterForm dataTable={_dataTable} />\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","setup","search","ref","isShowDrawer","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTable","computed","dataTableInitd","unref","initd","searchFilterColumns","dataFilter","getColumns","filter","column","searchPlaceholder","map","label","join","watch","_","onCleanup","isWhereFilter","getSearchGroup","clear","immediate","handleSearch","debounceSearch","cancel","searchGroup","searchValue","searchFilterColumn","addOrCondition","load","debounce","handleSearchKeydown","event","key","handleSearchFocus","target","addEventListener","handleSearchBlur","removeEventListener","handleShowDrawer","value","_dataTable","length","searchInputVNode","_createVNode","ElTooltip","default","ElInput","Search","v","ElButton","MKSvgIcon","MKDataFilterDrawer","MKDataFilterForm"],"mappings":"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"}
+{"version":3,"file":"table-filter.js","sources":["../../../../../../../../src/components/data-model/data-table/components/header-components/table-filter/table-filter.tsx"],"sourcesContent":["import { defineComponent, inject, computed, unref, watch, ref } from \"vue\";\nimport { ElButton, ElInput, ElTooltip } from \"element-plus\";\nimport { Search } from \"@element-plus/icons-vue\";\nimport { debounce } from \"lodash-es\";\nimport { isWhereFilter } from \"@maketribe/dm\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\nimport { MKSvgIcon } from \"../../../../../basic\";\nimport { MKDataFilterDrawer } from \"../../../../data-filter-drawer\";\nimport { MKDataFilterForm } from \"../../../../data-filter-form\";\n\nexport default defineComponent({\n  name: \"MKTableFilter\",\n  setup() {\n    const search = ref(\"\");\n\n    const isShowDrawer = ref(false);\n\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\n\n    const dataTable = computed(() => dataTableContext!.dataTable);\n\n    const dataTableInitd = computed(() => unref(dataTable)?.initd ?? false);\n\n    const searchFilterColumns = computed(() =>\n      unref(dataTable)\n        .dataFilter.getColumns()\n        .filter((column) => column.search)\n    );\n\n    const searchPlaceholder = computed(\n      () =>\n        `通过${unref(searchFilterColumns)\n          .map((column) => column.label)\n          .join(\"、\")}搜索`\n    );\n\n    watch(\n      dataTable,\n      (dataTable, _, onCleanup) => {\n        onCleanup(() => {\n          const dataFilter = dataTable.dataFilter;\n          if (isWhereFilter(dataFilter)) {\n            dataFilter.getSearchGroup().clear();\n          }\n        });\n      },\n      { immediate: true }\n    );\n\n    const handleSearch = () => {\n      debounceSearch.cancel();\n\n      const dataFilter = unref(dataTable).dataFilter;\n      if (isWhereFilter(dataFilter)) {\n        const searchGroup = dataFilter.getSearchGroup();\n        searchGroup.clear();\n\n        const searchValue = unref(search);\n\n        for (const searchFilterColumn of unref(searchFilterColumns)) {\n          searchGroup.addOrCondition(\n            searchFilterColumn.name,\n            \"like\",\n            `%${searchValue}%`\n          );\n        }\n      }\n\n      unref(dataTable).load();\n    };\n\n    const debounceSearch = debounce(handleSearch, 1000);\n\n    const handleSearchKeydown = (event: KeyboardEvent) => {\n      if (event.key === \"Enter\") {\n        handleSearch();\n      }\n    };\n\n    const handleSearchFocus = (event: FocusEvent) => {\n      const target = event.target as HTMLInputElement;\n\n      target.addEventListener(\"input\", debounceSearch);\n    };\n\n    const handleSearchBlur = (event: any) => {\n      const target = event.target as HTMLInputElement;\n\n      target.removeEventListener(\"input\", debounceSearch);\n    };\n\n    const handleShowDrawer = () => {\n      isShowDrawer.value = true;\n    };\n\n    return () => {\n      if (!unref(dataTableInitd)) {\n        return null;\n      }\n\n      const _dataTable = unref(dataTable);\n\n      if (_dataTable.dataFilter.getColumns().length === 0) {\n        return null;\n      }\n\n      let searchInputVNode = null;\n\n      if (unref(searchFilterColumns).length) {\n        searchInputVNode = (\n          <ElTooltip content={unref(searchPlaceholder)} effect=\"dark\" placement=\"top\">\n            <ElInput\n              prefixIcon={Search}\n              class=\"mk-table-filter__search\"\n              modelValue={unref(search)}\n              onUpdate:modelValue={(v) => (search.value = v)}\n              onKeydown={handleSearchKeydown as any}\n              placeholder={unref(searchPlaceholder)}\n              onFocus={handleSearchFocus}\n              onBlur={handleSearchBlur}\n              onClear={handleSearch}\n              clearable\n            />\n          </ElTooltip>\n        );\n      }\n\n      return (\n        <div class=\"mk-table-filter\">\n          {searchInputVNode}\n          <ElTooltip content=\"筛选\" effect=\"dark\" placement=\"top\">\n            <ElButton onClick={handleShowDrawer}>\n              <MKSvgIcon iconClass=\"Filter\" />\n            </ElButton>\n          </ElTooltip>\n\n          <MKDataFilterDrawer\n            visible={unref(isShowDrawer)}\n            onUpdate:visible={(v) => (isShowDrawer.value = v)}\n            dataTable={_dataTable}\n          />\n\n          <div class=\"mk-table-filter__hidden\">\n            <MKDataFilterForm dataTable={_dataTable} />\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","search","ref","isShowDrawer","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTable","computed","dataTableInitd","unref","initd","searchFilterColumns","dataFilter","getColumns","filter","column","searchPlaceholder","map","label","join","watch","_","onCleanup","isWhereFilter","getSearchGroup","clear","immediate","handleSearch","debounceSearch","cancel","searchGroup","searchValue","searchFilterColumn","addOrCondition","load","debounce","handleSearchKeydown","event","key","handleSearchFocus","target","addEventListener","handleSearchBlur","removeEventListener","handleShowDrawer","value","_dataTable","length","searchInputVNode","_createVNode","ElTooltip","default","ElInput","Search","v","ElButton","MKSvgIcon","MKDataFilterDrawer","MKDataFilterForm"],"mappings":"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"}

package/dist/esm/components/data-model/data-table/composables/use-query-params.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-query-params.js","sources":["../../../../../../src/components/data-model/data-table/composables/use-query-params.ts"],"sourcesContent":["import { DataTable } from \"@maketribe/dm\";\r\nimport { aesDecrypt, aesEncrypt, Disposable, Event } from \"@maketribe/utils\";\r\nimport { Ref, unref, watch } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { MSAppClient } from \"../../../../core\";\r\nimport { debounce, isEmpty } from \"lodash-es\";\r\n\r\nexport const useQueryParams = (dataTable: Ref<DataTable>) => {\r\n  const router = useRouter();\r\n\r\n  watch(\r\n    dataTable,\r\n    (dataTable, _, onCleanup) => {\r\n      const disposable = new Disposable();\r\n\r\n      disposable.register(\r\n        dataTable.afterInitdEvent.on(() => {\r\n          if (!dataTable.isEnableQueryParams) {\r\n            return;\r\n          }\r\n\r\n          const event = disposable.register(\r\n            Event.combine([\r\n              dataTable.paginationChangeEvent,\r\n              dataTable.dataFilter.beforeSearchEvent,\r\n            ])\r\n          );\r\n\r\n          event.on(\r\n            debounce(([paginationEvent]) => {\r\n              const pagination = paginationEvent?.pagination ?? null;\r\n              const params = dataTable.dataFilter.getParams()\r\n\r\n              const query: Record<string, any> = {};\r\n\r\n              if (pagination) {\r\n                Object.assign(query, {\r\n                  currentPage: pagination.currentPage,\r\n                  pageSize: pagination.pageSize,\r\n                });\r\n              }\r\n\r\n              const hasParams =\r\n                Reflect.ownKeys(params).filter(\r\n                  (key) => params[key as string] != null\r\n                ).length > 0;\r\n\r\n              if (hasParams) {\r\n                query.params = aesEncrypt(params, MSAppClient.instance!.appID);\r\n              }\r\n\r\n              router.replace({ query: !isEmpty(query) ? query : {} });\r\n            })\r\n          );\r\n\r\n          const query = unref(router.currentRoute).query;\r\n\r\n          try {\r\n            const paramsString = query.params as string;\r\n\r\n            if (paramsString) {\r\n              const params = aesDecrypt(\r\n                paramsString,\r\n                MSAppClient.instance!.appID\r\n              );\r\n\r\n              dataTable.dataFilter.setParams(params);\r\n            }\r\n          } catch (e) {}\r\n\r\n          const currentPage = Number.parseInt(query.currentPage as string);\r\n          const pageSize = Number.parseInt(query.pageSize as string);\r\n\r\n          if (!Number.isNaN(currentPage) && !Number.isNaN(pageSize)) {\r\n            dataTable.setPagination({ currentPage, pageSize });\r\n          }\r\n        })\r\n      );\r\n\r\n      onCleanup(() => {\r\n        disposable.dispose();\r\n      });\r\n    },\r\n    { immediate: true }\r\n  );\r\n};\r\n"],"names":["dataTable","query"],"mappings":";;;;;;;;;AAOa,MAAA,iBAAiB,CAAC,cAA8B;AAC3D,QAAM,SAAS;AAEf;AAAA,IACE;AAAA,IACA,CAACA,YAAW,GAAG,cAAc;AACrB,YAAA,aAAa,IAAI;AAEZ,iBAAA;AAAA,QACTA,WAAU,gBAAgB,GAAG,MAAM;AAC7B,cAAA,CAACA,WAAU,qBAAqB;AAClC;AAAA,UACF;AAEA,gBAAM,QAAQ,WAAW;AAAA,YACvB,MAAM,QAAQ;AAAA,cACZA,WAAU;AAAA,cACVA,WAAU,WAAW;AAAA,YAAA,CACtB;AAAA,UAAA;AAGG,gBAAA;AAAA,YACJ,SAAS,CAAC,CAAC,eAAe,MAAM;AACxB,oBAAA,cAAa,mDAAiB,eAAc;AAC5C,oBAAA,SAASA,WAAU,WAAW,UAAU;AAE9C,oBAAMC,SAA6B,CAAA;AAEnC,kBAAI,YAAY;AACd,uBAAO,OAAOA,QAAO;AAAA,kBACnB,aAAa,WAAW;AAAA,kBACxB,UAAU,WAAW;AAAA,gBAAA,CACtB;AAAA,cACH;AAEA,oBAAM,YACJ,QAAQ,QAAQ,MAAM,EAAE;AAAA,gBACtB,CAAC,QAAQ,OAAO,GAAa,KAAK;AAAA,cAAA,EAClC,SAAS;AAEb,kBAAI,WAAW;AACbA,uBAAM,SAAS,WAAW,QAAQ,YAAY,SAAU,KAAK;AAAA,cAC/D;AAEO,qBAAA,QAAQ,EAAE,OAAO,CAAC,QAAQA,MAAK,IAAIA,SAAQ,CAAC,EAAA,CAAG;AAAA,YAAA,CACvD;AAAA,UAAA;AAGH,gBAAM,QAAQ,MAAM,OAAO,YAAY,EAAE;AAErC,cAAA;AACF,kBAAM,eAAe,MAAM;AAE3B,gBAAI,cAAc;AAChB,oBAAM,SAAS;AAAA,gBACb;AAAA,gBACA,YAAY,SAAU;AAAA,cAAA;AAGxBD,yBAAU,WAAW,UAAU,MAAM;AAAA,YACvC;AAAA,mBACO,GAAG;AAAA,UAAC;AAEb,gBAAM,cAAc,OAAO,SAAS,MAAM,WAAqB;AAC/D,gBAAM,WAAW,OAAO,SAAS,MAAM,QAAkB;AAErD,cAAA,CAAC,OAAO,MAAM,WAAW,KAAK,CAAC,OAAO,MAAM,QAAQ,GAAG;AACzDA,uBAAU,cAAc,EAAE,aAAa,SAAU,CAAA;AAAA,UACnD;AAAA,QAAA,CACD;AAAA,MAAA;AAGH,gBAAU,MAAM;AACd,mBAAW,QAAQ;AAAA,MAAA,CACpB;AAAA,IACH;AAAA,IACA,EAAE,WAAW,KAAK;AAAA,EAAA;AAEtB;"}
+{"version":3,"file":"use-query-params.js","sources":["../../../../../../src/components/data-model/data-table/composables/use-query-params.ts"],"sourcesContent":["import { DataTable } from \"@maketribe/dm\";\nimport { aesDecrypt, aesEncrypt, Disposable, Event } from \"@maketribe/utils\";\nimport { Ref, unref, watch } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { MSAppClient } from \"../../../../core\";\nimport { debounce, isEmpty } from \"lodash-es\";\n\nexport const useQueryParams = (dataTable: Ref<DataTable>) => {\n  const router = useRouter();\n\n  watch(\n    dataTable,\n    (dataTable, _, onCleanup) => {\n      const disposable = new Disposable();\n\n      disposable.register(\n        dataTable.afterInitdEvent.on(() => {\n          if (!dataTable.isEnableQueryParams) {\n            return;\n          }\n\n          const event = disposable.register(\n            Event.combine([\n              dataTable.paginationChangeEvent,\n              dataTable.dataFilter.beforeSearchEvent,\n            ])\n          );\n\n          event.on(\n            debounce(([paginationEvent]) => {\n              const pagination = paginationEvent?.pagination ?? null;\n              const params = dataTable.dataFilter.getParams()\n\n              const query: Record<string, any> = {};\n\n              if (pagination) {\n                Object.assign(query, {\n                  currentPage: pagination.currentPage,\n                  pageSize: pagination.pageSize,\n                });\n              }\n\n              const hasParams =\n                Reflect.ownKeys(params).filter(\n                  (key) => params[key as string] != null\n                ).length > 0;\n\n              if (hasParams) {\n                query.params = aesEncrypt(params, MSAppClient.instance!.appID);\n              }\n\n              router.replace({ query: !isEmpty(query) ? query : {} });\n            })\n          );\n\n          const query = unref(router.currentRoute).query;\n\n          try {\n            const paramsString = query.params as string;\n\n            if (paramsString) {\n              const params = aesDecrypt(\n                paramsString,\n                MSAppClient.instance!.appID\n              );\n\n              dataTable.dataFilter.setParams(params);\n            }\n          } catch (e) {}\n\n          const currentPage = Number.parseInt(query.currentPage as string);\n          const pageSize = Number.parseInt(query.pageSize as string);\n\n          if (!Number.isNaN(currentPage) && !Number.isNaN(pageSize)) {\n            dataTable.setPagination({ currentPage, pageSize });\n          }\n        })\n      );\n\n      onCleanup(() => {\n        disposable.dispose();\n      });\n    },\n    { immediate: true }\n  );\n};\n"],"names":["dataTable","query"],"mappings":";;;;;;;;;AAOa,MAAA,iBAAiB,CAAC,cAA8B;AAC3D,QAAM,SAAS;AAEf;AAAA,IACE;AAAA,IACA,CAACA,YAAW,GAAG,cAAc;AACrB,YAAA,aAAa,IAAI;AAEZ,iBAAA;AAAA,QACTA,WAAU,gBAAgB,GAAG,MAAM;AAC7B,cAAA,CAACA,WAAU,qBAAqB;AAClC;AAAA,UACF;AAEA,gBAAM,QAAQ,WAAW;AAAA,YACvB,MAAM,QAAQ;AAAA,cACZA,WAAU;AAAA,cACVA,WAAU,WAAW;AAAA,YAAA,CACtB;AAAA,UAAA;AAGG,gBAAA;AAAA,YACJ,SAAS,CAAC,CAAC,eAAe,MAAM;AACxB,oBAAA,cAAa,mDAAiB,eAAc;AAC5C,oBAAA,SAASA,WAAU,WAAW,UAAU;AAE9C,oBAAMC,SAA6B,CAAA;AAEnC,kBAAI,YAAY;AACd,uBAAO,OAAOA,QAAO;AAAA,kBACnB,aAAa,WAAW;AAAA,kBACxB,UAAU,WAAW;AAAA,gBAAA,CACtB;AAAA,cACH;AAEA,oBAAM,YACJ,QAAQ,QAAQ,MAAM,EAAE;AAAA,gBACtB,CAAC,QAAQ,OAAO,GAAa,KAAK;AAAA,cAAA,EAClC,SAAS;AAEb,kBAAI,WAAW;AACbA,uBAAM,SAAS,WAAW,QAAQ,YAAY,SAAU,KAAK;AAAA,cAC/D;AAEO,qBAAA,QAAQ,EAAE,OAAO,CAAC,QAAQA,MAAK,IAAIA,SAAQ,CAAC,EAAA,CAAG;AAAA,YAAA,CACvD;AAAA,UAAA;AAGH,gBAAM,QAAQ,MAAM,OAAO,YAAY,EAAE;AAErC,cAAA;AACF,kBAAM,eAAe,MAAM;AAE3B,gBAAI,cAAc;AAChB,oBAAM,SAAS;AAAA,gBACb;AAAA,gBACA,YAAY,SAAU;AAAA,cAAA;AAGxBD,yBAAU,WAAW,UAAU,MAAM;AAAA,YACvC;AAAA,mBACO,GAAG;AAAA,UAAC;AAEb,gBAAM,cAAc,OAAO,SAAS,MAAM,WAAqB;AAC/D,gBAAM,WAAW,OAAO,SAAS,MAAM,QAAkB;AAErD,cAAA,CAAC,OAAO,MAAM,WAAW,KAAK,CAAC,OAAO,MAAM,QAAQ,GAAG;AACzDA,uBAAU,cAAc,EAAE,aAAa,SAAU,CAAA;AAAA,UACnD;AAAA,QAAA,CACD;AAAA,MAAA;AAGH,gBAAU,MAAM;AACd,mBAAW,QAAQ;AAAA,MAAA,CACpB;AAAA,IACH;AAAA,IACA,EAAE,WAAW,KAAK;AAAA,EAAA;AAEtB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-column-options.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column/data-table-column-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { TableColumn } from \"@maketribe/dm\";\r\n\r\nexport const dataTableColumnProps = buildProps({\r\n  column: { type: TableColumn, required: true },\r\n  row: { type: null },\r\n  index: { type: Number, required: true },\r\n} as const);\r\n\r\nexport type DataTableColumnProps = ExtractPropTypes<\r\n  typeof dataTableColumnProps\r\n>;\r\n"],"names":[],"mappings":";;AAIO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,QAAQ,EAAE,MAAM,aAAa,UAAU,KAAK;AAAA,EAC5C,KAAK,EAAE,MAAM,KAAK;AAAA,EAClB,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AACxC,CAAU;"}
+{"version":3,"file":"data-table-column-options.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column/data-table-column-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { TableColumn } from \"@maketribe/dm\";\n\nexport const dataTableColumnProps = buildProps({\n  column: { type: TableColumn, required: true },\n  row: { type: null },\n  index: { type: Number, required: true },\n} as const);\n\nexport type DataTableColumnProps = ExtractPropTypes<\n  typeof dataTableColumnProps\n>;\n"],"names":[],"mappings":";;AAIO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,QAAQ,EAAE,MAAM,aAAa,UAAU,KAAK;AAAA,EAC5C,KAAK,EAAE,MAAM,KAAK;AAAA,EAClB,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AACxC,CAAU;"}

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-column.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column/data-table-column.tsx"],"sourcesContent":["import { computed, defineComponent, inject, toRaw, unref } from \"vue\";\r\nimport { useTableColumnComponent } from \"../../../../composables\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../token\";\r\nimport { dataTableColumnProps } from \"./data-table-column-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataTableColumn\",\r\n  props: dataTableColumnProps,\r\n  setup(props) {\r\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\r\n\r\n    const dataTable = computed(() => dataTableContext?.dataTable ?? null);\r\n\r\n    const tableColumn = computed(() => props.column);\r\n\r\n    const { component, componentProps } = useTableColumnComponent(\r\n      tableColumn,\r\n      dataTable\r\n    );\r\n\r\n    return () => {\r\n      const TableColumnComponent = toRaw(unref(component));\r\n\r\n      if (!TableColumnComponent) {\r\n        return null;\r\n      }\r\n\r\n      return (\r\n        <TableColumnComponent\r\n          {...unref(componentProps)}\r\n          column={unref(tableColumn)}\r\n          index={props.index}\r\n          row={props.row}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","dataTableColumnProps","setup","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTable","computed","tableColumn","column","component","componentProps","useTableColumnComponent","TableColumnComponent","toRaw","unref","_createVNode","_mergeProps","index","row"],"mappings":";;;;;;;;;;;;AAKA,MAAeA,2DAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,YAAYC,SAAS,OAAMJ,qDAAkBG,cAAa,IAAI;AAEpE,UAAME,cAAcD,SAAS,MAAMP,MAAMS,MAAM;AAE/C,UAAM;AAAA,MAAEC;AAAAA,MAAWC;AAAAA,IAAe,IAAIC,wBACpCJ,aACAF,SACF;AAEA,WAAO,MAAM;AACX,YAAMO,uBAAuBC,MAAMC,MAAML,SAAS,CAAC;AAEnD,UAAI,CAACG,sBAAsB;AACzB,eAAO;AAAA,MACT;AAEA,aAAAG,YAAAH,sBAAAI,WAEQF,MAAMJ,cAAc,GAAC;AAAA,QAAA,UACjBI,MAAMP,WAAW;AAAA,QAAC,SACnBR,MAAMkB;AAAAA,QAAK,OACblB,MAAMmB;AAAAA,MAAG,CAAA,GAAA,IAAA;AAAA;EAItB;AACF,CAAC;"}
+{"version":3,"file":"data-table-column.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column/data-table-column.tsx"],"sourcesContent":["import { computed, defineComponent, inject, toRaw, unref } from \"vue\";\nimport { useTableColumnComponent } from \"../../../../composables\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../token\";\nimport { dataTableColumnProps } from \"./data-table-column-options\";\n\nexport default defineComponent({\n  name: \"MKDataTableColumn\",\n  props: dataTableColumnProps,\n  setup(props) {\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\n\n    const dataTable = computed(() => dataTableContext?.dataTable ?? null);\n\n    const tableColumn = computed(() => props.column);\n\n    const { component, componentProps } = useTableColumnComponent(\n      tableColumn,\n      dataTable\n    );\n\n    return () => {\n      const TableColumnComponent = toRaw(unref(component));\n\n      if (!TableColumnComponent) {\n        return null;\n      }\n\n      return (\n        <TableColumnComponent\n          {...unref(componentProps)}\n          column={unref(tableColumn)}\n          index={props.index}\n          row={props.row}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataTableColumnProps","setup","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTable","computed","tableColumn","column","component","componentProps","useTableColumnComponent","TableColumnComponent","toRaw","unref","_createVNode","_mergeProps","index","row"],"mappings":";;;;;;;;;;;;AAKA,MAAeA,2DAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,YAAYC,SAAS,OAAMJ,qDAAkBG,cAAa,IAAI;AAEpE,UAAME,cAAcD,SAAS,MAAMP,MAAMS,MAAM;AAE/C,UAAM;AAAA,MAAEC;AAAAA,MAAWC;AAAAA,IAAe,IAAIC,wBACpCJ,aACAF,SACF;AAEA,WAAO,MAAM;AACX,YAAMO,uBAAuBC,MAAMC,MAAML,SAAS,CAAC;AAEnD,UAAI,CAACG,sBAAsB;AACzB,eAAO;AAAA,MACT;AAEA,aAAAG,YAAAH,sBAAAI,WAEQF,MAAMJ,cAAc,GAAC;AAAA,QAAA,UACjBI,MAAMP,WAAW;AAAA,QAAC,SACnBR,MAAMkB;AAAAA,QAAK,OACblB,MAAMmB;AAAAA,MAAG,CAAA,GAAA,IAAA;AAAA;EAItB;AACF,CAAC;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-options.js","sources":["../../../../../src/components/data-model/data-table/data-table-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { ColumnOptions, DataTable } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const dataTableProps = buildProps({\r\n  dataTable: { type: DataTable<any>, required: true },\r\n  selection: { type: Boolean, default: false },\r\n  name: { type: String },\r\n  primaryKey: { type: String },\r\n  pageSize: { type: Number },\r\n  interfaceURL: { type: Object },\r\n  listInterfaceURL: { type: String },\r\n  deleteInterfaceURL: { type: String },\r\n  autoLoad: { type: Boolean, default: true },\r\n  columns: { type: Array<ColumnOptions>, default: () => [] },\r\n  enableQueryParams: { type: Boolean, default: false },\r\n} as const);\r\n\r\nexport type DataTableProps = ExtractPropTypes<typeof dataTableProps>;\r\n\r\nexport const dataTableEmits = {\r\n  changeDataTable: (dataTable: any) => dataTable instanceof DataTable,\r\n};\r\n\r\nexport const DataTableEmits = typeof dataTableEmits;\r\n"],"names":[],"mappings":";;AAIO,MAAM,iBAAiB,WAAW;AAAA,EACvC,WAAW,EAAE,MAAM,WAAgB,UAAU,KAAK;AAAA,EAClD,WAAW,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC3C,MAAM,EAAE,MAAM,OAAO;AAAA,EACrB,YAAY,EAAE,MAAM,OAAO;AAAA,EAC3B,UAAU,EAAE,MAAM,OAAO;AAAA,EACzB,cAAc,EAAE,MAAM,OAAO;AAAA,EAC7B,kBAAkB,EAAE,MAAM,OAAO;AAAA,EACjC,oBAAoB,EAAE,MAAM,OAAO;AAAA,EACnC,UAAU,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,EACzC,SAAS,EAAE,MAAM,OAAsB,SAAS,MAAM,CAAA,EAAG;AAAA,EACzD,mBAAmB,EAAE,MAAM,SAAS,SAAS,MAAM;AACrD,CAAU;AAIH,MAAM,iBAAiB;AAAA,EAC5B,iBAAiB,CAAC,cAAmB,qBAAqB;AAC5D;AAEO,MAAM,iBAAiB,OAAO;"}
+{"version":3,"file":"data-table-options.js","sources":["../../../../../src/components/data-model/data-table/data-table-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { ColumnOptions, DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataTableProps = buildProps({\n  dataTable: { type: DataTable<any>, required: true },\n  selection: { type: Boolean, default: false },\n  name: { type: String },\n  primaryKey: { type: String },\n  pageSize: { type: Number },\n  interfaceURL: { type: Object },\n  listInterfaceURL: { type: String },\n  deleteInterfaceURL: { type: String },\n  autoLoad: { type: Boolean, default: true },\n  columns: { type: Array<ColumnOptions>, default: () => [] },\n  enableQueryParams: { type: Boolean, default: false },\n} as const);\n\nexport type DataTableProps = ExtractPropTypes<typeof dataTableProps>;\n\nexport const dataTableEmits = {\n  changeDataTable: (dataTable: any) => dataTable instanceof DataTable,\n};\n\nexport const DataTableEmits = typeof dataTableEmits;\n"],"names":[],"mappings":";;AAIO,MAAM,iBAAiB,WAAW;AAAA,EACvC,WAAW,EAAE,MAAM,WAAgB,UAAU,KAAK;AAAA,EAClD,WAAW,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC3C,MAAM,EAAE,MAAM,OAAO;AAAA,EACrB,YAAY,EAAE,MAAM,OAAO;AAAA,EAC3B,UAAU,EAAE,MAAM,OAAO;AAAA,EACzB,cAAc,EAAE,MAAM,OAAO;AAAA,EAC7B,kBAAkB,EAAE,MAAM,OAAO;AAAA,EACjC,oBAAoB,EAAE,MAAM,OAAO;AAAA,EACnC,UAAU,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,EACzC,SAAS,EAAE,MAAM,OAAsB,SAAS,MAAM,CAAA,EAAG;AAAA,EACzD,mBAAmB,EAAE,MAAM,SAAS,SAAS,MAAM;AACrD,CAAU;AAIH,MAAM,iBAAiB;AAAA,EAC5B,iBAAiB,CAAC,cAAmB,qBAAqB;AAC5D;AAEO,MAAM,iBAAiB,OAAO;"}

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

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","sources":["../../../../../src/components/data-model/data-table/data-table.tsx"],"sourcesContent":["import { DataTable, TableColumn } from \"@maketribe/dm\";\r\nimport {\r\n  computed,\r\n  defineComponent,\r\n  provide,\r\n  reactive,\r\n  ref,\r\n  Ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport { dataTableProps } from \"./data-table-options\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"./token\";\r\nimport MKTableView from \"./views/table-view\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { useQueryParams } from \"./composables\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataTable\",\r\n  props: dataTableProps,\r\n  setup(props, { slots }) {\r\n    const router = useRouter();\r\n\r\n    let _dataTable: DataTable | null = null;\r\n\r\n    const dataTableEl: Ref<HTMLElement | null> = ref(null);\r\n\r\n    const dataTable = computed(() => {\r\n      if (props.dataTable instanceof DataTable) {\r\n        return props.dataTable;\r\n      }\r\n\r\n      if (!_dataTable) {\r\n        _dataTable = reactive(\r\n          new DataTable({\r\n            name: props.name!,\r\n            primaryKey: props.primaryKey,\r\n            pageSize: props.pageSize ?? 20,\r\n            interfaceURL: {\r\n              list: props.listInterfaceURL || \"\",\r\n              delete: props.deleteInterfaceURL || \"\",\r\n            },\r\n          })\r\n        ) as DataTable;\r\n      }\r\n\r\n      return _dataTable;\r\n    });\r\n\r\n    const loading = computed(() => unref(dataTable).loading);\r\n\r\n    watch(\r\n      computed(() => props.enableQueryParams),\r\n      (enableQueryParams) => {\r\n        if (enableQueryParams) {\r\n          unref(dataTable).enableQueryParams();\r\n        } else {\r\n          unref(dataTable).disableQueryParams();\r\n        }\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    watch(\r\n      dataTable,\r\n      async (dataTable) => {\r\n        if (props.autoLoad) {\r\n          dataTable.load();\r\n        }\r\n\r\n        let columns = unref(dataTable).getColumns();\r\n\r\n        const extractColumnConfig = props.columns.filter(\r\n          (config) =>\r\n            columns.findIndex((column) => column.name === config.name) === -1\r\n        );\r\n\r\n        const extractColumn = extractColumnConfig.map(\r\n          (config) => new TableColumn({ visible: true, ...config })\r\n        );\r\n\r\n        columns = [...extractColumn, ...columns];\r\n\r\n        let sortedColumns: TableColumn[] = [];\r\n        for (const columnConfig of props.columns) {\r\n          const column = columns.find(\r\n            (column) => column.name === columnConfig.name\r\n          )!;\r\n\r\n          sortedColumns.push(column);\r\n        }\r\n\r\n        const _columns = columns.filter(\r\n          (column) =>\r\n            sortedColumns.findIndex((item) => item.name === column.name) === -1\r\n        );\r\n\r\n        sortedColumns = [...sortedColumns, ..._columns];\r\n\r\n        dataTable.setColumns(sortedColumns);\r\n\r\n        await dataTable.init();\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    useQueryParams(dataTable);\r\n\r\n    watch(\r\n      computed(() => unref(dataTable).dataFilter),\r\n      (dataFilter) => {\r\n        unref(dataTable).afterInitdEvent.on(() => {\r\n          if (dataFilter.getColumns().length === 0) {\r\n            dataFilter.setReady();\r\n          }\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    provide(DATA_TABLE_CONTEXT_KEY, reactive({ dataTable, el: dataTableEl }));\r\n\r\n    return () => {\r\n      return (\r\n        <div\r\n          class=\"mk-data-table\"\r\n          v-loading={unref(loading)}\r\n          ref={(el: any) => {\r\n            dataTableEl.value = el;\r\n          }}\r\n        >\r\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\r\n            <MKTableView dataTable={unref(dataTable)} />\r\n          )}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","dataTableProps","setup","slots","useRouter","_dataTable","dataTableEl","ref","dataTable","computed","DataTable","reactive","primaryKey","pageSize","interfaceURL","list","listInterfaceURL","delete","deleteInterfaceURL","loading","unref","watch","enableQueryParams","disableQueryParams","immediate","autoLoad","load","columns","getColumns","extractColumnConfig","filter","config","findIndex","column","extractColumn","map","TableColumn","visible","sortedColumns","columnConfig","find","push","_columns","item","setColumns","init","useQueryParams","dataFilter","afterInitdEvent","on","length","setReady","provide","DATA_TABLE_CONTEXT_KEY","el","_withDirectives","_createVNode","value","default","MKTableView","_resolveDirective"],"mappings":";;;;;;;;AAiBA,MAAeA,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACPC,cAAW;AAE1B,QAAIC,aAA+B;AAEnC,UAAMC,cAAuCC,IAAI,IAAI;AAErD,UAAMC,YAAYC,SAAS,MAAM;AAC/B,UAAIT,MAAMQ,qBAAqBE,aAAW;AACxC,eAAOV,MAAMQ;AAAAA,MACf;AAEA,UAAI,CAACH,YAAY;AACfA,qBAAaM,SACX,IAAID,YAAU;AAAA,UACZX,MAAMC,MAAMD;AAAAA,UACZa,YAAYZ,MAAMY;AAAAA,UAClBC,UAAUb,MAAMa,YAAY;AAAA,UAC5BC,cAAc;AAAA,YACZC,MAAMf,MAAMgB,oBAAoB;AAAA,YAChCC,QAAQjB,MAAMkB,sBAAsB;AAAA,UACtC;AAAA,QACD,CAAA,CACH;AAAA,MACF;AAEA,aAAOb;AAAAA,IACT,CAAC;AAED,UAAMc,UAAUV,SAAS,MAAMW,MAAMZ,SAAS,EAAEW,OAAO;AAEvDE,UACEZ,SAAS,MAAMT,MAAMsB,iBAAiB,GACrCA,uBAAsB;AACrB,UAAIA,mBAAmB;AACrBF,cAAMZ,SAAS,EAAEc;MACnB,OAAO;AACLF,cAAMZ,SAAS,EAAEe;MACnB;AAAA,IACF,GACA;AAAA,MAAEC,WAAW;AAAA,IAAK,CACpB;AAEAH,UACEb,WACA,OAAOA,eAAc;AACnB,UAAIR,MAAMyB,UAAU;AAClBjB,QAAAA,WAAUkB,KAAI;AAAA,MAChB;AAEA,UAAIC,UAAUP,MAAMZ,UAAS,EAAEoB,WAAU;AAEzC,YAAMC,sBAAsB7B,MAAM2B,QAAQG,OACvCC,YACCJ,QAAQK,UAAWC,YAAWA,OAAOlC,SAASgC,OAAOhC,IAAI,MAAM,EACnE;AAEA,YAAMmC,gBAAgBL,oBAAoBM,IACvCJ,YAAW,IAAIK,YAAY;AAAA,QAAEC,SAAS;AAAA,QAAM,GAAGN;AAAAA,MAAQ,CAAA,CAC1D;AAEAJ,gBAAU,CAAC,GAAGO,eAAe,GAAGP,OAAO;AAEvC,UAAIW,gBAA+B,CAAA;AACnC,iBAAWC,gBAAgBvC,MAAM2B,SAAS;AACxC,cAAMM,SAASN,QAAQa,KACpBP,CAAAA,YAAWA,QAAOlC,SAASwC,aAAaxC,IAC3C;AAEAuC,sBAAcG,KAAKR,MAAM;AAAA,MAC3B;AAEA,YAAMS,WAAWf,QAAQG,OACtBG,YACCK,cAAcN,UAAWW,UAASA,KAAK5C,SAASkC,OAAOlC,IAAI,MAAM,EACrE;AAEAuC,sBAAgB,CAAC,GAAGA,eAAe,GAAGI,QAAQ;AAE9ClC,MAAAA,WAAUoC,WAAWN,aAAa;AAElC,YAAM9B,WAAUqC;IAClB,GACA;AAAA,MAAErB,WAAW;AAAA,IAAK,CACpB;AAEAsB,mBAAetC,SAAS;AAExBa,UACEZ,SAAS,MAAMW,MAAMZ,SAAS,EAAEuC,UAAU,GACzCA,gBAAe;AACd3B,YAAMZ,SAAS,EAAEwC,gBAAgBC,GAAG,MAAM;AACxC,YAAIF,WAAWnB,aAAasB,WAAW,GAAG;AACxCH,qBAAWI,SAAQ;AAAA,QACrB;AAAA,MACF,CAAC;AAAA,IACH,GACA;AAAA,MAAE3B,WAAW;AAAA,IAAK,CACpB;AAEA4B,YAAQC,wBAAwB1C,SAAS;AAAA,MAAEH;AAAAA,MAAW8C,IAAIhD;AAAAA,IAAa,CAAA,CAAC;AAExE,WAAO,MAAM;;AACX,aAAAiD,eAAAC,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,OAIUF,QAAY;AAChBhD,sBAAYmD,QAAQH;AAAAA,QACtB;AAAA,SAECnD,GAAAA,WAAMuD,YAANvD,+BAAgB;AAAA,QAAEK,WAAWY,MAAMZ,SAAS;AAAA,MAAE,OAAEgD,YAAAG,aAAA;AAAA,QAAA,aACvBvC,MAAMZ,SAAS;AAAA,MAAC,GAAA,IAAA,CACzC,MAAAoD,iBAAA,SAAA,GAPUxC,MAAMD,OAAO,CAAC,CAAA,CAAA;AAAA;EAWjC;AACF,CAAC;"}
+{"version":3,"file":"data-table.js","sources":["../../../../../src/components/data-model/data-table/data-table.tsx"],"sourcesContent":["import { DataTable, TableColumn } from \"@maketribe/dm\";\nimport {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  ref,\n  Ref,\n  unref,\n  watch,\n} from \"vue\";\nimport { dataTableProps } from \"./data-table-options\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"./token\";\nimport MKTableView from \"./views/table-view\";\nimport { useRouter } from \"vue-router\";\nimport { useQueryParams } from \"./composables\";\n\nexport default defineComponent({\n  name: \"MKDataTable\",\n  props: dataTableProps,\n  setup(props, { slots }) {\n    const router = useRouter();\n\n    let _dataTable: DataTable | null = null;\n\n    const dataTableEl: Ref<HTMLElement | null> = ref(null);\n\n    const dataTable = computed(() => {\n      if (props.dataTable instanceof DataTable) {\n        return props.dataTable;\n      }\n\n      if (!_dataTable) {\n        _dataTable = reactive(\n          new DataTable({\n            name: props.name!,\n            primaryKey: props.primaryKey,\n            pageSize: props.pageSize ?? 20,\n            interfaceURL: {\n              list: props.listInterfaceURL || \"\",\n              delete: props.deleteInterfaceURL || \"\",\n            },\n          })\n        ) as DataTable;\n      }\n\n      return _dataTable;\n    });\n\n    const loading = computed(() => unref(dataTable).loading);\n\n    watch(\n      computed(() => props.enableQueryParams),\n      (enableQueryParams) => {\n        if (enableQueryParams) {\n          unref(dataTable).enableQueryParams();\n        } else {\n          unref(dataTable).disableQueryParams();\n        }\n      },\n      { immediate: true }\n    );\n\n    watch(\n      dataTable,\n      async (dataTable) => {\n        if (props.autoLoad) {\n          dataTable.load();\n        }\n\n        let columns = unref(dataTable).getColumns();\n\n        const extractColumnConfig = props.columns.filter(\n          (config) =>\n            columns.findIndex((column) => column.name === config.name) === -1\n        );\n\n        const extractColumn = extractColumnConfig.map(\n          (config) => new TableColumn({ visible: true, ...config })\n        );\n\n        columns = [...extractColumn, ...columns];\n\n        let sortedColumns: TableColumn[] = [];\n        for (const columnConfig of props.columns) {\n          const column = columns.find(\n            (column) => column.name === columnConfig.name\n          )!;\n\n          sortedColumns.push(column);\n        }\n\n        const _columns = columns.filter(\n          (column) =>\n            sortedColumns.findIndex((item) => item.name === column.name) === -1\n        );\n\n        sortedColumns = [...sortedColumns, ..._columns];\n\n        dataTable.setColumns(sortedColumns);\n\n        await dataTable.init();\n      },\n      { immediate: true }\n    );\n\n    useQueryParams(dataTable);\n\n    watch(\n      computed(() => unref(dataTable).dataFilter),\n      (dataFilter) => {\n        unref(dataTable).afterInitdEvent.on(() => {\n          if (dataFilter.getColumns().length === 0) {\n            dataFilter.setReady();\n          }\n        });\n      },\n      { immediate: true }\n    );\n\n    provide(DATA_TABLE_CONTEXT_KEY, reactive({ dataTable, el: dataTableEl }));\n\n    return () => {\n      return (\n        <div\n          class=\"mk-data-table\"\n          v-loading={unref(loading)}\n          ref={(el: any) => {\n            dataTableEl.value = el;\n          }}\n        >\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTableView dataTable={unref(dataTable)} />\n          )}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataTableProps","setup","slots","useRouter","_dataTable","dataTableEl","ref","dataTable","computed","DataTable","reactive","primaryKey","pageSize","interfaceURL","list","listInterfaceURL","delete","deleteInterfaceURL","loading","unref","watch","enableQueryParams","disableQueryParams","immediate","autoLoad","load","columns","getColumns","extractColumnConfig","filter","config","findIndex","column","extractColumn","map","TableColumn","visible","sortedColumns","columnConfig","find","push","_columns","item","setColumns","init","useQueryParams","dataFilter","afterInitdEvent","on","length","setReady","provide","DATA_TABLE_CONTEXT_KEY","el","_withDirectives","_createVNode","value","default","MKTableView","_resolveDirective"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-table/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\n\r\nexport interface DataTableContext {\r\n  dataTable: DataTable;\r\n  el: HTMLElement | null\r\n}\r\n\r\nexport const DATA_TABLE_CONTEXT_KEY: InjectionKey<DataTableContext> = Symbol(\r\n  \"dataTableContextKey\"\r\n);\r\n"],"names":[],"mappings":"AAQO,MAAM,yBAAyD;AAAA,EACpE;AACF;"}
+{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-table/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport interface DataTableContext {\n  dataTable: DataTable;\n  el: HTMLElement | null\n}\n\nexport const DATA_TABLE_CONTEXT_KEY: InjectionKey<DataTableContext> = Symbol(\n  \"dataTableContextKey\"\n);\n"],"names":[],"mappings":"AAQO,MAAM,yBAAyD;AAAA,EACpE;AACF;"}

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  rowKey: {\r\n    type: String,\r\n  },\r\n  defaultExpandAll: {\r\n    type: Boolean,\r\n    default: false,\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;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,kBAAkB;AAAA,IAChB,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.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(\r\n      () => props.dataTable ?? dataTableContext!.dataTable\r\n    );\r\n\r\n    const rowKey = computed(() => props.rowKey || unref(dataTable).primaryKey);\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(rowKey)}\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          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\r\n          onSelection-change={handleSelectionChange}\r\n          defaultExpandAll={props.defaultExpandAll}\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","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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"}
+{"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.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  defaultExpandAll: {\r\n    type: Boolean,\r\n    default: false,\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;AAAA,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA,EACX;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.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, onMounted, 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    (window as any).dataTree = dataTree;\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          rowKey=\"primaryValue\"\r\n          tree-props={unref(treeProps)}\r\n          load={handleLoad}\r\n          lazy={unref(lazy)}\r\n          v-slots={slots}\r\n          default-expand-all={props.defaultExpandAll}\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","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;"}
+{"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.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 dataTableContext = inject(DATA_TABLE_CONTEXT_KEY)!;\r\n\r\n    const dataTable = computed(() => dataTableContext.dataTable)\r\n\r\n    const tableHeader = computed(() => unref(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","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;"}
+{"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.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.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, DataTreeNode } 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  currentNodeKey: { type: String, default: \"\" },\r\n  draggable: { type: Boolean, default: false },\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\r\nexport const treeEmits = {\r\n  nodeClick: (node: DataTreeNode<any>) => true,\r\n};\r\n\r\nexport type TreeEmits = typeof treeEmits;\r\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;"}
+{"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.map

@@ -1 +1 @@
-{"version":3,"file":"tree.js","sources":["../../../../../../../src/components/data-model/data-table/views/tree/tree.tsx"],"sourcesContent":["import {\r\n  Fragment,\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  nextTick,\r\n  onMounted,\r\n  ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport { ElButton, ElTree } from \"element-plus\";\r\nimport type { NodeDropType } from \"element-plus/es/components/tree/src/tree.type\";\r\nimport type { DragEvents } from \"element-plus/es/components/tree/src/model/useDragNode\";\r\nimport type Node from \"element-plus/es/components/tree/src/model/node\";\r\nimport { DataTree, DataTreeNode } from \"@maketribe/dm\";\r\nimport { treeEmits, 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  emits: treeEmits,\r\n  setup(props, { emit }) {\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 currentNodeKey = computed(\r\n      () => (props.currentNodeKey || unref(dataTree).getSelection()[0]) ?? \"\"\r\n    );\r\n\r\n    onMounted(() => {\r\n      watch(\r\n        currentNodeKey,\r\n        (currentNodeKey) => {\r\n          unref(treeRef)?.setCurrentKey(currentNodeKey || null);\r\n        },\r\n        { immediate: true }\r\n      );\r\n    });\r\n\r\n    unref(dataTree).afterLoadEvent.on(async () => {\r\n      await nextTick();\r\n\r\n      unref(treeRef)?.setCurrentKey(unref(currentNodeKey) || null);\r\n    });\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    // 没作用\r\n    // watch(()=>props.currentNodeKey,()=>{\r\n    //   treeRef.value?.getCurrentKey(props.currentNodeKey)\r\n    //   console.log(\"props.currentNodeKey\",props.currentNodeKey)\r\n    // },{ immediate:true })\r\n\r\n    const handleNodeDrop = (\r\n      draggingNode: Node,\r\n      dropNode: Node,\r\n      dropType: NodeDropType,\r\n      event: DragEvents\r\n    ) => {\r\n      // console.log(draggingNode, dropNode);\r\n      unref(dataTree).handleNodeDrop(\r\n        draggingNode.data! as any,\r\n        dropNode.data! as any,\r\n        dropType\r\n      );\r\n    };\r\n\r\n    const handleNodeClick = (node: DataTreeNode<any>) => {\r\n      emit(\"nodeClick\", node);\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      handleNodeDrop,\r\n      handleNodeClick,\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      handleNodeDrop,\r\n      handleNodeClick,\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        expand-on-click-node={false}\r\n        load={handleLoad}\r\n        onCurrent-change={handleCurrentChange}\r\n        onNode-drop={handleNodeDrop}\r\n        draggable={this.$props.draggable}\r\n        onNode-click={handleNodeClick}\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","emits","treeEmits","setup","emit","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTree","computed","dataTable","treeRef","ref","rootNodes","unref","currentNodeKey","getSelection","onMounted","watch","setCurrentKey","immediate","afterLoadEvent","on","nextTick","handleAdd","dataTreeNode","addRecord","pid","data","id","handleEdit","editRecord","handleDelete","deleteRecord","handleLoad","node","resolve","level","lazy","children","load","filter","value","handleCurrentChange","_dataTree","allowSelectContainer","isLeaf","current","setSelection","primaryKey","handleNodeDrop","draggingNode","dropNode","dropType","event","handleNodeClick","innerDataTree","render","defaultExpandAll","filterNodeMethod","$slots","_createVNode","ElTree","$props","draggable","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 {\n  Fragment,\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  ref,\n  unref,\n  watch,\n} 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 currentNodeKey = computed(\n      () => (props.currentNodeKey || unref(dataTree).getSelection()[0]) ?? \"\"\n    );\n\n    onMounted(() => {\n      watch(\n        currentNodeKey,\n        (currentNodeKey) => {\n          unref(treeRef)?.setCurrentKey(currentNodeKey || null);\n        },\n        { immediate: true }\n      );\n    });\n\n    unref(dataTree).afterLoadEvent.on(async () => {\n      await nextTick();\n\n      unref(treeRef)?.setCurrentKey(unref(currentNodeKey) || null);\n    });\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    // 没作用\n    // watch(()=>props.currentNodeKey,()=>{\n    //   treeRef.value?.getCurrentKey(props.currentNodeKey)\n    //   console.log(\"props.currentNodeKey\",props.currentNodeKey)\n    // },{ immediate:true })\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    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        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","currentNodeKey","getSelection","onMounted","watch","setCurrentKey","immediate","afterLoadEvent","on","nextTick","handleAdd","dataTreeNode","addRecord","pid","data","id","handleEdit","editRecord","handleDelete","deleteRecord","handleLoad","node","resolve","level","lazy","children","load","filter","value","handleCurrentChange","_dataTree","allowSelectContainer","isLeaf","current","setSelection","primaryKey","handleNodeDrop","draggingNode","dropNode","dropType","event","handleNodeClick","innerDataTree","render","defaultExpandAll","filterNodeMethod","$slots","_createVNode","ElTree","$props","draggable","default","scope","label","main","tools","_Fragment","ElButton","onClick","_createTextVNode","e","stopPropagation"],"mappings":";;;;AAmBA,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,iBAAiBN,SACrB,OAAOV,MAAMgB,kBAAkBD,MAAMN,QAAQ,EAAEQ,aAAc,EAAC,CAAC,MAAM,EACvE;AAEAC,cAAU,MAAM;AACdC,YACEH,gBACCA,CAAAA,oBAAmB;;AAClBD,oBAAMH,OAAO,MAAbG,mBAAgBK,cAAcJ,mBAAkB;AAAA,MAClD,GACA;AAAA,QAAEK,WAAW;AAAA,MAAK,CACpB;AAAA,IACF,CAAC;AAEDN,UAAMN,QAAQ,EAAEa,eAAeC,GAAG,YAAY;;AAC5C,YAAMC,SAAQ;AAEdT,kBAAMH,OAAO,MAAbG,mBAAgBK,cAAcL,MAAMC,cAAc,KAAK;AAAA,IACzD,CAAC;AAED,UAAMS,YAAaC,kBAAgC;AACjDX,YAAMN,QAAQ,EAAEkB,UACdD,eAAe;AAAA,QAAEE,KAAKF,aAAaG,KAAKC;AAAAA,MAAI,IAAG,CACjD,CAAA;AAAA;AAGF,UAAMC,aAAcL,kBAA+B;AACjDX,YAAMN,QAAQ,EAAEuB,WAAWN,aAAaG,IAAI;AAAA;AAG9C,UAAMI,eAAe,OAAOP,iBAA+B;AACzDX,YAAMN,QAAQ,EAAEyB,aAAaR,aAAaG,IAAI;AAAA;AAGhD,UAAMM,aAAa,OAAOC,MAAYC,YAAsB;AAC1D,UAAID,KAAKE,UAAU,GAAG;AACpB;AAAA,MACF;AAEA,UAAI,CAACvB,MAAMN,QAAQ,EAAE8B,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;;AAC7B5B,kBAAMH,OAAO,MAAbG,mBAAgB2B,OAAOC;AAAAA;AAGzB,UAAMC,sBAAsBA,CAC1BlB,cACAU,SACG;;AACH,UAAI,CAACV,cAAc;AACjB;AAAA,MACF;AAEA,YAAMmB,YAAY9B,MAAMN,QAAQ;AAEhC,UAAI,CAACT,MAAM8C,wBAAwB,CAACpB,aAAaqB,QAAQ;AACvD,cAAMC,UAAUH,UAAU5B,aAAc,EAAC,CAAC,KAAK;AAE/CF,oBAAMH,OAAO,MAAbG,mBAAgBK,cAAc4B;AAE9B;AAAA,MACF;AAEAH,gBAAUI,aAAa,CAACvB,aAAaG,KAAKgB,UAAUK,UAAU,CAAC,CAAC;AAAA;AASlE,UAAMC,iBAAiBA,CACrBC,cACAC,UACAC,UACAC,UACG;AAEHxC,YAAMN,QAAQ,EAAE0C,eACdC,aAAavB,MACbwB,SAASxB,MACTyB,QACF;AAAA;AAGF,UAAME,kBAAmBpB,UAA4B;AACnD/B,WAAK,aAAa+B,IAAI;AAAA;AAGxB,WAAO;AAAA,MACLxB;AAAAA,MACA6C,eAAehD;AAAAA,MACfK;AAAAA,MACAW;AAAAA,MACAM;AAAAA,MACAE;AAAAA,MACAE;AAAAA,MACAO;AAAAA,MACAE;AAAAA,MACAO;AAAAA,MACAK;AAAAA;EAEH;AAAA,EACDE,SAAS;AACP,UAAM;AAAA,MACJC;AAAAA,MACAC;AAAAA,MACAH;AAAAA,MACA3C;AAAAA,MACAW;AAAAA,MACAM;AAAAA,MACAE;AAAAA,MACAE;AAAAA,MACAS;AAAAA,MACAO;AAAAA,MACAK;AAAAA,MACAK;AAAAA,IACD,IAAG;AAEJ,WAAAC,YAAAC,QAAA;AAAA,MAAA,SAEW;AAAA,QAAEvB,UAAU;AAAA,QAAYO,QAAQ;AAAA,MAAU;AAAA,MAAA,oBAC/BY;AAAAA,MAAgB,OAAA;AAAA,MAAA,SAAA;AAAA,MAAA,qBAAA;AAAA,MAAA,QAI5B7C;AAAAA,MAAS,QAAA;AAAA,MAAA,oBAEG8C;AAAAA,MAAgB,WAAA;AAAA,MAAA,wBAEZ;AAAA,MAAK,QACrBzB;AAAAA,MAAU,oBACES;AAAAA,MAAmB,eACxBO;AAAAA,MAAc,aAChB,KAAKa,OAAOC;AAAAA,MAAS,gBAClBT;AAAAA,OACL;AAAA,MACPU,SAAUC,WAAe;;AACvB,YAAI3B,YAAWqB,YAAOK,YAAPL,gCAAiBM;AAEhC,YAAI3B,UAAU;AACZ,iBAAOA;AAAAA,QACT;AAEA,cAAM;AAAA,UAAEX;AAAAA,QAAM,IAAGsC;AAEjB,cAAMC,QAAQvC,KAAKA,KAAK4B,cAAczD,MAAMoE,KAAK;AAEjD,cAAMC,SAAOR,YAAO,iBAAPA,gCAAsBM,WAAUC;AAE7C,cAAME,UAAQT,YAAO,kBAAPA,gCAAuBM,WAAML,YAAAS,UAEtCV,MAAAA,EAAAA,YAAO,yBAAPA,gCAA8BM,QAAML,YAAAU,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACEC,MAAMhD,UAAUI,IAAI;AAAA,QAAC,GAAA;AAAA,UAAAqC,SAAAA,MAAA,CAAAQ,gBAAA,IAAA,CAAA;AAAA,SAAAZ,GAAAA,YAAAU,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAGrBC,MAAM1C,WAAWF,IAAI;AAAA,QAAC,GAAA;AAAA,UAAAqC,SAAAA,MAAA,CAAAQ,gBAAA,IAAA,CAAA;AAAA,SAAAZ,GAAAA,YAAAU,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAGvBC,MAAMxC,aAAaJ,IAAI;AAAA,QAAC,GAAA;AAAA,UAAAqC,SAAAA,MAAA,CAAAQ,gBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,IAG7Db,YAAO,yBAAPA,gCAA8BM,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;"}