@maketribe/ms-app 3.2.24 → 3.2.25

package/dist/cjs/components/basic/upload-file/ui/upload-video/upload-video-options.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@maketribe/utils");
+const UploadContext = require("../../context/UploadContext.js");
+const WebFileUploadContext = require("../../context/WebFileUploadContext.js");
+require("../../context/web-file-upload-context.js");
+require("../../context/web-file-upload-context-options.js");
+const uploadVideoProps = utils.buildProps({
+  uploadContext: {
+    type: UploadContext.UploadContext,
+    default: () => new WebFileUploadContext.WebFileUploadContext()
+  },
+  modelValue: {
+    type: [String, Array]
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  width: {
+    type: String,
+    default: "180px"
+  },
+  height: {
+    type: String,
+    default: "180px"
+  },
+  icon: {
+    type: String,
+    default: "UploadFilled"
+  }
+});
+const uploadVideoEmits = {
+  "update:modelValue": (path) => true
+};
+exports.uploadVideoEmits = uploadVideoEmits;
+exports.uploadVideoProps = uploadVideoProps;
+//# sourceMappingURL=upload-video-options.js.map

package/dist/cjs/components/basic/upload-file/ui/upload-video/upload-video-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-video-options.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-video/upload-video-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { WebFileUploadContext, UploadContext } from \"../../context\";\r\n\r\nexport const uploadVideoProps = buildProps({\r\n  uploadContext: {\r\n    type: UploadContext,\r\n    default: () => new WebFileUploadContext(),\r\n  },\r\n  modelValue: {\r\n    type: [String, Array<String>],\r\n  },\r\n  multiple: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  width: {\r\n    type: String,\r\n    default: \"180px\",\r\n  },\r\n  height: {\r\n    type: String,\r\n    default: \"180px\",\r\n  },\r\n  icon: {\r\n    type: String,\r\n    default: \"UploadFilled\",\r\n  }\r\n} as const);\r\n\r\nexport type UploadVideoProps = ExtractPropTypes<typeof uploadVideoProps>;\r\n\r\nexport const uploadVideoEmits = {\r\n  \"update:modelValue\": (path: string | string[]) => true,\r\n};\r\n\r\nexport type UploadVideoEmits = typeof uploadVideoEmits;\r\n"],"names":["buildProps","UploadContext","WebFileUploadContext"],"mappings":";;;;;;;AAIO,MAAM,mBAAmBA,MAAAA,WAAW;AAAA,EACzC,eAAe;AAAA,IACb,MAAMC,cAAA;AAAA,IACN,SAAS,MAAM,IAAIC,0CAAqB;AAAA,EAC1C;AAAA,EACA,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,KAAa;AAAA,EAC9B;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,mBAAmB;AAAA,EAC9B,qBAAqB,CAAC,SAA4B;AACpD;;;"}

package/dist/cjs/components/basic/upload-file/ui/upload-video/upload-video.js

@@ -0,0 +1,222 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const index = require("../../../svg-icon/index.js");
+const uploadFile = require("../../upload-file.js");
+const uploadVideoOptions = require("./upload-video-options.js");
+const UploadContext = require("../../context/UploadContext.js");
+require("@maketribe/request");
+require("@maketribe/utils");
+require("../../context/web-file-upload-context.js");
+require("../../context/web-file-upload-context-options.js");
+const MKUploadFileItem = /* @__PURE__ */ vue.defineComponent({
+  name: "MKUploadFileItem",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    uploadContext: {
+      type: UploadContext.UploadContext,
+      required: true
+    },
+    width: {
+      type: String,
+      default: "180px"
+    },
+    height: {
+      type: String,
+      default: "180px"
+    },
+    icon: {
+      type: String,
+      default: "Plus"
+    }
+  },
+  emits: ["update:modelValue", "view", "delete"],
+  setup(props, {
+    emit
+  }) {
+    const uploadFileInstance = vue.ref(null);
+    vue.ref(null);
+    vue.ref("");
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => {
+        emit("update:modelValue", v);
+      }
+    });
+    const handleUpdateModelValue = (v) => {
+      modelValue.value = v;
+    };
+    const handleClick = (event) => {
+      var _a;
+      event.stopPropagation();
+      if (vue.unref(modelValue)) {
+        return;
+      }
+      (_a = vue.unref(uploadFileInstance)) == null ? void 0 : _a.handleUpload();
+    };
+    const handleView = (event) => {
+      event.stopPropagation();
+      emit("view", vue.unref(modelValue));
+    };
+    const handleDelete = (event) => {
+      event.stopPropagation();
+      emit("delete", vue.unref(modelValue));
+    };
+    return () => {
+      let content;
+      if (vue.unref(modelValue)) {
+        content = vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
+          "class": "mk-upload-video-item__file"
+        }, [vue.createVNode(index.MKSvgIcon, {
+          "iconClass": "video"
+        }, null)]), vue.createVNode("div", {
+          "class": "mk-upload-video-item__mask"
+        }, [vue.createVNode(elementPlus.ElTooltip, {
+          "content": "查看"
+        }, {
+          default: () => [vue.createVNode(index.MKSvgIcon, {
+            "iconClass": "View",
+            "onClick": handleView
+          }, null)]
+        }), vue.createVNode(elementPlus.ElTooltip, {
+          "content": "删除"
+        }, {
+          default: () => [vue.createVNode(index.MKSvgIcon, {
+            "iconClass": "Delete",
+            "onClick": handleDelete
+          }, null)]
+        })])]);
+      } else {
+        content = vue.createVNode("div", {
+          "class": "mk-upload-video-item__wrapper__desc"
+        }, [vue.createVNode(index.MKSvgIcon, {
+          "iconClass": props.icon,
+          "class": "mk-upload-video-item__wrapper__desc__icon"
+        }, null), vue.createVNode("span", {
+          "class": "mk-upload-video-item__wrapper__desc__text"
+        }, [vue.createTextVNode("点击上传视频")])]);
+      }
+      return vue.createVNode("div", {
+        "class": "mk-upload-video-item",
+        "style": {
+          width: props.width,
+          height: props.height
+        }
+      }, [vue.createVNode(uploadFile.MKUploadFile, {
+        "modelValue": props.modelValue,
+        "onUpdate:modelValue": handleUpdateModelValue,
+        "uploadContext": props.uploadContext,
+        "ref": (el) => uploadFileInstance.value = el
+      }, {
+        default: () => [vue.createVNode("div", {
+          "class": "mk-upload-video-item__wrapper",
+          "onClick": handleClick
+        }, [content])]
+      })]);
+    };
+  }
+});
+const UploadVideo = /* @__PURE__ */ vue.defineComponent({
+  name: "MKUploadFile",
+  props: uploadVideoOptions.uploadVideoProps,
+  emits: uploadVideoOptions.uploadVideoEmits,
+  setup(props, {
+    emit
+  }) {
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:modelValue", v)
+    });
+    const currentVideoSrc = vue.ref("");
+    const multiple = vue.computed(() => props.multiple);
+    const isShowVideoViewer = vue.ref(false);
+    vue.watch(vue.computed(() => [vue.unref(modelValue), vue.unref(multiple)]), ([value, multiple2]) => {
+      if (multiple2 && !Array.isArray(value)) {
+        modelValue.value = [];
+      }
+    }, {
+      immediate: true
+    });
+    const handleDelete = (src) => {
+      if (!vue.unref(multiple)) {
+        modelValue.value = "";
+        return;
+      }
+      const index2 = vue.unref(modelValue).indexOf(src);
+      if (index2 === -1) {
+        return;
+      }
+      modelValue.value.splice(index2, 1);
+    };
+    const handleShowImageViewer = (src) => {
+      isShowVideoViewer.value = true;
+      currentVideoSrc.value = src;
+    };
+    const handleAppendImage = (src) => {
+      const _value = vue.unref(modelValue);
+      if (Array.isArray(_value)) {
+        _value.push(src);
+      }
+    };
+    return () => {
+      const _multiple = vue.unref(multiple);
+      let content;
+      if (!_multiple) {
+        content = vue.createVNode(MKUploadFileItem, {
+          "onView": handleShowImageViewer,
+          "onDelete": handleDelete,
+          "modelValue": vue.unref(modelValue),
+          "onUpdate:modelValue": (value) => modelValue.value = value,
+          "uploadContext": props.uploadContext,
+          "width": props.width,
+          "height": props.height,
+          "icon": props.icon
+        }, null);
+      } else {
+        let images = null;
+        if (Array.isArray(vue.unref(modelValue))) {
+          images = vue.unref(modelValue).map((src) => vue.createVNode(MKUploadFileItem, {
+            "onView": handleShowImageViewer,
+            "onDelete": handleDelete,
+            "modelValue": src,
+            "uploadContext": props.uploadContext,
+            "width": props.width,
+            "height": props.height,
+            "icon": props.icon
+          }, null));
+        }
+        content = vue.createVNode(vue.Fragment, null, [images, vue.createVNode(MKUploadFileItem, {
+          "onUpdate:modelValue": handleAppendImage,
+          "uploadContext": props.uploadContext,
+          "width": props.width,
+          "height": props.height,
+          "icon": props.icon
+        }, null)]);
+      }
+      const videoViewer = vue.unref(isShowVideoViewer) ? vue.createVNode("div", {
+        "class": "mk-upload-video-viewer"
+      }, [vue.createVNode(index.MKSvgIcon, {
+        "class": "mk-upload-video-viewer__close",
+        "iconClass": "Close",
+        "onClick": () => isShowVideoViewer.value = false
+      }, null), vue.createVNode("div", {
+        "class": "mk-upload-video-viewer__mask"
+      }, null), vue.createVNode("video", {
+        "class": "mk-upload-video-viewer__video",
+        "src": currentVideoSrc.value,
+        "controls": true
+      }, null)]) : null;
+      return vue.createVNode("div", {
+        "class": "mk-upload-video",
+        "style": {
+          width: _multiple ? "" : props.width
+        }
+      }, [content, videoViewer]);
+    };
+  }
+});
+module.exports = UploadVideo;
+//# sourceMappingURL=upload-video.js.map

