@weitutech/by-components 1.1.206 → 1.1.207

package/lib/by-components.common.js

@@ -97710,8 +97710,8 @@ 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":"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-selector/ByCardSelector.vue?vue&type=template&id=0a667b47
-var ByCardSelectorvue_type_template_id_0a667b47_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-selector/ByCardSelector.vue?vue&type=template&id=43f85144
+var ByCardSelectorvue_type_template_id_43f85144_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -97720,12 +97720,12 @@ var ByCardSelectorvue_type_template_id_0a667b47_render = function render() {
       'is-disabled': _vm.disabled,
       'by-card-selector--no-check': !_vm.showCheckmark
     }],
-    style: _vm.directionStyle,
+    style: _vm.rootStyle,
     attrs: {
       "role": "listbox",
       "aria-multiselectable": _vm.multiple ? 'true' : 'false'
     }
-  }, _vm._l(_vm.options, function (item, index) {
+  }, [_vm._l(_vm.options, function (item, index) {
     return _c('div', {
       key: _vm.optionKey(item, index),
       staticClass: "by-card-selector__card",
@@ -97825,9 +97825,29 @@ var ByCardSelectorvue_type_template_id_0a667b47_render = function render() {
     }, [_vm.isSelected(item) ? _c('i', {
       staticClass: "el-icon-check by-card-selector__check-icon"
     }) : _vm._e()]) : _vm._e()])], 2);
-  }), 0);
+  }), _vm.hasGroupTooltip ? _c('div', {
+    staticClass: "by-card-selector__suffix",
+    attrs: {
+      "role": "note"
+    }
+  }, [_c('el-tooltip', {
+    attrs: {
+      "content": _vm.groupTooltipText,
+      "placement": "top",
+      "open-delay": 300
+    }
+  }, [_c('span', {
+    staticClass: "by-card-selector__suffix-trigger",
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+      }
+    }
+  }, [_c('i', {
+    staticClass: "el-icon-question"
+  })])])], 1) : _vm._e()], 2);
 };
-var ByCardSelectorvue_type_template_id_0a667b47_staticRenderFns = [];
+var ByCardSelectorvue_type_template_id_43f85144_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
 
