giime 0.6.0-dev.1 → 0.6.0-dev.10

package/lib/components/src/composite/uploadFile/UploadFile.vue2.js

@@ -10,9 +10,8 @@ var index = require('../fileComponent/index.js');
 var index$1 = require('../previewFile/index.js');
 var uploadFile = require('./uploadFile.js');
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-80cd8f61"), n = n(), vue.popScopeId(), n);
-const _hoisted_1 = { class: "el-upload-file" };
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
+const _withScopeId = (n) => (vue.pushScopeId("data-v-0c250aad"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
   "div",
   { class: "el-upload__text gm-text-center !gm-text-xs gm-text-gray-500" },
   [
@@ -22,9 +21,9 @@ const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.create
   -1
   /* HOISTED */
 ));
-const _hoisted_3 = { class: "el-upload-list__item-actions" };
+const _hoisted_2 = { class: "el-upload-list__item-actions" };
+const _hoisted_3 = ["onClick"];
 const _hoisted_4 = ["onClick"];
-const _hoisted_5 = ["onClick"];
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "GmUploadFile"
@@ -69,10 +68,17 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         parallel: props.parallel,
         options: props.options,
         bucket: props.bucket,
-        saveStore: props.saveStore
+        saveStore: props.saveStore,
+        cdn: props.cdn
       });
       return res;
     };
+    const beforeRemove = (file, files) => {
+      if (props.disabled) {
+        return false;
+      }
+      return props.beforeRemove ? props.beforeRemove(file, files) : true;
+    };
     const handleRemove = (file) => {
       elementPlus.ElMessageBox.confirm("\u786E\u5B9A\u5220\u9664\u8BE5\u6587\u4EF6\u5417\uFF1F", "\u63D0\u793A", {
         confirmButtonText: "\u786E\u5B9A",
@@ -114,127 +120,148 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_button = vue.resolveComponent("el-button");
       const _component_el_checkbox = vue.resolveComponent("el-checkbox");
       const _component_el_upload = vue.resolveComponent("el-upload");
       const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(_component_el_checkbox_group, {
-          modelValue: checkoutFiles.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => checkoutFiles.value = $event),
-          onChange: handleCheckedChange
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_upload, vue.mergeProps({
-              ref_key: "uploadFileRef",
-              ref: uploadFileRef
-            }, props, {
-              "file-list": fileList.value,
-              "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => fileList.value = $event),
-              action: "",
-              "http-request": httpRequest
-            }), vue.createSlots({
-              default: vue.withCtx(() => [
-                !_ctx.disabled ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
-                  vue.createElementVNode(
-                    "div",
-                    {
-                      class: "gm-flex gm-flex-col gm-items-center gm-justify-center gm-rounded-md gm-p-1",
-                      style: vue.normalizeStyle([{ "flex-direction": "column" }, { width: _ctx.width + "px", height: _ctx.height + "px" }])
-                    },
-                    [
-                      vue.createVNode(_component_el_icon, {
-                        size: 30,
-                        color: "#999"
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(iconsVue.UploadFilled))
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      }),
-                      _hoisted_2
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ], true) : vue.createCommentVNode("v-if", true)
-              ]),
-              _: 2
-              /* DYNAMIC */
-            }, [
-              _ctx.showFileList && _ctx.listType === "picture-card" ? {
-                name: "file",
-                fn: vue.withCtx(({ file }) => [
-                  _ctx.checkbox ? (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
-                    key: 0,
-                    value: file
-                  }, null, 8, ["value"])) : vue.createCommentVNode("v-if", true),
-                  vue.renderSlot(_ctx.$slots, "file", { file }, () => [
-                    vue.createElementVNode(
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass([{ "gm-upload-file-picture-card": _ctx.listType === "picture-card", "gm-upload-file-disabled": _ctx.disabled }, "gm-upload-file"])
+        },
+        [
+          vue.createVNode(_component_el_checkbox_group, {
+            modelValue: checkoutFiles.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => checkoutFiles.value = $event),
+            onChange: handleCheckedChange
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_upload, vue.mergeProps({
+                ref_key: "uploadFileRef",
+                ref: uploadFileRef
+              }, props, {
+                "file-list": fileList.value,
+                "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => fileList.value = $event),
+                "before-remove": beforeRemove,
+                action: "",
+                "http-request": httpRequest
+              }), vue.createSlots({
+                default: vue.withCtx(() => [
+                  !_ctx.disabled ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
+                    _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock(
                       "div",
                       {
-                        class: "gm-flex gm-items-center gm-justify-center gm-rounded-md",
-                        style: vue.normalizeStyle({ width: _ctx.width + "px", height: _ctx.height + "px" })
+                        key: 0,
+                        class: "gm-flex gm-flex-col gm-items-center gm-justify-center gm-rounded-md gm-p-1",
+                        style: vue.normalizeStyle([{ "flex-direction": "column" }, { width: _ctx.width + "px", height: _ctx.height + "px" }])
                       },
                       [
-                        vue.createVNode(vue.unref(index.GmFileComponent), {
-                          file,
-                          size: _ctx.width - 40,
-                          url: _ctx.url,
-                          controls: false
-                        }, null, 8, ["file", "size", "url"])
-                      ],
-                      4
-                      /* STYLE */
-                    ),
-                    vue.createElementVNode("div", _hoisted_3, [
-                      vue.createElementVNode("span", {
-                        class: "el-upload-list__item-preview",
-                        onClick: ($event) => handlePreview(file)
-                      }, [
-                        vue.createVNode(_component_el_icon, null, {
+                        vue.createVNode(_component_el_icon, {
+                          size: 30,
+                          color: "#999"
+                        }, {
                           default: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(iconsVue.View))
+                            vue.createVNode(vue.unref(iconsVue.UploadFilled))
                           ]),
                           _: 1
                           /* STABLE */
-                        })
-                      ], 8, _hoisted_4),
-                      _ctx.showDelete ? (vue.openBlock(), vue.createElementBlock("span", {
-                        key: 0,
-                        class: "el-upload-list__item-delete",
-                        onClick: ($event) => handleRemove(file)
-                      }, [
-                        vue.createVNode(_component_el_icon, null, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(iconsVue.Delete))
-                          ]),
-                          _: 1
-                          /* STABLE */
-                        })
-                      ], 8, _hoisted_5)) : vue.createCommentVNode("v-if", true)
-                    ])
-                  ], true)
+                        }),
+                        _hoisted_1
+                      ],
+                      4
+                      /* STYLE */
+                    )) : (vue.openBlock(), vue.createBlock(_component_el_button, {
+                      key: 1,
+                      type: "primary",
+                      size: "default"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("\u70B9\u51FB\u4E0A\u4F20")
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }))
+                  ], true) : vue.createCommentVNode("v-if", true)
                 ]),
