@weitutech/by-components 1.2.6 → 1.2.7

package/lib/by-components.common.js

@@ -102233,8 +102233,8 @@ var ByCardSelector_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByCardSelector = (ByCardSelector_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./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[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/by-thumbnail-image/ByThumbnailImage.vue?vue&type=template&id=b06003c6
-var ByThumbnailImagevue_type_template_id_b06003c6_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./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[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/by-thumbnail-image/ByThumbnailImage.vue?vue&type=template&id=9ba6c422
+var ByThumbnailImagevue_type_template_id_9ba6c422_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return !_vm.src ? _c('span', {
@@ -102272,7 +102272,7 @@ var ByThumbnailImagevue_type_template_id_b06003c6_render = function render() {
     }
   }) : _vm._e()]);
 };
-var ByThumbnailImagevue_type_template_id_b06003c6_staticRenderFns = [];
+var ByThumbnailImagevue_type_template_id_9ba6c422_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.url-search-params.delete.js
 var web_url_search_params_delete = __webpack_require__(4603);
@@ -102418,8 +102418,8 @@ function bitmapToObjectUrl(bitmap) {
     }, 'image/png');
   });
 }
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./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[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/by-thumbnail-image/PreviewDialog.vue?vue&type=template&id=3daca3ee
-var PreviewDialogvue_type_template_id_3daca3ee_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./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[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/by-thumbnail-image/PreviewDialog.vue?vue&type=template&id=93936740
+var PreviewDialogvue_type_template_id_93936740_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('by-dialog', {
@@ -102436,6 +102436,7 @@ var PreviewDialogvue_type_template_id_3daca3ee_render = function render() {
       "update:visible": function ($event) {
         _vm.visible = $event;
       },
+      "close": _vm.handleClosed,
       "closed": _vm.handleClosed
     }
   }, [_c('div', {
@@ -102461,7 +102462,7 @@ var PreviewDialogvue_type_template_id_3daca3ee_render = function render() {
     }
   }) : _vm._e()])]);
 };
-var PreviewDialogvue_type_template_id_3daca3ee_staticRenderFns = [];
+var PreviewDialogvue_type_template_id_93936740_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/by-thumbnail-image/PreviewDialog.vue?vue&type=script&lang=js
 
@@ -102496,8 +102497,11 @@ var PreviewDialogvue_type_template_id_3daca3ee_staticRenderFns = [];
       this.$message.error('图片加载失败');
     },
     handleClosed() {
+      if (this._closedEmitted) return;
+      this._closedEmitted = true;
       this.src = '';
       this.loading = false;
+      this.$emit('closed');
     }
   }
 });
