@v2coding/ui 1.4.1 → 1.4.3

package/dist/v2coding-ui.ssr.js

@@ -662,7 +662,8 @@ var Objects = {
 
   },
   uploadType: 'oss',
-  uploadSignUrl: '/aliyun/oss'
+  uploadSignUrl: '/aliyun/oss',
+  uploadPreviewServer: null
 };
 var DefaultSetting$1 = DefaultSetting;var defaultOptions = {
   timeout: 30000,
@@ -5445,6 +5446,14 @@ var script$l = {
       type: Boolean,
       default: false
     },
+    uploadPreviewServer: {
+      type: String,
+      default: function _default() {
+        var _getSetting3;
+
+        return (_getSetting3 = getSetting()) === null || _getSetting3 === void 0 ? void 0 : _getSetting3.uploadPreviewServer;
+      }
+    },
     customUpload: Function,
     needCreateAttachment: {
       type: Boolean,
@@ -5586,6 +5595,13 @@ var script$l = {
       this.onChange(cloneValue.join(','));
       this.$emit('deleteUpload', url);
     },
+    getPreviewUrl: function getPreviewUrl(url) {
+      if (this.uploadPreviewServer) {
+        return "".concat(this.uploadPreviewServer, "?fileUrl=").concat(url);
+      }
+
+      return url;
+    },
     getFileName: function getFileName(url) {
       var pathname = decodeURI(new URL(url).pathname);
       return pathname.substring(pathname.lastIndexOf('/') + 1);
@@ -5652,8 +5668,8 @@ var __vue_render__$l = function __vue_render__() {
     class: {
       disabled: _vm.uploading
     }
-  }, [_vm._v(_vm._s(_vm.labelText))])]) : _vm._e(), _vm._ssrNode(" <div class=\"files\" data-v-50ad7f34>" + _vm._ssrList(_vm.pickerValue, function (url, index) {
-    return !!url ? "<div class=\"file\" data-v-50ad7f34><i class=\"el-icon-document\" data-v-50ad7f34> </i> <a" + _vm._ssrAttr("href", url) + " target=\"_blank\"" + _vm._ssrAttr("title", _vm.getFileName(url)) + " data-v-50ad7f34>" + _vm._ssrEscape(_vm._s(_vm.getFileName(url))) + "</a> " + (_vm.hasDeleteBtn ? "<span class=\"close\" data-v-50ad7f34><i class=\"el-icon-close\" data-v-50ad7f34></i></span>" : "<!---->") + "</div>" : "<!---->";
+  }, [_vm._v(_vm._s(_vm.labelText))])]) : _vm._e(), _vm._ssrNode(" <div class=\"files\" data-v-c89bbdda>" + _vm._ssrList(_vm.pickerValue, function (url, index) {
+    return !!url ? "<div class=\"file\" data-v-c89bbdda><i class=\"el-icon-document\" data-v-c89bbdda> </i> <a" + _vm._ssrAttr("href", _vm.getPreviewUrl(url)) + " target=\"_blank\"" + _vm._ssrAttr("title", _vm.getFileName(url)) + " data-v-c89bbdda>" + _vm._ssrEscape(_vm._s(_vm.getFileName(url))) + "</a> " + (_vm.hasDeleteBtn ? "<span class=\"close\" data-v-c89bbdda><i class=\"el-icon-close\" data-v-c89bbdda></i></span>" : "<!---->") + "</div>" : "<!---->";
   }) + "</div>")], 2);
 };
 
@@ -5662,8 +5678,8 @@ var __vue_staticRenderFns__$l = [];
 
 var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-50ad7f34_0", {
