@maketribe/ms-app 3.0.3 → 3.0.5

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

@@ -0,0 +1,127 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var utils = require('@maketribe/utils');
+require('@maketribe/dm');
+require('../../config-provider/index.js');
+var useI18n = require('../../../composables/use-i18n.js');
+require('vue-router');
+require('@maketribe/request');
+require('@maketribe/locale');
+require('../../../core/DataModelDefines.js');
+var dataTreeOptions = require('./data-tree-options.js');
+
+var MKDataTree = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDataTree",
+  inheritAttrs: false,
+  props: dataTreeOptions.dataTreeProps,
+  setup(props, {
+    emit,
+    expose
+  }) {
+    const slots = vue.useSlots();
+    const attrs = vue.useAttrs();
+    const {
+      dataTable
+    } = vue.toRefs(props);
+    vue.unref(dataTable).dataFilter.setReady();
+    if (props.autoLoad) {
+      vue.unref(dataTable).load();
+    }
+    const i18n = useI18n.useI18n();
+    const data = vue.computed(() => vue.unref(dataTable).getList());
+    const primaryKey = vue.computed(() => vue.unref(dataTable).primaryKey);
+    const handleEdit = (data2) => {
+      vue.unref(dataTable).editRecord(data2);
+    };
+    const handleDelete = async (data2) => {
+      const confirm = await elementPlus.ElMessageBox.confirm(i18n.translate("mk.dataTablePage.deleteMessage"), i18n.translate("mk.dataTablePage.deleteTitle"), {
+        type: "warning"
+      }).then(() => true, () => false);
+      if (confirm) {
+        vue.unref(dataTable).deleteRecordAfterRefresh(data2[vue.unref(dataTable).primaryKey]);
+      }
+    };
+    let disposable = null;
+    vue.watch(dataTable, async (dataTable2) => {
+      disposable?.dispose();
+      disposable = new utils.Disposable();
+      const events = Object.keys(dataTable2).filter((key) => dataTable2[key] instanceof utils.Event).map((key) => ({
+        eventName: key.replace(/Event$/, "").replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),
+        event: dataTable2[key]
+      }));
+      for (const item of events) {
+        disposable.register(
+          // @ts-ignore
+          item.event.on((event) => {
+            emit(item.eventName, event);
+          })
+        );
+      }
+      await dataTable2.init();
+    }, {
+      immediate: true
+    });
+    vue.onBeforeUnmount(() => {
+      disposable?.dispose();
+    });
+    const handleToolsClick = (e) => {
+      e.stopPropagation();
+    };
+    const treeRef = vue.ref();
+    const filter = (value) => {
+      treeRef.value.filter(value);
+    };
+    expose({
+      filter
+    });
+    return () => {
+      return vue.createVNode(elementPlus.ElTree, vue.mergeProps(attrs, {
+        "props": props.props,
+        "defaultExpandAll": props.defaultExpandAll,
+        "ref": treeRef,
+        "class": "mk-data-tree",
+        "data": vue.unref(data),
+        "filter-node-method": props.filterNodeMethod,
+        "nodeKey": vue.unref(primaryKey)
+      }), {
+        default: (scope) => {
+          let children = slots.default?.(scope);
+          if (children) {
+            return children;
+          }
+          const {
+            data: data2
+          } = scope;
+          const label = data2[props.props.label];
+          const main = slots["node-main"]?.(scope) || label;
+          const tools = slots["node-tools"]?.(scope) || vue.createVNode(vue.Fragment, null, [slots["node-tools-prefix"]?.(scope), vue.createVNode(elementPlus.ElButton, {
+            "type": "primary",
+            "link": true,
+            "onClick": () => handleEdit(data2)
+          }, {
+            default: () => [vue.createTextVNode("\u7F16\u8F91")]
+          }), vue.createVNode(elementPlus.ElButton, {
+            "type": "danger",
+            "link": true,
+            "onClick": () => handleDelete(data2)
+          }, {
+            default: () => [vue.createTextVNode("\u5220\u9664")]
+          })]);
+          return vue.createVNode("div", {
+            "class": "mk-data-tree-node"
+          }, [vue.createVNode("div", {
+            "class": "mk-data-tree-node_main"
+          }, [main]), vue.createVNode("div", {
+            "class": "mk-data-tree-node__tools",
+            "onClick": handleToolsClick
+          }, [tools])]);
+        }
+      });
+    };
+  }
+});
+
+module.exports = MKDataTree;
+//# sourceMappingURL=data-tree.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-tree.js","sources":["../../../../../src/components/data-model/data-tree/data-tree.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  onBeforeUnmount,\n  ref,\n  toRefs,\n  unref,\n  useAttrs,\n  useSlots,\n  watch\n} from \"vue\";\nimport { ElButton, ElMessageBox, ElTree } from \"element-plus\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { Disposable, Event } from \"@maketribe/utils\";\n\nimport { useI18n } from \"../../../composables\";\nimport { dataTreeProps } from \"./data-tree-options\";\n\nexport default defineComponent({\n  name: \"MKDataTree\",\n  inheritAttrs: false,\n  props: dataTreeProps,\n  setup(props, { emit, expose }) {\n    const slots = useSlots();\n    const attrs = useAttrs();\n\n    const { dataTable } = toRefs(props);\n\n    unref(dataTable).dataFilter.setReady();\n\n    if (props.autoLoad) {\n      unref(dataTable).load();\n    }\n\n    const i18n = useI18n()!;\n\n    const data = computed(() => unref(dataTable).getList());\n\n    const primaryKey = computed(() => unref(dataTable).primaryKey);\n\n    const handleEdit = (data: any) => {\n      unref(dataTable).editRecord(data);\n    };\n\n    const handleDelete = async (data: any) => {\n      const confirm = await ElMessageBox.confirm(\n        i18n.translate(\"mk.dataTablePage.deleteMessage\"),\n        i18n.translate(\"mk.dataTablePage.deleteTitle\"),\n        { type: \"warning\" }\n      ).then(\n        () => true,\n        () => false\n      );\n\n      if (confirm) {\n        unref(dataTable).deleteRecordAfterRefresh(\n          data[unref(dataTable).primaryKey]\n        );\n      }\n    };\n\n    let disposable: Disposable | null = null;\n\n    watch(\n      dataTable,\n      async (dataTable) => {\n        disposable?.dispose();\n\n        disposable = new Disposable();\n\n        const events = Object.keys(dataTable)\n          .filter((key) => dataTable[key as keyof DataTable] instanceof Event)\n          .map((key) => ({\n            eventName: key\n              .replace(/Event$/, \"\")\n              .replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),\n            event: dataTable[key as keyof DataTable]! as Event,\n          }));\n\n        for (const item of events) {\n          disposable.register(\n            // @ts-ignore\n            item.event.on((event: any) => {\n              // @ts-ignore\n              emit(item.eventName, event);\n            })\n          );\n        }\n\n        await dataTable.init();\n      },\n      { immediate: true }\n    );\n\n    onBeforeUnmount(() => {\n      disposable?.dispose();\n    });\n\n    const handleToolsClick = (e: MouseEvent) => {\n      e.stopPropagation();\n    };\n\n    const treeRef = ref<InstanceType<typeof ElTree>>()\n\n    //筛选方法\n    const filter = (value: string)=>{\n      treeRef.value!.filter(value)\n    }\n\n    expose({ filter })\n\n    return () => {\n      return (\n        <ElTree\n          {...attrs}\n          props={props.props}\n          defaultExpandAll={props.defaultExpandAll}\n          ref = {treeRef}\n          class=\"mk-data-tree\"\n          data={unref(data)}\n          filter-node-method={props.filterNodeMethod}\n          nodeKey={unref(primaryKey)}\n          v-slots={{\n            default: (scope: any) => {\n              let children = slots.default?.(scope);\n\n              if (children) {\n                return children;\n              }\n\n              const { data } = scope;\n\n              const label = data[props.props.label];\n\n              const main = slots[\"node-main\"]?.(scope) || label;\n\n              const tools = slots[\"node-tools\"]?.(scope) || (\n                <Fragment>\n                  {slots[\"node-tools-prefix\"]?.(scope)}\n                  <ElButton\n                    type=\"primary\"\n                    link\n                    onClick={() => handleEdit(data)}\n                  >\n                    编辑\n                  </ElButton>\n                  <ElButton\n                    type=\"danger\"\n                    link\n                    onClick={() => handleDelete(data)}\n                  >\n                    删除\n                  </ElButton>\n                </Fragment>\n              );\n\n              return (\n                <div class=\"mk-data-tree-node\">\n                  <div class=\"mk-data-tree-node_main\">{main}</div>\n\n                  <div\n                    class=\"mk-data-tree-node__tools\"\n                    onClick={handleToolsClick}\n                  >\n                    {tools}\n                  </div>\n                </div>\n              );\n            },\n          }}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","inheritAttrs","props","dataTreeProps","setup","emit","expose","slots","useSlots","attrs","useAttrs","dataTable","toRefs","unref","dataFilter","setReady","autoLoad","load","i18n","useI18n","data","computed","getList","primaryKey","handleEdit","editRecord","handleDelete","confirm","ElMessageBox","translate","type","then","deleteRecordAfterRefresh","disposable","watch","dispose","Disposable","events","Object","keys","filter","key","Event","map","eventName","replace","match","toLocaleLowerCase","event","item","register","on","init","immediate","onBeforeUnmount","handleToolsClick","e","stopPropagation","treeRef","ref","value","_createVNode","ElTree","_mergeProps","defaultExpandAll","filterNodeMethod","default","scope","children","label","main","tools","_Fragment","ElButton","onClick","_createTextVNode"],"mappings":"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"}

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

