@weitutech/by-components 1.2.14 → 1.2.15

package/lib/by-components.common.js

@@ -78435,8 +78435,8 @@ var table_component = normalizeComponent(
 )
 
 /* harmony default export */ var table = (table_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/form/form.vue?vue&type=template&id=1fc1d18e&scoped=true
-var formvue_type_template_id_1fc1d18e_scoped_true_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/form/form.vue?vue&type=template&id=04cd7112&scoped=true
+var formvue_type_template_id_04cd7112_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -78576,6 +78576,7 @@ var formvue_type_template_id_1fc1d18e_scoped_true_render = function render() {
         "options": item.options || [],
         "loadOptions": item.loadOptions,
         "hiddenAllOptions": item.hiddenAllOptions,
+        "hiddenGroupTitle": item.hiddenGroupTitle || false,
         "multiple": item.multiple,
         "reserveKeyword": item.reserveKeyword !== false,
         "placeholder": item.placeholder,
@@ -78826,7 +78827,7 @@ var formvue_type_template_id_1fc1d18e_scoped_true_render = function render() {
     staticClass: "footer"
   }, [_vm._t("footer")], 2)], 1);
 };
-var formvue_type_template_id_1fc1d18e_scoped_true_staticRenderFns = [];
+var formvue_type_template_id_04cd7112_scoped_true_staticRenderFns = [];
 
 ;// ./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/form/comps/pair-number-input.vue?vue&type=template&id=604235f6
 var pair_number_inputvue_type_template_id_604235f6_render = function render() {
@@ -79318,8 +79319,8 @@ var custom_date_picker_component = normalizeComponent(
 )
 
 /* harmony default export */ var custom_date_picker = (custom_date_picker_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/common-selector/ByCommonSelector.vue?vue&type=template&id=781ea1a3
-var ByCommonSelectorvue_type_template_id_781ea1a3_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/common-selector/ByCommonSelector.vue?vue&type=template&id=2ab5dba2
+var ByCommonSelectorvue_type_template_id_2ab5dba2_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -79338,7 +79339,8 @@ var ByCommonSelectorvue_type_template_id_781ea1a3_render = function render() {
       "size": _vm.size,
       "multiple": _vm.multiple,
       "collapse-tags": _vm.multiple,
-      "loading": _vm.loading
+      "loading": _vm.loading,
+      "popper-class": _vm.selectPopperClass
     },
     on: {
       "change": _vm.selected
@@ -79350,7 +79352,26 @@ var ByCommonSelectorvue_type_template_id_781ea1a3_render = function render() {
       },
       expression: "selectedValue"
     }
-  }, 'el-select', _vm.$attrs, false), _vm._l(_vm.localOptions, function (item) {
+  }, 'el-select', _vm.$attrs, false), [_vm.isSelectGrouped ? _vm._l(_vm.groupedSelectOptions, function (group) {
+    return _c('el-option-group', {
+      key: group.title,
+      class: {
+        'by_select-group--hidden-title': _vm.hiddenGroupTitle
+      },
+      attrs: {
+        "label": _vm.hiddenGroupTitle ? '' : group.title
+      }
+    }, _vm._l(group.items, function (item) {
+      return _c('el-option', {
+        key: item.id,
+        attrs: {
+          "label": item.name,
+          "value": item.id,
+          "disabled": item.status === 0
+        }
+      });
+    }), 1);
+  }) : _vm._l(_vm.localOptions, function (item) {
     return _c('el-option', {
       key: item.id,
       attrs: {
@@ -79359,7 +79380,7 @@ var ByCommonSelectorvue_type_template_id_781ea1a3_render = function render() {
         "disabled": item.status === 0
       }
     });
-  }), 1), _vm.showSelectBatchInput && _vm.multiple ? _c('el-popover', {
+  })], 2), _vm.showSelectBatchInput && _vm.multiple ? _c('el-popover', {
     attrs: {
       "placement": "bottom-start",
       "width": _vm.selectBatchInputPopoverWidth,
@@ -79911,7 +79932,7 @@ var ByCommonSelectorvue_type_template_id_781ea1a3_render = function render() {
     }
   }, [_vm._v(" 加载中... ")]) : _vm._e()], 2);
 };
-var ByCommonSelectorvue_type_template_id_781ea1a3_staticRenderFns = [];
+var ByCommonSelectorvue_type_template_id_2ab5dba2_staticRenderFns = [];
 
 ;// ./node_modules/pinyin-pro/dist/index.mjs
 