-    source: ".ui-file-upload-field[data-v-50ad7f34]{width:100%}.ui-file-upload-field .uploader[data-v-50ad7f34]{margin-bottom:5px}.ui-file-upload-field .uploader.disabled[data-v-50ad7f34]  .el-upload{cursor:not-allowed;pointer-events:none}.ui-file-upload-field .uploader.disabled[data-v-50ad7f34]  .el-upload .upload-btn{color:#888c94;background-color:#edeef0}.ui-file-upload-field .upload-btn[data-v-50ad7f34]{padding:5px 10px;line-height:1;background-color:#409eff;color:#fff;font-size:12px;transition:background-color .3s}.ui-file-upload-field .upload-btn[data-v-50ad7f34]:hover{background-color:#0d84ff}.ui-file-upload-field .files[data-v-50ad7f34]{max-width:100%}.ui-file-upload-field .files .file[data-v-50ad7f34]{color:#606266;font-size:14px;transition:all .3s;cursor:pointer;display:grid;grid-template-columns:14px auto 28px;align-items:center;max-width:100%}.ui-file-upload-field .files .file a[data-v-50ad7f34]{color:#606266;transition:all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-file-upload-field .files .file .close[data-v-50ad7f34]{color:transparent;width:28px;text-align:center;visibility:hidden;transition:color .3s;font-weight:700}.ui-file-upload-field .files .file[data-v-50ad7f34]:hover{background-color:#f5f7fa}.ui-file-upload-field .files .file:hover a[data-v-50ad7f34]{color:var(--color-primary)}.ui-file-upload-field .files .file:hover .close[data-v-50ad7f34]{color:#409eff;visibility:visible}",
+  inject("data-v-c89bbdda_0", {
+    source: ".ui-file-upload-field[data-v-c89bbdda]{width:100%}.ui-file-upload-field .uploader[data-v-c89bbdda]{margin-bottom:5px}.ui-file-upload-field .uploader.disabled[data-v-c89bbdda]  .el-upload{cursor:not-allowed;pointer-events:none}.ui-file-upload-field .uploader.disabled[data-v-c89bbdda]  .el-upload .upload-btn{color:#888c94;background-color:#edeef0}.ui-file-upload-field .upload-btn[data-v-c89bbdda]{padding:5px 10px;line-height:1;background-color:#409eff;color:#fff;font-size:12px;transition:background-color .3s}.ui-file-upload-field .upload-btn[data-v-c89bbdda]:hover{background-color:#0d84ff}.ui-file-upload-field .files[data-v-c89bbdda]{max-width:100%}.ui-file-upload-field .files .file[data-v-c89bbdda]{color:#606266;font-size:14px;transition:all .3s;cursor:pointer;display:grid;grid-template-columns:14px auto 28px;align-items:center;max-width:100%}.ui-file-upload-field .files .file a[data-v-c89bbdda]{color:#606266;transition:all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-file-upload-field .files .file .close[data-v-c89bbdda]{color:transparent;width:28px;text-align:center;visibility:hidden;transition:color .3s;font-weight:700}.ui-file-upload-field .files .file[data-v-c89bbdda]:hover{background-color:#f5f7fa}.ui-file-upload-field .files .file:hover a[data-v-c89bbdda]{color:var(--color-primary)}.ui-file-upload-field .files .file:hover .close[data-v-c89bbdda]{color:#409eff;visibility:visible}",
     map: undefined,
     media: undefined
   });
@@ -5671,10 +5687,10 @@ var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$l = "data-v-50ad7f34";
+var __vue_scope_id__$l = "data-v-c89bbdda";
 /* module identifier */
 
-var __vue_module_identifier__$l = "data-v-50ad7f34";
+var __vue_module_identifier__$l = "data-v-c89bbdda";
 /* functional template */
 
 var __vue_is_functional_template__$l = false;
@@ -5698,6 +5714,23 @@ var script$k = {
       type: String,
       default: '上传图片'
     }
+  },
+  computed: {
+    previewSrcList: function previewSrcList() {
+      var _this = this;
+
+      if (!this.previewBtn) {
+        return [];
+      }
+
+      if (this.uploadPreviewServer) {
+        return this.pickerValue.map(function (url) {
+          return _this.getPreviewUrl(url);
+        });
+      }
+
+      return this.pickerValue;
+    }
   }
 };/* script */
 var __vue_script__$k = script$k;
