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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index-CZs0cX5Z.js","sources":["../../src/modules/ms/components/material-list/components/file-view/file-view-options.ts","../../src/modules/ms/components/material-list/components/file-view/file-view.tsx","../../src/modules/ms/components/material-list/components/file-view/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const fileViewProps = buildProps({\r\n  src: { type: String, required: true },\r\n} as const);\r\n\r\nexport type FileViewProps = ExtractPropTypes<typeof fileViewProps>;\r\n","import { defineComponent } from \"vue\";\r\nimport { ElButton, ElIcon } from \"element-plus\";\r\nimport { Document, Download } from \"@element-plus/icons-vue\";\r\nimport { fileViewProps } from \"./file-view-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFileView\",\r\n  props: fileViewProps,\r\n  setup(props) {\r\n    const handleDownloadClick = () => {\r\n      const a = document.createElement(\"a\");\r\n      a.setAttribute(\"download\", new Date().getTime().toString());\r\n      a.target = \"_blank\";\r\n      a.href = props.src;\r\n      Object.assign(a.style, { width: \"1px\", height: \"1px\" });\r\n\r\n      document.body.append(a);\r\n      a.click();\r\n\r\n      setTimeout(() => {\r\n        document.body.removeChild(a);\r\n      });\r\n    };\r\n\r\n    return () => (\r\n      <div class=\"mk-file-view\">\r\n        <ElIcon size=\"20\">\r\n          <Document />\r\n        </ElIcon>\r\n        <div class=\"mk-file-view__tools\">\r\n          <ElButton\r\n            type=\"primary\"\r\n            icon={Download}\r\n            onClick={handleDownloadClick}\r\n          />\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n});\r\n","import { withInstall } from \"@maketribe/utils\";\r\nimport FileView from \"./file-view\";\r\n\r\nexport const MKFileView = withInstall(FileView);\r\nexport default MKFileView;\r\n\r\nexport * from \"./file-view-options\";\r\n"],"names":["defineComponent","name","props","fileViewProps","setup","handleDownloadClick","a","document","createElement","setAttribute","Date","getTime","toString","target","href","src","Object","assign","style","width","height","body","append","click","setTimeout","removeChild","_createVNode","ElIcon","default","Document","ElButton","Download"],"mappings":";;;;AAGO,MAAM,gBAAgB,WAAW;AAAA,EACtC,KAAK,EAAE,MAAM,QAAQ,UAAU,KAAK;AACtC,CAAU;ACAV,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,sBAAsBA,MAAM;AAChC,YAAMC,IAAIC,SAASC,cAAc,GAAG;AACpCF,QAAEG,aAAa,aAAY,oBAAIC,KAAM,GAACC,QAAS,EAACC,SAAQ,CAAE;AAC1DN,QAAEO,SAAS;AACXP,QAAEQ,OAAOZ,MAAMa;AACfC,aAAOC,OAAOX,EAAEY,OAAO;AAAA,QAAEC,OAAO;AAAA,QAAOC,QAAQ;AAAA,MAAM,CAAC;AAEtDb,eAASc,KAAKC,OAAOhB,CAAC;AACtBA,QAAEiB,MAAK;AAEPC,iBAAW,MAAM;AACfjB,iBAASc,KAAKI,YAAYnB,CAAC;AAAA,MAC7B,CAAC;AAAA;AAGH,WAAO,MAAAoB,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,YAAAC,QAAA;AAAA,MAAA,QAAA;AAAA,IAAA,GAAA;AAAA,MAAAC,SAAAA,MAAAF,CAAAA,YAAAG,UAAA,MAAA,IAAA,CAAA;AAAA,IAAA,CAAA,GAAAH,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,YAAAI,UAAA;AAAA,MAAA,QAAA;AAAA,MAAA,QAQOC;AAAAA,MAAQ,WACL1B;AAAAA,OAIhB,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,EACH;AACF,CAAC;ACpCY,MAAA,aAAa,YAAY,QAAQ;"}

package/dist/esm/index-CffE92oq.js

