@maketribe/ms-app 4.0.0-alpha.1 → 4.0.0-alpha.3

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

@@ -1,174 +0,0 @@
-"use strict";
-const vue = require("vue");
-const elementPlus = require("element-plus");
-const elIcons = require("@element-plus/icons-vue");
-const lodashEs = require("lodash-es");
-const dm = require("@maketribe/dm");
-const token = require("../../../token.js");
-const index = require("../../../../../basic/svg-icon/index.js");
-require("../../../../../basic/button/button-options.js");
-require("../../../../../basic/config-provider/index.js");
-require("../../../../../basic/data-table-select/index.js");
-require("../../../../../basic/data-select/index.js");
-require("../../../../../basic/pagination/index.js");
-require("../../../../../basic/system-provider/index.js");
-require("../../../../../basic/code-editor/index.js");
-require("../../../../../basic/json-editor/index.js");
-require("../../../../../basic/page-container/index.js");
-require("../../../../../basic/date-picker/index.js");
-require("../../../../../basic/icon-select/index.js");
-require("../../../../../basic/upload-file/upload-file.js");
-require("@maketribe/request");
-require("@maketribe/utils");
-require("../../../../../basic/upload-file/context/web-file-upload-context.js");
-require("../../../../../basic/upload-file/context/web-file-upload-context-options.js");
-require("../../../../../basic/upload-file/ui/upload-image/index.js");
-require("../../../../../basic/upload-file/ui/upload-file/index.js");
-require("../../../../../basic/upload-file/ui/upload-video/index.js");
-require("../../../../../basic/upload-file/upload-file-options.js");
-require("../../../../../basic/doc-editor/index.js");
-require("../../../../../basic/copy-container/index.js");
-require("../../../../../basic/image-cropper/index.js");
-require("../../../../../basic/visual-page-editor/index.js");
-require("../../../../../basic/lexical-editor/assets/iconfont.js");
-require("@lexical/overflow");
-require("@lexical/text");
-require("@lexical/utils");
-require("lexical");
-require("@lexical/selection");
-require("@lexical/link");
-require("@lexical/rich-text");
-require("../../../../../basic/lexical-editor/utils/html.js");
-require("../../../../../basic/lexical-editor/utils/image.js");
-require("../../../../../basic/lexical-editor/composables/useElementBlockSelection.js");
-require("@lexical/history");
-;/* empty css                                                                   */
-require("../../../../../basic/lexical-editor/nodes/ModuleDecoratorNode.js");
-require("../../../../../basic/lexical-editor/nodes/ImageNode.js");
-require("../../../../../basic/lexical-editor/nodes/ImageTextWarpNode.js");
-require("../../../../../basic/lexical-editor/nodes/Template.js");
-;/* empty css                                                                            */
-;/* empty css                                                              */
-;/* empty css                                                              */
-require("../../../../../basic/lexical-editor/plugins/RichTextEditorPlugin.js");
-require("../../../../../basic/lexical-editor/plugins/HashtagPlugin.js");
-require("../../../../../basic/lexical-editor/plugins/ListPlugin.js");
-require("../../../../../basic/lexical-editor/plugins/CheckListPlugin.js");
-require("../../../../../basic/lexical-editor/plugins/TablePlugin.js");
-;/* empty css                                                        */
-require("@lexical/dragon");
-require("@lexical/plain-text");
-require("../../../../../basic/lexical-editor/stage/DecoratedTeleports.js");
-;/* empty css                                                    */
-const index$1 = require("../../../../data-filter-drawer/index.js");
-const index$2 = require("../../../../data-filter-form/index.js");
-const TableFilter = /* @__PURE__ */ vue.defineComponent({
-  name: "MKTableFilter",
-  setup() {
-    const search = vue.ref("");
-    const isShowDrawer = vue.ref(false);
-    const dataTableContext = vue.inject(token.DATA_TABLE_CONTEXT_KEY);
-    const dataTable = vue.computed(() => dataTableContext.dataTable);
-    const dataTableInitd = vue.computed(() => {
-      var _a;
-      return ((_a = vue.unref(dataTable)) == null ? void 0 : _a.initd) ?? false;
-    });
-    const searchFilterColumns = vue.computed(() => vue.unref(dataTable).dataFilter.getColumns().filter((column) => column.search));
-    const searchPlaceholder = vue.computed(() => `通过${vue.unref(searchFilterColumns).map((column) => column.label).join("、")}搜索`);
-    vue.watch(dataTable, (dataTable2, _, onCleanup) => {
-      onCleanup(() => {
-        const dataFilter = dataTable2.dataFilter;
-        if (dm.isWhereFilter(dataFilter)) {
-          dataFilter.getSearchGroup().clear();
-        }
-      });
-    }, {
-      immediate: true
-    });
-    const handleSearch = () => {
-      debounceSearch.cancel();
-      const dataFilter = vue.unref(dataTable).dataFilter;
-      if (dm.isWhereFilter(dataFilter)) {
-        const searchGroup = dataFilter.getSearchGroup();
-        searchGroup.clear();
-        const searchValue = vue.unref(search);
-        for (const searchFilterColumn of vue.unref(searchFilterColumns)) {
-          searchGroup.addOrCondition(searchFilterColumn.name, "like", `%${searchValue}%`);
-        }
-      }
-      vue.unref(dataTable).load();
-    };
-    const debounceSearch = lodashEs.debounce(handleSearch, 1e3);
-    const handleSearchKeydown = (event) => {
-      if (event.key === "Enter") {
-        handleSearch();
-      }
-    };
-    const handleSearchFocus = (event) => {
-      const target = event.target;
-      target.addEventListener("input", debounceSearch);
-    };
-    const handleSearchBlur = (event) => {
-      const target = event.target;
-      target.removeEventListener("input", debounceSearch);
-    };
-    const handleShowDrawer = () => {
-      isShowDrawer.value = true;
-    };
-    return () => {
-      if (!vue.unref(dataTableInitd)) {
-        return null;
-      }
-      const _dataTable = vue.unref(dataTable);
-      if (_dataTable.dataFilter.getColumns().length === 0) {
-        return null;
-      }
-      let searchInputVNode = null;
-      if (vue.unref(searchFilterColumns).length) {
-        searchInputVNode = vue.createVNode(elementPlus.ElTooltip, {
-          "content": vue.unref(searchPlaceholder),
-          "effect": "dark",
-          "placement": "top"
-        }, {
-          default: () => [vue.createVNode(elementPlus.ElInput, {
-            "prefixIcon": elIcons.Search,
-            "class": "mk-table-filter__search",
-            "modelValue": vue.unref(search),
-            "onUpdate:modelValue": (v) => search.value = v,
-            "onKeydown": handleSearchKeydown,
-            "placeholder": vue.unref(searchPlaceholder),
-            "onFocus": handleSearchFocus,
-            "onBlur": handleSearchBlur,
-            "onClear": handleSearch,
-            "clearable": true
-          }, null)]
-        });
-      }
-      return vue.createVNode("div", {
-        "class": "mk-table-filter"
-      }, [searchInputVNode, vue.createVNode(elementPlus.ElTooltip, {
-        "content": "筛选",
-        "effect": "dark",
-        "placement": "top"
-      }, {
-        default: () => [vue.createVNode(elementPlus.ElButton, {
-          "onClick": handleShowDrawer
-        }, {
-          default: () => [vue.createVNode(index.MKSvgIcon, {
-            "name": "iconoir:filter"
-          }, null)]
-        })]
-      }), vue.createVNode(index$1.MKDataFilterDrawer, {
-        "visible": vue.unref(isShowDrawer),
-        "onUpdate:visible": (v) => isShowDrawer.value = v,
-        "dataTable": _dataTable
-      }, null), vue.createVNode("div", {
-        "class": "mk-table-filter__hidden"
-      }, [vue.createVNode(index$2.MKDataFilterForm, {
-        "dataTable": _dataTable
-      }, null)])]);
-    };
-  }
-});
-module.exports = TableFilter;
-//# sourceMappingURL=table-filter.js.map

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

