meixioacomponent 2.0.53 → 2.0.56

package/lib/components/index.d.ts

@@ -60,7 +60,7 @@ declare const meixioacomponent: {
     SelectStore: any;
     useImg: {
         dynamicMount: import("../typings/type").DynamicMountInterface | null;
-        toView(list: any[]): void;
+        toView(list: any[], index?: number): void;
         destroy: () => void;
     };
     UseDrag: any;

package/lib/config/use/UseImg.d.ts

@@ -2,7 +2,7 @@ import { DynamicMountInterface, UserImgInterface } from "../../typings/type";
 declare class UseImg implements UserImgInterface {
     dynamicMount: DynamicMountInterface | null;
     constructor();
-    toView(list: any[]): void;
+    toView(list: any[], index?: number): void;
     destroy: () => void;
 }
 declare let useImg: UseImg;

package/lib/config/use/UseImg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseImg.d.ts","sourceRoot":"","sources":["../../../packages/config/use/UseImg.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,qBAAqB,EAAE,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAG3E,cAAM,MAAO,YAAW,gBAAgB;IACpC,YAAY,EAAE,qBAAqB,GAAG,IAAI,CAAC;;IAM3C,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE;IAuBlB,OAAO,aAON;CACJ;AAED,QAAA,IAAI,MAAM,QAAe,CAAC;AAE1B,eAAe,MAAM,CAAC"}
+{"version":3,"file":"UseImg.d.ts","sourceRoot":"","sources":["../../../packages/config/use/UseImg.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,qBAAqB,EAAE,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAG3E,cAAM,MAAO,YAAW,gBAAgB;IACpC,YAAY,EAAE,qBAAqB,GAAG,IAAI,CAAC;;IAM3C,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,KAAK,GAAE,MAAU;IAwBrC,OAAO,aAON;CACJ;AAED,QAAA,IAAI,MAAM,QAAe,CAAC;AAE1B,eAAe,MAAM,CAAC"}

package/lib/config/use/UseImg.js

@@ -18,7 +18,7 @@ class UseImg {
         };
         this.dynamicMount = null;
     }
-    toView(list) {
+    toView(list, index = 0) {
         if (this.dynamicMount) {
             this.destroy();
         }
@@ -31,6 +31,7 @@ class UseImg {
                     onClose: () => {
                         this.destroy();
                     },
+                    initialIndex: index,
                     zIndex: componentConfig_1.default.dynamicId
                 },
                 vueComponent: image_viewer_vue_1.default,

package/lib/meixioacomponent.common.js

@@ -391,7 +391,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./packages/components/base/baseImg/baseImg.vue + 5 modules
-var baseImg = __webpack_require__(6030);
+var baseImg = __webpack_require__(6018);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(7658);
 // EXTERNAL MODULE: ./node_modules/tdesign-icons-vue/esm/_chunks/dep-a77ab85e.js
@@ -1472,7 +1472,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 2572:
+/***/ 4280:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1484,22 +1484,22 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ image_viewer; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/base/baseImageViewer/image-viewer.vue?vue&type=template&id=73e8e9a2&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/base/baseImageViewer/image-viewer.vue?vue&type=template&id=5280d2d2&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('t-image-viewer', {
     attrs: {
-      "visible": _vm.visible,
-      "images": _vm.urlList,
-      "closeOnEscKeydown": true,
-      "z-index": _vm.zIndex,
       "close-on-overlay": _vm.maskClosable,
-      "index": _vm.initialIndex
+      "closeOnEscKeydown": true,
+      "images": _vm.urlList,
+      "default-index": _vm.index,
+      "visible": _vm.visible,
+      "z-index": _vm.zIndex
     },
     on: {
-      "index-change": _vm.onSwitch,
-      "close": _vm.onClose
+      "close": _vm.onClose,
+      "index-change": _vm.onSwitch
     }
   })], 1);
 };
@@ -1544,9 +1544,13 @@ var staticRenderFns = [];
   },
   data() {
     return {
-      visible: false
+      visible: false,
+      index: 0
     };
   },
