@weitutech/by-components 1.1.40 → 1.1.42

package/README.md

@@ -55,6 +55,7 @@ npm publish --access public
 > **💡 提示**  
 > 本地link调试时，需要把组件库的package.json中的main字段改为src/index.js（"main": "src/index.js"）  
 > 调试完成后，切记改回 "main": "lib/by-components.umd.js",
+> 如果组件库更新，宿主项目没有同步更新， 尝试重新编译组件库npm run build, 且清除宿主项目缓存rm -rf node_modules/.cache
 
 ### 组件文档构建
 

package/lib/by-components.common.js

@@ -60742,8 +60742,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var pager = (component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"72942c6c-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/table/index.vue?vue&type=template&id=4a0e3fc6
-var tablevue_type_template_id_4a0e3fc6_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"72942c6c-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/table/index.vue?vue&type=template&id=70989b5a
+var tablevue_type_template_id_70989b5a_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('vxe-grid', _vm._g(_vm._b({
@@ -60816,7 +60816,7 @@ var tablevue_type_template_id_4a0e3fc6_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var tablevue_type_template_id_4a0e3fc6_staticRenderFns = [];
+var tablevue_type_template_id_70989b5a_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
@@ -60836,8 +60836,8 @@ var es_set_is_superset_of_v2 = __webpack_require__(2475);
 var es_set_symmetric_difference_v2 = __webpack_require__(5024);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.set.union.v2.js
 var es_set_union_v2 = __webpack_require__(1698);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"72942c6c-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/custom-column/index.vue?vue&type=template&id=1e67094e
-var custom_columnvue_type_template_id_1e67094e_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"72942c6c-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/custom-column/index.vue?vue&type=template&id=7378a3b0
+var custom_columnvue_type_template_id_7378a3b0_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -61005,7 +61005,12 @@ var custom_columnvue_type_template_id_1e67094e_render = function render() {
       },
       expression: "draggableMenu"
     }
-  }, [_c('transition-group', _vm._l(_vm.draggableMenu, function (col) {
+  }, [_c('transition-group', {
+    attrs: {
+      "name": "list",
+      "tag": "div"
+    }
+  }, _vm._l(_vm.draggableMenu, function (col) {
     return _c('div', {
       directives: [{
         name: "show",
@@ -61015,11 +61020,15 @@ var custom_columnvue_type_template_id_1e67094e_render = function render() {
       }],
       key: col.key,
       class: col.key === 'sort-cut-off' ? 'fixedClass' : 'drag_li_box'
-    }, [col.key !== 'sort-cut-off' ? _c('div', [_c('i', {
+    }, [col.key !== 'sort-cut-off' ? _c('div', {
+      staticClass: "drag_li_text_box"
+    }, [_c('i', {
       staticClass: "el-icon-rank icon-box"
     }), _c('span', {
       staticClass: "drag_li_text"
-    }, [_vm._v(_vm._s(col.label))])]) : _vm._e(), col.key !== 'sort-cut-off' ? _c('i', {
+    }, [_vm._v(_vm._s(col.label))])]) : _vm._e(), col.key !== 'sort-cut-off' && col.parent ? _c('span', {
+      staticClass: "parent-label"
+    }, [_vm._v(" " + _vm._s(col.parent && col.parent.label ? col.parent.label : '') + " ")]) : _vm._e(), col.key !== 'sort-cut-off' ? _c('i', {
       staticClass: "el-icon-close remove",
       on: {
         "click": function ($event) {
@@ -61029,12 +61038,14 @@ var custom_columnvue_type_template_id_1e67094e_render = function render() {
     }) : _vm._e()]);
   }), 0)], 1)], 1)], 1)])])])], 1);
 };
-var custom_columnvue_type_template_id_1e67094e_staticRenderFns = [];
+var custom_columnvue_type_template_id_7378a3b0_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.filter.js
 var es_iterator_filter = __webpack_require__(2489);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.find.js
 var es_iterator_find = __webpack_require__(116);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.flat-map.js
+var es_iterator_flat_map = __webpack_require__(531);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
 var es_iterator_map = __webpack_require__(1701);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.some.js
