@weitutech/by-components 1.2.10 → 1.2.12

package/lib/by-components.common.js

@@ -102812,18 +102812,20 @@ 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() {
+;// ./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=8c36e07e&scoped=true
+var ByTabsvue_type_template_id_8c36e07e_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);
+    class: ['by-tabs', {
+      'by-tabs--line': _vm.isLineType
+    }]
+  }, 'el-tabs', _vm.tabsAttrs, false), _vm.$listeners), [_vm._t("default")], 2)], 1);
 };
-var ByTabsvue_type_template_id_0fbc4065_scoped_true_staticRenderFns = [];
+var ByTabsvue_type_template_id_8c36e07e_scoped_true_staticRenderFns = [];
 
 ;// ./src/components/by-tabs/variantTabStyles.js
 
@@ -102836,12 +102838,11 @@ function escapeTabName(name) {
   }
   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 buildSelector(names, suffix = '', line = false) {
+  const root = line ? '.by-tabs.by-tabs--line' : '.by-tabs';
+  return names.map(name => `${root} .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 '';
+function buildDefaultSubtleStyles(subtleNames) {
   const base = buildSelector(subtleNames);
   const hover = buildSelector(subtleNames, ':hover');
   const active = buildSelector(subtleNames, '.is-active');
@@ -102877,10 +102878,67 @@ ${active} {
 }
 `;
 }
+function buildLineSubtleStyles(subtleNames) {
+  const base = buildSelector(subtleNames, '', true);
+  const hover = buildSelector(subtleNames, ':hover', true);
+  const active = buildSelector(subtleNames, '.is-active', true);
+  const activeAfter = buildSelector(subtleNames, '.is-active::after', true);
+  return `
+${base} {
+  height: 36px;
+  line-height: 36px;
+  padding: 0 14px;
+  font-size: 13px;
+  font-weight: 400;
+  color: #909399;
+  border: none;
+  border-radius: 0;
+  background: transparent;
+}
+${hover} {
+  color: #409eff;
+  background: transparent;
+}
+${active} {
+  height: 36px;
+  line-height: 36px;
+  padding: 0 14px;
+  font-size: 13px;
+  font-weight: 500;
+  color: #409eff;
+  border: none;
+  background: transparent;
+  margin-bottom: 0;
+}
+${activeAfter} {
+  left: 14px;
+  right: 14px;
+}
+`;
+}
+function buildVariantTabStyles(paneVariants = {}, options = {}) {
+  const subtleNames = Object.entries(paneVariants).filter(([, variant]) => variant === 'subtle').map(([name]) => name);
+  if (!subtleNames.length) return '';
+  if (options.line) {
+    return buildLineSubtleStyles(subtleNames);
+  }
+  return buildDefaultSubtleStyles(subtleNames);
+}
 ;// ./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
 
+const NATIVE_TAB_TYPES = ['card', 'border-card'];
 /* harmony default export */ var ByTabsvue_type_script_lang_js = ({
   name: 'ByTabs',
+  inheritAttrs: false,
+  props: {
+    /**
+     * 标签页风格。line 为轻量下划线；card / border-card 与 el-tabs 一致
+     */
+    type: {
+      type: String,
+      default: ''
+    }
+  },
   provide() {
     return {
       byTabsRegisterPane: this.registerPane
@@ -102893,8 +102951,23 @@ ${active} {
     };
   },
   computed: {
+    isLineType() {
+      return this.type === 'line';
+    },
+    tabsAttrs() {
+      const attrs = {
+        ...this.$attrs
+      };
+      if (this.isLineType) return attrs;
+      if (this.type && NATIVE_TAB_TYPES.includes(this.type)) {
+        attrs.type = this.type;
+      }
+      return attrs;
+    },
     variantStyle() {
-      return buildVariantTabStyles(this.paneVariants);
+      return buildVariantTabStyles(this.paneVariants, {
+        line: this.isLineType
+      });
     }
   },
   watch: {
@@ -102934,10 +103007,10 @@ ${active} {
 });
 ;// ./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
+;// ./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=8c36e07e&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?vue&type=style&index=0&id=8c36e07e&prod&scoped=true&lang=css
 
 ;// ./src/components/by-tabs/ByTabs.vue
 
@@ -102950,11 +103023,11 @@ ${active} {
 
 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,
+  ByTabsvue_type_template_id_8c36e07e_scoped_true_render,
+  ByTabsvue_type_template_id_8c36e07e_scoped_true_staticRenderFns,
   false,
   null,
-  "0fbc4065",
+  "8c36e07e",
   null
   
 )

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}.by-tabs-wrapper[data-v-0fbc4065]{width:100%}
+.b-form .header[data-v-1fc1d18e]{margin-bottom:20px}.b-form .footer[data-v-1fc1d18e]{margin-top:20px}.by-tabs-wrapper[data-v-8c36e07e]{width:100%}

package/lib/by-components.umd.js

@@ -102822,18 +102822,20 @@ 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() {
+;// ./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=8c36e07e&scoped=true
+var ByTabsvue_type_template_id_8c36e07e_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);
+    class: ['by-tabs', {
+      'by-tabs--line': _vm.isLineType
+    }]
+  }, 'el-tabs', _vm.tabsAttrs, false), _vm.$listeners), [_vm._t("default")], 2)], 1);
 };
