@weitutech/by-components 1.2.15 → 1.2.17

package/lib/by-components.common.js

@@ -101753,15 +101753,16 @@ var ByCardView_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByCardView = (ByCardView_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/card-selector/ByCardSelector.vue?vue&type=template&id=681372fb
-var ByCardSelectorvue_type_template_id_681372fb_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/card-selector/ByCardSelector.vue?vue&type=template&id=18565505
+var ByCardSelectorvue_type_template_id_18565505_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "by-card-selector",
     class: [`by-card-selector--size-${_vm.size}`, `by-card-selector--direction-${_vm.direction}`, {
       'is-disabled': _vm.disabled,
-      'by-card-selector--no-check': !_vm.showCheckmark
+      'by-card-selector--no-check': !_vm.showCheckmark,
+      'by-card-selector--fixed-width': _vm.useFixedCardWidth
     }],
     style: _vm.rootStyle,
     attrs: {
@@ -101775,7 +101776,8 @@ var ByCardSelectorvue_type_template_id_681372fb_render = function render() {
       class: {
         'is-selected': _vm.isSelected(item),
         'is-disabled': _vm.isItemDisabled(item),
-        'is-focusable': !_vm.isItemDisabled(item)
+        'is-focusable': !_vm.isItemDisabled(item),
+        'by-card-selector__card--title-only': _vm.isTitleOnlyCard(item)
       },
       attrs: {
         "role": "option",
@@ -101799,7 +101801,7 @@ var ByCardSelectorvue_type_template_id_681372fb_render = function render() {
       "index": index,
       "selected": _vm.isSelected(item),
       "disabled": _vm.isItemDisabled(item)
-    }) : _c('div', {
+    }) : [_c('div', {
       staticClass: "by-card-selector__card-inner"
     }, [_vm.hasIconArea(item) ? _c('div', {
       staticClass: "by-card-selector__icon-wrap"
@@ -101860,14 +101862,14 @@ var ByCardSelectorvue_type_template_id_681372fb_render = function render() {
         "type": "info",
         "effect": "plain"
       }
-    }, [_vm._v(" +" + _vm._s(_vm.tagOverflowCount(item)) + " ")]) : _vm._e()], 2) : _vm._e()]), _vm.showCheckmark ? _c('div', {
+    }, [_vm._v(" +" + _vm._s(_vm.tagOverflowCount(item)) + " ")]) : _vm._e()], 2) : _vm._e()])]), _vm.showCheckmark && _vm.isSelected(item) ? _c('div', {
       staticClass: "by-card-selector__check",
       attrs: {
         "aria-hidden": "true"
       }
-    }, [_vm.isSelected(item) ? _c('i', {
+    }, [_c('i', {
       staticClass: "el-icon-check by-card-selector__check-icon"
-    }) : _vm._e()]) : _vm._e()])], 2);
+    })]) : _vm._e()]], 2);
   }), _vm.hasGroupTooltip ? _c('div', {
     staticClass: "by-card-selector__suffix",
     attrs: {
@@ -101890,7 +101892,7 @@ var ByCardSelectorvue_type_template_id_681372fb_render = function render() {
     staticClass: "el-icon-question"
   })])])], 1) : _vm._e()], 2);
 };
-var ByCardSelectorvue_type_template_id_681372fb_staticRenderFns = [];
+var ByCardSelectorvue_type_template_id_18565505_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-selector/ByCardSelector.vue?vue&type=script&lang=js
 
@@ -101928,6 +101930,8 @@ const VALUE_FALLBACK_FIELD = 'id';
  * <by-card-selector v-model="id" :options="list" />
  * <by-card-selector v-model="ids" :options="list" multiple />
  * <by-card-selector v-model="id" :options="list" :card-width="280" />