-                key: "0"
-              } : void 0
-            ]), 1040, ["file-list"])
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["modelValue"]),
-        vue.createVNode(vue.unref(index$1.GmPreviewFile), {
-          dialogVisible: dialogVisible.value,
-          "onUpdate:dialogVisible": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
-          "file-index": fileIndex.value,
-          "onUpdate:fileIndex": _cache[3] || (_cache[3] = ($event) => fileIndex.value = $event),
-          "file-list": fileList.value,
-          controls: _ctx.controls,
-          oncontextmenu: _ctx.oncontextmenu,
-          controlslist: _ctx.controlslist,
-          field: _ctx.field
-        }, null, 8, ["dialogVisible", "file-index", "file-list", "controls", "oncontextmenu", "controlslist", "field"])
-      ]);
+                _: 2
+                /* DYNAMIC */
+              }, [
+                _ctx.showFileList && _ctx.listType === "picture-card" ? {
+                  name: "file",
+                  fn: vue.withCtx(({ file }) => [
+                    _ctx.checkbox ? (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
+                      key: 0,
+                      value: file
+                    }, null, 8, ["value"])) : vue.createCommentVNode("v-if", true),
+                    vue.renderSlot(_ctx.$slots, "file", { file }, () => [
+                      vue.createElementVNode(
+                        "div",
+                        {
+                          class: "gm-flex gm-items-center gm-justify-center gm-rounded-md",
+                          style: vue.normalizeStyle({ width: _ctx.width + "px", height: _ctx.height + "px" })
+                        },
+                        [
+                          vue.createVNode(vue.unref(index.GmFileComponent), {
+                            file,
+                            size: _ctx.width - 40,
+                            url: _ctx.url,
+                            controls: false
+                          }, null, 8, ["file", "size", "url"])
+                        ],
+                        4
+                        /* STYLE */
+                      ),
+                      vue.createElementVNode("div", _hoisted_2, [
+                        vue.createElementVNode("span", {
+                          class: "el-upload-list__item-preview",
+                          onClick: ($event) => handlePreview(file)
+                        }, [
+                          vue.createVNode(_component_el_icon, null, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(iconsVue.View))
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ], 8, _hoisted_3),
+                        _ctx.showDelete ? (vue.openBlock(), vue.createElementBlock("span", {
+                          key: 0,
+                          class: "el-upload-list__item-delete",
+                          onClick: ($event) => handleRemove(file)
+                        }, [
+                          vue.createVNode(_component_el_icon, null, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(iconsVue.Delete))
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ], 8, _hoisted_4)) : vue.createCommentVNode("v-if", true)
+                      ])
+                    ], true)
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1040, ["file-list"])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["modelValue"]),
+          vue.createVNode(vue.unref(index$1.GmPreviewFile), {
+            dialogVisible: dialogVisible.value,
+            "onUpdate:dialogVisible": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
+            "file-index": fileIndex.value,
+            "onUpdate:fileIndex": _cache[3] || (_cache[3] = ($event) => fileIndex.value = $event),
+            "file-list": fileList.value,
+            controls: _ctx.controls,
+            oncontextmenu: _ctx.oncontextmenu,
+            controlslist: _ctx.controlslist,
+            field: _ctx.field
+          }, null, 8, ["dialogVisible", "file-index", "file-list", "controls", "oncontextmenu", "controlslist", "field"])
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });

