@maketribe/ms-app 3.0.7 → 3.0.8

package/dist/esm/components/data-model/{data-tree → data-table/views/tree-view}/index.d.ts

@@ -1,15 +1,10 @@
-export declare const MKDataTree: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
-    readonly dataTable: {
-        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+export declare const MKTreeView: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly dataTree: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTree<any>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-    readonly props: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
-        label: string;
-        children: string;
-    }, boolean>;
     readonly filterNodeMethod: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -18,17 +13,12 @@ export declare const MKDataTree: import("@maketribe/utils").SFCWithInstall<impor
     };
     readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }, () => 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<true, unknown, unknown, true, boolean>;
-    readonly dataTable: {
-        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+    readonly dataTree: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTree<any>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-    readonly props: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
-        label: string;
-        children: string;
-    }, boolean>;
     readonly filterNodeMethod: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -37,9 +27,7 @@ export declare const MKDataTree: import("@maketribe/utils").SFCWithInstall<impor
     };
     readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>>, {
-    readonly autoLoad: any;
-    readonly props: Record<string, any>;
     readonly defaultExpandAll: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>> & Record<string, any>;
-export default MKDataTree;
-export * from "./data-tree-options";
+export default MKTreeView;
+export * from "./tree-view-options";

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

@@ -0,0 +1,8 @@
+import { withInstall } from '@maketribe/utils';
+import TreeView from './tree-view.js';
+export { treeViewProps } from './tree-view-options.js';
+
+const MKTreeView = withInstall(TreeView);
+
+export { MKTreeView, MKTreeView as default };
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/data-model/data-table/views/tree-view/tree-view-options.d.ts

@@ -0,0 +1,18 @@
+import { ExtractPropTypes } from "vue";
+import { DataTree } from "@maketribe/dm";
+export declare const treeViewProps: {
+    readonly dataTree: {
+        readonly type: import("vue").PropType<DataTree<any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly filterNodeMethod: {
+        readonly type: import("vue").PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+};
+export type TreeViewProps = ExtractPropTypes<typeof treeViewProps>;

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

@@ -0,0 +1,16 @@
+import { DataTree } from '@maketribe/dm';
+import { buildProps } from '@maketribe/utils';
+
+const treeViewProps = buildProps({
+  dataTree: {
+    type: DataTree,
+    required: true
+  },
+  filterNodeMethod: {
+    type: Function
+  },
+  defaultExpandAll: { type: Boolean, default: true }
+});
+
+export { treeViewProps };
+//# sourceMappingURL=tree-view-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/tree-view/tree-view-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTree } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const treeViewProps = buildProps({\n  dataTree: {\n    type: DataTree<any>,\n    required: true,\n  },\n  filterNodeMethod: {\n    type: Function,\n  },\n  defaultExpandAll: { type: Boolean, default: true },\n} as const);\n\nexport type TreeViewProps = ExtractPropTypes<typeof treeViewProps>;\n"],"names":[],"mappings":";;;AAIO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,QAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,QAAA;AAAA,GACR;AAAA,EACA,gBAAkB,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AACnD,CAAU;;;;"}

package/dist/{cjs/components/data-model/data-tree/data-tree.d.ts → esm/components/data-model/data-table/views/tree-view/tree-view.d.ts}

@@ -1,16 +1,10 @@
-import { DataTable } from "@maketribe/dm";
 declare const _default: import("vue").DefineComponent<{
-    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
-    readonly dataTable: {
-        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+    readonly dataTree: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTree<any>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-    readonly props: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
-        label: string;
-        children: string;
-    }, boolean>;
     readonly filterNodeMethod: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -19,17 +13,12 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }, () => 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<true, unknown, unknown, true, boolean>;
-    readonly dataTable: {
-        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+    readonly dataTree: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTree<any>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-    readonly props: import("@maketribe/utils").PropFinalized<ObjectConstructor, unknown, unknown, () => {
-        label: string;
-        children: string;
-    }, boolean>;
     readonly filterNodeMethod: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -38,8 +27,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>>, {
-    readonly autoLoad: any;
-    readonly props: Record<string, any>;
     readonly defaultExpandAll: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;

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

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

package/dist/esm/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","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/esm/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/esm/components/data-model/data-table-page/data-table-page-options.js

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

package/dist/esm/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":[],"mappings":";;;AAIO,MAAM,qBAAqB,UAAW,CAAA;AAAA,EAC3C,SAAA,EAAW,EAAE,IAAA,EAAM,SAAe,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":[],"mappings":";;;AAIO,MAAM,qBAAqB,UAAW,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,EAAM,SAAe,EAAA;AACpC,CAAU;;;;"}

package/dist/esm/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/esm/components/data-model/data-table-page/data-table-page.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, unref, withDirectives, createVNode, resolveDirective } from 'vue';
+import { defineComponent, computed, unref, withDirectives, createVNode, mergeProps, resolveDirective } from 'vue';
 import { dataTablePageProps } from './data-table-page-options.js';
 import { MKDataTable } from '../data-table/index.js';
 
@@ -13,9 +13,9 @@ var DataTablePage = /* @__PURE__ */ defineComponent({
     return () => {
       return withDirectives(createVNode("div", {
         "class": "mk-data-table-page"
-      }, [createVNode(MKDataTable, {
+      }, [createVNode(MKDataTable, mergeProps(props, {
         "dataTable": unref(dataTable)
-      }, {
+      }), {
         ...slots
       })]), [[resolveDirective("loading"), unref(loading)]]);
     };

package/dist/esm/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":["name","props","dataTablePageProps","setup","slots","dataTable","computed","loading","unref","_withDirectives","_createVNode","MKDataTable","_resolveDirective"],"mappings":";;;;AAKA,oCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,iBAAA;AAAA,EACNC,KAAOC,EAAAA,kBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,SAAYC,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMI,aAAa,IAAI,CAAA,CAAA;AAExD,IAAA,MAAME,UAAUD,QAAS,CAAA,MAAME,MAAMH,SAAS,CAAA,EAAGE,WAAW,IAAI,CAAA,CAAA;AAEhE,IAAA,OAAO,MAAM;AACX,MAAAE,OAAAA,cAAAA,CAAAC,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,oBAAA;AAAA,OAAA,EAAAA,CAAAA,WAAAA,CAAAC,WAAA,EAAA;AAAA,QAAA,WAAA,EAGiBH,MAAMH,SAAS,CAAA;AAAA,OACjB,EAAA;AAAA,QAAE,GAAGD,KAAAA;AAAAA,OAAO,OAAAQ,gBAAA,CAAA,SAAA,CAHkBJ,EAAAA,KAAAA,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":["name","props","dataTablePageProps","setup","slots","dataTable","computed","loading","unref","_withDirectives","_createVNode","MKDataTable","_mergeProps","_resolveDirective"],"mappings":";;;;AAKA,oCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,iBAAA;AAAA,EACNC,KAAOC,EAAAA,kBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,SAAYC,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMI,aAAa,IAAI,CAAA,CAAA;AAExD,IAAA,MAAME,UAAUD,QAAS,CAAA,MAAME,MAAMH,SAAS,CAAA,EAAGE,WAAW,IAAI,CAAA,CAAA;AAEhE,IAAA,OAAO,MAAM;AACX,MAAAE,OAAAA,cAAAA,CAAAC,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,oBAAA;AAAA,OAAA,EAAA,CAAAA,WAAAC,CAAAA,WAAAA,EAAAC,WAGUX,KAAK,EAAA;AAAA,QAAA,WAAA,EACEO,MAAMH,SAAS,CAAA;AAAA,OACjB,CAAA,EAAA;AAAA,QAAE,GAAGD,KAAAA;AAAAA,OAAO,OAAAS,gBAAA,CAAA,SAAA,CAJkBL,EAAAA,KAAAA,CAAMD,OAAO,CAAC,CAAA,CAAA,CAAA,CAAA;AAAA,KAQ7D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/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/esm/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/esm/components/data-model/index.js

@@ -2,8 +2,6 @@ export { MKDataForm } from './data-form/index.js';
 export { MKDataFormPage } from './data-form-page/index.js';
 export { MKDataTable } from './data-table/index.js';
 export { MKDataTablePage } from './data-table-page/index.js';
-export { MKDataTree } from './data-tree/index.js';
-export { MKDataTreePage } from './data-tree-page/index.js';
 export { MKDataTablePagination } from './data-table-pagination/index.js';
 export { dataFormEmits, dataFormProps } from './data-form/data-form-options.js';
 export { dataFormItemProps } from './data-form/data-form-item/data-form-item-options.js';
@@ -16,13 +14,16 @@ export { MKDataTableColumn } from './data-table/data-table-column/index.js';
 export { dataTableColumnComponentProps } from './data-table/data-table-column-component/data-table-column-component-options.js';
 export { MKDataTableColumnComponent } from './data-table/data-table-column-component/index.js';
 export { DataTableEmits, dataTableEmits, dataTableProps } from './data-table/data-table-options.js';
-export { MKTableClassifySearchItem } from './data-table/views/table/classify-search/classify-search-item/index.js';
-export { MKTableClassifySearch } from './data-table/views/table/classify-search/index.js';
-export { conditionProps, useCondition } from './data-table/views/table/search/composables/use-condition.js';
-export { TABLE_SEARCH_CONTEXT_KEY, TABLE_SEARCH_ITEM_CONTEXT_KEY } from './data-table/views/table/search/token.js';
-export { BETWEEN_OPTION, CONTAIN_OPTION, EQUAL_OPTION, GREATER_THAN_EQUAL_OPTION, GREATER_THAN_OPTION, IN_OPTION, LESS_THAN_EQUAL_OPTION, LESS_THAN_OPTION, NOT_IN_OPTION, OPERATOR_OPTIONS } from './data-table/views/table/search/operator-options.js';
-export { MKTableSearch } from './data-table/views/table/search/index.js';
-export { MKTableView } from './data-table/views/table/index.js';
-export { dataTreeProps } from './data-tree/data-tree-options.js';
+export { tableProps } from './data-table/views/table/table-options.js';
+export { MKTable } from './data-table/views/table/index.js';
+export { tableTreeProps } from './data-table/views/table-tree/table-tree-options.js';
+export { MKTableTree } from './data-table/views/table-tree/index.js';
+export { treeProps } from './data-table/views/tree/tree-options.js';
+export { MKTree } from './data-table/views/tree/index.js';
+export { MKTableClassifySearchItem } from './data-table/views/table-view/classify-search/classify-search-item/index.js';
+export { MKTableClassifySearch } from './data-table/views/table-view/classify-search/index.js';
+export { MKTableView } from './data-table/views/table-view/index.js';
+export { treeViewProps } from './data-table/views/tree-view/tree-view-options.js';
+export { MKTreeView } from './data-table/views/tree-view/index.js';
 export { dataTablePaginationProps } from './data-table-pagination/data-table-pagination-options.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/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/esm/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/esm/components/data-table-select-dialog/data-table-select-dialog.js

@@ -4,8 +4,6 @@ import '../data-model/data-form/index.js';
 import '../data-model/data-form-page/index.js';
 import { MKDataTable } from '../data-model/data-table/index.js';
 import '../data-model/data-table-page/index.js';
-import '../data-model/data-tree/index.js';
-import '../data-model/data-tree-page/index.js';
 import '../data-model/data-table-pagination/index.js';
 import { dataTableSelectDialogProps, dataTableSelectDialogEmits } from './data-table-select-dialog-options.js';
 import { TableSelectCacheColumn } from '@maketribe/dm';

package/dist/esm/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":["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":["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":";;;;;;;;;;AAkBA,4CAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,yBAAA;AAAA,EACNC,KAAOC,EAAAA,0BAAAA;AAAAA,EACPC,KAAOC,EAAAA,0BAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAMC,MAAAA,SAAAA,GAAmCC,IAAI,IAAI,CAAA,CAAA;AAEjD,IAAA,MAAMC,UAAUC,QAAS,CAAA,MAAMC,KAAMJ,CAAAA,SAAS,EAAGE,OAAO,CAAA,CAAA;AAExD,IAAA,MAAMG,eAAeF,QAAS,CAAA;AAAA,MAC5BG,GAAAA,EAAKA,MAAMZ,KAAMa,CAAAA,UAAAA;AAAAA,MACjBC,GAAMC,EAAAA,CAAAA,CAAAA,KAAMV,IAAK,CAAA,oBAAA,EAAsBU,CAAC,CAAA;AAAA,KACzC,CAAA,CAAA;AAED,IAAA,MAAMC,gBAAgBA,MAAM;AAC1B,MAAA,IAAIhB,MAAMiB,QAAU,EAAA;AAClBZ,QAAAA,IAAAA,CAAK,kBAAoBK,EAAAA,KAAAA,CAAMJ,SAAS,CAAA,CAAGY,cAAc,CAAA,CAAA;AAAA,OACpD,MAAA;AACLb,QAAK,IAAA,CAAA,kBAAA,EAAoBK,MAAMJ,SAAS,CAAA,CAAGY,cAAe,CAAA,CAAC,KAAK,EAAE,CAAA,CAAA;AAAA,OACpE;AAEAP,MAAAA,YAAAA,CAAaQ,KAAQ,GAAA,KAAA,CAAA;AAErBd,MAAAA,IAAAA,CAAK,SAAS,CAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,MAAMe,eAAeA,MAAM;AACzBT,MAAAA,YAAAA,CAAaQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KACvB,CAAA;AAEAE,IAAAA,KAAAA,CACEZ,QAAS,CAAA,MAAMT,KAAMM,CAAAA,SAAS,GAC7BgB,CAAU,KAAA,KAAA;AACThB,MAAAA,SAAAA,CAAUa,KAAQG,GAAAA,KAAAA,CAAAA;AAClBhB,MAAUa,SAAAA,CAAAA,KAAAA,CAAMI,kBACd,CAAA,IAAIC,sBAAuB,CAAA;AAAA,QAAEP,UAAUjB,KAAMiB,CAAAA,QAAAA;AAAAA,OAAU,CACzD,CAAA,CAAA;AAAA,KAEF,EAAA;AAAA,MAAEQ,SAAW,EAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAEAJ,IAAAA,KAAAA,CACEZ,QAAS,CAAA,MAAMT,KAAMiB,CAAAA,QAAQ,GAC5BA,CAAa,QAAA,KAAA;AACZ,MAAA,IAAIX,UAAUa,KAAO,EAAA;AACnBb,QAAUa,SAAAA,CAAAA,KAAAA,CAAMO,gBAAgBT,QAAWA,GAAAA,QAAAA,CAAAA;AAAAA,OAC7C;AAAA,KAEJ,CAAA,CAAA;AAEAI,IAAAA,KAAAA,CACEV,YACA,EAAA,CAACA,aAAcgB,EAAAA,CAAAA,EAAGC,SAAc,KAAA;AAC9B,MAAMC,MAAAA,UAAAA,GAAanB,MAAMJ,SAAS,CAAA,CAAA;AAElC,MAAA,IAAI,CAACK,aAAc,EAAA;AACjBkB,QAAAA,UAAAA,CAAWC,cAAe,EAAA,CAAA;AAC1B,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,MAAMC,oBAAoBA,MAAM;AAC9B,QAAA,MAAMC,YAAYhC,KAAMgC,CAAAA,SAAAA,CAAAA;AACxBH,QAAWI,UAAAA,CAAAA,YAAAA,CACTC,KAAMC,CAAAA,OAAAA,CAAQH,SAAS,CAAA,GAAIA,SAAYA,GAAAA,SAAAA,GAAY,CAACA,SAAS,CAAI,GAAA,EACnE,CAAA,CAAA;AAEA,QAAMI,MAAAA,YAAAA,GAAeP,UAAWQ,CAAAA,SAAAA,CAAU,SAAS,CAAA,CAAA;AAEnD,QAAA,IAAID,YAAc,EAAA;AAChBA,UAAAA,YAAAA,CAAaE,OAAU,GAAA,KAAA,CAAA;AAAA,SACzB;AAAA,OACF,CAAA;AAEA,MAAA,IAAIT,WAAWU,KAAO,EAAA;AACpBR,QAAkB,iBAAA,EAAA,CAAA;AAClB,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,MAAMS,UAAaX,GAAAA,UAAAA,CAAWY,UAAWC,CAAAA,IAAAA,CAAKX,iBAAiB,CAAA,CAAA;AAE/DH,MAAAA,SAAAA,CAAU,MAAM;AACdY,QAAAA,UAAAA,CAAWG,OAAQ,EAAA,CAAA;AAAA,OACpB,CAAA,CAAA;AAAA,KAEH,EAAA;AAAA,MAAElB,SAAW,EAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAEAJ,IAAAA,KAAAA,CACEZ,QAAS,CAAA,MAAMT,KAAMgC,CAAAA,SAAS,GAC7BA,CAAc,SAAA,KAAA;AACb,MAAA,IAAIhC,MAAMiB,QAAU,EAAA;AAClBP,QAAMJ,KAAAA,CAAAA,SAAS,GAAG2B,YAChBC,CAAAA,KAAAA,CAAMC,QAAQH,SAAS,CAAA,GAAIA,SAAY,GAAA,EACzC,CAAA,CAAA;AAAA,OACK,MAAA;AACLtB,QAAMJ,KAAAA,CAAAA,SAAS,GAAG2B,YAAaD,CAAAA,SAAAA,GAAY,CAACA,SAAS,CAAA,GAAI,EAAE,CAAA,CAAA;AAAA,OAC7D;AAAA,KAEJ,CAAA,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAY,YAAAC,QAAA,EAAA;AAAA,QAAA,OAAA,EAAA,6BAAA;AAAA,QAAA,OAAA,EAAA,KAAA;AAAA,QAAA,cAAA,EAAA,IAAA;AAAA,QAAA,YAAA,EAKgBnC,MAAMC,YAAY,CAAA;AAAA,QAAC,uBACTI,CAAM,CAAA,KAAA;AAC1BJ,UAAAA,YAAAA,CAAaQ,KAAQJ,GAAAA,CAAAA,CAAAA;AAAAA,SACvB;AAAA,OACS,EAAA;AAAA,QACP+B,OAASA,EAAAA;AAAAA;AAAAA,UAEPpC,KAAMC,CAAAA,YAAY,CAACiC,GAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,YAAA,OAAA,EAAA,mCAAA;AAAA,WAAA,EAAA,CAAAG,cAAAH,CAAAA,WAAAA,CAAAI,WAAA,EAAA;AAAA,YAAA,WAAA,EAIFtC,MAAMJ,SAAS,CAAA;AAAA,YAAC,WAAA,EAAA,IAAA;AAAA,WAAA,EAAA,IAAA,CAAA,EAAA,CAAA,CAAA2C,gBADhBvC,CAAAA,SAAAA,CAAAA,EAAAA,KAAAA,CAAMF,OAAO,CAAC,KAK3B,GAAA,IAAA;AAAA,SAAA;AAAA,QACN0C,QAAQA,MAAAN,WAAAA,CAAAO,UAAA,IAAA,EAAA,CAAAP,YAAAQ,QAAA,EAAA;AAAA,UAAA,MAAA,EAAA,SAAA;AAAA,UAAA,SAE8BpC,EAAAA,aAAAA;AAAAA,SAAa,EAAA;AAAA,UAAA8B,OAAAA,EAAAA,MAAA,CAAAO,eAAAA,CAAA,cAAA,CAAA,CAAA;AAAA,SAAAT,CAAAA,EAAAA,WAAAA,CAAAQ,QAAA,EAAA;AAAA,UAAA,SAG5BhC,EAAAA,YAAAA;AAAAA,SAAY,EAAA;AAAA,UAAA0B,OAAAA,EAAAA,MAAA,CAAAO,eAAAA,CAAA,cAAA,CAAA,CAAA;AAAA,SAAA,CAAA,CAAA,CAAA;AAAA,OAGpC,CAAA,CAAA;AAAA,KAGP,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/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/esm/components/form-components/form-detail/form-detail.js

@@ -3,8 +3,6 @@ import '../../data-model/data-form/index.js';
 import { MKDataFormPage } from '../../data-model/data-form-page/index.js';
 import { MKDataTable } from '../../data-model/data-table/index.js';
 import '../../data-model/data-table-page/index.js';
-import '../../data-model/data-tree/index.js';
-import '../../data-model/data-tree-page/index.js';
 import '../../data-model/data-table-pagination/index.js';
 import { formDetailProps } from './form-detail-options.js';
 import { useFormItem } from '../../data-model/data-form/composables/use-form-item.js';

package/dist/esm/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","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\";\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","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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"}

package/dist/esm/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";