@@ -90205,6 +90226,7 @@ function segment(word, options) {
 
 
 
+
  //拼音库，用于搜索栏生成A~Z字母
 
 
@@ -90232,7 +90254,8 @@ const allOptionsNames = ['全部', '全选', '所有', '全部选项', 'All', 'a
       default: 'select'
     },
     /**
-     * 选项数据，格式：[{id: 1, name: '选项1', initial: 'A', status: 1}]
+     * 选项数据，格式：[{id: 1, name: '选项1', initial: 'A', status: 1, groupTitle: '分组名'}]
+     * select 模式下，当每一项都配置了 groupTitle 时，将按 groupTitle 分组展示
      * 如果loadOptions存在，则options无效
      */
     options: {
@@ -90491,6 +90514,15 @@ const allOptionsNames = ['全部', '全选', '所有', '全部选项', 'All', 'a
     selectBatchInputPopoverWidth: {
       type: [String, Number],
       default: '300'
+    },
+    // ********************************** select 类型分组展示相关 **********************************
+    /**
+     * select 类型下是否隐藏分组标题
+     * 注意：仅在所有选项都配置了 groupTitle 时生效；隐藏后组与组之间以分割线分隔
+     */
+    hiddenGroupTitle: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -90584,6 +90616,46 @@ const allOptionsNames = ['全部', '全选', '所有', '全部选项', 'All', 'a
     // 标准化后的 enhancedAllOptions（将 value/label 转为 id/name）
     normalizedEnhancedAllOptions() {
       return this.normalizeOptions(this.enhancedAllOptions || []);
+    },
+    // select 模式下是否按 groupTitle 分组展示（需每一项都配置非空 groupTitle）
+    isSelectGrouped() {
+      if (this.type !== 'select' || this.localOptions.length === 0) {
+        return false;
+      }
+      return this.localOptions.every(item => item.groupTitle != null && item.groupTitle !== '');
+    },
+    // select 模式下的分组选项（按 groupTitle 首次出现顺序）
+    groupedSelectOptions() {
+      if (!this.isSelectGrouped) {
+        return [];
+      }
+      const groupMap = new Map();
+      const groups = [];
+      this.localOptions.forEach(item => {
+        const title = item.groupTitle;
+        if (!groupMap.has(title)) {
+          const group = {
+            title,
+            items: []
+          };
+          groupMap.set(title, group);
+          groups.push(group);
+        }
+        groupMap.get(title).items.push(item);
+      });
+      return groups;
+    },
+    // select 下拉面板 class（合并外部传入的 popper-class）
+    selectPopperClass() {
+      const classes = [];
+      const attrClass = this.$attrs['popper-class'] || this.$attrs.popperClass;
+      if (attrClass) {
+        classes.push(attrClass);
+      }
+      if (this.isSelectGrouped && this.hiddenGroupTitle) {
+        classes.push('by_common-selector-select--hidden-group-title');
+      }
+      return classes.join(' ');
     }
   },
   watch: {
@@ -91442,8 +91514,8 @@ const allOptionsNames = ['全部', '全选', '所有', '全部选项', 'All', 'a
 ;
 var ByCommonSelector_component = normalizeComponent(
   common_selector_ByCommonSelectorvue_type_script_lang_js,
-  ByCommonSelectorvue_type_template_id_781ea1a3_render,
-  ByCommonSelectorvue_type_template_id_781ea1a3_staticRenderFns,
+  ByCommonSelectorvue_type_template_id_2ab5dba2_render,
+  ByCommonSelectorvue_type_template_id_2ab5dba2_staticRenderFns,
   false,
   null,
   null,
@@ -92912,10 +92984,10 @@ var ByCommonInput_component = normalizeComponent(
 });
 ;// ./src/components/form/form.vue?vue&type=script&lang=js
  /* harmony default export */ var form_formvue_type_script_lang_js = (formvue_type_script_lang_js); 
-;// ./node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[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/form/form.vue?vue&type=style&index=0&id=1fc1d18e&prod&lang=scss&scoped=true
+;// ./node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[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/form/form.vue?vue&type=style&index=0&id=04cd7112&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/form/form.vue?vue&type=style&index=0&id=1fc1d18e&prod&lang=scss&scoped=true
+;// ./src/components/form/form.vue?vue&type=style&index=0&id=04cd7112&prod&lang=scss&scoped=true
 
 ;// ./src/components/form/form.vue
 
@@ -92928,11 +93000,11 @@ var ByCommonInput_component = normalizeComponent(
 
 var form_component = normalizeComponent(
   form_formvue_type_script_lang_js,
-  formvue_type_template_id_1fc1d18e_scoped_true_render,
-  formvue_type_template_id_1fc1d18e_scoped_true_staticRenderFns,
+  formvue_type_template_id_04cd7112_scoped_true_render,
+  formvue_type_template_id_04cd7112_scoped_true_staticRenderFns,
   false,
   null,
-  "1fc1d18e",
+  "04cd7112",
   null
   
 )
@@ -102831,6 +102903,22 @@ var ByTabsvue_type_template_id_8c36e07e_scoped_true_staticRenderFns = [];
 
 
 
+/**
+ * 为 by-tab-pane 的 variant="subtle" 动态生成 tab 样式。
+ *
+ * 背景：
+ * - el-tabs 的 tab 项由 Element UI 内部渲染，无法直接给单个 .el-tabs__item 挂自定义 class
+ * - 若用 JS 改 class，Vue / el-tabs 重渲染时会覆盖，导致 subtle tab 闪烁
+ *
+ * 方案：
+ * - ByTabPane 向 ByTabs 注册 { name, variant }
+ * - 本模块按 name 生成 CSS，选择器命中 el-tabs 自带的 #tab-{name}
+ * - ByTabs 将结果写入 <style data-by-tabs-variant> 注入 document.head
+ *
+ * 样式分两套：默认盒状 tab、type="line" 下划线 tab（buildDefaultSubtleStyles / buildLineSubtleStyles）
+ */
+
+/** 转义 tab name，避免特殊字符破坏 CSS 选择器 */
 function escapeTabName(name) {
   const value = String(name);
   if (typeof CSS !== 'undefined' && typeof CSS.escape === 'function') {
@@ -102838,10 +102926,19 @@ function escapeTabName(name) {
   }
   return value.replace(/[^a-zA-Z0-9_-]/g, '\\$&');
 }
+
+/**
+ * 拼接 subtle tab 的 CSS 选择器
+ * @param {string[]} names - tab 的 name 列表
+ * @param {string} suffix - 伪类/状态后缀，如 ':hover'、'.is-active'
+ * @param {boolean} line - 是否为 type="line" 模式
+ */
 function buildSelector(names, suffix = '', line = false) {
   const root = line ? '.by-tabs.by-tabs--line' : '.by-tabs';
   return names.map(name => `${root} .el-tabs__item#tab-${escapeTabName(name)}${suffix}`).join(',\n');
 }
+
+/** 默认模式下的 subtle tab：更小、置灰、圆角胶囊（如定向监管的项目 tab） */
 function buildDefaultSubtleStyles(subtleNames) {
   const base = buildSelector(subtleNames);
   const hover = buildSelector(subtleNames, ':hover');
@@ -102878,6 +102975,8 @@ ${active} {
 }
 `;
 }
+
+/** line 模式下的 subtle tab：透明底 + 下划线选中，尺寸与 line 主 tab 协调 */
 function buildLineSubtleStyles(subtleNames) {
   const base = buildSelector(subtleNames, '', true);
   const hover = buildSelector(subtleNames, ':hover', true);
@@ -102916,6 +103015,13 @@ ${activeAfter} {
 }
 `;
 }
+
+/**
+ * 根据已注册的 pane variant 生成 subtle 样式字符串
+ * @param {Record<string, string>} paneVariants - { [tabName]: 'default' | 'subtle' }
+ * @param {{ line?: boolean }} options - line 为 true 时使用下划线风格
+ * @returns {string} 可注入 <style> 的 CSS，无 subtle tab 时返回空字符串
+ */
 function buildVariantTabStyles(paneVariants = {}, options = {}) {
   const subtleNames = Object.entries(paneVariants).filter(([, variant]) => variant === 'subtle').map(([name]) => name);
   if (!subtleNames.length) return '';

package/lib/by-components.css

@@ -1 +1 @@
-.b-form .header[data-v-1fc1d18e]{margin-bottom:20px}.b-form .footer[data-v-1fc1d18e]{margin-top:20px}.by-tabs-wrapper[data-v-8c36e07e]{width:100%}
+.b-form .header[data-v-04cd7112]{margin-bottom:20px}.b-form .footer[data-v-04cd7112]{margin-top:20px}.by-tabs-wrapper[data-v-8c36e07e]{width:100%}

package/lib/by-components.umd.js

@@ -78445,8 +78445,8 @@ var table_component = normalizeComponent(
 )
 
 /* harmony default export */ var table = (table_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/form/form.vue?vue&type=template&id=1fc1d18e&scoped=true
-var formvue_type_template_id_1fc1d18e_scoped_true_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/form/form.vue?vue&type=template&id=04cd7112&scoped=true
+var formvue_type_template_id_04cd7112_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -78586,6 +78586,7 @@ var formvue_type_template_id_1fc1d18e_scoped_true_render = function render() {
         "options": item.options || [],
         "loadOptions": item.loadOptions,
         "hiddenAllOptions": item.hiddenAllOptions,
+        "hiddenGroupTitle": item.hiddenGroupTitle || false,
         "multiple": item.multiple,
         "reserveKeyword": item.reserveKeyword !== false,
         "placeholder": item.placeholder,
@@ -78836,7 +78837,7 @@ var formvue_type_template_id_1fc1d18e_scoped_true_render = function render() {
     staticClass: "footer"
   }, [_vm._t("footer")], 2)], 1);
 };
-var formvue_type_template_id_1fc1d18e_scoped_true_staticRenderFns = [];
+var formvue_type_template_id_04cd7112_scoped_true_staticRenderFns = [];
 
 ;// ./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/form/comps/pair-number-input.vue?vue&type=template&id=604235f6
 var pair_number_inputvue_type_template_id_604235f6_render = function render() {
@@ -79328,8 +79329,8 @@ var custom_date_picker_component = normalizeComponent(
 )
 
 /* harmony default export */ var custom_date_picker = (custom_date_picker_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/common-selector/ByCommonSelector.vue?vue&type=template&id=781ea1a3
-var ByCommonSelectorvue_type_template_id_781ea1a3_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/common-selector/ByCommonSelector.vue?vue&type=template&id=2ab5dba2
+var ByCommonSelectorvue_type_template_id_2ab5dba2_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -79348,7 +79349,8 @@ var ByCommonSelectorvue_type_template_id_781ea1a3_render = function render() {
       "size": _vm.size,
       "multiple": _vm.multiple,
       "collapse-tags": _vm.multiple,
-      "loading": _vm.loading
+      "loading": _vm.loading,
+      "popper-class": _vm.selectPopperClass
     },
     on: {
       "change": _vm.selected
@@ -79360,7 +79362,26 @@ var ByCommonSelectorvue_type_template_id_781ea1a3_render = function render() {
       },
       expression: "selectedValue"
     }
-  }, 'el-select', _vm.$attrs, false), _vm._l(_vm.localOptions, function (item) {
+  }, 'el-select', _vm.$attrs, false), [_vm.isSelectGrouped ? _vm._l(_vm.groupedSelectOptions, function (group) {
+    return _c('el-option-group', {
+      key: group.title,
+      class: {
+        'by_select-group--hidden-title': _vm.hiddenGroupTitle
+      },
+      attrs: {
+        "label": _vm.hiddenGroupTitle ? '' : group.title
+      }
+    }, _vm._l(group.items, function (item) {
+      return _c('el-option', {
+        key: item.id,
+        attrs: {
+          "label": item.name,
+          "value": item.id,
+          "disabled": item.status === 0
+        }
+      });
+    }), 1);
+  }) : _vm._l(_vm.localOptions, function (item) {
     return _c('el-option', {
       key: item.id,
       attrs: {
@@ -79369,7 +79390,7 @@ var ByCommonSelectorvue_type_template_id_781ea1a3_render = function render() {
         "disabled": item.status === 0
       }
     });
-  }), 1), _vm.showSelectBatchInput && _vm.multiple ? _c('el-popover', {
+  })], 2), _vm.showSelectBatchInput && _vm.multiple ? _c('el-popover', {
     attrs: {
       "placement": "bottom-start",
       "width": _vm.selectBatchInputPopoverWidth,
@@ -79921,7 +79942,7 @@ var ByCommonSelectorvue_type_template_id_781ea1a3_render = function render() {
     }
   }, [_vm._v(" 加载中... ")]) : _vm._e()], 2);
 };
-var ByCommonSelectorvue_type_template_id_781ea1a3_staticRenderFns = [];
+var ByCommonSelectorvue_type_template_id_2ab5dba2_staticRenderFns = [];
 
 ;// ./node_modules/pinyin-pro/dist/index.mjs
 
@@ -90215,6 +90236,7 @@ function segment(word, options) {
 
 
 
+
  //拼音库，用于搜索栏生成A~Z字母
 
 
@@ -90242,7 +90264,8 @@ const allOptionsNames = ['全部', '全选', '所有', '全部选项', 'All', 'a
       default: 'select'
     },
     /**
-     * 选项数据，格式：[{id: 1, name: '选项1', initial: 'A', status: 1}]
+     * 选项数据，格式：[{id: 1, name: '选项1', initial: 'A', status: 1, groupTitle: '分组名'}]
+     * select 模式下，当每一项都配置了 groupTitle 时，将按 groupTitle 分组展示
      * 如果loadOptions存在，则options无效
      */
     options: {
@@ -90501,6 +90524,15 @@ const allOptionsNames = ['全部', '全选', '所有', '全部选项', 'All', 'a
     selectBatchInputPopoverWidth: {
       type: [String, Number],
       default: '300'
+    },
+    // ********************************** select 类型分组展示相关 **********************************
+    /**
+     * select 类型下是否隐藏分组标题
+     * 注意：仅在所有选项都配置了 groupTitle 时生效；隐藏后组与组之间以分割线分隔
+     */
+    hiddenGroupTitle: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -90594,6 +90626,46 @@ const allOptionsNames = ['全部', '全选', '所有', '全部选项', 'All', 'a
     // 标准化后的 enhancedAllOptions（将 value/label 转为 id/name）
     normalizedEnhancedAllOptions() {
       return this.normalizeOptions(this.enhancedAllOptions || []);
+    },
+    // select 模式下是否按 groupTitle 分组展示（需每一项都配置非空 groupTitle）
+    isSelectGrouped() {
+      if (this.type !== 'select' || this.localOptions.length === 0) {
+        return false;
+      }
+      return this.localOptions.every(item => item.groupTitle != null && item.groupTitle !== '');
+    },
+    // select 模式下的分组选项（按 groupTitle 首次出现顺序）
+    groupedSelectOptions() {
+      if (!this.isSelectGrouped) {
+        return [];
+      }
+      const groupMap = new Map();
+      const groups = [];
+      this.localOptions.forEach(item => {
+        const title = item.groupTitle;
+        if (!groupMap.has(title)) {
+          const group = {
+            title,
+            items: []
+          };
+          groupMap.set(title, group);
+          groups.push(group);
+        }
+        groupMap.get(title).items.push(item);
+      });
+      return groups;
+    },
+    // select 下拉面板 class（合并外部传入的 popper-class）
+    selectPopperClass() {
+      const classes = [];
+      const attrClass = this.$attrs['popper-class'] || this.$attrs.popperClass;
+      if (attrClass) {
+        classes.push(attrClass);
+      }
+      if (this.isSelectGrouped && this.hiddenGroupTitle) {
+        classes.push('by_common-selector-select--hidden-group-title');
+      }
+      return classes.join(' ');
     }
   },
   watch: {
@@ -91452,8 +91524,8 @@ const allOptionsNames = ['全部', '全选', '所有', '全部选项', 'All', 'a
 ;
 var ByCommonSelector_component = normalizeComponent(
   common_selector_ByCommonSelectorvue_type_script_lang_js,
-  ByCommonSelectorvue_type_template_id_781ea1a3_render,
-  ByCommonSelectorvue_type_template_id_781ea1a3_staticRenderFns,
+  ByCommonSelectorvue_type_template_id_2ab5dba2_render,
+  ByCommonSelectorvue_type_template_id_2ab5dba2_staticRenderFns,
   false,
   null,
   null,
@@ -92922,10 +92994,10 @@ var ByCommonInput_component = normalizeComponent(
 });
 ;// ./src/components/form/form.vue?vue&type=script&lang=js
  /* harmony default export */ var form_formvue_type_script_lang_js = (formvue_type_script_lang_js); 
-;// ./node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-64.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[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/form/form.vue?vue&type=style&index=0&id=1fc1d18e&prod&lang=scss&scoped=true
+;// ./node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-64.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[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/form/form.vue?vue&type=style&index=0&id=04cd7112&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/form/form.vue?vue&type=style&index=0&id=1fc1d18e&prod&lang=scss&scoped=true
+;// ./src/components/form/form.vue?vue&type=style&index=0&id=04cd7112&prod&lang=scss&scoped=true
 
 ;// ./src/components/form/form.vue
 
@@ -92938,11 +93010,11 @@ var ByCommonInput_component = normalizeComponent(
 
 var form_component = normalizeComponent(
   form_formvue_type_script_lang_js,
-  formvue_type_template_id_1fc1d18e_scoped_true_render,
-  formvue_type_template_id_1fc1d18e_scoped_true_staticRenderFns,
+  formvue_type_template_id_04cd7112_scoped_true_render,
+  formvue_type_template_id_04cd7112_scoped_true_staticRenderFns,
   false,
   null,
-  "1fc1d18e",
+  "04cd7112",
   null
   
 )
@@ -102841,6 +102913,22 @@ var ByTabsvue_type_template_id_8c36e07e_scoped_true_staticRenderFns = [];
 
 
 
+/**
+ * 为 by-tab-pane 的 variant="subtle" 动态生成 tab 样式。
+ *
+ * 背景：
+ * - el-tabs 的 tab 项由 Element UI 内部渲染，无法直接给单个 .el-tabs__item 挂自定义 class
+ * - 若用 JS 改 class，Vue / el-tabs 重渲染时会覆盖，导致 subtle tab 闪烁
+ *
+ * 方案：
+ * - ByTabPane 向 ByTabs 注册 { name, variant }
+ * - 本模块按 name 生成 CSS，选择器命中 el-tabs 自带的 #tab-{name}
+ * - ByTabs 将结果写入 <style data-by-tabs-variant> 注入 document.head
+ *
+ * 样式分两套：默认盒状 tab、type="line" 下划线 tab（buildDefaultSubtleStyles / buildLineSubtleStyles）
+ */
+
+/** 转义 tab name，避免特殊字符破坏 CSS 选择器 */
 function escapeTabName(name) {
   const value = String(name);
   if (typeof CSS !== 'undefined' && typeof CSS.escape === 'function') {
@@ -102848,10 +102936,19 @@ function escapeTabName(name) {
   }
   return value.replace(/[^a-zA-Z0-9_-]/g, '\\$&');
 }
+
+/**
+ * 拼接 subtle tab 的 CSS 选择器
+ * @param {string[]} names - tab 的 name 列表
+ * @param {string} suffix - 伪类/状态后缀，如 ':hover'、'.is-active'
+ * @param {boolean} line - 是否为 type="line" 模式
+ */
 function buildSelector(names, suffix = '', line = false) {
   const root = line ? '.by-tabs.by-tabs--line' : '.by-tabs';
   return names.map(name => `${root} .el-tabs__item#tab-${escapeTabName(name)}${suffix}`).join(',\n');
 }
+
+/** 默认模式下的 subtle tab：更小、置灰、圆角胶囊（如定向监管的项目 tab） */
 function buildDefaultSubtleStyles(subtleNames) {
   const base = buildSelector(subtleNames);
   const hover = buildSelector(subtleNames, ':hover');
@@ -102888,6 +102985,8 @@ ${active} {
 }
 `;
 }
+
+/** line 模式下的 subtle tab：透明底 + 下划线选中，尺寸与 line 主 tab 协调 */
 function buildLineSubtleStyles(subtleNames) {
   const base = buildSelector(subtleNames, '', true);
   const hover = buildSelector(subtleNames, ':hover', true);
@@ -102926,6 +103025,13 @@ ${activeAfter} {
 }
 `;
 }
+
+/**
+ * 根据已注册的 pane variant 生成 subtle 样式字符串
+ * @param {Record<string, string>} paneVariants - { [tabName]: 'default' | 'subtle' }
+ * @param {{ line?: boolean }} options - line 为 true 时使用下划线风格
+ * @returns {string} 可注入 <style> 的 CSS，无 subtle tab 时返回空字符串
+ */
 function buildVariantTabStyles(paneVariants = {}, options = {}) {
   const subtleNames = Object.entries(paneVariants).filter(([, variant]) => variant === 'subtle').map(([name]) => name);
   if (!subtleNames.length) return '';