package/lib/components/src/composite/uploadFile/UploadFile.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadFile.vue2.js","sources":["../../../../../../../packages/components/src/composite/uploadFile/UploadFile.vue"],"sourcesContent":["<template>\r\n  <div class=\"el-upload-file\">\r\n    <el-checkbox-group v-model=\"checkoutFiles\" @change=\"handleCheckedChange\">\r\n      <el-upload ref=\"uploadFileRef\" v-bind=\"props\" v-model:file-list=\"fileList\" action=\"\" :http-request=\"httpRequest\">\r\n        <slot v-if=\"!disabled\">\r\n          <div\r\n            class=\"gm-flex gm-flex-col gm-items-center gm-justify-center gm-rounded-md gm-p-1\"\r\n            style=\"flex-direction: column\"\r\n            :style=\"{ width: width + 'px', height: height + 'px' }\"\r\n          >\r\n            <el-icon :size=\"30\" color=\"#999\">\r\n              <UploadFilled />\r\n            </el-icon>\r\n            <div class=\"el-upload__text gm-text-center !gm-text-xs gm-text-gray-500\">\r\n              将文件拖到此处，或 <em class=\"gm-text-blue-700\">点击上传</em>\r\n            </div>\r\n          </div>\r\n        </slot>\r\n        <template v-if=\"showFileList && listType === 'picture-card'\" #file=\"{ file }\">\r\n          <el-checkbox v-if=\"checkbox\" :value=\"file\" />\r\n          <slot name=\"file\" :file=\"file\">\r\n            <div class=\"gm-flex gm-items-center gm-justify-center gm-rounded-md\" :style=\"{ width: width + 'px', height: height + 'px' }\">\r\n              <GmFileComponent :file=\"file\" :size=\"width - 40\" :url=\"url\" :controls=\"false\" />\r\n            </div>\r\n            <div class=\"el-upload-list__item-actions\">\r\n              <span class=\"el-upload-list__item-preview\" @click=\"handlePreview(file)\">\r\n                <el-icon><View /></el-icon>\r\n              </span>\r\n              <span v-if=\"showDelete\" class=\"el-upload-list__item-delete\" @click=\"handleRemove(file)\">\r\n                <el-icon><Delete /></el-icon>\r\n              </span>\r\n            </div>\r\n          </slot>\r\n        </template>\r\n      </el-upload>\r\n    </el-checkbox-group>\r\n\r\n    <GmPreviewFile\r\n      v-model:dialogVisible=\"dialogVisible\"\r\n      v-model:file-index=\"fileIndex\"\r\n      :file-list=\"fileList\"\r\n      :controls=\"controls\"\r\n      :oncontextmenu=\"oncontextmenu\"\r\n      :controlslist=\"controlslist\"\r\n      :field=\"field\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref } from 'vue';\r\nimport { ElMessageBox } from 'element-plus';\r\nimport { useAliossHookStore } from '@giime/utils/src/alioss/aliossPutHook';\r\nimport { Delete, UploadFilled, View } from '@element-plus/icons-vue';\r\nimport GmFileComponent from '../fileComponent';\r\nimport GmPreviewFile from '../previewFile';\r\nimport { uploadFileProps } from './uploadFile';\r\nimport type { CheckboxValueType, UploadFile, UploadFiles, UploadInstance, UploadRawFile, UploadRequestOptions, UploadStatus } from 'element-plus';\r\nimport type { PostSaveFileResponse } from '@giime/utils/src/alioss/aliossPutHook';\r\n\r\ndefineOptions({\r\n  name: 'GmUploadFile',\r\n});\r\n\r\nconst props = defineProps(uploadFileProps);\r\nconst emit = defineEmits([\"handleRemove\", \"handleSaveFileSuccess\"]);\r\n\r\nconst { uploadFile, saveFileResult } = useAliossHookStore();\r\n\r\nsaveFileResult((res: any) => {\r\n  const { url, md5_code, file_size } = res;\r\n  emit('handleSaveFileSuccess', { url, md5_code, file_size });\r\n});\r\n\r\n/** 上传文件 */\r\nconst fileList = defineModel<UploadFiles>('fileList', { default: [] });\r\n/** 多选数据 */\r\nconst checkoutFiles = defineModel<any[]>('checkoutFiles', { default: [] });\r\n/** 多选状态状态 */\r\nconst isIndeterminate = defineModel<boolean>('isIndeterminate', { default: false });\r\n/** 是否全选 */\r\nconst checkedAll = defineModel<boolean>('checkedAll', { default: false });\r\nconst handleCheckedChange = (value: CheckboxValueType[]) => {\r\n  const { length } = value;\r\n  checkedAll.value = length === fileList.value.length;\r\n  isIndeterminate.value = length > 0 && length < fileList.value.length;\r\n};\r\n\r\n/* 上传 */\r\nconst httpRequest = async (params: UploadRequestOptions) => {\r\n  const { file } = params;\r\n  const res = await uploadFile({\r\n    file,\r\n    fileName: props.fileName,\r\n    folder: props.folder,\r\n    seat: props.seat,\r\n    partSize: props.partSize,\r\n    parallel: props.parallel,\r\n    options: props.options,\r\n    bucket: props.bucket,\r\n    saveStore: props.saveStore,\r\n  });\r\n  return res;\r\n};\r\n\r\n/* 删除文件 */\r\nconst handleRemove = (file: UploadFile) => {\r\n  ElMessageBox.confirm('确定删除该文件吗？', '提示', {\r\n    confirmButtonText: '确定',\r\n    cancelButtonText: '取消',\r\n    type: 'warning',\r\n  })\r\n    .then(() => {\r\n      const index = fileList.value.indexOf(file);\r\n      fileList.value = fileList.value.filter((v, i) => v.url !== file.url || (v.url === file.url && i !== index));\r\n      emit('handleRemove', { file, index });\r\n      return props.onRemove(file, fileList.value);\r\n    })\r\n    .catch(() => {});\r\n};\r\n\r\nconst uploadFileRef = ref<UploadInstance>();\r\n/* 手动上传 */\r\nconst submit = () => {\r\n  uploadFileRef.value!.submit();\r\n};\r\n\r\n/** 取消上传 */\r\nconst abort = (file: UploadFile) => {\r\n  uploadFileRef.value!.abort(file);\r\n};\r\n\r\n/** 清空已上传的文件列表 */\r\nconst clearFiles = (status?: UploadStatus[]) => {\r\n  uploadFileRef.value!.clearFiles(status);\r\n};\r\n\r\n/** 手动选择文件 */\r\nconst handleStart = (rawFile: UploadRawFile) => {\r\n  uploadFileRef.value!.handleStart(rawFile);\r\n};\r\n\r\n/** 预览 */\r\nconst dialogVisible = ref(false);\r\nconst fileIndex = ref(0);\r\nconst handlePreview = (file: UploadFile) => {\r\n  fileIndex.value = fileList.value.indexOf(file);\r\n  dialogVisible.value = true;\r\n};\r\n\r\ndefineExpose({\r\n  submit,\r\n  abort,\r\n  clearFiles,\r\n  handleStart,\r\n  uploadFileRef,\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.gm-upload-preview-dialog {\r\n  :deep(.el-dialog__body) {\r\n    padding: 0;\r\n  }\r\n}\r\n:deep(.el-upload-list__item),\r\n:deep(.el-upload--picture-card) {\r\n  width: 120px;\r\n  height: 120px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n.el-upload-file {\r\n  line-height: normal;\r\n  .el-checkbox {\r\n    position: absolute;\r\n    left: 10px;\r\n    top: 0;\r\n    z-index: 9;\r\n  }\r\n  .el-upload-list__item-file-name {\r\n    line-height: normal;\r\n  }\r\n}\r\n</style>\r\n"],"names":["useAliossHookStore","_useModel","ElMessageBox","ref"],"mappings":"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"}
+{"version":3,"file":"UploadFile.vue2.js","sources":["../../../../../../../packages/components/src/composite/uploadFile/UploadFile.vue"],"sourcesContent":["<template>\n  <div :class=\"{ 'gm-upload-file-picture-card': listType === 'picture-card', 'gm-upload-file-disabled': disabled }\" class=\"gm-upload-file\">\n    <el-checkbox-group v-model=\"checkoutFiles\" @change=\"handleCheckedChange\">\n      <el-upload ref=\"uploadFileRef\" v-bind=\"props\" v-model:file-list=\"fileList\" :before-remove=\"beforeRemove\" action=\"\" :http-request=\"httpRequest\">\n        <slot v-if=\"!disabled\">\n          <template v-if=\"listType === 'picture-card'\">\n            <div\n              class=\"gm-flex gm-flex-col gm-items-center gm-justify-center gm-rounded-md gm-p-1\"\n              style=\"flex-direction: column\"\n              :style=\"{ width: width + 'px', height: height + 'px' }\"\n            >\n              <el-icon :size=\"30\" color=\"#999\">\n                <UploadFilled />\n              </el-icon>\n              <div class=\"el-upload__text gm-text-center !gm-text-xs gm-text-gray-500\">\n                将文件拖到此处，或 <em class=\"gm-text-blue-700\">点击上传</em>\n              </div>\n            </div>\n          </template>\n          <template v-else>\n            <el-button type=\"primary\" size=\"default\">点击上传</el-button>\n          </template>\n        </slot>\n        <template v-if=\"showFileList && listType === 'picture-card'\" #file=\"{ file }\">\n          <el-checkbox v-if=\"checkbox\" :value=\"file\" />\n          <slot name=\"file\" :file=\"file\">\n            <div class=\"gm-flex gm-items-center gm-justify-center gm-rounded-md\" :style=\"{ width: width + 'px', height: height + 'px' }\">\n              <GmFileComponent :file=\"file\" :size=\"width - 40\" :url=\"url\" :controls=\"false\" />\n            </div>\n            <div class=\"el-upload-list__item-actions\">\n              <span class=\"el-upload-list__item-preview\" @click=\"handlePreview(file)\">\n                <el-icon><View /></el-icon>\n              </span>\n              <span v-if=\"showDelete\" class=\"el-upload-list__item-delete\" @click=\"handleRemove(file)\">\n                <el-icon><Delete /></el-icon>\n              </span>\n            </div>\n          </slot>\n        </template>\n      </el-upload>\n    </el-checkbox-group>\n\n    <GmPreviewFile\n      v-model:dialogVisible=\"dialogVisible\"\n      v-model:file-index=\"fileIndex\"\n      :file-list=\"fileList\"\n      :controls=\"controls\"\n      :oncontextmenu=\"oncontextmenu\"\n      :controlslist=\"controlslist\"\n      :field=\"field\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { ElMessageBox } from 'element-plus';\nimport { useAliossHookStore } from '@giime/utils/src/alioss/aliossPutHook';\nimport { Delete, UploadFilled, View } from '@element-plus/icons-vue';\nimport GmFileComponent from '../fileComponent';\nimport GmPreviewFile from '../previewFile';\nimport { uploadFileProps } from './uploadFile';\nimport type { CheckboxValueType, UploadFile, UploadFiles, UploadInstance, UploadRawFile, UploadRequestOptions, UploadStatus } from 'element-plus';\nimport type { PostSaveFileResponse } from '@giime/utils/src/alioss/aliossPutHook';\n\ndefineOptions({\n  name: 'GmUploadFile',\n});\n\nconst props = defineProps(uploadFileProps);\nconst emit = defineEmits([\"handleRemove\", \"handleSaveFileSuccess\"]);\n\nconst { uploadFile, saveFileResult } = useAliossHookStore();\n\nsaveFileResult((res: any) => {\n  const { url, md5_code, file_size } = res;\n  emit('handleSaveFileSuccess', { url, md5_code, file_size });\n});\n\n/** 上传文件 */\nconst fileList = defineModel<UploadFiles>('fileList', { default: [] });\n/** 多选数据 */\nconst checkoutFiles = defineModel<any[]>('checkoutFiles', { default: [] });\n/** 多选状态状态 */\nconst isIndeterminate = defineModel<boolean>('isIndeterminate', { default: false });\n/** 是否全选 */\nconst checkedAll = defineModel<boolean>('checkedAll', { default: false });\nconst handleCheckedChange = (value: CheckboxValueType[]) => {\n  const { length } = value;\n  checkedAll.value = length === fileList.value.length;\n  isIndeterminate.value = length > 0 && length < fileList.value.length;\n};\n\n/* 上传 */\nconst httpRequest = async (params: UploadRequestOptions) => {\n  const { file } = params;\n  const res = await uploadFile({\n    file,\n    fileName: props.fileName,\n    folder: props.folder,\n    seat: props.seat,\n    partSize: props.partSize,\n    parallel: props.parallel,\n    options: props.options,\n    bucket: props.bucket,\n    saveStore: props.saveStore,\n    cdn: props.cdn,\n  });\n  return res;\n};\n\n/* 删除文件前 */\nconst beforeRemove = (file: UploadFile, files: UploadFiles) => {\n  if (props.disabled) {\n    return false;\n  }\n  return props.beforeRemove ? props.beforeRemove(file, files) : true;\n};\n\n/* 删除文件 */\nconst handleRemove = (file: UploadFile) => {\n  ElMessageBox.confirm('确定删除该文件吗？', '提示', {\n    confirmButtonText: '确定',\n    cancelButtonText: '取消',\n    type: 'warning',\n  })\n    .then(() => {\n      const index = fileList.value.indexOf(file);\n      fileList.value = fileList.value.filter((v, i) => v.url !== file.url || (v.url === file.url && i !== index));\n      emit('handleRemove', { file, index });\n      return props.onRemove(file, fileList.value);\n    })\n    .catch(() => {});\n};\n\nconst uploadFileRef = ref<UploadInstance>();\n/* 手动上传 */\nconst submit = () => {\n  uploadFileRef.value!.submit();\n};\n\n/** 取消上传 */\nconst abort = (file: UploadFile) => {\n  uploadFileRef.value!.abort(file);\n};\n\n/** 清空已上传的文件列表 */\nconst clearFiles = (status?: UploadStatus[]) => {\n  uploadFileRef.value!.clearFiles(status);\n};\n\n/** 手动选择文件 */\nconst handleStart = (rawFile: UploadRawFile) => {\n  uploadFileRef.value!.handleStart(rawFile);\n};\n\n/** 预览 */\nconst dialogVisible = ref(false);\nconst fileIndex = ref(0);\nconst handlePreview = (file: UploadFile) => {\n  fileIndex.value = fileList.value.indexOf(file);\n  dialogVisible.value = true;\n};\n\ndefineExpose({\n  submit,\n  abort,\n  clearFiles,\n  handleStart,\n  uploadFileRef,\n});\n</script>\n\n<style scoped lang=\"scss\">\n.gm-upload-preview-dialog {\n  :deep(.el-dialog__body) {\n    padding: 0;\n  }\n}\n.gm-upload-file-picture-card {\n  :deep(.el-upload-list__item),\n  :deep(.el-upload--picture-card) {\n    width: 120px;\n    height: 120px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n<style lang=\"scss\">\n.gm-upload-file {\n  line-height: normal;\n  .el-checkbox {\n    position: absolute;\n    left: 10px;\n    top: 0;\n    z-index: 9;\n  }\n  .el-upload-list__item-file-name {\n    line-height: normal;\n  }\n  .el-upload-dragger {\n    padding: 0;\n    border: none;\n    width: 100%;\n    height: 100%;\n    display: flex;\n  }\n}\n.gm-upload-file-disabled {\n  .is-disabled {\n    display: none;\n  }\n  .el-upload-list__item-status-label {\n    display: none;\n  }\n}\n</style>\n"],"names":["useAliossHookStore","_useModel","ElMessageBox","ref"],"mappings":"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"}

