@maketribe/ms-app 3.2.2 → 3.2.4

package/dist/esm/components/business/resource-list/components/resource-item/index.vue.js

@@ -14,17 +14,14 @@ import "../../../../basic/date-picker/index.js";
 import "../../../../basic/icon-select/index.js";
 import "../../../../basic/upload-file/upload-file.js";
 import "@maketribe/request";
-import "@maketribe/dm";
 import "@maketribe/utils";
-import "../../../../../core/DataModelDefines.js";
-import "vue-router";
-import "@maketribe/locale";
 import "../../../../basic/upload-file/context/web-file-upload-context.js";
 import "../../../../basic/upload-file/context/web-file-upload-context-options.js";
 import "../../../../basic/upload-file/ui/upload-image/index.js";
 import "../../../../basic/upload-file/upload-file-options.js";
 import "../../../../basic/doc-editor/index.js";
 import "../../../../basic/copy-container/index.js";
+import "../../../../basic/image-cropper/index.js";
 const _hoisted_1 = { class: "resource-item__wrapper" };
 const _hoisted_2 = { class: "resource-item__main" };
 const _hoisted_3 = { class: "resource-item__label" };

package/dist/esm/components/business/resource-list/components/resource-item/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/business/resource-list/components/resource-item/index.vue"],"sourcesContent":["<template>\n  <div :class=\"['resource-item', resourceItem.isSelected ? 'is-selected' : '']\">\n    <div class=\"resource-item__wrapper\">\n      <div class=\"resource-item__main\">\n        <MKSvgIcon :icon-class=\"iconClass\" />\n      </div>\n      <div class=\"resource-item__label\">\n        <span :title=\"resourceItem.name\">{{ resourceItem.name }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { MKSvgIcon } from \"../../../../basic\";\n\nconst props = defineProps({\n  resourceItem: {\n    type: Object,\n    required: true,\n  },\n});\n\nconst iconClass = computed(() => {\n  if (props.resourceItem.isDirectory) {\n    return \"wenjianjia\";\n  }\n\n  switch (props.resourceItem.extension) {\n    case \".html\":\n      return \"html\";\n    case \".jpeg\":\n    case \".jpg\":\n    case \".png\":\n      return \"image1\";\n    case \".pdf\":\n      return \"pdf\";\n    case \".dll\":\n      return \"dll\";\n  }\n\n  return \"weizhiwenjian\";\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,UAAM,QAAQ;AAOR,UAAA,YAAY,SAAS,MAAM;AAC3B,UAAA,MAAM,aAAa,aAAa;AAC3B,eAAA;AAAA,MACT;AAEQ,cAAA,MAAM,aAAa,WAAW;AAAA,QACpC,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,MACX;AAEO,aAAA;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/business/resource-list/components/resource-item/index.vue"],"sourcesContent":["<template>\n  <div :class=\"['resource-item', resourceItem.isSelected ? 'is-selected' : '']\">\n    <div class=\"resource-item__wrapper\">\n      <div class=\"resource-item__main\">\n        <MKSvgIcon :icon-class=\"iconClass\" />\n      </div>\n      <div class=\"resource-item__label\">\n        <span :title=\"resourceItem.name\">{{ resourceItem.name }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { MKSvgIcon } from \"../../../../basic\";\n\nconst props = defineProps({\n  resourceItem: {\n    type: Object,\n    required: true,\n  },\n});\n\nconst iconClass = computed(() => {\n  if (props.resourceItem.isDirectory) {\n    return \"wenjianjia\";\n  }\n\n  switch (props.resourceItem.extension) {\n    case \".html\":\n      return \"html\";\n    case \".jpeg\":\n    case \".jpg\":\n    case \".png\":\n      return \"image1\";\n    case \".pdf\":\n      return \"pdf\";\n    case \".dll\":\n      return \"dll\";\n  }\n\n  return \"weizhiwenjian\";\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,UAAM,QAAQ;AAOR,UAAA,YAAY,SAAS,MAAM;AAC3B,UAAA,MAAM,aAAa,aAAa;AAC3B,eAAA;AAAA,MACT;AAEQ,cAAA,MAAM,aAAa,WAAW;AAAA,QACpC,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,MACX;AAEO,aAAA;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/business/resource-manager/resource-manager.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent, computed, unref, onMounted, resolveComponent, resolveDirective, openBlock, createElementBlock, Fragment, withDirectives, createElementVNode, createVNode, withCtx, createTextVNode, createBlock, createCommentVNode } from "vue";
-import { ElButton, ElMessageBox } from "element-plus";
+import { defineComponent, ref, computed, unref, onMounted, resolveDirective, openBlock, createElementBlock, Fragment, withDirectives, createElementVNode, createBlock, withCtx, createTextVNode, createCommentVNode, createVNode, renderList, toDisplayString } from "vue";
+import { ElButton, ElDialog, ElMessageBox, ElMessage } from "element-plus";
 import "../../basic/svg-icon/index.js";
 import "../../basic/button/button-options.js";
 import "../../basic/config-provider/index.js";
@@ -14,17 +14,14 @@ import "../../basic/date-picker/index.js";
 import "../../basic/icon-select/index.js";
 import "../../basic/upload-file/upload-file.js";
 import "@maketribe/request";
-import "@maketribe/dm";
 import "@maketribe/utils";
-import "../../../core/DataModelDefines.js";
-import "vue-router";
-import "@maketribe/locale";
 import "../../basic/upload-file/context/web-file-upload-context.js";
 import "../../basic/upload-file/context/web-file-upload-context-options.js";
 import "../../basic/upload-file/ui/upload-image/index.js";
 import "../../basic/upload-file/upload-file-options.js";
 import "../../basic/doc-editor/index.js";
 import "../../basic/copy-container/index.js";
+import "../../basic/image-cropper/index.js";
 import { MKResourceList } from "../resource-list/index.js";
 import { ResourceManager } from "../resource-list/ResourceManager.js";
 const _hoisted_1 = { class: "resource-manager" };
@@ -39,6 +36,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const isShowConfirmDialog = ref(false);
+    let waitUploadFiles = [];
+    const existPathList = ref([]);
     const resourceManager = computed(() => props.resourceManager);
     const isShowEditDialog = computed(
       () => unref(resourceManager).isShowEditDialog
@@ -68,6 +68,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       unref(resourceManager).isShowEditDialog = false;
       unref(resourceManager).currentEditText = "";
     };
+    const publishAssetsHandle = () => {
+      unref(resourceManager).publishAssets();
+    };
     const handleUploadClick = () => {
       var input = document.createElement("input");
       input.type = "file";
@@ -82,7 +85,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       unref(resourceManager).downloadSelectResource();
     };
     const handleDrop = async (event) => {
-      var _a;
+      var _a, _b;
+      waitUploadFiles = [];
       var _items = (_a = event.dataTransfer) == null ? void 0 : _a.items;
       var fileSystemEntry = _items[0].webkitGetAsEntry();
       const internalProcess = async (item, path = "") => {
@@ -111,27 +115,66 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         return [];
       };
-      const files = await internalProcess(fileSystemEntry);
-      unref(resourceManager).uploadResourceList(files);
+      const files = waitUploadFiles = await internalProcess(fileSystemEntry);
+      try {
+        unref(resourceManager).loadingManager.startLoading();
+        const checkResponse = await unref(resourceManager).getExistPathList(
+          files.map((file) => file.name)
+        );
+        if (checkResponse.data.code !== 200) {
+          ElMessage.error({ message: checkResponse.data.msg });
+          return;
+        }
+        if (((_b = checkResponse.data.data) == null ? void 0 : _b.length) === 0) {
+          await unref(resourceManager).uploadResourceList(files);
+          waitUploadFiles = [];
+          return;
+        }
+        existPathList.value = checkResponse.data.data ?? [];
+        isShowConfirmDialog.value = true;
+      } catch (e) {
+        console.log(e);
+        ElMessage.error("网络异常，上传失败");
+      } finally {
+        unref(resourceManager).loadingManager.completeLoading();
+      }
+    };
+    const handleDialogOverrideClick = async () => {
+      try {
+        await unref(resourceManager).uploadResourceList(waitUploadFiles);
+      } catch (e) {
+        console.log(e);
+        ElMessage.error("网络异常，上传失败");
+      }
+      handleDialogCancelClick();
+    };
+    const handleDialogSkipClick = async () => {
+      try {
+        const files = waitUploadFiles.filter(
+          (file) => !unref(existPathList).includes(file.name)
+        );
+        if (files.length) {
+          await unref(resourceManager).uploadResourceList(files);
+        }
+      } catch (e) {
+        console.log(e);
+        ElMessage.error("网络异常，上传失败");
+      }
+      handleDialogCancelClick();
+    };
+    const handleDialogCancelClick = () => {
+      isShowConfirmDialog.value = false;
+      existPathList.value = [];
+      waitUploadFiles = [];
     };
     onMounted(() => {
       unref(resourceManager).loadResourceInfoList();
     });
     return (_ctx, _cache) => {
-      const _component_ElDialog = resolveComponent("ElDialog");
       const _directive_loading = resolveDirective("loading");
       return openBlock(), createElementBlock(Fragment, null, [
         withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
           createElementVNode("div", _hoisted_2, [
-            createVNode(unref(ElButton), {
-              type: "primary",
-              onClick: handleUploadClick
-            }, {
-              default: withCtx(() => [
-                createTextVNode("上传")
-              ]),
-              _: 1
-            }),
             selectResourceCount.value > 0 ? (openBlock(), createBlock(unref(ElButton), {
               key: 0,
               type: "danger",
@@ -142,7 +185,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            selectResourceCount.value === 1 ? (openBlock(), createBlock(unref(ElButton), {
+            selectResourceCount.value === 1 && !resourceManager.value.selectResourceList[0].isDirectory ? (openBlock(), createBlock(unref(ElButton), {
               key: 1,
               onClick: handleEdit
             }, {
@@ -151,7 +194,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            selectResourceCount.value === 1 ? (openBlock(), createBlock(unref(ElButton), {
+            selectResourceCount.value === 1 && !resourceManager.value.selectResourceList[0].isDirectory ? (openBlock(), createBlock(unref(ElButton), {
               key: 2,
               onClick: _cache[0] || (_cache[0] = ($event) => handleDownload())
             }, {
@@ -159,7 +202,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createTextVNode(" 下载 ")
               ]),
               _: 1
-            })) : createCommentVNode("", true)
+            })) : createCommentVNode("", true),
+            createVNode(unref(ElButton), {
+              type: "primary",
+              onClick: handleUploadClick
+            }, {
+              default: withCtx(() => [
+                createTextVNode("上传")
+              ]),
+              _: 1
+            }),
+            createVNode(unref(ElButton), {
+              type: "primary",
+              onClick: publishAssetsHandle
+            }, {
+              default: withCtx(() => [
+                createTextVNode("发布资产")
+              ]),
+              _: 1
+            })
           ]),
           createVNode(unref(MKResourceList), {
             resourceManager: resourceManager.value,
@@ -168,7 +229,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ])), [
           [_directive_loading, resourceManager.value.loading]
         ]),
-        createVNode(_component_ElDialog, {
+        createVNode(unref(ElDialog), {
           modelValue: isShowEditDialog.value,
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isShowEditDialog.value = $event),
           onClose: handleEditDialogClose
@@ -200,6 +261,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["modelValue"])) : createCommentVNode("", true)
           ]),
           _: 1
+        }, 8, ["modelValue"]),
+        createVNode(unref(ElDialog), {
+          modelValue: isShowConfirmDialog.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isShowConfirmDialog.value = $event),
+          title: "文件已存在",
+          onClose: handleDialogCancelClick
+        }, {
+          footer: withCtx(() => [
+            createVNode(unref(ElButton), {
+              type: "danger",
+              onClick: handleDialogOverrideClick
+            }, {
+              default: withCtx(() => [
+                createTextVNode("覆盖")
+              ]),
+              _: 1
+            }),
+            createVNode(unref(ElButton), {
+              type: "warning",
+              onClick: handleDialogSkipClick
+            }, {
+              default: withCtx(() => [
+                createTextVNode("跳过")
+              ]),
+              _: 1
+            }),
+            createVNode(unref(ElButton), { onClick: handleDialogCancelClick }, {
+              default: withCtx(() => [
+                createTextVNode("取消")
+              ]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(existPathList.value, (path) => {
+              return openBlock(), createElementBlock("div", { key: path }, toDisplayString(path), 1);
+            }), 128))
+          ]),
+          _: 1
         }, 8, ["modelValue"])
       ], 64);
     };

package/dist/esm/components/business/resource-manager/resource-manager.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource-manager.vue.js","sources":["../../../../../src/components/business/resource-manager/resource-manager.vue"],"sourcesContent":["<template>\n  <div v-loading=\"resourceManager.loading\" class=\"resource-manager\">\n    <div class=\"resource-manager-tools\">\n      <ElButton type=\"primary\" @click=\"handleUploadClick\">上传</ElButton>\n      <ElButton\n        v-if=\"selectResourceCount > 0\"\n        type=\"danger\"\n        @click=\"handleDeleteClick\"\n      >\n        删除\n      </ElButton>\n      <ElButton v-if=\"selectResourceCount === 1\" @click=\"handleEdit\">\n        编辑\n      </ElButton>\n      <ElButton v-if=\"selectResourceCount === 1\" @click=\"handleDownload()\">\n        下载\n      </ElButton>\n    </div>\n\n    <MKResourceList :resourceManager=\"resourceManager\" @drop=\"handleDrop\" />\n  </div>\n\n  <ElDialog v-model=\"isShowEditDialog\" @close=\"handleEditDialogClose\">\n    <MKCodeEditor\n      v-if=\"isShowEditDialog\"\n      v-model=\"resourceManager.currentEditText\"\n    />\n    <template #footer>\n      <ElButton @click=\"handleEditDialogClose\">取消</ElButton>\n      <ElButton\n        type=\"primary\"\n        v-loading=\"resourceManager.loading\"\n        @click=\"handleEditDialogConfirm\"\n      >\n        保存\n      </ElButton>\n    </template>\n  </ElDialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, computed, unref } from \"vue\";\nimport { ElButton, ElMessageBox } from \"element-plus\";\nimport { MKCodeEditor } from \"../../basic\";\nimport { MKResourceList, ResourceManager } from \"../resource-list\";\n\nconst props = defineProps({\n  resourceManager: {\n    type: ResourceManager,\n    required: true,\n  },\n});\n\nconst resourceManager = computed(() => props.resourceManager);\n\nconst isShowEditDialog = computed(\n  () => unref(resourceManager).isShowEditDialog\n);\n\nconst selectResourceCount = computed(\n  () => unref(resourceManager).selectResourceList.length\n);\n\nconst handleDeleteClick = async () => {\n  const isConfirm = await ElMessageBox.confirm(\"是否删除选中文件\", {\n    type: \"warning\",\n  }).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  unref(resourceManager).deleteSelectResourceList();\n};\n\nconst handleEdit = () => {\n  unref(resourceManager).editSelectFile();\n};\n\nconst handleEditDialogConfirm = () => {\n  unref(resourceManager).saveEditFile();\n};\n\nconst handleEditDialogClose = () => {\n  unref(resourceManager).isShowEditDialog = false;\n  unref(resourceManager).currentEditText = \"\";\n};\n\nconst handleUploadClick = () => {\n  /** @type {HTMLInputElement} */\n  var input = document.createElement(\"input\");\n  input.type = \"file\";\n  input.multiple = true;\n\n  input.addEventListener(\"change\", () => {\n    var files = new Array(input.files!.length)\n      .fill(0)\n      .map((_, i) => input.files![i]);\n\n    unref(resourceManager).uploadResourceList(files);\n  });\n\n  input.click();\n};\n\nconst handleDownload = () => {\n  unref(resourceManager).downloadSelectResource();\n};\n\nconst handleDrop = async (event: DragEvent) => {\n  var _items = event.dataTransfer?.items;\n\n  var fileSystemEntry = _items![0].webkitGetAsEntry() as any;\n\n  const internalProcess = async (item: any, path: string = \"\") => {\n    if (item.isFile) {\n      return [\n        await new Promise((resolve) => {\n          item.file((file: File) => {\n            resolve(\n              new File([file], `${path}${file.name}`, { type: file.type })\n            );\n          });\n        }),\n      ] as File[];\n    } else if (item.isDirectory) {\n      var directoryReader = item.createReader();\n\n      const entries = (await new Promise((resolve) => {\n        directoryReader.readEntries(resolve);\n      })) as any[];\n\n      var result: File[] = [];\n\n      for (let i = 0; i < entries.length; i++) {\n        result = result.concat(\n          await internalProcess(entries[i], `${path}${item.name}/`)\n        );\n      }\n\n      return result;\n    }\n\n    return [];\n  };\n\n  const files = await internalProcess(fileSystemEntry);\n\n  unref(resourceManager).uploadResourceList(files);\n};\n\nonMounted(() => {\n  unref(resourceManager).loadResourceInfoList();\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,UAAM,QAAQ;AAOd,UAAM,kBAAkB,SAAS,MAAM,MAAM,eAAe;AAE5D,UAAM,mBAAmB;AAAA,MACvB,MAAM,MAAM,eAAe,EAAE;AAAA,IAAA;AAG/B,UAAM,sBAAsB;AAAA,MAC1B,MAAM,MAAM,eAAe,EAAE,mBAAmB;AAAA,IAAA;AAGlD,UAAM,oBAAoB,YAAY;AACpC,YAAM,YAAY,MAAM,aAAa,QAAQ,YAAY;AAAA,QACvD,MAAM;AAAA,MACP,CAAA,EAAE;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAGR,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AAEM,YAAA,eAAe,EAAE;IAAyB;AAGlD,UAAM,aAAa,MAAM;AACjB,YAAA,eAAe,EAAE;IAAe;AAGxC,UAAM,0BAA0B,MAAM;AAC9B,YAAA,eAAe,EAAE;IAAa;AAGtC,UAAM,wBAAwB,MAAM;AAC5B,YAAA,eAAe,EAAE,mBAAmB;AACpC,YAAA,eAAe,EAAE,kBAAkB;AAAA,IAAA;AAG3C,UAAM,oBAAoB,MAAM;AAE1B,UAAA,QAAQ,SAAS,cAAc,OAAO;AAC1C,YAAM,OAAO;AACb,YAAM,WAAW;AAEX,YAAA,iBAAiB,UAAU,MAAM;AACrC,YAAI,QAAQ,IAAI,MAAM,MAAM,MAAO,MAAM,EACtC,KAAK,CAAC,EACN,IAAI,CAAC,GAAG,MAAM,MAAM,MAAO,CAAC,CAAC;AAE1B,cAAA,eAAe,EAAE,mBAAmB,KAAK;AAAA,MAAA,CAChD;AAED,YAAM,MAAM;AAAA,IAAA;AAGd,UAAM,iBAAiB,MAAM;AACrB,YAAA,eAAe,EAAE;IAAuB;AAG1C,UAAA,aAAa,OAAO,UAAqB;;AACzC,UAAA,UAAS,WAAM,iBAAN,mBAAoB;AAEjC,UAAI,kBAAkB,OAAQ,CAAC,EAAE,iBAAiB;AAElD,YAAM,kBAAkB,OAAO,MAAW,OAAe,OAAO;AAC9D,YAAI,KAAK,QAAQ;AACR,iBAAA;AAAA,YACL,MAAM,IAAI,QAAQ,CAAC,YAAY;AACxB,mBAAA,KAAK,CAAC,SAAe;AACxB;AAAA,kBACE,IAAI,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,GAAG,KAAK,IAAI,IAAI,EAAE,MAAM,KAAK,MAAM;AAAA,gBAAA;AAAA,cAC7D,CACD;AAAA,YAAA,CACF;AAAA,UAAA;AAAA,QACH,WACS,KAAK,aAAa;AACvB,cAAA,kBAAkB,KAAK;AAE3B,gBAAM,UAAW,MAAM,IAAI,QAAQ,CAAC,YAAY;AAC9C,4BAAgB,YAAY,OAAO;AAAA,UAAA,CACpC;AAED,cAAI,SAAiB,CAAA;AAErB,mBAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;AACvC,qBAAS,OAAO;AAAA,cACd,MAAM,gBAAgB,QAAQ,CAAC,GAAG,GAAG,IAAI,GAAG,KAAK,IAAI,GAAG;AAAA,YAAA;AAAA,UAE5D;AAEO,iBAAA;AAAA,QACT;AAEA,eAAO;MAAC;AAGJ,YAAA,QAAQ,MAAM,gBAAgB,eAAe;AAE7C,YAAA,eAAe,EAAE,mBAAmB,KAAK;AAAA,IAAA;AAGjD,cAAU,MAAM;AACR,YAAA,eAAe,EAAE;IAAqB,CAC7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"resource-manager.vue.js","sources":["../../../../../src/components/business/resource-manager/resource-manager.vue"],"sourcesContent":["<template>\n  <div v-loading=\"resourceManager.loading\" class=\"resource-manager\">\n    <div class=\"resource-manager-tools\">\n      <ElButton\n        v-if=\"selectResourceCount > 0\"\n        type=\"danger\"\n        @click=\"handleDeleteClick\"\n      >\n        删除\n      </ElButton>\n      <ElButton\n        v-if=\"\n          selectResourceCount === 1 &&\n          !resourceManager.selectResourceList[0].isDirectory\n        \"\n        @click=\"handleEdit\"\n      >\n        编辑\n      </ElButton>\n      <ElButton\n        v-if=\"\n          selectResourceCount === 1 &&\n          !resourceManager.selectResourceList[0].isDirectory\n        \"\n        @click=\"handleDownload()\"\n      >\n        下载\n      </ElButton>\n      <ElButton type=\"primary\" @click=\"handleUploadClick\">上传</ElButton>\n      <ElButton type=\"primary\" @click=\"publishAssetsHandle\">发布资产</ElButton>\n    </div>\n\n    <MKResourceList :resourceManager=\"resourceManager\" @drop=\"handleDrop\" />\n  </div>\n\n  <ElDialog v-model=\"isShowEditDialog\" @close=\"handleEditDialogClose\">\n    <MKCodeEditor\n      v-if=\"isShowEditDialog\"\n      v-model=\"resourceManager.currentEditText\"\n    />\n    <template #footer>\n      <ElButton @click=\"handleEditDialogClose\">取消</ElButton>\n      <ElButton\n        type=\"primary\"\n        v-loading=\"resourceManager.loading\"\n        @click=\"handleEditDialogConfirm\"\n      >\n        保存\n      </ElButton>\n    </template>\n  </ElDialog>\n\n  <ElDialog\n    v-model=\"isShowConfirmDialog\"\n    title=\"文件已存在\"\n    @close=\"handleDialogCancelClick\"\n  >\n    <div v-for=\"path in existPathList\" :key=\"path\">{{ path }}</div>\n\n    <template #footer>\n      <ElButton type=\"danger\" @click=\"handleDialogOverrideClick\">覆盖</ElButton>\n      <ElButton type=\"warning\" @click=\"handleDialogSkipClick\">跳过</ElButton>\n      <ElButton @click=\"handleDialogCancelClick\">取消</ElButton>\n    </template>\n  </ElDialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, computed, unref, ref } from \"vue\";\nimport { ElButton, ElMessageBox, ElMessage, ElDialog } from \"element-plus\";\nimport { MKCodeEditor } from \"../../basic\";\nimport { MKResourceList, ResourceManager } from \"../resource-list\";\n\nconst props = defineProps({\n  resourceManager: {\n    type: ResourceManager,\n    required: true,\n  },\n});\n\nconst isShowConfirmDialog = ref(false);\n\nlet waitUploadFiles: File[] = [];\nconst existPathList = ref([] as string[]);\n\nconst resourceManager = computed(() => props.resourceManager);\n\nconst isShowEditDialog = computed(\n  () => unref(resourceManager).isShowEditDialog\n);\n\nconst selectResourceCount = computed(\n  () => unref(resourceManager).selectResourceList.length\n);\n\nconst handleDeleteClick = async () => {\n  const isConfirm = await ElMessageBox.confirm(\"是否删除选中文件\", {\n    type: \"warning\",\n  }).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  unref(resourceManager).deleteSelectResourceList();\n};\n\nconst handleEdit = () => {\n  unref(resourceManager).editSelectFile();\n};\n\nconst handleEditDialogConfirm = () => {\n  unref(resourceManager).saveEditFile();\n};\n\nconst handleEditDialogClose = () => {\n  unref(resourceManager).isShowEditDialog = false;\n  unref(resourceManager).currentEditText = \"\";\n};\n\nconst publishAssetsHandle = () => {\n  unref(resourceManager).publishAssets();\n};\n\nconst handleUploadClick = () => {\n  /** @type {HTMLInputElement} */\n  var input = document.createElement(\"input\");\n  input.type = \"file\";\n  input.multiple = true;\n\n  input.addEventListener(\"change\", () => {\n    var files = new Array(input.files!.length)\n      .fill(0)\n      .map((_, i) => input.files![i]);\n\n    unref(resourceManager).uploadResourceList(files);\n  });\n\n  input.click();\n};\n\nconst handleDownload = () => {\n  unref(resourceManager).downloadSelectResource();\n};\n\nconst handleDrop = async (event: DragEvent) => {\n  waitUploadFiles = [];\n\n  var _items = event.dataTransfer?.items;\n\n  var fileSystemEntry = _items![0].webkitGetAsEntry() as any;\n\n  const internalProcess = async (item: any, path: string = \"\") => {\n    if (item.isFile) {\n      return [\n        await new Promise((resolve) => {\n          item.file((file: File) => {\n            resolve(\n              new File([file], `${path}${file.name}`, { type: file.type })\n            );\n          });\n        }),\n      ] as File[];\n    } else if (item.isDirectory) {\n      var directoryReader = item.createReader();\n\n      const entries = (await new Promise((resolve) => {\n        directoryReader.readEntries(resolve);\n      })) as any[];\n\n      var result: File[] = [];\n\n      for (let i = 0; i < entries.length; i++) {\n        result = result.concat(\n          await internalProcess(entries[i], `${path}${item.name}/`)\n        );\n      }\n\n      return result;\n    }\n\n    return [];\n  };\n\n  const files = (waitUploadFiles = await internalProcess(fileSystemEntry));\n\n  try {\n    unref(resourceManager).loadingManager.startLoading();\n\n    const checkResponse = await unref(resourceManager).getExistPathList(\n      files.map((file) => file.name)\n    );\n\n    if (checkResponse.data.code !== 200) {\n      ElMessage.error({ message: checkResponse.data.msg });\n      return;\n    }\n\n    if (checkResponse.data.data?.length === 0) {\n      await unref(resourceManager).uploadResourceList(files);\n\n      waitUploadFiles = [];\n      return;\n    }\n\n    existPathList.value = checkResponse.data.data ?? [];\n\n    isShowConfirmDialog.value = true;\n  } catch (e) {\n    console.log(e);\n    ElMessage.error(\"网络异常，上传失败\");\n  } finally {\n    unref(resourceManager).loadingManager.completeLoading();\n  }\n};\n\nconst handleDialogOverrideClick = async () => {\n  try {\n    await unref(resourceManager).uploadResourceList(waitUploadFiles);\n  } catch (e) {\n    console.log(e);\n    ElMessage.error(\"网络异常，上传失败\");\n  }\n\n  handleDialogCancelClick();\n};\n\nconst handleDialogSkipClick = async () => {\n  try {\n    const files = waitUploadFiles.filter(\n      (file) => !unref(existPathList).includes(file.name)\n    );\n\n    if (files.length) {\n      await unref(resourceManager).uploadResourceList(files);\n    }\n  } catch (e) {\n    console.log(e);\n    ElMessage.error(\"网络异常，上传失败\");\n  }\n\n  handleDialogCancelClick();\n};\n\nconst handleDialogCancelClick = () => {\n  isShowConfirmDialog.value = false;\n  existPathList.value = [];\n  waitUploadFiles = [];\n};\n\nonMounted(() => {\n  unref(resourceManager).loadResourceInfoList();\n});\n</script>\n"],"names":[],"mappings":"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"}

package/dist/esm/components/business/resource-select/resource-select-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource-select-api.js","sources":["../../../../../src/components/business/resource-select/resource-select-api.tsx"],"sourcesContent":["import { Fragment, reactive } from \"vue\";\nimport {\n  MKResourceSelectOptions,\n  MKResourceSelectResult,\n} from \"./resource-select-types\";\nimport { Dialoger } from \"@maketribe/dm\";\nimport MKResourceList, { ResourceManager } from \"../resource-list\";\nimport { ElButton } from \"element-plus\";\n\nasync function ResourceSelect(\n  options: MKResourceSelectOptions\n): Promise<MKResourceSelectResult> {\n  return new Promise((resolve) => {\n    const resourceManager = reactive(\n      new ResourceManager(options)\n    ) as ResourceManager;\n\n    resourceManager;\n\n    const dialogInstance = Dialoger.customRender({\n      width: options.width ?? \"932px\",\n      title: options.title ?? \"选择文件\",\n      class: \"resource-select-dialog\",\n      body: () => (\n        <MKResourceList resourceManager={resourceManager}></MKResourceList>\n      ),\n      footer: () => {\n        const file =\n          resourceManager.selectResourceList.filter(\n            (item) => !item.isDirectory\n          )[0] ?? null;\n\n        return (\n          <Fragment>\n            <ElButton\n              onClick={() => {\n                dialogInstance.destroy();\n                resolve({ confirmed: false, data: null, path: \"\" });\n              }}\n            >\n              取消\n            </ElButton>\n            <ElButton\n              type=\"primary\"\n              disabled={!file}\n              onClick={() => {\n                dialogInstance.destroy();\n\n                resolve({ confirmed: true, data: file, path: file.path });\n              }}\n            >\n              确认\n            </ElButton>\n          </Fragment>\n        );\n      },\n      onClose: () => {\n        setTimeout(() => {\n          dialogInstance.destroy();\n        }, 100);\n      },\n    });\n  });\n}\n\nexport default ResourceSelect;\n"],"names":["ResourceSelect","options","Promise","resolve","resourceManager","reactive","ResourceManager","dialogInstance","Dialoger","customRender","width","title","class","body","_createVNode","MKResourceList","footer","file","selectResourceList","filter","item","isDirectory","_Fragment","ElButton","onClick","destroy","confirmed","data","path","default","_createTextVNode","onClose","setTimeout"],"mappings":";;;;;AASA,eAAeA,eACbC,SACiC;AACjC,SAAO,IAAIC,QAASC,aAAY;AAC9B,UAAMC,kBAAkBC,SACtB,IAAIC,gBAAgBL,OAAO,CAC7B;AAIA,UAAMM,iBAAiBC,SAASC,aAAa;AAAA,MAC3CC,OAAOT,QAAQS,SAAS;AAAA,MACxBC,OAAOV,QAAQU,SAAS;AAAA,MACxBC,OAAO;AAAA,MACPC,MAAMA,MAAAC,YAAAC,gBAAA;AAAA,QAAA,mBAC6BX;AAAAA,MAClC,GAAA,IAAA;AAAA,MACDY,QAAQA,MAAM;AACZ,cAAMC,OACJb,gBAAgBc,mBAAmBC,OAChCC,UAAS,CAACA,KAAKC,WAClB,EAAE,CAAC,KAAK;AAEV,eAAAP,YAAAQ,UAAAR,MAAAA,CAAAA,YAAAS,UAAA;AAAA,UAAA,WAGeC,MAAM;AACbjB,2BAAekB,QAAO;AACtBtB,oBAAQ;AAAA,cAAEuB,WAAW;AAAA,cAAOC,MAAM;AAAA,cAAMC,MAAM;AAAA,YAAG,CAAC;AAAA,UACpD;AAAA,QAAC,GAAA;AAAA,UAAAC,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,SAAAhB,GAAAA,YAAAS,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,YAMS,CAACN;AAAAA,UAAI,WACNO,MAAM;AACbjB,2BAAekB,QAAO;AAEtBtB,oBAAQ;AAAA,cAAEuB,WAAW;AAAA,cAAMC,MAAMV;AAAAA,cAAMW,MAAMX,KAAKW;AAAAA,YAAK,CAAC;AAAA,UAC1D;AAAA,QAAC,GAAA;AAAA,UAAAC,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAMR;AAAA,MACDC,SAASA,MAAM;AACbC,mBAAW,MAAM;AACfzB,yBAAekB,QAAO;AAAA,QACvB,GAAE,GAAG;AAAA,MACR;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;"}
+{"version":3,"file":"resource-select-api.js","sources":["../../../../../src/components/business/resource-select/resource-select-api.tsx"],"sourcesContent":["import { Fragment, reactive } from \"vue\";\nimport {\n  MKResourceSelectOptions,\n  MKResourceSelectResult,\n} from \"./resource-select-types\";\nimport { Dialoger } from \"@maketribe/dm\";\nimport MKResourceList, { ResourceManager } from \"../resource-list\";\nimport { ElButton } from \"element-plus\";\n\nasync function ResourceSelect(\n  options: MKResourceSelectOptions\n): Promise<MKResourceSelectResult> {\n  return new Promise((resolve) => {\n    const resourceManager = reactive(\n      new ResourceManager(options)\n    ) as ResourceManager;\n\n    const dialogInstance = Dialoger.customRender({\n      width: options.width ?? \"932px\",\n      title: options.title ?? \"选择文件\",\n      class: \"resource-select-dialog\",\n      body: () => (\n        <MKResourceList resourceManager={resourceManager}></MKResourceList>\n      ),\n      footer: () => {\n        const file =\n          resourceManager.selectResourceList.filter(\n            (item) => !item.isDirectory\n          )[0] ?? null;\n\n        return (\n          <Fragment>\n            <ElButton\n              onClick={() => {\n                dialogInstance.destroy();\n                resolve({ confirmed: false, data: null, path: \"\" });\n              }}\n            >\n              取消\n            </ElButton>\n            <ElButton\n              type=\"primary\"\n              disabled={!file}\n              onClick={() => {\n                dialogInstance.destroy();\n\n                resolve({ confirmed: true, data: file, path: file.path });\n              }}\n            >\n              确认\n            </ElButton>\n          </Fragment>\n        );\n      },\n      onClose: () => {\n        setTimeout(() => {\n          dialogInstance.destroy();\n        }, 100);\n      },\n    });\n  });\n}\n\nexport default ResourceSelect;\n"],"names":["ResourceSelect","options","Promise","resolve","resourceManager","reactive","ResourceManager","dialogInstance","Dialoger","customRender","width","title","class","body","_createVNode","MKResourceList","footer","file","selectResourceList","filter","item","isDirectory","_Fragment","ElButton","onClick","destroy","confirmed","data","path","default","_createTextVNode","onClose","setTimeout"],"mappings":";;;;;AASA,eAAeA,eACbC,SACiC;AACjC,SAAO,IAAIC,QAASC,aAAY;AAC9B,UAAMC,kBAAkBC,SACtB,IAAIC,gBAAgBL,OAAO,CAC7B;AAEA,UAAMM,iBAAiBC,SAASC,aAAa;AAAA,MAC3CC,OAAOT,QAAQS,SAAS;AAAA,MACxBC,OAAOV,QAAQU,SAAS;AAAA,MACxBC,OAAO;AAAA,MACPC,MAAMA,MAAAC,YAAAC,gBAAA;AAAA,QAAA,mBAC6BX;AAAAA,MAClC,GAAA,IAAA;AAAA,MACDY,QAAQA,MAAM;AACZ,cAAMC,OACJb,gBAAgBc,mBAAmBC,OAChCC,UAAS,CAACA,KAAKC,WAClB,EAAE,CAAC,KAAK;AAEV,eAAAP,YAAAQ,UAAAR,MAAAA,CAAAA,YAAAS,UAAA;AAAA,UAAA,WAGeC,MAAM;AACbjB,2BAAekB,QAAO;AACtBtB,oBAAQ;AAAA,cAAEuB,WAAW;AAAA,cAAOC,MAAM;AAAA,cAAMC,MAAM;AAAA,YAAG,CAAC;AAAA,UACpD;AAAA,QAAC,GAAA;AAAA,UAAAC,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,SAAAhB,GAAAA,YAAAS,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,YAMS,CAACN;AAAAA,UAAI,WACNO,MAAM;AACbjB,2BAAekB,QAAO;AAEtBtB,oBAAQ;AAAA,cAAEuB,WAAW;AAAA,cAAMC,MAAMV;AAAAA,cAAMW,MAAMX,KAAKW;AAAAA,YAAK,CAAC;AAAA,UAC1D;AAAA,QAAC,GAAA;AAAA,UAAAC,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAMR;AAAA,MACDC,SAASA,MAAM;AACbC,mBAAW,MAAM;AACfzB,yBAAekB,QAAO;AAAA,QACvB,GAAE,GAAG;AAAA,MACR;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;"}

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  inject,\n  nextTick,\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 } from \"@maketribe/dm\";\nimport MKDataFormItem from \"../../data-form-item\";\nimport { DATA_FORM_CONTEXT_KEY } from \"../../token\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  props: formProps,\n  setup(props, { slots }) {\n    const formUID = uid++;\n\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\n\n    const formEl = ref<FormContext | null>(null);\n\n    const dataForm = computed(\n      () => props.dataForm ?? dataFormContext!.dataForm\n    );\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.visible)\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          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          const disposable = dataForm.dataFormTypeChangeEvent.on(\n            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 === formUID\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      if (!unref(dataForm).initd) {\n        return null;\n      }\n\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          validateOnRuleChange={false}\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","defineComponent","props","formProps","setup","slots","formUID","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","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","formModels","push","id","validate","validateField","reset","resetFields","clearValidate","disposable","dataFormTypeChangeEvent","on","dataFormType","DataFormType","NONE","nextTick","index","findIndex","formModel","splice","dispose","immediate","initd","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  inject,\n  nextTick,\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 } from \"@maketribe/dm\";\nimport MKDataFormItem from \"../../data-form-item\";\nimport { DATA_FORM_CONTEXT_KEY } from \"../../token\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  props: formProps,\n  setup(props, { slots }) {\n    const formUID = uid++;\n\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\n\n    const formEl = ref<FormContext | null>(null);\n\n    const dataForm = computed(\n      () => props.dataForm ?? dataFormContext!.dataForm\n    );\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.visible)\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          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          const disposable = dataForm.dataFormTypeChangeEvent.on(\n            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 === formUID\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      if (!unref(dataForm).initd) {\n        return null;\n      }\n\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          validateOnRuleChange={false}\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","defineComponent","props","formProps","setup","slots","formUID","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","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","formModels","push","id","validate","validateField","reset","resetFields","clearValidate","disposable","dataFormTypeChangeEvent","on","dataFormType","DataFormType","NONE","nextTick","index","findIndex","formModel","splice","dispose","immediate","initd","children","default","detailColumns","_createVNode","MKDataFormItem","_Fragment","ElDivider","ElForm","_mergeProps"],"mappings":"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"}

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

