@maketribe/ms-app 3.0.7 → 3.0.9

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

@@ -0,0 +1,74 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var icons = require('@element-plus/icons-vue');
+var index = require('../tree/index.js');
+var treeViewOptions = require('./tree-view-options.js');
+var locale = require('@maketribe/locale');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+var TreeView = /* @__PURE__ */ vue.defineComponent({
+  name: "MKTreeView",
+  props: treeViewOptions.treeViewProps,
+  setup(props, {
+    slots
+  }) {
+    const dataTree = vue.computed(() => props.dataTree);
+    const treeRef = vue.ref();
+    const searchInputValue = vue.ref("");
+    vue.watch(searchInputValue, (value) => {
+      vue.unref(treeRef)?.filter(value);
+    });
+    const filterNodeMethod = (value, data) => {
+      if (typeof props.filterNodeMethod === "function") {
+        return props.filterNodeMethod(value, data);
+      }
+      if (!searchInputValue.value)
+        return true;
+      return data.data[vue.unref(dataTree).props.label].includes(searchInputValue.value);
+    };
+    const handleAdd = () => {
+      vue.unref(dataTree).addRecord();
+    };
+    return () => {
+      const content = slots.default?.({
+        dataTree: props.dataTree
+      }) || vue.createVNode(index.MKTree, {
+        "ref": (component) => treeRef.value = component,
+        "dataTree": vue.unref(dataTree),
+        "filterNodeMethod": filterNodeMethod
+      }, null);
+      return vue.createVNode(elementPlus.ElCard, {
+        "class": "mk-data-tree-page"
+      }, {
+        default: () => [content],
+        header: () => {
+          let _slot;
+          return vue.createVNode("div", {
+            "class": "header-box"
+          }, [vue.createVNode("div", {
+            "class": "header-box-main"
+          }, [vue.createVNode(elementPlus.ElInput, {
+            "modelValue": vue.unref(searchInputValue),
+            "clearable": true,
+            "onUpdate:modelValue": (v) => searchInputValue.value = v,
+            "prefix-icon": icons.Search
+          }, null)]), vue.createVNode("div", {
+            "class": "header-box-tools"
+          }, [vue.createVNode(elementPlus.ElButton, {
+            "onClick": handleAdd,
+            "type": "primary"
+          }, _isSlot(_slot = locale.I18n.instance.translate("mk.dataTreePage.addButton")) ? _slot : {
+            default: () => [_slot]
+          })])]);
+        }
+      });
+    };
+  }
+});
+
+module.exports = TreeView;
+//# sourceMappingURL=tree-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view.js","sources":["../../../../../../../src/components/data-model/data-table/views/tree-view/tree-view.tsx"],"sourcesContent":["import { computed, defineComponent, 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\";\n\nexport default defineComponent({\n  name: \"MKTreeView\",\n  props: treeViewProps,\n  setup(props, { slots }) {\n    const dataTree = computed(() => props.dataTree);\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","dataTree","computed","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":"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"}

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