@@ -1 +0,0 @@
-{"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 name=\"iconoir: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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"}

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lodashEs = require("lodash-es");
-const vue = require("vue");
-const dm = require("@maketribe/dm");
-const utils = require("@maketribe/utils");
-const columnProps = utils.buildProps({
-  row: { type: Object, required: true },
-  column: { type: dm.TableColumn, required: true },
-  index: { type: Number, required: true }
-});
-const useColumn = (props) => {
-  const value = vue.computed(() => lodashEs.get(props.row, props.column.name));
-  return { value };
-};
-exports.columnProps = columnProps;
-exports.useColumn = useColumn;
-//# sourceMappingURL=use-column.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-column.js","sources":["../../../../../../src/components/data-model/data-table/composables/use-column.ts"],"sourcesContent":["import { get } from \"lodash-es\";\r\nimport { ExtractPropTypes, computed } from \"vue\";\r\nimport { TableColumn } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport type ColumnEventData = { row: any; column: TableColumn; index: number };\r\n\r\nexport const columnProps = buildProps({\r\n  row: { type: Object, required: true },\r\n  column: { type: TableColumn, required: true },\r\n  index: { type: Number, required: true },\r\n} as const);\r\n\r\nexport type ColumnProps = ExtractPropTypes<typeof columnProps>;\r\n\r\nexport const useColumn = (props: {\r\n  row: Record<string, any>;\r\n  column: TableColumn;\r\n}) => {\r\n  const value = computed(() => get(props.row, props.column.name));\r\n\r\n  return { value };\r\n};\r\n"],"names":["buildProps","TableColumn","computed","get"],"mappings":";;;;;;AAOO,MAAM,cAAcA,MAAAA,WAAW;AAAA,EACpC,KAAK,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,EACpC,QAAQ,EAAE,MAAMC,gBAAa,UAAU,KAAK;AAAA,EAC5C,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AACxC,CAAU;AAIG,MAAA,YAAY,CAAC,UAGpB;AACE,QAAA,QAAQC,aAAS,MAAMC,aAAI,MAAM,KAAK,MAAM,OAAO,IAAI,CAAC;AAE9D,SAAO,EAAE,MAAM;AACjB;;;"}

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

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@maketribe/utils");
-const vue = require("vue");
-const vueRouter = require("vue-router");
-require("@maketribe/dm");
-require("element-plus");
-require("../../../../core/DataModelDefines.js");
-const MSAppClient = require("../../../../core/MSAppClient.js");
-require("@maketribe/request");
-const lodashEs = require("lodash-es");
-const useQueryParams = (dataTable) => {
-  const router = vueRouter.useRouter();
-  vue.watch(
-    dataTable,
-    (dataTable2, _, onCleanup) => {
-      const disposable = new utils.Disposable();
-      disposable.register(
-        dataTable2.afterInitdEvent.on(() => {
-          if (!dataTable2.isEnableQueryParams) {
-            return;
-          }
-          const event = disposable.register(
-            utils.Event.combine([
-              dataTable2.paginationChangeEvent,
-              dataTable2.dataFilter.beforeSearchEvent
-            ])
-          );
-          event.on(
-            lodashEs.debounce(([paginationEvent]) => {
-              const pagination = (paginationEvent == null ? void 0 : paginationEvent.pagination) ?? null;
-              const params = dataTable2.dataFilter.getParams();
-              const query2 = {};
-              if (pagination) {
-                Object.assign(query2, {
-                  currentPage: pagination.currentPage,
-                  pageSize: pagination.pageSize
-                });
-              }
-              const hasParams = Reflect.ownKeys(params).filter(
-                (key) => params[key] != null
-              ).length > 0;
-              if (hasParams) {
-                query2.params = utils.aesEncrypt(params, MSAppClient.MSAppClient.instance.appID);
-              }
-              router.replace({ query: !lodashEs.isEmpty(query2) ? query2 : {} });
-            })
-          );
-          const query = vue.unref(router.currentRoute).query;
-          try {
-            const paramsString = query.params;
-            if (paramsString) {
-              const params = utils.aesDecrypt(
-                paramsString,
-                MSAppClient.MSAppClient.instance.appID
-              );
-              dataTable2.dataFilter.setParams(params);
-            }
-          } catch (e) {
-          }
-          const currentPage = Number.parseInt(query.currentPage);
-          const pageSize = Number.parseInt(query.pageSize);
-          if (!Number.isNaN(currentPage) && !Number.isNaN(pageSize)) {
-            dataTable2.setPagination({ currentPage, pageSize });
-          }
-        })
-      );
-      onCleanup(() => {
-        disposable.dispose();
-      });
-    },
-    { immediate: true }
-  );
-};
-exports.useQueryParams = useQueryParams;
-//# sourceMappingURL=use-query-params.js.map

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

