@maketribe/ms-app 4.0.0-alpha.3 → 4.0.0-alpha.5

package/dist/esm/index-pzNnwUiS.js

@@ -1,167 +0,0 @@
-import { buildProps, withInstall } from "@maketribe/utils";
-import { inject, computed, unref, defineComponent, watch, ref, createVNode, isVNode } from "vue";
-import { a8 as DATA_FORM_ITEM_CONTEXT_KEY, z as MKPageContainer, a9 as DataForm, A as MKDataTable } from "./index-mq3nYYwD.js";
-import { FormDetailColumn, FormColumn, Messager } from "@maketribe/dm";
-import { ElEmpty, ElDrawer } from "element-plus";
-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
-};
-buildProps({
-  column: { type: FormColumn, required: true }
-});
-function useFormItem() {
-  const dataFormItemContext = inject(DATA_FORM_ITEM_CONTEXT_KEY);
-  const column = computed(() => {
-    var _a;
-    return ((_a = unref(dataFormItemContext)) == null ? void 0 : _a.column) ?? null;
-  });
-  const value = computed({
-    get: () => {
-      const _column = unref(column);
-      if (!_column) {
-        return;
-      }
-      return _column.getValue();
-    },
-    set: (v) => {
-      const _column = unref(column);
-      if (!_column) {
-        return;
-      }
-      _column.setValue(v);
-    }
-  });
-  const disabled = computed(() => {
-    var _a;
-    return ((_a = unref(column)) == null ? void 0 : _a.disabled) ?? false;
-  });
-  return { column, value, disabled };
-}
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const FormDetail = /* @__PURE__ */ defineComponent({
-  name: "MKFormDetail",
-  props: formDetailProps,
-  emits: formDetailEmits,
-  setup(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
-    });
-    return () => {
-      const dataForm = unref(isShowDataForm) ? createVNode(MKPageContainer, null, {
-        default: () => [createVNode(DataForm, {
-          "dataForm": unref(detailForm),
-          "autoLoad": false
-        }, null)]
-      }) : null;
-      return createVNode("div", {
-        "class": "mk-form-detail"
-      }, [createVNode(MKDataTable, {
-        "dataTable": unref(detailTable),
-        "autoLoad": false
-      }, {
-        empty: () => createVNode(ElEmpty, {
-          "image-size": 100
-        }, null)
-      }), createVNode(ElDrawer, {
-        "class": "mk-form-detail__drawer",
-        "modelValue": unref(isShowDataForm),
-        "onUpdate:modelValue": (v) => isShowDataForm.value = v,
-        "appendToBody": true,
-        "withHeader": false,
-        "width": "50%"
-      }, _isSlot(dataForm) ? dataForm : {
-        default: () => [dataForm]
-      })]);
-    };
-  }
-});
-const MKFormDetail = withInstall(FormDetail);
-export {
-  MKFormDetail,
-  MKFormDetail as default,
-  formDetailEmits,
-  formDetailProps
-};
-//# sourceMappingURL=index-pzNnwUiS.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index-pzNnwUiS.js","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/composables/use-form-item.ts","../../src/components/data-model/data-form/components/form-detail/form-detail.tsx","../../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","import { ExtractPropTypes, computed, inject, unref } from \"vue\";\nimport { DATA_FORM_ITEM_CONTEXT_KEY } from \"../token\";\nimport { FormColumn } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const columnProps = buildProps({\n  column: { type: FormColumn, required: true },\n} as const);\n\nexport type ColumnProps = ExtractPropTypes<typeof columnProps>;\n\nexport function useFormItem() {\n  const dataFormItemContext = inject(DATA_FORM_ITEM_CONTEXT_KEY);\n  const column = computed(() => unref(dataFormItemContext)?.column ?? null);\n\n  const value = computed({\n    get: () => {\n      const _column = unref(column);\n\n      if (!_column) {\n        return;\n      }\n\n      return _column.getValue();\n    },\n    set: (v: any) => {\n      const _column = unref(column);\n\n      if (!_column) {\n        return;\n      }\n\n      _column.setValue(v);\n    },\n  });\n\n  const disabled = computed(() => unref(column)?.disabled ?? false);\n\n  return { column, value, disabled };\n}\n","import { computed, defineComponent, ref, unref, watch } from \"vue\";\r\nimport { MKPageContainer } from \"../../../../basic/page-container\";\r\nimport { MKDataTable } from \"../../../data-table\";\r\nimport DataForm from \"../../data-form.vue\";\r\nimport { formDetailEmits, formDetailProps } from \"./form-detail-options\";\r\nimport { useFormItem } from \"../../composables\";\r\nimport { ElDrawer, ElEmpty } from \"element-plus\";\r\nimport { Messager } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormDetail\",\r\n  props: formDetailProps,\r\n  emits: formDetailEmits,\r\n  setup(props) {\r\n    const detailTable = computed(() => props.column.detailTable);\r\n    const detailForm = computed(() => props.column.detailForm!);\r\n\r\n    const { value } = useFormItem();\r\n\r\n    watch(\r\n      computed(() => unref(value)),\r\n      (value) => {\r\n        const _detailTable = unref(detailTable);\r\n\r\n        value = Array.isArray(value) ? value : [];\r\n\r\n        _detailTable.setList(\r\n          value.map((item: any) => _detailTable.formatItem(item))\r\n        );\r\n      }\r\n    );\r\n\r\n    const isShowDataForm = ref(false);\r\n\r\n    watch(\r\n      detailTable,\r\n      (dataTable, _, onCleanup) => {\r\n        const addRecordDisposable = dataTable.addRecordEvent.on(async ({ item }) => {\r\n          const _dataForm = unref(detailForm);\r\n\r\n          if (!_dataForm) {\r\n            console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n            return;\r\n          }\r\n\r\n          isShowDataForm.value = true;\r\n\r\n          _dataForm.addRecord(item);\r\n        });\r\n\r\n        const editRecordDisposable = dataTable.editRecordEvent.on(\r\n          async ({ item }) => {\r\n            const _dataForm = unref(detailForm);\r\n\r\n            if (!_dataForm) {\r\n              console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n              return;\r\n            }\r\n\r\n            isShowDataForm.value = true;\r\n\r\n            try {\r\n              const response = await _dataForm.editRecord(item);\r\n\r\n              if (response.data.code !== 200) {\r\n                Messager.error({ message: response.data.msg });\r\n                isShowDataForm.value = false;\r\n                return;\r\n              }\r\n            } catch (e) {\r\n              console.error(e);\r\n              isShowDataForm.value = false;\r\n            }\r\n          }\r\n        );\r\n\r\n        onCleanup(() => {\r\n          addRecordDisposable.dispose();\r\n          editRecordDisposable.dispose();\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    watch(\r\n      detailForm,\r\n      (dataForm, _, onCleanup) => {\r\n        const submittedDisposable = dataForm.submittedEvent.on(() => {\r\n          isShowDataForm.value = false;\r\n\r\n          unref(detailTable)?.load();\r\n        });\r\n\r\n        const cancelDisposable = dataForm.cancelEvent.on(() => {\r\n          isShowDataForm.value = false;\r\n        });\r\n\r\n        onCleanup(() => {\r\n          submittedDisposable.dispose();\r\n          cancelDisposable.dispose();\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    return () => {\r\n      const dataForm = unref(isShowDataForm) ? (\r\n        <MKPageContainer>\r\n          <DataForm dataForm={unref(detailForm)} autoLoad={false} />\r\n        </MKPageContainer>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-form-detail\">\r\n          <MKDataTable\r\n            dataTable={unref(detailTable)}\r\n            autoLoad={false}\r\n            v-slots={{ empty: () => <ElEmpty image-size={100} /> }}\r\n          />\r\n          <ElDrawer\r\n            class=\"mk-form-detail__drawer\"\r\n            modelValue={unref(isShowDataForm)}\r\n            onUpdate:modelValue={(v) => (isShowDataForm.value = v)}\r\n            appendToBody\r\n            withHeader={false}\r\n            width=\"50%\"\r\n          >\r\n            {dataForm}\r\n          </ElDrawer>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n","import { withInstall } from \"@maketribe/utils\";\r\nimport FormDetail from \"./form-detail\";\r\n\r\nexport const MKFormDetail = withInstall(FormDetail);\r\nexport default MKFormDetail;\r\n\r\nexport * from \"./form-detail-options\";\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formDetailProps","emits","formDetailEmits","setup","detailTable","computed","column","detailForm","value","useFormItem","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","isShowDataForm","ref","dataTable","_","onCleanup","addRecordDisposable","addRecordEvent","on","_dataForm","console","warn","addRecord","editRecordDisposable","editRecordEvent","response","editRecord","data","code","Messager","error","message","msg","e","dispose","immediate","dataForm","submittedDisposable","submittedEvent","load","cancelDisposable","cancelEvent","_createVNode","MKPageContainer","default","DataForm","MKDataTable","empty","ElEmpty","ElDrawer","v"],"mappings":"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"}