@opentinyvue/vue-file-upload 2.22.0 → 3.22.0

package/lib/index.js

@@ -374,7 +374,7 @@ var FileUpload = defineComponent({
     });
   }
 });
-var version = "2.22.0";
+var version = "3.22.0";
 FileUpload.install = function(Vue) {
   Vue.component(FileUpload.name, FileUpload);
 };

package/lib/mobile-first.js

@@ -1,89 +1,3 @@
-import { renderless, api } from '@opentinyvue/vue-renderless/file-upload/vue';
-import { defineComponent, props, setup, isVue3 } from '@opentinyvue/vue-common';
-import UploadList from '@opentinyvue/vue-upload-list';
-import Upload from '@opentinyvue/vue-upload';
-import Progress from '@opentinyvue/vue-progress';
-import Modal from '@opentinyvue/vue-modal';
-import DialogBox from '@opentinyvue/vue-dialog-box';
-import Tooltip from '@opentinyvue/vue-tooltip';
-import { IconAttachment, IconSuccessful, IconClose, IconDownload, IconFileCloudupload, IconPlus, IconPlusCircle, IconPicture, IconMic, IconStartCircle, IconHelpQuery } from '@opentinyvue/vue-icon';
-import Streamsaver from 'streamsaver';
-import Button from '@opentinyvue/vue-button';
-import Input from '@opentinyvue/vue-input';
-import Switch from '@opentinyvue/vue-switch';
-
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-
-var helper;
-var hasRequiredHelper;
-function requireHelper() {
-  if (hasRequiredHelper) return helper;
-  hasRequiredHelper = 1;
-  function _extends() {
-    return _extends = Object.assign ? Object.assign.bind() : function(a) {
-      for (var b, c = 1; c < arguments.length; c++) for (var d in b = arguments[c], b) Object.prototype.hasOwnProperty.call(b, d) && (a[d] = b[d]);
-      return a;
-    }, _extends.apply(this, arguments);
-  }
-  var normalMerge = ["attrs", "props", "domProps"], toArrayMerge = ["class", "style", "directives"], functionalMerge = ["on", "nativeOn"], mergeJsxProps = function mergeJsxProps2(a) {
-    return a.reduce(function(c, a2) {
-      for (var b in a2) if (!c[b]) c[b] = a2[b];
-      else if (-1 !== normalMerge.indexOf(b)) c[b] = _extends({}, c[b], a2[b]);
-      else if (-1 !== toArrayMerge.indexOf(b)) {
-        var d = c[b] instanceof Array ? c[b] : [c[b]], e = a2[b] instanceof Array ? a2[b] : [a2[b]];
-        c[b] = [].concat(d, e);
-      } else if (-1 !== functionalMerge.indexOf(b)) {
-        for (var f in a2[b]) if (c[b][f]) {
-          var g = c[b][f] instanceof Array ? c[b][f] : [c[b][f]], h = a2[b][f] instanceof Array ? a2[b][f] : [a2[b][f]];
-          c[b][f] = [].concat(g, h);
-        } else c[b][f] = a2[b][f];
-      } else if ("hook" === b) for (var i in a2[b]) c[b][i] = c[b][i] ? mergeFn(c[b][i], a2[b][i]) : a2[b][i];
-      else c[b] = a2[b];
-      return c;
-    }, {});
-  }, mergeFn = function mergeFn2(a, b) {
-    return function() {
-      a && a.apply(this, arguments), b && b.apply(this, arguments);
-    };
-  };
-  helper = mergeJsxProps;
-  return helper;
-}
-var helperExports = requireHelper();
-var _mergeJSXProps5 = /* @__PURE__ */ getDefaultExportFromCjs(helperExports);
-
-function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
-  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
-  if (render) {
-    options.render = render;
-    options.staticRenderFns = staticRenderFns;
-    options._compiled = true;
-  }
-  var hook;
-  if (injectStyles) {
-    hook = injectStyles;
-  }
-  if (hook) {
-    if (options.functional) {
-      options._injectStyles = hook;
-      var originalRender = options.render;
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context);
-        return originalRender(h, context);
-      };
-    } else {
-      var existing = options.beforeCreate;
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-    }
-  }
-  return {
-    exports: scriptExports,
-    options
-  };
-}
-
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -93,12 +7,29 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-var __vue2_script = defineComponent({
+import { createVNode, createTextVNode, mergeProps, resolveComponent, isVNode } from "vue";
+import { api, renderless } from "@opentinyvue/vue-renderless/file-upload/vue";
+import { defineComponent, props, h, setup as _setup, isVue3 } from "@opentinyvue/vue-common";
+import UploadList from "@opentinyvue/vue-upload-list";
+import Upload from "@opentinyvue/vue-upload";
+import Progress from "@opentinyvue/vue-progress";
+import Modal from "@opentinyvue/vue-modal";
+import DialogBox from "@opentinyvue/vue-dialog-box";
+import Tooltip from "@opentinyvue/vue-tooltip";
+import { IconHelpQuery, IconStartCircle, IconMic, IconPicture, IconPlusCircle, IconPlus, IconFileCloudupload, IconDownload, IconClose, IconSuccessful, IconAttachment } from "@opentinyvue/vue-icon";
+import Streamsaver from "streamsaver";
+import Button from "@opentinyvue/vue-button";
+import Input from "@opentinyvue/vue-input";
+import Switch from "@opentinyvue/vue-switch";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var _sfc_main = /* @__PURE__ */ defineComponent({
   inheritAttrs: false,
   emits: ["change", "hash-progress", "error", "progress", "success", "remove", "download", "trigger-click", "click-file-list"],
   props: [].concat(props, ["edm", "action", "headers", "data", "multiple", "name", "drag", "dragger", "withCredentials", "showFileList", "accept", "type", "beforeUpload", "beforeRemove", "fileList", "autoUpload", "listType", "httpRequest", "disabled", "limit", "openDownloadFile", "mergeService", "fileSize", "thumbOption", "isFolderTitle", "listOption", "maxNameLength", "scale", "showName", "sourceType", "showTitle", "title", "displayOnly", "customClass", "hwh5", "mode", "cacheToken", "lockScroll", "compact", "encryptConfig", "imageBgColor", "promptTip"]),
-  setup: function setup$1(props2, context) {
-    return setup({
+  setup: function setup(props2, context) {
+    return _setup({
       props: props2,
       context,
       renderless,
@@ -131,7 +62,6 @@ var __vue2_script = defineComponent({
   },
   render: function render() {
     var _this = this;
-    var h = arguments[0];
     var _this$state$listeners = this.state.listeners, _this$state$listeners2 = _this$state$listeners.exceed, exceed = _this$state$listeners2 === void 0 ? function() {
     } : _this$state$listeners2, _this$state$listeners3 = _this$state$listeners.preview, preview = _this$state$listeners3 === void 0 ? void 0 : _this$state$listeners3, downloadFile = _this$state$listeners["download-file"], downloadAll = _this$state$listeners["download-all"], reUpload = _this$state$listeners["re-upload"], triggerClick = _this$state$listeners["trigger-click"], play = _this$state$listeners.play;
     var _this$state = this.state, uploadFiles = _this$state.uploadFiles, isEdm = _this$state.isEdm, dialogConfigObj = _this$state.dialogConfigObj, isSuccess = _this$state.isSuccess, uploadDisabled = _this$state.uploadDisabled, url = _this$state.url, accept = _this$state.accept, httpRequest = _this$state.httpRequest, edmToken = _this$state.edmToken, iframeUrl = _this$state.iframeUrl, isDragover = _this$state.isDragover, selected = _this$state.selected, types = _this$state.types, isHwh5 = _this$state.isHwh5;
@@ -145,7 +75,7 @@ var __vue2_script = defineComponent({
       var listType2 = _ref.listType, title2 = _ref.title, showTitle2 = _ref.showTitle, _ref$isInside = _ref.isInside, isInside = _ref$isInside === void 0 ? false : _ref$isInside, _ref$displayOnly = _ref.displayOnly, displayOnly2 = _ref$displayOnly === void 0 ? false : _ref$displayOnly, mode2 = _ref.mode;
       var defaultTitle;
       if (isInside) {
-        defaultTitle = h("span", {
+        defaultTitle = createVNode("span", {
           "class": showTitle2 ? "inline-block mr-1 text-sm text-color-text-primary font-bold" : "hidden"
         }, [title2]);
       } else {
@@ -157,9 +87,9 @@ var __vue2_script = defineComponent({
         } else {
           !displayOnly2 || !showTitle2 ? cls += "hidden" : cls += "mt-4 mb-2";
         }
-        defaultTitle = mode2 !== "bubble" ? h("div", {
+        defaultTitle = mode2 !== "bubble" ? createVNode("div", {
           "class": cls
-        }, [h("span", {
+        }, [createVNode("span", {
           "class": "mr-1"
         }, [title2]), displayOnly2 && getDisplayOnlyTip({
           isEdm,
@@ -180,34 +110,34 @@ var __vue2_script = defineComponent({
         bubbling: true
       };
       if (listType2 === "text") {
-        defaultTip = h("div", {
+        defaultTip = createVNode("div", {
           "class": "inline-block w-full sm:pl-4 text-color-none"
-        }, [h("div", {
+        }, [createVNode("div", {
           "class": "block sm:hidden"
         }, [getDefaultTitle({
           listType: listType2,
           title: title2,
           showTitle: showTitle2,
           isInside: true
-        }), h("tiny-tooltip", {
-          "attrs": {
-            "effect": "dark",
-            "content": tipMsg,
-            "placement": "top",
-            "popper-options": popperConfig
+        }), createVNode(resolveComponent("tiny-tooltip"), {
+          "effect": "dark",
+          "content": tipMsg,
+          "placement": "top",
+          "popper-options": popperConfig
+        }, {
+          default: function _default() {
+            return [createVNode(resolveComponent("icon-help-query"), {
+              "class": "-mt-0.5 fill-color-none-hover"
+            }, null)];
           }
-        }, [h("icon-help-query", {
-          "class": "-mt-0.5 fill-color-none-hover"
-        })])])]);
+        })])]);
       } else if (listType2 === "drag-single") {
-        defaultTip = h("div", {
-          "attrs": {
-            "title": tipMsg
-          },
+        defaultTip = createVNode("div", {
+          "title": tipMsg,
           "class": "leading-5 text-color-text-primary overflow-hidden text-ellipsis whitespace-nowrap"
         }, [slots2.tip && slots2.tip() || tipMsg]);
       } else {
-        defaultTip = slots2.tip ? h("div", {
+        defaultTip = slots2.tip ? createVNode("div", {
           "class": "mb-4 text-color-none"
         }, [slots2.tip()]) : null;
       }
@@ -218,67 +148,69 @@ var __vue2_script = defineComponent({
       var popperConfig = {
         bubbling: true
       };
-      return h("tiny-tooltip", {
+      return createVNode(resolveComponent("tiny-tooltip"), {
         "class": "inline-block sm:hidden",
-        "attrs": {
-          "effect": "dark",
-          "content": _this.getTipMessage({
-            accept: isEdm2 ? accept : _this.accept,
-            fileSize: fileSize2,
-            limit: _this.limit
-          }),
-          "placement": "top",
-          "popper-options": popperConfig
+        "effect": "dark",
+        "content": _this.getTipMessage({
+          accept: isEdm2 ? accept : _this.accept,
+          fileSize: fileSize2,
+          limit: _this.limit
+        }),
+        "placement": "top",
+        "popper-options": popperConfig
+      }, {
+        default: function _default() {
+          return [createVNode(resolveComponent("icon-help-query"), {
+            "class": "-mt-0.5  fill-color-none-hover"
+          }, null)];
         }
-      }, [h("icon-help-query", {
-        "class": "-mt-0.5  fill-color-none-hover"
-      })]);
+      });
     };
     var getTriggerContent = function getTriggerContent2(_ref4) {
       var listType2 = _ref4.listType, t2 = _ref4.t, type2 = _ref4.type, disabled = _ref4.disabled;
       var defaultList = {
-        "picture": h("div", [h("icon-picture", {
+        "picture": createVNode("div", null, [createVNode(resolveComponent("icon-picture"), {
           "class": "w-6 h-6 fill-color-icon-secondary"
-        }), h("div", {
+        }, null), createVNode("div", {
           "class": "mt-1 sm:mt-2 text-color-text-secondary text-xs"
         }, [t2("ui.upload.addPicture")])]),
-        "audio": h("div", [h("icon-mic", {
+        "audio": createVNode("div", null, [createVNode(resolveComponent("icon-mic"), {
           "class": "w-6 h-6 fill-color-icon-secondary"
-        }), h("div", {
+        }, null), createVNode("div", {
           "class": "mt-1 sm:mt-2 text-color-text-secondary text-xs"
         }, [t2("ui.upload.addAudio")])]),
-        "video": h("div", [h("icon-start-circle", {
+        "video": createVNode("div", null, [createVNode(resolveComponent("icon-start-circle"), {
           "class": "w-6 h-6 fill-color-icon-secondary"
-        }), h("div", {
+        }, null), createVNode("div", {
           "class": "mt-1 sm:mt-2 text-color-text-secondary text-xs"
         }, [t2("ui.upload.addVideo")])])
       };
       var defaultContent;
       if (listType2 === "text") {
-        defaultContent = h("div", {
+        defaultContent = createVNode("div", {
           "class": "inline-block"
-        }, [h("tiny-button", {
-          "attrs": {
-            "disabled": disabled
-          },
+        }, [createVNode(resolveComponent("tiny-button"), {
+          "disabled": disabled,
           "class": "hidden sm:block"
-        }, [h("div", {
-          "class": "flex items-center"
-        }, [h("icon-plus"), h("span", {
-          "class": "ml-2"
-        }, [t2("ui.fileUpload.uploadFile")])])]), h("icon-plus-circle", {
-          "attrs": {
-            "custom-class": "sm:hidden w-5 h-5"
+        }, {
+          default: function _default() {
+            return [createVNode("div", {
+              "class": "flex items-center"
+            }, [createVNode(resolveComponent("icon-plus"), null, null), createVNode("span", {
+              "class": "ml-2"
+            }, [t2("ui.fileUpload.uploadFile")])])];
           }
-        })]);
+        }), createVNode(resolveComponent("icon-plus-circle"), {
+          "custom-class": "sm:hidden w-5 h-5"
+        }, null)]);
       } else if (listType2 === "drag-single") {
         defaultContent = null;
       } else {
         var defaultClass = "relative h-full border border-dashed border-color-border rounded bg-color-bg-2 align-top hover:cursor-pointer";
         listType2 === "picture-single" && uploadFiles.length && (defaultClass += " hidden");
-        defaultContent = h("div", {
+        defaultContent = createVNode("div", {
           "class": defaultClass
-        }, [h("div", {
+        }, [createVNode("div", {
           "class": "absolute w-full top-1/2 left-0 -translate-y-1/2 z-[1] text-center"
         }, [defaultList[type2 || "picture"]])]);
       }
@@ -288,19 +220,21 @@ var __vue2_script = defineComponent({
       var listType2 = _ref5.listType, downloadAll2 = _ref5.downloadAll, uploadFiles2 = _ref5.uploadFiles, t2 = _ref5.t;
       var operateContent;
       if (listType2 === "text") {
-        operateContent = downloadAll2 ? h("div", {
+        operateContent = downloadAll2 ? createVNode("div", {
           "class": "hidden sm:inline-block align-middle"
-        }, [h("tiny-button", {
-          "on": {
-            "click": function click() {
-              return downloadAll2(uploadFiles2);
-            }
+        }, [createVNode(resolveComponent("tiny-button"), {
+          "onClick": function onClick() {
+            return downloadAll2(uploadFiles2);
+          }
+        }, {
+          default: function _default() {
+            return [createVNode("div", {
+              "class": "flex items-center"
+            }, [createVNode(resolveComponent("icon-download"), null, null), createVNode("span", {
+              "class": "ml-2"
+            }, [t2("ui.fileUpload.downloadAll")])])];
           }
-        }, [h("div", {
-          "class": "flex items-center"
-        }, [h("icon-download"), h("span", {
-          "class": "ml-2"
-        }, [t2("ui.fileUpload.downloadAll")])])])]) : null;
+        })]) : null;
       }
       return operateContent;
     };
@@ -508,20 +442,18 @@ var __vue2_script = defineComponent({
       }, dialogConfigObj, {
         scopedSlots: {
           default: function _default() {
-            return h("iframe", {
-              "attrs": {
-                "id": "_iframe",
-                "allowfullscreen": true,
-                "allowtransparency": "true",
-                "frameborder": "0",
-                "border": "0",
-                "marginwidth": "0",
-                "marginheight": "0",
-                "scrolling": "no",
-                "src": iframeUrl
-              },
-              "style": "display: block;width: 100%;height: 500px;display: inline-block;"
-            });
+            return createVNode("iframe", {
+              "id": "_iframe",
+              "style": "display: block;width: 100%;height: 500px;display: inline-block;",
+              "allowfullscreen": true,
+              "allowtransparency": "true",
+              "frameborder": "0",
+              "border": "0",
+              "marginwidth": "0",
+              "marginheight": "0",
+              "scrolling": "no",
+              "src": iframeUrl
+            }, null);
           }
         }
       }));
@@ -547,55 +479,50 @@ var __vue2_script = defineComponent({
         },
         scopedSlots: {
           default: function _default() {
-            return h("div", {
-              "attrs": {
-                "data-tag": "encrypt-config-dialog-body"
+            return createVNode("div", {
+              "data-tag": "encrypt-config-dialog-body"
+            }, [createVNode("div", null, [_this.t("ui.fileUpload.addWatermark")]), createVNode("div", null, [createVNode(Input, {
+              "modelValue": _this.encryptConfig.watermark,
+              "onUpdate:modelValue": function onUpdateModelValue($event) {
+                return _this.encryptConfig.watermark = $event;
               }
-            }, [h("div", [_this.t("ui.fileUpload.addWatermark")]), h("div", [h(Input, {
-              "model": {
-                value: _this.encryptConfig.watermark,
-                callback: function callback($$v) {
-                  _this.$set(_this.encryptConfig, "watermark", $$v);
-                }
+            }, null)]), createVNode("p", null, [createTextVNode(" ")]), createVNode("div", null, [_this.t("ui.fileUpload.encrypted")]), createVNode("div", null, [createVNode(Switch, {
+              "modelValue": _this.encryptConfig.encrypt,
+              "onUpdate:modelValue": function onUpdateModelValue($event) {
+                return _this.encryptConfig.encrypt = $event;
               }
-            })]), h("p", [" "]), h("div", [_this.t("ui.fileUpload.encrypted")]), h("div", [h(Switch, {
-              "model": {
-                value: _this.encryptConfig.encrypt,
-                callback: function callback($$v) {
-                  _this.$set(_this.encryptConfig, "encrypt", $$v);
-                }
-              }
-            })])]);
+            }, null)])]);
           },
           footer: function footer() {
-            return [h(Button, {
-              "on": {
-                "click": function click() {
-                  return _this.state.encryptDialogConfig.show = false;
-                }
+            var _slot, _slot2;
+            return [createVNode(Button, {
+              "onClick": function onClick() {
+                return _this.state.encryptDialogConfig.show = false;
+              }
+            }, _isSlot(_slot = _this.t("ui.base.cancel")) ? _slot : {
+              default: function _default() {
+                return [_slot];
               }
-            }, [_this.t("ui.base.cancel")]), [h(Button, {
-              "attrs": {
-                "type": "primary",
-                "customClass": "ml-2"
-              },
-              "on": {
-                "click": function click() {
-                  return encryptDialogConfirm();
-                }
+            }), [createVNode(Button, {
+              "type": "primary",
+              "customClass": "ml-2",
+              "onClick": function onClick() {
+                return encryptDialogConfirm();
               }
-            }, [_this.t("ui.popupload.uploadButtonText")])]];
+            }, _isSlot(_slot2 = _this.t("ui.popupload.uploadButtonText")) ? _slot2 : {
+              default: function _default() {
+                return [_slot2];
+              }
+            })]];
           }
         }
       });
     }
     var attrs = a($attrs, ["^on[A-Z]"]);
-    return h("div", _mergeJSXProps5([{}, attrs, {
-      "attrs": {
-        "data-tag": "tiny-file-upload"
-      },
+    return createVNode("div", mergeProps(attrs, {
+      "data-tag": "tiny-file-upload",
       "class": isDragSingle ? "relative inline-block" : ""
-    }]), [getDefaultTitle({
+    }), [getDefaultTitle({
       listType,
       title,
       showTitle,
@@ -604,16 +531,6 @@ var __vue2_script = defineComponent({
     }), noticePC, isText && !displayOnly ? slots.trigger ? [createUploadComponent()] : createUploadComponent() : null, noticeMF, uploadList, previewComponent, encryptDialogComponent]);
   }
 });
-var __vue2_render, __vue2_staticRenderFns;
-var __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, __vue2_render, __vue2_staticRenderFns, false, __vue2_injectStyles);
-function __vue2_injectStyles(context) {
-  for (var o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-var mobileFirst = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-
-export { mobileFirst as default };
+export {
+  _sfc_main as default
+};