@weitutech/by-components 1.1.131 → 1.1.133

package/lib/by-components.umd.js

@@ -60524,6 +60524,7 @@ __webpack_require__.d(__webpack_exports__, {
   ByForm: function() { return /* reexport */ form_form; },
   ByPageSearch: function() { return /* reexport */ page_search; },
   ByPager: function() { return /* reexport */ pager; },
+  ByPopoverSelector: function() { return /* reexport */ ByPopoverSelector; },
   BySelect: function() { return /* reexport */ comps_select; },
   ByTable: function() { return /* reexport */ table; },
   ByToolBar: function() { return /* reexport */ ByToolBar; },
@@ -60761,8 +60762,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":"ffbc40de-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/table/index.vue?vue&type=template&id=5b90b233
-var tablevue_type_template_id_5b90b233_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ffbc40de-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/table/index.vue?vue&type=template&id=22f2fb85
+var tablevue_type_template_id_22f2fb85_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('vxe-grid', _vm._g(_vm._b({
@@ -60836,7 +60837,7 @@ var tablevue_type_template_id_5b90b233_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var tablevue_type_template_id_5b90b233_staticRenderFns = [];
+var tablevue_type_template_id_22f2fb85_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
@@ -61941,7 +61942,7 @@ var custom_column_component = normalizeComponent(
   },
   computed: {
     options() {
-      var _others$pagerConfig, _others$sortConfig, _others$pagerConfig2, _others$pagerConfig3, _others$sortConfig2, _sortConfig$remote;
+      var _others$pagerConfig, _others$sortConfig, _others$pagerConfig2, _others$sortConfig2, _others$pagerConfig3, _others$sortConfig3, _sortConfig$remote;
       const {
         customColumnConfig,
         columns,
@@ -61960,15 +61961,18 @@ var custom_column_component = normalizeComponent(
         newColumns = this.removeFixedColumns(newColumns);
       }
 
-      // 处理前端分页
+      // 处理前端分页和虚拟滚动
       let data = others.data || [];
       if ((_others$pagerConfig = others.pagerConfig) !== null && _others$pagerConfig !== void 0 && _others$pagerConfig.frontendPagination || (_others$sortConfig = others.sortConfig) !== null && _others$sortConfig !== void 0 && _others$sortConfig.frontendSort) {
         // 保存完整数据
         this.allData = [...data];
       }
       if ((_others$pagerConfig2 = others.pagerConfig) !== null && _others$pagerConfig2 !== void 0 && _others$pagerConfig2.frontendPagination) {
-        // 截取当前页数据
+        // 前端分页：截取当前页数据
         data = this.spliteListData(this.allData, others.pagerConfig.currentPage, others.pagerConfig.pageSize);
+      } else if ((_others$sortConfig2 = others.sortConfig) !== null && _others$sortConfig2 !== void 0 && _others$sortConfig2.frontendSort) {
+        // 虚拟滚动：处理置顶行和默认排序
+        data = this.spliteListData(this.allData, null, null);
       }
 
       // 移除 others 中的 data，避免覆盖
@@ -62020,9 +62024,12 @@ var custom_column_component = normalizeComponent(
         },
         sortConfig: {
           ...sortConfig,
-          // 只在前端排序/分页时强制 remote: true
-          // 其他情况保持外部配置，但确保后端分页时remote为true
-          remote: (_others$pagerConfig3 = others.pagerConfig) !== null && _others$pagerConfig3 !== void 0 && _others$pagerConfig3.frontendPagination || (_others$sortConfig2 = others.sortConfig) !== null && _others$sortConfig2 !== void 0 && _others$sortConfig2.frontendSort ? true : (_sortConfig$remote = sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.remote) !== null && _sortConfig$remote !== void 0 ? _sortConfig$remote : false,
+          // 🔧 排序模式配置：
+          // - 前端分页：remote: true（数据已在 spliteListData 中排序）
+          // - 虚拟滚动 + 前端排序：remote: true（手动处理置顶行，类似前端分页）
+          // - 后端排序：remote: 外部配置或 false
+          remote: (_others$pagerConfig3 = others.pagerConfig) !== null && _others$pagerConfig3 !== void 0 && _others$pagerConfig3.frontendPagination || (_others$sortConfig3 = others.sortConfig) !== null && _others$sortConfig3 !== void 0 && _others$sortConfig3.frontendSort ? true // 前端分页或虚拟滚动：都使用 remote: true，手动处理排序（支持置顶行）
+          : (_sortConfig$remote = sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.remote) !== null && _sortConfig$remote !== void 0 ? _sortConfig$remote : false,
           trigger: 'cell',
           ...this.gridOptions.sortConfig
         },
@@ -62372,14 +62379,19 @@ var custom_column_component = normalizeComponent(
         property,
         order
       } = event;
-      const shouldHandleSort = ((_this$gridOptions$pag3 = this.gridOptions.pagerConfig) === null || _this$gridOptions$pag3 === void 0 ? void 0 : _this$gridOptions$pag3.frontendPagination) || ((_this$gridOptions$sor2 = this.gridOptions.sortConfig) === null || _this$gridOptions$sor2 === void 0 ? void 0 : _this$gridOptions$sor2.frontendSort);
 
-      // 无论前端还是后端分页，都保存排序状态用于恢复箭头高亮
+      // 🔧 区分前端分页和虚拟滚动：
+      // - 前端分页（frontendPagination）：手动排序 + 分页
+      // - 虚拟滚动（frontendSort 但无 frontendPagination）：手动排序 + 虚拟滚动（支持置顶行）
+      const isFrontendPagination = (_this$gridOptions$pag3 = this.gridOptions.pagerConfig) === null || _this$gridOptions$pag3 === void 0 ? void 0 : _this$gridOptions$pag3.frontendPagination;
+      const isVirtualScrollWithSort = ((_this$gridOptions$sor2 = this.gridOptions.sortConfig) === null || _this$gridOptions$sor2 === void 0 ? void 0 : _this$gridOptions$sor2.frontendSort) && !isFrontendPagination;
+
+      // 无论哪种模式，都保存排序状态用于恢复箭头高亮
       this.sortState.field = property;
       this.sortState.order = order;
-      if (shouldHandleSort) {
-        var _this$gridOptions$pag4, _this$gridOptions$pag5;
-        const newData = this.spliteListData(this.allData, (_this$gridOptions$pag4 = this.gridOptions.pagerConfig) !== null && _this$gridOptions$pag4 !== void 0 && _this$gridOptions$pag4.frontendPagination ? this.gridOptions.pagerConfig.currentPage : null, (_this$gridOptions$pag5 = this.gridOptions.pagerConfig) !== null && _this$gridOptions$pag5 !== void 0 && _this$gridOptions$pag5.frontendPagination ? this.gridOptions.pagerConfig.pageSize : null);
+      if (isFrontendPagination) {
+        // 前端分页模式：手动处理排序和分页
+        const newData = this.spliteListData(this.allData, this.gridOptions.pagerConfig.currentPage, this.gridOptions.pagerConfig.pageSize);
         if (this.$refs.xGrid) {
           this.$refs.xGrid.reloadData(newData);
           this.$nextTick(() => {
@@ -62392,8 +62404,7 @@ var custom_column_component = normalizeComponent(
               }, 100);
             }
             setTimeout(() => {
-              var _this$gridOptions$pag6;
-              if ((_this$gridOptions$pag6 = this.gridOptions.pagerConfig) !== null && _this$gridOptions$pag6 !== void 0 && _this$gridOptions$pag6.frontendPagination && this.$refs.xGrid) {
+              if (this.$refs.xGrid) {
                 // 前端分页时，排序状态变化，回到第一页
                 const currentPage = this.gridOptions.pagerConfig.currentPage;
                 if (currentPage !== 1) {
@@ -62410,8 +62421,30 @@ var custom_column_component = normalizeComponent(
             }, 0);
           });
         }
+      } else if (isVirtualScrollWithSort) {
+        // 虚拟滚动模式：手动处理排序（支持置顶行）
+        const newData = this.spliteListData(this.allData, null, null);
+        if (this.$refs.xGrid) {
+          this.$refs.xGrid.reloadData(newData);
+          this.$nextTick(() => {
+            if (property && order) {
+              setTimeout(() => {
+                // 只高亮箭头，表格内部不排序（因为数据已经排序好）
+                this.$refs.xGrid.sort(property, order, {
+                  silent: true
+                });
+              }, 100);
+            }
+            setTimeout(() => {
+              if (this.$refs.xGrid) {
+                // 排序后滚动到顶部
+                this.$refs.xGrid.scrollTo(0, 0);
+              }
+            }, 0);
+          });
+        }
       } else {
-        // 后端分页模式下，确保排序箭头高亮
+        // 后端模式：确保排序箭头高亮
         this.$nextTick(() => {
           if (property && order && this.$refs.xGrid) {
             setTimeout(() => {
@@ -62446,6 +62479,7 @@ var custom_column_component = normalizeComponent(
           this.sortState.order = defaultSort.order;
           setTimeout(() => {
             if (this.$refs.xGrid) {
+              // 🔧 两种模式都使用手动排序（支持置顶行）
               this.$refs.xGrid.sort(defaultSort.field, defaultSort.order, {
                 silent: true
               });
@@ -62458,9 +62492,9 @@ var custom_column_component = normalizeComponent(
      * 初始化默认排序（支持前端分页和虚拟滚动）
      */
     initDefaultSortForFrontendPagination() {
-      var _this$gridOptions$pag7, _this$gridOptions$sor4, _this$gridOptions$sor5;
+      var _this$gridOptions$pag4, _this$gridOptions$sor4, _this$gridOptions$sor5;
       // 支持前端分页或前端排序模式（包括虚拟滚动）
-      const shouldInitSort = ((_this$gridOptions$pag7 = this.gridOptions.pagerConfig) === null || _this$gridOptions$pag7 === void 0 ? void 0 : _this$gridOptions$pag7.frontendPagination) || ((_this$gridOptions$sor4 = this.gridOptions.sortConfig) === null || _this$gridOptions$sor4 === void 0 ? void 0 : _this$gridOptions$sor4.frontendSort);
+      const shouldInitSort = ((_this$gridOptions$pag4 = this.gridOptions.pagerConfig) === null || _this$gridOptions$pag4 === void 0 ? void 0 : _this$gridOptions$pag4.frontendPagination) || ((_this$gridOptions$sor4 = this.gridOptions.sortConfig) === null || _this$gridOptions$sor4 === void 0 ? void 0 : _this$gridOptions$sor4.frontendSort);
       if (!shouldInitSort) {
         return;
       }
@@ -62470,11 +62504,13 @@ var custom_column_component = normalizeComponent(
         this.sortState.field = defaultSort.field;
         this.sortState.order = defaultSort.order;
 
-        // 在下一个tick中应用排序高亮
+        // 在下一个tick中应用排序
         this.$nextTick(() => {
           if (this.$refs.xGrid) {
             setTimeout(() => {
-              // 只高亮排序图标，不触发排序事件
+              // 🔧 两种模式都使用手动排序（支持置顶行）：
+              // - 前端分页：数据在 spliteListData 中排序，只需UI高亮
+              // - 虚拟滚动：数据在 spliteListData 中排序，只需UI高亮
               this.$refs.xGrid.sort(defaultSort.field, defaultSort.order, {
                 silent: true
               });
@@ -62487,9 +62523,9 @@ var custom_column_component = normalizeComponent(
      * 确保默认排序高亮（数据变化时调用，支持前端分页和虚拟滚动）
      */
     ensureDefaultSortHighlight() {
-      var _this$gridOptions$pag8, _this$gridOptions$sor6, _this$gridOptions$sor7;
+      var _this$gridOptions$pag5, _this$gridOptions$sor6, _this$gridOptions$sor7;
       // 支持前端分页或前端排序模式（包括虚拟滚动）
-      const shouldEnsureSort = ((_this$gridOptions$pag8 = this.gridOptions.pagerConfig) === null || _this$gridOptions$pag8 === void 0 ? void 0 : _this$gridOptions$pag8.frontendPagination) || ((_this$gridOptions$sor6 = this.gridOptions.sortConfig) === null || _this$gridOptions$sor6 === void 0 ? void 0 : _this$gridOptions$sor6.frontendSort);
+      const shouldEnsureSort = ((_this$gridOptions$pag5 = this.gridOptions.pagerConfig) === null || _this$gridOptions$pag5 === void 0 ? void 0 : _this$gridOptions$pag5.frontendPagination) || ((_this$gridOptions$sor6 = this.gridOptions.sortConfig) === null || _this$gridOptions$sor6 === void 0 ? void 0 : _this$gridOptions$sor6.frontendSort);
       if (!shouldEnsureSort) {
         return;
       }
@@ -62499,9 +62535,12 @@ var custom_column_component = normalizeComponent(
         this.sortState.field = defaultSort.field;
         this.sortState.order = defaultSort.order;
 
-        // 应用排序高亮
+        // 应用排序
         if (this.$refs.xGrid) {
           setTimeout(() => {
+            // 🔧 两种模式都使用手动排序（支持置顶行）：
+            // - 前端分页：数据已在 spliteListData 中排序，只需UI高亮（silent: true）
+            // - 虚拟滚动：数据已在 spliteListData 中排序，只需UI高亮（silent: true）
             this.$refs.xGrid.sort(defaultSort.field, defaultSort.order, {
               silent: true
             });
@@ -62523,8 +62562,8 @@ var custom_column_component = normalizeComponent(
 ;
 var table_component = normalizeComponent(
   components_tablevue_type_script_lang_js,
-  tablevue_type_template_id_5b90b233_render,
-  tablevue_type_template_id_5b90b233_staticRenderFns,
+  tablevue_type_template_id_22f2fb85_render,
+  tablevue_type_template_id_22f2fb85_staticRenderFns,
   false,
   null,
   null,
@@ -80246,6 +80285,409 @@ var ByFloatingMenu_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByFloatingMenu = (ByFloatingMenu_component.exports);
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ffbc40de-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/popover-selector/ByPopoverSelector.vue?vue&type=template&id=58b99e88&scoped=true
+var ByPopoverSelectorvue_type_template_id_58b99e88_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "by-popover-selector"
+  }, [_c('el-popover', {
+    ref: "popover",
+    attrs: {
+      "placement": _vm.placement,
+      "width": _vm.popoverWidth,
+      "trigger": "click",
+      "disabled": _vm.disabled,
+      "popper-class": "by-popover-selector-popover"
+    },
+    on: {
+      "show": _vm.handleShow,
+      "hide": _vm.handleHide
+    },
+    model: {
+      value: _vm.visible,
+      callback: function ($$v) {
+        _vm.visible = $$v;
+      },
+      expression: "visible"
+    }
+  }, [_c('div', {
+    staticClass: "popover-content"
+  }, [_vm.title ? _c('div', {
+    staticClass: "popover-title"
+  }, [_vm._v(" " + _vm._s(_vm.title) + " ")]) : _vm._e(), _c('div', {
+    staticClass: "options-container",
+    class: {
+      'multi-column': _vm.isMultiColumn
+    }
+  }, [!_vm.multiple ? _c('el-radio-group', {
+    staticClass: "options-group",
+    on: {
+      "change": _vm.handleSingleChange
+    },
+    model: {
+      value: _vm.selectedValue,
+      callback: function ($$v) {
+        _vm.selectedValue = $$v;
+      },
+      expression: "selectedValue"
+    }
+  }, _vm._l(_vm.displayOptions, function (item, index) {
+    return _c('div', {
+      key: item.id || item.value || index,
+      staticClass: "option-item",
+      class: {
+        'disabled': item.disabled
+      }
+    }, [_c('el-radio', {
+      staticClass: "option-radio",
+      attrs: {
+        "label": item.id || item.value,
+        "disabled": item.disabled
+      }
+    }, [_vm._v(" " + _vm._s(item.name || item.label) + " ")])], 1);
+  }), 0) : _c('el-checkbox-group', {
+    staticClass: "options-group",
+    on: {
+      "change": _vm.handleMultipleChange
+    },
+    model: {
+      value: _vm.selectedValues,
+      callback: function ($$v) {
+        _vm.selectedValues = $$v;
+      },
+      expression: "selectedValues"
+    }
+  }, _vm._l(_vm.displayOptions, function (item, index) {
+    return _c('div', {
+      key: item.id || item.value || index,
+      staticClass: "option-item",
+      class: {
+        'disabled': item.disabled
+      }
+    }, [_c('el-checkbox', {
+      staticClass: "option-checkbox",
+      attrs: {
+        "label": item.id || item.value,
+        "disabled": item.disabled
+      }
+    }, [_vm._v(" " + _vm._s(item.name || item.label) + " ")])], 1);
+  }), 0)], 1), _c('div', {
+    staticClass: "popover-footer"
+  }, [_c('el-button', {
+    attrs: {
+      "size": "small"
+    },
+    on: {
+      "click": _vm.handleCancel
+    }
+  }, [_vm._v(" " + _vm._s(_vm.cancelText) + " ")]), _c('el-button', {
+    staticClass: "confirm-button",
+    staticStyle: {
+      "min-width": "60px !important",
+      "height": "32px !important",
+      "visibility": "visible !important",
+      "display": "inline-block !important",
+      "opacity": "1 !important",
+      "background-color": "#409eff !important",
+      "border-color": "#409eff !important",
+      "color": "#ffffff !important"
+    },
+    attrs: {
+      "type": _vm.hasSelection ? 'primary' : 'default',
+      "size": "small",
+      "disabled": !_vm.hasSelection
+    },
+    on: {
+      "click": _vm.handleConfirm
+    }
+  }, [_vm._v(" " + _vm._s(_vm.confirmText) + " ")])], 1)]), _c('el-button', {
+    class: ['trigger-button', {
+      'tiny-button': _vm.tiny
+    }],
+    attrs: {
+      "slot": "reference",
+      "type": _vm.buttonType,
+      "plain": "",
+      "size": _vm.tiny ? 'mini' : _vm.buttonSize,
+      "disabled": _vm.disabled,
+      "loading": _vm.loading
+    },
+    slot: "reference"
+  }, [_vm._v(" " + _vm._s(_vm.buttonText) + " ")])], 1)], 1);
+};
+var ByPopoverSelectorvue_type_template_id_58b99e88_scoped_true_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/popover-selector/ByPopoverSelector.vue?vue&type=script&lang=js
+
+
+
+
+/* harmony default export */ var ByPopoverSelectorvue_type_script_lang_js = ({
+  name: 'ByPopoverSelector',
+  props: {
+    // 数据源
+    options: {
+      type: Array,
+      default: () => []
+    },
+    // 当前选中的值（单选）
+    value: {
+      type: [String, Number],
+      default: null
+    },
+    // 当前选中的值（多选）
+    values: {
+      type: Array,
+      default: () => []
+    },
+    // 是否多选
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    // 弹出层标题
+    title: {
+      type: String,
+      default: ''
+    },
+    // 按钮文本
+    buttonText: {
+      type: String,
+      default: '选择'
+    },
+    // 按钮类型
+    buttonType: {
+      type: String,
+      default: 'default'
+    },
+    // 按钮尺寸
+    buttonSize: {
+      type: String,
+      default: 'small'
+    },
+    // 是否使用超小按钮
+    tiny: {
+      type: Boolean,
+      default: false
+    },
+    // 弹出层位置
+    placement: {
+      type: String,
+      default: 'bottom-start'
+    },
+    // 弹出层宽度
+    popoverWidth: {
+      type: [String, Number],
+      default: 300
+    },
+    // 是否禁用
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 是否加载中
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    // 确认按钮文本
+    confirmText: {
+      type: String,
+      default: '确定'
+    },
+    // 取消按钮文本
+    cancelText: {
+      type: String,
+      default: '取消'
+    },
+    // 选项的键名配置
+    optionProps: {
+      type: Object,
+      default: () => ({
+        label: 'name',
+        value: 'id',
+        disabled: 'disabled'
+      })
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      selectedValue: null,
+      selectedValues: [],
+      tempSelectedValue: null,
+      tempSelectedValues: []
+    };
+  },
+  computed: {
+    // 处理后的选项数据
+    processedOptions() {
+      return this.options.map(item => {
+        if (typeof item === 'string') {
+          return {
+            id: item,
+            name: item,
+            disabled: false
+          };
+        }
+        return {
+          id: item[this.optionProps.value] || item.id,
+          name: item[this.optionProps.label] || item.name || item.label,
+          disabled: item[this.optionProps.disabled] || item.disabled || false
+        };
+      });
+    },
+    // 显示的选项
+    displayOptions() {
+      return this.processedOptions;
+    },
+    // 是否多列显示
+    isMultiColumn() {
+      return false; // 不再使用多列布局
+    },
+    // 是否有选中项
+    hasSelection() {
+      if (this.multiple) {
+        return this.tempSelectedValues.length > 0;
+      } else {
+        return this.tempSelectedValue !== null && this.tempSelectedValue !== '';
+      }
+    },
+    // 当前选中的选项
+    selectedOptions() {
+      if (this.multiple) {
+        return this.processedOptions.filter(option => this.selectedValues.includes(option.id));
+      } else {
+        return this.processedOptions.find(option => option.id === this.selectedValue);
+      }
+    }
+  },
+  watch: {
+    value: {
+      handler(newVal) {
+        this.selectedValue = newVal;
+        this.tempSelectedValue = newVal;
+      },
+      immediate: true
+    },
+    values: {
+      handler(newVal) {
+        this.selectedValues = [...newVal];
+        this.tempSelectedValues = [...newVal];
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    // 处理弹出层显示
+    handleShow() {
+      // 重置临时选择
+      this.tempSelectedValue = this.selectedValue;
+      this.tempSelectedValues = [...this.selectedValues];
+      this.$emit('show');
+    },
+    // 处理弹出层隐藏
+    handleHide() {
+      this.$emit('hide');
+    },
+    // 处理单选变化
+    handleSingleChange(value) {
+      this.tempSelectedValue = value;
+    },
+    // 处理多选变化
+    handleMultipleChange(values) {
+      this.tempSelectedValues = [...values];
+    },
+    // 处理确认
+    handleConfirm() {
+      if (this.multiple) {
+        this.selectedValues = [...this.tempSelectedValues];
+        this.$emit('input', this.selectedValues);
+        this.$emit('change', this.selectedValues, this.getSelectedOptions(this.selectedValues));
+      } else {
+        this.selectedValue = this.tempSelectedValue;
+        this.$emit('input', this.selectedValue);
+        this.$emit('change', this.selectedValue, this.getSelectedOption(this.selectedValue));
+      }
+      this.visible = false;
+      this.$emit('confirm', this.multiple ? this.selectedValues : this.selectedValue);
+    },
+    // 处理取消
+    handleCancel() {
+      // 恢复临时选择
+      this.tempSelectedValue = this.selectedValue;
+      this.tempSelectedValues = [...this.selectedValues];
+      this.visible = false;
+      this.$emit('cancel');
+    },
+    // 获取选中的选项对象（单选）
+    getSelectedOption(value) {
+      return this.processedOptions.find(option => option.id === value);
+    },
+    // 获取选中的选项对象（多选）
+    getSelectedOptions(values) {
+      return this.processedOptions.filter(option => values.includes(option.id));
+    },
+    // 清空选择
+    clear() {
+      if (this.multiple) {
+        this.selectedValues = [];
+        this.tempSelectedValues = [];
+        this.$emit('input', []);
+        this.$emit('change', [], []);
+      } else {
+        this.selectedValue = null;
+        this.tempSelectedValue = null;
+        this.$emit('input', null);
+        this.$emit('change', null, null);
+      }
+    },
+    // 设置选择
+    setSelection(value) {
+      if (this.multiple) {
+        const values = Array.isArray(value) ? value : [value];
+        this.selectedValues = [...values];
+        this.tempSelectedValues = [...values];
+        this.$emit('input', values);
+        this.$emit('change', values, this.getSelectedOptions(values));
+      } else {
+        this.selectedValue = value;
+        this.tempSelectedValue = value;
+        this.$emit('input', value);
+        this.$emit('change', value, this.getSelectedOption(value));
+      }
+    }
+  }
+});
+;// ./src/components/popover-selector/ByPopoverSelector.vue?vue&type=script&lang=js
+ /* harmony default export */ var popover_selector_ByPopoverSelectorvue_type_script_lang_js = (ByPopoverSelectorvue_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/popover-selector/ByPopoverSelector.vue?vue&type=style&index=0&id=58b99e88&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./src/components/popover-selector/ByPopoverSelector.vue?vue&type=style&index=0&id=58b99e88&prod&lang=scss&scoped=true
+
+;// ./src/components/popover-selector/ByPopoverSelector.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var ByPopoverSelector_component = normalizeComponent(
+  popover_selector_ByPopoverSelectorvue_type_script_lang_js,
+  ByPopoverSelectorvue_type_template_id_58b99e88_scoped_true_render,
+  ByPopoverSelectorvue_type_template_id_58b99e88_scoped_true_staticRenderFns,
+  false,
+  null,
+  "58b99e88",
+  null
+  
+)
+
+/* harmony default export */ var ByPopoverSelector = (ByPopoverSelector_component.exports);
 ;// ./src/index.js
 
 
@@ -80266,6 +80708,7 @@ var ByFloatingMenu_component = normalizeComponent(
 
 
 
+
 
 const components = {
   ByPager: pager,
@@ -80282,7 +80725,8 @@ const components = {
   ByTreeSearch: ByTreeSearch,
   ByDialog: ByDialog,
   ByCascaderPanel: ByCascaderPanel,
-  ByFloatingMenu: ByFloatingMenu
+  ByFloatingMenu: ByFloatingMenu,
+  ByPopoverSelector: ByPopoverSelector
 };
 
 // 设置当前 z-index 起始值