package/lib/components/src/composite/uploadFile/index.d.ts

@@ -17,6 +17,10 @@ export declare const GmUploadFile: import("../../../../utils").SFCWithInstall<{
             type: BooleanConstructor;
             default: boolean;
         };
+        drag: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         multiple: {
             type: BooleanConstructor;
             default: boolean;
@@ -195,7 +199,6 @@ export declare const GmUploadFile: import("../../../../utils").SFCWithInstall<{
         method: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "post", boolean>;
         data: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>) | import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>> | Promise<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>) | (() => ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>) | import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>) | ((new (...args: any[]) => import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>> | Promise<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>> | ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>)) | (() => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>> | ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>)))[], unknown, unknown, () => import("element-plus/es/utils/typescript.js").Mutable<{}>, boolean>;
         name: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "file", boolean>;
-        drag: BooleanConstructor;
         withCredentials: BooleanConstructor;
         showFileList: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         httpRequest: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => import("element-plus").UploadRequestHandler) | (() => import("element-plus").UploadRequestHandler) | {
@@ -726,6 +729,10 @@ export declare const GmUploadFile: import("../../../../utils").SFCWithInstall<{
             type: BooleanConstructor;
             default: boolean;
         };
+        drag: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         multiple: {
             type: BooleanConstructor;
             default: boolean;
@@ -904,7 +911,6 @@ export declare const GmUploadFile: import("../../../../utils").SFCWithInstall<{
         method: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "post", boolean>;
         data: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>) | import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>> | Promise<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>) | (() => ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>) | import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>) | ((new (...args: any[]) => import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>> | Promise<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>> | ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>)) | (() => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>> | ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>)))[], unknown, unknown, () => import("element-plus/es/utils/typescript.js").Mutable<{}>, boolean>;
         name: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "file", boolean>;