@@ -102513,8 +102517,8 @@ var PreviewDialogvue_type_template_id_3daca3ee_staticRenderFns = [];
 ;
 var PreviewDialog_component = normalizeComponent(
   by_thumbnail_image_PreviewDialogvue_type_script_lang_js,
-  PreviewDialogvue_type_template_id_3daca3ee_render,
-  PreviewDialogvue_type_template_id_3daca3ee_staticRenderFns,
+  PreviewDialogvue_type_template_id_93936740_render,
+  PreviewDialogvue_type_template_id_93936740_staticRenderFns,
   false,
   null,
   null,
@@ -102526,22 +102530,44 @@ var PreviewDialog_component = normalizeComponent(
 ;// ./src/components/by-thumbnail-image/preview.js
 
 
-let previewInstance = null;
-function getPreviewInstance() {
-  if (previewInstance) return previewInstance;
-  const PreviewConstructor = external_commonjs_vue_commonjs2_vue_root_Vue_default().extend(PreviewDialog);
-  previewInstance = new PreviewConstructor();
-  previewInstance.$mount(document.createElement('div'));
-  document.body.appendChild(previewInstance.$el);
-  return previewInstance;
+
+let VueConstructor = (external_commonjs_vue_commonjs2_vue_root_Vue_default());
+let PreviewDialogConstructor = null;
+
+/** 与 install 使用同一 Vue 构造函数，避免业务工程多份 Vue 导致插件失效 */
+function setPreviewVue(Vue) {
+  VueConstructor = Vue;
+}
+function getPreviewConstructor() {
+  if (!PreviewDialogConstructor) {
+    PreviewDialogConstructor = VueConstructor.extend(PreviewDialog);
+  }
+  return PreviewDialogConstructor;
+}
+function destroyInstance(instance) {
+  if (!instance || instance._isDestroyed) return;
+  if (instance.$el && instance.$el.parentNode) {
+    instance.$el.parentNode.removeChild(instance.$el);
+  }
+  instance.$destroy();
 }
 function previewThumbnailImage({
   src,
   title,
   width
-} = {}) {
+} = {}, context) {
   if (!src) return;
-  getPreviewInstance().open({
+  const Constructor = getPreviewConstructor();
+  const instance = new Constructor({
+    parent: context || undefined
+  });
+  instance.$once('closed', () => {
+    destroyInstance(instance);
+  });
+  instance.$mount(document.createElement('div'));
+  instance.$el.style.zIndex = index_esm.getNext();
+  document.body.appendChild(instance.$el);
+  instance.open({
     src,
     title,
     width
@@ -102758,7 +102784,7 @@ function previewThumbnailImage({
         this.$emit('preview', previewPayload);
         return;
       }
-      previewThumbnailImage(previewPayload);
+      previewThumbnailImage(previewPayload, this);
     }
   }
 });
@@ -102774,8 +102800,8 @@ function previewThumbnailImage({
 ;
 var ByThumbnailImage_component = normalizeComponent(
   by_thumbnail_image_ByThumbnailImagevue_type_script_lang_js,
-  ByThumbnailImagevue_type_template_id_b06003c6_render,
-  ByThumbnailImagevue_type_template_id_b06003c6_staticRenderFns,
+  ByThumbnailImagevue_type_template_id_9ba6c422_render,
+  ByThumbnailImagevue_type_template_id_9ba6c422_staticRenderFns,
   false,
   null,
   null,
@@ -102812,6 +102838,7 @@ var ByThumbnailImage_component = normalizeComponent(
 
 
 
+
 
 
 const components = {
@@ -102841,6 +102868,7 @@ const components = {
 };
 index_esm.setCurrent(99999);
 const install = Vue => {
+  setPreviewVue(Vue);
   Object.keys(components).forEach(name => {
     Vue.component(name, components[name]);
     // 同时注册小写版本

package/lib/by-components.umd.js

@@ -102243,8 +102243,8 @@ var ByCardSelector_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByCardSelector = (ByCardSelector_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/by-thumbnail-image/ByThumbnailImage.vue?vue&type=template&id=b06003c6
-var ByThumbnailImagevue_type_template_id_b06003c6_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/by-thumbnail-image/ByThumbnailImage.vue?vue&type=template&id=9ba6c422
+var ByThumbnailImagevue_type_template_id_9ba6c422_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return !_vm.src ? _c('span', {
@@ -102282,7 +102282,7 @@ var ByThumbnailImagevue_type_template_id_b06003c6_render = function render() {
     }
   }) : _vm._e()]);
 };
-var ByThumbnailImagevue_type_template_id_b06003c6_staticRenderFns = [];
+var ByThumbnailImagevue_type_template_id_9ba6c422_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.url-search-params.delete.js
 var web_url_search_params_delete = __webpack_require__(4603);
@@ -102428,8 +102428,8 @@ function bitmapToObjectUrl(bitmap) {
     }, 'image/png');
   });
 }
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/by-thumbnail-image/PreviewDialog.vue?vue&type=template&id=3daca3ee
-var PreviewDialogvue_type_template_id_3daca3ee_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"185687ec-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/by-thumbnail-image/PreviewDialog.vue?vue&type=template&id=93936740
+var PreviewDialogvue_type_template_id_93936740_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('by-dialog', {
@@ -102446,6 +102446,7 @@ var PreviewDialogvue_type_template_id_3daca3ee_render = function render() {
       "update:visible": function ($event) {
         _vm.visible = $event;
       },
+      "close": _vm.handleClosed,
       "closed": _vm.handleClosed
     }
   }, [_c('div', {
@@ -102471,7 +102472,7 @@ var PreviewDialogvue_type_template_id_3daca3ee_render = function render() {
     }
   }) : _vm._e()])]);
 };
-var PreviewDialogvue_type_template_id_3daca3ee_staticRenderFns = [];
+var PreviewDialogvue_type_template_id_93936740_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/by-thumbnail-image/PreviewDialog.vue?vue&type=script&lang=js
 
@@ -102506,8 +102507,11 @@ var PreviewDialogvue_type_template_id_3daca3ee_staticRenderFns = [];
       this.$message.error('图片加载失败');
     },
     handleClosed() {
+      if (this._closedEmitted) return;
+      this._closedEmitted = true;
       this.src = '';
       this.loading = false;
+      this.$emit('closed');
     }
   }
 });
