@weitutech/by-components 1.2.6 → 1.2.8

package/lib/by-components.common.js

@@ -74291,7 +74291,9 @@ __webpack_require__.d(__webpack_exports__, {
   ByPager: function() { return /* reexport */ pager; },
   ByPopoverSelector: function() { return /* reexport */ ByPopoverSelector; },
   BySelect: function() { return /* reexport */ comps_select; },
+  ByTabPane: function() { return /* reexport */ ByTabPane; },
   ByTable: function() { return /* reexport */ table; },
+  ByTabs: function() { return /* reexport */ ByTabs; },
   ByTag: function() { return /* reexport */ ByTag; },
   ByThumbnailImage: function() { return /* reexport */ ByThumbnailImage; },
   ByToolBar: function() { return /* reexport */ ByToolBar; },
@@ -102233,8 +102235,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 +102274,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 +102420,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 +102438,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 +102464,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 +102499,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 +102519,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 +102532,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 +102786,7 @@ function previewThumbnailImage({
         this.$emit('preview', previewPayload);
         return;
       }
-      previewThumbnailImage(previewPayload);
+      previewThumbnailImage(previewPayload, this);
     }
   }
 });
@@ -102774,8 +102802,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,
@@ -102784,6 +102812,301 @@ var ByThumbnailImage_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByThumbnailImage = (ByThumbnailImage_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-tabs/ByTabs.vue?vue&type=template&id=0fbc4065&scoped=true
+var ByTabsvue_type_template_id_0fbc4065_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "by-tabs-wrapper"
+  }, [_c('el-tabs', _vm._g(_vm._b({
+    ref: "tabs",
+    staticClass: "by-tabs"
+  }, 'el-tabs', _vm.$attrs, false), _vm.$listeners), [_vm._t("default")], 2)], 1);
+};
+var ByTabsvue_type_template_id_0fbc4065_scoped_true_staticRenderFns = [];
+
+;// ./src/components/by-tabs/variantTabStyles.js
+
+
+
+function escapeTabName(name) {
+  const value = String(name);
+  if (typeof CSS !== 'undefined' && typeof CSS.escape === 'function') {
+    return CSS.escape(value);
+  }
+  return value.replace(/[^a-zA-Z0-9_-]/g, '\\$&');
+}
+function buildSelector(names, suffix = '') {
+  return names.map(name => `.by-tabs .el-tabs__item#tab-${escapeTabName(name)}${suffix}`).join(',\n');
+}
+function buildVariantTabStyles(paneVariants = {}) {
+  const subtleNames = Object.entries(paneVariants).filter(([, variant]) => variant === 'subtle').map(([name]) => name);
+  if (!subtleNames.length) return '';
+  const base = buildSelector(subtleNames);
+  const hover = buildSelector(subtleNames, ':hover');
+  const active = buildSelector(subtleNames, '.is-active');
+  return `
+${base} {
+  height: 30px;
+  line-height: 28px;
+  padding: 0 12px;
+  margin-bottom: 0;
+  font-size: 13px;
+  font-weight: 600;
+  color: #93939a;
+  border-radius: 14px 14px 0 0;
+  border-color: #e2e6ed;
+  background: linear-gradient(180deg, #f8f9fb 0%, #f0f2f6 100%);
+}
+${hover} {
+  color: #7babdb;
+  border-color: #c5daf3;
+  background: linear-gradient(180deg, #f5f9ff 0%, #eaf3ff 100%);
+}
+${active} {
+  color: #409eff;
+  border-color: #c6ddf5;
+  border-bottom-color: #fff;
+  background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 100%);
+  margin-bottom: -1px;
+  z-index: 2;
+}
+`;
+}
+;// ./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-tabs/ByTabs.vue?vue&type=script&lang=js
+
+/* harmony default export */ var ByTabsvue_type_script_lang_js = ({
+  name: 'ByTabs',
+  provide() {
+    return {
+      byTabsRegisterPane: this.registerPane
+    };
+  },
+  data() {
+    return {
+      paneVariants: {},
+      variantStyleEl: null
+    };
+  },
+  computed: {
+    variantStyle() {
+      return buildVariantTabStyles(this.paneVariants);
+    }
+  },
+  watch: {
+    variantStyle(style) {
+      this.updateVariantStyle(style);
+    }
+  },
+  mounted() {
+    this.variantStyleEl = document.createElement('style');
+    this.variantStyleEl.setAttribute('data-by-tabs-variant', '');
+    document.head.appendChild(this.variantStyleEl);
+    this.updateVariantStyle(this.variantStyle);
+  },
+  beforeDestroy() {
+    if (this.variantStyleEl && this.variantStyleEl.parentNode) {
+      this.variantStyleEl.parentNode.removeChild(this.variantStyleEl);
+    }
+    this.variantStyleEl = null;
+  },
+  methods: {
+    registerPane(name, variant, register) {
+      if (!name) return;
+      const normalizedVariant = variant || 'default';
+      if (register) {
+        if (this.paneVariants[name] === normalizedVariant) return;
+        this.$set(this.paneVariants, name, normalizedVariant);
+        return;
+      }
+      if (!Object.prototype.hasOwnProperty.call(this.paneVariants, name)) return;
+      this.$delete(this.paneVariants, name);
+    },
+    updateVariantStyle(style) {
+      if (!this.variantStyleEl) return;
+      this.variantStyleEl.textContent = style || '';
+    }
+  }
+});
+;// ./src/components/by-tabs/ByTabs.vue?vue&type=script&lang=js
+ /* harmony default export */ var by_tabs_ByTabsvue_type_script_lang_js = (ByTabsvue_type_script_lang_js); 
+;// ./node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./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-tabs/ByTabs.vue?vue&type=style&index=0&id=0fbc4065&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
+
+;// ./src/components/by-tabs/ByTabs.vue?vue&type=style&index=0&id=0fbc4065&prod&scoped=true&lang=css
+
+;// ./src/components/by-tabs/ByTabs.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var ByTabs_component = normalizeComponent(
+  by_tabs_ByTabsvue_type_script_lang_js,
+  ByTabsvue_type_template_id_0fbc4065_scoped_true_render,
+  ByTabsvue_type_template_id_0fbc4065_scoped_true_staticRenderFns,
+  false,
+  null,
+  "0fbc4065",
+  null
+  
+)
+
+/* harmony default export */ var ByTabs = (ByTabs_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!./node_modules/element-ui/packages/tabs/src/tab-pane.vue?vue&type=template&id=702b58b3
+var tab_panevue_type_template_id_702b58b3_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return !_vm.lazy || _vm.loaded || _vm.active ? _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.active,
+      expression: "active"
+    }],
+    staticClass: "el-tab-pane",
+    attrs: {
+      "role": "tabpanel",
+      "aria-hidden": !_vm.active,
+      "id": `pane-${_vm.paneName}`,
+      "aria-labelledby": `tab-${_vm.paneName}`
+    }
+  }, [_vm._t("default")], 2) : _vm._e();
+};
+var tab_panevue_type_template_id_702b58b3_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!./node_modules/element-ui/packages/tabs/src/tab-pane.vue?vue&type=script&lang=js
+/* harmony default export */ var tab_panevue_type_script_lang_js = ({
+  name: 'ElTabPane',
+  componentName: 'ElTabPane',
+  props: {
+    label: String,
+    labelContent: Function,
+    name: String,
+    closable: Boolean,
+    disabled: Boolean,
+    lazy: Boolean
+  },
+  data() {
+    return {
+      index: null,
+      loaded: false
+    };
+  },
+  computed: {
+    isClosable() {
+      return this.closable || this.$parent.closable;
+    },
+    active() {
+      const active = this.$parent.currentName === (this.name || this.index);
+      if (active) {
+        this.loaded = true;
+      }
+      return active;
+    },
+    paneName() {
+      return this.name || this.index;
+    }
+  },
+  updated() {
+    this.$parent.$emit('tab-nav-update');
+  }
+});
+;// ./node_modules/element-ui/packages/tabs/src/tab-pane.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_tab_panevue_type_script_lang_js = (tab_panevue_type_script_lang_js); 
+;// ./node_modules/element-ui/packages/tabs/src/tab-pane.vue
+
+
+
+
+
+/* normalize component */
+;
+var tab_pane_component = normalizeComponent(
+  src_tab_panevue_type_script_lang_js,
+  tab_panevue_type_template_id_702b58b3_render,
+  tab_panevue_type_template_id_702b58b3_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var tab_pane = (tab_pane_component.exports);
+;// ./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-tabs/ByTabPane.vue?vue&type=script&lang=js
+
+const VARIANTS = ['default', 'subtle'];
+/* harmony default export */ var ByTabPanevue_type_script_lang_js = ({
+  extends: tab_pane,
+  name: 'ElTabPane',
+  componentName: 'ElTabPane',
+  inject: {
+    byTabsRegisterPane: {
+      default: null
+    }
+  },
+  props: {
+    /**
+     * Tab 样式变体。default 为常规样式；subtle 为次要 tab（如项目 tab）的置灰样式
+     */
+    variant: {
+      type: String,
+      default: 'default',
+      validator: value => VARIANTS.includes(value)
+    }
+  },
+  watch: {
+    paneName() {
+      this.syncPaneRegistration();
+    },
+    variant() {
+      this.syncPaneRegistration();
+    }
+  },
+  mounted() {
+    this.syncPaneRegistration(true);
+  },
+  beforeDestroy() {
+    this.syncPaneRegistration(false);
+  },
+  methods: {
+    syncPaneRegistration(register = true) {
+      if (!this.byTabsRegisterPane) return;
+      const name = this.paneName;
+      if (name === null || name === undefined || name === '') return;
+      this.byTabsRegisterPane(String(name), this.variant, register);
+    }
+  }
+});
+;// ./src/components/by-tabs/ByTabPane.vue?vue&type=script&lang=js
+ /* harmony default export */ var by_tabs_ByTabPanevue_type_script_lang_js = (ByTabPanevue_type_script_lang_js); 
+;// ./src/components/by-tabs/ByTabPane.vue
+var ByTabPane_render, ByTabPane_staticRenderFns
+;
+
+
+
+/* normalize component */
+;
+var ByTabPane_component = normalizeComponent(
+  by_tabs_ByTabPanevue_type_script_lang_js,
+  ByTabPane_render,
+  ByTabPane_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var ByTabPane = (ByTabPane_component.exports);
+;// ./src/components/by-tabs/index.js
+
+
 ;// ./src/index.js
 
 
@@ -102811,6 +103134,8 @@ var ByThumbnailImage_component = normalizeComponent(
 
 
 
+
+
 
 
 
@@ -102837,10 +103162,13 @@ const components = {
   ByTag: ByTag,
   ByCardView: ByCardView,
   ByCardSelector: ByCardSelector,
-  ByThumbnailImage: ByThumbnailImage
+  ByThumbnailImage: ByThumbnailImage,
+  ByTabs: ByTabs,
+  ByTabPane: ByTabPane
 };
 index_esm.setCurrent(99999);
 const install = Vue => {
+  setPreviewVue(Vue);
   Object.keys(components).forEach(name => {
     Vue.component(name, components[name]);
     // 同时注册小写版本

package/lib/by-components.css

@@ -1 +1 @@
-.b-form .header[data-v-1fc1d18e]{margin-bottom:20px}.b-form .footer[data-v-1fc1d18e]{margin-top:20px}
+.b-form .header[data-v-1fc1d18e]{margin-bottom:20px}.b-form .footer[data-v-1fc1d18e]{margin-top:20px}.by-tabs-wrapper[data-v-0fbc4065]{width:100%}