package/dist/cjs/components/basic/upload-file/ui/upload-video/upload-video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-video.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-video/upload-video.tsx"],"sourcesContent":["import {\r\n  Fragment,\r\n  Ref,\r\n  VNode,\r\n  computed,\r\n  defineComponent,\r\n  ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport { ElImage, ElTooltip, ElImageViewer } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../svg-icon\";\r\nimport { MKUploadFile } from \"../../upload-file\";\r\nimport { uploadVideoEmits, uploadVideoProps } from \"./upload-video-options\";\r\nimport { UploadContext } from \"../../context\";\r\n\r\nconst MKUploadFileItem = defineComponent({\r\n  name: \"MKUploadFileItem\",\r\n  props: {\r\n    modelValue: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    uploadContext: {\r\n      type: UploadContext,\r\n      required: true,\r\n    },\r\n    width: {\r\n      type: String,\r\n      default: \"180px\",\r\n    },\r\n    height: {\r\n      type: String,\r\n      default: \"180px\",\r\n    },\r\n    icon: {\r\n      type: String,\r\n      default: \"Plus\",\r\n    }\r\n  },\r\n  emits: [\"update:modelValue\", \"view\", \"delete\"],\r\n  setup(props, { emit }) {\r\n    const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> | null> =\r\n      ref(null);\r\n\r\n    const imageInstance: Ref<InstanceType<typeof ElImage> | null> = ref(null);\r\n\r\n    const currentFileName: Ref<string> = ref(\"\")\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue as string,\r\n      set: (v: string) => {\r\n        emit(\"update:modelValue\", v);\r\n      },\r\n    });\r\n\r\n\r\n\r\n    const getFileIconBySuffix = (v: string) => {\r\n      const index = v.lastIndexOf('.');\r\n      const indexBias = v.lastIndexOf('/');\r\n      const icon = [\"html\", \"apk\", \"eps\", \"ppt\", \"xml\", \"pdf\", \"exe\", \"psd\", \"visio\", \"xls\", \"doc\", \"txt\", \"dll\", \"tiff\", \"bmp\", \"audio\"]\r\n      const zipIcon = [\"zip\", \"rar\", \"zip\", \"tar\", \"gz\", \"bz2\", \"7z\"]\r\n      const suffixIcon = v.substring(index + 1)\r\n      const suffix = v.substring(indexBias + 1)\r\n      if (icon.includes(suffixIcon)) {\r\n        return {\r\n          icon: suffixIcon,\r\n          suffix: suffix,\r\n        }\r\n      } else if (zipIcon.includes(suffixIcon)) {\r\n        return {\r\n          icon: \"yasuo\",\r\n          suffix: suffix\r\n        }\r\n      } else {\r\n        return {\r\n          icon: \"weizhiwenjian\",\r\n          suffix: suffix\r\n        }\r\n      }\r\n    }\r\n\r\n    const handleUpdateModelValue = (v: string) => {\r\n      modelValue.value = v;\r\n    };\r\n\r\n    const handleClick = (event: MouseEvent) => {\r\n      event.stopPropagation();\r\n\r\n      if (unref(modelValue)) {\r\n        return;\r\n      }\r\n\r\n      unref(uploadFileInstance)?.handleUpload();\r\n    };\r\n\r\n    const handleView = (event: MouseEvent) => {\r\n      event.stopPropagation();\r\n\r\n      emit(\"view\", unref(modelValue));\r\n    };\r\n\r\n    const handleDelete = (event: MouseEvent) => {\r\n      event.stopPropagation();\r\n\r\n      // modelValue.value = \"\";\r\n      emit(\"delete\", unref(modelValue));\r\n    };\r\n\r\n    return () => {\r\n      let content;\r\n\r\n      if (unref(modelValue)) {\r\n        content = (\r\n          <Fragment>\r\n            <div class=\"mk-upload-video-item__file\">\r\n              <MKSvgIcon iconClass=\"video\" />\r\n            </div>\r\n\r\n            <div class=\"mk-upload-video-item__mask\">\r\n              <ElTooltip content=\"查看\">\r\n                <MKSvgIcon iconClass=\"View\" onClick={handleView} />\r\n              </ElTooltip>\r\n              <ElTooltip content=\"删除\">\r\n                <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\r\n              </ElTooltip>\r\n            </div>\r\n          </Fragment>\r\n        );\r\n      } else {\r\n        content = <div class=\"mk-upload-video-item__wrapper__desc\">\r\n          <MKSvgIcon iconClass={props.icon} class=\"mk-upload-video-item__wrapper__desc__icon\" />\r\n          <span class=\"mk-upload-video-item__wrapper__desc__text\">点击上传视频</span>\r\n        </div>;\r\n      }\r\n\r\n      return (\r\n        <div class=\"mk-upload-video-item\" style={{ width: props.width, height: props.height }}>\r\n          <MKUploadFile\r\n            modelValue={props.modelValue}\r\n            onUpdate:modelValue={handleUpdateModelValue}\r\n            uploadContext={props.uploadContext}\r\n            ref={\r\n              ((el: InstanceType<typeof MKUploadFile>) =>\r\n                (uploadFileInstance.value = el)) as any\r\n            }\r\n          >\r\n            <div class=\"mk-upload-video-item__wrapper\" onClick={handleClick}>\r\n              {content}\r\n            </div>\r\n          </MKUploadFile>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n\r\nexport default defineComponent({\r\n  name: \"MKUploadFile\",\r\n  props: uploadVideoProps,\r\n  emits: uploadVideoEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => props.modelValue as string[] | string,\r\n      set: (v: string[] | string) => emit(\"update:modelValue\", v),\r\n    });\r\n\r\n    const currentVideoSrc: Ref<string> = ref(\"\");\r\n\r\n    const multiple = computed(() => props.multiple);\r\n\r\n    const isShowVideoViewer: Ref<boolean> = ref(false);\r\n\r\n    watch(\r\n      computed(() => [unref(modelValue), unref(multiple)]),\r\n      ([value, multiple]) => {\r\n        if (multiple && !Array.isArray(value)) {\r\n          modelValue.value = [];\r\n        }\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const handleDelete = (src: string) => {\r\n      if (!unref(multiple)) {\r\n        modelValue.value = \"\";\r\n        return;\r\n      }\r\n\r\n      const index = unref(modelValue).indexOf(src);\r\n\r\n      if (index === -1) {\r\n        return;\r\n      }\r\n\r\n      (modelValue.value as string[]).splice(index, 1);\r\n    };\r\n\r\n    const handleShowImageViewer = (src: string) => {\r\n      isShowVideoViewer.value = true;\r\n      currentVideoSrc.value = src;\r\n    };\r\n\r\n    const handleCloseImageViewer = () => {\r\n      isShowVideoViewer.value = false;\r\n    };\r\n\r\n    const handleAppendImage = (src: string) => {\r\n      const _value = unref(modelValue);\r\n\r\n      if (Array.isArray(_value)) {\r\n        _value.push(src);\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      const _multiple = unref(multiple);\r\n\r\n      let content;\r\n\r\n      if (!_multiple) {\r\n        content = (\r\n          <MKUploadFileItem\r\n            onView={handleShowImageViewer}\r\n            onDelete={handleDelete}\r\n            modelValue={unref(modelValue) as string}\r\n            onUpdate:modelValue={(value) => (modelValue.value = value)}\r\n            uploadContext={props.uploadContext}\r\n            width={props.width}\r\n            height={props.height}\r\n            icon={props.icon}\r\n          />\r\n        );\r\n      } else {\r\n        let images: VNode[] | null = null;\r\n\r\n        if (Array.isArray(unref(modelValue))) {\r\n          images = (unref(modelValue) as string[]).map((src) => (\r\n            <MKUploadFileItem\r\n              onView={handleShowImageViewer}\r\n              onDelete={handleDelete}\r\n              modelValue={src}\r\n              uploadContext={props.uploadContext}\r\n              width={props.width}\r\n              height={props.height}\r\n              icon={props.icon}\r\n            />\r\n          ));\r\n        }\r\n\r\n        content = (\r\n          <Fragment>\r\n            {images}\r\n            <MKUploadFileItem\r\n              onUpdate:modelValue={handleAppendImage}\r\n              uploadContext={props.uploadContext}\r\n              width={props.width}\r\n              height={props.height}\r\n              icon={props.icon}\r\n            />\r\n          </Fragment>\r\n        );\r\n      }\r\n\r\n      const videoViewer = unref(isShowVideoViewer) ? (\r\n        <div class=\"mk-upload-video-viewer\"  >\r\n          <MKSvgIcon class=\"mk-upload-video-viewer__close\" iconClass=\"Close\" onClick={() => isShowVideoViewer.value = false}></MKSvgIcon>\r\n          <div class=\"mk-upload-video-viewer__mask\"></div>\r\n          <video class=\"mk-upload-video-viewer__video\" src={currentVideoSrc.value} controls></video>\r\n        </div>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-upload-video\" style={{ width: _multiple ? \"\" : props.width }}>\r\n          {content}\r\n          {videoViewer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKUploadFileItem","defineComponent","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","width","height","icon","emits","setup","emit","uploadFileInstance","ref","computed","get","set","v","handleUpdateModelValue","value","handleClick","event","stopPropagation","unref","handleUpload","handleView","handleDelete","content","_createVNode","_Fragment","MKSvgIcon","ElTooltip","_createTextVNode","MKUploadFile","el","uploadVideoProps","uploadVideoEmits","currentVideoSrc","multiple","isShowVideoViewer","watch","Array","isArray","immediate","src","index","indexOf","splice","handleShowImageViewer","handleAppendImage","_value","push","_multiple","images","map","videoViewer","onClick"],"mappings":"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"}

package/dist/cjs/components/basic/upload-file/upload-file-options.js

@@ -15,7 +15,8 @@ const uploadFileProps = utils.buildProps({
   }
 });
 const uploadFileEmits = {
-  "update:modelValue": (path) => true
+  "update:modelValue": (path) => true,
+  "getSelectFileName": (name) => true
 };
 exports.uploadFileEmits = uploadFileEmits;
 exports.uploadFileProps = uploadFileProps;

package/dist/cjs/components/basic/upload-file/upload-file-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-file-options.js","sources":["../../../../../src/components/basic/upload-file/upload-file-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { UploadContext, WebFileUploadContext } from \"./context\";\r\n\r\nexport const uploadFileProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n  },\r\n  uploadContext: {\r\n    type: UploadContext,\r\n    default: () => new WebFileUploadContext(),\r\n  },\r\n} as const);\r\n\r\nexport type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;\r\n\r\nexport const uploadFileEmits = {\r\n  \"update:modelValue\": (path: string) => true,\r\n};\r\n\r\nexport type UploadFileEmits = typeof uploadFileEmits;\r\n"],"names":["buildProps","UploadContext","WebFileUploadContext"],"mappings":";;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,eAAe;AAAA,IACb,MAAMC,cAAA;AAAA,IACN,SAAS,MAAM,IAAIC,0CAAqB;AAAA,EAC1C;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,qBAAqB,CAAC,SAAiB;AACzC;;;"}
+{"version":3,"file":"upload-file-options.js","sources":["../../../../../src/components/basic/upload-file/upload-file-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { UploadContext, WebFileUploadContext } from \"./context\";\r\n\r\nexport const uploadFileProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n  },\r\n  uploadContext: {\r\n    type: UploadContext,\r\n    default: () => new WebFileUploadContext(),\r\n  },\r\n} as const);\r\n\r\nexport type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;\r\n\r\nexport const uploadFileEmits = {\r\n  \"update:modelValue\": (path: string) => true,\r\n  \"getSelectFileName\": (name: string) => true,\r\n};\r\n\r\nexport type UploadFileEmits = typeof uploadFileEmits;\r\n"],"names":["buildProps","UploadContext","WebFileUploadContext"],"mappings":";;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,eAAe;AAAA,IACb,MAAMC,cAAA;AAAA,IACN,SAAS,MAAM,IAAIC,0CAAqB;AAAA,EAC1C;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,qBAAqB,CAAC,SAAiB;AAAA,EACvC,qBAAqB,CAAC,SAAiB;AACzC;;;"}

package/dist/cjs/components/basic/upload-file/upload-file.js