-        drag: BooleanConstructor;
         withCredentials: BooleanConstructor;
         showFileList: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         httpRequest: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => import("element-plus").UploadRequestHandler) | (() => import("element-plus").UploadRequestHandler) | {
@@ -994,6 +1000,10 @@ export declare const GmUploadFile: import("../../../../utils").SFCWithInstall<{
             type: BooleanConstructor;
             default: boolean;
         };
+        drag: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         multiple: {
             type: BooleanConstructor;
             default: boolean;
@@ -1172,7 +1182,6 @@ export declare const GmUploadFile: import("../../../../utils").SFCWithInstall<{
         method: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "post", boolean>;
         data: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>) | import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>> | Promise<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>) | (() => ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>) | import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>) | ((new (...args: any[]) => import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>> | Promise<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>> | ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>)) | (() => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>> | ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>)))[], unknown, unknown, () => import("element-plus/es/utils/typescript.js").Mutable<{}>, boolean>;
         name: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "file", boolean>;
-        drag: BooleanConstructor;
         withCredentials: BooleanConstructor;
         showFileList: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         httpRequest: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => import("element-plus").UploadRequestHandler) | (() => import("element-plus").UploadRequestHandler) | {
@@ -1739,6 +1748,10 @@ export declare const GmUploadFile: import("../../../../utils").SFCWithInstall<{
         type: BooleanConstructor;
         default: boolean;
     };
+    drag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -1917,7 +1930,6 @@ export declare const GmUploadFile: import("../../../../utils").SFCWithInstall<{
     method: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "post", boolean>;
     data: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>) | import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>> | Promise<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>) | (() => ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>) | import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>) | ((new (...args: any[]) => import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>> | Promise<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>> | ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>)) | (() => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>> | ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<import("element-plus/es/utils/typescript.js").Mutable<Record<string, any>>>)))[], unknown, unknown, () => import("element-plus/es/utils/typescript.js").Mutable<{}>, boolean>;
     name: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "file", boolean>;