@@ -0,0 +1,45 @@
+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>>;
+        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;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    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 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;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}>>, {
+    readonly props: Record<string, any>;
+    readonly autoLoad: any;
+    readonly defaultExpandAll: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>> & Record<string, any>;
+export default MKDataTree;
+export * from "./data-tree-options";

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var dataTree = require('./data-tree.js');
+var dataTreeOptions = require('./data-tree-options.js');
+
+const MKDataTree = utils.withInstall(dataTree);
+
+exports.dataTreeProps = dataTreeOptions.dataTreeProps;
+exports.MKDataTree = MKDataTree;
+exports.default = MKDataTree;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,29 @@
+import { ExtractPropTypes } from "vue";
+import { DataForm, DataTable } from "@maketribe/dm";
+export declare const dataTreePageProps: {
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
+    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;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type DataTreePageProps = ExtractPropTypes<typeof dataTreePageProps>;

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

@@ -0,0 +1,22 @@
+'use strict';
+
+var dm = require('@maketribe/dm');
+var utils = require('@maketribe/utils');
+require('../data-tree/index.js');
+var dataTreeOptions = require('../data-tree/data-tree-options.js');
+
+const dataTreePageProps = utils.buildProps({
+  ...dataTreeOptions.dataTreeProps,
+  dataTable: {
+    type: dm.DataTable,
+    required: true
+  },
+  dataForm: {
+    type: dm.DataForm,
+    required: true
+  },
+  defaultExpandAll: { type: Boolean, default: true }
+});
+
+exports.dataTreePageProps = dataTreePageProps;
+//# sourceMappingURL=data-tree-page-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-tree-page-options.js","sources":["../../../../../src/components/data-model/data-tree-page/data-tree-page-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataForm, DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nimport { dataTreeProps } from \"../data-tree\";\n\nexport const dataTreePageProps = buildProps({\n  ...dataTreeProps,\n  dataTable: {\n    type: DataTable<any>,\n    required: true,\n  },\n  dataForm: {\n    type: DataForm<any>,\n    required: true,\n  },\n  defaultExpandAll: { type: Boolean, default: true },\n} as const);\n\nexport type DataTreePageProps = ExtractPropTypes<typeof dataTreePageProps>;\n"],"names":["buildProps","dataTreeProps","DataTable","DataForm"],"mappings":";;;;;;;AAMO,MAAM,oBAAoBA,gBAAW,CAAA;AAAA,EAC1C,GAAGC,6BAAA;AAAA,EACH,SAAW,EAAA;AAAA,IACT,IAAM,EAAAC,YAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAAC,WAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,gBAAkB,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AACnD,CAAU;;;;"}

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

@@ -0,0 +1,56 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
+    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;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __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 dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
+    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;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    readonly props: Record<string, any>;
+    readonly autoLoad: any;
+    readonly defaultExpandAll: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,167 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var icons = require('@element-plus/icons-vue');
+require('@maketribe/dm');
+require('../../config-provider/index.js');
+var useI18n = require('../../../composables/use-i18n.js');
+require('vue-router');
+require('@maketribe/request');
+require('@maketribe/locale');
+require('@maketribe/utils');
+require('../../../core/DataModelDefines.js');
+var dataTree = require('../data-tree/data-tree.js');
+var dataForm = require('../data-form/data-form.js');
+var dataTreePageOptions = require('./data-tree-page-options.js');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+var DataTreePage = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDataTreePage",
+  inheritAttrs: false,
+  props: dataTreePageOptions.dataTreePageProps,
+  setup(props) {
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
+    const {
+      dataTable,
+      dataForm: dataForm$1
+    } = vue.unref(props);
+    const i18n = useI18n.useI18n();
+    const isShowForm = vue.ref(false);
+    const tableLoading = vue.computed(() => vue.unref(dataTable)?.loading);
+    const formLoading = vue.computed(() => vue.unref(dataForm$1)?.loading);
+    const allowFormSubmit = vue.computed(() => {
+      const _dataForm = vue.unref(dataForm$1);
+      if (_dataForm) {
+        return _dataForm.allowSubmit;
+      }
+      return false;
+    });
+    const handleEdit = async (item) => {
+      isShowForm.value = true;
+      await vue.nextTick();
+      vue.unref(dataForm$1).editRecord(item.item);
+    };
+    const handleAdd = async () => {
+      isShowForm.value = true;
+      await vue.nextTick();
+      vue.unref(dataForm$1).addRecord();
+    };
+    const handleSubmit = async () => {
+      try {
+        const response = await vue.unref(dataForm$1).submit();
+        if (response.data.code !== 200) {
+          elementPlus.ElMessage.error({
+            message: response.data.msg
+          });
+          return;
+        }
+        vue.unref(dataTable).load();
+        elementPlus.ElMessage.success({
+          message: i18n.translate("mk.message.saveSuccess")
+        });
+        isShowForm.value = false;
+      } catch (e) {
+        elementPlus.ElMessage.error({
+          message: i18n.translate("mk.message.saveError")
+        });
+      }
+    };
+    const handleCancel = () => {
+      isShowForm.value = false;
+    };
+    const dataTreeSlots = vue.computed(() => {
+      let keys = Object.keys(slots);
+      keys = keys.filter((key) => key.startsWith("tree-"));
+      const dataTreeSlots2 = {
+        default: slots["tree-node"]
+      };
+      for (const key of keys) {
+        dataTreeSlots2[key.replace(/^tree-/, "")] = slots[key];
+      }
+      return dataTreeSlots2;
+    });
+    const dataFormSlots = vue.computed(() => {
+      let keys = Object.keys(slots);
+      keys = keys.filter((key) => key.startsWith("form-"));
+      const dataFormSlots2 = {
+        default: slots.form
+      };
+      for (const key of keys) {
+        dataFormSlots2[key.replace(/^form-/, "")] = slots[key];
+      }
+      return dataFormSlots2;
+    });
+    const dataTreeRef = vue.ref();
+    const searchInputValue = vue.ref("");
+    vue.watch(searchInputValue, (value) => {
+      dataTreeRef.value.filter(value);
+    });
+    const filterNodeMethodFn = (value, data) => {
+      if (!searchInputValue.value)
+        return true;
+      return data[props.props.label].includes(searchInputValue.value);
+    };
+    return () => {
+      return vue.createVNode(elementPlus.ElCard, {
+        "class": "mk-data-tree-page"
+      }, {
+        default: () => [vue.withDirectives(vue.createVNode(dataTree, vue.mergeProps({
+          "ref": dataTreeRef
+        }, vue.unref(attrs), props, {
+          "filterNodeMethod": filterNodeMethodFn,
+          "dataTable": vue.unref(dataTable),
+          "onEdit-record": handleEdit
+        }), vue.unref(dataTreeSlots)), [[vue.resolveDirective("loading"), vue.unref(tableLoading)]]), vue.createVNode(elementPlus.ElDialog, {
+          "appendToBody": true,
+          "modelValue": vue.unref(isShowForm),
+          "onUpdate:modelValue": (v) => isShowForm.value = v
+        }, {
+          default: () => [vue.createVNode(dataForm, vue.mergeProps(vue.unref(attrs), {
+            "dataForm": vue.unref(dataForm$1)
+          }), vue.unref(dataFormSlots))],
+          footer: () => {
+            let _slot2, _slot3;
+            return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
+              "type": "primary",
+              "loading": vue.unref(formLoading) || vue.unref(allowFormSubmit),
+              "onClick": handleSubmit
+            }, _isSlot(_slot2 = i18n.translate("mk.dataForm.saveButton")) ? _slot2 : {
+              default: () => [_slot2]
+            }), vue.createVNode(elementPlus.ElButton, {
+              "onClick": handleCancel
+            }, _isSlot(_slot3 = i18n.translate("mk.dataForm.cancelButton")) ? _slot3 : {
+              default: () => [_slot3]
+            })]);
+          }
+        })],
+        header: () => {
+          let _slot;
+          return vue.createVNode("div", {
+            "class": "header-box"
+          }, [vue.createVNode("div", {
+            "class": "header-box-main"
+          }, [vue.createVNode(vue.resolveComponent("el-input"), {
+            "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 = i18n.translate("mk.dataTreePage.addButton")) ? _slot : {
+            default: () => [_slot]
+          })])]);
+        }
+      });
+    };
+  }
+});
+
+module.exports = DataTreePage;
+//# sourceMappingURL=data-tree-page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-tree-page.js","sources":["../../../../../src/components/data-model/data-tree-page/data-tree-page.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  watch,\n  defineComponent,\n  nextTick,\n  ref,\n  unref,\n  useAttrs,\n  useSlots,\n} from \"vue\";\nimport { ElButton, ElDialog, ElMessage, ElCard } from \"element-plus\";\nimport { Search } from \"@element-plus/icons-vue\";\nimport { useI18n } from \"../../../composables\";\nimport MKDataTree from \"../data-tree/data-tree\";\nimport MKDataForm from \"../data-form/data-form\";\nimport { dataTreePageProps } from \"./data-tree-page-options\";\n\nexport default defineComponent({\n  name: \"MKDataTreePage\",\n  inheritAttrs: false,\n  props: dataTreePageProps,\n  setup(props) {\n    const attrs = useAttrs();\n    const slots = useSlots();\n\n    const { dataTable, dataForm } = unref(props);\n\n    const i18n = useI18n()!;\n\n    const isShowForm = ref(false);\n\n    const tableLoading = computed(() => unref(dataTable)?.loading);\n    const formLoading = computed(() => unref(dataForm)?.loading);\n    const allowFormSubmit = computed(() => {\n      const _dataForm = unref(dataForm);\n      if (_dataForm) {\n        return _dataForm.allowSubmit;\n      }\n      return false;\n    });\n\n    const handleEdit = async (item: any) => {\n      isShowForm.value = true;\n\n      // 等待form组件渲染完成\n      await nextTick();\n\n      unref(dataForm).editRecord(item.item);\n    };\n\n    const handleAdd = async () => {\n      isShowForm.value = true;\n\n      // 等待form组件渲染完成\n      await nextTick();\n\n      unref(dataForm).addRecord();\n    };\n\n    const handleSubmit = async () => {\n      try {\n        const response = await unref(dataForm).submit();\n\n        if (response.data.code !== 200) {\n          ElMessage.error({ message: response.data.msg });\n          return;\n        }\n\n        unref(dataTable).load();\n        ElMessage.success({\n          message: i18n.translate(\"mk.message.saveSuccess\"),\n        });\n\n        isShowForm.value = false;\n      } catch (e) {\n        ElMessage.error({\n          message: i18n.translate(\"mk.message.saveError\"),\n        });\n      }\n    };\n\n    const handleCancel = () => {\n      isShowForm.value = false;\n    };\n\n    const dataTreeSlots = computed(() => {\n      let keys = Object.keys(slots);\n\n      keys = keys.filter((key) => key.startsWith(\"tree-\"));\n\n      const dataTreeSlots: Record<string, any> = {\n        default: slots[\"tree-node\"],\n      };\n\n      for (const key of keys) {\n        dataTreeSlots[key.replace(/^tree-/, \"\")] = slots[key];\n      }\n\n      return dataTreeSlots;\n    });\n\n    const dataFormSlots = computed(() => {\n      let keys = Object.keys(slots);\n\n      keys = keys.filter((key) => key.startsWith(\"form-\"));\n\n      const dataFormSlots: Record<string, any> = {\n        default: slots.form,\n      };\n\n      for (const key of keys) {\n        dataFormSlots[key.replace(/^form-/, \"\")] = slots[key];\n      }\n\n      return dataFormSlots;\n    });\n\n    const dataTreeRef = ref<any>();\n\n    // 节点搜索\n    const searchInputValue = ref(\"\");\n    watch(searchInputValue, (value) => {\n      dataTreeRef.value!.filter(value);\n    });\n    const filterNodeMethodFn = (value: string, data: any) => {\n      if (!searchInputValue.value) return true;\n      return data[props.props.label].includes(searchInputValue.value);\n    };\n\n    return () => {\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                    <el-input\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.translate(\"mk.dataTreePage.addButton\")}\n                    </ElButton>\n                  </div>\n                </div>\n              );\n            },\n          }}\n        >\n          <MKDataTree\n            ref={dataTreeRef}\n            {...unref(attrs)}\n            {...props}\n            v-loading={unref(tableLoading)}\n            filterNodeMethod={filterNodeMethodFn}\n            dataTable={unref(dataTable)}\n            onEdit-record={handleEdit}\n            v-slots={unref(dataTreeSlots)}\n          />\n          <ElDialog\n            appendToBody\n            modelValue={unref(isShowForm)}\n            onUpdate:modelValue={(v: boolean) => (isShowForm.value = v)}\n            v-slots={{\n              footer: () => (\n                <Fragment>\n                  <ElButton\n                    type=\"primary\"\n                    loading={unref(formLoading) || unref(allowFormSubmit)}\n                    onClick={handleSubmit}\n                  >\n                    {i18n.translate(\"mk.dataForm.saveButton\")}\n                  </ElButton>\n                  <ElButton onClick={handleCancel}>\n                    {i18n.translate(\"mk.dataForm.cancelButton\")}\n                  </ElButton>\n                </Fragment>\n              ),\n            }}\n          >\n            <MKDataForm\n              {...unref(attrs)}\n              dataForm={unref(dataForm)}\n              v-slots={unref(dataFormSlots)}\n            />\n          </ElDialog>\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","inheritAttrs","props","dataTreePageProps","setup","attrs","useAttrs","slots","useSlots","dataTable","dataForm","unref","i18n","useI18n","isShowForm","ref","tableLoading","computed","loading","formLoading","allowFormSubmit","_dataForm","allowSubmit","handleEdit","item","value","nextTick","editRecord","handleAdd","addRecord","handleSubmit","response","submit","data","code","ElMessage","error","message","msg","load","success","translate","e","handleCancel","dataTreeSlots","keys","filter","key","startsWith","default","replace","dataFormSlots","form","dataTreeRef","searchInputValue","watch","filterNodeMethodFn","label","includes","_createVNode","ElCard","_withDirectives","MKDataTree","_mergeProps","_resolveDirective","ElDialog","v","MKDataForm","footer","_slot2","_slot3","_Fragment","ElButton","header","_slot","_resolveComponent","Search"],"mappings":"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"}

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

