@weitutech/by-components 1.1.196 → 1.1.198

package/lib/by-components.common.js

@@ -97565,32 +97565,30 @@ var ByTag_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByTag = (ByTag_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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/card-view/ByCardView.vue?vue&type=template&id=31b49a25
-var ByCardViewvue_type_template_id_31b49a25_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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/card-view/ByCardView.vue?vue&type=template&id=717526d6
+var ByCardViewvue_type_template_id_717526d6_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    staticClass: "config-section by-card-view",
+    staticClass: "by-card-view",
     class: {
-      'config-section--plain': _vm.plain
+      'by-card-view--plain': _vm.plain
     }
-  }, [_vm.$slots.header ? _vm._t("header") : _vm.showTitleRow ? _c('div', {
-    staticClass: "section-title"
+  }, [_vm.customHeader ? _vm._t("header") : _vm.showTitleRow ? _c('div', {
+    staticClass: "by-card-view__head"
   }, [_vm.hasTitleText ? _c('span', {
-    staticClass: "section-title-text"
-  }, [_vm._t("title", function () {
-    return [_vm._v(_vm._s(_vm.title))];
-  })], 2) : _vm._e(), _vm.$slots.extra ? _c('div', {
-    staticClass: "section-title-switch"
+    staticClass: "by-card-view__head-text"
+  }, [_vm.titleSlotLen > 0 ? _vm._t("title") : [_vm._v(_vm._s(_vm.effectiveTitle))]], 2) : _vm._e(), _vm.extraSlotLen > 0 ? _c('div', {
+    staticClass: "by-card-view__head-extra"
   }, [_vm._t("extra")], 2) : _vm._e()]) : _vm._e(), _c('div', {
-    staticClass: "section-content"
+    staticClass: "by-card-view__body"
   }, [_vm._t("default")], 2)], 2);
 };
