@maketribe/ms-app 3.0.7 → 3.0.9

package/dist/esm/components/column-components/column-json/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/column-components/column-json/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport ColumnJson from \"./column-json\";\n\nexport const MKColumnJson = withInstall(ColumnJson);\n\nexport default MKColumnJson;\n\nexport * from \"./column-json-options\";\n"],"names":[],"mappings":";;;;AAGa,MAAA,YAAA,GAAe,YAAY,UAAU;;;;"}

package/dist/esm/components/column-components/column-text/column-text.js

@@ -11,7 +11,9 @@ var ColumnText = /* @__PURE__ */ defineComponent({
     } = useColumn(props);
     const formatValue = computed(() => props.formatValue(unref(value)));
     return () => {
-      return createVNode("span", null, [unref(formatValue)]);
+      return createVNode("span", {
+        "class": "mk-column-text"
+      }, [unref(formatValue)]);
     };
   }
 });

package/dist/esm/components/column-components/column-text/column-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-text.js","sources":["../../../../../src/components/column-components/column-text/column-text.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\n\nimport { columnTextProps } from \"./column-text-options\";\nimport { useColumn } from \"../../data-model/data-table/composables\";\n\nexport default defineComponent({\n  name: \"MKColumnText\",\n  props: columnTextProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    const formatValue = computed(() => props.formatValue(unref(value)));\n\n    return () => {\n      return <span>{unref(formatValue)}</span>;\n    };\n  },\n});\n"],"names":["name","props","columnTextProps","setup","value","useColumn","formatValue","computed","unref","_createVNode"],"mappings":";;;;AAKA,iCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,cAAA;AAAA,EACNC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAM,MAAA;AAAA,MAAEG,KAAAA;AAAAA,KAAM,GAAIC,UAAUJ,KAAK,CAAA,CAAA;AAEjC,IAAMK,MAAAA,WAAAA,GAAcC,SAAS,MAAMN,KAAAA,CAAMK,YAAYE,KAAMJ,CAAAA,KAAK,CAAC,CAAC,CAAA,CAAA;AAElE,IAAA,OAAO,MAAM;AACX,MAAA,OAAAK,YAAA,MAAA,EAAA,IAAA,EAAA,CAAcD,KAAMF,CAAAA,WAAW,CAAC,CAAA,CAAA,CAAA;AAAA,KAClC,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"column-text.js","sources":["../../../../../src/components/column-components/column-text/column-text.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\n\nimport { columnTextProps } from \"./column-text-options\";\nimport { useColumn } from \"../../data-model/data-table/composables\";\n\nexport default defineComponent({\n  name: \"MKColumnText\",\n  props: columnTextProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    const formatValue = computed(() => props.formatValue(unref(value)));\n\n    return () => {\n      return <span class=\"mk-column-text\">{unref(formatValue)}</span>;\n    };\n  },\n});\n"],"names":["name","props","columnTextProps","setup","value","useColumn","formatValue","computed","unref","_createVNode"],"mappings":";;;;AAKA,iCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,cAAA;AAAA,EACNC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAM,MAAA;AAAA,MAAEG,KAAAA;AAAAA,KAAM,GAAIC,UAAUJ,KAAK,CAAA,CAAA;AAEjC,IAAMK,MAAAA,WAAAA,GAAcC,SAAS,MAAMN,KAAAA,CAAMK,YAAYE,KAAMJ,CAAAA,KAAK,CAAC,CAAC,CAAA,CAAA;AAElE,IAAA,OAAO,MAAM;AACX,MAAA,OAAAK,YAAA,MAAA,EAAA;AAAA,QAAA,OAAA,EAAA,gBAAA;AAAA,OAAqCD,EAAAA,CAAAA,KAAMF,CAAAA,WAAW,CAAC,CAAA,CAAA,CAAA;AAAA,KACzD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/column-components/index.d.ts

@@ -3,3 +3,4 @@ export * from "./column-image";
 export * from "./column-text";
 export * from "./column-object-mapping-text";
 export * from "./column-select";
+export * from "./column-json";

package/dist/esm/components/column-components/index.js

@@ -3,6 +3,8 @@ export { MKColumnImage } from './column-image/index.js';
 export { MKColumnText } from './column-text/index.js';
 export { MKColumnObjectMappingText } from './column-object-mapping-text/index.js';
 export { MKColumnSelect } from './column-select/index.js';
+export { MKColumnJson } from './column-json/index.js';
 export { columnTextProps } from './column-text/column-text-options.js';
 export { columnObjectMappingTextProps } from './column-object-mapping-text/column-object-mapping-text-options.js';
+export { columnJsonProps } from './column-json/column-json-options.js';
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,9 @@
-import { defineComponent, ref, computed, unref, onMounted, onBeforeUnmount, createVNode, Fragment, mergeProps, isVNode } from 'vue';
+import { defineComponent, ref, computed, unref, onMounted, watch, nextTick, createVNode, Fragment, mergeProps, isVNode } from 'vue';
 import { ElDivider, ElForm } from 'element-plus';
 import { formProps } from './form-options.js';
+import { DataFormType } from '@maketribe/dm';
 import { MKDataFormItem } from '../../data-form-item/index.js';
