@opentinyvue/vue-file-upload 2.22.0 → 3.22.0

package/lib/pc.js

@@ -1,94 +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 '@opentinyvue/vue-theme/file-upload/index.css';
-import '@opentinyvue/vue-theme/upload-list/index.css';
-import '@opentinyvue/vue-theme/upload-dragger/index.css';
-import '@opentinyvue/vue-theme/upload/index.css';
-import Modal from '@opentinyvue/vue-modal';
-import DialogBox from '@opentinyvue/vue-dialog-box';
-import Popover from '@opentinyvue/vue-popover';
-import Button from '@opentinyvue/vue-button';
-import Input from '@opentinyvue/vue-input';
-import Switch from '@opentinyvue/vue-switch';
-import Tooltip from '@opentinyvue/vue-tooltip';
-import { iconAttachment, iconSuccessful, iconClose, iconDownload, iconFileCloudupload, iconPlus, iconHelpCircle } from '@opentinyvue/vue-icon';
-import Streamsaver from 'streamsaver';
-
-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++) {
@@ -98,6 +7,28 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
+import { createVNode, resolveComponent, createTextVNode, mergeProps, 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 "@opentinyvue/vue-theme/file-upload/index.css";
+import "@opentinyvue/vue-theme/upload-list/index.css";
+import "@opentinyvue/vue-theme/upload-dragger/index.css";
+import "@opentinyvue/vue-theme/upload/index.css";
+import Modal from "@opentinyvue/vue-modal";
+import DialogBox from "@opentinyvue/vue-dialog-box";
+import Popover from "@opentinyvue/vue-popover";
+import Button from "@opentinyvue/vue-button";
+import Input from "@opentinyvue/vue-input";
+import Switch from "@opentinyvue/vue-switch";
+import Tooltip from "@opentinyvue/vue-tooltip";
+import { iconAttachment, iconSuccessful, iconClose, iconDownload, iconFileCloudupload, iconPlus, iconHelpCircle } from "@opentinyvue/vue-icon";
+import Streamsaver from "streamsaver";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 var TinyIconAttachment = iconAttachment();
 var TinyIconSuccessful = iconSuccessful();
 var TinyIconClose = iconClose();
@@ -105,12 +36,12 @@ var TinyIconDownload = iconDownload();
 var TinyIconFileCloudupload = iconFileCloudupload();
 var TinyIconPlus = iconPlus();
 var TinyIconHelpCircle = iconHelpCircle();
-var __vue2_script = defineComponent({
+var _sfc_main = /* @__PURE__ */ defineComponent({
   inheritAttrs: false,
   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", "isHidden", "sourceType", "cacheToken", "pasteUpload", "reUploadable", "reUploadTip", "encryptConfig", "title", "showTitle", "displayOnly", "compact", "promptTip"]),
   emits: ["change", "hash-progress", "progress", "success", "error", "remove", "download"],
-  setup: function setup$1(props2, context) {
-    return setup({
+  setup: function setup(props2, context) {
+    return _setup({
       props: props2,
       context,
       renderless,
@@ -134,7 +65,6 @@ var __vue2_script = defineComponent({
   },
   render: function render() {
     var _this = this;
-    var h = arguments[0];
     var uploadList;
     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, downloadAll = _this$state$listeners["download-all"], handleDownloadFile = _this$state$listeners["download-file"], reUpload = _this$state$listeners["re-upload"];
@@ -148,9 +78,9 @@ var __vue2_script = defineComponent({
     var notice = this.slots.notice && this.slots.notice();
     var title = this.title || t("ui.fileUpload.attachment");
     var getDefaultTitle = function getDefaultTitle2(title2, showTitle) {
-      return h("div", {
+      return createVNode("div", {
         "class": "tiny-upload-title"
-      }, [h("span", {
+      }, [createVNode("span", {
         "class": [showTitle ? "title-show" : "title-hide", displayOnly ? "display-only" : ""]
       }, [title2])]);
     };
@@ -158,91 +88,81 @@ var __vue2_script = defineComponent({
       bubbling: true
     };
     var getTriggerContent = function getTriggerContent2(t2, disabled) {
-      return h("div", {
+      return createVNode("div", {
         "class": "trigger-btn"
-      }, [h("tiny-button", {
-        "attrs": {
-          "disabled": disabled
-        },
-        "on": {
-          "click": handleTriggerClick
+      }, [createVNode(resolveComponent("tiny-button"), {
+        "disabled": disabled,
+        "onClick": handleTriggerClick
+      }, {
+        default: function _default() {
+          return [createVNode(TinyIconPlus, null, null), createVNode("span", null, [t2("ui.fileUpload.uploadFile")])];
         }
-      }, [h(TinyIconPlus), h("span", [t2("ui.fileUpload.uploadFile")])])]);
+      })]);
     };
     var getOperateContent = function getOperateContent2(downloadAll2, uploadFiles2, t2) {
-      return downloadAll2 && isSaasType ? h("div", {
+      return downloadAll2 && isSaasType ? createVNode("div", {
         "class": "operate-content"
-      }, [h("tiny-button", {
-        "on": {
-          "click": function click() {
-            return downloadAll2(uploadFiles2);
-          }
+      }, [createVNode(resolveComponent("tiny-button"), {
+        "onClick": function onClick() {
+          return downloadAll2(uploadFiles2);
         }
-      }, [h("div", {
-        "class": "button-wrap"
-      }, [h(TinyIconDownload), h("span", [t2("ui.fileUpload.downloadAll")])])])]) : null;
+      }, {
+        default: function _default() {
+          return [createVNode("div", {
+            "class": "button-wrap"
+          }, [createVNode(TinyIconDownload, null, null), createVNode("span", null, [t2("ui.fileUpload.downloadAll")])])];
+        }
+      })]) : null;
     };
     var getDefaultTip = function getDefaultTip2(tipMsg2) {
       if (promptTip) {
-        return slots.tip && slots.tip() || tipMsg2 && promptTip && h("tiny-tooltip", {
-          "attrs": {
-            "effect": "light",
-            "content": slots.tip && slots.tip() || tipMsg2,
-            "placement": "right",
-            "popper-options": popperConfig
+        return slots.tip && slots.tip() || tipMsg2 && promptTip && createVNode(resolveComponent("tiny-tooltip"), {
+          "effect": "light",
+          "content": slots.tip && slots.tip() || tipMsg2,
+          "placement": "right",
+          "popper-options": popperConfig
+        }, {
+          default: function _default() {
+            return [createVNode("div", {
+              "class": "prompt-tip"
+            }, [createVNode(TinyIconHelpCircle, null, null)])];
           }
-        }, [h("div", {
-          "class": "prompt-tip"
-        }, [h(TinyIconHelpCircle)])]);
+        });
       } else {
-        return h("div", {
+        return createVNode("div", {
           "class": "tip-wrap"
-        }, [h("div", {
-          "attrs": {
-            "title": tipMsg2
-          },
+        }, [createVNode("div", {
+          "title": tipMsg2,
           "class": "tip-content"
         }, [slots.tip && slots.tip() || tipMsg2])]);
       }
     };
     var getThumIcon = function getThumIcon2(file) {
-      return [showDownload && h("span", {
+      return [showDownload && createVNode("span", {
         "class": "thumb-icon",
-        "attrs": {
-          "title": t("ui.fileUpload.downloadFile")
-        },
-        "on": {
-          "click": function click() {
-            return execDownload(file);
-          }
+        "title": t("ui.fileUpload.downloadFile"),
+        "onClick": function onClick() {
+          return execDownload(file);
         }
-      }, [h(TinyIconDownload, {
+      }, [createVNode(TinyIconDownload, {
         "class": "download-icon"
-      })]), isEdm && !isFolder && showUpdate && h("span", {
+      }, null)]), isEdm && !isFolder && showUpdate && createVNode("span", {
         "class": "thumb-icon",
-        "attrs": {
-          "title": t("ui.fileUpload.updateFile")
-        },
-        "on": {
-          "click": function click() {
-            return updateFile(file);
-          }
+        "title": t("ui.fileUpload.updateFile"),
+        "onClick": function onClick() {
+          return updateFile(file);
         }
-      }, [h(TinyIconFileCloudupload, {
+      }, [createVNode(TinyIconFileCloudupload, {
         "class": "refres-icon"
-      })]), showDel && h("span", {
+      }, null)]), showDel && createVNode("span", {
         "class": "thumb-icon",
-        "attrs": {
-          "title": t("ui.fileUpload.deleteFile")
-        },
-        "on": {
-          "click": function click() {
-            return handleRemove(file);
-          }
+        "title": t("ui.fileUpload.deleteFile"),
+        "onClick": function onClick() {
+          return handleRemove(file);
         }
-      }, [h(TinyIconClose, {
+      }, [createVNode(TinyIconClose, {
         "class": "close-icon"
-      })])];
+      }, null)])];
     };
     var getThumbList = function getThumbList2(file) {
       var result = slots.file && slots.file({
@@ -251,15 +171,15 @@ var __vue2_script = defineComponent({
       if (result) {
         return result;
       } else {
-        return [h(TinyIconSuccessful, {
+        return [createVNode(TinyIconSuccessful, {
           "class": "thumb-success-icon"
-        }), h("span", {
+        }, null), createVNode("span", {
           "class": ["thumb-item-name", !showDel ? "hide-close-icon" : "", !showDownload ? "hide-download-icon" : ""]
         }, [file.name]), getThumIcon(file)];
       }
     };
     var getFileSize = function getFileSize2() {
-      return h("span", [uploadFiles.length]);
+      return createVNode("span", null, [uploadFiles.length]);
     };
     if (this.showFileList) {
       if (listType === "thumb") {
@@ -443,20 +363,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);
           }
         }
       }));
@@ -480,65 +398,54 @@ var __vue2_script = defineComponent({
         },
         scopedSlots: {
           default: function _default() {
-            return h("div", {
+            return createVNode("div", {
               "class": "encrypt-config-dialog-body"
-            }, [h("div", {
+            }, [createVNode("div", {
               "class": "encrypt-item"
-            }, [_this.t("ui.fileUpload.addWatermark")]), h("div", [h("tiny-input", {
-              "model": {
-                value: _this.encryptConfig.watermark,
-                callback: function callback($$v) {
-                  _this.$set(_this.encryptConfig, "watermark", $$v);
-                }
+            }, [_this.t("ui.fileUpload.addWatermark")]), createVNode("div", null, [createVNode(resolveComponent("tiny-input"), {
+              "modelValue": _this.encryptConfig.watermark,
+              "onUpdate:modelValue": function onUpdateModelValue($event) {
+                return _this.encryptConfig.watermark = $event;
               }
-            })]), h("p", [" "]), h("div", {
+            }, null)]), createVNode("p", null, [createTextVNode(" ")]), createVNode("div", {
               "class": "encrypt-item"
-            }, [_this.t("ui.fileUpload.encrypted")]), h("div", [h("tiny-switch", {
-              "model": {
-                value: _this.encryptConfig.encrypt,
-                callback: function callback($$v) {
-                  _this.$set(_this.encryptConfig, "encrypt", $$v);
-                }
+            }, [_this.t("ui.fileUpload.encrypted")]), createVNode("div", null, [createVNode(resolveComponent("tiny-switch"), {
+              "modelValue": _this.encryptConfig.encrypt,
+              "onUpdate:modelValue": function onUpdateModelValue($event) {
+                return _this.encryptConfig.encrypt = $event;
               }
-            })])]);
+            }, 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"
-              },
-              "on": {
-                "click": function click() {
-                  return encryptDialogConfirm();
-                }
+            }), [createVNode(Button, {
+              "type": "primary",
+              "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([{
+    return createVNode("div", mergeProps({
       "class": "tiny-file-upload"
-    }, attrs]), [isSaasType ? getDefaultTitle(title, this.showTitle) : "", notice, isPictureCard ? uploadList : "", slots.trigger ? [uploadComponent, defaultSlot] : uploadComponent, !isSaasType && slots.tip && slots.tip(), isPictureCard ? "" : uploadList, previewComponent, encryptDialogComponent]);
+    }, attrs), [isSaasType ? getDefaultTitle(title, this.showTitle) : "", notice, isPictureCard ? uploadList : "", slots.trigger ? [uploadComponent, defaultSlot] : uploadComponent, !isSaasType && slots.tip && slots.tip(), isPictureCard ? "" : 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 pc = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-
-export { pc as default };
+export {
+  _sfc_main as default
+};

package/package.json

@@ -1,25 +1,25 @@
 {
   "name": "@opentinyvue/vue-file-upload",
-  "version": "2.22.0",
+  "version": "3.22.0",
   "description": "",
   "license": "MIT",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "dependencies": {
-    "@opentinyvue/vue-button": "~2.22.0",
-    "@opentinyvue/vue-common": "~2.22.0",
-    "@opentinyvue/vue-dialog-box": "~2.22.0",
-    "@opentinyvue/vue-icon": "~2.22.0",
-    "@opentinyvue/vue-input": "~2.22.0",
-    "@opentinyvue/vue-modal": "~2.22.0",
-    "@opentinyvue/vue-popover": "~2.22.0",
-    "@opentinyvue/vue-progress": "~2.22.0",
+    "@opentinyvue/vue-button": "~3.22.0",
+    "@opentinyvue/vue-common": "~3.22.0",
+    "@opentinyvue/vue-dialog-box": "~3.22.0",
+    "@opentinyvue/vue-icon": "~3.22.0",
+    "@opentinyvue/vue-input": "~3.22.0",
+    "@opentinyvue/vue-modal": "~3.22.0",
+    "@opentinyvue/vue-popover": "~3.22.0",
+    "@opentinyvue/vue-progress": "~3.22.0",
     "@opentinyvue/vue-renderless": "~3.22.0",
-    "@opentinyvue/vue-tooltip": "~2.22.0",
-    "@opentinyvue/vue-upload": "~2.22.0",
-    "@opentinyvue/vue-upload-list": "~2.22.0",
-    "@opentinyvue/vue-switch": "~2.22.0",
+    "@opentinyvue/vue-tooltip": "~3.22.0",
+    "@opentinyvue/vue-upload": "~3.22.0",
+    "@opentinyvue/vue-upload-list": "~3.22.0",
+    "@opentinyvue/vue-switch": "~3.22.0",
     "@opentinyvue/vue-theme": "~3.22.0",
     "streamsaver": "2.0.6"
   },