@weitutech/by-components 1.2.7 → 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; },
@@ -102810,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
 
 
@@ -102839,6 +103136,7 @@ var ByThumbnailImage_component = normalizeComponent(
 
 
 
+
 
 
 const components = {
@@ -102864,7 +103162,9 @@ const components = {
   ByTag: ByTag,
   ByCardView: ByCardView,
   ByCardSelector: ByCardSelector,
-  ByThumbnailImage: ByThumbnailImage
+  ByThumbnailImage: ByThumbnailImage,
+  ByTabs: ByTabs,
+  ByTabPane: ByTabPane
 };
 index_esm.setCurrent(99999);
 const install = Vue => {

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%}

package/lib/by-components.umd.js

@@ -74301,7 +74301,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; },
@@ -102820,6 +102822,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-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-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-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-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-54.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.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-54.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-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!./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-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!./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-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-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
 
 
@@ -102849,6 +103146,7 @@ var ByThumbnailImage_component = normalizeComponent(
 
 
 
+
 
 
 const components = {
@@ -102874,7 +103172,9 @@ const components = {
   ByTag: ByTag,
   ByCardView: ByCardView,
   ByCardSelector: ByCardSelector,
-  ByThumbnailImage: ByThumbnailImage
+  ByThumbnailImage: ByThumbnailImage,
+  ByTabs: ByTabs,
+  ByTabPane: ByTabPane
 };
 index_esm.setCurrent(99999);
 const install = Vue => {