@weitutech/by-components 1.2.16 → 1.2.18

package/lib/by-components.common.js

@@ -101526,8 +101526,8 @@ var ByGridLayout_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByGridLayout = (ByGridLayout_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-tag/ByTag.vue?vue&type=template&id=197fb365
-var ByTagvue_type_template_id_197fb365_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-tag/ByTag.vue?vue&type=template&id=91c49304
+var ByTagvue_type_template_id_91c49304_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('el-tag', _vm._g(_vm._b({
@@ -101536,14 +101536,25 @@ var ByTagvue_type_template_id_197fb365_render = function render() {
       "type": _vm.elTagType,
       "color": _vm.elTagColor
     }
-  }, 'el-tag', _vm.tagAttrs, false), _vm.$listeners), [_vm._t("default")], 2);
+  }, 'el-tag', _vm.tagAttrs, false), _vm.$listeners), [_vm.hasIcon ? _c('span', {
+    staticClass: "by-tag__icon",
+    attrs: {
+      "aria-hidden": "true"
+    }
+  }, [_vm._t("icon", function () {
+    return [_vm.icon ? _c('i', {
+      class: _vm.icon
+    }) : _vm._e()];
+  })], 2) : _vm._e(), _vm._t("default")], 2);
 };
-var ByTagvue_type_template_id_197fb365_staticRenderFns = [];
+var ByTagvue_type_template_id_91c49304_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-tag/ByTag.vue?vue&type=script&lang=js
+
 /**
  * 原生 el-tag 的 type 仅支持：primary / success / info / warning / danger
- * 本组件扩展 type，扩展类型的背景、边框、文字由 style/by-tag.scss 统一配色
+ * 本组件扩展 type，扩展类型的背景、边框、文字由 style/by-tag.scss 统一配色；
+ * 另支持前缀图标（icon / #icon）与胶囊圆角（round）。
  */
 const NATIVE_TYPES = ['primary', 'success', 'info', 'warning', 'danger'];
 const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', 'purple', 'violet', 'lavender', 'indigo', 'cyan', 'teal', 'aqua', 'ink', 'mint', 'lime', 'forest', 'olive', 'sage', 'crimson', 'rose', 'pink', 'blossom', 'magenta', 'scarlet', 'orange', 'coral', 'brick', 'amber', 'gold', 'lemon', 'brown', 'sand', 'beige', 'wine', 'silver', 'copper'];
@@ -101560,6 +101571,19 @@ const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', '
     type: {
       type: String,
       default: ''
+    },
+    /**
+     * 前缀图标类名（如 el-icon-check）；也可通过 #icon 插槽完全自定义。
+     * 同时存在时优先渲染 #icon 插槽内容。
+     */
+    icon: {
+      type: String,
+      default: ''
+    },
+    /** 是否使用胶囊圆角（border-radius: 999px） */
+    round: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {
@@ -101569,6 +101593,12 @@ const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', '
     isExtendedType() {
       return this.type && EXTENDED_TYPES.includes(this.type);
     },
+    hasIconSlot() {
+      return Boolean(this.$scopedSlots && this.$scopedSlots.icon || this.$slots && this.$slots.icon);
+    },
+    hasIcon() {
+      return Boolean(this.icon) || this.hasIconSlot;
+    },
     elTagType() {
       if (this.isNativeType) return this.type;
       if (this.isExtendedType) return ''; // 扩展类型完全由 by-tag.scss 配色
@@ -101579,8 +101609,21 @@ const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', '
       return this.$attrs && this.$attrs.color !== undefined ? this.$attrs.color : undefined;
     },
     tagClass() {
-      if (!this.isExtendedType) return '';
-      return ['by-tag', `by-tag--${this.type}`];
+      const classes = [];
+      // 扩展色、圆角、图标样式均挂在 .by-tag 下；原生 type 在需要时也挂上基类
+      if (this.isExtendedType || this.round || this.hasIcon) {
+        classes.push('by-tag');
+      }
+      if (this.isExtendedType) {
+        classes.push(`by-tag--${this.type}`);
+      }
+      if (this.round) {
+        classes.push('by-tag--round');
+      }
+      if (this.hasIcon) {
+        classes.push('by-tag--with-icon');
+      }
+      return classes;
     },
     tagAttrs() {
       const attrs = {
@@ -101608,8 +101651,8 @@ const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', '
 ;
 var ByTag_component = normalizeComponent(
   by_tag_ByTagvue_type_script_lang_js,
-  ByTagvue_type_template_id_197fb365_render,
-  ByTagvue_type_template_id_197fb365_staticRenderFns,
+  ByTagvue_type_template_id_91c49304_render,
+  ByTagvue_type_template_id_91c49304_staticRenderFns,
   false,
   null,
   null,
@@ -101753,15 +101796,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=4f6402cc
-var ByCardSelectorvue_type_template_id_4f6402cc_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: {
@@ -101891,7 +101935,7 @@ var ByCardSelectorvue_type_template_id_4f6402cc_render = function render() {
     staticClass: "el-icon-question"
   })])])], 1) : _vm._e()], 2);
 };