@@ -102523,8 +102527,8 @@ var PreviewDialogvue_type_template_id_3daca3ee_staticRenderFns = [];
 ;
 var PreviewDialog_component = normalizeComponent(
   by_thumbnail_image_PreviewDialogvue_type_script_lang_js,
-  PreviewDialogvue_type_template_id_3daca3ee_render,
-  PreviewDialogvue_type_template_id_3daca3ee_staticRenderFns,
+  PreviewDialogvue_type_template_id_93936740_render,
+  PreviewDialogvue_type_template_id_93936740_staticRenderFns,
   false,
   null,
   null,
@@ -102536,22 +102540,44 @@ var PreviewDialog_component = normalizeComponent(
 ;// ./src/components/by-thumbnail-image/preview.js
 
 
-let previewInstance = null;
-function getPreviewInstance() {
-  if (previewInstance) return previewInstance;
-  const PreviewConstructor = external_commonjs_vue_commonjs2_vue_root_Vue_default().extend(PreviewDialog);
-  previewInstance = new PreviewConstructor();
-  previewInstance.$mount(document.createElement('div'));
-  document.body.appendChild(previewInstance.$el);
-  return previewInstance;
+
+let VueConstructor = (external_commonjs_vue_commonjs2_vue_root_Vue_default());
+let PreviewDialogConstructor = null;
+
+/** 与 install 使用同一 Vue 构造函数，避免业务工程多份 Vue 导致插件失效 */
+function setPreviewVue(Vue) {
+  VueConstructor = Vue;
+}
+function getPreviewConstructor() {
+  if (!PreviewDialogConstructor) {
+    PreviewDialogConstructor = VueConstructor.extend(PreviewDialog);
+  }
+  return PreviewDialogConstructor;
+}
+function destroyInstance(instance) {
+  if (!instance || instance._isDestroyed) return;
+  if (instance.$el && instance.$el.parentNode) {
+    instance.$el.parentNode.removeChild(instance.$el);
+  }
+  instance.$destroy();
 }
 function previewThumbnailImage({
   src,
   title,
   width
-} = {}) {
+} = {}, context) {
   if (!src) return;
-  getPreviewInstance().open({
+  const Constructor = getPreviewConstructor();
+  const instance = new Constructor({
+    parent: context || undefined
+  });
+  instance.$once('closed', () => {
+    destroyInstance(instance);
+  });
+  instance.$mount(document.createElement('div'));
+  instance.$el.style.zIndex = index_esm.getNext();
+  document.body.appendChild(instance.$el);
+  instance.open({
     src,
     title,
     width
@@ -102768,7 +102794,7 @@ function previewThumbnailImage({
         this.$emit('preview', previewPayload);
         return;
       }
-      previewThumbnailImage(previewPayload);
+      previewThumbnailImage(previewPayload, this);
     }
   }
 });
@@ -102784,8 +102810,8 @@ function previewThumbnailImage({
 ;
 var ByThumbnailImage_component = normalizeComponent(
   by_thumbnail_image_ByThumbnailImagevue_type_script_lang_js,
-  ByThumbnailImagevue_type_template_id_b06003c6_render,
-  ByThumbnailImagevue_type_template_id_b06003c6_staticRenderFns,
+  ByThumbnailImagevue_type_template_id_9ba6c422_render,
+  ByThumbnailImagevue_type_template_id_9ba6c422_staticRenderFns,
   false,
   null,
   null,
@@ -102822,6 +102848,7 @@ var ByThumbnailImage_component = normalizeComponent(
 
 
 
+
 
 
 const components = {
@@ -102851,6 +102878,7 @@ const components = {
 };
 index_esm.setCurrent(99999);
 const install = Vue => {
+  setPreviewVue(Vue);
   Object.keys(components).forEach(name => {
     Vue.component(name, components[name]);
     // 同时注册小写版本