@@ -26,6 +26,7 @@ const _UploadFile = /* @__PURE__ */ vue.defineComponent({
         const uploadResult = await vue.unref(uploadContext).selectFile();
         if (uploadResult.success) {
           value.value = uploadResult.path || value.value;
+          emit("getSelectFileName", uploadResult.name || "");
           return;
         }
         elementPlus.ElMessage.error(uploadResult.msg);

package/dist/cjs/components/basic/upload-file/upload-file.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-file.js","sources":["../../../../../src/components/basic/upload-file/upload-file.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { uploadFileEmits, uploadFileProps } from \"./upload-file-options\";\r\nimport { ElMessage } from \"element-plus\";\r\nimport { UploadContextCtxKey } from \"./context\";\r\nimport { withInstall } from \"@maketribe/utils\";\r\n\r\n/**\r\n * 文件上传\r\n *\r\n * 文件上传在本后台中有两大分类\r\n * 1.直接上传文件\r\n * 2.使用素材库文件\r\n *\r\n * 文件上传的界面交互又会分为几种情况\r\n * 1.单文件上传（单文件上传，可能会根据。文件情况的不同，界面显示方式不一样）\r\n * 2.多文件上传（多文件上传基于单文件的逻辑，不过是会变成多个文件）\r\n *\r\n * 希望文件交互组件不需要用了解是直接上传文件或使用素材库。\r\n *\r\n */\r\n\r\nconst _UploadFile = defineComponent({\r\n  name: \"MKUploadFile\",\r\n  props: uploadFileProps,\r\n  emits: uploadFileEmits,\r\n  setup(props, { emit }) {\r\n    const uploadContextCtx = inject(UploadContextCtxKey, null);\r\n\r\n    const value = computed({\r\n      get: () => props.modelValue as string,\r\n      set: (v: string) => emit(\"update:modelValue\", v),\r\n    });\r\n\r\n    const uploadContext = computed(\r\n      () => uploadContextCtx?.uploadContext || props.uploadContext\r\n    );\r\n\r\n    const handleUpload = async () => {\r\n      try {\r\n        \r\n        const uploadResult = await unref(uploadContext).selectFile();\r\n        \r\n        if (uploadResult.success) {\r\n          value.value = uploadResult.path || value.value;\r\n          return;\r\n        }\r\n\r\n        ElMessage.error(uploadResult.msg);\r\n      } catch (e) {\r\n        console.error(e);\r\n        ElMessage.error(\"网络异常\");\r\n      }\r\n    };\r\n\r\n    return {\r\n      handleUpload,\r\n    };\r\n  },\r\n  render() {\r\n    const { handleUpload, $slots } = this;\r\n\r\n    return (\r\n      <span class=\"mk-upload-file\" onClick={handleUpload}>\r\n        {$slots.default?.()}\r\n      </span>\r\n    );\r\n  },\r\n});\r\n\r\nexport const MKUploadFile = withInstall(_UploadFile);\r\n"],"names":["_UploadFile","defineComponent","name","props","uploadFileProps","emits","uploadFileEmits","setup","emit","uploadContextCtx","inject","UploadContextCtxKey","value","computed","get","modelValue","set","v","uploadContext","handleUpload","uploadResult","unref","selectFile","success","path","ElMessage","error","msg","e","console","render","$slots","_createVNode","default","MKUploadFile","withInstall"],"mappings":";;;;;;;;;;AAqBA,MAAMA,cAAcC,oBAAAA,gBAAgB;AAAA,EAClCC,MAAM;AAAA,EACNC,OAAOC,kBAAe;AAAA,EACtBC,OAAOC,kBAAe;AAAA,EACtBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,mBAAmBC,IAAAA,OAAOC,cAAmB,qBAAE,IAAI;AAEzD,UAAMC,QAAQC,IAAAA,SAAS;AAAA,MACrBC,KAAKA,MAAMX,MAAMY;AAAAA,MACjBC,KAAMC,OAAcT,KAAK,qBAAqBS,CAAC;AAAA,IACjD,CAAC;AAED,UAAMC,gBAAgBL,IAAAA,SACpB,OAAMJ,qDAAkBS,kBAAiBf,MAAMe,aACjD;AAEA,UAAMC,eAAe,YAAY;AAC/B,UAAI;AAEF,cAAMC,eAAe,MAAMC,IAAAA,MAAMH,aAAa,EAAEI,WAAU;AAE1D,YAAIF,aAAaG,SAAS;AACxBX,gBAAMA,QAAQQ,aAAaI,QAAQZ,MAAMA;AACzC;AAAA,QACF;AAEAa,oBAAAA,UAAUC,MAAMN,aAAaO,GAAG;AAAA,MACjC,SAAQC,GAAG;AACVC,gBAAQH,MAAME,CAAC;AACfH,8BAAUC,MAAM,MAAM;AAAA,MACxB;AAAA;AAGF,WAAO;AAAA,MACLP;AAAAA;EAEH;AAAA,EACDW,SAAS;;AACP,UAAM;AAAA,MAAEX;AAAAA,MAAcY;AAAAA,IAAQ,IAAG;AAEjC,WAAAC,IAAAA,YAAA,QAAA;AAAA,MAAA,SAAA;AAAA,MAAA,WACwCb;AAAAA,IAAY,GAAA,EAC/CY,YAAOE,YAAPF,+BAAkB,CAAA;AAAA,EAGzB;AACF,CAAC;MAEYG,eAAeC,MAAW,YAACnC,WAAW;;"}
+{"version":3,"file":"upload-file.js","sources":["../../../../../src/components/basic/upload-file/upload-file.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { uploadFileEmits, uploadFileProps } from \"./upload-file-options\";\r\nimport { ElMessage } from \"element-plus\";\r\nimport { UploadContextCtxKey } from \"./context\";\r\nimport { withInstall } from \"@maketribe/utils\";\r\n\r\n/**\r\n * 文件上传\r\n *\r\n * 文件上传在本后台中有两大分类\r\n * 1.直接上传文件\r\n * 2.使用素材库文件\r\n *\r\n * 文件上传的界面交互又会分为几种情况\r\n * 1.单文件上传（单文件上传，可能会根据。文件情况的不同，界面显示方式不一样）\r\n * 2.多文件上传（多文件上传基于单文件的逻辑，不过是会变成多个文件）\r\n *\r\n * 希望文件交互组件不需要用了解是直接上传文件或使用素材库。\r\n *\r\n */\r\n\r\nconst _UploadFile = defineComponent({\r\n  name: \"MKUploadFile\",\r\n  props: uploadFileProps,\r\n  emits: uploadFileEmits,\r\n  setup(props, { emit }) {\r\n    const uploadContextCtx = inject(UploadContextCtxKey, null);\r\n\r\n    const value = computed({\r\n      get: () => props.modelValue as string,\r\n      set: (v: string) => emit(\"update:modelValue\", v),\r\n    });\r\n\r\n    const uploadContext = computed(\r\n      () => uploadContextCtx?.uploadContext || props.uploadContext\r\n    );\r\n\r\n    const handleUpload = async () => {\r\n      try {\r\n\r\n        const uploadResult = await unref(uploadContext).selectFile();\r\n\r\n        if (uploadResult.success) {\r\n          value.value = uploadResult.path || value.value;\r\n          emit(\"getSelectFileName\", uploadResult.name || \"\");\r\n          return;\r\n        }\r\n\r\n        ElMessage.error(uploadResult.msg);\r\n      } catch (e) {\r\n        console.error(e);\r\n        ElMessage.error(\"网络异常\");\r\n      }\r\n    };\r\n\r\n    return {\r\n      handleUpload,\r\n    };\r\n  },\r\n  render() {\r\n    const { handleUpload, $slots } = this;\r\n\r\n    return (\r\n      <span class=\"mk-upload-file\" onClick={handleUpload}>\r\n        {$slots.default?.()}\r\n      </span>\r\n    );\r\n  },\r\n});\r\n\r\nexport const MKUploadFile = withInstall(_UploadFile);\r\n"],"names":["_UploadFile","defineComponent","name","props","uploadFileProps","emits","uploadFileEmits","setup","emit","uploadContextCtx","inject","UploadContextCtxKey","value","computed","get","modelValue","set","v","uploadContext","handleUpload","uploadResult","unref","selectFile","success","path","ElMessage","error","msg","e","console","render","$slots","_createVNode","default","MKUploadFile","withInstall"],"mappings":";;;;;;;;;;AAqBA,MAAMA,cAAcC,oBAAAA,gBAAgB;AAAA,EAClCC,MAAM;AAAA,EACNC,OAAOC,kBAAe;AAAA,EACtBC,OAAOC,kBAAe;AAAA,EACtBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,mBAAmBC,IAAAA,OAAOC,cAAmB,qBAAE,IAAI;AAEzD,UAAMC,QAAQC,IAAAA,SAAS;AAAA,MACrBC,KAAKA,MAAMX,MAAMY;AAAAA,MACjBC,KAAMC,OAAcT,KAAK,qBAAqBS,CAAC;AAAA,IACjD,CAAC;AAED,UAAMC,gBAAgBL,IAAAA,SACpB,OAAMJ,qDAAkBS,kBAAiBf,MAAMe,aACjD;AAEA,UAAMC,eAAe,YAAY;AAC/B,UAAI;AAEF,cAAMC,eAAe,MAAMC,IAAAA,MAAMH,aAAa,EAAEI,WAAU;AAE1D,YAAIF,aAAaG,SAAS;AACxBX,gBAAMA,QAAQQ,aAAaI,QAAQZ,MAAMA;AACzCJ,eAAK,qBAAqBY,aAAalB,QAAQ,EAAE;AACjD;AAAA,QACF;AAEAuB,oBAAAA,UAAUC,MAAMN,aAAaO,GAAG;AAAA,MACjC,SAAQC,GAAG;AACVC,gBAAQH,MAAME,CAAC;AACfH,8BAAUC,MAAM,MAAM;AAAA,MACxB;AAAA;AAGF,WAAO;AAAA,MACLP;AAAAA;EAEH;AAAA,EACDW,SAAS;;AACP,UAAM;AAAA,MAAEX;AAAAA,MAAcY;AAAAA,IAAQ,IAAG;AAEjC,WAAAC,IAAAA,YAAA,QAAA;AAAA,MAAA,SAAA;AAAA,MAAA,WACwCb;AAAAA,IAAY,GAAA,EAC/CY,YAAOE,YAAPF,+BAAkB,CAAA;AAAA,EAGzB;AACF,CAAC;MAEYG,eAAeC,MAAW,YAACnC,WAAW;;"}

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

@@ -19,6 +19,8 @@ require("@maketribe/utils");
 require("../../../../basic/upload-file/context/web-file-upload-context.js");
 require("../../../../basic/upload-file/context/web-file-upload-context-options.js");
 require("../../../../basic/upload-file/ui/upload-image/index.js");
+require("../../../../basic/upload-file/ui/upload-file/index.js");
+require("../../../../basic/upload-file/ui/upload-video/index.js");
 require("../../../../basic/upload-file/upload-file-options.js");
 require("../../../../basic/doc-editor/index.js");
 require("../../../../basic/copy-container/index.js");