-var ByCardSelectorvue_type_template_id_4f6402cc_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
 
@@ -101929,6 +101973,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 形态时无需任何额外配置 -->
@@ -101969,13 +102015,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,
@@ -102067,6 +102125,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 = {};
@@ -102303,8 +102369,8 @@ const VALUE_FALLBACK_FIELD = 'id';
 ;
 var ByCardSelector_component = normalizeComponent(
   card_selector_ByCardSelectorvue_type_script_lang_js,
-  ByCardSelectorvue_type_template_id_4f6402cc_render,
-  ByCardSelectorvue_type_template_id_4f6402cc_staticRenderFns,
+  ByCardSelectorvue_type_template_id_18565505_render,
+  ByCardSelectorvue_type_template_id_18565505_staticRenderFns,
   false,
   null,
   null,

package/lib/by-components.umd.js

@@ -101536,8 +101536,8 @@ var ByGridLayout_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByGridLayout = (ByGridLayout_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-tag/ByTag.vue?vue&type=template&id=197fb365
-var ByTagvue_type_template_id_197fb365_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-tag/ByTag.vue?vue&type=template&id=91c49304
+var ByTagvue_type_template_id_91c49304_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('el-tag', _vm._g(_vm._b({
@@ -101546,14 +101546,25 @@ var ByTagvue_type_template_id_197fb365_render = function render() {
       "type": _vm.elTagType,
       "color": _vm.elTagColor
     }
-  }, 'el-tag', _vm.tagAttrs, false), _vm.$listeners), [_vm._t("default")], 2);
+  }, 'el-tag', _vm.tagAttrs, false), _vm.$listeners), [_vm.hasIcon ? _c('span', {
+    staticClass: "by-tag__icon",
+    attrs: {
+      "aria-hidden": "true"
+    }
+  }, [_vm._t("icon", function () {
+    return [_vm.icon ? _c('i', {
+      class: _vm.icon
+    }) : _vm._e()];
+  })], 2) : _vm._e(), _vm._t("default")], 2);
 };
-var ByTagvue_type_template_id_197fb365_staticRenderFns = [];
+var ByTagvue_type_template_id_91c49304_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/by-tag/ByTag.vue?vue&type=script&lang=js
+
 /**
  * 原生 el-tag 的 type 仅支持：primary / success / info / warning / danger
- * 本组件扩展 type，扩展类型的背景、边框、文字由 style/by-tag.scss 统一配色
+ * 本组件扩展 type，扩展类型的背景、边框、文字由 style/by-tag.scss 统一配色；
+ * 另支持前缀图标（icon / #icon）与胶囊圆角（round）。
  */
 const NATIVE_TYPES = ['primary', 'success', 'info', 'warning', 'danger'];
 const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', 'purple', 'violet', 'lavender', 'indigo', 'cyan', 'teal', 'aqua', 'ink', 'mint', 'lime', 'forest', 'olive', 'sage', 'crimson', 'rose', 'pink', 'blossom', 'magenta', 'scarlet', 'orange', 'coral', 'brick', 'amber', 'gold', 'lemon', 'brown', 'sand', 'beige', 'wine', 'silver', 'copper'];
