@maketribe/ms-app 4.0.0-beta.1 → 4.0.0-beta.11

package/dist/esm/index-DXgAjo5j.js

@@ -0,0 +1,87 @@
+import { defineComponent, ref, reactive, watch, computed, unref, onBeforeUnmount, openBlock, createElementBlock, Fragment, withDirectives, createBlock, withCtx, createVNode, createElementVNode, toDisplayString, vShow, createCommentVNode } from "vue";
+import { useRouter } from "vue-router";
+import "@maketribe/dm";
+import "element-plus";
+import "@maketribe/utils";
+import { y as MsRouteTable, w as DataModelDefines, z as useSingleView, f as MKDataTable, A as MKTableView, B as MKTableTree, b as MKSvgIcon, C as MKDataForm } from "./index-Fqju8eWa.js";
+import "@maketribe/request";
+import "@maketribe/locale";
+import "lodash-es";
+import "vue-cropper";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+const _hoisted_1 = { flex: "inline items-center" };
+const _hoisted_2 = { class: "mx-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const router = useRouter();
+    const dataTree = ref(null);
+    const dataForm = ref(null);
+    const routeTable = reactive(new MsRouteTable());
+    watch(
+      computed(() => unref(router.currentRoute).meta.name),
+      (name) => {
+        dataTree.value = DataModelDefines.instance.getDataTree(name);
+        dataForm.value = DataModelDefines.instance.getDataForm(name);
+      },
+      { immediate: true }
+    );
+    const { isShowDataForm } = useSingleView({ dataTable: dataTree, dataForm });
+    onBeforeUnmount(() => {
+      routeTable.dispose();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        dataTree.value ? withDirectives((openBlock(), createBlock(unref(MKDataTable), {
+          key: 0,
+          "data-table": dataTree.value,
+          mode: "page",
+          enableQueryParams: ""
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(MKTableView), { mode: "page" }, {
+              default: withCtx(() => [
+                createVNode(unref(MKTableTree), { defaultExpandAll: "" }, {
+                  "col-data.title-content": withCtx(({ row }) => [
+                    createElementVNode("div", _hoisted_1, [
+                      createVNode(unref(MKSvgIcon), {
+                        name: row.data.iconName
+                      }, null, 8, ["name"]),
+                      createElementVNode("span", _hoisted_2, toDisplayString(row.data.title), 1)
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data-table"])), [
+          [vShow, !unref(isShowDataForm)]
+        ]) : createCommentVNode("", true),
+        dataForm.value && unref(isShowDataForm) ? (openBlock(), createBlock(unref(MKDataForm), {
+          key: 1,
+          mode: "page",
+          labelPosition: "top",
+          "data-form": dataForm.value,
+          KDataForm: ""
+        }, null, 8, ["data-form"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index-DXgAjo5j.js.map

package/dist/esm/index-DXgAjo5j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DXgAjo5j.js","sources":["../../src/pages/SysMenu/index.vue"],"sourcesContent":["<template>\n  <MKDataTable v-if=\"dataTree\" v-show=\"!isShowDataForm\" :data-table=\"dataTree\" mode=\"page\" enableQueryParams>\n    <MKTableView mode=\"page\">\n      <MKTableTree defaultExpandAll>\n        <template #col-data.title-content=\"{ row }\">\n          <div flex=\"inline items-center\">\n            <MKSvgIcon :name=\"row.data.iconName\"/>\n            <span class=\"mx-2\">{{ row.data.title }}</span>\n          </div>\n        </template>\n      </MKTableTree>\n    </MKTableView>\n  </MKDataTable>\n\n  <MKDataForm v-if=\"dataForm && isShowDataForm\"  mode=\"page\" labelPosition=\"top\" :data-form=\"dataForm\" KDataForm/>\n</template>\n<script setup lang=\"ts\">\nimport {\n  unref,\n  computed,\n  watch,\n  ref,\n  Ref,\n  reactive,\n  onBeforeUnmount,\n} from \"vue\";\nimport {useRouter} from \"vue-router\";\nimport {DataForm, DataTree} from \"@maketribe/dm\";\nimport {DataModelDefines} from \"../../core\";\nimport {\n  MKSvgIcon,\n  MKDataTable, MKTableView, MKTableTree, MKDataForm,\n} from \"../../components\";\nimport {useSingleView} from \"../../composables\";\nimport {MsRouteTable} from \"../../dataviews\";\n\nconst router = useRouter();\n\nconst dataTree: Ref<DataTree | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\n// 路由表单\nconst routeTable = reactive(new MsRouteTable()) as MsRouteTable;\n\nwatch(\n  computed(() => unref(router.currentRoute).meta.name as string),\n  (name) => {\n    dataTree.value = DataModelDefines.instance.getDataTree(name);\n    dataForm.value = DataModelDefines.instance.getDataForm(name);\n  },\n  {immediate: true}\n);\n\nconst {isShowDataForm} = useSingleView({dataTable: dataTree, dataForm});\n\nonBeforeUnmount(() => { routeTable.dispose();});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,UAAM,SAAS;AAET,UAAA,WAAiC,IAAI,IAAI;AACzC,UAAA,WAAiC,IAAI,IAAI;AAG/C,UAAM,aAAa,SAAS,IAAI,aAAc,CAAA;AAE9C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAC3D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGZ,UAAA,EAAC,mBAAkB,cAAc,EAAC,WAAW,UAAU,UAAS;AAEtE,oBAAgB,MAAM;AAAE,iBAAW,QAAQ;AAAA,IAAA,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/index-Di8tpEnb.js

@@ -0,0 +1,43 @@
+import { buildProps, withInstall } from "@maketribe/utils";
+import { defineComponent, computed, unref, createVNode } from "vue";
+import { ElImage } from "element-plus";
+const imageViewProps = buildProps({
+  showPreview: {
+    type: Boolean,
+    default: true
+  },
+  src: {
+    type: String
+  },
+  viewTools: {
+    type: Boolean,
+    default: false
+  }
+});
+const ImageView = /* @__PURE__ */ defineComponent({
+  name: "MKImageView",
+  inheritAttrs: false,
+  props: imageViewProps,
+  setup(props, {
+    slots
+  }) {
+    const showPreview = computed(() => props.showPreview);
+    const src = computed(() => props.src);
+    const previewSrcList = computed(() => unref(showPreview) && unref(src) ? [unref(src)] : []);
+    return () => createVNode(ElImage, {
+      "class": "w-full h-full",
+      "src": unref(src),
+      "fit": "cover",
+      "previewSrcList": props.viewTools ? unref(previewSrcList) : void 0,
+      "preview-teleported": true,
+      "hide-on-click-modal": true
+    }, slots);
+  }
+});
+const MKImageView = withInstall(ImageView);
+export {
+  MKImageView,
+  MKImageView as default,
+  imageViewProps
+};
+//# sourceMappingURL=index-Di8tpEnb.js.map

package/dist/esm/index-Di8tpEnb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Di8tpEnb.js","sources":["../../src/components/business/MaterialList/components/ImageView/options.ts","../../src/components/business/MaterialList/components/ImageView/ImageView.tsx","../../src/components/business/MaterialList/components/ImageView/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const imageViewProps = buildProps({\n  showPreview: {\n    type: Boolean,\n    default: true,\n  },\n  src: {\n    type: String,\n  },\n  viewTools: {\n    type: Boolean,\n    default: false,\n  }\n} as const);\n\nexport type ImageViewProps = ExtractPropTypes<typeof imageViewProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElImage } from \"element-plus\";\nimport { imageViewProps } from \"./options\";\n\nexport default defineComponent({\n  name: \"MKImageView\",\n  inheritAttrs: false,\n  props: imageViewProps,\n  setup(props, { slots }) {\n    const showPreview = computed(() => props.showPreview);\n\n    const src = computed(() => props.src);\n\n    const previewSrcList = computed(() =>\n      unref(showPreview) && unref(src) ? [unref(src)!] : []\n    );\n\n    return () => (\n      <ElImage\n        class=\"w-full h-full\"\n        src={unref(src)}\n        v-slots={slots}\n        fit=\"cover\"\n        previewSrcList={props.viewTools ? unref(previewSrcList) : undefined}\n        preview-teleported\n        hide-on-click-modal\n      />\n    );\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport ImageView from \"./ImageView\";\n\nexport const MKImageView = withInstall(ImageView);\nexport default MKImageView;\n\nexport * from \"./options\";\n"],"names":["defineComponent","name","inheritAttrs","props","imageViewProps","setup","slots","showPreview","computed","src","previewSrcList","unref","_createVNode","ElImage","viewTools","undefined"],"mappings":";;;AAGO,MAAM,iBAAiB,WAAW;AAAA,EACvC,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,KAAK;AAAA,IACH,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;ACXV,MAAeA,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,cAAcC,SAAS,MAAML,MAAMI,WAAW;AAEpD,UAAME,MAAMD,SAAS,MAAML,MAAMM,GAAG;AAEpC,UAAMC,iBAAiBF,SAAS,MAC9BG,MAAMJ,WAAW,KAAKI,MAAMF,GAAG,IAAI,CAACE,MAAMF,GAAG,CAAC,IAAK,CACrD,CAAA;AAEA,WAAO,MAAAG,YAAAC,SAAA;AAAA,MAAA,SAAA;AAAA,MAAA,OAGEF,MAAMF,GAAG;AAAA,MAAC,OAAA;AAAA,MAAA,kBAGCN,MAAMW,YAAYH,MAAMD,cAAc,IAAIK;AAAAA,MAAS,sBAAA;AAAA,MAAA,uBAAA;AAAA,IAAA,GAF1DT,KAAK;AAAA,EAOpB;AACF,CAAC;AC1BY,MAAA,cAAc,YAAY,SAAS;"}

package/dist/esm/index-DvdIaW3w.js

@@ -0,0 +1,126 @@
+import { buildProps, withInstall } from "@maketribe/utils";
+import { defineComponent, computed, unref, watch, createVNode } from "vue";
+import { i as abstractSelectEmits, j as abstractSelectProps, k as MKAbstractSelect } from "./index-Fqju8eWa.js";
+import { DataTree } from "@maketribe/dm";
+import { ElTreeSelect } from "element-plus";
+const { dataTable, ...restAbstractSelectProps } = abstractSelectProps;
+const dataTreeSelectProps = buildProps({
+  ...restAbstractSelectProps,
+  dataTree: DataTree,
+  checkStrictly: {
+    type: Boolean,
+    default: true
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  clearable: {
+    type: Boolean,
+    default: true
+  },
+  formatOptions: {
+    type: Function,
+    default: (item) => {
+      const value = item.value ?? item.id ?? item.name;
+      const label = item.label ?? item.desc ?? item.title ?? item.name;
+      const children = item.children ?? [];
+      return { value, label, children };
+    }
+  }
+});
+const dataTreeSelectEmits = {
+  ...abstractSelectEmits
+};
+const DataTreeSelect = /* @__PURE__ */ defineComponent({
+  name: "MKDataTreeSelect",
+  props: dataTreeSelectProps,
+  emits: dataTreeSelectEmits,
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const primaryKey = computed(() => {
+      var _a;
+      return props.primaryFieldName ?? ((_a = props.dataTree) == null ? void 0 : _a.primaryKey) ?? "value";
+    });
+    const loading = computed(() => {
+      var _a;
+      return ((_a = props.dataTree) == null ? void 0 : _a.loading) ?? false;
+    });
+    const modelValue = computed({
+      get: () => unref(props.modelValue),
+      set: (v) => {
+        emit("update:model-value", v);
+      }
+    });
+    watch(computed(() => props.dataTree), async (dataTree) => {
+      if (dataTree && !dataTree.initd) {
+        await dataTree.init();
+        dataTree.dataFilter.setReady();
+        await dataTree.loadAll();
+      }
+    }, {
+      immediate: true
+    });
+    const formatOptions = (item) => {
+      let _formatOptions;
+      if (props.labelFieldName) {
+        _formatOptions = (item2) => {
+          return {
+            value: item2[unref(primaryKey)],
+            label: item2[props.labelFieldName],
+            children: (item2.children ?? []).map(formatOptions)
+          };
+        };
+      } else {
+        _formatOptions = props.formatOptions;
+      }
+      let option = _formatOptions(item);
+      option.data = item;
+      return option;
+    };
+    return () => {
+      return createVNode(MKAbstractSelect, {
+        "class": "mk-data-tree-select",
+        "modelValue": unref(modelValue),
+        "onUpdate:model-value": (v) => {
+          modelValue.value = v;
+        },
+        "additional": false,
+        "dataTable": props.dataTree,
+        "objectValue": props.objectValue,
+        "multiple": props.multiple,
+        "options": props.options,
+        "primaryFieldName": props.primaryFieldName,
+        "formatOptions": formatOptions
+      }, {
+        default: ({
+          selections,
+          setSelections,
+          options
+        }) => {
+          return createVNode(ElTreeSelect, {
+            "popper-class": "mk-data-tree-select__popper",
+            "clearable": props.clearable,
+            "data": options,
+            "disabled": props.disabled,
+            "loading": unref(loading),
+            "modelValue": selections,
+            "onUpdate:modelValue": setSelections,
+            "multiple": props.multiple,
+            "checkStrictly": props.checkStrictly
+          }, slots);
+        }
+      });
+    };
+  }
+});
+const MKDataTreeSelect = withInstall(DataTreeSelect);
+export {
+  MKDataTreeSelect,
+  dataTreeSelectEmits,
+  dataTreeSelectProps,
+  MKDataTreeSelect as default
+};
+//# sourceMappingURL=index-DvdIaW3w.js.map

package/dist/esm/index-DvdIaW3w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DvdIaW3w.js","sources":["../../src/components/basic/DataTreeSelect/options.ts","../../src/components/basic/DataTreeSelect/DataTreeSelect.tsx","../../src/components/basic/DataTreeSelect/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { abstractSelectEmits, abstractSelectProps } from \"../../abstract\";\nimport { DataTree } from \"@maketribe/dm\";\n\nconst { dataTable, ...restAbstractSelectProps } = abstractSelectProps;\n\nexport const dataTreeSelectProps = buildProps({\n  ...restAbstractSelectProps,\n  dataTree: DataTree<any>,\n  checkStrictly: {\n    type: Boolean,\n    default: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  clearable: {\n    type: Boolean,\n    default: true,\n  },\n  formatOptions: {\n    type: Function,\n    default: (item: any) => {\n      const value = item.value ?? item.id ?? item.name;\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\n      const children = item.children ?? [];\n\n      return { value, label, children };\n    },\n  },\n});\n\nexport type DataTreeSelectProps = ExtractPropTypes<typeof dataTreeSelectProps>;\n\nexport const dataTreeSelectEmits = {\n  ...abstractSelectEmits,\n};\n\nexport type DataTreeSelectEmits = typeof dataTreeSelectEmits;\n","import { computed, defineComponent, ref, Ref, unref, watch } from \"vue\";\nimport { MKAbstractSelect } from \"../../abstract\";\nimport {\n  dataTreeSelectEmits,\n  dataTreeSelectProps,\n} from \"./options\";\nimport { ElTreeSelect } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKDataTreeSelect\",\n  props: dataTreeSelectProps,\n  emits: dataTreeSelectEmits,\n  setup(props, { emit, slots }) {\n    const primaryKey = computed(\n      () => props.primaryFieldName ?? props.dataTree?.primaryKey ?? \"value\"\n    );\n\n    const loading = computed(() => props.dataTree?.loading ?? false);\n\n    const modelValue = computed({\n      get: () => unref(props.modelValue),\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n\n    // 数据树\n    watch(computed(() => props.dataTree),async (dataTree) => {\n      // 初始化过就不重新初始化了\n      if(dataTree && !dataTree.initd) {\n        await dataTree.init();\n        dataTree.dataFilter.setReady();\n        await dataTree.loadAll();\n      }\n    },{ immediate: true });\n\n    const formatOptions = (item: any) => {\n      let _formatOptions;\n\n      if (props.labelFieldName) {\n        _formatOptions = (item: any) => {\n          return {\n            value: item[unref(primaryKey)],\n            label: item[props.labelFieldName!],\n            children: (item.children ?? []).map(formatOptions),\n          };\n        };\n      } else {\n        _formatOptions = props.formatOptions;\n      }\n\n      let option = _formatOptions(item);\n\n      option.data = item;\n\n      return option;\n    };\n\n    return () => {\n      return (\n        <MKAbstractSelect\n          class=\"mk-data-tree-select\"\n          modelValue={unref(modelValue)}\n          onUpdate:model-value={(v: any) => {\n            modelValue.value = v;\n          }}\n          additional={false}\n          dataTable={props.dataTree}\n          objectValue={props.objectValue}\n          multiple={props.multiple}\n          options={props.options}\n          primaryFieldName={props.primaryFieldName}\n          formatOptions={formatOptions}\n          v-slots={{\n            default: ({ selections, setSelections, options }: any) => {\n              return (\n                <ElTreeSelect\n                  popper-class=\"mk-data-tree-select__popper\"\n                  clearable={props.clearable}\n                  data={options}\n                  disabled={props.disabled}\n                  loading={unref(loading)}\n                  modelValue={selections}\n                  onUpdate:modelValue={setSelections}\n                  multiple={props.multiple}\n                  checkStrictly={props.checkStrictly}\n                  v-slots={slots}\n                />\n              );\n            },\n          }}\n        />\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport \"./index.scss\"\nimport DataTreeSelect from \"./DataTreeSelect\";\n\nexport const MKDataTreeSelect = withInstall(DataTreeSelect);\n\nexport default MKDataTreeSelect;\n\nexport * from \"./options\";\n"],"names":["defineComponent","name","props","dataTreeSelectProps","emits","dataTreeSelectEmits","setup","emit","slots","primaryKey","computed","primaryFieldName","dataTree","loading","modelValue","get","unref","set","v","watch","initd","init","dataFilter","setReady","loadAll","immediate","formatOptions","item","_formatOptions","labelFieldName","value","label","children","map","option","data","_createVNode","MKAbstractSelect","objectValue","multiple","options","default","selections","setSelections","ElTreeSelect","clearable","disabled","checkStrictly"],"mappings":"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"}

package/dist/esm/index-Dz2ZK2eG.js

@@ -0,0 +1,166 @@
+import { buildProps, withInstall } from "@maketribe/utils";
+import { defineComponent, computed, watch, unref, ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
+import { e as useFormItem, f as MKDataTable, g as DataForm, h as MKForm, _ as _export_sfc } from "./index-Fqju8eWa.js";
+import { FormDetailColumn, Messager, DataFormType } from "@maketribe/dm";
+import { ElButton } from "element-plus";
+import { I18n } from "@maketribe/locale";
+const formDetailProps = buildProps({
+  modelValue: {
+    type: null
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  column: { type: FormDetailColumn, required: true },
+  formWidth: {
+    type: String,
+    default: "400px"
+  }
+});
+const formDetailEmits = {
+  "update:model-value": (v) => true
+};
+const _hoisted_1 = { class: "mk-form-detail" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "form-detail",
+  props: formDetailProps,
+  emits: formDetailEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const detailTable = computed(() => props.column.detailTable);
+    const detailForm = computed(() => props.column.detailForm);
+    const { value } = useFormItem();
+    watch(
+      computed(() => unref(value)),
+      (value2) => {
+        const _detailTable = unref(detailTable);
+        value2 = Array.isArray(value2) ? value2 : [];
+        _detailTable.setList(
+          value2.map((item) => _detailTable.formatItem(item))
+        );
+      }
+    );
+    const isShowDataForm = ref(false);
+    watch(
+      detailTable,
+      (dataTable, _, onCleanup) => {
+        const addRecordDisposable = dataTable.addRecordEvent.on(async ({ item }) => {
+          const _dataForm = unref(detailForm);
+          if (!_dataForm) {
+            console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);
+            return;
+          }
+          isShowDataForm.value = true;
+          _dataForm.addRecord(item);
+        });
+        const editRecordDisposable = dataTable.editRecordEvent.on(
+          async ({ item }) => {
+            const _dataForm = unref(detailForm);
+            if (!_dataForm) {
+              console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);
+              return;
+            }
+            isShowDataForm.value = true;
+            try {
+              const response = await _dataForm.editRecord(item);
+              if (response.data.code !== 200) {
+                Messager.error({ message: response.data.msg });
+                isShowDataForm.value = false;
+                return;
+              }
+            } catch (e) {
+              console.error(e);
+              isShowDataForm.value = false;
+            }
+          }
+        );
+        onCleanup(() => {
+          addRecordDisposable.dispose();
+          editRecordDisposable.dispose();
+        });
+      },
+      { immediate: true }
+    );
+    watch(
+      detailForm,
+      (dataForm, _, onCleanup) => {
+        const submittedDisposable = dataForm.submittedEvent.on(() => {
+          var _a;
+          isShowDataForm.value = false;
+          (_a = unref(detailTable)) == null ? void 0 : _a.load();
+        });
+        const cancelDisposable = dataForm.cancelEvent.on(() => {
+          isShowDataForm.value = false;
+        });
+        onCleanup(() => {
+          submittedDisposable.dispose();
+          cancelDisposable.dispose();
+        });
+      },
+      { immediate: true }
+    );
+    const isUpdateForm = computed(() => unref(detailForm).getDataFormType() == DataFormType.UPDATE);
+    const handleFormSave = async () => {
+      var _a;
+      await ((_a = unref(detailForm)) == null ? void 0 : _a.simpleSubmit());
+    };
+    const handleFormCancel = () => {
+      unref(detailForm).cancel();
+    };
+    return (_ctx, _cache) => {
+      const _component_ElDrawer = resolveComponent("ElDrawer");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(MKDataTable), {
+          dataTable: detailTable.value,
+          autoLoad: false
+        }, null, 8, ["dataTable"]),
+        createVNode(_component_ElDrawer, {
+          modelValue: isShowDataForm.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isShowDataForm.value = $event),
+          "append-to-body": "",
+          title: _ctx.column.label
+        }, {
+          footer: withCtx(() => [
+            createVNode(unref(ElButton), { onClick: handleFormCancel }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(I18n).instance.translate("mk.dataForm.cancelButton")), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(unref(ElButton), {
+              type: "primary",
+              onClick: handleFormSave
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(isUpdateForm.value ? unref(I18n).instance.translate("mk.dataForm.saveButton") : unref(I18n).instance.translate("mk.dataForm.addButton")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            createVNode(DataForm, {
+              dataForm: detailForm.value,
+              autoLoad: false
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(MKForm), { labelPosition: "top" })
+              ]),
+              _: 1
+            }, 8, ["dataForm"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ]);
+    };
+  }
+});
+const FormDetail = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7c09b537"]]);
+const MKFormDetail = withInstall(FormDetail);
+export {
+  MKFormDetail,
+  MKFormDetail as default,
+  formDetailEmits,
+  formDetailProps
+};
+//# sourceMappingURL=index-Dz2ZK2eG.js.map

package/dist/esm/index-Dz2ZK2eG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Dz2ZK2eG.js","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/components/form-detail/form-detail.vue","../../src/components/data-model/data-form/components/form-detail/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { FormDetailColumn } from \"@maketribe/dm\";\n\nexport const formDetailProps = buildProps({\n  modelValue: {\n    type: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  column: { type: FormDetailColumn, required: true },\n  formWidth: {\n    type: String,\n    default: \"400px\",\n  },\n} as const);\n\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\n\nexport const formDetailEmits = {\n  \"update:model-value\": (v: any) => true,\n};\n\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\n","<script setup lang=\"ts\">\nimport {computed, ref, unref, watch} from \"vue\";\nimport {MKDataTable} from \"../../../data-table\";\nimport DataForm from \"../../data-form.vue\";\nimport {formDetailEmits, formDetailProps} from \"./form-detail-options\";\nimport {useFormItem} from \"../../composables\";\nimport {MKForm} from '../../views'\nimport {ElButton, ElEmpty} from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport {DataFormType, Messager} from \"@maketribe/dm\";\n\nconst props = defineProps(formDetailProps);\n\nconst emit = defineEmits(formDetailEmits)\n\nconst detailTable = computed(() => props.column.detailTable);\nconst detailForm = computed(() => props.column.detailForm!);\n\nconst {value} = useFormItem();\n\nwatch(\n  computed(() => unref(value)),\n  (value) => {\n    const _detailTable = unref(detailTable);\n\n    value = Array.isArray(value) ? value : [];\n\n    _detailTable.setList(\n      value.map((item: any) => _detailTable.formatItem(item))\n    );\n  }\n);\n\nconst isShowDataForm = ref(false);\n\nwatch(\n  detailTable,\n  (dataTable, _, onCleanup) => {\n\n    const addRecordDisposable = dataTable.addRecordEvent.on(async ({item}) => {\n      const _dataForm = unref(detailForm);\n\n      if (!_dataForm) {\n        console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n        return;\n      }\n\n      isShowDataForm.value = true;\n\n      _dataForm.addRecord(item);\n    });\n\n    const editRecordDisposable = dataTable.editRecordEvent.on(\n      async ({item}) => {\n        const _dataForm = unref(detailForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(item);\n\n          if (response.data.code !== 200) {\n            Messager.error({message: response.data.msg});\n            isShowDataForm.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDataForm.value = false;\n        }\n      }\n    );\n\n    onCleanup(() => {\n      addRecordDisposable.dispose();\n      editRecordDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nwatch(\n  detailForm,\n  (dataForm, _, onCleanup) => {\n    const submittedDisposable = dataForm.submittedEvent.on(() => {\n      isShowDataForm.value = false;\n\n      unref(detailTable)?.load();\n    });\n\n    const cancelDisposable = dataForm.cancelEvent.on(() => {\n      isShowDataForm.value = false;\n    });\n\n    onCleanup(() => {\n      submittedDisposable.dispose();\n      cancelDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nconst isUpdateForm = computed(()=> unref(detailForm).getDataFormType() == DataFormType.UPDATE)\n\nconst handleFormSave = async () => {\n  await unref(detailForm)?.simpleSubmit();\n};\n\nconst handleFormCancel = () => {\n  unref(detailForm).cancel();\n};\n\n\n</script>\n\n<template>\n  <div class=\"mk-form-detail\">\n    <MKDataTable :dataTable=\"detailTable\" :autoLoad=\"false\" />\n    <ElDrawer v-model=\"isShowDataForm\" append-to-body  :title=\"column.label\">\n      <DataForm :dataForm=\"detailForm\" :autoLoad=\"false\" >\n        <MKForm labelPosition=\"top\" />\n      </DataForm>\n      <template #footer>\n        <ElButton @click=\"handleFormCancel\">\n          {{I18n.instance.translate(\"mk.dataForm.cancelButton\")}}\n        </ElButton>\n        <ElButton type=\"primary\" @click=\"handleFormSave\">\n          {{ isUpdateForm ? I18n.instance.translate(\"mk.dataForm.saveButton\") : I18n.instance.translate(\"mk.dataForm.addButton\")}}\n        </ElButton>\n      </template>\n\n<!--      <template #empty>-->\n<!--        <ElEmpty :image-size=\"100\"/>-->\n<!--      </template>-->\n    </ElDrawer>\n  </div>\n</template>\n<style scoped lang=\"scss\">\n.mk-form-detail {\n  width: 100%;\n  min-height: 200px;\n\n  .mk-data-table {\n    height: 100%;\n  }\n\n  .mk-data-table-search {\n    display: none;\n  }\n\n  .el-table {\n    flex: 1;\n  }\n\n  @at-root {\n    &__drawer {\n      .el-card {\n        border: none;\n\n        &__body {\n          --el-card-padding: 0px;\n        }\n      }\n    }\n  }\n}\n\n</style>\n","import { withInstall } from \"@maketribe/utils\";\nimport FormDetail from \"./form-detail.vue\";\n\nexport const MKFormDetail = withInstall(FormDetail);\nexport default MKFormDetail;\n\nexport * from \"./form-detail-options\";\n"],"names":["value"],"mappings":"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"}