-var ByCardViewvue_type_template_id_31b49a25_staticRenderFns = [];
+var ByCardViewvue_type_template_id_717526d6_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/card-view/ByCardView.vue?vue&type=script&lang=js
 /**
- * 卡片区块：标题 + 可自定义正文，默认带边框卡片，plain 时无边框与背景融为一体。
+ * 卡片区块：标题 + 可自定义正文。样式类名为 .by-card-view*，不与宿主 .section-title 等冲突。
  *
  * @example
  * <by-card-view title="展示名称">…</by-card-view>
@@ -97598,28 +97596,66 @@ var ByCardViewvue_type_template_id_31b49a25_staticRenderFns = [];
  *   <template #extra><el-switch v-model="on" /></template>
  *   …
  * </by-card-view>
- * <by-card-view><template #header>自定义整块标题区</template>…</by-card-view>
+ * <by-card-view custom-header><template #header>…</template>…</by-card-view>
  */
 /* harmony default export */ var ByCardViewvue_type_script_lang_js = ({
   name: 'ByCardView',
   props: {
-    /** 标题文案；复杂标题请用 #title 插槽 */
+    /** 标题文案 */
     title: {
       type: String,
       default: ''
     },
-    /** 为 true 时使用无边框模式（config-section--plain） */
+    /** 与 title 相同含义；个别工程里 title 易被吞时可改用 heading */
+    heading: {
+      type: String,
+      default: ''
+    },
+    /** 无边框模式 */
     plain: {
       type: Boolean,
       default: false
+    },
+    /** 为 true 时用 #header 整块替换默认标题行 */
+    customHeader: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {
+    effectiveTitle() {
+      const h = this.heading;
+      if (h != null && String(h).length > 0) return String(h);
+      const t = this.title;
+      return t != null ? String(t) : '';
+    },
+    titleSlotLen() {
+      return this.namedSlotLen('title');
+    },
+    extraSlotLen() {
+      return this.namedSlotLen('extra');
+    },
     showTitleRow() {
-      return this.title || this.$slots.title || this.$slots.extra;
+      return this.effectiveTitle.length > 0 || this.titleSlotLen > 0 || this.extraSlotLen > 0;
     },
     hasTitleText() {
-      return this.title || this.$slots.title;
+      return this.effectiveTitle.length > 0 || this.titleSlotLen > 0;
+    }
+  },
+  methods: {
+    namedSlotLen(name) {
+      const s = this.$slots[name];
+      if (s == null) return 0;
+      if (typeof s === 'function') {
+        try {
+          const v = s();
+          if (v == null) return 0;
+          return Array.isArray(v) ? v.length : 1;
+        } catch (e) {
+          return 0;
+        }
+      }
+      return Array.isArray(s) ? s.length : 0;
     }
   }
 });
@@ -97635,8 +97671,8 @@ var ByCardViewvue_type_template_id_31b49a25_staticRenderFns = [];
 ;
 var ByCardView_component = normalizeComponent(
   card_view_ByCardViewvue_type_script_lang_js,
-  ByCardViewvue_type_template_id_31b49a25_render,
-  ByCardViewvue_type_template_id_31b49a25_staticRenderFns,
+  ByCardViewvue_type_template_id_717526d6_render,
+  ByCardViewvue_type_template_id_717526d6_staticRenderFns,
   false,
   null,
   null,

package/lib/by-components.umd.js

@@ -97575,32 +97575,30 @@ var ByTag_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByTag = (ByTag_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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/card-view/ByCardView.vue?vue&type=template&id=31b49a25
-var ByCardViewvue_type_template_id_31b49a25_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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/card-view/ByCardView.vue?vue&type=template&id=717526d6
+var ByCardViewvue_type_template_id_717526d6_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    staticClass: "config-section by-card-view",
+    staticClass: "by-card-view",
     class: {
-      'config-section--plain': _vm.plain
+      'by-card-view--plain': _vm.plain
     }
-  }, [_vm.$slots.header ? _vm._t("header") : _vm.showTitleRow ? _c('div', {
-    staticClass: "section-title"
+  }, [_vm.customHeader ? _vm._t("header") : _vm.showTitleRow ? _c('div', {
+    staticClass: "by-card-view__head"
   }, [_vm.hasTitleText ? _c('span', {
-    staticClass: "section-title-text"
-  }, [_vm._t("title", function () {
-    return [_vm._v(_vm._s(_vm.title))];
-  })], 2) : _vm._e(), _vm.$slots.extra ? _c('div', {
-    staticClass: "section-title-switch"
+    staticClass: "by-card-view__head-text"
+  }, [_vm.titleSlotLen > 0 ? _vm._t("title") : [_vm._v(_vm._s(_vm.effectiveTitle))]], 2) : _vm._e(), _vm.extraSlotLen > 0 ? _c('div', {
+    staticClass: "by-card-view__head-extra"
   }, [_vm._t("extra")], 2) : _vm._e()]) : _vm._e(), _c('div', {
-    staticClass: "section-content"
+    staticClass: "by-card-view__body"
   }, [_vm._t("default")], 2)], 2);
 };
-var ByCardViewvue_type_template_id_31b49a25_staticRenderFns = [];
+var ByCardViewvue_type_template_id_717526d6_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/card-view/ByCardView.vue?vue&type=script&lang=js
 /**
- * 卡片区块：标题 + 可自定义正文，默认带边框卡片，plain 时无边框与背景融为一体。
+ * 卡片区块：标题 + 可自定义正文。样式类名为 .by-card-view*，不与宿主 .section-title 等冲突。
  *
  * @example
  * <by-card-view title="展示名称">…</by-card-view>
@@ -97608,28 +97606,66 @@ var ByCardViewvue_type_template_id_31b49a25_staticRenderFns = [];
  *   <template #extra><el-switch v-model="on" /></template>
  *   …
  * </by-card-view>
- * <by-card-view><template #header>自定义整块标题区</template>…</by-card-view>
+ * <by-card-view custom-header><template #header>…</template>…</by-card-view>
  */
 /* harmony default export */ var ByCardViewvue_type_script_lang_js = ({
   name: 'ByCardView',
   props: {
-    /** 标题文案；复杂标题请用 #title 插槽 */
+    /** 标题文案 */
     title: {
       type: String,
       default: ''
     },
-    /** 为 true 时使用无边框模式（config-section--plain） */
+    /** 与 title 相同含义；个别工程里 title 易被吞时可改用 heading */
+    heading: {
+      type: String,
+      default: ''
+    },
+    /** 无边框模式 */
     plain: {
       type: Boolean,
       default: false
+    },
+    /** 为 true 时用 #header 整块替换默认标题行 */
+    customHeader: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {
+    effectiveTitle() {
+      const h = this.heading;
+      if (h != null && String(h).length > 0) return String(h);
+      const t = this.title;
+      return t != null ? String(t) : '';
+    },
+    titleSlotLen() {
+      return this.namedSlotLen('title');
+    },
+    extraSlotLen() {
+      return this.namedSlotLen('extra');
+    },
     showTitleRow() {
-      return this.title || this.$slots.title || this.$slots.extra;
+      return this.effectiveTitle.length > 0 || this.titleSlotLen > 0 || this.extraSlotLen > 0;
     },
     hasTitleText() {
-      return this.title || this.$slots.title;
+      return this.effectiveTitle.length > 0 || this.titleSlotLen > 0;
+    }
+  },
+  methods: {
+    namedSlotLen(name) {
+      const s = this.$slots[name];
+      if (s == null) return 0;
+      if (typeof s === 'function') {
+        try {
+          const v = s();
+          if (v == null) return 0;
+          return Array.isArray(v) ? v.length : 1;
+        } catch (e) {
+          return 0;
+        }
+      }
+      return Array.isArray(s) ? s.length : 0;
     }
   }
 });
@@ -97645,8 +97681,8 @@ var ByCardViewvue_type_template_id_31b49a25_staticRenderFns = [];
 ;
 var ByCardView_component = normalizeComponent(
   card_view_ByCardViewvue_type_script_lang_js,
-  ByCardViewvue_type_template_id_31b49a25_render,
-  ByCardViewvue_type_template_id_31b49a25_staticRenderFns,
+  ByCardViewvue_type_template_id_717526d6_render,
+  ByCardViewvue_type_template_id_717526d6_staticRenderFns,
   false,
   null,
   null,