+ * <!-- 设了 card-width 仍要横向均分拉伸时，显式开启 card-fill -->
+ * <by-card-selector v-model="id" :options="list" :card-width="280" :card-fill="true" />
  * <by-card-selector v-model="id" :options="list" :show-checkmark="false" />
  * <by-card-selector v-model="id" :options="list" tooltips="整组说明文案" />
  * <!-- 业务使用 id/name 形态时无需任何额外配置 -->
@@ -101968,13 +101972,25 @@ const VALUE_FALLBACK_FIELD = 'id';
       validator: v => ['large', 'default', 'small'].includes(v)
     },
     /**
-     * 每张卡片宽度（像素，组件级统一）。未设置时列宽由 size 对应样式决定。
+     * 每张卡片宽度（像素，组件级统一）。未设置时列宽由 size 对应样式决定，横向仍会均分拉伸。
      * 合法范围 100–600，小于 100 按 100、大于 600 按 600；可传数字或字符串（如 240、"320px"）。
+     * 设置后横向默认按该值固定宽度、不再拉伸；若仍要均分拉伸，请显式设 :card-fill="true"。
      */
     cardWidth: {
       type: [Number, String],
       default: null
     },
+    /**
+     * 横向是否均分拉伸。
+     * - 未传（默认）：有 card-width 时固定宽，无 card-width 时均分拉伸；
+     * - true：强制均分拉伸（即使设置了 card-width）；
+     * - false：强制固定为 card-width（或 size 对应列宽基准）。
+     * 纵向排列本身为固定宽，该属性对纵向无额外影响。
+     */
+    cardFill: {
+      type: Boolean,
+      default: undefined
+    },
     /** 整组禁用 */
     disabled: {
       type: Boolean,
@@ -102014,7 +102030,7 @@ const VALUE_FALLBACK_FIELD = 'id';
       type: [String, Number],
       default: ''
     },
-    /** 是否在卡片右侧展示圆形打钩选中指示，默认展示；如不需要可显式设为 false */
+    /** 是否在选中卡片右上角展示角标打钩，默认展示；未选中时不占位；如不需要可显式设为 false */
     showCheckmark: {
       type: Boolean,
       default: true
@@ -102066,6 +102082,14 @@ const VALUE_FALLBACK_FIELD = 'id';
       const MAX = 600;
       return Math.min(MAX, Math.max(MIN, Math.round(n)));
     },