@@ -1,6 +1,8 @@
 import { ExtractPropTypes } from "vue";
 import { DataTable } from "@maketribe/dm";
 export declare const dataTablePageProps: {
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly selection: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly dataTable: {
         readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
         readonly required: false;

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

@@ -4,6 +4,8 @@ var dm = require('@maketribe/dm');
 var utils = require('@maketribe/utils');
 
 const dataTablePageProps = utils.buildProps({
+  autoLoad: { type: Boolean, default: true },
+  selection: { type: Boolean, default: false },
   dataTable: { type: dm.DataTable }
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-page-options.js","sources":["../../../../../src/components/data-model/data-table-page/data-table-page-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataTablePageProps = buildProps({\n  dataTable: { type: DataTable<any> },\n} as const);\n\nexport type DataTablePageProps = ExtractPropTypes<typeof dataTablePageProps>;\n"],"names":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,qBAAqBA,gBAAW,CAAA;AAAA,EAC3C,SAAA,EAAW,EAAE,IAAA,EAAMC,YAAe,EAAA;AACpC,CAAU;;;;"}
+{"version":3,"file":"data-table-page-options.js","sources":["../../../../../src/components/data-model/data-table-page/data-table-page-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataTablePageProps = buildProps({\n  autoLoad: { type: Boolean, default: true },\n  selection: { type: Boolean, default: false },\n  dataTable: { type: DataTable<any> },\n} as const);\n\nexport type DataTablePageProps = ExtractPropTypes<typeof dataTablePageProps>;\n"],"names":["buildProps","DataTable"],"mappings":";;;;;AAIO,MAAM,qBAAqBA,gBAAW,CAAA;AAAA,EAC3C,QAAU,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AAAA,EACzC,SAAW,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,KAAM,EAAA;AAAA,EAC3C,SAAA,EAAW,EAAE,IAAA,EAAMC,YAAe,EAAA;AACpC,CAAU;;;;"}

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

@@ -1,5 +1,7 @@
 import { DataTable } from "@maketribe/dm";
 declare const _default: import("vue").DefineComponent<{
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly selection: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly dataTable: {
         readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
         readonly required: false;
@@ -7,11 +9,16 @@ declare const _default: import("vue").DefineComponent<{
         __mkPropKey: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly selection: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly dataTable: {
         readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-}>>, {}, {}>;
+}>>, {
+    readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly selection: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
 export default _default;

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

@@ -15,9 +15,9 @@ var DataTablePage = /* @__PURE__ */ vue.defineComponent({
     return () => {
       return vue.withDirectives(vue.createVNode("div", {
         "class": "mk-data-table-page"
-      }, [vue.createVNode(index.MKDataTable, {
+      }, [vue.createVNode(index.MKDataTable, vue.mergeProps(props, {
         "dataTable": vue.unref(dataTable)
-      }, {
+      }), {
         ...slots
       })]), [[vue.resolveDirective("loading"), vue.unref(loading)]]);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-page.js","sources":["../../../../../src/components/data-model/data-table-page/data-table-page.tsx"],"sourcesContent":["import { Ref, computed, defineComponent, ref, unref, watch } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { dataTablePageProps } from \"./data-table-page-options\";\nimport MKDataTable from \"../data-table\";\n\nexport default defineComponent({\n  name: \"MKDataTablePage\",\n  props: dataTablePageProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable ?? null);\n\n    const loading = computed(() => unref(dataTable)?.loading ?? true);\n\n    return () => {\n      return (\n        <div class=\"mk-data-table-page\" v-loading={unref(loading)}>\n          <MKDataTable\n            dataTable={unref(dataTable) as DataTable}\n            v-slots={{ ...slots }}\n          />\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataTablePageProps","setup","slots","dataTable","computed","loading","unref","_withDirectives","_createVNode","MKDataTable","_resolveDirective"],"mappings":";;;;;;AAKA,oCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,iBAAA;AAAA,EACNC,KAAOC,EAAAA,uCAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,SAAYC,GAAAA,YAAAA,CAAS,MAAML,KAAAA,CAAMI,aAAa,IAAI,CAAA,CAAA;AAExD,IAAA,MAAME,UAAUD,YAAS,CAAA,MAAME,UAAMH,SAAS,CAAA,EAAGE,WAAW,IAAI,CAAA,CAAA;AAEhE,IAAA,OAAO,MAAM;AACX,MAAAE,OAAAA,kBAAAA,CAAAC,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,oBAAA;AAAA,OAAA,EAAAA,CAAAA,eAAAA,CAAAC,iBAAA,EAAA;AAAA,QAAA,WAAA,EAGiBH,UAAMH,SAAS,CAAA;AAAA,OACjB,EAAA;AAAA,QAAE,GAAGD,KAAAA;AAAAA,OAAO,OAAAQ,oBAAA,CAAA,SAAA,CAHkBJ,EAAAA,SAAAA,CAAMD,OAAO,CAAC,CAAA,CAAA,CAAA,CAAA;AAAA,KAO7D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"data-table-page.js","sources":["../../../../../src/components/data-model/data-table-page/data-table-page.tsx"],"sourcesContent":["import { Ref, computed, defineComponent, unref } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { dataTablePageProps } from \"./data-table-page-options\";\nimport MKDataTable from \"../data-table\";\n\nexport default defineComponent({\n  name: \"MKDataTablePage\",\n  props: dataTablePageProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable ?? null);\n\n    const loading = computed(() => unref(dataTable)?.loading ?? true);\n\n    return () => {\n      return (\n        <div class=\"mk-data-table-page\" v-loading={unref(loading)}>\n          <MKDataTable\n            {...props}\n            dataTable={unref(dataTable) as DataTable}\n            v-slots={{ ...slots }}\n          />\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataTablePageProps","setup","slots","dataTable","computed","loading","unref","_withDirectives","_createVNode","MKDataTable","_mergeProps","_resolveDirective"],"mappings":";;;;;;AAKA,oCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,iBAAA;AAAA,EACNC,KAAOC,EAAAA,uCAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,SAAYC,GAAAA,YAAAA,CAAS,MAAML,KAAAA,CAAMI,aAAa,IAAI,CAAA,CAAA;AAExD,IAAA,MAAME,UAAUD,YAAS,CAAA,MAAME,UAAMH,SAAS,CAAA,EAAGE,WAAW,IAAI,CAAA,CAAA;AAEhE,IAAA,OAAO,MAAM;AACX,MAAAE,OAAAA,kBAAAA,CAAAC,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,oBAAA;AAAA,OAAA,EAAA,CAAAA,eAAAC,CAAAA,iBAAAA,EAAAC,eAGUX,KAAK,EAAA;AAAA,QAAA,WAAA,EACEO,UAAMH,SAAS,CAAA;AAAA,OACjB,CAAA,EAAA;AAAA,QAAE,GAAGD,KAAAA;AAAAA,OAAO,OAAAS,oBAAA,CAAA,SAAA,CAJkBL,EAAAA,SAAAA,CAAMD,OAAO,CAAC,CAAA,CAAA,CAAA,CAAA;AAAA,KAQ7D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -1,5 +1,7 @@
 import DataTablePage from "./data-table-page";
 export declare const MKDataTablePage: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly selection: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly dataTable: {
         readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
         readonly required: false;
@@ -7,11 +9,16 @@ export declare const MKDataTablePage: import("@maketribe/utils").SFCWithInstall<
         __mkPropKey: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly selection: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly dataTable: {
         readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-}>>, {}, {}>> & Record<string, any>;
+}>>, {
+    readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly selection: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>> & Record<string, any>;
 export default DataTablePage;

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

@@ -2,6 +2,4 @@ export * from "./data-form";
 export * from "./data-form-page";
 export * from "./data-table";
 export * from "./data-table-page";
-export * from "./data-tree";
-export * from "./data-tree-page";
 export * from "./data-table-pagination";

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

@@ -3,10 +3,8 @@
 var index = require('./data-form/index.js');
 var index$4 = require('./data-form-page/index.js');
 var index$5 = require('./data-table/index.js');
-var index$c = require('./data-table-page/index.js');
-var index$d = require('./data-tree/index.js');
-var index$e = require('./data-tree-page/index.js');
-var index$f = require('./data-table-pagination/index.js');
+var index$f = require('./data-table-page/index.js');
+var index$g = require('./data-table-pagination/index.js');
 var dataFormOptions = require('./data-form/data-form-options.js');
 var dataFormItemOptions = require('./data-form/data-form-item/data-form-item-options.js');
 var index$1 = require('./data-form/data-form-item/index.js');
@@ -18,14 +16,17 @@ var index$6 = require('./data-table/data-table-column/index.js');
 var dataTableColumnComponentOptions = require('./data-table/data-table-column-component/data-table-column-component-options.js');
 var index$7 = require('./data-table/data-table-column-component/index.js');
 var dataTableOptions = require('./data-table/data-table-options.js');
-var index$a = require('./data-table/views/table/classify-search/classify-search-item/index.js');
-var index$9 = require('./data-table/views/table/classify-search/index.js');
-var useCondition = require('./data-table/views/table/search/composables/use-condition.js');
-var token = require('./data-table/views/table/search/token.js');
-var operatorOptions = require('./data-table/views/table/search/operator-options.js');
-var index$b = require('./data-table/views/table/search/index.js');
+var tableOptions = require('./data-table/views/table/table-options.js');
 var index$8 = require('./data-table/views/table/index.js');
-var dataTreeOptions = require('./data-tree/data-tree-options.js');
+var tableTreeOptions = require('./data-table/views/table-tree/table-tree-options.js');
+var index$9 = require('./data-table/views/table-tree/index.js');
+var treeOptions = require('./data-table/views/tree/tree-options.js');
+var index$a = require('./data-table/views/tree/index.js');
+var index$d = require('./data-table/views/table-view/classify-search/classify-search-item/index.js');
+var index$c = require('./data-table/views/table-view/classify-search/index.js');
+var index$b = require('./data-table/views/table-view/index.js');
+var treeViewOptions = require('./data-table/views/tree-view/tree-view-options.js');
+var index$e = require('./data-table/views/tree-view/index.js');
 var dataTablePaginationOptions = require('./data-table-pagination/data-table-pagination-options.js');
 
 
@@ -33,10 +34,8 @@ var dataTablePaginationOptions = require('./data-table-pagination/data-table-pag
 exports.MKDataForm = index.MKDataForm;
 exports.MKDataFormPage = index$4.MKDataFormPage;
 exports.MKDataTable = index$5.MKDataTable;
-exports.MKDataTablePage = index$c.MKDataTablePage;
-exports.MKDataTree = index$d.MKDataTree;
-exports.MKDataTreePage = index$e.MKDataTreePage;
-exports.MKDataTablePagination = index$f.MKDataTablePagination;
+exports.MKDataTablePage = index$f.MKDataTablePage;
+exports.MKDataTablePagination = index$g.MKDataTablePagination;
 exports.dataFormEmits = dataFormOptions.dataFormEmits;
 exports.dataFormProps = dataFormOptions.dataFormProps;
 exports.dataFormItemProps = dataFormItemOptions.dataFormItemProps;
@@ -52,24 +51,16 @@ exports.MKDataTableColumnComponent = index$7.MKDataTableColumnComponent;
 exports.DataTableEmits = dataTableOptions.DataTableEmits;
 exports.dataTableEmits = dataTableOptions.dataTableEmits;
 exports.dataTableProps = dataTableOptions.dataTableProps;
-exports.MKTableClassifySearchItem = index$a.MKTableClassifySearchItem;
-exports.MKTableClassifySearch = index$9.MKTableClassifySearch;
-exports.conditionProps = useCondition.conditionProps;
-exports.useCondition = useCondition.useCondition;
-exports.TABLE_SEARCH_CONTEXT_KEY = token.TABLE_SEARCH_CONTEXT_KEY;
-exports.TABLE_SEARCH_ITEM_CONTEXT_KEY = token.TABLE_SEARCH_ITEM_CONTEXT_KEY;
-exports.BETWEEN_OPTION = operatorOptions.BETWEEN_OPTION;
-exports.CONTAIN_OPTION = operatorOptions.CONTAIN_OPTION;
-exports.EQUAL_OPTION = operatorOptions.EQUAL_OPTION;
-exports.GREATER_THAN_EQUAL_OPTION = operatorOptions.GREATER_THAN_EQUAL_OPTION;
-exports.GREATER_THAN_OPTION = operatorOptions.GREATER_THAN_OPTION;
-exports.IN_OPTION = operatorOptions.IN_OPTION;
-exports.LESS_THAN_EQUAL_OPTION = operatorOptions.LESS_THAN_EQUAL_OPTION;
-exports.LESS_THAN_OPTION = operatorOptions.LESS_THAN_OPTION;
-exports.NOT_IN_OPTION = operatorOptions.NOT_IN_OPTION;
-exports.OPERATOR_OPTIONS = operatorOptions.OPERATOR_OPTIONS;
-exports.MKTableSearch = index$b.MKTableSearch;
-exports.MKTableView = index$8.MKTableView;
-exports.dataTreeProps = dataTreeOptions.dataTreeProps;
+exports.tableProps = tableOptions.tableProps;
+exports.MKTable = index$8.MKTable;
+exports.tableTreeProps = tableTreeOptions.tableTreeProps;
+exports.MKTableTree = index$9.MKTableTree;
+exports.treeProps = treeOptions.treeProps;
+exports.MKTree = index$a.MKTree;
+exports.MKTableClassifySearchItem = index$d.MKTableClassifySearchItem;
+exports.MKTableClassifySearch = index$c.MKTableClassifySearch;
+exports.MKTableView = index$b.MKTableView;
+exports.treeViewProps = treeViewOptions.treeViewProps;
+exports.MKTreeView = index$e.MKTreeView;
 exports.dataTablePaginationProps = dataTablePaginationOptions.dataTablePaginationProps;
 //# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/data-table-select-dialog/data-table-select-dialog.d.ts

@@ -35,8 +35,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
     "onUpdate:selection"?: ((modelValue: any) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
 }, {
     readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly modelValue: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;

package/dist/cjs/components/data-table-select-dialog/data-table-select-dialog.js

@@ -6,8 +6,6 @@ require('../data-model/data-form/index.js');
 require('../data-model/data-form-page/index.js');
 var index = require('../data-model/data-table/index.js');
 require('../data-model/data-table-page/index.js');
-require('../data-model/data-tree/index.js');
-require('../data-model/data-tree-page/index.js');
 require('../data-model/data-table-pagination/index.js');
 var dataTableSelectDialogOptions = require('./data-table-select-dialog-options.js');
 var dm = require('@maketribe/dm');

package/dist/cjs/components/data-table-select-dialog/data-table-select-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-select-dialog.js","sources":["../../../../src/components/data-table-select-dialog/data-table-select-dialog.tsx"],"sourcesContent":["import {\n  defineComponent,\n  Fragment,\n  computed,\n  unref,\n  watch,\n  Ref,\n  ref,\n} from \"vue\";\nimport { ElButton, ElDialog } from \"element-plus\";\nimport { MKDataTable } from \"../data-model\";\n\nimport {\n  dataTableSelectDialogEmits,\n  dataTableSelectDialogProps,\n} from \"./data-table-select-dialog-options\";\nimport { DataTable, TableSelectCacheColumn } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKDataTableSelectDialog\",\n  props: dataTableSelectDialogProps,\n  emits: dataTableSelectDialogEmits,\n  setup(props, { emit }) {\n    const dataTable: Ref<DataTable | null> = ref(null);\n\n    const loading = computed(() => unref(dataTable)!.loading);\n\n    const isShowDialog = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    const handleConfirm = () => {\n      if (props.multiple) {\n        emit(\"update:selection\", unref(dataTable)!.getSelection());\n      } else {\n        emit(\"update:selection\", unref(dataTable)!.getSelection()[0] || \"\");\n      }\n\n      isShowDialog.value = false;\n\n      emit(\"confirm\");\n    };\n\n    const handleCancel = () => {\n      isShowDialog.value = false;\n    };\n\n    watch(\n      computed(() => props.dataTable),\n      (table) => {\n        dataTable.value = table;\n        dataTable.value.setSelectionColumn(\n          new TableSelectCacheColumn({ multiple: props.multiple })\n        );\n      },\n      { immediate: true }\n    );\n\n    watch(\n      computed(() => props.multiple),\n      (multiple) => {\n        if (dataTable.value) {\n          dataTable.value.selectionColumn.multiple = multiple;\n        }\n      }\n    );\n\n    watch(\n      isShowDialog,\n      (isShowDialog, _, onCleanup) => {\n        const _dataTable = unref(dataTable)!;\n\n        if (!isShowDialog) {\n          _dataTable.clearSelection();\n          return;\n        }\n\n        const handleColumnState = () => {\n          const selection = props.selection;\n          _dataTable.setSelection(\n            Array.isArray(selection) ? selection : selection ? [selection] : []\n          );\n\n          const actionColumn = _dataTable.getColumn(\"$action\");\n\n          if (actionColumn) {\n            actionColumn.visible = false;\n          }\n        };\n\n        if (_dataTable.initd) {\n          handleColumnState();\n          return;\n        }\n\n        const disposable = _dataTable.initdEvent.once(handleColumnState);\n\n        onCleanup(() => {\n          disposable.dispose();\n        });\n      },\n      { immediate: true }\n    );\n\n    watch(\n      computed(() => props.selection),\n      (selection) => {\n        if (props.multiple) {\n          unref(dataTable)?.setSelection(\n            Array.isArray(selection) ? selection : []\n          );\n        } else {\n          unref(dataTable)?.setSelection(selection ? [selection] : []);\n        }\n      }\n    );\n\n    return () => {\n      return (\n        <ElDialog\n          class=\"mk-data-table-select-dialog\"\n          width=\"80%\"\n          appendToBody\n          modelValue={unref(isShowDialog)}\n          onUpdate:modelValue={(v) => {\n            isShowDialog.value = v;\n          }}\n          v-slots={{\n            default: () =>\n              // TODO 后面需要做成不是否重新渲染DOM,现在主要是选中有问题。在multiple切换的时候\n              unref(isShowDialog) ? (\n                <div class=\"mk-data-table-select-dialog__main\">\n                  <MKDataTable\n                    v-loading={unref(loading)}\n                    dataTable={unref(dataTable)!}\n                    selection\n                  />\n                </div>\n              ) : null,\n            footer: () => (\n              <Fragment>\n                <ElButton type=\"primary\" onClick={handleConfirm}>\n                  确定\n                </ElButton>\n                <ElButton onClick={handleCancel}>取消</ElButton>\n              </Fragment>\n            ),\n          }}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataTableSelectDialogProps","emits","dataTableSelectDialogEmits","setup","emit","dataTable","ref","loading","computed","unref","isShowDialog","get","modelValue","set","v","handleConfirm","multiple","getSelection","value","handleCancel","watch","table","setSelectionColumn","TableSelectCacheColumn","immediate","selectionColumn","_","onCleanup","_dataTable","clearSelection","handleColumnState","selection","setSelection","Array","isArray","actionColumn","getColumn","visible","initd","disposable","initdEvent","once","dispose","_createVNode","ElDialog","default","_withDirectives","MKDataTable","_resolveDirective","footer","_Fragment","ElButton","_createTextVNode"],"mappings":"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"}
+{"version":3,"file":"data-table-select-dialog.js","sources":["../../../../src/components/data-table-select-dialog/data-table-select-dialog.tsx"],"sourcesContent":["import {\n  defineComponent,\n  Fragment,\n  computed,\n  unref,\n  watch,\n  Ref,\n  ref,\n} from \"vue\";\nimport { ElButton, ElDialog } from \"element-plus\";\nimport { MKDataTable } from \"../data-model\";\n\nimport {\n  dataTableSelectDialogEmits,\n  dataTableSelectDialogProps,\n} from \"./data-table-select-dialog-options\";\nimport { DataTable, TableSelectCacheColumn } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKDataTableSelectDialog\",\n  props: dataTableSelectDialogProps,\n  emits: dataTableSelectDialogEmits,\n  setup(props, { emit }) {\n    const dataTable: Ref<DataTable | null> = ref(null);\n\n    const loading = computed(() => unref(dataTable)!.loading);\n\n    const isShowDialog = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    const handleConfirm = () => {\n      if (props.multiple) {\n        emit(\"update:selection\", unref(dataTable)!.getSelection());\n      } else {\n        emit(\"update:selection\", unref(dataTable)!.getSelection()[0] || \"\");\n      }\n\n      isShowDialog.value = false;\n\n      emit(\"confirm\");\n    };\n\n    const handleCancel = () => {\n      isShowDialog.value = false;\n    };\n\n    watch(\n      computed(() => props.dataTable),\n      (table) => {\n        dataTable.value = table;\n        dataTable.value.setSelectionColumn(\n          new TableSelectCacheColumn({ multiple: props.multiple })\n        );\n      },\n      { immediate: true }\n    );\n\n    watch(\n      computed(() => props.multiple),\n      (multiple) => {\n        if (dataTable.value) {\n          dataTable.value.selectionColumn.multiple = multiple;\n        }\n      }\n    );\n\n    watch(\n      isShowDialog,\n      (isShowDialog, _, onCleanup) => {\n        const _dataTable = unref(dataTable)!;\n\n        if (!isShowDialog) {\n          _dataTable.clearSelection();\n          return;\n        }\n\n        const handleColumnState = () => {\n          const selection = props.selection;\n          _dataTable.setSelection(\n            Array.isArray(selection) ? selection : selection ? [selection] : []\n          );\n\n          const actionColumn = _dataTable.getColumn(\"$action\");\n\n          if (actionColumn) {\n            actionColumn.visible = false;\n          }\n        };\n\n        if (_dataTable.initd) {\n          handleColumnState();\n          return;\n        }\n\n        const disposable = _dataTable.initdEvent.once(handleColumnState);\n\n        onCleanup(() => {\n          disposable.dispose();\n        });\n      },\n      { immediate: true }\n    );\n\n    watch(\n      computed(() => props.selection),\n      (selection) => {\n        if (props.multiple) {\n          unref(dataTable)?.setSelection(\n            Array.isArray(selection) ? selection : []\n          );\n        } else {\n          unref(dataTable)?.setSelection(selection ? [selection] : []);\n        }\n      }\n    );\n\n    return () => {\n      return (\n        <ElDialog\n          class=\"mk-data-table-select-dialog\"\n          width=\"80%\"\n          appendToBody\n          modelValue={unref(isShowDialog)}\n          onUpdate:modelValue={(v) => {\n            isShowDialog.value = v;\n          }}\n          v-slots={{\n            default: () =>\n              // TODO 后面需要做成不是否重新渲染DOM,现在主要是选中有问题。在multiple切换的时候\n              unref(isShowDialog) ? (\n                <div class=\"mk-data-table-select-dialog__main\">\n                  <MKDataTable\n                    v-loading={unref(loading)}\n                    dataTable={unref(dataTable)!}\n                    selection\n                  />\n                </div>\n              ) : null,\n            footer: () => (\n              <Fragment>\n                <ElButton type=\"primary\" onClick={handleConfirm}>\n                  确定\n                </ElButton>\n                <ElButton onClick={handleCancel}>取消</ElButton>\n              </Fragment>\n            ),\n          }}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataTableSelectDialogProps","emits","dataTableSelectDialogEmits","setup","emit","dataTable","ref","loading","computed","unref","isShowDialog","get","modelValue","set","v","handleConfirm","multiple","getSelection","value","handleCancel","watch","table","setSelectionColumn","TableSelectCacheColumn","immediate","selectionColumn","_","onCleanup","_dataTable","clearSelection","handleColumnState","selection","setSelection","Array","isArray","actionColumn","getColumn","visible","initd","disposable","initdEvent","once","dispose","_createVNode","ElDialog","default","_withDirectives","MKDataTable","_resolveDirective","footer","_Fragment","ElButton","_createTextVNode"],"mappings":"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"}

package/dist/cjs/components/data-table-select-dialog/index.d.ts

@@ -34,8 +34,8 @@ export declare const MKDataTableSelectDialog: import("@maketribe/utils").SFCWith
     };
 }>> & {
     "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
     "onUpdate:selection"?: ((modelValue: any) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
 }, {
     readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly modelValue: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;

package/dist/cjs/components/form-components/form-detail/form-detail.js

@@ -5,12 +5,11 @@ require('../../data-model/data-form/index.js');
 var index = require('../../data-model/data-form-page/index.js');
 var index$1 = require('../../data-model/data-table/index.js');
 require('../../data-model/data-table-page/index.js');
-require('../../data-model/data-tree/index.js');
-require('../../data-model/data-tree-page/index.js');
 require('../../data-model/data-table-pagination/index.js');
 var formDetailOptions = require('./form-detail-options.js');
 var useFormItem = require('../../data-model/data-form/composables/use-form-item.js');
 var elementPlus = require('element-plus');
+var utils = require('@maketribe/utils');
 
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
@@ -32,19 +31,19 @@ var FormDetail = /* @__PURE__ */ vue.defineComponent({
     });
     vue.watch(detailTable, (detailTable2, _, onCleanUp) => {
       detailTable2.dataFilter.setReady();
-      const editRecordEventDisposable = detailTable2.editRecordEvent.on(({
+      const disposable = new utils.Disposable();
+      disposable.register(detailTable2.editRecordEvent.on(({
         item
       }) => {
         vue.unref(detailForm).editRecord(item);
         isShowDrawer.value = true;
-      });
-      const addRecordEventDisposable = detailTable2.addRecordEvent.on(async () => {
+      }));
+      disposable.register(detailTable2.addRecordEvent.on(async () => {
         isShowDrawer.value = true;
         await vue.unref(detailForm).addRecord();
-      });
+      }));
       onCleanUp(() => {
-        editRecordEventDisposable.dispose();
-        addRecordEventDisposable.dispose();
+        disposable.dispose();
       });
     }, {
       immediate: true

package/dist/cjs/components/form-components/form-detail/form-detail.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-detail.js","sources":["../../../../../src/components/form-components/form-detail/form-detail.tsx"],"sourcesContent":["import { computed, defineComponent, ref, unref, watch } from \"vue\";\nimport { MKDataFormPage, MKDataTable } from \"../../data-model\";\nimport { formDetailProps } from \"./form-detail-options\";\nimport { useFormItem } from \"../../data-model/data-form/composables\";\nimport { ElDrawer, ElEmpty } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKFormDetail\",\n  props: formDetailProps,\n  setup(props) {\n    const detailTable = computed(() => props.column.detailTable);\n    const detailForm = computed(() => props.column.detailForm!);\n\n    const { value } = useFormItem();\n\n    const isShowDrawer = ref(false);\n\n    watch(\n      computed(() => unref(value)),\n      (value) => {\n        const _detailTable = unref(detailTable);\n\n        value = Array.isArray(value) ? value : [];\n\n        _detailTable.setList(\n          value.map((item: any) => _detailTable.formatItem(item))\n        );\n      }\n    );\n\n    watch(\n      detailTable,\n      (detailTable, _, onCleanUp) => {\n        detailTable.dataFilter.setReady();\n\n        const editRecordEventDisposable = detailTable.editRecordEvent.on(\n          ({ item }) => {\n            unref(detailForm).editRecord(item);\n\n            isShowDrawer.value = true;\n          }\n        );\n\n        const addRecordEventDisposable = detailTable.addRecordEvent.on(\n          async () => {\n            isShowDrawer.value = true;\n\n            await unref(detailForm).addRecord();\n          }\n        );\n\n        onCleanUp(() => {\n          editRecordEventDisposable.dispose();\n          addRecordEventDisposable.dispose();\n        });\n      },\n      { immediate: true }\n    );\n\n    watch(\n      detailForm,\n      (detailForm, _, onCleanup) => {\n        const submittedEventDisposable = detailForm.submittedEvent.on(() => {\n          isShowDrawer.value = false;\n\n          unref(detailTable).load();\n        });\n\n        onCleanup(() => {\n          submittedEventDisposable.dispose();\n        });\n      },\n      { immediate: true }\n    );\n\n    const handleDrawerCancel = () => {\n      isShowDrawer.value = false;\n    };\n\n    return () => {\n      const dataForm = unref(isShowDrawer) ? (\n        <MKDataFormPage\n          dataForm={unref(detailForm)}\n          autoLoad={false}\n          onCancel={handleDrawerCancel}\n        />\n      ) : null;\n\n      return (\n        <div class=\"mk-form-detail\">\n          <MKDataTable\n            dataTable={unref(detailTable)}\n            autoLoad={false}\n            v-slots={{ empty: () => <ElEmpty image-size={100} /> }}\n          />\n          <ElDrawer\n            class=\"mk-form-detail__drawer\"\n            modelValue={unref(isShowDrawer)}\n            onUpdate:modelValue={(v) => (isShowDrawer.value = v)}\n            appendToBody\n            withHeader={false}\n            width=\"50%\"\n          >\n            {dataForm}\n          </ElDrawer>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formDetailProps","setup","detailTable","computed","column","detailForm","value","useFormItem","isShowDrawer","ref","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","_","onCleanUp","dataFilter","setReady","editRecordEventDisposable","editRecordEvent","on","editRecord","addRecordEventDisposable","addRecordEvent","addRecord","dispose","immediate","onCleanup","submittedEventDisposable","submittedEvent","load","handleDrawerCancel","dataForm","_createVNode","MKDataFormPage","MKDataTable","empty","ElEmpty","ElDrawer","v","default"],"mappings":"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"}
+{"version":3,"file":"form-detail.js","sources":["../../../../../src/components/form-components/form-detail/form-detail.tsx"],"sourcesContent":["import { computed, defineComponent, ref, unref, watch } from \"vue\";\nimport { MKDataFormPage, MKDataTable } from \"../../data-model\";\nimport { formDetailProps } from \"./form-detail-options\";\nimport { useFormItem } from \"../../data-model/data-form/composables\";\nimport { ElDrawer, ElEmpty } from \"element-plus\";\nimport { Disposable } from \"@maketribe/utils\";\n\nexport default defineComponent({\n  name: \"MKFormDetail\",\n  props: formDetailProps,\n  setup(props) {\n    const detailTable = computed(() => props.column.detailTable);\n    const detailForm = computed(() => props.column.detailForm!);\n\n    const { value } = useFormItem();\n\n    const isShowDrawer = ref(false);\n\n    watch(\n      computed(() => unref(value)),\n      (value) => {\n        const _detailTable = unref(detailTable);\n\n        value = Array.isArray(value) ? value : [];\n\n        _detailTable.setList(\n          value.map((item: any) => _detailTable.formatItem(item))\n        );\n      }\n    );\n\n    watch(\n      detailTable,\n      (detailTable, _, onCleanUp) => {\n        detailTable.dataFilter.setReady();\n\n        const disposable = new Disposable();\n\n        disposable.register(\n          detailTable.editRecordEvent.on(({ item }) => {\n            unref(detailForm).editRecord(item);\n\n            isShowDrawer.value = true;\n          })\n        );\n\n        disposable.register(\n          detailTable.addRecordEvent.on(async () => {\n            isShowDrawer.value = true;\n\n            await unref(detailForm).addRecord();\n          })\n        );\n\n        onCleanUp(() => {\n          disposable.dispose();\n        });\n      },\n      { immediate: true }\n    );\n\n    watch(\n      detailForm,\n      (detailForm, _, onCleanup) => {\n        const submittedEventDisposable = detailForm.submittedEvent.on(() => {\n          isShowDrawer.value = false;\n\n          unref(detailTable).load();\n        });\n\n        onCleanup(() => {\n          submittedEventDisposable.dispose();\n        });\n      },\n      { immediate: true }\n    );\n\n    const handleDrawerCancel = () => {\n      isShowDrawer.value = false;\n    };\n\n    return () => {\n      const dataForm = unref(isShowDrawer) ? (\n        <MKDataFormPage\n          dataForm={unref(detailForm)}\n          autoLoad={false}\n          onCancel={handleDrawerCancel}\n        />\n      ) : null;\n\n      return (\n        <div class=\"mk-form-detail\">\n          <MKDataTable\n            dataTable={unref(detailTable)}\n            autoLoad={false}\n            v-slots={{ empty: () => <ElEmpty image-size={100} /> }}\n          />\n          <ElDrawer\n            class=\"mk-form-detail__drawer\"\n            modelValue={unref(isShowDrawer)}\n            onUpdate:modelValue={(v) => (isShowDrawer.value = v)}\n            appendToBody\n            withHeader={false}\n            width=\"50%\"\n          >\n            {dataForm}\n          </ElDrawer>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formDetailProps","setup","detailTable","computed","column","detailForm","value","useFormItem","isShowDrawer","ref","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","_","onCleanUp","dataFilter","setReady","disposable","Disposable","register","editRecordEvent","on","editRecord","addRecordEvent","addRecord","dispose","immediate","onCleanup","submittedEventDisposable","submittedEvent","load","handleDrawerCancel","dataForm","_createVNode","MKDataFormPage","MKDataTable","empty","ElEmpty","ElDrawer","v","default"],"mappings":"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"}

package/dist/cjs/components/index.d.ts

@@ -19,7 +19,6 @@ export * from "./system-provider";
 export * from "./material-list";
 export * from "./material-select";
 export * from "./role-permission-config";
-export * from "./menu-permission-table";
 export * from "./image-select";
 export * from "./verify-dialog";
-export * from "./member-table";
+export * from "./json-editor";