+  created() {
+    this.index = this.$props.initialIndex;
+  },
   computed: {
     model: {
       set(val) {
@@ -1592,7 +1596,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 6030:
+/***/ 6018:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1602,7 +1606,7 @@ __webpack_require__.d(__webpack_exports__, {
   "Z": function() { return /* binding */ baseImg; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/base/baseImg/baseImg.vue?vue&type=template&id=41d14afc&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/base/baseImg/baseImg.vue?vue&type=template&id=3a3ded1e&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1931,13 +1935,7 @@ var ImageError = external_commonjs_vue_commonjs2_vue_root_Vue_default().extend({
     },
     viewListImg(index, imgList) {
       let templateList = [...imgList];
-      if (index === 0) {
-        UseImg["default"].toView(templateList);
-        return;
-      }
-      let start = templateList.splice(index);
-      let remain = templateList.splice(0, index);
-      UseImg["default"].toView(start.concat(remain));
+      UseImg["default"].toView(templateList, index);
     },
     iconClick() {
       this.$emit("iconClick");
@@ -1952,9 +1950,9 @@ var ImageError = external_commonjs_vue_commonjs2_vue_root_Vue_default().extend({
 });
 ;// CONCATENATED MODULE: ./packages/components/base/baseImg/baseImg.vue?vue&type=script&lang=js&
  /* harmony default export */ var baseImg_baseImgvue_type_script_lang_js_ = (baseImgvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/base/baseImg/baseImg.vue?vue&type=style&index=0&id=41d14afc&prod&lang=less&scoped=true&
-var baseImgvue_type_style_index_0_id_41d14afc_prod_lang_less_scoped_true_ = __webpack_require__(2142);
-;// CONCATENATED MODULE: ./packages/components/base/baseImg/baseImg.vue?vue&type=style&index=0&id=41d14afc&prod&lang=less&scoped=true&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/base/baseImg/baseImg.vue?vue&type=style&index=0&id=3a3ded1e&prod&lang=less&scoped=true&
+var baseImgvue_type_style_index_0_id_3a3ded1e_prod_lang_less_scoped_true_ = __webpack_require__(5354);
+;// CONCATENATED MODULE: ./packages/components/base/baseImg/baseImg.vue?vue&type=style&index=0&id=3a3ded1e&prod&lang=less&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(3736);
@@ -1973,7 +1971,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "41d14afc",
+  "3a3ded1e",
   null
   
 )
@@ -3559,7 +3557,7 @@ var uploadMediaViewvue_type_template_id_e0358ae4_scoped_true_render = function r
 var uploadMediaViewvue_type_template_id_e0358ae4_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./packages/components/base/baseImg/baseImg.vue + 5 modules
-var baseImg = __webpack_require__(6030);
+var baseImg = __webpack_require__(6018);
 // EXTERNAL MODULE: ./packages/components/base/baseVideo/index.vue + 5 modules
 var baseVideo = __webpack_require__(1809);
 // EXTERNAL MODULE: ./node_modules/tdesign-icons-vue/esm/components/close.js
@@ -3890,7 +3888,7 @@ var es_array_push = __webpack_require__(7658);
 // EXTERNAL MODULE: ./packages/components/base/baseVideo/index.vue + 5 modules
 var baseVideo = __webpack_require__(1809);
 // EXTERNAL MODULE: ./packages/components/base/baseImg/baseImg.vue + 5 modules
-var baseImg = __webpack_require__(6030);
+var baseImg = __webpack_require__(6018);
 // EXTERNAL MODULE: ./packages/components/base/upload/uploadItem.vue + 4 modules
 var uploadItem = __webpack_require__(7437);
 // EXTERNAL MODULE: ./node_modules/tdesign-icons-vue/esm/components/upload.js
@@ -27769,7 +27767,7 @@ baseIcon.install = function (Vue) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _image_viewer_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2572);
+/* harmony import */ var _image_viewer_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4280);
 
 _image_viewer_vue__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (Vue) {
   Vue.component(_image_viewer_vue__WEBPACK_IMPORTED_MODULE_0__["default"].name, _image_viewer_vue__WEBPACK_IMPORTED_MODULE_0__["default"]);
@@ -27783,7 +27781,7 @@ _image_viewer_vue__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (Vu
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _baseImg_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6030);
+/* harmony import */ var _baseImg_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6018);
 
 _baseImg_vue__WEBPACK_IMPORTED_MODULE_0__/* ["default"].install */ .Z.install = function (Vue) {
   Vue.component(_baseImg_vue__WEBPACK_IMPORTED_MODULE_0__/* ["default"].name */ .Z.name, _baseImg_vue__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z);
@@ -28941,7 +28939,7 @@ var staticRenderFns = [];
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(7658);
 // EXTERNAL MODULE: ./packages/components/base/baseImg/baseImg.vue + 5 modules
-var baseImg = __webpack_require__(6030);
+var baseImg = __webpack_require__(6018);
 // EXTERNAL MODULE: ./packages/components/base/baseAvatar/baseAvatar.vue + 5 modules
 var baseAvatar = __webpack_require__(8757);
 // EXTERNAL MODULE: ./packages/components/base/baseUpload/baseUploadItem.vue + 5 modules
@@ -33569,7 +33567,7 @@ exports["default"] = useGuide;
 
 exports.__esModule = true;
 // @ts-ignore
-var image_viewer_vue_1 = __webpack_require__(2572);
+var image_viewer_vue_1 = __webpack_require__(4280);
 var DynamicMountClass_1 = __webpack_require__(1716);
 var componentConfig_1 = __webpack_require__(2193);
 var UseImg = /** @class */function () {
@@ -33584,8 +33582,11 @@ var UseImg = /** @class */function () {
     };
     this.dynamicMount = null;
   }
-  UseImg.prototype.toView = function (list) {
+  UseImg.prototype.toView = function (list, index) {
     var _this = this;
+    if (index === void 0) {
+      index = 0;
+    }
     if (this.dynamicMount) {
       this.destroy();
     }
@@ -33598,6 +33599,7 @@ var UseImg = /** @class */function () {
           onClose: function () {
             _this.destroy();
           },
+          initialIndex: index,
           zIndex: componentConfig_1["default"].dynamicId
         },
         vueComponent: image_viewer_vue_1["default"]
@@ -37655,7 +37657,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".base-icon-wrap[data-v-7c18c836]{width
 
 /***/ }),
 
-/***/ 2951:
+/***/ 6587:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -37669,7 +37671,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, ".base-img-wrap[data-v-41d14afc],.base-img-wrap img[data-v-41d14afc]{width:100%;height:100%}.base-img-wrap img[data-v-41d14afc]{border-radius:inherit}.base-img-wrap .img-error-wrap[data-v-41d14afc]{width:100%;height:100%;display:flex;align-items:center;flex-flow:row nowrap;justify-content:center}.cir[data-v-41d14afc]{border-radius:50%}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".base-img-wrap[data-v-3a3ded1e],.base-img-wrap img[data-v-3a3ded1e]{width:100%;height:100%}.base-img-wrap img[data-v-3a3ded1e]{border-radius:inherit}.base-img-wrap .img-error-wrap[data-v-3a3ded1e]{width:100%;height:100%;display:flex;align-items:center;flex-flow:row nowrap;justify-content:center}.cir[data-v-3a3ded1e]{border-radius:50%}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -39806,19 +39808,19 @@ var update = add("f1d6be54", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 2142:
+/***/ 5354:
 /***/ (function(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__(2951);
+var content = __webpack_require__(6587);
 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__(9185)/* ["default"] */ .Z)
-var update = add("73a43b13", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("148968b5", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 

package/lib/meixioacomponent.umd.js

@@ -401,7 +401,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./packages/components/base/baseImg/baseImg.vue + 5 modules
-var baseImg = __webpack_require__(6170);
+var baseImg = __webpack_require__(1157);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(7658);
 // EXTERNAL MODULE: ./node_modules/tdesign-icons-vue/esm/_chunks/dep-a77ab85e.js
@@ -1482,7 +1482,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 6018:
+/***/ 7850:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1494,22 +1494,22 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ image_viewer; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-86.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/base/baseImageViewer/image-viewer.vue?vue&type=template&id=73e8e9a2&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-86.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/base/baseImageViewer/image-viewer.vue?vue&type=template&id=5280d2d2&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('t-image-viewer', {
     attrs: {
-      "visible": _vm.visible,
-      "images": _vm.urlList,
-      "closeOnEscKeydown": true,
-      "z-index": _vm.zIndex,
       "close-on-overlay": _vm.maskClosable,
-      "index": _vm.initialIndex
+      "closeOnEscKeydown": true,
+      "images": _vm.urlList,
+      "default-index": _vm.index,
+      "visible": _vm.visible,
+      "z-index": _vm.zIndex
     },
     on: {
-      "index-change": _vm.onSwitch,
-      "close": _vm.onClose
+      "close": _vm.onClose,
+      "index-change": _vm.onSwitch
     }
   })], 1);
 };
@@ -1554,9 +1554,13 @@ var staticRenderFns = [];
   },
   data() {
     return {
-      visible: false
+      visible: false,
+      index: 0
     };
   },
+  created() {
+    this.index = this.$props.initialIndex;
+  },
   computed: {
     model: {
       set(val) {
@@ -1602,7 +1606,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 6170:
+/***/ 1157:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1612,7 +1616,7 @@ __webpack_require__.d(__webpack_exports__, {
   "Z": function() { return /* binding */ baseImg; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-86.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/base/baseImg/baseImg.vue?vue&type=template&id=41d14afc&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-86.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/base/baseImg/baseImg.vue?vue&type=template&id=3a3ded1e&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1941,13 +1945,7 @@ var ImageError = external_commonjs_vue_commonjs2_vue_root_Vue_default().extend({
     },
     viewListImg(index, imgList) {
       let templateList = [...imgList];
-      if (index === 0) {
-        UseImg["default"].toView(templateList);
-        return;
-      }
-      let start = templateList.splice(index);
-      let remain = templateList.splice(0, index);
-      UseImg["default"].toView(start.concat(remain));
+      UseImg["default"].toView(templateList, index);
     },
     iconClick() {
       this.$emit("iconClick");
@@ -1962,9 +1960,9 @@ var ImageError = external_commonjs_vue_commonjs2_vue_root_Vue_default().extend({
 });
 ;// CONCATENATED MODULE: ./packages/components/base/baseImg/baseImg.vue?vue&type=script&lang=js&
  /* harmony default export */ var baseImg_baseImgvue_type_script_lang_js_ = (baseImgvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-78.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-78.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-78.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-78.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-78.use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/base/baseImg/baseImg.vue?vue&type=style&index=0&id=41d14afc&prod&lang=less&scoped=true&
-var baseImgvue_type_style_index_0_id_41d14afc_prod_lang_less_scoped_true_ = __webpack_require__(8552);
-;// CONCATENATED MODULE: ./packages/components/base/baseImg/baseImg.vue?vue&type=style&index=0&id=41d14afc&prod&lang=less&scoped=true&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-78.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-78.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-78.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-78.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-78.use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/components/base/baseImg/baseImg.vue?vue&type=style&index=0&id=3a3ded1e&prod&lang=less&scoped=true&
+var baseImgvue_type_style_index_0_id_3a3ded1e_prod_lang_less_scoped_true_ = __webpack_require__(6860);
+;// CONCATENATED MODULE: ./packages/components/base/baseImg/baseImg.vue?vue&type=style&index=0&id=3a3ded1e&prod&lang=less&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(3736);
@@ -1983,7 +1981,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "41d14afc",
+  "3a3ded1e",
   null
   
 )
@@ -3569,7 +3567,7 @@ var uploadMediaViewvue_type_template_id_e0358ae4_scoped_true_render = function r
 var uploadMediaViewvue_type_template_id_e0358ae4_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./packages/components/base/baseImg/baseImg.vue + 5 modules
-var baseImg = __webpack_require__(6170);
+var baseImg = __webpack_require__(1157);
 // EXTERNAL MODULE: ./packages/components/base/baseVideo/index.vue + 5 modules
 var baseVideo = __webpack_require__(4989);
 // EXTERNAL MODULE: ./node_modules/tdesign-icons-vue/esm/components/close.js
@@ -3900,7 +3898,7 @@ var es_array_push = __webpack_require__(7658);
 // EXTERNAL MODULE: ./packages/components/base/baseVideo/index.vue + 5 modules
 var baseVideo = __webpack_require__(4989);
 // EXTERNAL MODULE: ./packages/components/base/baseImg/baseImg.vue + 5 modules
-var baseImg = __webpack_require__(6170);
+var baseImg = __webpack_require__(1157);
 // EXTERNAL MODULE: ./packages/components/base/upload/uploadItem.vue + 4 modules
 var uploadItem = __webpack_require__(285);
 // EXTERNAL MODULE: ./node_modules/tdesign-icons-vue/esm/components/upload.js
@@ -27779,7 +27777,7 @@ baseIcon.install = function (Vue) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _image_viewer_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6018);
+/* harmony import */ var _image_viewer_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7850);
 
 _image_viewer_vue__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (Vue) {
   Vue.component(_image_viewer_vue__WEBPACK_IMPORTED_MODULE_0__["default"].name, _image_viewer_vue__WEBPACK_IMPORTED_MODULE_0__["default"]);
@@ -27793,7 +27791,7 @@ _image_viewer_vue__WEBPACK_IMPORTED_MODULE_0__["default"].install = function (Vu
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _baseImg_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6170);
+/* harmony import */ var _baseImg_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1157);
 
 _baseImg_vue__WEBPACK_IMPORTED_MODULE_0__/* ["default"].install */ .Z.install = function (Vue) {
   Vue.component(_baseImg_vue__WEBPACK_IMPORTED_MODULE_0__/* ["default"].name */ .Z.name, _baseImg_vue__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z);
@@ -28951,7 +28949,7 @@ var staticRenderFns = [];
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(7658);
 // EXTERNAL MODULE: ./packages/components/base/baseImg/baseImg.vue + 5 modules
-var baseImg = __webpack_require__(6170);
+var baseImg = __webpack_require__(1157);
 // EXTERNAL MODULE: ./packages/components/base/baseAvatar/baseAvatar.vue + 5 modules
 var baseAvatar = __webpack_require__(7951);
 // EXTERNAL MODULE: ./packages/components/base/baseUpload/baseUploadItem.vue + 5 modules
@@ -33579,7 +33577,7 @@ exports["default"] = useGuide;
 
 exports.__esModule = true;
 // @ts-ignore
-var image_viewer_vue_1 = __webpack_require__(6018);
+var image_viewer_vue_1 = __webpack_require__(7850);
 var DynamicMountClass_1 = __webpack_require__(485);
 var componentConfig_1 = __webpack_require__(2700);
 var UseImg = /** @class */function () {
@@ -33594,8 +33592,11 @@ var UseImg = /** @class */function () {
     };
     this.dynamicMount = null;
   }
-  UseImg.prototype.toView = function (list) {
+  UseImg.prototype.toView = function (list, index) {
     var _this = this;
+    if (index === void 0) {
+      index = 0;
+    }
     if (this.dynamicMount) {
       this.destroy();
     }
@@ -33608,6 +33609,7 @@ var UseImg = /** @class */function () {
           onClose: function () {
             _this.destroy();
           },
+          initialIndex: index,
           zIndex: componentConfig_1["default"].dynamicId
         },
         vueComponent: image_viewer_vue_1["default"]
@@ -37665,7 +37667,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".base-icon-wrap[data-v-7c18c836]{width
 
 /***/ }),
 
-/***/ 4167:
+/***/ 8837:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -37679,7 +37681,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, ".base-img-wrap[data-v-41d14afc],.base-img-wrap img[data-v-41d14afc]{width:100%;height:100%}.base-img-wrap img[data-v-41d14afc]{border-radius:inherit}.base-img-wrap .img-error-wrap[data-v-41d14afc]{width:100%;height:100%;display:flex;align-items:center;flex-flow:row nowrap;justify-content:center}.cir[data-v-41d14afc]{border-radius:50%}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".base-img-wrap[data-v-3a3ded1e],.base-img-wrap img[data-v-3a3ded1e]{width:100%;height:100%}.base-img-wrap img[data-v-3a3ded1e]{border-radius:inherit}.base-img-wrap .img-error-wrap[data-v-3a3ded1e]{width:100%;height:100%;display:flex;align-items:center;flex-flow:row nowrap;justify-content:center}.cir[data-v-3a3ded1e]{border-radius:50%}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -39816,19 +39818,19 @@ var update = add("724f319a", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 8552:
+/***/ 6860:
 /***/ (function(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__(4167);
+var content = __webpack_require__(8837);
 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__(6795)/* ["default"] */ .Z)
-var update = add("47f8c3cf", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("2e441d1e", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),