@bytenew/bn-applet-ui 1.1.17 → 1.1.18

package/dist/bn-applet-ui.umd.js

@@ -35,7 +35,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.bn-fi-tax-auto-complete-pop-container
 
 /***/ },
 
-/***/ 9471
+/***/ 9959
 (module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -206,7 +206,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `*[data-v-a5f24f64]{box-sizing:border-b
 
 /***/ },
 
-/***/ 1119
+/***/ 6408
 (module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -223,7 +223,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.minWidth[data-v-20b163d4]{min-width:92px}.bnFileView[data-v-20b163d4]{width:100%;vertical-align:middle}.bnFileView-showDetail[data-v-20b163d4]{width:100%;padding:5px 12px}.bnFileView-body[data-v-20b163d4]{display:flex;flex-wrap:wrap;width:100%}.bnFileView-item[data-v-20b163d4]{display:flex;position:relative;vertical-align:middle;border-radius:2px;font-size:0;text-align:center;border:1px solid #ebeef5;margin:2px 4px 2px 0;align-items:center;overflow:hidden}.bnFileView-item-img[data-v-20b163d4]{display:inherit;position:relative;cursor:pointer}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.minWidth[data-v-27b6fb78]{min-width:92px}.bnFileView[data-v-27b6fb78]{width:100%;vertical-align:middle}.bnFileView-showDetail[data-v-27b6fb78]{width:100%;padding:5px 12px}.bnFileView-body[data-v-27b6fb78]{display:flex;flex-wrap:wrap;width:100%}.bnFileView-item[data-v-27b6fb78]{display:flex;position:relative;vertical-align:middle;border-radius:2px;font-size:0;text-align:center;border:1px solid #ebeef5;margin:2px 4px 2px 0;align-items:center;overflow:hidden}.bnFileView-item-img[data-v-27b6fb78]{display:inherit;position:relative;cursor:pointer}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -784,19 +784,19 @@ var update = add("c4229194", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ },
 
-/***/ 4906
+/***/ 8002
 (module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(9471);
+var content = __webpack_require__(9959);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("3373f29e", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("6aa55bfc", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ },
 
@@ -896,19 +896,19 @@ var update = add("3698972a", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ },
 
-/***/ 576
+/***/ 9732
 (module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(1119);
+var content = __webpack_require__(6408);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("e3c2d5d4", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("780b4f9c", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ },
 
@@ -12580,29 +12580,28 @@ var bnDropdown_component = normalizeComponent(
 )
 
 /* harmony default export */ const bnDropdown = (bnDropdown_component.exports);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/BnFileView/BnFileView.vue?vue&type=template&id=20b163d4&scoped=true
-var BnFileViewvue_type_template_id_20b163d4_scoped_true_render = function render() {
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/BnFileView/BnFileView.vue?vue&type=template&id=27b6fb78&scoped=true
+var BnFileViewvue_type_template_id_27b6fb78_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "bnFileView",
     style: _vm.viewStyle
-  }, [_c('el-image', {
-    ref: "imageRef",
-    staticStyle: {
-      "width": "0",
-      "height": "0",
-      "position": "absolute",
-      "overflow": "hidden"
-    },
+  }, [_c('videoPreview', {
+    ref: "videoRef"
+  }), _c('viewer', {
+    ref: "viewer",
     attrs: {
-      "src": _vm.imgPreviewUrl,
-      "preview-src-list": _vm.imgPreviewUrlList,
-      "fit": "cover"
+      "images": _vm.fileList,
+      "options": {
+        url: 'data-source'
+      },
+      "rebuild": ""
+    },
+    on: {
+      "inited": _vm.initViewer
     }
-  }), _c('videoPreview', {
-    ref: "videoRef"
-  }), _c('div', {
+  }, [_c('div', {
     staticClass: "bnFileView-body"
   }, _vm._l(_vm.fileList, function (file, index) {
     return _c('div', {
@@ -12657,7 +12656,8 @@ var BnFileViewvue_type_template_id_20b163d4_scoped_true_render = function render
       style: _vm.widthStyle,
       attrs: {
         "slot": "reference",
-        "src": _vm.getFileImg(file)
+        "src": _vm.getFileImg(file),
+        "data-source": _vm.includesType(_vm.pictureType, file.type) ? file.url : undefined
       },
       slot: "reference"
     })], 1)], 1), !_vm.isMini ? _c('fileDetail', {
@@ -12677,9 +12677,9 @@ var BnFileViewvue_type_template_id_20b163d4_scoped_true_render = function render
         "delFile": _vm.delFile
       }
     }) : _vm._e()], 1);
-  }), 0)], 1);
+  }), 0)])], 1);
 };
-var BnFileViewvue_type_template_id_20b163d4_scoped_true_staticRenderFns = [];
+var BnFileViewvue_type_template_id_27b6fb78_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.error.to-string.js
 var es_error_to_string = __webpack_require__(6918);
@@ -12958,8 +12958,6 @@ var FileDetail_component = normalizeComponent(
 
 
 
-
-
 
 
 
@@ -13041,25 +13039,11 @@ var FileDetail_component = normalizeComponent(
       } else {
         return false;
       }
-    },
-    // 整理图片列表
-    imgPreviewUrlList: function imgPreviewUrlList() {
-      var _this = this;
-      var list = [];
-      if (this.fileList) {
-        this.fileList.forEach(function (i) {
-          if (_this.includesType(_this.pictureType, i.type)) {
-            list.push(i.url);
-          }
-        });
-      }
-      return list;
     }
   },
   data: function data() {
     return {
-      imgPreviewIndex: 0,
-      imgPreviewUrl: '',
+      viewer: null,
       fileType: [".jpg", ".png", ".jpeg", ".img", ".gif", ".bmp", ".jfif", ".webp", ".xls", ".xlsx", ".ppt", ".pptx", ".doc", ".pdf", ".docx", ".mp4", ".webm", ".ogg", ".3gp", ".avi", ".mpeg", ".ogv", ".mpg", ".mov", ".rmvb", ".mkv"],
       officeFileTypes: [".xls", ".csv", ".xlsx", ".ppt", ".pptx", ".doc", ".docx", ".pdf"],
       //office文件类型
@@ -13078,18 +13062,29 @@ var FileDetail_component = normalizeComponent(
     /**
      * 打开文件预览，一般是除了图片、视频、音频这些无法预览的附件类型
      * */
+    initViewer: function initViewer(view) {
+      this.viewer = view;
+    },
+    showViewer: function showViewer(index) {
+      var _this = this;
+      var num = 0;
+      this.fileList.forEach(function (file, indexFile) {
+        if (indexFile <= index && !_this.includesType(_this.pictureType, file.type)) {
+          num++;
+        }
+      });
+      var viewer = this.viewer || this.$refs.viewer.$viewer;
+      if (viewer) {
+        viewer.view(index === 0 ? index : index - num);
+      }
+    },
     lookFile: function lookFile(file) {
-      var _this2 = this;
       // 图片预览
       if (this.includesType(this.pictureType, file.type)) {
-        this.imgPreviewUrl = file.url;
-        this.imgPreviewIndex = this.imgPreviewUrlList.indexOf(file.url);
-        // Element UI 2.x 使用 clickHandler 触发预览
-        this.$nextTick(function () {
-          if (_this2.$refs.imageRef && _this2.$refs.imageRef.clickHandler) {
-            _this2.$refs.imageRef.clickHandler();
-          }
-        });
+        var index = this.fileList.indexOf(file);
+        if (index >= 0) {
+          this.showViewer(index);
+        }
       } else if (this.includesType(this.videoType, file.type)) {
         //  视频播放
         this.$refs.videoRef.open(file.url);
@@ -13157,13 +13152,13 @@ var FileDetail_component = normalizeComponent(
 });
 ;// ./packages/BnFileView/BnFileView.vue?vue&type=script&lang=js
  /* harmony default export */ const BnFileView_BnFileViewvue_type_script_lang_js = (BnFileViewvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/BnFileView/BnFileView.vue?vue&type=style&index=0&id=20b163d4&prod&lang=css
-var BnFileViewvue_type_style_index_0_id_20b163d4_prod_lang_css = __webpack_require__(4906);
-;// ./packages/BnFileView/BnFileView.vue?vue&type=style&index=0&id=20b163d4&prod&lang=css
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/BnFileView/BnFileView.vue?vue&type=style&index=0&id=27b6fb78&prod&lang=css
+var BnFileViewvue_type_style_index_0_id_27b6fb78_prod_lang_css = __webpack_require__(8002);
+;// ./packages/BnFileView/BnFileView.vue?vue&type=style&index=0&id=27b6fb78&prod&lang=css
 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/BnFileView/BnFileView.vue?vue&type=style&index=1&id=20b163d4&prod&lang=scss&scoped=true
-var BnFileViewvue_type_style_index_1_id_20b163d4_prod_lang_scss_scoped_true = __webpack_require__(576);
-;// ./packages/BnFileView/BnFileView.vue?vue&type=style&index=1&id=20b163d4&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/BnFileView/BnFileView.vue?vue&type=style&index=1&id=27b6fb78&prod&lang=scss&scoped=true
+var BnFileViewvue_type_style_index_1_id_27b6fb78_prod_lang_scss_scoped_true = __webpack_require__(9732);
+;// ./packages/BnFileView/BnFileView.vue?vue&type=style&index=1&id=27b6fb78&prod&lang=scss&scoped=true
 
 ;// ./packages/BnFileView/BnFileView.vue
 
@@ -13177,11 +13172,11 @@ var BnFileViewvue_type_style_index_1_id_20b163d4_prod_lang_scss_scoped_true = __
 
 var BnFileView_component = normalizeComponent(
   BnFileView_BnFileViewvue_type_script_lang_js,
-  BnFileViewvue_type_template_id_20b163d4_scoped_true_render,
-  BnFileViewvue_type_template_id_20b163d4_scoped_true_staticRenderFns,
+  BnFileViewvue_type_template_id_27b6fb78_scoped_true_render,
+  BnFileViewvue_type_template_id_27b6fb78_scoped_true_staticRenderFns,
   false,
   null,
-  "20b163d4",
+  "27b6fb78",
   null
   
 )