@@ -1 +0,0 @@
-{"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":["useRouter","watch","dataTable","Disposable","Event","debounce","query","aesEncrypt","MSAppClient","isEmpty","unref","aesDecrypt"],"mappings":";;;;;;;;;;;AAOa,MAAA,iBAAiB,CAAC,cAA8B;AAC3D,QAAM,SAASA,UAAAA;AAEfC,MAAA;AAAA,IACE;AAAA,IACA,CAACC,YAAW,GAAG,cAAc;AACrB,YAAA,aAAa,IAAIC,MAAAA;AAEZ,iBAAA;AAAA,QACTD,WAAU,gBAAgB,GAAG,MAAM;AAC7B,cAAA,CAACA,WAAU,qBAAqB;AAClC;AAAA,UACF;AAEA,gBAAM,QAAQ,WAAW;AAAA,YACvBE,MAAAA,MAAM,QAAQ;AAAA,cACZF,WAAU;AAAA,cACVA,WAAU,WAAW;AAAA,YAAA,CACtB;AAAA,UAAA;AAGG,gBAAA;AAAA,YACJG,kBAAS,CAAC,CAAC,eAAe,MAAM;AACxB,oBAAA,cAAa,mDAAiB,eAAc;AAC5C,oBAAA,SAASH,WAAU,WAAW,UAAU;AAE9C,oBAAMI,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,SAASC,iBAAW,QAAQC,YAAAA,YAAY,SAAU,KAAK;AAAA,cAC/D;AAEO,qBAAA,QAAQ,EAAE,OAAO,CAACC,SAAAA,QAAQH,MAAK,IAAIA,SAAQ,CAAC,EAAA,CAAG;AAAA,YAAA,CACvD;AAAA,UAAA;AAGH,gBAAM,QAAQI,IAAA,MAAM,OAAO,YAAY,EAAE;AAErC,cAAA;AACF,kBAAM,eAAe,MAAM;AAE3B,gBAAI,cAAc;AAChB,oBAAM,SAASC,MAAA;AAAA,gBACb;AAAA,gBACAH,wBAAY,SAAU;AAAA,cAAA;AAGxBN,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/cjs/components/data-model/data-table/data-table-column/data-table-column-options.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@maketribe/utils");
-const dm = require("@maketribe/dm");
-const dataTableColumnProps = utils.buildProps({
-  column: { type: dm.TableColumn, required: true },
-  row: { type: null },
-  index: { type: Number, required: true }
-});
-exports.dataTableColumnProps = dataTableColumnProps;
-//# sourceMappingURL=data-table-column-options.js.map

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