@@ -0,0 +1,56 @@
+export declare const MKDataTreePage: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
+    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;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __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 dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly defaultExpandAll: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<true, unknown, unknown, true, boolean>;
+    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;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    readonly props: Record<string, any>;
+    readonly autoLoad: any;
+    readonly defaultExpandAll: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>> & Record<string, any>;
+export default MKDataTreePage;

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var dataTreePage = require('./data-tree-page.js');
+
+const MKDataTreePage = utils.withInstall(dataTreePage);
+
+exports.MKDataTreePage = MKDataTreePage;
+exports.default = MKDataTreePage;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-tree-page/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport DataTreePage from \"./data-tree-page\";\n\nexport const MKDataTreePage = withInstall(DataTreePage);\nexport default MKDataTreePage;\n"],"names":["withInstall","DataTreePage"],"mappings":";;;;;;;AAGa,MAAA,cAAA,GAAiBA,kBAAYC,YAAY;;;;;"}

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

@@ -0,0 +1 @@
+export * from "./use-condition";

package/dist/cjs/components/data-model/filter-panel/composables/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var useCondition = require('./use-condition.js');
+
+
+
+exports.conditionProps = useCondition.conditionProps;
+exports.useCondition = useCondition.useCondition;
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/data-model/filter-panel/composables/use-condition.d.ts

@@ -0,0 +1,17 @@
+import { Operator } from "@maketribe/dm";
+import { OperatorOption } from "../operator-options";
+import { FilterPanelItem } from "../token";
+export declare const conditionProps: {
+    readonly defaultValue: import("@maketribe/utils").PropFinalized<unknown, unknown, unknown, null, boolean>;
+};
+export type ConditionOptions = {
+    operator: Operator;
+    operatorOptions: OperatorOption[];
+    defaultValue: any;
+};
+export declare function useCondition(options: ConditionOptions): {
+    isBetween: import("vue").ComputedRef<boolean>;
+    filterPanelItem: FilterPanelItem;
+    currentOperator: import("vue").ComputedRef<Operator | null>;
+    value: import("vue").WritableComputedRef<any>;
+};