@@ -101570,6 +101581,19 @@ const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', '
     type: {
       type: String,
       default: ''
+    },
+    /**
+     * 前缀图标类名（如 el-icon-check）；也可通过 #icon 插槽完全自定义。
+     * 同时存在时优先渲染 #icon 插槽内容。
+     */
+    icon: {
+      type: String,
+      default: ''
+    },
+    /** 是否使用胶囊圆角（border-radius: 999px） */
+    round: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {
@@ -101579,6 +101603,12 @@ const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', '
     isExtendedType() {
       return this.type && EXTENDED_TYPES.includes(this.type);
     },
+    hasIconSlot() {
+      return Boolean(this.$scopedSlots && this.$scopedSlots.icon || this.$slots && this.$slots.icon);
+    },
+    hasIcon() {
+      return Boolean(this.icon) || this.hasIconSlot;
+    },
     elTagType() {
       if (this.isNativeType) return this.type;
       if (this.isExtendedType) return ''; // 扩展类型完全由 by-tag.scss 配色
@@ -101589,8 +101619,21 @@ const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', '
       return this.$attrs && this.$attrs.color !== undefined ? this.$attrs.color : undefined;
     },
     tagClass() {
-      if (!this.isExtendedType) return '';
-      return ['by-tag', `by-tag--${this.type}`];
+      const classes = [];
+      // 扩展色、圆角、图标样式均挂在 .by-tag 下；原生 type 在需要时也挂上基类
+      if (this.isExtendedType || this.round || this.hasIcon) {
+        classes.push('by-tag');
+      }
+      if (this.isExtendedType) {
+        classes.push(`by-tag--${this.type}`);
+      }
+      if (this.round) {
+        classes.push('by-tag--round');
+      }
+      if (this.hasIcon) {
+        classes.push('by-tag--with-icon');
+      }
+      return classes;
     },
     tagAttrs() {
       const attrs = {
@@ -101618,8 +101661,8 @@ const EXTENDED_TYPES = ['blue', 'navy', 'sky', 'default', 'slate', 'charcoal', '
 ;
 var ByTag_component = normalizeComponent(
   by_tag_ByTagvue_type_script_lang_js,
-  ByTagvue_type_template_id_197fb365_render,
-  ByTagvue_type_template_id_197fb365_staticRenderFns,
+  ByTagvue_type_template_id_91c49304_render,
+  ByTagvue_type_template_id_91c49304_staticRenderFns,
   false,
   null,
   null,
@@ -101763,15 +101806,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=4f6402cc
-var ByCardSelectorvue_type_template_id_4f6402cc_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: {
@@ -101901,7 +101945,7 @@ var ByCardSelectorvue_type_template_id_4f6402cc_render = function render() {
     staticClass: "el-icon-question"
   })])])], 1) : _vm._e()], 2);
 };
-var ByCardSelectorvue_type_template_id_4f6402cc_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
 
@@ -101939,6 +101983,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 形态时无需任何额外配置 -->
@@ -101979,13 +102025,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,
@@ -102077,6 +102135,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 = {};
@@ -102313,8 +102379,8 @@ const VALUE_FALLBACK_FIELD = 'id';
 ;
 var ByCardSelector_component = normalizeComponent(
   card_selector_ByCardSelectorvue_type_script_lang_js,
-  ByCardSelectorvue_type_template_id_4f6402cc_render,
-  ByCardSelectorvue_type_template_id_4f6402cc_staticRenderFns,
+  ByCardSelectorvue_type_template_id_18565505_render,
+  ByCardSelectorvue_type_template_id_18565505_staticRenderFns,
   false,
   null,
   null,