+    /**
+     * 是否使用固定列宽（不拉伸）。
+     * 显式 cardFill 优先；未传时：有 card-width → 固定，无 → 均分拉伸。
+     */
+    useFixedCardWidth() {
+      if (typeof this.cardFill === 'boolean') return !this.cardFill;
+      return this.resolvedCardWidthPx != null;
+    },
     /** 根节点样式：纵向高度 + 可选自定义卡片宽度（CSS 变量） */
     rootStyle() {
       const style = {};
@@ -102166,6 +102190,11 @@ const VALUE_FALLBACK_FIELD = 'id';
     hasIconArea(item) {
       return Boolean(this.rawIcon(item)) || this.hasIconSlot;
     },
+    /** 仅标题卡片：无图标、描述、标签、单项 tooltip，角标自动缩小尺寸 */
+    isTitleOnlyCard(item) {
+      if (this.hasCardSlot) return false;
+      return !this.hasIconArea(item) && !this.optionDescription(item) && !this.rawTags(item).length && !this.optionTooltip(item);
+    },
     iconFallbackLetter(item) {
       const t = this.optionLabel(item);
       return t ? t.trim().charAt(0).toUpperCase() : '?';
@@ -102297,8 +102326,8 @@ const VALUE_FALLBACK_FIELD = 'id';
 ;
 var ByCardSelector_component = normalizeComponent(
   card_selector_ByCardSelectorvue_type_script_lang_js,
-  ByCardSelectorvue_type_template_id_681372fb_render,
-  ByCardSelectorvue_type_template_id_681372fb_staticRenderFns,
+  ByCardSelectorvue_type_template_id_18565505_render,
+  ByCardSelectorvue_type_template_id_18565505_staticRenderFns,
   false,
   null,
   null,

package/lib/by-components.umd.js

@@ -101763,15 +101763,16 @@ var ByCardView_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByCardView = (ByCardView_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/card-selector/ByCardSelector.vue?vue&type=template&id=681372fb
-var ByCardSelectorvue_type_template_id_681372fb_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/card-selector/ByCardSelector.vue?vue&type=template&id=18565505
+var ByCardSelectorvue_type_template_id_18565505_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "by-card-selector",
     class: [`by-card-selector--size-${_vm.size}`, `by-card-selector--direction-${_vm.direction}`, {
       'is-disabled': _vm.disabled,
-      'by-card-selector--no-check': !_vm.showCheckmark
+      'by-card-selector--no-check': !_vm.showCheckmark,
+      'by-card-selector--fixed-width': _vm.useFixedCardWidth
     }],
     style: _vm.rootStyle,
     attrs: {
@@ -101785,7 +101786,8 @@ var ByCardSelectorvue_type_template_id_681372fb_render = function render() {
       class: {
         'is-selected': _vm.isSelected(item),
         'is-disabled': _vm.isItemDisabled(item),
-        'is-focusable': !_vm.isItemDisabled(item)
+        'is-focusable': !_vm.isItemDisabled(item),
+        'by-card-selector__card--title-only': _vm.isTitleOnlyCard(item)
       },
       attrs: {
         "role": "option",
@@ -101809,7 +101811,7 @@ var ByCardSelectorvue_type_template_id_681372fb_render = function render() {
       "index": index,
       "selected": _vm.isSelected(item),
       "disabled": _vm.isItemDisabled(item)
-    }) : _c('div', {
+    }) : [_c('div', {
       staticClass: "by-card-selector__card-inner"
     }, [_vm.hasIconArea(item) ? _c('div', {
       staticClass: "by-card-selector__icon-wrap"
@@ -101870,14 +101872,14 @@ var ByCardSelectorvue_type_template_id_681372fb_render = function render() {
         "type": "info",
         "effect": "plain"
       }
-    }, [_vm._v(" +" + _vm._s(_vm.tagOverflowCount(item)) + " ")]) : _vm._e()], 2) : _vm._e()]), _vm.showCheckmark ? _c('div', {
+    }, [_vm._v(" +" + _vm._s(_vm.tagOverflowCount(item)) + " ")]) : _vm._e()], 2) : _vm._e()])]), _vm.showCheckmark && _vm.isSelected(item) ? _c('div', {
       staticClass: "by-card-selector__check",
       attrs: {
         "aria-hidden": "true"
       }
-    }, [_vm.isSelected(item) ? _c('i', {
+    }, [_c('i', {
       staticClass: "el-icon-check by-card-selector__check-icon"
-    }) : _vm._e()]) : _vm._e()])], 2);
+    })]) : _vm._e()]], 2);
   }), _vm.hasGroupTooltip ? _c('div', {
     staticClass: "by-card-selector__suffix",
     attrs: {
@@ -101900,7 +101902,7 @@ var ByCardSelectorvue_type_template_id_681372fb_render = function render() {
     staticClass: "el-icon-question"
   })])])], 1) : _vm._e()], 2);
 };
-var ByCardSelectorvue_type_template_id_681372fb_staticRenderFns = [];
+var ByCardSelectorvue_type_template_id_18565505_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-selector/ByCardSelector.vue?vue&type=script&lang=js
 
@@ -101938,6 +101940,8 @@ const VALUE_FALLBACK_FIELD = 'id';
  * <by-card-selector v-model="id" :options="list" />
  * <by-card-selector v-model="ids" :options="list" multiple />
  * <by-card-selector v-model="id" :options="list" :card-width="280" />