+import { Disposable } from '@maketribe/utils';
 
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -14,7 +16,6 @@ var Form = /* @__PURE__ */ defineComponent({
   }) {
     const formUID = uid++;
     const formEl = ref(null);
-    window.a = formEl;
     const dataForm = computed(() => props.dataForm);
     const data = computed(() => unref(dataForm).data);
     const columns = computed(() => unref(dataForm).getColumns().filter((column) => column.visible));
@@ -44,23 +45,41 @@ var Form = /* @__PURE__ */ defineComponent({
     });
     const disabled = computed(() => unref(dataForm).disabled);
     onMounted(() => {
-      unref(dataForm).formModels.push({
-        id: formUID,
-        validate: async () => {
-          return unref(formEl)?.validateField() ?? false;
-        },
-        reset: () => {
-          unref(formEl)?.resetFields();
-        }
+      watch(dataForm, (dataForm2, _, onCleanup) => {
+        const disposable = new Disposable();
+        unref(dataForm2).formModels.push({
+          id: formUID,
+          validate: async () => {
+            return unref(formEl)?.validateField() ?? false;
+          },
+          reset: () => {
+            unref(formEl)?.resetFields();
+          },
+          clearValidate: () => {
+            unref(formEl)?.clearValidate();
+          }
+        });
+        disposable.register(dataForm2.dataFormTypeChangeEvent.on(async ({
+          dataFormType
+        }) => {
+          if (dataFormType !== DataFormType.NONE) {
+            await nextTick();
+            await nextTick();
+            dataForm2.clearValidate();
+          }
+        }));
+        onCleanup(() => {
+          const index = dataForm2.formModels.findIndex((formModel) => formModel.id === uid);
+          if (index === -1) {
+            return;
+          }
+          dataForm2.formModels.splice(index, 1);
+          disposable.dispose();
+        });
+      }, {
+        immediate: true
       });
     });
-    onBeforeUnmount(() => {
-      const index = unref(dataForm).formModels.findIndex((formModel) => formModel.id === uid);
-      if (index === -1) {
-        return;
-      }
-      unref(dataForm).formModels.splice(index, 1);
-    });
     return () => {
       let children = slots.default?.();
       const detailColumns = unref(columns).filter((column) => column.componentInfo === "MKFormDetail");

package/dist/esm/components/data-model/data-form/views/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/form.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n} from \"vue\";\nimport {\n  ElDivider,\n  ElForm,\n  FormItemRule,\n  FormRules,\n  FormContext,\n} from \"element-plus\";\nimport { formProps } from \"./form-options\";\nimport { FormColumn, FormModel } from \"@maketribe/dm\";\nimport MKDataFormItem from \"../../data-form-item\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  props: formProps,\n  setup(props, { slots }) {\n    const formUID = uid++;\n\n    const formEl = ref<FormContext | null>(null);\n    // formEl.value.vali\n    (window as any).a = formEl;\n\n    const dataForm = computed(() => props.dataForm);\n\n    const data = computed(() => unref(dataForm).data as any);\n\n    const columns = computed(() =>\n      unref(dataForm)\n        .getColumns()\n        .filter((column) => column.visible)\n    );\n\n    const rules = computed(() => {\n      const rules: FormRules = {};\n\n      for (const column of unref(columns)) {\n        if (column.required && !column.rules.find((rule) => rule.required)) {\n          rules[column.name] = [\n            {\n              required: column.required,\n              message: `请录入${column.label}.`,\n            },\n          ];\n        }\n        let componentRules: FormItemRule[] = props.rules?.[column.name] || [];\n\n        if (!Array.isArray(componentRules)) {\n          componentRules = [componentRules];\n        }\n\n        if (column.rules.length) {\n          rules[column.name] = [\n            ...((rules[column.name] as FormItemRule[]) || []),\n            ...column.rules,\n            ...componentRules,\n          ];\n        }\n      }\n\n      return rules;\n    });\n\n    const labelWidth = computed(() => {\n      return (\n        props.labelWidth ||\n        Math.max.apply(\n          null,\n          columns.value\n            .filter((column) => column.componentInfo !== \"MKFormDetail\")\n            .map((item: FormColumn) => {\n              // + 8 像素只是预留 必填 * 号的宽度位置 12 像素是label的padding\n              return item.label.length * 16 + 8 + 12;\n            })\n        )\n      );\n    });\n\n    const disabled = computed(() => unref(dataForm).disabled);\n\n    onMounted(() => {\n      unref(dataForm).formModels.push({\n        id: formUID,\n        validate: async () => {\n          return unref(formEl)?.validateField() ?? false;\n        },\n        reset: () => {\n          unref(formEl)?.resetFields();\n        },\n      });\n    });\n\n    onBeforeUnmount(() => {\n      const index = unref(dataForm).formModels.findIndex(\n        (formModel) => formModel.id === uid\n      );\n\n      if (index === -1) {\n        return;\n      }\n\n      unref(dataForm).formModels.splice(index, 1);\n    });\n\n    return () => {\n      let children: any = slots.default?.();\n\n      const detailColumns = unref(columns).filter(\n        (column) => column.componentInfo === \"MKFormDetail\"\n      );\n\n      if (!children) {\n        children = unref(columns)\n          .filter(\n            (column) => !detailColumns.find((item) => item.name === column.name)\n          )\n          .map((column) => {\n            if (!column.name) {\n              return null;\n            }\n\n            return (\n              slots[`col-${column.name}`]?.() || (\n                <MKDataFormItem\n                  key={column.name}\n                  name={column.name}\n                  v-slots={{ default: slots[`col-${column.name}-content`] }}\n                />\n              )\n            );\n          });\n\n        children.push(\n          detailColumns.map((column) => {\n            if (!column.name) {\n              return null;\n            }\n\n            return (\n              <Fragment>\n                <ElDivider contentPosition=\"left\">{column.label}</ElDivider>\n                <MKDataFormItem\n                  label=\"\"\n                  labelWidth=\"0px\"\n                  key={column.name}\n                  name={column.name}\n                />\n              </Fragment>\n            );\n          })\n        );\n      }\n\n      if (!unref(data)) {\n        return null;\n      }\n\n      return (\n        <ElForm\n          {...props}\n          ref={formEl}\n          model={unref(data)}\n          rules={unref(rules)}\n          disabled={unref(disabled)}\n          labelWidth={unref(labelWidth)}\n        >\n          {children}\n        </ElForm>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","uid","props","formProps","setup","slots","formUID","formEl","ref","window","a","dataForm","computed","data","unref","columns","getColumns","filter","column","visible","rules","required","find","rule","name","message","label","componentRules","Array","isArray","length","labelWidth","Math","max","apply","value","componentInfo","map","item","disabled","onMounted","formModels","push","id","validate","validateField","reset","resetFields","onBeforeUnmount","index","findIndex","formModel","splice","children","default","detailColumns","_createVNode","MKDataFormItem","_Fragment","ElDivider","ElForm","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"form.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/form.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport {\n  ElDivider,\n  ElForm,\n  FormItemRule,\n  FormRules,\n  FormContext,\n} from \"element-plus\";\nimport { formProps } from \"./form-options\";\nimport { DataFormType, FormColumn, FormModel } from \"@maketribe/dm\";\nimport MKDataFormItem from \"../../data-form-item\";\nimport { Disposable } from \"@maketribe/utils\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  props: formProps,\n  setup(props, { slots }) {\n    const formUID = uid++;\n\n    const formEl = ref<FormContext | null>(null);\n\n    const dataForm = computed(() => props.dataForm);\n\n    const data = computed(() => unref(dataForm).data as any);\n\n    const columns = computed(() =>\n      unref(dataForm)\n        .getColumns()\n        .filter((column) => column.visible)\n    );\n\n    const rules = computed(() => {\n      const rules: FormRules = {};\n\n      for (const column of unref(columns)) {\n        if (column.required && !column.rules.find((rule) => rule.required)) {\n          rules[column.name] = [\n            {\n              required: column.required,\n              message: `请录入${column.label}.`,\n            },\n          ];\n        }\n        let componentRules: FormItemRule[] = props.rules?.[column.name] || [];\n\n        if (!Array.isArray(componentRules)) {\n          componentRules = [componentRules];\n        }\n\n        if (column.rules.length) {\n          rules[column.name] = [\n            ...((rules[column.name] as FormItemRule[]) || []),\n            ...column.rules,\n            ...componentRules,\n          ];\n        }\n      }\n\n      return rules;\n    });\n\n    const labelWidth = computed(() => {\n      return (\n        props.labelWidth ||\n        Math.max.apply(\n          null,\n          columns.value\n            .filter((column) => column.componentInfo !== \"MKFormDetail\")\n            .map((item: FormColumn) => {\n              // + 8 像素只是预留 必填 * 号的宽度位置 12 像素是label的padding\n              return item.label.length * 16 + 8 + 12;\n            })\n        )\n      );\n    });\n\n    const disabled = computed(() => unref(dataForm).disabled);\n\n    onMounted(() => {\n      watch(\n        dataForm,\n        (dataForm, _, onCleanup) => {\n          const disposable = new Disposable();\n\n          unref(dataForm).formModels.push({\n            id: formUID,\n            validate: async () => {\n              return unref(formEl)?.validateField() ?? false;\n            },\n            reset: () => {\n              unref(formEl)?.resetFields();\n            },\n            clearValidate: () => {\n              unref(formEl)?.clearValidate();\n            },\n          });\n\n          disposable.register(\n            dataForm.dataFormTypeChangeEvent.on(async ({ dataFormType }) => {\n              if (dataFormType !== DataFormType.NONE) {\n                // 测试下来 需要两次nextTick才能清楚验证\n                await nextTick();\n                await nextTick();\n\n                dataForm.clearValidate();\n              }\n            })\n          );\n\n          onCleanup(() => {\n            const index = dataForm.formModels.findIndex(\n              (formModel) => formModel.id === uid\n            );\n\n            if (index === -1) {\n              return;\n            }\n\n            dataForm.formModels.splice(index, 1);\n\n            disposable.dispose();\n          });\n        },\n        { immediate: true }\n      );\n    });\n\n    return () => {\n      let children: any = slots.default?.();\n\n      const detailColumns = unref(columns).filter(\n        (column) => column.componentInfo === \"MKFormDetail\"\n      );\n\n      if (!children) {\n        children = unref(columns)\n          .filter(\n            (column) => !detailColumns.find((item) => item.name === column.name)\n          )\n          .map((column) => {\n            if (!column.name) {\n              return null;\n            }\n\n            return (\n              slots[`col-${column.name}`]?.() || (\n                <MKDataFormItem\n                  key={column.name}\n                  name={column.name}\n                  v-slots={{ default: slots[`col-${column.name}-content`] }}\n                />\n              )\n            );\n          });\n\n        children.push(\n          detailColumns.map((column) => {\n            if (!column.name) {\n              return null;\n            }\n\n            return (\n              <Fragment>\n                <ElDivider contentPosition=\"left\">{column.label}</ElDivider>\n                <MKDataFormItem\n                  label=\"\"\n                  labelWidth=\"0px\"\n                  key={column.name}\n                  name={column.name}\n                />\n              </Fragment>\n            );\n          })\n        );\n      }\n\n      if (!unref(data)) {\n        return null;\n      }\n\n      return (\n        <ElForm\n          {...props}\n          ref={formEl}\n          model={unref(data)}\n          rules={unref(rules)}\n          disabled={unref(disabled)}\n          labelWidth={unref(labelWidth)}\n        >\n          {children}\n        </ElForm>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","uid","props","formProps","setup","slots","formUID","formEl","ref","dataForm","computed","data","unref","columns","getColumns","filter","column","visible","rules","required","find","rule","name","message","label","componentRules","Array","isArray","length","labelWidth","Math","max","apply","value","componentInfo","map","item","disabled","onMounted","watch","_","onCleanup","disposable","Disposable","formModels","push","id","validate","validateField","reset","resetFields","clearValidate","register","dataFormTypeChangeEvent","on","dataFormType","DataFormType","NONE","nextTick","index","findIndex","formModel","splice","dispose","immediate","children","default","detailColumns","_createVNode","MKDataFormItem","_Fragment","ElDivider","ElForm","_mergeProps"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, unref, createVNode, isVNode } from 'vue';
+import { defineComponent, computed, createVNode, unref, isVNode } from 'vue';
 import { ElCard, ElScrollbar, ElButton } from 'element-plus';
 import { formViewProps } from './form-view-options.js';
 import { Messager, MKError } from '@maketribe/dm';
@@ -15,7 +15,6 @@ var FormView = /* @__PURE__ */ defineComponent({
     slots
   }) {
     const dataForm = computed(() => props.dataForm);
-    const allowSubmit = computed(() => unref(dataForm).allowSubmit);
     const handleSave = async () => {
       try {
         if (!await unref(dataForm)?.validate()) {
@@ -61,7 +60,7 @@ var FormView = /* @__PURE__ */ defineComponent({
         }, [createVNode(ElButton, {
           "type": "primary",
           "onClick": handleSave,
-          "loading": unref(allowSubmit)
+          "loading": unref(unref(dataForm).loading)
         }, _isSlot(_slot = I18n.instance.translate("mk.dataForm.saveButton")) ? _slot : {
           default: () => [_slot]
         }), createVNode(ElButton, {

package/dist/esm/components/data-model/data-form/views/form-view/form-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-view.js","sources":["../../../../../../../src/components/data-model/data-form/views/form-view/form-view.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElButton, ElCard, ElScrollbar } from \"element-plus\";\nimport { formViewProps } from \"./form-view-options\";\nimport { MKError, Messager } from \"@maketribe/dm\";\nimport { I18n } from \"@maketribe/locale\";\nimport MKForm from \"../form\";\n\nexport default defineComponent({\n  name: \"MKFormView\",\n  props: formViewProps,\n  setup(props, { slots }) {\n    const dataForm = computed(() => props.dataForm);\n\n    const allowSubmit = computed(() => unref(dataForm).allowSubmit);\n\n    const handleSave = async () => {\n      try {\n        if (!(await unref(dataForm)?.validate())) {\n          return;\n        }\n\n        const result = await unref(dataForm)!.submit();\n\n        if (result.data.code !== 200) {\n          Messager.instance.error({ message: result.data.msg });\n          return;\n        }\n\n        Messager.instance.success({ message: \"保存成功\" });\n      } catch (e) {\n        if (e instanceof MKError) {\n          Messager.instance.error({ message: e.message });\n        }\n      }\n    };\n\n    const handleCancel = () => {\n      unref(dataForm).cancel();\n    };\n\n    return () => {\n      return (\n        <ElCard class=\"mk-form-view\" shadow=\"never\">\n          <div class=\"mk-form-view__main\">\n            <ElScrollbar>\n              <MKForm\n                rules={props.rules}\n                labelWidth={props.labelWidth}\n                dataForm={props.dataForm}\n                v-slots={slots}\n              />\n            </ElScrollbar>\n          </div>\n          <div class=\"mk-form-view__footer\">\n            <ElButton\n              type=\"primary\"\n              onClick={handleSave}\n              loading={unref(allowSubmit)}\n            >\n              {I18n.instance.translate(\"mk.dataForm.saveButton\")}\n            </ElButton>\n            <ElButton onClick={handleCancel}>\n              {I18n.instance.translate(\"mk.dataForm.cancelButton\")}\n            </ElButton>\n          </div>\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","formViewProps","setup","slots","dataForm","computed","allowSubmit","unref","handleSave","validate","result","submit","data","code","Messager","instance","error","message","msg","success","e","MKError","handleCancel","cancel","_slot","_slot2","_createVNode","ElCard","default","ElScrollbar","MKForm","rules","labelWidth","ElButton","I18n","translate"],"mappings":"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"}
+{"version":3,"file":"form-view.js","sources":["../../../../../../../src/components/data-model/data-form/views/form-view/form-view.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElButton, ElCard, ElScrollbar } from \"element-plus\";\nimport { formViewProps } from \"./form-view-options\";\nimport { MKError, Messager } from \"@maketribe/dm\";\nimport { I18n } from \"@maketribe/locale\";\nimport MKForm from \"../form\";\n\nexport default defineComponent({\n  name: \"MKFormView\",\n  props: formViewProps,\n  setup(props, { slots }) {\n    const dataForm = computed(() => props.dataForm);\n\n    const handleSave = async () => {\n      try {\n        if (!(await unref(dataForm)?.validate())) {\n          return;\n        }\n\n        const result = await unref(dataForm)!.submit();\n\n        if (result.data.code !== 200) {\n          Messager.instance.error({ message: result.data.msg });\n          return;\n        }\n\n        Messager.instance.success({ message: \"保存成功\" });\n      } catch (e) {\n        if (e instanceof MKError) {\n          Messager.instance.error({ message: e.message });\n        }\n      }\n    };\n\n    const handleCancel = () => {\n      unref(dataForm).cancel();\n    };\n\n    return () => {\n      return (\n        <ElCard class=\"mk-form-view\" shadow=\"never\">\n          <div class=\"mk-form-view__main\">\n            <ElScrollbar>\n              <MKForm\n                rules={props.rules}\n                labelWidth={props.labelWidth}\n                dataForm={props.dataForm}\n                v-slots={slots}\n              />\n            </ElScrollbar>\n          </div>\n          <div class=\"mk-form-view__footer\">\n            <ElButton\n              type=\"primary\"\n              onClick={handleSave}\n              loading={unref(unref(dataForm).loading)}\n            >\n              {I18n.instance.translate(\"mk.dataForm.saveButton\")}\n            </ElButton>\n            <ElButton onClick={handleCancel}>\n              {I18n.instance.translate(\"mk.dataForm.cancelButton\")}\n            </ElButton>\n          </div>\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","formViewProps","setup","slots","dataForm","computed","handleSave","unref","validate","result","submit","data","code","Messager","instance","error","message","msg","success","e","MKError","handleCancel","cancel","_slot","_slot2","_createVNode","ElCard","default","ElScrollbar","MKForm","rules","labelWidth","ElButton","loading","I18n","translate"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-column.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column/data-table-column.tsx"],"sourcesContent":["import { computed, defineComponent, inject, toRaw, unref } from \"vue\";\nimport { dataTableColumnProps } from \"./data-table-column-options\";\n\nexport default defineComponent({\n  name: \"MKDataTableColumn\",\n  props: dataTableColumnProps,\n  setup(props, { slots }) {\n    const column = computed(() => props.column);\n\n    return () => {\n      if (!unref(column).visible) {\n        return null;\n      }\n\n      return slots.default?.({ column: unref(column) });\n    };\n  },\n});\n"],"names":["name","props","dataTableColumnProps","setup","slots","column","computed","unref","visible","default"],"mappings":";;;AAGA,sCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,mBAAA;AAAA,EACNC,KAAOC,EAAAA,oBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,MAASC,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMI,MAAM,CAAA,CAAA;AAE1C,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,CAACE,KAAAA,CAAMF,MAAM,CAAA,CAAEG,OAAS,EAAA;AAC1B,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAEA,MAAA,OAAOJ,MAAMK,OAAU,GAAA;AAAA,QAAEJ,MAAAA,EAAQE,MAAMF,MAAM,CAAA;AAAA,OAAG,CAAA,CAAA;AAAA,KAClD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"data-table-column.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column/data-table-column.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { dataTableColumnProps } from \"./data-table-column-options\";\n\nexport default defineComponent({\n  name: \"MKDataTableColumn\",\n  props: dataTableColumnProps,\n  setup(props, { slots }) {\n    const column = computed(() => props.column);\n\n    return () => {\n      if (!unref(column).visible) {\n        return null;\n      }\n\n      return slots.default?.({ column: unref(column) });\n    };\n  },\n});\n"],"names":["name","props","dataTableColumnProps","setup","slots","column","computed","unref","visible","default"],"mappings":";;;AAGA,sCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,mBAAA;AAAA,EACNC,KAAOC,EAAAA,oBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,MAASC,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMI,MAAM,CAAA,CAAA;AAE1C,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,CAACE,KAAAA,CAAMF,MAAM,CAAA,CAAEG,OAAS,EAAA;AAC1B,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAEA,MAAA,OAAOJ,MAAMK,OAAU,GAAA;AAAA,QAAEJ,MAAAA,EAAQE,MAAMF,MAAM,CAAA;AAAA,OAAG,CAAA,CAAA;AAAA,KAClD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -2,7 +2,7 @@ import { defineComponent, computed, reactive, watch, unref, provide, createVNode
 import { DataTable as DataTable$1, TableColumn } from '@maketribe/dm';
 import { dataTableProps } from './data-table-options.js';
 import { DATATABLE_CONTEXT_KEY } from './token.js';
-import { MKTableView } from './views/table/index.js';
+import { MKTableView } from './views/table-view/index.js';
 
 var DataTable = /* @__PURE__ */ defineComponent({
   name: "MKDataTable",

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

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","sources":["../../../../../src/components/data-model/data-table/data-table.tsx"],"sourcesContent":["import { DataTable, TableColumn } from \"@maketribe/dm\";\nimport {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  unref,\n  watch,\n} from \"vue\";\nimport { dataTableProps } from \"./data-table-options\";\nimport { DATATABLE_CONTEXT_KEY } from \"./token\";\nimport MKTableView from \"./views/table\";\n\nexport default defineComponent({\n  name: \"MKDataTable\",\n  props: dataTableProps,\n  setup(props, { slots }) {\n    let _dataTable: DataTable | null = null;\n\n    const dataTable = computed(() => {\n      if (props.dataTable instanceof DataTable) {\n        return props.dataTable;\n      }\n\n      if (!_dataTable) {\n        _dataTable = reactive(\n          new DataTable({\n            name: props.name!,\n            primaryKey: props.primaryKey,\n            pageSize: props.pageSize ?? 20,\n            interfaceURL: {\n              list: props.listInterfaceURL || \"\",\n              delete: props.deleteInterfaceURL || \"\",\n            },\n          })\n        ) as DataTable;\n      }\n\n      return _dataTable;\n    });\n\n    watch(\n      dataTable,\n      async (dataTable) => {\n        dataTable.dataFilter.setReady();\n        if (props.autoLoad) {\n          dataTable.load();\n        }\n\n        let columns = unref(dataTable).getColumns();\n\n        const extractColumnConfig = props.columns.filter(\n          (config) =>\n            columns.findIndex((column) => column.name === config.name) === -1\n        );\n\n        const extractColumn = extractColumnConfig.map(\n          (config) => new TableColumn({ visible: true, ...config })\n        );\n\n        columns = [...extractColumn, ...columns];\n\n        let sortedColumns: TableColumn[] = [];\n        for (const columnConfig of props.columns) {\n          const column = columns.find(\n            (column) => column.name === columnConfig.name\n          )!;\n\n          sortedColumns.push(column);\n        }\n\n        const _columns = columns.filter(\n          (column) =>\n            sortedColumns.findIndex((item) => item.name === column.name) === -1\n        );\n\n        sortedColumns = [...sortedColumns, ..._columns];\n\n        dataTable.setColumns(sortedColumns);\n\n        await dataTable.init();\n      },\n      { immediate: true }\n    );\n\n    provide(DATATABLE_CONTEXT_KEY, reactive({ dataTable }));\n\n    return () => {\n      return (\n        <div class=\"mk-data-table\">\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTableView dataTable={unref(dataTable)} />\n          )}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","props","dataTableProps","setup","slots","_dataTable","dataTable","computed","DataTable","reactive","primaryKey","pageSize","interfaceURL","list","listInterfaceURL","delete","deleteInterfaceURL","watch","dataFilter","setReady","autoLoad","load","columns","unref","getColumns","extractColumnConfig","filter","config","findIndex","column","extractColumn","map","TableColumn","visible","sortedColumns","columnConfig","find","push","_columns","item","setColumns","init","immediate","provide","DATATABLE_CONTEXT_KEY","_createVNode","default","MKTableView"],"mappings":"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"}
+{"version":3,"file":"data-table.js","sources":["../../../../../src/components/data-model/data-table/data-table.tsx"],"sourcesContent":["import { DataTable, TableColumn } from \"@maketribe/dm\";\nimport {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  unref,\n  watch,\n} from \"vue\";\nimport { dataTableProps } from \"./data-table-options\";\nimport { DATATABLE_CONTEXT_KEY } from \"./token\";\nimport MKTableView from \"./views/table-view\";\n\nexport default defineComponent({\n  name: \"MKDataTable\",\n  props: dataTableProps,\n  setup(props, { slots }) {\n    let _dataTable: DataTable | null = null;\n\n    const dataTable = computed(() => {\n      if (props.dataTable instanceof DataTable) {\n        return props.dataTable;\n      }\n\n      if (!_dataTable) {\n        _dataTable = reactive(\n          new DataTable({\n            name: props.name!,\n            primaryKey: props.primaryKey,\n            pageSize: props.pageSize ?? 20,\n            interfaceURL: {\n              list: props.listInterfaceURL || \"\",\n              delete: props.deleteInterfaceURL || \"\",\n            },\n          })\n        ) as DataTable;\n      }\n\n      return _dataTable;\n    });\n\n    watch(\n      dataTable,\n      async (dataTable) => {\n        dataTable.dataFilter.setReady();\n        if (props.autoLoad) {\n          dataTable.load();\n        }\n\n        let columns = unref(dataTable).getColumns();\n\n        const extractColumnConfig = props.columns.filter(\n          (config) =>\n            columns.findIndex((column) => column.name === config.name) === -1\n        );\n\n        const extractColumn = extractColumnConfig.map(\n          (config) => new TableColumn({ visible: true, ...config })\n        );\n\n        columns = [...extractColumn, ...columns];\n\n        let sortedColumns: TableColumn[] = [];\n        for (const columnConfig of props.columns) {\n          const column = columns.find(\n            (column) => column.name === columnConfig.name\n          )!;\n\n          sortedColumns.push(column);\n        }\n\n        const _columns = columns.filter(\n          (column) =>\n            sortedColumns.findIndex((item) => item.name === column.name) === -1\n        );\n\n        sortedColumns = [...sortedColumns, ..._columns];\n\n        dataTable.setColumns(sortedColumns);\n\n        await dataTable.init();\n      },\n      { immediate: true }\n    );\n\n    provide(DATATABLE_CONTEXT_KEY, reactive({ dataTable }));\n\n    return () => {\n      return (\n        <div class=\"mk-data-table\">\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTableView dataTable={unref(dataTable)} />\n          )}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","props","dataTableProps","setup","slots","_dataTable","dataTable","computed","DataTable","reactive","primaryKey","pageSize","interfaceURL","list","listInterfaceURL","delete","deleteInterfaceURL","watch","dataFilter","setReady","autoLoad","load","columns","unref","getColumns","extractColumnConfig","filter","config","findIndex","column","extractColumn","map","TableColumn","visible","sortedColumns","columnConfig","find","push","_columns","item","setColumns","init","immediate","provide","DATATABLE_CONTEXT_KEY","_createVNode","default","MKTableView"],"mappings":";;;;;;AAaA,gCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,aAAA;AAAA,EACNC,KAAOC,EAAAA,cAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,IAAIC,UAA+B,GAAA,IAAA,CAAA;AAEnC,IAAMC,MAAAA,SAAAA,GAAYC,SAAS,MAAM;AAC/B,MAAIN,IAAAA,KAAAA,CAAMK,qBAAqBE,WAAW,EAAA;AACxC,QAAA,OAAOP,KAAMK,CAAAA,SAAAA,CAAAA;AAAAA,OACf;AAEA,MAAA,IAAI,CAACD,UAAY,EAAA;AACfA,QAAaI,UAAAA,GAAAA,QAAAA,CACX,IAAID,WAAU,CAAA;AAAA,UACZR,MAAMC,KAAMD,CAAAA,IAAAA;AAAAA,UACZU,YAAYT,KAAMS,CAAAA,UAAAA;AAAAA,UAClBC,QAAAA,EAAUV,MAAMU,QAAY,IAAA,EAAA;AAAA,UAC5BC,YAAc,EAAA;AAAA,YACZC,IAAAA,EAAMZ,MAAMa,gBAAoB,IAAA,EAAA;AAAA,YAChCC,MAAAA,EAAQd,MAAMe,kBAAsB,IAAA,EAAA;AAAA,WACtC;AAAA,SACD,CACH,CAAA,CAAA;AAAA,OACF;AAEA,MAAOX,OAAAA,UAAAA,CAAAA;AAAAA,KACR,CAAA,CAAA;AAEDY,IACEX,KAAAA,CAAAA,SAAAA,EACA,OAAOA,UAAc,KAAA;AACnBA,MAAAA,UAAAA,CAAUY,WAAWC,QAAS,EAAA,CAAA;AAC9B,MAAA,IAAIlB,MAAMmB,QAAU,EAAA;AAClBd,QAAAA,WAAUe,IAAK,EAAA,CAAA;AAAA,OACjB;AAEA,MAAA,IAAIC,OAAUC,GAAAA,KAAAA,CAAMjB,UAAS,CAAA,CAAEkB,UAAW,EAAA,CAAA;AAE1C,MAAA,MAAMC,mBAAsBxB,GAAAA,KAAAA,CAAMqB,OAAQI,CAAAA,MAAAA,CACvCC,CACCL,MAAAA,KAAAA,OAAAA,CAAQM,SAAWC,CAAAA,CAAAA,MAAAA,KAAWA,MAAO7B,CAAAA,IAAAA,KAAS2B,MAAO3B,CAAAA,IAAI,MAAM,CACnE,CAAA,CAAA,CAAA;AAEA,MAAA,MAAM8B,aAAgBL,GAAAA,mBAAAA,CAAoBM,GACvCJ,CAAAA,CAAAA,MAAAA,KAAW,IAAIK,WAAY,CAAA;AAAA,QAAEC,OAAS,EAAA,IAAA;AAAA,QAAM,GAAGN,MAAAA;AAAAA,OAAQ,CAC1D,CAAA,CAAA;AAEAL,MAAAA,OAAAA,GAAU,CAAC,GAAGQ,aAAe,EAAA,GAAGR,OAAO,CAAA,CAAA;AAEvC,MAAA,IAAIY,gBAA+B,EAAE,CAAA;AACrC,MAAWC,KAAAA,MAAAA,YAAAA,IAAgBlC,MAAMqB,OAAS,EAAA;AACxC,QAAMO,MAAAA,MAAAA,GAASP,QAAQc,IACpBP,CAAAA,CAAAA,YAAWA,OAAO7B,CAAAA,IAAAA,KAASmC,aAAanC,IAC3C,CAAA,CAAA;AAEAkC,QAAAA,aAAAA,CAAcG,KAAKR,MAAM,CAAA,CAAA;AAAA,OAC3B;AAEA,MAAA,MAAMS,QAAWhB,GAAAA,OAAAA,CAAQI,MACtBG,CAAAA,CAAAA,MAAAA,KACCK,aAAcN,CAAAA,SAAAA,CAAWW,CAASA,IAAAA,KAAAA,IAAAA,CAAKvC,IAAS6B,KAAAA,MAAAA,CAAO7B,IAAI,CAAA,KAAM,CACrE,CAAA,CAAA,CAAA;AAEAkC,MAAAA,aAAAA,GAAgB,CAAC,GAAGA,aAAe,EAAA,GAAGI,QAAQ,CAAA,CAAA;AAE9ChC,MAAAA,UAAAA,CAAUkC,WAAWN,aAAa,CAAA,CAAA;AAElC,MAAA,MAAM5B,WAAUmC,IAAK,EAAA,CAAA;AAAA,KAEvB,EAAA;AAAA,MAAEC,SAAW,EAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAEAC,IAAAA,OAAAA,CAAQC,uBAAuBnC,QAAS,CAAA;AAAA,MAAEH,SAAAA;AAAAA,KAAW,CAAC,CAAA,CAAA;AAEtD,IAAA,OAAO,MAAM;AACX,MAAA,OAAAuC,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,eAAA;AAAA,OAAA,EAEKzC,CAAAA,KAAAA,CAAM0C,OAAU,GAAA;AAAA,QAAExC,SAAAA,EAAWiB,MAAMjB,SAAS,CAAA;AAAA,OAAG,CAACuC,IAAAA,WAAAA,CAAAE,WAAA,EAAA;AAAA,QAAA,WAAA,EACvBxB,MAAMjB,SAAS,CAAA;AAAA,OAAC,EACzC,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAGP,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -3,15 +3,19 @@ import DataTable from './data-table.js';
 import { MKDataTableColumn } from './data-table-column/index.js';
 import { MKDataTableColumnComponent } from './data-table-column-component/index.js';
 export { DataTableEmits, dataTableEmits, dataTableProps } from './data-table-options.js';
-export { MKTableView } from './views/table/index.js';
+export { MKTable } from './views/table/index.js';
+export { MKTableTree } from './views/table-tree/index.js';
+export { MKTree } from './views/tree/index.js';
+export { MKTableView } from './views/table-view/index.js';
+export { MKTreeView } from './views/tree-view/index.js';
 export { dataTableColumnProps } from './data-table-column/data-table-column-options.js';
 export { dataTableColumnComponentProps } from './data-table-column-component/data-table-column-component-options.js';
-export { MKTableClassifySearchItem } from './views/table/classify-search/classify-search-item/index.js';
-export { MKTableClassifySearch } from './views/table/classify-search/index.js';
-export { conditionProps, useCondition } from './views/table/search/composables/use-condition.js';
-export { TABLE_SEARCH_CONTEXT_KEY, TABLE_SEARCH_ITEM_CONTEXT_KEY } from './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 './views/table/search/operator-options.js';
-export { MKTableSearch } from './views/table/search/index.js';
+export { tableProps } from './views/table/table-options.js';
+export { tableTreeProps } from './views/table-tree/table-tree-options.js';
+export { treeProps } from './views/tree/tree-options.js';
+export { MKTableClassifySearchItem } from './views/table-view/classify-search/classify-search-item/index.js';
+export { MKTableClassifySearch } from './views/table-view/classify-search/index.js';
+export { treeViewProps } from './views/tree-view/tree-view-options.js';
 
 const MKDataTable = withInstall(DataTable, {
   MKDataTableColumn,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-table/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport DataTable from \"./data-table\";\nimport { MKDataTableColumn } from \"./data-table-column\";\nimport { MKDataTableColumnComponent } from \"./data-table-column-component\";\n\nexport const MKDataTable = withInstall(DataTable, {\n  MKDataTableColumn,\n  MKDataTableColumnComponent,\n});\n\nexport default MKDataTable;\n\nexport * from \"./data-table-column\";\nexport * from \"./data-table-column-component\";\nexport * from \"./data-table-options\";\n\nexport * from \"./views\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAKa,MAAA,WAAA,GAAc,YAAY,SAAW,EAAA;AAAA,EAChD,iBAAA;AAAA,EACA,0BAAA;AACF,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-table/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport DataTable from \"./data-table\";\nimport { MKDataTableColumn } from \"./data-table-column\";\nimport { MKDataTableColumnComponent } from \"./data-table-column-component\";\n\nexport const MKDataTable = withInstall(DataTable, {\n  MKDataTableColumn,\n  MKDataTableColumnComponent,\n});\n\nexport default MKDataTable;\n\nexport * from \"./data-table-column\";\nexport * from \"./data-table-column-component\";\nexport * from \"./data-table-options\";\n\nexport * from \"./views\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAKa,MAAA,WAAA,GAAc,YAAY,SAAW,EAAA;AAAA,EAChD,iBAAA;AAAA,EACA,0BAAA;AACF,CAAC;;;;"}

package/dist/esm/components/data-model/data-table/views/index.d.ts

@@ -1 +1,5 @@
 export * from "./table";
+export * from "./table-tree";
+export * from "./tree";
+export * from "./table-view";
+export * from "./tree-view";

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

@@ -1,8 +1,12 @@
-export { MKTableView } from './table/index.js';
-export { MKTableClassifySearchItem } from './table/classify-search/classify-search-item/index.js';
-export { MKTableClassifySearch } from './table/classify-search/index.js';
-export { conditionProps, useCondition } from './table/search/composables/use-condition.js';
-export { TABLE_SEARCH_CONTEXT_KEY, TABLE_SEARCH_ITEM_CONTEXT_KEY } from './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 './table/search/operator-options.js';
-export { MKTableSearch } from './table/search/index.js';
+export { MKTable } from './table/index.js';
+export { MKTableTree } from './table-tree/index.js';
+export { MKTree } from './tree/index.js';
+export { MKTableView } from './table-view/index.js';
+export { MKTreeView } from './tree-view/index.js';
+export { tableProps } from './table/table-options.js';
+export { tableTreeProps } from './table-tree/table-tree-options.js';
+export { treeProps } from './tree/tree-options.js';
+export { MKTableClassifySearchItem } from './table-view/classify-search/classify-search-item/index.js';
+export { MKTableClassifySearch } from './table-view/classify-search/index.js';
+export { treeViewProps } from './tree-view/tree-view-options.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/data-model/data-table/views/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-model/data-table/views/table/index.d.ts

@@ -1,4 +1,4 @@
-export declare const MKTableView: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const MKTable: 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;
@@ -13,6 +13,5 @@ export declare const MKTableView: import("@maketribe/utils").SFCWithInstall<impo
         __mkPropKey: true;
     };
 }>>, {}, {}>> & Record<string, any>;
-export default MKTableView;
-export * from "./classify-search";
-export * from "./search";
+export default MKTable;
+export * from "./table-options";

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

@@ -1,13 +1,8 @@
 import { withInstall } from '@maketribe/utils';
-import TableView from './table-view.js';
-export { MKTableClassifySearch } from './classify-search/index.js';
-export { MKTableSearch } from './search/index.js';
-export { MKTableClassifySearchItem } from './classify-search/classify-search-item/index.js';
-export { conditionProps, useCondition } from './search/composables/use-condition.js';
-export { TABLE_SEARCH_CONTEXT_KEY, TABLE_SEARCH_ITEM_CONTEXT_KEY } from './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 './search/operator-options.js';
+import Table from './table.js';
+export { tableProps } from './table-options.js';
 
-const MKTableView = withInstall(TableView);
+const MKTable = withInstall(Table);
 
-export { MKTableView, MKTableView as default };
+export { MKTable, MKTable as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport TableView from \"./table-view\";\n\nexport const MKTableView = withInstall(TableView);\n\nexport default MKTableView;\n\nexport * from \"./classify-search\";\nexport * from \"./search\";\n"],"names":[],"mappings":";;;;;;;;;AAGa,MAAA,WAAA,GAAc,YAAY,SAAS;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport Table from \"./table\";\n\nexport const MKTable = withInstall(Table);\n\nexport default MKTable;\n\nexport * from \"./table-options\";\n"],"names":[],"mappings":";;;;AAGa,MAAA,OAAA,GAAU,YAAY,KAAK;;;;"}

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

@@ -0,0 +1,11 @@
+import { ExtractPropTypes } from "vue";
+import { DataTable } from "@maketribe/dm";
+export declare const tableProps: {
+    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;
+    };
+};
+export type TableProps = ExtractPropTypes<typeof tableProps>;

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

@@ -0,0 +1,12 @@
+import { DataTable } from '@maketribe/dm';
+import { buildProps } from '@maketribe/utils';
+
+const tableProps = buildProps({
+  dataTable: {
+    type: DataTable,
+    required: true
+  }
+});
+
+export { tableProps };
+//# sourceMappingURL=table-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/table-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const tableProps = buildProps({\n  dataTable: {\n    type: DataTable<any>,\n    required: true,\n  },\n} as const);\n\nexport type TableProps = ExtractPropTypes<typeof tableProps>;\n"],"names":[],"mappings":";;;AAIO,MAAM,aAAa,UAAW,CAAA;AAAA,EACnC,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,SAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,CAAU;;;;"}

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

@@ -0,0 +1,16 @@
+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;
+    };
+}, () => 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;
+    };
+}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,62 @@
+import { defineComponent, computed, unref, createVNode } from 'vue';
+import { ElTableColumn, ElTable, ElEmpty } from 'element-plus';
+import { tableProps } from './table-options.js';
+import { MKDataTableColumnComponent } from '../../data-table-column-component/index.js';
+
+var Table = /* @__PURE__ */ defineComponent({
+  name: "MKTable",
+  props: tableProps,
+  setup(props, {
+    slots
+  }) {
+    const dataTable = computed(() => props.dataTable);
+    return () => {
+      const columns = unref(dataTable).getColumns().filter((column) => column.visible && column.name).map((column) => {
+        const columnProps = {
+          prop: column.name,
+          label: column.label,
+          width: column.width,
+          minWidth: column.minWidth,
+          fixed: column.fixed,
+          align: column.align || "center",
+          reserveSelection: true,
+          type: column.type === null ? "default" : column.type
+        };
+        if (!column.visible) {
+          return null;
+        }
+        return slots[`col-${column.name}`]?.() ?? createVNode(ElTableColumn, columnProps, {
+          default: (scope) => {
+            let children = slots[`col-${column.name}-content`]?.({
+              $index: scope.$index,
+              row: scope.row,
+              column,
+              dataTable: unref(dataTable)
+            });
+            if (children) {
+              return children;
+            }
+            return createVNode(MKDataTableColumnComponent, {
+              "column": column,
+              "row": scope.row,
+              "index": scope.$index
+            }, null);
+          }
+        });
+      });
+      return createVNode(ElTable, {
+        "data": unref(dataTable).getList(),
+        "rowKey": unref(dataTable).primaryKey,
+        "show-overflow-tooltip": true,
+        "border": true,
+        "stripe": true
+      }, {
+        default: () => [columns],
+        empty: () => slots.empty?.() || createVNode(ElEmpty, null, null)
+      });
+    };
+  }
+});
+
+export { Table as default };
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/table.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElEmpty, ElTable, ElTableColumn } from \"element-plus\";\nimport { tableProps } from \"./table-options\";\nimport { MKDataTableColumn } from \"../../data-table-column\";\nimport MKDataTableColumnComponent from \"../../data-table-column-component\";\n\nexport default defineComponent({\n  name: \"MKTable\",\n  props: tableProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n\n    return () => {\n      const columns = unref(dataTable)\n        .getColumns()\n        .filter((column) => column.visible && column.name)\n        .map((column) => {\n          const columnProps: Record<string, any> = {\n            prop: column.name,\n            label: column.label,\n            width: column.width,\n            minWidth: column.minWidth,\n            fixed: column.fixed,\n            align: column.align || \"center\",\n            reserveSelection: true,\n            type: column.type === null ? \"default\" : column.type,\n          };\n\n          if (!column.visible) {\n            return null;\n          }\n\n          return (\n            slots[`col-${column.name}`]?.() ?? (\n              <ElTableColumn\n                {...columnProps}\n                v-slots={{\n                  default: (scope: {\n                    $index: number;\n                    row: any;\n                    column: any;\n                  }) => {\n                    let children = slots[`col-${column.name}-content`]?.({\n                      $index: scope.$index,\n                      row: scope.row,\n                      column: column,\n                      dataTable: unref(dataTable),\n                    });\n\n                    if (children) {\n                      return children;\n                    }\n\n                    return (\n                      <MKDataTableColumnComponent\n                        column={column}\n                        row={scope.row}\n                        index={scope.$index}\n                      />\n                    );\n                  },\n                }}\n              />\n            )\n          );\n        });\n\n      return (\n        <ElTable\n          data={unref(dataTable).getList()}\n          rowKey={unref(dataTable).primaryKey}\n          show-overflow-tooltip\n          border\n          stripe\n          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\n        >\n          {columns}\n        </ElTable>\n      );\n    };\n  },\n});\n"],"names":["name","props","tableProps","setup","slots","dataTable","computed","columns","unref","getColumns","filter","column","visible","map","columnProps","prop","label","width","minWidth","fixed","align","reserveSelection","type","_createVNode","ElTableColumn","default","scope","children","$index","row","MKDataTableColumnComponent","ElTable","getList","primaryKey","empty","ElEmpty"],"mappings":";;;;;AAMA,4BAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,SAAA;AAAA,EACNC,KAAOC,EAAAA,UAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,SAAYC,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMI,SAAS,CAAA,CAAA;AAEhD,IAAA,OAAO,MAAM;AACX,MAAA,MAAME,OAAUC,GAAAA,KAAAA,CAAMH,SAAS,CAAA,CAC5BI,YACAC,CAAAA,MAAAA,CAAQC,CAAWA,MAAAA,KAAAA,MAAAA,CAAOC,OAAWD,IAAAA,MAAAA,CAAOX,IAAI,CAAA,CAChDa,IAAKF,CAAW,MAAA,KAAA;AACf,QAAA,MAAMG,WAAmC,GAAA;AAAA,UACvCC,MAAMJ,MAAOX,CAAAA,IAAAA;AAAAA,UACbgB,OAAOL,MAAOK,CAAAA,KAAAA;AAAAA,UACdC,OAAON,MAAOM,CAAAA,KAAAA;AAAAA,UACdC,UAAUP,MAAOO,CAAAA,QAAAA;AAAAA,UACjBC,OAAOR,MAAOQ,CAAAA,KAAAA;AAAAA,UACdC,KAAAA,EAAOT,OAAOS,KAAS,IAAA,QAAA;AAAA,UACvBC,gBAAkB,EAAA,IAAA;AAAA,UAClBC,IAAMX,EAAAA,MAAAA,CAAOW,IAAS,KAAA,IAAA,GAAO,YAAYX,MAAOW,CAAAA,IAAAA;AAAAA,SAClD,CAAA;AAEA,QAAI,IAAA,CAACX,OAAOC,OAAS,EAAA;AACnB,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AAEA,QACER,OAAAA,KAAAA,CAAO,OAAMO,MAAOX,CAAAA,IAAK,EAAC,CAAI,IAAA,IAACuB,WAAAC,CAAAA,aAAAA,EAEvBV,WACK,EAAA;AAAA,UACPW,SAAUC,CAIJ,KAAA,KAAA;AACJ,YAAA,IAAIC,WAAWvB,KAAO,CAAA,CAAA,IAAA,EAAMO,MAAOX,CAAAA,IAAK,UAAS,CAAI,GAAA;AAAA,cACnD4B,QAAQF,KAAME,CAAAA,MAAAA;AAAAA,cACdC,KAAKH,KAAMG,CAAAA,GAAAA;AAAAA,cACXlB,MAAAA;AAAAA,cACAN,SAAAA,EAAWG,MAAMH,SAAS,CAAA;AAAA,aAC3B,CAAA,CAAA;AAED,YAAA,IAAIsB,QAAU,EAAA;AACZ,cAAOA,OAAAA,QAAAA,CAAAA;AAAAA,aACT;AAEA,YAAA,OAAAJ,YAAAO,0BAAA,EAAA;AAAA,cAAA,QAEYnB,EAAAA,MAAAA;AAAAA,cAAM,OACTe,KAAMG,CAAAA,GAAAA;AAAAA,cAAG,SACPH,KAAME,CAAAA,MAAAA;AAAAA,eAAM,IAAA,CAAA,CAAA;AAAA,WAGzB;AAAA,SACD,CAAA,CAAA;AAAA,OAIR,CAAA,CAAA;AAEH,MAAA,OAAAL,YAAAQ,OAAA,EAAA;AAAA,QAAA,MAEUvB,EAAAA,KAAAA,CAAMH,SAAS,CAAA,CAAE2B,OAAQ,EAAA;AAAA,QAAC,QAAA,EACxBxB,KAAMH,CAAAA,SAAS,CAAE4B,CAAAA,UAAAA;AAAAA,QAAU,uBAAA,EAAA,IAAA;AAAA,QAAA,QAAA,EAAA,IAAA;AAAA,QAAA,QAAA,EAAA,IAAA;AAAA,OAAA,EAAA;AAAA,QAAAR,OAAAA,EAAAA,MAAA,CAMlClB,OAAO,CAAA;AAAA,QAFG2B,KAAAA,EAAOA,MAAM9B,KAAM8B,CAAAA,KAAAA,QAASX,WAAAY,CAAAA,OAAAA,EAAA,MAAA,IAAA,CAAA;AAAA,OAAe,CAAA,CAAA;AAAA,KAK5D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -0,0 +1,17 @@
+export declare const MKTableTree: 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;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataTree: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTree<any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>> & Record<string, any>;
+export default MKTableTree;
+export * from "./table-tree-options";

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { ExtractPropTypes } from "vue";
+import { DataTree } from "@maketribe/dm";
+export declare const tableTreeProps: {
+    readonly dataTree: {
+        readonly type: import("vue").PropType<DataTree<any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type TableTreeProps = ExtractPropTypes<typeof tableTreeProps>;

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

@@ -0,0 +1,12 @@
+import { DataTree } from '@maketribe/dm';
+import { buildProps } from '@maketribe/utils';
+
+const tableTreeProps = buildProps({
+  dataTree: {
+    type: DataTree,
+    required: true
+  }
+});
+
+export { tableTreeProps };
+//# sourceMappingURL=table-tree-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-tree-options.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-tree/table-tree-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTree } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const tableTreeProps = buildProps({\n  dataTree: {\n    type: DataTree<any>,\n    required: true,\n  },\n} as const);\n\nexport type TableTreeProps = ExtractPropTypes<typeof tableTreeProps>;\n"],"names":[],"mappings":";;;AAIO,MAAM,iBAAiB,UAAW,CAAA;AAAA,EACvC,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,QAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,CAAU;;;;"}