@@ -1,196 +0,0 @@
-import { buildProps, withInstall } from "@maketribe/utils";
-import { inject, computed, unref, defineComponent, watch, ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode } from "vue";
-import { ac as DATA_FORM_ITEM_CONTEXT_KEY, A as MKDataTable, ad as DataForm, a7 as MKForm } from "./index-BJVZ0yS1.js";
-import { FormDetailColumn, FormColumn, Messager } from "@maketribe/dm";
-import { ElButton, ElEmpty } 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 };
-}
-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 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": ""
-        }, {
-          footer: withCtx(() => [
-            createVNode(unref(ElButton), { onClick: handleFormCancel }, {
-              default: withCtx(() => [
-                createTextVNode("取消")
-              ]),
-              _: 1
-            }),
-            createVNode(unref(ElButton), {
-              type: "primary",
-              onClick: handleFormSave
-            }, {
-              default: withCtx(() => [
-                createTextVNode("保存")
-              ]),
-              _: 1
-            })
-          ]),
-          empty: withCtx(() => [
-            createVNode(unref(ElEmpty), { "image-size": 100 })
-          ]),
-          default: withCtx(() => [
-            createVNode(DataForm, {
-              dataForm: detailForm.value,
-              autoLoad: false
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(MKForm))
-              ]),
-              _: 1
-            }, 8, ["dataForm"])
-          ]),
-          _: 1
-        }, 8, ["modelValue"])
-      ]);
-    };
-  }
-});
-const MKFormDetail = withInstall(_sfc_main);
-export {
-  MKFormDetail,
-  MKFormDetail as default,
-  formDetailEmits,
-  formDetailProps
-};
-//# sourceMappingURL=index-CffE92oq.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index-CffE92oq.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.vue","../../src/components/data-model/data-form/components/form-detail/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { FormDetailColumn } from \"@maketribe/dm\";\r\n\r\nexport const formDetailProps = buildProps({\r\n  modelValue: {\r\n    type: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  column: { type: FormDetailColumn, required: true },\r\n  formWidth: {\r\n    type: String,\r\n    default: \"400px\",\r\n  },\r\n} as const);\r\n\r\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\r\n\r\nexport const formDetailEmits = {\r\n  \"update:model-value\": (v: any) => true,\r\n};\r\n\r\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\r\n","import { ExtractPropTypes, computed, inject, unref } from \"vue\";\r\nimport { DATA_FORM_ITEM_CONTEXT_KEY } from \"../token\";\r\nimport { FormColumn } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const columnProps = buildProps({\r\n  column: { type: FormColumn, required: true },\r\n} as const);\r\n\r\nexport type ColumnProps = ExtractPropTypes<typeof columnProps>;\r\n\r\nexport function useFormItem() {\r\n  const dataFormItemContext = inject(DATA_FORM_ITEM_CONTEXT_KEY);\r\n  const column = computed(() => unref(dataFormItemContext)?.column ?? null);\r\n\r\n  const value = computed({\r\n    get: () => {\r\n      const _column = unref(column);\r\n\r\n      if (!_column) {\r\n        return;\r\n      }\r\n\r\n      return _column.getValue();\r\n    },\r\n    set: (v: any) => {\r\n      const _column = unref(column);\r\n\r\n      if (!_column) {\r\n        return;\r\n      }\r\n\r\n      _column.setValue(v);\r\n    },\r\n  });\r\n\r\n  const disabled = computed(() => unref(column)?.disabled ?? false);\r\n\r\n  return { column, value, disabled };\r\n}\r\n","<script setup lang=\"ts\">\r\nimport {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 {MKForm} from '../../views'\r\nimport {ElButton, ElEmpty} from \"element-plus\";\r\nimport {Messager} from \"@maketribe/dm\";\r\nimport HSlideover from '../../../../../layouts/new/ui-kit/HSlideover.vue'\r\n\r\nconst props = defineProps(formDetailProps);\r\n\r\nconst emit = defineEmits(formDetailEmits)\r\n\r\nconst detailTable = computed(() => props.column.detailTable);\r\nconst detailForm = computed(() => props.column.detailForm!);\r\n\r\nconst {value} = useFormItem();\r\n\r\nwatch(\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\nconst isShowDataForm = ref(false);\r\n\r\nwatch(\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\nwatch(\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\nconst handleFormSave = async () => {\r\n  await unref(detailForm)?.simpleSubmit();\r\n};\r\n\r\nconst handleFormCancel = () => {\r\n  unref(detailForm).cancel();\r\n};\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n  <div class=\"mk-form-detail\">\r\n    <MKDataTable\r\n      :dataTable=\"detailTable\"\r\n      :autoLoad=\"false\"\r\n    />\r\n    <ElDrawer v-model=\"isShowDataForm\" append-to-body>\r\n      <DataForm :dataForm=\"detailForm\" :autoLoad=\"false\">\r\n        <MKForm/>\r\n      </DataForm>\r\n\r\n      <template #footer>\r\n        <ElButton @click=\"handleFormCancel\">取消</ElButton>\r\n        <ElButton type=\"primary\" @click=\"handleFormSave\">保存</ElButton>\r\n      </template>\r\n\r\n      <template #empty>\r\n        <ElEmpty :image-size=\"100\"/>\r\n      </template>\r\n    </ElDrawer>\r\n  </div>\r\n</template>\r\n","import { withInstall } from \"@maketribe/utils\";\r\nimport FormDetail from \"./form-detail.vue\";\r\n\r\nexport const MKFormDetail = withInstall(FormDetail);\r\nexport default MKFormDetail;\r\n\r\nexport * from \"./form-detail-options\";\r\n"],"names":["value","FormDetail"],"mappings":"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"}