+ * <!-- 设了 card-width 仍要横向均分拉伸时，显式开启 card-fill -->
+ * <by-card-selector v-model="id" :options="list" :card-width="280" :card-fill="true" />
  * <by-card-selector v-model="id" :options="list" :show-checkmark="false" />
  * <by-card-selector v-model="id" :options="list" tooltips="整组说明文案" />
  * <!-- 业务使用 id/name 形态时无需任何额外配置 -->
@@ -101978,13 +101982,25 @@ const VALUE_FALLBACK_FIELD = 'id';
       validator: v => ['large', 'default', 'small'].includes(v)
     },
     /**
-     * 每张卡片宽度（像素，组件级统一）。未设置时列宽由 size 对应样式决定。
+     * 每张卡片宽度（像素，组件级统一）。未设置时列宽由 size 对应样式决定，横向仍会均分拉伸。
      * 合法范围 100–600，小于 100 按 100、大于 600 按 600；可传数字或字符串（如 240、"320px"）。
+     * 设置后横向默认按该值固定宽度、不再拉伸；若仍要均分拉伸，请显式设 :card-fill="true"。
      */
     cardWidth: {
       type: [Number, String],
       default: null
     },
+    /**
+     * 横向是否均分拉伸。
+     * - 未传（默认）：有 card-width 时固定宽，无 card-width 时均分拉伸；
+     * - true：强制均分拉伸（即使设置了 card-width）；
+     * - false：强制固定为 card-width（或 size 对应列宽基准）。
+     * 纵向排列本身为固定宽，该属性对纵向无额外影响。
+     */
+    cardFill: {
+      type: Boolean,
+      default: undefined
+    },
     /** 整组禁用 */
     disabled: {
       type: Boolean,
@@ -102024,7 +102040,7 @@ const VALUE_FALLBACK_FIELD = 'id';
       type: [String, Number],
       default: ''
     },
-    /** 是否在卡片右侧展示圆形打钩选中指示，默认展示；如不需要可显式设为 false */
+    /** 是否在选中卡片右上角展示角标打钩，默认展示；未选中时不占位；如不需要可显式设为 false */
     showCheckmark: {
       type: Boolean,
       default: true
@@ -102076,6 +102092,14 @@ const VALUE_FALLBACK_FIELD = 'id';
       const MAX = 600;
       return Math.min(MAX, Math.max(MIN, Math.round(n)));
     },
+    /**
+     * 是否使用固定列宽（不拉伸）。
+     * 显式 cardFill 优先；未传时：有 card-width → 固定，无 → 均分拉伸。
+     */
+    useFixedCardWidth() {
+      if (typeof this.cardFill === 'boolean') return !this.cardFill;
+      return this.resolvedCardWidthPx != null;
+    },
     /** 根节点样式：纵向高度 + 可选自定义卡片宽度（CSS 变量） */
     rootStyle() {
       const style = {};
@@ -102176,6 +102200,11 @@ const VALUE_FALLBACK_FIELD = 'id';
     hasIconArea(item) {
       return Boolean(this.rawIcon(item)) || this.hasIconSlot;
     },
+    /** 仅标题卡片：无图标、描述、标签、单项 tooltip，角标自动缩小尺寸 */
+    isTitleOnlyCard(item) {
+      if (this.hasCardSlot) return false;
+      return !this.hasIconArea(item) && !this.optionDescription(item) && !this.rawTags(item).length && !this.optionTooltip(item);
+    },
     iconFallbackLetter(item) {
       const t = this.optionLabel(item);
       return t ? t.trim().charAt(0).toUpperCase() : '?';
@@ -102307,8 +102336,8 @@ const VALUE_FALLBACK_FIELD = 'id';
 ;
 var ByCardSelector_component = normalizeComponent(
   card_selector_ByCardSelectorvue_type_script_lang_js,
-  ByCardSelectorvue_type_template_id_681372fb_render,
-  ByCardSelectorvue_type_template_id_681372fb_staticRenderFns,
+  ByCardSelectorvue_type_template_id_18565505_render,
+  ByCardSelectorvue_type_template_id_18565505_staticRenderFns,
   false,
   null,
   null,