-    drag: BooleanConstructor;
     withCredentials: BooleanConstructor;
     showFileList: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     httpRequest: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => import("element-plus").UploadRequestHandler) | (() => import("element-plus").UploadRequestHandler) | {

package/lib/components/src/composite/uploadFile/uploadFile.d.ts

@@ -14,6 +14,10 @@ export declare const uploadFileProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    drag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
@@ -105,7 +109,6 @@ export declare const uploadFileProps: {
     };
     controls: {
         type: BooleanConstructor;
-        /** 文件存储位置 */
         default: boolean;
     };
     controlslist: {
@@ -113,7 +116,7 @@ export declare const uploadFileProps: {
         default: string;
     };
     oncontextmenu: {
-        type: BooleanConstructor; /** 并行上传数量 */
+        type: BooleanConstructor;
         default: boolean;
     };
     beforeUpload: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>) | (() => (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>) | {
@@ -210,7 +213,6 @@ export declare const uploadFileProps: {
     method: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "post", boolean>;
     data: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils").Awaitable<import("element-plus/es/utils").Mutable<Record<string, any>>>) | import("element-plus/es/utils").Mutable<Record<string, any>> | Promise<import("element-plus/es/utils").Mutable<Record<string, any>>>) | (() => ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils").Awaitable<import("element-plus/es/utils").Mutable<Record<string, any>>>) | import("element-plus/es/utils").Awaitable<import("element-plus/es/utils").Mutable<Record<string, any>>>) | ((new (...args: any[]) => import("element-plus/es/utils").Mutable<Record<string, any>> | Promise<import("element-plus/es/utils").Mutable<Record<string, any>>> | ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils").Awaitable<import("element-plus/es/utils").Mutable<Record<string, any>>>)) | (() => import("element-plus/es/utils").Awaitable<import("element-plus/es/utils").Mutable<Record<string, any>>> | ((rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils").Awaitable<import("element-plus/es/utils").Mutable<Record<string, any>>>)))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{}>, boolean>;
     name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "file", boolean>;