@@ -61086,6 +61097,7 @@ const deepClone = target => {
 
 
 
+
 /* harmony default export */ var custom_columnvue_type_script_lang_js = ({
   name: 'CustomColumn',
   components: {
@@ -61119,7 +61131,9 @@ const deepClone = target => {
       /** 表格列接口路径 */
       page: '',
       /** 搜索字段 */
-      search: ''
+      search: '',
+      /** 原始列数据备份 */
+      columnList: []
     };
   },
   computed: {
@@ -61171,62 +61185,72 @@ const deepClone = target => {
      * @param { object[] } bePreservedColumn 被保存过的列数据
      */
     initTableList(initColumn, bePreservedColumn = []) {
+      //设置拖拽列表数据
       const setDraggableMenu = arr => {
-        const cols = [];
-        arr.forEach(item => cols.push(...item.data));
-        cols.sort((a, b) => a.sort - b.sort);
-        if (cols.some(item => item.fixed)) {
-          let cutOffIndex = 0;
-          for (let index = 0; index <= cols.length; index++) {
-            const col = cols[index];
-            const nextCol = cols[index + 1];
-            if (col.fixed === 'left' && (!nextCol || !nextCol.fixed)) {
-              cutOffIndex = index + 1;
-              break;
-            }
-          }
-          cols.splice(cutOffIndex, 0, {
-            type: true,
-            label: '',
-            key: 'sort-cut-off',
-            parent: ''
-          });
-        }
-        return cols;
+        // 扁平化所有列并按 fixed 属性分类排序
+        const allColumns = arr.flatMap(item => item.data);
+        const fixedCols = allColumns.filter(col => col.fixed === 'left').sort((a, b) => a.sort - b.sort);
+        const normalCols = allColumns.filter(col => col.fixed !== 'left').sort((a, b) => a.sort - b.sort);
+
+        // 创建分割列
+        const separator = {
+          type: true,
+          label: '',
+          key: 'sort-cut-off',
+          fixed: fixedCols.length > 0 ? 'left' : undefined,
+          parent: ''
+        };
+
+        // 根据是否有固定列决定分割列位置
+        return fixedCols.length > 0 ? [...fixedCols, separator, ...normalCols] : [separator, ...normalCols];
       };
       if (bePreservedColumn && bePreservedColumn.length > 0) {
         // 需要处理被保存过的进行回显
         initColumn.forEach(cols => {
           cols.data.forEach(col => {
             const beSaveCol = bePreservedColumn.find(item => item.key === col.key) || {};
-            col.type = ['true', true, '1', 1].includes(beSaveCol.type); //这里由于不同项目，接口有的返回“1”，有的返回true
+            col.type = ['true', true, '1', 1].includes(beSaveCol.type); //这里由于不同项目，接口有的返回"1"，有的返回true
             col.sort = beSaveCol.sort;
-            col.fixed = beSaveCol.fixed ? beSaveCol.fixed : col.fixed, col.parent = {
+            // 设置 fixed 和 parent 属性
+            col.fixed = beSaveCol.fixed; //回显上次保存过的结果
+            col.parent = {
               label: cols.label
             };
           });
         });
-        // 需要显示的列的数据
+
+        // 保持原有的列结构，不重新分组
         this.checkBoxMenu = this.deepClone(initColumn);
         this.draggableMenu = setDraggableMenu(this.checkBoxMenu);
       } else {
+        console.log('==========从未被保存过', initColumn);
+
         // 从未被保存过
         let num = 0;
         initColumn.forEach(cols => {
           cols.data.forEach(col => {
             num++;
             col.type = true;
-            col.width = col.width ? +col.width : 0, col.sort = num;
+            col.width = col.width ? +col.width : 0;
+            col.sort = num;
+            // 设置 fixed 和 parent 属性
+            col.fixed = cols.fixed;
             col.parent = {
               label: cols.label
             };
           });
         });
+
+        // 保持原有的列结构，不重新分组
         this.checkBoxMenu = this.deepClone(initColumn);
         this.draggableMenu = setDraggableMenu(this.checkBoxMenu);
       }
       this.$emit('changeTable', this.draggableMenu.filter(item => item.key !== 'sort-cut-off').sort((a, b) => a.sort - b.sort));
-      this.$emit('changeTableGroup', this.checkBoxMenu);
+
+      // changeTableGroup 回调：对固定列进行重新分组
+      const groupedColumns = this.createGroupedColumnsForTable(this.checkBoxMenu);
+      this.$emit('changeTableGroup', groupedColumns);
+      // this.$emit('changeTableGroup', this.checkBoxMenu)
     },
     // 全不选
     selectNone() {
@@ -61279,9 +61303,11 @@ const deepClone = target => {
       let isFixed = true;
       this.draggableMenu.forEach((item, index) => {
         if (item.key === 'sort-cut-off') {
+          // 分割列本身保持固定属性
+          item.fixed = 'left';
+          item.sort = index + 1;
           isFixed = false;
-        }
-        if (isFixed) {
+        } else if (isFixed) {
           item.sort = index + 1;
           item.fixed = 'left';
         } else {
@@ -61297,6 +61323,8 @@ const deepClone = target => {
         id: this.id,
         page: this.page
       };
+
+      // 处理普通的列分组（按原有的 parent.label 分组）
       this.draggableMenu.forEach(item => {
         if (item.key !== 'sort-cut-off') {
           const {
@@ -61320,14 +61348,60 @@ const deepClone = target => {
         }
       });
       await this.submitMethod(params);
+
+      // changeTable 回调：返回正常排序的列数据
       const cols = [];
       params.column.forEach(item => {
         cols.push(...item.data);
       });
       this.$emit('changeTable', cols.sort((a, b) => a.sort - b.sort));
-      this.$emit('changeTableGroup', params.column);
+
+      // changeTableGroup 回调：对固定列进行重新分组
+      const groupedColumns = this.createGroupedColumnsForTable(params.column);
+      this.$emit('changeTableGroup', groupedColumns);
       this.closeDialog();
     },
+    /**
+     * 为表格创建分组列结构（将固定列按一级表头分组）
+     * @param columns 原始列分组数据
+     */
+    createGroupedColumnsForTable(columns) {
+      const fixedGroups = [];
+      const normalGroups = [];
+      console.log('==========columns', columns);
+      columns.forEach(group => {
+        const fixedItems = [];
+        const normalItems = [];
+        group.data.forEach(col => {
+          if (col.fixed === 'left') {
+            fixedItems.push(col);
+          } else {
+            normalItems.push(col);
+          }
+        });
+
+        // 如果有固定的列，加入固定分组
+        if (fixedItems.length > 0) {
+          fixedGroups.push({
+            label: group.label,
+            fixed: 'left',
+            data: fixedItems
+          });
+        }
+
+        // 如果有普通列，加入普通分组
+        if (normalItems.length > 0) {
+          normalGroups.push({
+            label: group.label,
+            data: normalItems
+          });
+        }
+      });
+      console.log('==========result', [...fixedGroups, ...normalGroups]);
+
+      // 将固定分组添加到最前面
+      return [...fixedGroups, ...normalGroups];
+    },
     // 关闭弹窗
     closeDialog() {
       // 重置数据
@@ -61349,8 +61423,8 @@ const deepClone = target => {
 ;
 var custom_column_component = normalizeComponent(
   components_custom_columnvue_type_script_lang_js,
-  custom_columnvue_type_template_id_1e67094e_render,
-  custom_columnvue_type_template_id_1e67094e_staticRenderFns,
+  custom_columnvue_type_template_id_7378a3b0_render,
+  custom_columnvue_type_template_id_7378a3b0_staticRenderFns,
   false,
   null,
   null,
@@ -61722,7 +61796,6 @@ const recursiveSlot = (fields, slotSet) => {
       removeCachedTableColumns(this.name);
       this.setHasCache();
       if (this.$refs.xGrid) {
-        // console.log('>>>>>>>>>> 重置为 this.originColumns', this.originColumns)
         // 直接重新设置列配置
         this.$refs.xGrid.reloadColumn(this.originColumns);
       }
@@ -61790,6 +61863,7 @@ const recursiveSlot = (fields, slotSet) => {
               arr.push({
                 title: item.label,
                 align: 'center',
+                fixed: item.fixed,
                 children: recursiveData(item.data)
               });
               if (index < cols.length - 1) {
@@ -61797,7 +61871,8 @@ const recursiveSlot = (fields, slotSet) => {
                   title: '',
                   width: 5,
                   headerClassName: 'group-split',
-                  className: 'group-split'
+                  className: 'group-split',
+                  fixed: cols[index].fixed && cols[index + 1].fixed //左侧固定列中的分隔列
                 });
               }
             }
@@ -61840,8 +61915,8 @@ const recursiveSlot = (fields, slotSet) => {
 ;
 var table_component = normalizeComponent(
   components_tablevue_type_script_lang_js,
-  tablevue_type_template_id_4a0e3fc6_render,
-  tablevue_type_template_id_4a0e3fc6_staticRenderFns,
+  tablevue_type_template_id_70989b5a_render,
+  tablevue_type_template_id_70989b5a_staticRenderFns,
   false,
   null,
   null,
@@ -61850,8 +61925,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":"72942c6c-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=396e0fe6&scoped=true
-var formvue_type_template_id_396e0fe6_scoped_true_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"72942c6c-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=f2397dbe&scoped=true
+var formvue_type_template_id_f2397dbe_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -61947,11 +62022,19 @@ var formvue_type_template_id_396e0fe6_scoped_true_render = function render() {
         "clearable": "",
         "filterable": "",
         "size": _vm.elSize,
-        "options": item.options
+        "options": item.options,
+        "loadOptions": item.loadOptions,
+        "autoLoad": item.autoLoad !== false
       },
       on: {
         "input": function ($event) {
           return _vm.handleValueChange($event, item);
+        },
+        "load-success": function ($event) {
+          return _vm.handleSelectLoadSuccess($event, item);
+        },
+        "load-error": function ($event) {
+          return _vm.handleSelectLoadError($event, item);
         }
       }
     }, 'by-select', item.otherOptions, false)), _vm._t(item.field)] : item.type === 'datepicker' ? [_c('el-date-picker', _vm._b({
@@ -62120,7 +62203,7 @@ var formvue_type_template_id_396e0fe6_scoped_true_render = function render() {
     staticClass: "footer"
   }, [_vm._t("footer")], 2)], 1);
 };
-var formvue_type_template_id_396e0fe6_scoped_true_staticRenderFns = [];
+var formvue_type_template_id_f2397dbe_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"72942c6c-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=3344cc16
 var pair_number_inputvue_type_template_id_3344cc16_render = function render() {
@@ -62596,15 +62679,29 @@ var custom_date_picker_component = normalizeComponent(
       this.$nextTick(() => {
         this.$emit('reset');
       });
+    },
+    handleSelectLoadSuccess(options, item) {
+      // 选择器异步加载成功
+      this.$emit('select-load-success', {
+        options,
+        item
+      });
+    },
+    handleSelectLoadError(error, item) {
+      // 选择器异步加载失败
+      this.$emit('select-load-error', {
+        error,
+        item
+      });
     }
   }
 });
 ;// ./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=396e0fe6&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=f2397dbe&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/form/form.vue?vue&type=style&index=0&id=396e0fe6&prod&lang=scss&scoped=true
+;// ./src/components/form/form.vue?vue&type=style&index=0&id=f2397dbe&prod&lang=scss&scoped=true
 
 ;// ./src/components/form/form.vue
 
@@ -62617,11 +62714,11 @@ var custom_date_picker_component = normalizeComponent(
 
 var form_component = normalizeComponent(
   form_formvue_type_script_lang_js,
-  formvue_type_template_id_396e0fe6_scoped_true_render,
-  formvue_type_template_id_396e0fe6_scoped_true_staticRenderFns,
+  formvue_type_template_id_f2397dbe_scoped_true_render,
+  formvue_type_template_id_f2397dbe_scoped_true_staticRenderFns,
   false,
   null,
-  "396e0fe6",
+  "f2397dbe",
   null
   
 )
@@ -62873,15 +62970,16 @@ var fold_search_component = normalizeComponent(
 )
 
 /* harmony default export */ var fold_search = (fold_search_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"72942c6c-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/select.vue?vue&type=template&id=7483aaeb
-var selectvue_type_template_id_7483aaeb_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"72942c6c-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/select.vue?vue&type=template&id=2ee8e5b9
+var selectvue_type_template_id_2ee8e5b9_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('el-select', _vm._b({
     ref: "selection",
     attrs: {
       "value": _vm.value,
-      "placeholder": _vm.config && _vm.config.placeholder || '请选择'
+      "placeholder": _vm.config && _vm.config.placeholder || '请选择',
+      "loading": _vm.loading
     },
     on: {
       "change": _vm.change,
@@ -62916,7 +63014,7 @@ var selectvue_type_template_id_7483aaeb_render = function render() {
     });
   })], 2);
 };
-var selectvue_type_template_id_7483aaeb_staticRenderFns = [];
+var selectvue_type_template_id_2ee8e5b9_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/element-ui.common.js
 var element_ui_common = __webpack_require__(4927);
@@ -62943,6 +63041,16 @@ var element_ui_common = __webpack_require__(4927);
         return [];
       }
     },
+    // 异步加载选项函数
+    loadOptions: {
+      type: Function,
+      default: null
+    },
+    // 是否自动加载（当组件挂载时）
+    autoLoad: {
+      type: Boolean,
+      default: true
+    },
     //当前配置
     config: {
       type: Object,
@@ -62952,19 +63060,55 @@ var element_ui_common = __webpack_require__(4927);
   data() {
     return {
       searchVal: '',
-      filterData: []
+      filterData: [],
+      loading: false,
+      asyncOptions: []
     };
   },
   watch: {
     options: {
       handler() {
-        this.filterData = this.options;
+        // 如果有 loadOptions，优先使用异步数据，否则使用 options
+        this.filterData = this.loadOptions ? this.asyncOptions : this.options;
       },
       deep: true,
       immediate: true
+    },
+    asyncOptions: {
+      handler() {
+        this.filterData = this.asyncOptions;
+      },
+      deep: true
+    }
+  },
+  async mounted() {
+    // 如果有 loadOptions 且需要自动加载，则在组件挂载时加载数据
+    if (this.loadOptions && this.autoLoad) {
+      await this.loadAsyncOptions();
     }
   },
   methods: {
+    // 异步加载选项数据
+    async loadAsyncOptions() {
+      if (!this.loadOptions) return;
+      try {
+        this.loading = true;
+        const result = await this.loadOptions();
+
+        // 支持直接返回数组或返回包含 data 属性的对象
+        this.asyncOptions = Array.isArray(result) ? result : result.data || [];
+        this.$emit('load-success', this.asyncOptions);
+      } catch (error) {
+        console.error('加载选项数据失败:', error);
+        this.$emit('load-error', error);
+      } finally {
+        this.loading = false;
+      }
+    },
+    // 手动刷新数据
+    async refresh() {
+      await this.loadAsyncOptions();
+    },
     change(e) {
       this.$emit('change', arguments.length === 1 ? e : arguments);
       this.$emit('input', e);
@@ -62975,6 +63119,11 @@ var element_ui_common = __webpack_require__(4927);
     },
     visibleChange(e) {
       this.$emit('visible-change', arguments.length === 1 ? e : arguments);
+
+      // 如果是展开且有 loadOptions，可以重新加载数据（可选功能）
+      if (e && this.loadOptions && this.config.refreshOnOpen) {
+        this.loadAsyncOptions();
+      }
     },
     removeTag(e) {
       this.$emit('remove-tag', arguments.length === 1 ? e : arguments);
@@ -62996,14 +63145,15 @@ var element_ui_common = __webpack_require__(4927);
     searchNoReset() {
       // 离开时重置数据
       this.$refs.selection.$refs.input.blur = () => {
-        this.filterData = this.options;
+        this.filterData = this.loadOptions ? this.asyncOptions : this.options;
       };
 
       //   根据数据筛选数据
       this.$refs.selection.$refs.input.onkeyup = () => {
-        this.filterData = this.options;
+        this.filterData = this.loadOptions ? this.asyncOptions : this.options;
         this.searchVal = this.$refs.selection.$refs.input.value;
-        this.filterData = this.options.filter(item => item[this.config.optionLabel].indexOf(this.searchVal) !== -1);
+        const sourceData = this.loadOptions ? this.asyncOptions : this.options;
+        this.filterData = sourceData.filter(item => item[this.config.optionLabel].indexOf(this.searchVal) !== -1);
       };
     }
   }
@@ -63020,8 +63170,8 @@ var element_ui_common = __webpack_require__(4927);
 ;
 var select_component = normalizeComponent(
   comps_selectvue_type_script_lang_js,
-  selectvue_type_template_id_7483aaeb_render,
-  selectvue_type_template_id_7483aaeb_staticRenderFns,
+  selectvue_type_template_id_2ee8e5b9_render,
+  selectvue_type_template_id_2ee8e5b9_staticRenderFns,
   false,
   null,
   null,

package/lib/by-components.css

@@ -1 +1 @@
-.b-form .header[data-v-396e0fe6]{margin-bottom:20px}.b-form .footer[data-v-396e0fe6]{margin-top:20px}
+.b-form .header[data-v-f2397dbe]{margin-bottom:20px}.b-form .footer[data-v-f2397dbe]{margin-top:20px}