@@ -97850,6 +97870,9 @@ const DEFAULT_OPTION_PROPS = () => ({
  * @example
  * <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" />
+ * <by-card-selector v-model="id" :options="list" :show-checkmark="true" />
+ * <by-card-selector v-model="id" :options="list" tooltips="整组说明文案" />
  */
 /* harmony default export */ var ByCardSelectorvue_type_script_lang_js = ({
   name: 'ByCardSelector',
@@ -97879,12 +97902,20 @@ const DEFAULT_OPTION_PROPS = () => ({
       type: String,
       default: '320px'
     },
-    /** 卡片尺寸 */
+    /** 卡片尺寸（内边距、图标与字号等）；卡片列宽默认由 size 与样式表决定 */
     size: {
       type: String,
       default: 'default',
       validator: v => ['large', 'default', 'small'].includes(v)
     },
+    /**
+     * 每张卡片宽度（像素，组件级统一）。未设置时列宽由 size 对应样式决定。
+     * 合法范围 100–600，小于 100 按 100、大于 600 按 600；可传数字或字符串（如 240、"320px"）。
+     */
+    cardWidth: {
+      type: [Number, String],
+      default: null
+    },
     /** 整组禁用 */
     disabled: {
       type: Boolean,
@@ -97910,10 +97941,18 @@ const DEFAULT_OPTION_PROPS = () => ({
       type: Number,
       default: 3
     },
-    /** 是否在卡片右侧展示圆形打钩选中指示，默认展示 */
+    /**
+     * 组件级说明：有内容时在所有选项之后展示问号，悬停显示提示（与单项内的 tooltip 字段无关）。
+     * 支持字符串或数字；仅空白则整组不展示该问号。
+     */
+    tooltips: {
+      type: [String, Number],
+      default: ''
+    },
+    /** 是否在卡片右侧展示圆形打钩选中指示，默认不展示 */
     showCheckmark: {
       type: Boolean,
-      default: true
+      default: false
     }
   },
   data() {
@@ -97931,17 +97970,51 @@ const DEFAULT_OPTION_PROPS = () => ({
     keyField() {
       return this.optionKeyField || this.mergedOptionProps.value;
     },
-    directionStyle() {
-      if (this.direction !== 'vertical') return {};
-      return {
-        maxHeight: this.verticalMaxHeight
-      };
+    /** 解析后的卡片宽度（px），无效或未传时为 null */
+    resolvedCardWidthPx() {
+      const raw = this.cardWidth;
+      if (raw == null || raw === '') return null;
+      let n;
+      if (typeof raw === 'number' && Number.isFinite(raw)) {
+        n = raw;
+      } else if (typeof raw === 'string') {
+        const s = String(raw).trim().replace(/px$/i, '');
+        n = parseFloat(s);
+      } else {
+        return null;
+      }
+      if (!Number.isFinite(n)) return null;
+      const MIN = 100;
+      const MAX = 600;
+      return Math.min(MAX, Math.max(MIN, Math.round(n)));
+    },
+    /** 根节点样式：纵向高度 + 可选自定义卡片宽度（CSS 变量） */
+    rootStyle() {
+      const style = {};
+      if (this.direction === 'vertical') {
+        style.maxHeight = this.verticalMaxHeight;
+      }
+      if (this.resolvedCardWidthPx != null) {
+        style['--by-card-selector-min'] = `${this.resolvedCardWidthPx}px`;
+      }
+      return style;
     },
     hasCardSlot() {
       return Boolean(this.$scopedSlots && this.$scopedSlots.card || this.$slots && this.$slots.card);
     },
     hasIconSlot() {
       return Boolean(this.$scopedSlots && this.$scopedSlots.icon || this.$slots && this.$slots.icon);
+    },
+    /** 是否展示组件级尾部问号 */
+    hasGroupTooltip() {
+      const t = this.tooltips;
+      if (t == null || t === '') return false;
+      return String(t).trim().length > 0;
+    },
+    /** 传给 el-tooltip 的纯文本 */
+    groupTooltipText() {
+      if (!this.hasGroupTooltip) return '';
+      return String(this.tooltips).trim();
     }
   },
   watch: {
@@ -98130,8 +98203,8 @@ const DEFAULT_OPTION_PROPS = () => ({
 ;
 var ByCardSelector_component = normalizeComponent(
   card_selector_ByCardSelectorvue_type_script_lang_js,
-  ByCardSelectorvue_type_template_id_0a667b47_render,
-  ByCardSelectorvue_type_template_id_0a667b47_staticRenderFns,
+  ByCardSelectorvue_type_template_id_43f85144_render,
+  ByCardSelectorvue_type_template_id_43f85144_staticRenderFns,
   false,
   null,
   null,

package/lib/by-components.umd.js

@@ -97720,8 +97720,8 @@ 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":"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-selector/ByCardSelector.vue?vue&type=template&id=0a667b47
-var ByCardSelectorvue_type_template_id_0a667b47_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-selector/ByCardSelector.vue?vue&type=template&id=43f85144
+var ByCardSelectorvue_type_template_id_43f85144_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -97730,12 +97730,12 @@ var ByCardSelectorvue_type_template_id_0a667b47_render = function render() {
       'is-disabled': _vm.disabled,
       'by-card-selector--no-check': !_vm.showCheckmark
     }],
-    style: _vm.directionStyle,
+    style: _vm.rootStyle,
     attrs: {
       "role": "listbox",
       "aria-multiselectable": _vm.multiple ? 'true' : 'false'
     }
-  }, _vm._l(_vm.options, function (item, index) {
+  }, [_vm._l(_vm.options, function (item, index) {
     return _c('div', {
       key: _vm.optionKey(item, index),
       staticClass: "by-card-selector__card",
@@ -97835,9 +97835,29 @@ var ByCardSelectorvue_type_template_id_0a667b47_render = function render() {
     }, [_vm.isSelected(item) ? _c('i', {
       staticClass: "el-icon-check by-card-selector__check-icon"
     }) : _vm._e()]) : _vm._e()])], 2);
-  }), 0);
+  }), _vm.hasGroupTooltip ? _c('div', {
+    staticClass: "by-card-selector__suffix",
+    attrs: {
+      "role": "note"
+    }
+  }, [_c('el-tooltip', {
+    attrs: {
+      "content": _vm.groupTooltipText,
+      "placement": "top",
+      "open-delay": 300
+    }
+  }, [_c('span', {
+    staticClass: "by-card-selector__suffix-trigger",
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+      }
+    }
+  }, [_c('i', {
+    staticClass: "el-icon-question"
+  })])])], 1) : _vm._e()], 2);
 };
-var ByCardSelectorvue_type_template_id_0a667b47_staticRenderFns = [];
+var ByCardSelectorvue_type_template_id_43f85144_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
 
@@ -97860,6 +97880,9 @@ const DEFAULT_OPTION_PROPS = () => ({
  * @example
  * <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" />
+ * <by-card-selector v-model="id" :options="list" :show-checkmark="true" />
+ * <by-card-selector v-model="id" :options="list" tooltips="整组说明文案" />
  */
 /* harmony default export */ var ByCardSelectorvue_type_script_lang_js = ({
   name: 'ByCardSelector',
@@ -97889,12 +97912,20 @@ const DEFAULT_OPTION_PROPS = () => ({
       type: String,
       default: '320px'
     },
-    /** 卡片尺寸 */
+    /** 卡片尺寸（内边距、图标与字号等）；卡片列宽默认由 size 与样式表决定 */
     size: {
       type: String,
       default: 'default',
       validator: v => ['large', 'default', 'small'].includes(v)
     },
+    /**
+     * 每张卡片宽度（像素，组件级统一）。未设置时列宽由 size 对应样式决定。
+     * 合法范围 100–600，小于 100 按 100、大于 600 按 600；可传数字或字符串（如 240、"320px"）。
+     */
+    cardWidth: {
+      type: [Number, String],
+      default: null
+    },
     /** 整组禁用 */
     disabled: {
       type: Boolean,
@@ -97920,10 +97951,18 @@ const DEFAULT_OPTION_PROPS = () => ({
       type: Number,
       default: 3
     },
-    /** 是否在卡片右侧展示圆形打钩选中指示，默认展示 */
+    /**
+     * 组件级说明：有内容时在所有选项之后展示问号，悬停显示提示（与单项内的 tooltip 字段无关）。
+     * 支持字符串或数字；仅空白则整组不展示该问号。
+     */
+    tooltips: {
+      type: [String, Number],
+      default: ''
+    },
+    /** 是否在卡片右侧展示圆形打钩选中指示，默认不展示 */
     showCheckmark: {
       type: Boolean,
-      default: true
+      default: false
     }
   },
   data() {
@@ -97941,17 +97980,51 @@ const DEFAULT_OPTION_PROPS = () => ({
     keyField() {
       return this.optionKeyField || this.mergedOptionProps.value;
     },
-    directionStyle() {
-      if (this.direction !== 'vertical') return {};
-      return {
-        maxHeight: this.verticalMaxHeight
-      };
+    /** 解析后的卡片宽度（px），无效或未传时为 null */
+    resolvedCardWidthPx() {
+      const raw = this.cardWidth;
+      if (raw == null || raw === '') return null;
+      let n;
+      if (typeof raw === 'number' && Number.isFinite(raw)) {
+        n = raw;
+      } else if (typeof raw === 'string') {
+        const s = String(raw).trim().replace(/px$/i, '');
+        n = parseFloat(s);
+      } else {
+        return null;
+      }
+      if (!Number.isFinite(n)) return null;
+      const MIN = 100;
+      const MAX = 600;
+      return Math.min(MAX, Math.max(MIN, Math.round(n)));
+    },
+    /** 根节点样式：纵向高度 + 可选自定义卡片宽度（CSS 变量） */
+    rootStyle() {
+      const style = {};
+      if (this.direction === 'vertical') {
+        style.maxHeight = this.verticalMaxHeight;
+      }
+      if (this.resolvedCardWidthPx != null) {
+        style['--by-card-selector-min'] = `${this.resolvedCardWidthPx}px`;
+      }
+      return style;
     },
     hasCardSlot() {
       return Boolean(this.$scopedSlots && this.$scopedSlots.card || this.$slots && this.$slots.card);
     },
     hasIconSlot() {
       return Boolean(this.$scopedSlots && this.$scopedSlots.icon || this.$slots && this.$slots.icon);
+    },
+    /** 是否展示组件级尾部问号 */
+    hasGroupTooltip() {
+      const t = this.tooltips;
+      if (t == null || t === '') return false;
+      return String(t).trim().length > 0;
+    },
+    /** 传给 el-tooltip 的纯文本 */
+    groupTooltipText() {
+      if (!this.hasGroupTooltip) return '';
+      return String(this.tooltips).trim();
     }
   },
   watch: {
@@ -98140,8 +98213,8 @@ const DEFAULT_OPTION_PROPS = () => ({
 ;
 var ByCardSelector_component = normalizeComponent(
   card_selector_ByCardSelectorvue_type_script_lang_js,
-  ByCardSelectorvue_type_template_id_0a667b47_render,
-  ByCardSelectorvue_type_template_id_0a667b47_staticRenderFns,
+  ByCardSelectorvue_type_template_id_43f85144_render,
+  ByCardSelectorvue_type_template_id_43f85144_staticRenderFns,
   false,
   null,
   null,