package/dist/cjs/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>\r\n  <div :class=\"['resource-item', resourceItem.isSelected ? 'is-selected' : '']\">\r\n    <div class=\"resource-item__wrapper\">\r\n      <div class=\"resource-item__main\">\r\n        <MKSvgIcon :icon-class=\"iconClass\" />\r\n      </div>\r\n      <div class=\"resource-item__label\">\r\n        <span :title=\"resourceItem.name\">{{ resourceItem.name }}</span>\r\n      </div>\r\n      <div class=\"resource-item__time\">\r\n        <span>{{ resourceItem.lastModified }}</span>\r\n      </div>\r\n      <div class=\"resource-item__size\">\r\n        <span v-if=\"resourceItem.isDirectory\"> - </span>\r\n        <span v-else> {{ resourceItem.length > 1024 ?\r\n          (resourceItem.length > 1024*1024 ? Math.ceil(resourceItem.length/1024/1024*100)/100+\" MB\":Math.ceil(resourceItem.length/1024*100)/100+\" KB\") \r\n           : resourceItem.length+\" 字节\" }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport { MKSvgIcon } from \"../../../../basic\";\r\n\r\nconst props = defineProps({\r\n  resourceItem: {\r\n    type: Object,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst iconClass = computed(() => {\r\n  if (props.resourceItem.isDirectory) {\r\n    return \"wenjianjia\";\r\n  }\r\n\r\n  switch (props.resourceItem.extension) {\r\n    case \".html\":\r\n      return \"html\";\r\n    case \".jpeg\":\r\n    case \".jpg\":\r\n    case \".png\":\r\n      return \"image1\";\r\n    case \".pdf\":\r\n      return \"pdf\";\r\n    case \".dll\":\r\n      return \"dll\";\r\n  }\r\n\r\n  return \"weizhiwenjian\";\r\n});\r\n</script>\r\n"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,QAAQ;AAOR,UAAA,YAAYA,IAAAA,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>\r\n  <div :class=\"['resource-item', resourceItem.isSelected ? 'is-selected' : '']\">\r\n    <div class=\"resource-item__wrapper\">\r\n      <div class=\"resource-item__main\">\r\n        <MKSvgIcon :icon-class=\"iconClass\" />\r\n      </div>\r\n      <div class=\"resource-item__label\">\r\n        <span :title=\"resourceItem.name\">{{ resourceItem.name }}</span>\r\n      </div>\r\n      <div class=\"resource-item__time\">\r\n        <span>{{ resourceItem.lastModified }}</span>\r\n      </div>\r\n      <div class=\"resource-item__size\">\r\n        <span v-if=\"resourceItem.isDirectory\"> - </span>\r\n        <span v-else> {{ resourceItem.length > 1024 ?\r\n          (resourceItem.length > 1024*1024 ? Math.ceil(resourceItem.length/1024/1024*100)/100+\" MB\":Math.ceil(resourceItem.length/1024*100)/100+\" KB\") \r\n           : resourceItem.length+\" 字节\" }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport { MKSvgIcon } from \"../../../../basic\";\r\n\r\nconst props = defineProps({\r\n  resourceItem: {\r\n    type: Object,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst iconClass = computed(() => {\r\n  if (props.resourceItem.isDirectory) {\r\n    return \"wenjianjia\";\r\n  }\r\n\r\n  switch (props.resourceItem.extension) {\r\n    case \".html\":\r\n      return \"html\";\r\n    case \".jpeg\":\r\n    case \".jpg\":\r\n    case \".png\":\r\n      return \"image1\";\r\n    case \".pdf\":\r\n      return \"pdf\";\r\n    case \".dll\":\r\n      return \"dll\";\r\n  }\r\n\r\n  return \"weizhiwenjian\";\r\n});\r\n</script>\r\n"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,QAAQ;AAOR,UAAA,YAAYA,IAAAA,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/cjs/components/business/resource-manager/resource-manager.vue.js

@@ -19,6 +19,8 @@ require("@maketribe/utils");
 require("../../basic/upload-file/context/web-file-upload-context.js");
 require("../../basic/upload-file/context/web-file-upload-context-options.js");
 require("../../basic/upload-file/ui/upload-image/index.js");
+require("../../basic/upload-file/ui/upload-file/index.js");
+require("../../basic/upload-file/ui/upload-video/index.js");
 require("../../basic/upload-file/upload-file-options.js");
 require("../../basic/doc-editor/index.js");
 require("../../basic/copy-container/index.js");