@@ -1 +0,0 @@
-{"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":["buildProps","TableColumn"],"mappings":";;;;AAIO,MAAM,uBAAuBA,MAAAA,WAAW;AAAA,EAC7C,QAAQ,EAAE,MAAMC,gBAAa,UAAU,KAAK;AAAA,EAC5C,KAAK,EAAE,MAAM,KAAK;AAAA,EAClB,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AACxC,CAAU;;"}

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

@@ -1,41 +0,0 @@
-"use strict";
-const vue = require("vue");
-require("@maketribe/dm");
-const useColumnComponent = require("../../../../composables/use-column-component.js");
-require("../../../basic/config-provider/index.js");
-require("vue-router");
-require("@maketribe/request");
-require("@maketribe/locale");
-require("@maketribe/utils");
-require("../../../../store/modules/settings.js");
-require("../../../../store/modules/menu.js");
-require("../../../../core/DataModelDefines.js");
-require("element-plus");
-const token = require("../token.js");
-const dataTableColumnOptions = require("./data-table-column-options.js");
-const DataTableColumnComponent = /* @__PURE__ */ vue.defineComponent({
-  name: "MKDataTableColumn",
-  props: dataTableColumnOptions.dataTableColumnProps,
-  setup(props) {
-    const dataTableContext = vue.inject(token.DATA_TABLE_CONTEXT_KEY);
-    const dataTable = vue.computed(() => (dataTableContext == null ? void 0 : dataTableContext.dataTable) ?? null);
-    const tableColumn = vue.computed(() => props.column);
-    const {
-      component,
-      componentProps
-    } = useColumnComponent.useTableColumnComponent(tableColumn, dataTable);
-    return () => {
-      const TableColumnComponent = vue.toRaw(vue.unref(component));
-      if (!TableColumnComponent) {
-        return null;
-      }
-      return vue.createVNode(TableColumnComponent, vue.mergeProps(vue.unref(componentProps), {
-        "column": vue.unref(tableColumn),
-        "index": props.index,
-        "row": props.row
-      }), null);
-    };
-  }
-});
-module.exports = DataTableColumnComponent;
-//# sourceMappingURL=data-table-column.js.map

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