-var ByTabsvue_type_template_id_0fbc4065_scoped_true_staticRenderFns = [];
+var ByTabsvue_type_template_id_8c36e07e_scoped_true_staticRenderFns = [];
 
 ;// ./src/components/by-tabs/variantTabStyles.js
 
@@ -102846,12 +102848,11 @@ function escapeTabName(name) {
   }
   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 buildSelector(names, suffix = '', line = false) {
+  const root = line ? '.by-tabs.by-tabs--line' : '.by-tabs';
+  return names.map(name => `${root} .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 '';
+function buildDefaultSubtleStyles(subtleNames) {
   const base = buildSelector(subtleNames);
   const hover = buildSelector(subtleNames, ':hover');
   const active = buildSelector(subtleNames, '.is-active');
@@ -102887,10 +102888,67 @@ ${active} {
 }
 `;
 }
+function buildLineSubtleStyles(subtleNames) {
+  const base = buildSelector(subtleNames, '', true);
+  const hover = buildSelector(subtleNames, ':hover', true);
+  const active = buildSelector(subtleNames, '.is-active', true);
+  const activeAfter = buildSelector(subtleNames, '.is-active::after', true);
+  return `
+${base} {
+  height: 36px;
+  line-height: 36px;
+  padding: 0 14px;
+  font-size: 13px;
+  font-weight: 400;
+  color: #909399;
+  border: none;
+  border-radius: 0;
+  background: transparent;
+}
+${hover} {
+  color: #409eff;
+  background: transparent;
+}
+${active} {
+  height: 36px;
+  line-height: 36px;
+  padding: 0 14px;
+  font-size: 13px;
+  font-weight: 500;
+  color: #409eff;
+  border: none;
+  background: transparent;
+  margin-bottom: 0;
+}
+${activeAfter} {
+  left: 14px;
+  right: 14px;
+}
+`;
+}
+function buildVariantTabStyles(paneVariants = {}, options = {}) {
+  const subtleNames = Object.entries(paneVariants).filter(([, variant]) => variant === 'subtle').map(([name]) => name);
+  if (!subtleNames.length) return '';
+  if (options.line) {
+    return buildLineSubtleStyles(subtleNames);
+  }
+  return buildDefaultSubtleStyles(subtleNames);
+}
 ;// ./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
 
+const NATIVE_TAB_TYPES = ['card', 'border-card'];
 /* harmony default export */ var ByTabsvue_type_script_lang_js = ({
   name: 'ByTabs',
+  inheritAttrs: false,
+  props: {
+    /**
+     * 标签页风格。line 为轻量下划线；card / border-card 与 el-tabs 一致
+     */
+    type: {
+      type: String,
+      default: ''
+    }
+  },
   provide() {
     return {
       byTabsRegisterPane: this.registerPane
@@ -102903,8 +102961,23 @@ ${active} {
     };
   },
   computed: {
+    isLineType() {
+      return this.type === 'line';
+    },
+    tabsAttrs() {
+      const attrs = {
+        ...this.$attrs
+      };
+      if (this.isLineType) return attrs;
+      if (this.type && NATIVE_TAB_TYPES.includes(this.type)) {
+        attrs.type = this.type;
+      }
+      return attrs;
+    },
     variantStyle() {
-      return buildVariantTabStyles(this.paneVariants);
+      return buildVariantTabStyles(this.paneVariants, {
+        line: this.isLineType
+      });
     }
   },
   watch: {
@@ -102944,10 +103017,10 @@ ${active} {
 });
 ;// ./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
+;// ./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=8c36e07e&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?vue&type=style&index=0&id=8c36e07e&prod&scoped=true&lang=css
 
 ;// ./src/components/by-tabs/ByTabs.vue
 
@@ -102960,11 +103033,11 @@ ${active} {
 
 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,
+  ByTabsvue_type_template_id_8c36e07e_scoped_true_render,
+  ByTabsvue_type_template_id_8c36e07e_scoped_true_staticRenderFns,
   false,
   null,
-  "0fbc4065",
+  "8c36e07e",
   null
   
 )