package/dist/cjs/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>\r\n  <div v-loading=\"resourceManager.loading\" class=\"resource-manager\">\r\n    <el-page-header style=\"background-color: #fff;padding: 10px;\"  :icon=\"null\">\r\n      <template #title>\r\n        <h3 style=\"color: var(--el-text-color-regular); margin-left: 10px\">\r\n          <MKSvgIcon iconClass=\"sucaiku\" style=\"margin-right: 5px\" />\r\n          <span style=\"margin-left:10px\">{{props.title}}</span>\r\n        </h3>\r\n      </template>\r\n      <template #extra>\r\n        <ElButton\r\n          v-if=\"selectResourceCount > 0\"\r\n          type=\"danger\"\r\n          @click=\"handleDeleteClick\"\r\n        >\r\n          删除\r\n        </ElButton>\r\n        <ElButton\r\n          v-if=\"\r\n            selectResourceCount === 1 &&\r\n            !resourceManager.selectResourceList[0].isDirectory\r\n          \"\r\n          @click=\"handleEdit\"\r\n        >\r\n          编辑\r\n        </ElButton>\r\n        <ElButton\r\n          v-if=\"\r\n            selectResourceCount === 1 &&\r\n            !resourceManager.selectResourceList[0].isDirectory\r\n          \"\r\n          @click=\"handleDownload()\"\r\n        >\r\n          下载\r\n        </ElButton>\r\n        <!-- <ElButton type=\"primary\" @click=\"handleUploadClick\">上传</ElButton> -->\r\n        <slot name=\"tools\"></slot>\r\n      </template>\r\n    </el-page-header>\r\n    <MKResourceList :resourceManager=\"resourceManager\" @drop=\"handleDrop\" />\r\n  </div>\r\n\r\n  <ElDialog v-model=\"isShowEditDialog\" @close=\"handleEditDialogClose\">\r\n    <MKCodeEditor\r\n      v-if=\"isShowEditDialog\"\r\n      v-model=\"resourceManager.currentEditText\"\r\n    />\r\n    <template #footer>\r\n      <ElButton @click=\"handleEditDialogClose\">取消</ElButton>\r\n      <ElButton\r\n        type=\"primary\"\r\n        v-loading=\"resourceManager.loading\"\r\n        @click=\"handleEditDialogConfirm\"\r\n      >\r\n        保存\r\n      </ElButton>\r\n    </template>\r\n  </ElDialog>\r\n\r\n  <ElDialog\r\n    v-model=\"isShowConfirmDialog\"\r\n    title=\"文件已存在\"\r\n    @close=\"handleDialogCancelClick\"\r\n  >\r\n    <div v-for=\"path in existPathList\" :key=\"path\">{{ path }}</div>\r\n\r\n    <template #footer>\r\n      <ElButton type=\"danger\" @click=\"handleDialogOverrideClick\">覆盖</ElButton>\r\n      <ElButton type=\"warning\" @click=\"handleDialogSkipClick\">跳过</ElButton>\r\n      <ElButton @click=\"handleDialogCancelClick\">取消</ElButton>\r\n    </template>\r\n  </ElDialog>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted, computed, unref, ref } from \"vue\";\r\nimport { ElButton, ElMessageBox, ElMessage, ElDialog } from \"element-plus\";\r\nimport { MKCodeEditor } from \"../../basic\";\r\nimport { MKResourceList, ResourceManager } from \"../resource-list\";\r\n\r\nconst props = defineProps({\r\n  title:{type:String,default:\"\"},\r\n  resourceManager: {\r\n    type: ResourceManager,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst isShowConfirmDialog = ref(false);\r\n\r\nlet waitUploadFiles: File[] = [];\r\nconst existPathList = ref([] as string[]);\r\n\r\nconst resourceManager = computed(() => props.resourceManager);\r\n\r\nconst isShowEditDialog = computed(\r\n  () => unref(resourceManager).isShowEditDialog\r\n);\r\n\r\nconst selectResourceCount = computed(\r\n  () => unref(resourceManager).selectResourceList.length\r\n);\r\n\r\nconst handleDeleteClick = async () => {\r\n  const isConfirm = await ElMessageBox.confirm(\"是否删除选中文件\", {\r\n    type: \"warning\",\r\n  }).then(\r\n    () => true,\r\n    () => false\r\n  );\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n\r\n  unref(resourceManager).deleteSelectResourceList();\r\n};\r\n\r\nconst handleEdit = () => {\r\n  unref(resourceManager).editSelectFile();\r\n};\r\n\r\nconst handleEditDialogConfirm = () => {\r\n  unref(resourceManager).saveEditFile();\r\n};\r\n\r\nconst handleEditDialogClose = () => {\r\n  unref(resourceManager).isShowEditDialog = false;\r\n  unref(resourceManager).currentEditText = \"\";\r\n};\r\n\r\n// const handleUploadClick = () => {\r\n//   /** @type {HTMLInputElement} */\r\n//   var input = document.createElement(\"input\");\r\n//   input.type = \"file\";\r\n//   input.multiple = true;\r\n\r\n//   input.addEventListener(\"change\", () => {\r\n//     var files = new Array(input.files!.length)\r\n//       .fill(0)\r\n//       .map((_, i) => input.files![i]);\r\n\r\n//     unref(resourceManager).uploadResourceList(files);\r\n//   });\r\n\r\n//   input.click();\r\n// };\r\n\r\nconst handleDownload = () => {\r\n  unref(resourceManager).downloadSelectResource();\r\n};\r\n\r\nconst handleDrop = async (event: DragEvent) => {\r\n  waitUploadFiles = [];\r\n\r\n  var _items = event.dataTransfer?.items;\r\n\r\n  var fileSystemEntry = _items![0].webkitGetAsEntry() as any;\r\n\r\n  const internalProcess = async (item: any, path: string = \"\") => {\r\n    if (item.isFile) {\r\n      return [\r\n        await new Promise((resolve) => {\r\n          item.file((file: File) => {\r\n            resolve(\r\n              new File([file], `${path}${file.name}`, { type: file.type })\r\n            );\r\n          });\r\n        }),\r\n      ] as File[];\r\n    } else if (item.isDirectory) {\r\n      var directoryReader = item.createReader();\r\n\r\n      const entries = (await new Promise((resolve) => {\r\n        directoryReader.readEntries(resolve);\r\n      })) as any[];\r\n\r\n      var result: File[] = [];\r\n\r\n      for (let i = 0; i < entries.length; i++) {\r\n        result = result.concat(\r\n          await internalProcess(entries[i], `${path}${item.name}/`)\r\n        );\r\n      }\r\n\r\n      return result;\r\n    }\r\n\r\n    return [];\r\n  };\r\n\r\n  const files = (waitUploadFiles = await internalProcess(fileSystemEntry));\r\n\r\n  try {\r\n    unref(resourceManager).loadingManager.startLoading();\r\n\r\n    const checkResponse = await unref(resourceManager).getExistPathList(\r\n      files.map((file) => file.name)\r\n    );\r\n\r\n    if (checkResponse.data.code !== 200) {\r\n      ElMessage.error({ message: checkResponse.data.msg });\r\n      return;\r\n    }\r\n\r\n    if (checkResponse.data.data?.length === 0) {\r\n      await unref(resourceManager).uploadResourceList(files);\r\n\r\n      waitUploadFiles = [];\r\n      return;\r\n    }\r\n    existPathList.value = checkResponse.data.data ?? [];\r\n\r\n    isShowConfirmDialog.value = true;\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  } finally {\r\n    unref(resourceManager).loadingManager.completeLoading();\r\n  }\r\n};\r\n\r\nconst handleDialogOverrideClick = async () => {\r\n  try {\r\n    await unref(resourceManager).uploadResourceList(waitUploadFiles);\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  }\r\n\r\n  handleDialogCancelClick();\r\n};\r\n\r\nconst handleDialogSkipClick = async () => {\r\n  try {\r\n    const files = waitUploadFiles.filter(\r\n      (file) => !unref(existPathList).includes(file.name)\r\n    );\r\n    if (files.length) {\r\n      await unref(resourceManager).uploadResourceList(files);\r\n    }\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  }\r\n\r\n  handleDialogCancelClick();\r\n};\r\n\r\nconst handleDialogCancelClick = () => {\r\n  isShowConfirmDialog.value = false;\r\n  existPathList.value = [];\r\n  waitUploadFiles = [];\r\n};\r\n\r\nonMounted(() => {\r\n  unref(resourceManager).loadResourceInfoList();\r\n});\r\n</script>\r\n"],"names":["ref","computed","unref","ElMessageBox","ElMessage","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgFA,UAAM,QAAQ;AAQR,UAAA,sBAAsBA,QAAI,KAAK;AAErC,QAAI,kBAA0B,CAAA;AACxB,UAAA,gBAAgBA,QAAI,CAAA,CAAc;AAExC,UAAM,kBAAkBC,IAAA,SAAS,MAAM,MAAM,eAAe;AAE5D,UAAM,mBAAmBA,IAAA;AAAA,MACvB,MAAMC,IAAM,MAAA,eAAe,EAAE;AAAA,IAAA;AAG/B,UAAM,sBAAsBD,IAAA;AAAA,MAC1B,MAAMC,UAAM,eAAe,EAAE,mBAAmB;AAAA,IAAA;AAGlD,UAAM,oBAAoB,YAAY;AACpC,YAAM,YAAY,MAAMC,yBAAa,QAAQ,YAAY;AAAA,QACvD,MAAM;AAAA,MACP,CAAA,EAAE;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAGR,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AAEMD,gBAAA,eAAe,EAAE;IAAyB;AAGlD,UAAM,aAAa,MAAM;AACjBA,gBAAA,eAAe,EAAE;IAAe;AAGxC,UAAM,0BAA0B,MAAM;AAC9BA,gBAAA,eAAe,EAAE;IAAa;AAGtC,UAAM,wBAAwB,MAAM;AAC5BA,UAAAA,MAAA,eAAe,EAAE,mBAAmB;AACpCA,UAAAA,MAAA,eAAe,EAAE,kBAAkB;AAAA,IAAA;AAoB3C,UAAM,iBAAiB,MAAM;AACrBA,gBAAA,eAAe,EAAE;IAAuB;AAG1C,UAAA,aAAa,OAAO,UAAqB;;AAC7C,wBAAkB,CAAA;AAEd,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;AAGV,YAAM,QAAS,kBAAkB,MAAM,gBAAgB,eAAe;AAElE,UAAA;AACIA,YAAAA,MAAA,eAAe,EAAE,eAAe,aAAa;AAEnD,cAAM,gBAAgB,MAAMA,UAAM,eAAe,EAAE;AAAA,UACjD,MAAM,IAAI,CAAC,SAAS,KAAK,IAAI;AAAA,QAAA;AAG3B,YAAA,cAAc,KAAK,SAAS,KAAK;AACnCE,sBAAA,UAAU,MAAM,EAAE,SAAS,cAAc,KAAK,KAAK;AACnD;AAAA,QACF;AAEA,cAAI,mBAAc,KAAK,SAAnB,mBAAyB,YAAW,GAAG;AACzC,gBAAMF,IAAM,MAAA,eAAe,EAAE,mBAAmB,KAAK;AAErD,4BAAkB,CAAA;AAClB;AAAA,QACF;AACA,sBAAc,QAAQ,cAAc,KAAK,QAAQ,CAAA;AAEjD,4BAAoB,QAAQ;AAAA,eACrB,GAAG;AACV,gBAAQ,IAAI,CAAC;AACbE,8BAAU,MAAM,WAAW;AAAA,MAAA,UAC3B;AACMF,YAAAA,MAAA,eAAe,EAAE,eAAe,gBAAgB;AAAA,MACxD;AAAA,IAAA;AAGF,UAAM,4BAA4B,YAAY;AACxC,UAAA;AACF,cAAMA,IAAM,MAAA,eAAe,EAAE,mBAAmB,eAAe;AAAA,eACxD,GAAG;AACV,gBAAQ,IAAI,CAAC;AACbE,8BAAU,MAAM,WAAW;AAAA,MAC7B;AAEwB;IAAA;AAG1B,UAAM,wBAAwB,YAAY;AACpC,UAAA;AACF,cAAM,QAAQ,gBAAgB;AAAA,UAC5B,CAAC,SAAS,CAACF,UAAM,aAAa,EAAE,SAAS,KAAK,IAAI;AAAA,QAAA;AAEpD,YAAI,MAAM,QAAQ;AAChB,gBAAMA,IAAM,MAAA,eAAe,EAAE,mBAAmB,KAAK;AAAA,QACvD;AAAA,eACO,GAAG;AACV,gBAAQ,IAAI,CAAC;AACbE,8BAAU,MAAM,WAAW;AAAA,MAC7B;AAEwB;IAAA;AAG1B,UAAM,0BAA0B,MAAM;AACpC,0BAAoB,QAAQ;AAC5B,oBAAc,QAAQ;AACtB,wBAAkB,CAAA;AAAA,IAAC;AAGrBC,QAAAA,UAAU,MAAM;AACRH,gBAAA,eAAe,EAAE;IAAqB,CAC7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"resource-manager.vue.js","sources":["../../../../../src/components/business/resource-manager/resource-manager.vue"],"sourcesContent":["<template>\r\n  <div v-loading=\"resourceManager.loading\" class=\"resource-manager\">\r\n    <el-page-header style=\"background-color: #fff;padding: 10px;\"  :icon=\"null\">\r\n      <template #title>\r\n        <h3 style=\"color: var(--el-text-color-regular); margin-left: 10px\">\r\n          <MKSvgIcon iconClass=\"sucaiku\" style=\"margin-right: 5px\" />\r\n          <span style=\"margin-left:10px\">{{props.title}}</span>\r\n        </h3>\r\n      </template>\r\n      <template #extra>\r\n        <ElButton\r\n          v-if=\"selectResourceCount > 0\"\r\n          type=\"danger\"\r\n          @click=\"handleDeleteClick\"\r\n        >\r\n          删除\r\n        </ElButton>\r\n        <ElButton\r\n          v-if=\"\r\n            selectResourceCount === 1 &&\r\n            !resourceManager.selectResourceList[0].isDirectory\r\n          \"\r\n          @click=\"handleEdit\"\r\n        >\r\n          编辑\r\n        </ElButton>\r\n        <ElButton\r\n          v-if=\"\r\n            selectResourceCount === 1 &&\r\n            !resourceManager.selectResourceList[0].isDirectory\r\n          \"\r\n          @click=\"handleDownload()\"\r\n        >\r\n          下载\r\n        </ElButton>\r\n        <!-- <ElButton type=\"primary\" @click=\"handleUploadClick\">上传</ElButton> -->\r\n        <slot name=\"tools\"></slot>\r\n      </template>\r\n    </el-page-header>\r\n    <MKResourceList :resourceManager=\"resourceManager\" @drop=\"handleDrop\" />\r\n  </div>\r\n\r\n  <ElDialog v-model=\"isShowEditDialog\" @close=\"handleEditDialogClose\">\r\n    <MKCodeEditor\r\n      v-if=\"isShowEditDialog\"\r\n      v-model=\"resourceManager.currentEditText\"\r\n    />\r\n    <template #footer>\r\n      <ElButton @click=\"handleEditDialogClose\">取消</ElButton>\r\n      <ElButton\r\n        type=\"primary\"\r\n        v-loading=\"resourceManager.loading\"\r\n        @click=\"handleEditDialogConfirm\"\r\n      >\r\n        保存\r\n      </ElButton>\r\n    </template>\r\n  </ElDialog>\r\n\r\n  <ElDialog\r\n    v-model=\"isShowConfirmDialog\"\r\n    title=\"文件已存在\"\r\n    @close=\"handleDialogCancelClick\"\r\n  >\r\n    <div v-for=\"path in existPathList\" :key=\"path\">{{ path }}</div>\r\n\r\n    <template #footer>\r\n      <ElButton type=\"danger\" @click=\"handleDialogOverrideClick\">覆盖</ElButton>\r\n      <ElButton type=\"warning\" @click=\"handleDialogSkipClick\">跳过</ElButton>\r\n      <ElButton @click=\"handleDialogCancelClick\">取消</ElButton>\r\n    </template>\r\n  </ElDialog>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted, computed, unref, ref } from \"vue\";\r\nimport { ElButton, ElMessageBox, ElMessage, ElDialog } from \"element-plus\";\r\nimport { MKCodeEditor } from \"../../basic\";\r\nimport { MKResourceList, ResourceManager } from \"../resource-list\";\r\n\r\nconst props = defineProps({\r\n  title:{type:String,default:\"\"},\r\n  resourceManager: {\r\n    type: ResourceManager,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst isShowConfirmDialog = ref(false);\r\n\r\nlet waitUploadFiles: File[] = [];\r\nconst existPathList = ref([] as string[]);\r\n\r\nconst resourceManager = computed(() => props.resourceManager);\r\n\r\nconst isShowEditDialog = computed(\r\n  () => unref(resourceManager).isShowEditDialog\r\n);\r\n\r\nconst selectResourceCount = computed(\r\n  () => unref(resourceManager).selectResourceList.length\r\n);\r\n\r\nconst handleDeleteClick = async () => {\r\n  const isConfirm = await ElMessageBox.confirm(\"是否删除选中文件\", {\r\n    type: \"warning\",\r\n  }).then(\r\n    () => true,\r\n    () => false\r\n  );\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n\r\n  unref(resourceManager).deleteSelectResourceList();\r\n};\r\n\r\nconst handleEdit = () => {\r\n  unref(resourceManager).editSelectFile();\r\n};\r\n\r\nconst handleEditDialogConfirm = () => {\r\n  unref(resourceManager).saveEditFile();\r\n};\r\n\r\nconst handleEditDialogClose = () => {\r\n  unref(resourceManager).isShowEditDialog = false;\r\n  unref(resourceManager).currentEditText = \"\";\r\n};\r\n\r\n// const handleUploadClick = () => {\r\n//   /** @type {HTMLInputElement} */\r\n//   var input = document.createElement(\"input\");\r\n//   input.type = \"file\";\r\n//   input.multiple = true;\r\n\r\n//   input.addEventListener(\"change\", () => {\r\n//     var files = new Array(input.files!.length)\r\n//       .fill(0)\r\n//       .map((_, i) => input.files![i]);\r\n\r\n//     unref(resourceManager).uploadResourceList(files);\r\n//   });\r\n\r\n//   input.click();\r\n// };\r\n\r\nconst handleDownload = () => {\r\n  unref(resourceManager).downloadSelectResource();\r\n};\r\n\r\nconst handleDrop = async (event: DragEvent) => {\r\n  waitUploadFiles = [];\r\n\r\n  var _items = event.dataTransfer?.items;\r\n\r\n  var fileSystemEntry = _items![0].webkitGetAsEntry() as any;\r\n\r\n  const internalProcess = async (item: any, path: string = \"\") => {\r\n    if (item.isFile) {\r\n      return [\r\n        await new Promise((resolve) => {\r\n          item.file((file: File) => {\r\n            resolve(\r\n              new File([file], `${path}${file.name}`, { type: file.type })\r\n            );\r\n          });\r\n        }),\r\n      ] as File[];\r\n    } else if (item.isDirectory) {\r\n      var directoryReader = item.createReader();\r\n\r\n      const entries = (await new Promise((resolve) => {\r\n        directoryReader.readEntries(resolve);\r\n      })) as any[];\r\n\r\n      var result: File[] = [];\r\n\r\n      for (let i = 0; i < entries.length; i++) {\r\n        result = result.concat(\r\n          await internalProcess(entries[i], `${path}${item.name}/`)\r\n        );\r\n      }\r\n\r\n      return result;\r\n    }\r\n\r\n    return [];\r\n  };\r\n\r\n  const files = (waitUploadFiles = await internalProcess(fileSystemEntry));\r\n\r\n  try {\r\n    unref(resourceManager).loadingManager.startLoading();\r\n\r\n    const checkResponse = await unref(resourceManager).getExistPathList(\r\n      files.map((file) => file.name)\r\n    );\r\n\r\n    if (checkResponse.data.code !== 200) {\r\n      ElMessage.error({ message: checkResponse.data.msg });\r\n      return;\r\n    }\r\n\r\n    if (checkResponse.data.data?.length === 0) {\r\n      await unref(resourceManager).uploadResourceList(files);\r\n\r\n      waitUploadFiles = [];\r\n      return;\r\n    }\r\n    existPathList.value = checkResponse.data.data ?? [];\r\n\r\n    isShowConfirmDialog.value = true;\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  } finally {\r\n    unref(resourceManager).loadingManager.completeLoading();\r\n  }\r\n};\r\n\r\nconst handleDialogOverrideClick = async () => {\r\n  try {\r\n    await unref(resourceManager).uploadResourceList(waitUploadFiles);\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  }\r\n\r\n  handleDialogCancelClick();\r\n};\r\n\r\nconst handleDialogSkipClick = async () => {\r\n  try {\r\n    const files = waitUploadFiles.filter(\r\n      (file) => !unref(existPathList).includes(file.name)\r\n    );\r\n    if (files.length) {\r\n      await unref(resourceManager).uploadResourceList(files);\r\n    }\r\n  } catch (e) {\r\n    console.log(e);\r\n    ElMessage.error(\"网络异常，上传失败\");\r\n  }\r\n\r\n  handleDialogCancelClick();\r\n};\r\n\r\nconst handleDialogCancelClick = () => {\r\n  isShowConfirmDialog.value = false;\r\n  existPathList.value = [];\r\n  waitUploadFiles = [];\r\n};\r\n\r\nonMounted(() => {\r\n  unref(resourceManager).loadResourceInfoList();\r\n});\r\n</script>\r\n"],"names":["ref","computed","unref","ElMessageBox","ElMessage","onMounted"],"mappings":"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"}

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