@@ -1 +0,0 @@
-{"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,+DAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,uBAAoB;AAAA,EAC3BC,MAAMF,OAAO;AACX,UAAMG,mBAAmBC,WAAOC,MAAAA,sBAAsB;AAEtD,UAAMC,YAAYC,IAAAA,SAAS,OAAMJ,qDAAkBG,cAAa,IAAI;AAEpE,UAAME,cAAcD,IAAQ,SAAC,MAAMP,MAAMS,MAAM;AAE/C,UAAM;AAAA,MAAEC;AAAAA,MAAWC;AAAAA,IAAe,IAAIC,mBAAuB,wBAC3DJ,aACAF,SACF;AAEA,WAAO,MAAM;AACX,YAAMO,uBAAuBC,IAAK,MAACC,UAAML,SAAS,CAAC;AAEnD,UAAI,CAACG,sBAAsB;AACzB,eAAO;AAAA,MACT;AAEA,aAAAG,IAAA,YAAAH,sBAAAI,IAAA,WAEQF,IAAK,MAACJ,cAAc,GAAC;AAAA,QAAA,UACjBI,IAAK,MAACP,WAAW;AAAA,QAAC,SACnBR,MAAMkB;AAAAA,QAAK,OACblB,MAAMmB;AAAAA,MAAG,CAAA,GAAA,IAAA;AAAA;EAItB;AACF,CAAC;;"}

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const dataTableColumn = require("./data-table-column.js");
-const dataTableColumnOptions = require("./data-table-column-options.js");
-const MKDataTableColumn = dataTableColumn;
-exports.dataTableColumnProps = dataTableColumnOptions.dataTableColumnProps;
-exports.MKDataTableColumn = MKDataTableColumn;
-exports.default = MKDataTableColumn;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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":["DataTableColumnComponent"],"mappings":";;;;AAEO,MAAM,oBAAoBA;;;;"}

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

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const dm = require("@maketribe/dm");
-const utils = require("@maketribe/utils");
-const dataTableProps = utils.buildProps({
-  dataTable: { type: dm.DataTable, required: true },
-  selection: { type: Boolean, default: false },
-  name: { type: String },
-  primaryKey: { type: String },
-  pageSize: { type: Number },
-  interfaceURL: { type: Object },
-  listInterfaceURL: { type: String },
-  deleteInterfaceURL: { type: String },
-  autoLoad: { type: Boolean, default: true },
-  columns: { type: Array, default: () => [] },
-  enableQueryParams: { type: Boolean, default: false }
-});
-const dataTableEmits = {
-  changeDataTable: (dataTable) => dataTable instanceof dm.DataTable
-};
-const DataTableEmits = typeof dataTableEmits;
-exports.DataTableEmits = DataTableEmits;
-exports.dataTableEmits = dataTableEmits;
-exports.dataTableProps = dataTableProps;
-//# sourceMappingURL=data-table-options.js.map

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

@@ -1 +0,0 @@
-{"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":["buildProps","DataTable"],"mappings":";;;;AAIO,MAAM,iBAAiBA,MAAAA,WAAW;AAAA,EACvC,WAAW,EAAE,MAAMC,cAAgB,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,qBAAqBA,GAAA;AAC5D;AAEO,MAAM,iBAAiB,OAAO;;;;"}

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