@@ -5713,17 +5746,17 @@ var __vue_render__$k = function __vue_render__() {
   return _c('div', {
     staticClass: "ui-image-upload-field"
   }, [_vm._l(_vm.pickerValue, function (url, index) {
-    return _vm._ssrNode("<div class=\"item\" data-v-4f959319>", "</div>", [_c('el-image', {
+    return _vm._ssrNode("<div class=\"item\" data-v-2c075646>", "</div>", [_c('el-image', {
       staticStyle: {
         "width": "100%",
         "height": "100%"
       },
       attrs: {
-        "src": url,
-        "preview-src-list": _vm.previewBtn ? _vm.pickerValue : [],
+        "src": _vm.getPreviewUrl(url),
+        "preview-src-list": _vm.previewSrcList,
         "fit": "contain"
       }
-    }), _vm._ssrNode(" " + (_vm.hasDeleteBtn ? "<div class=\"remove\" data-v-4f959319><i class=\"el-icon-close\" data-v-4f959319></i></div>" : "<!---->"))], 2);
+    }), _vm._ssrNode(" " + (_vm.hasDeleteBtn ? "<div class=\"remove\" data-v-2c075646><i class=\"el-icon-close\" data-v-2c075646></i></div>" : "<!---->"))], 2);
   }), _vm._ssrNode(" "), !_vm.preview ? _c('el-upload', {
     staticClass: "uploader",
     class: {
@@ -5753,8 +5786,8 @@ var __vue_staticRenderFns__$k = [];
 
 var __vue_inject_styles__$k = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-4f959319_0", {
-    source: ".ui-image-upload-field[data-v-4f959319]{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.ui-image-upload-field .uploader.disabled[data-v-4f959319]  .el-upload{cursor:not-allowed;pointer-events:none}.ui-image-upload-field .uploader.disabled[data-v-4f959319]  .el-upload .upload-btn{background:#edeef0;color:#888c94}.ui-image-upload-field .item[data-v-4f959319]{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:140px;height:140px;margin-bottom:10px;margin-right:10px;border:1px dashed #d0d2d7;padding:8px;border-radius:2px;box-sizing:border-box}.ui-image-upload-field .item .remove[data-v-4f959319]{position:absolute;top:0;right:0;width:24px;height:24px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 22px;cursor:pointer}.ui-image-upload-field .item .remove .el-icon-close[data-v-4f959319]{position:absolute;top:4px;right:4px;color:#fff;font-size:14px}.ui-image-upload-field .item.upload-btn[data-v-4f959319]{background:#f7f8f9;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;color:#409eff}.ui-image-upload-field .item.upload-btn>.el-icon-plus[data-v-4f959319]{font-size:1.6em}.ui-image-upload-field .item.upload-btn>span[data-v-4f959319]{font-size:16px;line-height:1.2;margin-top:5px}.ui-image-upload-field .item:hover .modal[data-v-4f959319]{visibility:visible}.ui-image-upload-field[data-v-4f959319]  .preview{display:inline-block;width:auto;max-width:60%;left:50%;transform:translateX(-50%)}",
+  inject("data-v-2c075646_0", {
+    source: ".ui-image-upload-field[data-v-2c075646]{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.ui-image-upload-field .uploader.disabled[data-v-2c075646]  .el-upload{cursor:not-allowed;pointer-events:none}.ui-image-upload-field .uploader.disabled[data-v-2c075646]  .el-upload .upload-btn{background:#edeef0;color:#888c94}.ui-image-upload-field .item[data-v-2c075646]{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:140px;height:140px;margin-bottom:10px;margin-right:10px;border:1px dashed #d0d2d7;padding:8px;border-radius:2px;box-sizing:border-box}.ui-image-upload-field .item .remove[data-v-2c075646]{position:absolute;top:0;right:0;width:24px;height:24px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 22px;cursor:pointer}.ui-image-upload-field .item .remove .el-icon-close[data-v-2c075646]{position:absolute;top:4px;right:4px;color:#fff;font-size:14px}.ui-image-upload-field .item.upload-btn[data-v-2c075646]{background:#f7f8f9;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;color:#409eff}.ui-image-upload-field .item.upload-btn>.el-icon-plus[data-v-2c075646]{font-size:1.6em}.ui-image-upload-field .item.upload-btn>span[data-v-2c075646]{font-size:16px;line-height:1.2;margin-top:5px}.ui-image-upload-field .item:hover .modal[data-v-2c075646]{visibility:visible}.ui-image-upload-field[data-v-2c075646]  .preview{display:inline-block;width:auto;max-width:60%;left:50%;transform:translateX(-50%)}",
     map: undefined,
     media: undefined
   });
@@ -5762,10 +5795,10 @@ var __vue_inject_styles__$k = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$k = "data-v-4f959319";
+var __vue_scope_id__$k = "data-v-2c075646";
 /* module identifier */
 
-var __vue_module_identifier__$k = "data-v-4f959319";
+var __vue_module_identifier__$k = "data-v-2c075646";
 /* functional template */
 
 var __vue_is_functional_template__$k = false;
@@ -8363,7 +8396,7 @@ var script$9 = {
               totalPages = _ref.totalPages,
               no = _ref.no;
 
-          if (Array.isArray(data) && data.length <= 0 && no !== 1) {
+          if (Array.isArray(data) && data.length <= 0 && no > 1) {
             _this3.tablePageParams.no = totalPages;
 
             _this3.reload(params);
@@ -8982,7 +9015,7 @@ var __vue_staticRenderFns__$9 = [];
 
 var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-78fb1021_0", {
+  inject("data-v-15dbd404_0", {
     source: ".ui-table{flex:1;display:flex;flex-direction:column;z-index:0;background-color:#fff;padding:15px 20px}.ui-table .ui-table-select-bar{flex:none}.ui-table .ui-table-select-bar .ui-table-select{position:relative;padding-right:100px}.ui-table .ui-table-select-bar .ui-table-select.has-reset{padding-right:200px}.ui-table .ui-table-select-bar .ui-table-select .submit-item{position:absolute;top:0;right:0;margin-right:0;margin-bottom:0}.ui-table .ui-table-select-bar .el-input{width:200px}.ui-table .ui-table-tool-bar{padding:10px 0;flex:none;display:flex;flex-wrap:wrap;align-items:center;flex-direction:row;background-color:#fff}.ui-table .private-tools{z-index:1;position:absolute;top:8px;right:5px;display:flex;flex-direction:row;padding-left:20px}.ui-table .private-tools .tool+.tool{margin-left:5px}.ui-table .private-tools .el-button.el-tooltip{background:rgba(255,255,255,.6);backdrop-filter:blur(3px);box-shadow:0 0 3px #999}.ui-table .ui-table-alert{margin-bottom:10px;border:1px solid #b3d8ff;background-color:#ecf5ff;border-radius:3px;padding:8px 10px}.ui-table .ui-table-alert .el-icon-info{color:#409eff;margin-right:6px}.ui-table .ui-table-alert .el-button--text{padding:0;margin-left:10px}.ui-table .el-table{flex:1;border:1px solid #ebeef5;border-bottom:none;z-index:0}.ui-table .footer-bar{flex:none;display:block;padding:20px 15px 15px;background-color:#fff}.ui-table .footer-bar .el-pagination{padding:0;display:flex;flex-direction:row-reverse}.ui-table .footer-bar .el-pagination .el-pagination__rightwrapper+*{flex:1;text-align:left}.ui-table .footer-bar .el-pagination::after,.ui-table .footer-bar .el-pagination::before{content:unset}.ui-table .ui-table-empty{padding-top:110px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg0IiBoZWlnaHQ9IjE1MiIgdmlld0JveD0iMCAwIDE4NCAxNTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0IDMxLjY3KSI+CiAgICAgIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjgiIGZpbGw9IiNGNUY1RjciIGN4PSI2Ny43OTciIGN5PSIxMDYuODkiIHJ4PSI2Ny43OTciIHJ5PSIxMi42NjgiPjwvZWxsaXBzZT4KICAgICAgPHBhdGggZD0iTTEyMi4wMzQgNjkuNjc0TDk4LjEwOSA0MC4yMjljLTEuMTQ4LTEuMzg2LTIuODI2LTIuMjI1LTQuNTkzLTIuMjI1aC01MS40NGMtMS43NjYgMC0zLjQ0NC44MzktNC41OTIgMi4yMjVMMTMuNTYgNjkuNjc0djE1LjM4M2gxMDguNDc1VjY5LjY3NHoiIGZpbGw9IiNBRUI4QzIiPjwvcGF0aD4KICAgICAgPHBhdGggZD0iTTEwMS41MzcgODYuMjE0TDgwLjYzIDYxLjEwMmMtMS4wMDEtMS4yMDctMi41MDctMS44NjctNC4wNDgtMS44NjdIMzEuNzI0Yy0xLjU0IDAtMy4wNDcuNjYtNC4wNDggMS44NjdMNi43NjkgODYuMjE0djEzLjc5Mmg5NC43NjhWODYuMjE0eiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMuNTYpIj48L3BhdGg+CiAgICAgIDxwYXRoIGQ9Ik0zMy44MyAwaDY3LjkzM2E0IDQgMCAwIDEgNCA0djkzLjM0NGE0IDQgMCAwIDEtNCA0SDMzLjgzYTQgNCAwIDAgMS00LTRWNGE0IDQgMCAwIDEgNC00eiIgZmlsbD0iI0Y1RjVGNyI+PC9wYXRoPgogICAgICA8cGF0aAogICAgICAgIGQ9Ik00Mi42NzggOS45NTNoNTAuMjM3YTIgMiAwIDAgMSAyIDJWMzYuOTFhMiAyIDAgMCAxLTIgMkg0Mi42NzhhMiAyIDAgMCAxLTItMlYxMS45NTNhMiAyIDAgMCAxIDItMnpNNDIuOTQgNDkuNzY3aDQ5LjcxM2EyLjI2MiAyLjI2MiAwIDEgMSAwIDQuNTI0SDQyLjk0YTIuMjYyIDIuMjYyIDAgMCAxIDAtNC41MjR6TTQyLjk0IDYxLjUzaDQ5LjcxM2EyLjI2MiAyLjI2MiAwIDEgMSAwIDQuNTI1SDQyLjk0YTIuMjYyIDIuMjYyIDAgMCAxIDAtNC41MjV6TTEyMS44MTMgMTA1LjAzMmMtLjc3NSAzLjA3MS0zLjQ5NyA1LjM2LTYuNzM1IDUuMzZIMjAuNTE1Yy0zLjIzOCAwLTUuOTYtMi4yOS02LjczNC01LjM2YTcuMzA5IDcuMzA5IDAgMCAxLS4yMjItMS43OVY2OS42NzVoMjYuMzE4YzIuOTA3IDAgNS4yNSAyLjQ0OCA1LjI1IDUuNDJ2LjA0YzAgMi45NzEgMi4zNyA1LjM3IDUuMjc3IDUuMzdoMzQuNzg1YzIuOTA3IDAgNS4yNzctMi40MjEgNS4yNzctNS4zOTNWNzUuMWMwLTIuOTcyIDIuMzQzLTUuNDI2IDUuMjUtNS40MjZoMjYuMzE4djMzLjU2OWMwIC42MTctLjA3NyAxLjIxNi0uMjIxIDEuNzg5eiIKICAgICAgICBmaWxsPSIjRENFMEU2Ij48L3BhdGg+CiAgICA8L2c+CiAgICA8cGF0aCBkPSJNMTQ5LjEyMSAzMy4yOTJsLTYuODMgMi42NWExIDEgMCAwIDEtMS4zMTctMS4yM2wxLjkzNy02LjIwN2MtMi41ODktMi45NDQtNC4xMDktNi41MzQtNC4xMDktMTAuNDA4QzEzOC44MDIgOC4xMDIgMTQ4LjkyIDAgMTYxLjQwMiAwIDE3My44ODEgMCAxODQgOC4xMDIgMTg0IDE4LjA5N2MwIDkuOTk1LTEwLjExOCAxOC4wOTctMjIuNTk5IDE4LjA5Ny00LjUyOCAwLTguNzQ0LTEuMDY2LTEyLjI4LTIuOTAyeiIgZmlsbD0iI0RDRTBFNiI+PC9wYXRoPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ5LjY1IDE1LjM4MykiIGZpbGw9IiNGRkYiPgogICAgICA8ZWxsaXBzZSBjeD0iMjAuNjU0IiBjeT0iMy4xNjciIHJ4PSIyLjg0OSIgcnk9IjIuODE1Ij48L2VsbGlwc2U+CiAgICAgIDxwYXRoIGQ9Ik01LjY5OCA1LjYzSDBMMi44OTguNzA0ek05LjI1OS43MDRoNC45ODVWNS42M0g5LjI1OXoiPjwvcGF0aD4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center top no-repeat;background-size:auto 100px;color:rgba(0,0,0,.65);font-size:14px;line-height:22px;text-align:center}.column-label{width:80px;display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-table-column-action .el-button{box-shadow:none;padding:0;line-height:inherit}",
     map: undefined,
     media: undefined
@@ -8994,7 +9027,7 @@ var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$9 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$9 = "data-v-78fb1021";
+var __vue_module_identifier__$9 = "data-v-15dbd404";
 /* functional template */
 
 var __vue_is_functional_template__$9 = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@v2coding/ui",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "description": "",
   "main": "dist/v2coding-ui.ssr.js",
   "browser": "dist/v2coding-ui.esm.js",