-    drag: BooleanConstructor;
     withCredentials: BooleanConstructor;
     showFileList: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     httpRequest: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").UploadRequestHandler) | (() => import("element-plus").UploadRequestHandler) | {

package/lib/components/src/composite/uploadFile/uploadFile.js

@@ -19,6 +19,10 @@ const uploadFileProps = {
     type: Boolean,
     default: false
   },
+  drag: {
+    type: Boolean,
+    default: true
+  },
   multiple: {
     type: Boolean,
     default: true

package/lib/components/src/composite/uploadFile/uploadFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"uploadFile.js","sources":["../../../../../../../packages/components/src/composite/uploadFile/uploadFile.ts"],"sourcesContent":["import { type PropType } from 'vue';\r\nimport { type UploadProps, uploadProps } from 'element-plus';\r\nimport { previewFileProps } from '../previewFile';\r\nimport type { AliOssResponse } from '@giime/utils/src/alioss/aliossPutHook';\r\n\r\nexport type UploadFileResponse = AliOssResponse;\r\n\r\nexport const uploadFileProps = {\r\n  ...uploadProps,\r\n  ...previewFileProps,\r\n  listType: {\r\n    type: String as PropType<UploadProps['listType']>,\r\n    default: 'picture-card',\r\n  },\r\n  accept: {\r\n    type: String,\r\n    default: '*',\r\n  },\r\n  autoUpload: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  multiple: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /** 文件存储位置 */\r\n  folder: {\r\n    type: String,\r\n    default: 'uploadFile',\r\n  },\r\n  /** 文件存储文件夹 */\r\n  seat: {\r\n    type: String,\r\n    default: 'default',\r\n  },\r\n  /** 并行上传数量 */\r\n  parallel: {\r\n    type: Number,\r\n    default: null,\r\n  },\r\n  /** 并行分片大小 */\r\n  partSize: {\r\n    type: Number,\r\n    default: null,\r\n  },\r\n  /** 阿里oss上传配置 */\r\n  options: {\r\n    type: Object,\r\n    default: () => ({}),\r\n  },\r\n  /** 阿里oss上传bucket */\r\n  bucket: {\r\n    type: String,\r\n    default: 'giikin-material',\r\n  },\r\n  /** 文件存储名称 */\r\n  fileName: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  /** 是否展示删除按钮 */\r\n  showDelete: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /** 是否开启文件多选 */\r\n  checkbox: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  /** 文件是否保存入库 */\r\n  saveStore: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  /** cdn */\r\n  cdn: {\r\n    type: String,\r\n    default: 'https://sucai.giikin.cn/',\r\n  },\r\n  /** 缩略图宽度 */\r\n  width: {\r\n    type: Number,\r\n    default: 120,\r\n  },\r\n  /** 缩略图高度 */\r\n  height: {\r\n    type: Number,\r\n    default: 120,\r\n  },\r\n};\r\n"],"names":["uploadProps","previewFileProps"],"mappings":";;;;;;AAOO,MAAM,eAAkB,GAAA;AAAA,EAC7B,GAAGA,uBAAA;AAAA,EACH,GAAGC,4BAAA;AAAA,EACH,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,YAAA;AAAA,GACX;AAAA;AAAA,EAEA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,SAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA;AAAA,EAEA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,iBAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,0BAAA;AAAA,GACX;AAAA;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA;AAAA,EAEA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AACF;;;;"}
+{"version":3,"file":"uploadFile.js","sources":["../../../../../../../packages/components/src/composite/uploadFile/uploadFile.ts"],"sourcesContent":["import { type PropType } from 'vue';\r\nimport { type UploadProps, uploadProps } from 'element-plus';\r\nimport { previewFileProps } from '../previewFile';\r\nimport type { AliOssResponse } from '@giime/utils/src/alioss/aliossPutHook';\r\n\r\nexport type UploadFileResponse = AliOssResponse;\r\n\r\nexport const uploadFileProps = {\r\n  ...uploadProps,\r\n  ...previewFileProps,\r\n  listType: {\r\n    type: String as PropType<UploadProps['listType']>,\r\n    default: 'picture-card',\r\n  },\r\n  accept: {\r\n    type: String,\r\n    default: '*',\r\n  },\r\n  autoUpload: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  drag: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  multiple: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /** 文件存储位置 */\r\n  folder: {\r\n    type: String,\r\n    default: 'uploadFile',\r\n  },\r\n  /** 文件存储文件夹 */\r\n  seat: {\r\n    type: String,\r\n    default: 'default',\r\n  },\r\n  /** 并行上传数量 */\r\n  parallel: {\r\n    type: Number,\r\n    default: null,\r\n  },\r\n  /** 并行分片大小 */\r\n  partSize: {\r\n    type: Number,\r\n    default: null,\r\n  },\r\n  /** 阿里oss上传配置 */\r\n  options: {\r\n    type: Object,\r\n    default: () => ({}),\r\n  },\r\n  /** 阿里oss上传bucket */\r\n  bucket: {\r\n    type: String,\r\n    default: 'giikin-material',\r\n  },\r\n  /** 文件存储名称 */\r\n  fileName: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  /** 是否展示删除按钮 */\r\n  showDelete: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /** 是否开启文件多选 */\r\n  checkbox: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  /** 文件是否保存入库 */\r\n  saveStore: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  /** cdn */\r\n  cdn: {\r\n    type: String,\r\n    default: 'https://sucai.giikin.cn/',\r\n  },\r\n  /** 缩略图宽度 */\r\n  width: {\r\n    type: Number,\r\n    default: 120,\r\n  },\r\n  /** 缩略图高度 */\r\n  height: {\r\n    type: Number,\r\n    default: 120,\r\n  },\r\n};\r\n"],"names":["uploadProps","previewFileProps"],"mappings":";;;;;;AAOO,MAAM,eAAkB,GAAA;AAAA,EAC7B,GAAGA,uBAAA;AAAA,EACH,GAAGC,4BAAA;AAAA,EACH,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,YAAA;AAAA,GACX;AAAA;AAAA,EAEA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,SAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA;AAAA,EAEA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,iBAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,0BAAA;AAAA,GACX;AAAA;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA;AAAA,EAEA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AACF;;;;"}

