@weitutech/by-components 1.2.16 → 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=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 +101892,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 +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 形态时无需任何额外配置 -->
@@ -101969,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,
@@ -102067,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 = {};
@@ -102303,8 +102326,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

@@ -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=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 +101902,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 +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 形态时无需任何额外配置 -->
@@ -101979,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,
@@ -102077,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 = {};
@@ -102313,8 +102336,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,