@@ -20,6 +20,8 @@ require("@maketribe/utils");
 require("../../../../basic/upload-file/context/web-file-upload-context.js");
 require("../../../../basic/upload-file/context/web-file-upload-context-options.js");
 require("../../../../basic/upload-file/ui/upload-image/index.js");
+require("../../../../basic/upload-file/ui/upload-file/index.js");
+require("../../../../basic/upload-file/ui/upload-video/index.js");
 require("../../../../basic/upload-file/upload-file-options.js");
 require("../../../../basic/doc-editor/index.js");
 require("../../../../basic/copy-container/index.js");

package/dist/cjs/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\";\r\nimport { columnSortProps } from \"./column-sort-options\";\r\nimport { MKSvgIcon } from \"../../../../basic\";\r\nimport { ElTooltip } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnSort\",\r\n  props: columnSortProps,\r\n  setup(props) {\r\n    return () => {\r\n      let children = null;\r\n\r\n      if (props.drag) {\r\n        children = (\r\n          <span class=\"mk-column-sort__drag\">\r\n            <MKSvgIcon iconClass=\"sort\" />\r\n          </span>\r\n        );\r\n      } else {\r\n        children = (\r\n          <span class=\"mk-column-sort__switch\">\r\n            <ElTooltip content=\"置顶\" placement=\"top\">\r\n              <MKSvgIcon iconClass=\"top\" />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"上移\" placement=\"top\">\r\n              <MKSvgIcon iconClass=\"up\" />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"下移\" placement=\"top\">\r\n              <MKSvgIcon iconClass=\"down\" />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"置底\" placement=\"top\">\r\n              <MKSvgIcon iconClass=\"bottom\" />\r\n            </ElTooltip>\r\n          </span>\r\n        );\r\n      }\r\n\r\n      return <span class=\"mk-column-sort\">{children}</span>;\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","columnSortProps","setup","children","drag","_createVNode","MKSvgIcon","ElTooltip","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAeA,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,kBAAe;AAAA,EACtBC,MAAMF,OAAO;AACX,WAAO,MAAM;AACX,UAAIG,WAAW;AAEf,UAAIH,MAAMI,MAAM;AACdD,mBAAQE,IAAA,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,IAAA,YAAAC,iBAAA;AAAA,UAAA,aAAA;AAAA,WAIP,IAAA,CAAA,CAAA;AAAA,MACH,OAAO;AACLH,mBAAQE,IAAA,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,QAeP,CAAA,CAAA,CAAA;AAAA,MACH;AAEA,aAAAD,IAAAA,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\";\r\nimport { columnSortProps } from \"./column-sort-options\";\r\nimport { MKSvgIcon } from \"../../../../basic\";\r\nimport { ElTooltip } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnSort\",\r\n  props: columnSortProps,\r\n  setup(props) {\r\n    return () => {\r\n      let children = null;\r\n\r\n      if (props.drag) {\r\n        children = (\r\n          <span class=\"mk-column-sort__drag\">\r\n            <MKSvgIcon iconClass=\"sort\" />\r\n          </span>\r\n        );\r\n      } else {\r\n        children = (\r\n          <span class=\"mk-column-sort__switch\">\r\n            <ElTooltip content=\"置顶\" placement=\"top\">\r\n              <MKSvgIcon iconClass=\"top\" />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"上移\" placement=\"top\">\r\n              <MKSvgIcon iconClass=\"up\" />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"下移\" placement=\"top\">\r\n              <MKSvgIcon iconClass=\"down\" />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"置底\" placement=\"top\">\r\n              <MKSvgIcon iconClass=\"bottom\" />\r\n            </ElTooltip>\r\n          </span>\r\n        );\r\n      }\r\n\r\n      return <span class=\"mk-column-sort\">{children}</span>;\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","columnSortProps","setup","children","drag","_createVNode","MKSvgIcon","ElTooltip","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAeA,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,kBAAe;AAAA,EACtBC,MAAMF,OAAO;AACX,WAAO,MAAM;AACX,UAAIG,WAAW;AAEf,UAAIH,MAAMI,MAAM;AACdD,mBAAQE,IAAA,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,IAAA,YAAAC,iBAAA;AAAA,UAAA,aAAA;AAAA,WAIP,IAAA,CAAA,CAAA;AAAA,MACH,OAAO;AACLH,mBAAQE,IAAA,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAAAD,GAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,QAeP,CAAA,CAAA,CAAA;AAAA,MACH;AAEA,aAAAD,IAAAA,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAqCF,QAAQ,CAAA;AAAA;EAEjD;AACF,CAAC;;"}

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

@@ -19,6 +19,8 @@ require("@maketribe/utils");
 require("../../../../../basic/upload-file/context/web-file-upload-context.js");
 require("../../../../../basic/upload-file/context/web-file-upload-context-options.js");
 require("../../../../../basic/upload-file/ui/upload-image/index.js");
+require("../../../../../basic/upload-file/ui/upload-file/index.js");
+require("../../../../../basic/upload-file/ui/upload-video/index.js");
 require("../../../../../basic/upload-file/upload-file-options.js");
 require("../../../../../basic/doc-editor/index.js");
 require("../../../../../basic/copy-container/index.js");