@@ -1,7 +0,0 @@
-"use strict";
-const dataTable_vue_vue_type_script_setup_true_lang = require("./data-table.vue2.js");
-;/* empty css                 */
-const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const DataTable = /* @__PURE__ */ _pluginVue_exportHelper(dataTable_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-de7d0a69"]]);
-module.exports = DataTable;
-//# sourceMappingURL=data-table.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"data-table.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -1,111 +0,0 @@
-"use strict";
-const vue = require("vue");
-const dataTableOptions = require("./data-table-options.js");
-const vueRouter = require("vue-router");
-const dm = require("@maketribe/dm");
-require("./composables/use-column.js");
-const useQueryParams = require("./composables/use-query-params.js");
-const token = require("./token.js");
-const index = require("./views/table-view/index.js");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{ name: "MKDataTable" },
-  __name: "data-table",
-  props: dataTableOptions.dataTableProps,
-  setup(__props) {
-    const props = __props;
-    vueRouter.useRouter();
-    vue.useSlots();
-    let _dataTable = null;
-    const dataTableEl = vue.ref(null);
-    const dataTable = vue.computed(() => {
-      if (props.dataTable instanceof dm.DataTable) {
-        return props.dataTable;
-      }
-      if (!_dataTable) {
-        _dataTable = vue.reactive(
-          new dm.DataTable({
-            name: props.name,
-            primaryKey: props.primaryKey,
-            pageSize: props.pageSize ?? 20,
-            interfaceURL: {
-              list: props.listInterfaceURL || "",
-              delete: props.deleteInterfaceURL || ""
-            }
-          })
-        );
-      }
-      return _dataTable;
-    });
-    const loading = vue.computed(() => vue.unref(dataTable).loading);
-    vue.watch(
-      vue.computed(() => props.enableQueryParams),
-      (enableQueryParams) => {
-        if (enableQueryParams) {
-          vue.unref(dataTable).enableQueryParams();
-        } else {
-          vue.unref(dataTable).disableQueryParams();
-        }
-      },
-      { immediate: true }
-    );
-    vue.watch(
-      dataTable,
-      async (dataTable2) => {
-        if (props.autoLoad) {
-          dataTable2.load();
-        }
-        let columns = vue.unref(dataTable2).getColumns();
-        const extractColumnConfig = props.columns.filter(
-          (config) => columns.findIndex((column) => column.name === config.name) === -1
-        );
-        const extractColumn = extractColumnConfig.map(
-          (config) => new dm.TableColumn({ visible: true, ...config })
-        );
-        columns = [...extractColumn, ...columns];
-        let sortedColumns = [];
-        for (const columnConfig of props.columns) {
-          const column = columns.find(
-            (column2) => column2.name === columnConfig.name
-          );
-          sortedColumns.push(column);
-        }
-        const _columns = columns.filter(
-          (column) => sortedColumns.findIndex((item) => item.name === column.name) === -1
-        );
-        sortedColumns = [...sortedColumns, ..._columns];
-        dataTable2.setColumns(sortedColumns);
-        await dataTable2.init();
-      },
-      { immediate: true }
-    );
-    useQueryParams.useQueryParams(dataTable);
-    vue.watch(
-      vue.computed(() => vue.unref(dataTable).dataFilter),
-      (dataFilter) => {
-        vue.unref(dataTable).afterInitdEvent.on(() => {
-          if (dataFilter.getColumns().length === 0) {
-            dataFilter.setReady();
-          }
-        });
-      },
-      { immediate: true }
-    );
-    vue.provide(token.DATA_TABLE_CONTEXT_KEY, vue.reactive({ dataTable, el: dataTableEl }));
-    return (_ctx, _cache) => {
-      const _directive_loading = vue.resolveDirective("loading");
-      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-        class: "mk-data-table",
-        ref_key: "dataTableEl",
-        ref: dataTableEl
-      }, [
-        vue.renderSlot(_ctx.$slots, "default", { dataTable: dataTable.value }, () => [
-          vue.createVNode(vue.unref(index.MKTableView), { dataTable: dataTable.value }, null, 8, ["dataTable"])
-        ], true)
-      ])), [
-        [_directive_loading, loading.value]
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=data-table.vue2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"data-table.vue2.js","sources":["../../../../../src/components/data-model/data-table/data-table.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {dataTableProps} from \"./data-table-options\";\r\nimport {useRouter} from \"vue-router\";\r\nimport {DataTable, TableColumn} from \"@maketribe/dm\";\r\nimport {computed, provide, reactive, ref, Ref, unref, watch} from \"vue\";\r\nimport {useQueryParams} from \"./composables\";\r\nimport {DATA_TABLE_CONTEXT_KEY} from \"./token\";\r\nimport MKTableView from \"./views/table-view\";\r\n\r\ndefineOptions({name: \"MKDataTable\"})\r\n\r\nconst props = defineProps(dataTableProps)\r\n\r\nconst router = useRouter();\r\n\r\nconst slots = useSlots();\r\n\r\nlet _dataTable: DataTable | null = null;\r\n\r\nconst dataTableEl: Ref<HTMLElement | null> = ref(null);\r\n\r\nconst 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\nconst loading = computed(() => unref(dataTable).loading);\r\n\r\nwatch(\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\nwatch(\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\nuseQueryParams(dataTable);\r\n\r\nwatch(\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\nprovide(DATA_TABLE_CONTEXT_KEY, reactive({dataTable, el: dataTableEl}));\r\n\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    class=\"mk-data-table\"\r\n    v-loading=\"loading\"\r\n    ref=\"dataTableEl\"\r\n  >\r\n    <slot :dataTable=\"dataTable\">\r\n      <MKTableView :dataTable=\"dataTable\"/>\r\n    </slot>\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"scss\">\r\n.mk-data-table {\r\n  :deep(.el-card) {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n\r\n    .el-car__body {\r\n      height: 0;\r\n      flex: 1;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"],"names":["useRouter","useSlots","ref","computed","DataTable","reactive","unref","watch","dataTable","TableColumn","column","useQueryParams","provide","DATA_TABLE_CONTEXT_KEY"],"mappings":";;;;;;;;;;;;;;AAWA,UAAM,QAAQ;AAECA,wBAAU;AAEXC,iBAAS;AAEvB,QAAI,aAA+B;AAE7B,UAAA,cAAuCC,QAAI,IAAI;AAE/C,UAAA,YAAYC,IAAAA,SAAS,MAAM;AAC3B,UAAA,MAAM,qBAAqBC,cAAW;AACxC,eAAO,MAAM;AAAA,MACf;AAEA,UAAI,CAAC,YAAY;AACF,qBAAAC,IAAA;AAAA,UACX,IAAID,aAAU;AAAA,YACZ,MAAM,MAAM;AAAA,YACZ,YAAY,MAAM;AAAA,YAClB,UAAU,MAAM,YAAY;AAAA,YAC5B,cAAc;AAAA,cACZ,MAAM,MAAM,oBAAoB;AAAA,cAChC,QAAQ,MAAM,sBAAsB;AAAA,YACtC;AAAA,UAAA,CACD;AAAA,QAAA;AAAA,MAEL;AAEO,aAAA;AAAA,IAAA,CACR;AAED,UAAM,UAAUD,IAAAA,SAAS,MAAMG,IAAM,MAAA,SAAS,EAAE,OAAO;AAEvDC,QAAA;AAAA,MACEJ,aAAS,MAAM,MAAM,iBAAiB;AAAA,MACtC,CAAC,sBAAsB;AACrB,YAAI,mBAAmB;AACfG,oBAAA,SAAS,EAAE;QAAkB,OAC9B;AACCA,oBAAA,SAAS,EAAE;QACnB;AAAA,MACF;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGlBC,QAAA;AAAA,MACE;AAAA,MACA,OAAOC,eAAc;AACnB,YAAI,MAAM,UAAU;AAClBA,qBAAU,KAAK;AAAA,QACjB;AAEA,YAAI,UAAUF,IAAA,MAAME,UAAS,EAAE,WAAW;AAEpC,cAAA,sBAAsB,MAAM,QAAQ;AAAA,UACxC,CAAC,WACC,QAAQ,UAAU,CAAC,WAAW,OAAO,SAAS,OAAO,IAAI,MAAM;AAAA,QAAA;AAGnE,cAAM,gBAAgB,oBAAoB;AAAA,UACxC,CAAC,WAAW,IAAIC,eAAY,EAAC,SAAS,MAAM,GAAG,QAAO;AAAA,QAAA;AAGxD,kBAAU,CAAC,GAAG,eAAe,GAAG,OAAO;AAEvC,YAAI,gBAA+B,CAAA;AACxB,mBAAA,gBAAgB,MAAM,SAAS;AACxC,gBAAM,SAAS,QAAQ;AAAA,YACrB,CAACC,YAAWA,QAAO,SAAS,aAAa;AAAA,UAAA;AAG3C,wBAAc,KAAK,MAAM;AAAA,QAC3B;AAEA,cAAM,WAAW,QAAQ;AAAA,UACvB,CAAC,WACC,cAAc,UAAU,CAAC,SAAS,KAAK,SAAS,OAAO,IAAI,MAAM;AAAA,QAAA;AAGrE,wBAAgB,CAAC,GAAG,eAAe,GAAG,QAAQ;AAE9CF,mBAAU,WAAW,aAAa;AAElC,cAAMA,WAAU;MAClB;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGlBG,mBAAA,eAAe,SAAS;AAExBJ,QAAA;AAAA,MACEJ,IAAAA,SAAS,MAAMG,IAAAA,MAAM,SAAS,EAAE,UAAU;AAAA,MAC1C,CAAC,eAAe;AACdA,YAAAA,MAAM,SAAS,EAAE,gBAAgB,GAAG,MAAM;AACxC,cAAI,WAAW,aAAa,WAAW,GAAG;AACxC,uBAAW,SAAS;AAAA,UACtB;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGlBM,QAAA,QAAQC,8BAAwBR,aAAS,EAAC,WAAW,IAAI,YAAY,CAAA,CAAC;;;;;;;;;;;;;;;;;;"}

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

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const utils = require("@maketribe/utils");
-const dataTable = require("./data-table.vue.js");
-const index = require("./data-table-column/index.js");
-const dataTableOptions = require("./data-table-options.js");
-const index$1 = require("./views/table/index.js");
-const index$2 = require("./views/table-tree/index.js");
-const index$3 = require("./views/tree/index.js");
-const index$4 = require("./views/table-view/index.js");
-const index$8 = require("./views/tree-view/index.js");
-const MKDataTable = utils.withInstall(dataTable, {
-  MKDataTableColumn: index.MKDataTableColumn
-});
-exports.MKDataTableColumn = index.MKDataTableColumn;
-exports.DataTableEmits = dataTableOptions.DataTableEmits;
-exports.dataTableEmits = dataTableOptions.dataTableEmits;
-exports.dataTableProps = dataTableOptions.dataTableProps;
-exports.MKTable = index$1.MKTable;
-exports.MKTableTree = index$2.MKTableTree;
-exports.MKTree = index$3.MKTree;
-exports.MKTableView = index$4.MKTableView;
-exports.MKTreeView = index$8.MKTreeView;
-exports.MKDataTable = MKDataTable;
-exports.default = MKDataTable;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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.vue\";\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":["withInstall","DataTable","MKDataTableColumn"],"mappings":";;;;;;;;;;;AAIa,MAAA,cAAcA,kBAAYC,WAAW;AAAA,EAAA,mBAChDC,MAAA;AACF,CAAC;;;;;;;;;;;;"}

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const DATA_TABLE_CONTEXT_KEY = Symbol(
-  "dataTableContextKey"
-);
-exports.DATA_TABLE_CONTEXT_KEY = DATA_TABLE_CONTEXT_KEY;
-//# sourceMappingURL=token.js.map

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

@@ -1 +0,0 @@
-{"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/cjs/components/data-model/data-table/views/table/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const utils = require("@maketribe/utils");
-const table = require("./table.js");
-const tableOptions = require("./table-options.js");
-const MKTable = utils.withInstall(table);
-exports.tableProps = tableOptions.tableProps;
-exports.MKTable = MKTable;
-exports.default = MKTable;
-//# sourceMappingURL=index.js.map

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

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