@@ -15,17 +15,14 @@ import "../../../../basic/date-picker/index.js";
 import "../../../../basic/icon-select/index.js";
 import "../../../../basic/upload-file/upload-file.js";
 import "@maketribe/request";
-import "@maketribe/dm";
 import "@maketribe/utils";
-import "../../../../../core/DataModelDefines.js";
-import "vue-router";
-import "@maketribe/locale";
 import "../../../../basic/upload-file/context/web-file-upload-context.js";
 import "../../../../basic/upload-file/context/web-file-upload-context-options.js";
 import "../../../../basic/upload-file/ui/upload-image/index.js";
 import "../../../../basic/upload-file/upload-file-options.js";
 import "../../../../basic/doc-editor/index.js";
 import "../../../../basic/copy-container/index.js";
+import "../../../../basic/image-cropper/index.js";
 const ColumnSort = /* @__PURE__ */ defineComponent({
   name: "MKColumnSort",
   props: columnSortProps,

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

@@ -1 +1 @@
-{"version":3,"file":"column-sort.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-sort/column-sort.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\nimport { columnSortProps } from \"./column-sort-options\";\nimport { MKSvgIcon } from \"../../../../basic\";\nimport { ElTooltip } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKColumnSort\",\n  props: columnSortProps,\n  setup(props) {\n    return () => {\n      let children = null;\n\n      if (props.drag) {\n        children = (\n          <span class=\"mk-column-sort__drag\">\n            <MKSvgIcon iconClass=\"sort\" />\n          </span>\n        );\n      } else {\n        children = (\n          <span class=\"mk-column-sort__switch\">\n            <ElTooltip content=\"置顶\" placement=\"top\">\n              <MKSvgIcon iconClass=\"top\" />\n            </ElTooltip>\n            <ElTooltip content=\"上移\" placement=\"top\">\n              <MKSvgIcon iconClass=\"up\" />\n            </ElTooltip>\n            <ElTooltip content=\"下移\" placement=\"top\">\n              <MKSvgIcon iconClass=\"down\" />\n            </ElTooltip>\n            <ElTooltip content=\"置底\" placement=\"top\">\n              <MKSvgIcon iconClass=\"bottom\" />\n            </ElTooltip>\n          </span>\n        );\n      }\n\n      return <span class=\"mk-column-sort\">{children}</span>;\n    };\n  },\n});\n"],"names":["defineComponent","name","props","columnSortProps","setup","children","drag","_createVNode","MKSvgIcon","ElTooltip","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,WAAO,MAAM;AACX,UAAIG,WAAW;AAEf,UAAIH,MAAMI,MAAM;AACdD,mBAAQE,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAC,WAAA;AAAA,UAAA,aAAA;AAAA,WAIP,IAAA,CAAA,CAAA;AAAA,MACH,OAAO;AACLH,mBAAQE,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,QAeP,CAAA,CAAA,CAAA;AAAA,MACH;AAEA,aAAAD,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAqCF,QAAQ,CAAA;AAAA;EAEjD;AACF,CAAC;"}
+{"version":3,"file":"column-sort.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-sort/column-sort.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\nimport { columnSortProps } from \"./column-sort-options\";\nimport { MKSvgIcon } from \"../../../../basic\";\nimport { ElTooltip } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKColumnSort\",\n  props: columnSortProps,\n  setup(props) {\n    return () => {\n      let children = null;\n\n      if (props.drag) {\n        children = (\n          <span class=\"mk-column-sort__drag\">\n            <MKSvgIcon iconClass=\"sort\" />\n          </span>\n        );\n      } else {\n        children = (\n          <span class=\"mk-column-sort__switch\">\n            <ElTooltip content=\"置顶\" placement=\"top\">\n              <MKSvgIcon iconClass=\"top\" />\n            </ElTooltip>\n            <ElTooltip content=\"上移\" placement=\"top\">\n              <MKSvgIcon iconClass=\"up\" />\n            </ElTooltip>\n            <ElTooltip content=\"下移\" placement=\"top\">\n              <MKSvgIcon iconClass=\"down\" />\n            </ElTooltip>\n            <ElTooltip content=\"置底\" placement=\"top\">\n              <MKSvgIcon iconClass=\"bottom\" />\n            </ElTooltip>\n          </span>\n        );\n      }\n\n      return <span class=\"mk-column-sort\">{children}</span>;\n    };\n  },\n});\n"],"names":["defineComponent","name","props","columnSortProps","setup","children","drag","_createVNode","MKSvgIcon","ElTooltip","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,WAAO,MAAM;AACX,UAAIG,WAAW;AAEf,UAAIH,MAAMI,MAAM;AACdD,mBAAQE,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAC,WAAA;AAAA,UAAA,aAAA;AAAA,WAIP,IAAA,CAAA,CAAA;AAAA,MACH,OAAO;AACLH,mBAAQE,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,QAeP,CAAA,CAAA,CAAA;AAAA,MACH;AAEA,aAAAD,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAqCF,QAAQ,CAAA;AAAA;EAEjD;AACF,CAAC;"}

package/dist/esm/components/data-model/data-table/components/header-components/batch-opt/batch-opt.js

@@ -14,18 +14,16 @@ import "../../../../../basic/date-picker/index.js";
 import "../../../../../basic/icon-select/index.js";
 import "../../../../../basic/upload-file/upload-file.js";
 import "@maketribe/request";
-import { Dialoger, Messager } from "@maketribe/dm";
 import "@maketribe/utils";
-import "../../../../../../core/DataModelDefines.js";
-import "vue-router";
-import "@maketribe/locale";
 import "../../../../../basic/upload-file/context/web-file-upload-context.js";
 import "../../../../../basic/upload-file/context/web-file-upload-context-options.js";
 import "../../../../../basic/upload-file/ui/upload-image/index.js";
 import "../../../../../basic/upload-file/upload-file-options.js";
 import "../../../../../basic/doc-editor/index.js";
 import "../../../../../basic/copy-container/index.js";
+import "../../../../../basic/image-cropper/index.js";
 import { DATA_TABLE_CONTEXT_KEY } from "../../../token.js";
+import { Dialoger, Messager } from "@maketribe/dm";
 const BatchOpt = /* @__PURE__ */ defineComponent({
   name: "MKBatchOpt",
   setup(props) {

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

@@ -1 +1 @@
-{"version":3,"file":"batch-opt.js","sources":["../../../../../../../../src/components/data-model/data-table/components/header-components/batch-opt/batch-opt.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\nimport { ElDropdown, ElDropdownItem, ElDropdownMenu } from \"element-plus\";\nimport { MKSvgIcon } from \"../../../../../basic\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\nimport { Dialoger, Messager } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKBatchOpt\",\n  setup(props) {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)?.dataTable!;\n\n    var disallowBatchOpt = computed(\n      () => (dataTable?.getSelection().length ?? 0) === 0\n    );\n\n    const handleExport = (...args: any[]) => {\n      dataTable.exportData();\n    };\n\n    const handleBatchDelete = async () => {\n      const isConfirm = await Dialoger.confirm({\n        message: \"是否删除选中项\",\n        type: \"warning\",\n        title: \"批量删除\",\n      });\n\n      if (!isConfirm) {\n        return;\n      }\n\n      const response = await dataTable.batchDelete(dataTable.getSelection());\n\n      if (response.data.code !== 200) {\n        Messager.error({ message: response.data.msg });\n        return;\n      }\n\n      dataTable.load();\n    };\n\n    return () => {\n      return (\n        <ElDropdown\n          onClick={handleExport}\n          splitButton\n          v-slots={{\n            dropdown: () => {\n              return (\n                <ElDropdownMenu>\n                  <ElDropdownItem\n                    disabled={unref(disallowBatchOpt)}\n                    onClick={handleBatchDelete}\n                  >\n                    <MKSvgIcon iconClass=\"Delete\" /> 批量删除\n                  </ElDropdownItem>\n                </ElDropdownMenu>\n              );\n            },\n          }}\n        >\n          <MKSvgIcon iconClass=\"Download\" />\n        </ElDropdown>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","props","dataTable","inject","DATA_TABLE_CONTEXT_KEY","disallowBatchOpt","computed","getSelection","length","handleExport","args","exportData","handleBatchDelete","isConfirm","Dialoger","confirm","message","type","title","response","batchDelete","data","code","Messager","error","msg","load","_createVNode","ElDropdown","default","MKSvgIcon","dropdown","ElDropdownMenu","ElDropdownItem","unref","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;;AACX,UAAMC,aAAYC,YAAOC,sBAAsB,MAA7BD,mBAAgCD;AAElD,QAAIG,mBAAmBC,SACrB,QAAOJ,uCAAWK,eAAeC,WAAU,OAAO,CACpD;AAEA,UAAMC,eAAeA,IAAIC,SAAgB;AACvCR,gBAAUS,WAAU;AAAA;AAGtB,UAAMC,oBAAoB,YAAY;AACpC,YAAMC,YAAY,MAAMC,SAASC,QAAQ;AAAA,QACvCC,SAAS;AAAA,QACTC,MAAM;AAAA,QACNC,OAAO;AAAA,MACT,CAAC;AAED,UAAI,CAACL,WAAW;AACd;AAAA,MACF;AAEA,YAAMM,WAAW,MAAMjB,UAAUkB,YAAYlB,UAAUK,aAAY,CAAE;AAErE,UAAIY,SAASE,KAAKC,SAAS,KAAK;AAC9BC,iBAASC,MAAM;AAAA,UAAER,SAASG,SAASE,KAAKI;AAAAA,QAAI,CAAC;AAC7C;AAAA,MACF;AAEAvB,gBAAUwB,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAC,YAAAC,YAAA;AAAA,QAAA,WAEanB;AAAAA,QAAY,eAAA;AAAA,MAAA,GAAA;AAAA,QAAAoB,SAAAA,MAAAF,CAAAA,YAAAG,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA,IAAA,CAAA;AAAA,QAGnBC,UAAUA,MAAM;AACd,iBAAAJ,YAAAK,gBAAA,MAAA;AAAA,YAAAH,SAAAA,MAAAF,CAAAA,YAAAM,gBAAA;AAAA,cAAA,YAGgBC,MAAM7B,gBAAgB;AAAA,cAAC,WACxBO;AAAAA,YAAiB,GAAA;AAAA,cAAAiB,SAAAA,MAAAF,CAAAA,YAAAG,WAAA;AAAA,gBAAA,aAAA;AAAA,cAAA,GAAA,IAAA,GAAAK,gBAAA,OAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA;AAAA,QAMlC;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;"}
+{"version":3,"file":"batch-opt.js","sources":["../../../../../../../../src/components/data-model/data-table/components/header-components/batch-opt/batch-opt.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\nimport { ElDropdown, ElDropdownItem, ElDropdownMenu } from \"element-plus\";\nimport { MKSvgIcon } from \"../../../../../basic\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\nimport { Dialoger, Messager } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKBatchOpt\",\n  setup(props) {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)?.dataTable!;\n\n    var disallowBatchOpt = computed(\n      () => (dataTable?.getSelection().length ?? 0) === 0\n    );\n\n    const handleExport = (...args: any[]) => {\n      dataTable.exportData();\n    };\n\n    const handleBatchDelete = async () => {\n      const isConfirm = await Dialoger.confirm({\n        message: \"是否删除选中项\",\n        type: \"warning\",\n        title: \"批量删除\",\n      });\n\n      if (!isConfirm) {\n        return;\n      }\n\n      const response = await dataTable.batchDelete(dataTable.getSelection());\n\n      if (response.data.code !== 200) {\n        Messager.error({ message: response.data.msg });\n        return;\n      }\n\n      dataTable.load();\n    };\n\n    return () => {\n      return (\n        <ElDropdown\n          onClick={handleExport}\n          splitButton\n          v-slots={{\n            dropdown: () => {\n              return (\n                <ElDropdownMenu>\n                  <ElDropdownItem\n                    disabled={unref(disallowBatchOpt)}\n                    onClick={handleBatchDelete}\n                  >\n                    <MKSvgIcon iconClass=\"Delete\" /> 批量删除\n                  </ElDropdownItem>\n                </ElDropdownMenu>\n              );\n            },\n          }}\n        >\n          <MKSvgIcon iconClass=\"Download\" />\n        </ElDropdown>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","props","dataTable","inject","DATA_TABLE_CONTEXT_KEY","disallowBatchOpt","computed","getSelection","length","handleExport","args","exportData","handleBatchDelete","isConfirm","Dialoger","confirm","message","type","title","response","batchDelete","data","code","Messager","error","msg","load","_createVNode","ElDropdown","default","MKSvgIcon","dropdown","ElDropdownMenu","ElDropdownItem","unref","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;;AACX,UAAMC,aAAYC,YAAOC,sBAAsB,MAA7BD,mBAAgCD;AAElD,QAAIG,mBAAmBC,SACrB,QAAOJ,uCAAWK,eAAeC,WAAU,OAAO,CACpD;AAEA,UAAMC,eAAeA,IAAIC,SAAgB;AACvCR,gBAAUS,WAAU;AAAA;AAGtB,UAAMC,oBAAoB,YAAY;AACpC,YAAMC,YAAY,MAAMC,SAASC,QAAQ;AAAA,QACvCC,SAAS;AAAA,QACTC,MAAM;AAAA,QACNC,OAAO;AAAA,MACT,CAAC;AAED,UAAI,CAACL,WAAW;AACd;AAAA,MACF;AAEA,YAAMM,WAAW,MAAMjB,UAAUkB,YAAYlB,UAAUK,aAAY,CAAE;AAErE,UAAIY,SAASE,KAAKC,SAAS,KAAK;AAC9BC,iBAASC,MAAM;AAAA,UAAER,SAASG,SAASE,KAAKI;AAAAA,QAAI,CAAC;AAC7C;AAAA,MACF;AAEAvB,gBAAUwB,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAC,YAAAC,YAAA;AAAA,QAAA,WAEanB;AAAAA,QAAY,eAAA;AAAA,MAAA,GAAA;AAAA,QAAAoB,SAAAA,MAAAF,CAAAA,YAAAG,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA,IAAA,CAAA;AAAA,QAGnBC,UAAUA,MAAM;AACd,iBAAAJ,YAAAK,gBAAA,MAAA;AAAA,YAAAH,SAAAA,MAAAF,CAAAA,YAAAM,gBAAA;AAAA,cAAA,YAGgBC,MAAM7B,gBAAgB;AAAA,cAAC,WACxBO;AAAAA,YAAiB,GAAA;AAAA,cAAAiB,SAAAA,MAAAF,CAAAA,YAAAG,WAAA;AAAA,gBAAA,aAAA;AAAA,cAAA,GAAA,IAAA,GAAAK,gBAAA,OAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA;AAAA,QAMlC;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;"}

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

@@ -16,17 +16,14 @@ import "../../../../../basic/date-picker/index.js";
 import "../../../../../basic/icon-select/index.js";
 import "../../../../../basic/upload-file/upload-file.js";
 import "@maketribe/request";
-import "@maketribe/dm";
 import "@maketribe/utils";
-import "../../../../../../core/DataModelDefines.js";
-import "vue-router";
-import "@maketribe/locale";
 import "../../../../../basic/upload-file/context/web-file-upload-context.js";
 import "../../../../../basic/upload-file/context/web-file-upload-context-options.js";
 import "../../../../../basic/upload-file/ui/upload-image/index.js";
 import "../../../../../basic/upload-file/upload-file-options.js";
 import "../../../../../basic/doc-editor/index.js";
 import "../../../../../basic/copy-container/index.js";
+import "../../../../../basic/image-cropper/index.js";
 const TableFilter = /* @__PURE__ */ defineComponent({
   name: "MKTableFilter",
   setup() {

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

@@ -1 +1 @@
-{"version":3,"file":"table-filter.js","sources":["../../../../../../../../src/components/data-model/data-table/components/header-components/table-filter/table-filter.tsx"],"sourcesContent":["import { defineComponent, inject, computed, unref, watch, ref } from \"vue\";\nimport { ElButton } from \"element-plus\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\nimport { MKDataFilterPopover } from \"../../../../data-filter-popover\";\nimport { MKSvgIcon } from \"../../../../../basic\";\n\nexport default defineComponent({\n  name: \"MKTableFilter\",\n  setup() {\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\n\n    const dataTable = computed(() => dataTableContext!.dataTable);\n\n    const dataTableInitd = computed(() => unref(dataTable)?.initd ?? false);\n\n    return () => {\n      if (!unref(dataTableInitd)) {\n        return null;\n      }\n\n      const _dataTable = unref(dataTable);\n\n      if (_dataTable.dataFilter.getColumns().length === 0) {\n        return null;\n      }\n\n      return (\n        <MKDataFilterPopover dataTable={_dataTable}>\n          <ElButton>\n            <MKSvgIcon iconClass=\"Filter\" />\n          </ElButton>\n        </MKDataFilterPopover>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTable","computed","dataTableInitd","unref","initd","_dataTable","dataFilter","getColumns","length","_createVNode","MKDataFilterPopover","default","ElButton","MKSvgIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAeA,8CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,YAAYC,SAAS,MAAMJ,iBAAkBG,SAAS;AAE5D,UAAME,iBAAiBD,SAAS,MAAME;;AAAAA,0BAAMH,SAAS,MAAfG,mBAAkBC,UAAS;AAAA,KAAK;AAEtE,WAAO,MAAM;AACX,UAAI,CAACD,MAAMD,cAAc,GAAG;AAC1B,eAAO;AAAA,MACT;AAEA,YAAMG,aAAaF,MAAMH,SAAS;AAElC,UAAIK,WAAWC,WAAWC,WAAU,EAAGC,WAAW,GAAG;AACnD,eAAO;AAAA,MACT;AAEA,aAAAC,YAAAC,qBAAA;AAAA,QAAA,aACkCL;AAAAA,MAAU,GAAA;AAAA,QAAAM,SAAAA,MAAAF,CAAAA,YAAAG,UAAA,MAAA;AAAA,UAAAD,SAAAA,MAAAF,CAAAA,YAAAI,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAOhD;AACF,CAAC;"}
+{"version":3,"file":"table-filter.js","sources":["../../../../../../../../src/components/data-model/data-table/components/header-components/table-filter/table-filter.tsx"],"sourcesContent":["import { defineComponent, inject, computed, unref, watch, ref } from \"vue\";\nimport { ElButton } from \"element-plus\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\nimport { MKDataFilterPopover } from \"../../../../data-filter-popover\";\nimport { MKSvgIcon } from \"../../../../../basic\";\n\nexport default defineComponent({\n  name: \"MKTableFilter\",\n  setup() {\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\n\n    const dataTable = computed(() => dataTableContext!.dataTable);\n\n    const dataTableInitd = computed(() => unref(dataTable)?.initd ?? false);\n\n    return () => {\n      if (!unref(dataTableInitd)) {\n        return null;\n      }\n\n      const _dataTable = unref(dataTable);\n\n      if (_dataTable.dataFilter.getColumns().length === 0) {\n        return null;\n      }\n\n      return (\n        <MKDataFilterPopover dataTable={_dataTable}>\n          <ElButton>\n            <MKSvgIcon iconClass=\"Filter\" />\n          </ElButton>\n        </MKDataFilterPopover>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTable","computed","dataTableInitd","unref","initd","_dataTable","dataFilter","getColumns","length","_createVNode","MKDataFilterPopover","default","ElButton","MKSvgIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAeA,8CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,YAAYC,SAAS,MAAMJ,iBAAkBG,SAAS;AAE5D,UAAME,iBAAiBD,SAAS,MAAME;;AAAAA,0BAAMH,SAAS,MAAfG,mBAAkBC,UAAS;AAAA,KAAK;AAEtE,WAAO,MAAM;AACX,UAAI,CAACD,MAAMD,cAAc,GAAG;AAC1B,eAAO;AAAA,MACT;AAEA,YAAMG,aAAaF,MAAMH,SAAS;AAElC,UAAIK,WAAWC,WAAWC,WAAU,EAAGC,WAAW,GAAG;AACnD,eAAO;AAAA,MACT;AAEA,aAAAC,YAAAC,qBAAA;AAAA,QAAA,aACkCL;AAAAA,MAAU,GAAA;AAAA,QAAAM,SAAAA,MAAAF,CAAAA,YAAAG,UAAA,MAAA;AAAA,UAAAD,SAAAA,MAAAF,CAAAA,YAAAI,WAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAOhD;AACF,CAAC;"}

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

@@ -19,6 +19,13 @@ const tableProps = buildProps({
   load: {
     type: Function,
     default: null
+  },
+  rowKey: {
+    type: String
+  },
+  defaultExpandAll: {
+    type: Boolean,
+    default: false
   }
 });
 export {

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

@@ -1 +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  },\n  getList: {\n    type: Function,\n    default: (dataTable: DataTable<any>): any[] => dataTable.getList(),\n  },\n  lazy: {\n    type: Boolean,\n    default: false,\n  },\n  treeProps: {\n    type: Object,\n    default: () => ({ children: \"children\", hasChildren: \"hasChildren\" }),\n  },\n  load: {\n    type: Function,\n    default: null,\n  },\n} as const);\n\nexport type TableProps = ExtractPropTypes<typeof tableProps>;\n"],"names":[],"mappings":";;AAIO,MAAM,aAAa,WAAW;AAAA,EACnC,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS,CAAC,cAAqC,UAAU,QAAQ;AAAA,EACnE;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS,OAAO,EAAE,UAAU,YAAY,aAAa,cAAc;AAAA,EACrE;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;"}
+{"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  },\n  getList: {\n    type: Function,\n    default: (dataTable: DataTable<any>): any[] => dataTable.getList(),\n  },\n  lazy: {\n    type: Boolean,\n    default: false,\n  },\n  treeProps: {\n    type: Object,\n    default: () => ({ children: \"children\", hasChildren: \"hasChildren\" }),\n  },\n  load: {\n    type: Function,\n    default: null,\n  },\n  rowKey: {\n    type: String,\n  },\n  defaultExpandAll: {\n    type: Boolean,\n    default: false,\n  },\n} as const);\n\nexport type TableProps = ExtractPropTypes<typeof tableProps>;\n"],"names":[],"mappings":";;AAIO,MAAM,aAAa,WAAW;AAAA,EACnC,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS,CAAC,cAAqC,UAAU,QAAQ;AAAA,EACnE;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS,OAAO,EAAE,UAAU,YAAY,aAAa,cAAc;AAAA,EACrE;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;"}

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

@@ -12,13 +12,15 @@ const Table = /* @__PURE__ */ defineComponent({
   setup(props, {
     slots
   }) {
-    const treeProps = computed(() => {
+    computed(() => {
       return props.treeProps;
     });
     const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);
     const dataTableEl = computed(() => (dataTableContext == null ? void 0 : dataTableContext.el) ?? null);
     const tableEl = ref(null);
+    window.tableEl = tableEl;
     const dataTable = computed(() => props.dataTable ?? dataTableContext.dataTable);
+    const rowKey = computed(() => props.rowKey || unref(dataTable).primaryKey);
     const list = computed(() => props.getList(unref(dataTable)));
     const selectionColumn = computed(() => unref(dataTable).selectionColumn);
     const handleSortChange = ({
@@ -138,7 +140,7 @@ const Table = /* @__PURE__ */ defineComponent({
       });
       return createVNode(ElTable, {
         "data": unref(list),
-        "row-key": unref(dataTable).primaryKey,
+        "row-key": unref(rowKey),
         "onSort-change": handleSortChange,
         "ref": (el) => tableEl.value = el,
         "show-overflow-tooltip": true,
@@ -146,8 +148,8 @@ const Table = /* @__PURE__ */ defineComponent({
         "stripe": true,
         "lazy": props.lazy,
         "load": props.load,
-        "tree-props": unref(treeProps),
-        "onSelection-change": handleSelectionChange
+        "onSelection-change": handleSelectionChange,
+        "defaultExpandAll": props.defaultExpandAll
       }, {
         default: () => [unref(selectionColumn).visible ? createVNode(ElTableColumn, {
           "type": unref(selectionColumn).type ?? "selection",