package/lib/giime/component.js

@@ -122,16 +122,18 @@ var index$1P = require('../components/src/composite/drawerForm/index.js');
 var index$1Q = require('../components/src/composite/formItemModule/index.js');
 var index$1R = require('../components/src/composite/selectOptions/index.js');
 var index$1S = require('../components/src/composite/importDialog/index.js');
-var index$1T = require('../components/src/composite/tablePro/index.js');
-var index$1U = require('../components/src/composite/tablePro/tableColumnPro/index.js');
-var index$1V = require('../components/src/composite/tablePro/tableHeaderForm/index.js');
-var index$1W = require('../components/src/composite/tablePro/tablePagination/index.js');
-var index$1X = require('../components/src/composite/tablePro/tableToolbar/index.js');
-var index$1Y = require('../components/src/composite/tablePro/tableCtx/index.js');
-var index$1Z = require('../components/src/composite/operateButton/index.js');
-var index$1_ = require('../components/src/composite/operateButton/operateButtonForm/index.js');
-var index$1$ = require('../components/src/business/aliCategoryCascader/index.js');
-var index$20 = require('../components/src/business/companyCategoryCascader/index.js');
+var index$1T = require('../components/src/composite/previewFile/index.js');
+var index$1U = require('../components/src/composite/fileComponent/index.js');
+var index$1V = require('../components/src/composite/tablePro/index.js');
+var index$1W = require('../components/src/composite/tablePro/tableColumnPro/index.js');
+var index$1X = require('../components/src/composite/tablePro/tableHeaderForm/index.js');
+var index$1Y = require('../components/src/composite/tablePro/tablePagination/index.js');
+var index$1Z = require('../components/src/composite/tablePro/tableToolbar/index.js');
+var index$1_ = require('../components/src/composite/tablePro/tableCtx/index.js');
+var index$1$ = require('../components/src/composite/operateButton/index.js');
+var index$20 = require('../components/src/composite/operateButton/operateButtonForm/index.js');
+var index$21 = require('../components/src/business/aliCategoryCascader/index.js');
+var index$22 = require('../components/src/business/companyCategoryCascader/index.js');
 
 var Components = [
   index.GmAffix,
@@ -255,19 +257,21 @@ var Components = [
   index$1Q.GmFormItemModule,
   index$1R.GmSelectOptions,
   index$1S.GmImportDialog,
+  index$1T.GmPreviewFile,
+  index$1U.GmFileComponent,
   //  --表格模块
-  index$1T.GmTablePro,
-  index$1U.GmTableColumnPro,
-  index$1V.GmTableHeaderForm,
-  index$1W.GmTablePagination,
-  index$1X.GmTableToolbar,
-  index$1Y.GmTableCtx,
+  index$1V.GmTablePro,
+  index$1W.GmTableColumnPro,
+  index$1X.GmTableHeaderForm,
+  index$1Y.GmTablePagination,
+  index$1Z.GmTableToolbar,
+  index$1_.GmTableCtx,
   // 自定义操作按钮
-  index$1Z.GmOperateButton,
-  index$1_.GmOperateButtonForm,
+  index$1$.GmOperateButton,
+  index$20.GmOperateButtonForm,
   // 业务组件
-  index$1$.GmAliCategoryCascader,
-  index$20.GmCompanyCategoryCascader
+  index$21.GmAliCategoryCascader,
+  index$22.GmCompanyCategoryCascader
 ];
 
 exports.default = Components;