package/dist/cjs/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\";\r\nimport { ElDropdown, ElDropdownItem, ElDropdownMenu } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../../../basic\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKBatchOpt\",\r\n  setup(props) {\r\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)?.dataTable!;\r\n\r\n    var disallowBatchOpt = computed(\r\n      () => (dataTable?.getSelection().length ?? 0) === 0\r\n    );\r\n\r\n    const handleExport = (...args: any[]) => {\r\n      dataTable.exportData();\r\n    };\r\n\r\n    const handleBatchDelete = async () => {\r\n      const isConfirm = await Dialoger.confirm({\r\n        message: \"是否删除选中项\",\r\n        type: \"warning\",\r\n        title: \"批量删除\",\r\n      });\r\n\r\n      if (!isConfirm) {\r\n        return;\r\n      }\r\n\r\n      const response = await dataTable.batchDelete(dataTable.getSelection());\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        return;\r\n      }\r\n\r\n      dataTable.load();\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <ElDropdown\r\n          onClick={handleExport}\r\n          splitButton\r\n          v-slots={{\r\n            dropdown: () => {\r\n              return (\r\n                <ElDropdownMenu>\r\n                  <ElDropdownItem\r\n                    disabled={unref(disallowBatchOpt)}\r\n                    onClick={handleBatchDelete}\r\n                  >\r\n                    <MKSvgIcon iconClass=\"Delete\" /> 批量删除\r\n                  </ElDropdownItem>\r\n                </ElDropdownMenu>\r\n              );\r\n            },\r\n          }}\r\n        >\r\n          <MKSvgIcon iconClass=\"Download\" />\r\n        </ElDropdown>\r\n      );\r\n    };\r\n  },\r\n});\r\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,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;;AACX,UAAMC,aAAYC,SAAAA,OAAOC,MAAsB,sBAAA,MAA7BD,mBAAgCD;AAElD,QAAIG,mBAAmBC,aACrB,QAAOJ,uCAAWK,eAAeC,WAAU,OAAO,CACpD;AAEA,UAAMC,eAAeA,IAAIC,SAAgB;AACvCR,gBAAUS,WAAU;AAAA;AAGtB,UAAMC,oBAAoB,YAAY;AACpC,YAAMC,YAAY,MAAMC,GAAQ,SAACC,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,WAAAA,SAASC,MAAM;AAAA,UAAER,SAASG,SAASE,KAAKI;AAAAA,QAAI,CAAC;AAC7C;AAAA,MACF;AAEAvB,gBAAUwB,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,YAAAA,YAAA;AAAA,QAAA,WAEanB;AAAAA,QAAY,eAAA;AAAA,MAAA,GAAA;AAAA,QAAAoB,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,iBAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA,IAAA,CAAA;AAAA,QAGnBC,UAAUA,MAAM;AACd,iBAAAJ,IAAA,YAAAK,YAAA,gBAAA,MAAA;AAAA,YAAAH,SAAAA,MAAAF,CAAAA,IAAA,YAAAM,4BAAA;AAAA,cAAA,YAGgBC,IAAK,MAAC7B,gBAAgB;AAAA,cAAC,WACxBO;AAAAA,YAAiB,GAAA;AAAA,cAAAiB,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,iBAAA;AAAA,gBAAA,aAAA;AAAA,cAAA,GAAA,IAAA,GAAAK,oBAAA,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\";\r\nimport { ElDropdown, ElDropdownItem, ElDropdownMenu } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../../../basic\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKBatchOpt\",\r\n  setup(props) {\r\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)?.dataTable!;\r\n\r\n    var disallowBatchOpt = computed(\r\n      () => (dataTable?.getSelection().length ?? 0) === 0\r\n    );\r\n\r\n    const handleExport = (...args: any[]) => {\r\n      dataTable.exportData();\r\n    };\r\n\r\n    const handleBatchDelete = async () => {\r\n      const isConfirm = await Dialoger.confirm({\r\n        message: \"是否删除选中项\",\r\n        type: \"warning\",\r\n        title: \"批量删除\",\r\n      });\r\n\r\n      if (!isConfirm) {\r\n        return;\r\n      }\r\n\r\n      const response = await dataTable.batchDelete(dataTable.getSelection());\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        return;\r\n      }\r\n\r\n      dataTable.load();\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <ElDropdown\r\n          onClick={handleExport}\r\n          splitButton\r\n          v-slots={{\r\n            dropdown: () => {\r\n              return (\r\n                <ElDropdownMenu>\r\n                  <ElDropdownItem\r\n                    disabled={unref(disallowBatchOpt)}\r\n                    onClick={handleBatchDelete}\r\n                  >\r\n                    <MKSvgIcon iconClass=\"Delete\" /> 批量删除\r\n                  </ElDropdownItem>\r\n                </ElDropdownMenu>\r\n              );\r\n            },\r\n          }}\r\n        >\r\n          <MKSvgIcon iconClass=\"Download\" />\r\n        </ElDropdown>\r\n      );\r\n    };\r\n  },\r\n});\r\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,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;;AACX,UAAMC,aAAYC,SAAAA,OAAOC,MAAsB,sBAAA,MAA7BD,mBAAgCD;AAElD,QAAIG,mBAAmBC,aACrB,QAAOJ,uCAAWK,eAAeC,WAAU,OAAO,CACpD;AAEA,UAAMC,eAAeA,IAAIC,SAAgB;AACvCR,gBAAUS,WAAU;AAAA;AAGtB,UAAMC,oBAAoB,YAAY;AACpC,YAAMC,YAAY,MAAMC,GAAQ,SAACC,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,WAAAA,SAASC,MAAM;AAAA,UAAER,SAASG,SAASE,KAAKI;AAAAA,QAAI,CAAC;AAC7C;AAAA,MACF;AAEAvB,gBAAUwB,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,YAAAA,YAAA;AAAA,QAAA,WAEanB;AAAAA,QAAY,eAAA;AAAA,MAAA,GAAA;AAAA,QAAAoB,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,iBAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA,IAAA,CAAA;AAAA,QAGnBC,UAAUA,MAAM;AACd,iBAAAJ,IAAA,YAAAK,YAAA,gBAAA,MAAA;AAAA,YAAAH,SAAAA,MAAAF,CAAAA,IAAA,YAAAM,4BAAA;AAAA,cAAA,YAGgBC,IAAK,MAAC7B,gBAAgB;AAAA,cAAC,WACxBO;AAAAA,YAAiB,GAAA;AAAA,cAAAiB,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,iBAAA;AAAA,gBAAA,aAAA;AAAA,cAAA,GAAA,IAAA,GAAAK,oBAAA,OAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA;AAAA,QAMlC;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;;"}

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

@@ -23,6 +23,8 @@ require("@maketribe/utils");
 require("../../../../../basic/upload-file/context/web-file-upload-context.js");
 require("../../../../../basic/upload-file/context/web-file-upload-context-options.js");
 require("../../../../../basic/upload-file/ui/upload-image/index.js");
+require("../../../../../basic/upload-file/ui/upload-file/index.js");
+require("../../../../../basic/upload-file/ui/upload-video/index.js");
 require("../../../../../basic/upload-file/upload-file-options.js");
 require("../../../../../basic/doc-editor/index.js");
 require("../../../../../basic/copy-container/index.js");

package/dist/cjs/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\";\r\nimport { ElButton, ElInput, ElTooltip } from \"element-plus\";\r\nimport { Search } from \"@element-plus/icons-vue\";\r\nimport { debounce } from \"lodash-es\";\r\nimport { isWhereFilter } from \"@maketribe/dm\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\r\nimport { MKSvgIcon } from \"../../../../../basic\";\r\nimport { MKDataFilterDrawer } from \"../../../../data-filter-drawer\";\r\nimport { MKDataFilterForm } from \"../../../../data-filter-form\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTableFilter\",\r\n  setup() {\r\n    const search = ref(\"\");\r\n\r\n    const isShowDrawer = ref(false);\r\n\r\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\r\n\r\n    const dataTable = computed(() => dataTableContext!.dataTable);\r\n\r\n    const dataTableInitd = computed(() => unref(dataTable)?.initd ?? false);\r\n\r\n    const searchFilterColumns = computed(() =>\r\n      unref(dataTable)\r\n        .dataFilter.getColumns()\r\n        .filter((column) => column.search)\r\n    );\r\n\r\n    const searchPlaceholder = computed(\r\n      () =>\r\n        `通过${unref(searchFilterColumns)\r\n          .map((column) => column.label)\r\n          .join(\"、\")}搜索`\r\n    );\r\n\r\n    watch(\r\n      dataTable,\r\n      (dataTable, _, onCleanup) => {\r\n        onCleanup(() => {\r\n          const dataFilter = dataTable.dataFilter;\r\n          if (isWhereFilter(dataFilter)) {\r\n            dataFilter.getSearchGroup().clear();\r\n          }\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const handleSearch = () => {\r\n      debounceSearch.cancel();\r\n\r\n      const dataFilter = unref(dataTable).dataFilter;\r\n      if (isWhereFilter(dataFilter)) {\r\n        const searchGroup = dataFilter.getSearchGroup();\r\n        searchGroup.clear();\r\n\r\n        const searchValue = unref(search);\r\n\r\n        for (const searchFilterColumn of unref(searchFilterColumns)) {\r\n          searchGroup.addOrCondition(\r\n            searchFilterColumn.name,\r\n            \"like\",\r\n            `%${searchValue}%`\r\n          );\r\n        }\r\n      }\r\n\r\n      unref(dataTable).load();\r\n    };\r\n\r\n    const debounceSearch = debounce(handleSearch, 1000);\r\n\r\n    const handleSearchKeydown = (event: KeyboardEvent) => {\r\n      if (event.key === \"Enter\") {\r\n        handleSearch();\r\n      }\r\n    };\r\n\r\n    const handleSearchFocus = (event: FocusEvent) => {\r\n      const target = event.target as HTMLInputElement;\r\n\r\n      target.addEventListener(\"input\", debounceSearch);\r\n    };\r\n\r\n    const handleSearchBlur = (event: any) => {\r\n      const target = event.target as HTMLInputElement;\r\n\r\n      target.removeEventListener(\"input\", debounceSearch);\r\n    };\r\n\r\n    const handleShowDrawer = () => {\r\n      isShowDrawer.value = true;\r\n    };\r\n\r\n    return () => {\r\n      if (!unref(dataTableInitd)) {\r\n        return null;\r\n      }\r\n\r\n      const _dataTable = unref(dataTable);\r\n\r\n      if (_dataTable.dataFilter.getColumns().length === 0) {\r\n        return null;\r\n      }\r\n\r\n      let searchInputVNode = null;\r\n\r\n      if (unref(searchFilterColumns).length) {\r\n        searchInputVNode = (\r\n          <ElTooltip content={unref(searchPlaceholder)} effect=\"dark\" placement=\"top\">\r\n            <ElInput\r\n              prefixIcon={Search}\r\n              class=\"mk-table-filter__search\"\r\n              modelValue={unref(search)}\r\n              onUpdate:modelValue={(v) => (search.value = v)}\r\n              onKeydown={handleSearchKeydown as any}\r\n              placeholder={unref(searchPlaceholder)}\r\n              onFocus={handleSearchFocus}\r\n              onBlur={handleSearchBlur}\r\n              onClear={handleSearch}\r\n              clearable\r\n            />\r\n          </ElTooltip>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <div class=\"mk-table-filter\">\r\n          {searchInputVNode}\r\n          <ElTooltip content=\"筛选\" effect=\"dark\" placement=\"top\">\r\n            <ElButton onClick={handleShowDrawer}>\r\n              <MKSvgIcon iconClass=\"Filter\" />\r\n            </ElButton>\r\n          </ElTooltip>\r\n\r\n          <MKDataFilterDrawer\r\n            visible={unref(isShowDrawer)}\r\n            onUpdate:visible={(v) => (isShowDrawer.value = v)}\r\n            dataTable={_dataTable}\r\n          />\r\n\r\n          <div class=\"mk-table-filter__hidden\">\r\n            <MKDataFilterForm dataTable={_dataTable} />\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","setup","search","ref","isShowDrawer","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTable","computed","dataTableInitd","unref","initd","searchFilterColumns","dataFilter","getColumns","filter","column","searchPlaceholder","map","label","join","watch","_","onCleanup","isWhereFilter","getSearchGroup","clear","immediate","handleSearch","debounceSearch","cancel","searchGroup","searchValue","searchFilterColumn","addOrCondition","load","debounce","handleSearchKeydown","event","key","handleSearchFocus","target","addEventListener","handleSearchBlur","removeEventListener","handleShowDrawer","value","_dataTable","length","searchInputVNode","_createVNode","ElTooltip","default","ElInput","Search","v","ElButton","MKSvgIcon","MKDataFilterDrawer","MKDataFilterForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,SAASC,QAAI,EAAE;AAErB,UAAMC,eAAeD,QAAI,KAAK;AAE9B,UAAME,mBAAmBC,WAAOC,MAAAA,sBAAsB;AAEtD,UAAMC,YAAYC,IAAQ,SAAC,MAAMJ,iBAAkBG,SAAS;AAE5D,UAAME,iBAAiBD,IAAAA,SAAS,MAAME;;AAAAA,wBAAAA,MAAMH,SAAS,MAAfG,mBAAkBC,UAAS;AAAA,KAAK;AAEtE,UAAMC,sBAAsBJ,IAAQ,SAAC,MACnCE,IAAK,MAACH,SAAS,EACZM,WAAWC,WAAU,EACrBC,OAAQC,YAAWA,OAAOf,MAAM,CACrC;AAEA,UAAMgB,oBAAoBT,IAAAA,SACxB,MACE,KAAKE,IAAAA,MAAME,mBAAmB,EAC3BM,IAAKF,YAAWA,OAAOG,KAAK,EAC5BC,KAAK,GAAG,CAAC,IAChB;AAEAC,QAAAA,MACEd,WACA,CAACA,YAAWe,GAAGC,cAAc;AAC3BA,gBAAU,MAAM;AACd,cAAMV,aAAaN,WAAUM;AAC7B,YAAIW,GAAAA,cAAcX,UAAU,GAAG;AAC7BA,qBAAWY,iBAAiBC;QAC9B;AAAA,MACF,CAAC;AAAA,IACH,GACA;AAAA,MAAEC,WAAW;AAAA,IAAK,CACpB;AAEA,UAAMC,eAAeA,MAAM;AACzBC,qBAAeC,OAAM;AAErB,YAAMjB,aAAaH,IAAAA,MAAMH,SAAS,EAAEM;AACpC,UAAIW,GAAAA,cAAcX,UAAU,GAAG;AAC7B,cAAMkB,cAAclB,WAAWY;AAC/BM,oBAAYL,MAAK;AAEjB,cAAMM,cAActB,UAAMT,MAAM;AAEhC,mBAAWgC,sBAAsBvB,UAAME,mBAAmB,GAAG;AAC3DmB,sBAAYG,eACVD,mBAAmBlC,MACnB,QACA,IAAIiC,WAAW,GACjB;AAAA,QACF;AAAA,MACF;AAEAtB,gBAAMH,SAAS,EAAE4B;;AAGnB,UAAMN,iBAAiBO,SAAAA,SAASR,cAAc,GAAI;AAElD,UAAMS,sBAAuBC,WAAyB;AACpD,UAAIA,MAAMC,QAAQ,SAAS;AACzBX;MACF;AAAA;AAGF,UAAMY,oBAAqBF,WAAsB;AAC/C,YAAMG,SAASH,MAAMG;AAErBA,aAAOC,iBAAiB,SAASb,cAAc;AAAA;AAGjD,UAAMc,mBAAoBL,WAAe;AACvC,YAAMG,SAASH,MAAMG;AAErBA,aAAOG,oBAAoB,SAASf,cAAc;AAAA;AAGpD,UAAMgB,mBAAmBA,MAAM;AAC7B1C,mBAAa2C,QAAQ;AAAA;AAGvB,WAAO,MAAM;AACX,UAAI,CAACpC,IAAAA,MAAMD,cAAc,GAAG;AAC1B,eAAO;AAAA,MACT;AAEA,YAAMsC,aAAarC,UAAMH,SAAS;AAElC,UAAIwC,WAAWlC,WAAWC,WAAU,EAAGkC,WAAW,GAAG;AACnD,eAAO;AAAA,MACT;AAEA,UAAIC,mBAAmB;AAEvB,UAAIvC,IAAK,MAACE,mBAAmB,EAAEoC,QAAQ;AACrCC,2BAAgBC,IAAA,YAAAC,uBAAA;AAAA,UAAA,WACMzC,IAAK,MAACO,iBAAiB;AAAA,UAAC,UAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAmC,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,qBAAA;AAAA,YAAA,cAE5BC,QAAM;AAAA,YAAA,SAAA;AAAA,YAAA,cAEN5C,IAAK,MAACT,MAAM;AAAA,YAAC,uBACHsD,OAAOtD,OAAO6C,QAAQS;AAAAA,YAAE,aACnClB;AAAAA,YAAmB,eACjB3B,IAAK,MAACO,iBAAiB;AAAA,YAAC,WAC5BuB;AAAAA,YAAiB,UAClBG;AAAAA,YAAgB,WACff;AAAAA,YAAY,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,SAI1B;AAAA,MACH;AAEA,aAAAsB,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAEKD,kBAAgBC,IAAA,YAAAC,uBAAA;AAAA,QAAA,WAAA;AAAA,QAAA,UAAA;AAAA,QAAA,aAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,IAAA,YAAAM,sBAAA;AAAA,UAAA,WAEIX;AAAAA,QAAgB,GAAA;AAAA,UAAAO,SAAAA,MAAAF,CAAAA,IAAA,YAAAO,iBAAA;AAAA,YAAA,aAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,OAAAP,GAAAA,IAAA,YAAAQ,4BAAA;AAAA,QAAA,WAM1BhD,IAAK,MAACP,YAAY;AAAA,QAAC,oBACToD,OAAOpD,aAAa2C,QAAQS;AAAAA,QAAE,aACtCR;AAAAA,MAAU,GAAA,IAAA,GAAAG,IAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,IAAA,YAAAS,0BAAA;AAAA,QAAA,aAIQZ;AAAAA,MAAU,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA;EAKjD;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\";\r\nimport { ElButton, ElInput, ElTooltip } from \"element-plus\";\r\nimport { Search } from \"@element-plus/icons-vue\";\r\nimport { debounce } from \"lodash-es\";\r\nimport { isWhereFilter } from \"@maketribe/dm\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\r\nimport { MKSvgIcon } from \"../../../../../basic\";\r\nimport { MKDataFilterDrawer } from \"../../../../data-filter-drawer\";\r\nimport { MKDataFilterForm } from \"../../../../data-filter-form\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKTableFilter\",\r\n  setup() {\r\n    const search = ref(\"\");\r\n\r\n    const isShowDrawer = ref(false);\r\n\r\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\r\n\r\n    const dataTable = computed(() => dataTableContext!.dataTable);\r\n\r\n    const dataTableInitd = computed(() => unref(dataTable)?.initd ?? false);\r\n\r\n    const searchFilterColumns = computed(() =>\r\n      unref(dataTable)\r\n        .dataFilter.getColumns()\r\n        .filter((column) => column.search)\r\n    );\r\n\r\n    const searchPlaceholder = computed(\r\n      () =>\r\n        `通过${unref(searchFilterColumns)\r\n          .map((column) => column.label)\r\n          .join(\"、\")}搜索`\r\n    );\r\n\r\n    watch(\r\n      dataTable,\r\n      (dataTable, _, onCleanup) => {\r\n        onCleanup(() => {\r\n          const dataFilter = dataTable.dataFilter;\r\n          if (isWhereFilter(dataFilter)) {\r\n            dataFilter.getSearchGroup().clear();\r\n          }\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const handleSearch = () => {\r\n      debounceSearch.cancel();\r\n\r\n      const dataFilter = unref(dataTable).dataFilter;\r\n      if (isWhereFilter(dataFilter)) {\r\n        const searchGroup = dataFilter.getSearchGroup();\r\n        searchGroup.clear();\r\n\r\n        const searchValue = unref(search);\r\n\r\n        for (const searchFilterColumn of unref(searchFilterColumns)) {\r\n          searchGroup.addOrCondition(\r\n            searchFilterColumn.name,\r\n            \"like\",\r\n            `%${searchValue}%`\r\n          );\r\n        }\r\n      }\r\n\r\n      unref(dataTable).load();\r\n    };\r\n\r\n    const debounceSearch = debounce(handleSearch, 1000);\r\n\r\n    const handleSearchKeydown = (event: KeyboardEvent) => {\r\n      if (event.key === \"Enter\") {\r\n        handleSearch();\r\n      }\r\n    };\r\n\r\n    const handleSearchFocus = (event: FocusEvent) => {\r\n      const target = event.target as HTMLInputElement;\r\n\r\n      target.addEventListener(\"input\", debounceSearch);\r\n    };\r\n\r\n    const handleSearchBlur = (event: any) => {\r\n      const target = event.target as HTMLInputElement;\r\n\r\n      target.removeEventListener(\"input\", debounceSearch);\r\n    };\r\n\r\n    const handleShowDrawer = () => {\r\n      isShowDrawer.value = true;\r\n    };\r\n\r\n    return () => {\r\n      if (!unref(dataTableInitd)) {\r\n        return null;\r\n      }\r\n\r\n      const _dataTable = unref(dataTable);\r\n\r\n      if (_dataTable.dataFilter.getColumns().length === 0) {\r\n        return null;\r\n      }\r\n\r\n      let searchInputVNode = null;\r\n\r\n      if (unref(searchFilterColumns).length) {\r\n        searchInputVNode = (\r\n          <ElTooltip content={unref(searchPlaceholder)} effect=\"dark\" placement=\"top\">\r\n            <ElInput\r\n              prefixIcon={Search}\r\n              class=\"mk-table-filter__search\"\r\n              modelValue={unref(search)}\r\n              onUpdate:modelValue={(v) => (search.value = v)}\r\n              onKeydown={handleSearchKeydown as any}\r\n              placeholder={unref(searchPlaceholder)}\r\n              onFocus={handleSearchFocus}\r\n              onBlur={handleSearchBlur}\r\n              onClear={handleSearch}\r\n              clearable\r\n            />\r\n          </ElTooltip>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <div class=\"mk-table-filter\">\r\n          {searchInputVNode}\r\n          <ElTooltip content=\"筛选\" effect=\"dark\" placement=\"top\">\r\n            <ElButton onClick={handleShowDrawer}>\r\n              <MKSvgIcon iconClass=\"Filter\" />\r\n            </ElButton>\r\n          </ElTooltip>\r\n\r\n          <MKDataFilterDrawer\r\n            visible={unref(isShowDrawer)}\r\n            onUpdate:visible={(v) => (isShowDrawer.value = v)}\r\n            dataTable={_dataTable}\r\n          />\r\n\r\n          <div class=\"mk-table-filter__hidden\">\r\n            <MKDataFilterForm dataTable={_dataTable} />\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","setup","search","ref","isShowDrawer","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","dataTable","computed","dataTableInitd","unref","initd","searchFilterColumns","dataFilter","getColumns","filter","column","searchPlaceholder","map","label","join","watch","_","onCleanup","isWhereFilter","getSearchGroup","clear","immediate","handleSearch","debounceSearch","cancel","searchGroup","searchValue","searchFilterColumn","addOrCondition","load","debounce","handleSearchKeydown","event","key","handleSearchFocus","target","addEventListener","handleSearchBlur","removeEventListener","handleShowDrawer","value","_dataTable","length","searchInputVNode","_createVNode","ElTooltip","default","ElInput","Search","v","ElButton","MKSvgIcon","MKDataFilterDrawer","MKDataFilterForm"],"mappings":"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"}

package/dist/cjs/core/component/DataFormComponents.js

@@ -52,6 +52,20 @@ class DataFormComponents extends dm.Components {
         async () => (await Promise.resolve().then(() => require("../../components/basic/upload-file/index.js"))).MKUploadImage
       )
     });
+    this.registerComponent({
+      name: "MKFormFileUpload",
+      title: "文件上传",
+      component: vue.defineAsyncComponent(
+        async () => (await Promise.resolve().then(() => require("../../components/basic/upload-file/index.js"))).MKUploadFileUi
+      )
+    });
+    this.registerComponent({
+      name: "MKFormVideoUpload",
+      title: "视频选择",
+      component: vue.defineAsyncComponent(
+        async () => (await Promise.resolve().then(() => require("../../components/basic/upload-file/index.js"))).MKUploadVideo
+      )
+    });
     this.registerComponent({
       name: "MKFormDataTableSelect",
       title: "数据表选择",