@weitutech/by-components 1.1.218 → 1.1.220

package/lib/by-components.common.js

@@ -91275,8 +91275,8 @@ var ByCommonSelector_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByCommonSelector = (ByCommonSelector_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/batch-query-selector/BatchQuerySelector.vue?vue&type=template&id=240853ac
-var BatchQuerySelectorvue_type_template_id_240853ac_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/batch-query-selector/BatchQuerySelector.vue?vue&type=template&id=58a92f32
+var BatchQuerySelectorvue_type_template_id_58a92f32_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -91284,9 +91284,18 @@ var BatchQuerySelectorvue_type_template_id_240853ac_render = function render() {
     style: _vm.containerStyle
   }, [_c('div', {
     staticClass: "selector-container"
+  }, [_c('div', {
+    staticClass: "selector-input-wrap",
+    class: {
+      'has-batch-suffix': _vm.multiple,
+      'is-clearable': _vm.multiple && _vm.clearable
+    }
   }, [_c('el-select', {
     ref: "elSelect",
     staticClass: "selector-input",
+    class: {
+      'has-batch-suffix': _vm.multiple
+    },
     attrs: {
       "placeholder": _vm.placeholder,
       "disabled": _vm.disabled || _vm.loading,
@@ -91361,7 +91370,9 @@ var BatchQuerySelectorvue_type_template_id_240853ac_render = function render() {
     staticClass: "el-icon-loading"
   }) : _vm._e(), _c('span', [_vm._v(_vm._s(_vm.loadingMore ? '加载中...' : '点击加载更多'))]), _c('div', {
     staticClass: "load-more-info"
-  }, [_vm._v("已显示 " + _vm._s(_vm.visibleOptions.length) + " / " + _vm._s(_vm.filteredOptions.length) + " 条")])])]) : _vm._e()], 2), _vm.multiple ? _c('el-popover', {
+  }, [_vm._v("已显示 " + _vm._s(_vm.visibleOptions.length) + " / " + _vm._s(_vm.filteredOptions.length) + " 条")])])]) : _vm._e()], 2), _vm.multiple ? _c('div', {
+    staticClass: "batch-input-suffix"
+  }, [_c('el-popover', {
     attrs: {
       "placement": "bottom-end",
       "width": _vm.popoverWidth,
@@ -91429,25 +91440,26 @@ var BatchQuerySelectorvue_type_template_id_240853ac_render = function render() {
       "click": _vm.handleBatchInput
     }
   }, [_vm._v("确定")])], 1)], 1), _c('el-button', {
-    staticClass: "batch-input-btn",
+    staticClass: "batch-input-btn batch-input-btn--inner",
+    class: `batch-input-btn--${_vm.size}`,
     attrs: {
       "slot": "reference",
+      "type": "text",
       "disabled": _vm.disabled || _vm.loading,
       "size": _vm.size
     },
     on: {
-      "click": _vm.handleBatchButtonClick
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.handleBatchButtonClick.apply(null, arguments);
+      }
     },
     slot: "reference"
   }, [_c('i', {
-    staticClass: "el-icon-edit-outline",
-    staticStyle: {
-      "transform": "scale(2)",
-      "display": "inline-block"
-    }
-  })])], 1) : _vm._e()], 1)]);
+    staticClass: "el-icon-edit-outline"
+  })])], 1)], 1) : _vm._e()], 1)])]);
 };
-var BatchQuerySelectorvue_type_template_id_240853ac_staticRenderFns = [];
+var BatchQuerySelectorvue_type_template_id_58a92f32_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/batch-query-selector/BatchQuerySelector.vue?vue&type=script&lang=js
 
@@ -91626,7 +91638,9 @@ var BatchQuerySelectorvue_type_template_id_240853ac_staticRenderFns = [];
       dropdownVisible: false,
       currentPage: 1,
       loadingMore: false,
-      hasFocused: false // 添加一个标记，用于跟踪是否已经触发过focus事件
+      hasFocused: false,
+      // 添加一个标记，用于跟踪是否已经触发过focus事件
+      suffixHoverSyncBound: false
     };
   },
   computed: {
@@ -91744,6 +91758,24 @@ var BatchQuerySelectorvue_type_template_id_240853ac_staticRenderFns = [];
         }
       },
       immediate: true
+    },
+    multiple() {
+      this.$nextTick(() => {
+        if (this.multiple && this.clearable) {
+          this.bindSuffixHoverSync();
+        } else {
+          this.unbindSuffixHoverSync();
+        }
+      });
+    },
+    clearable() {
+      this.$nextTick(() => {
+        if (this.multiple && this.clearable) {
+          this.bindSuffixHoverSync();
+        } else {
+          this.unbindSuffixHoverSync();
+        }
+      });
     }
   },
   created() {
@@ -91752,6 +91784,11 @@ var BatchQuerySelectorvue_type_template_id_240853ac_staticRenderFns = [];
       this.fetchOptions();
     }
   },
+  mounted() {
+    this.$nextTick(() => {
+      this.bindSuffixHoverSync();
+    });
+  },
   methods: {
     // 判断选项是否有可展示的描述内容
     hasDescContent(option) {
@@ -91944,6 +91981,67 @@ var BatchQuerySelectorvue_type_template_id_240853ac_staticRenderFns = [];
         this.$emit('batch-selector-focus', e);
       }
     },
+    // 仅当鼠标位于清空/箭头图标上时显示清空按钮，覆盖 Element 默认整框 hover 行为
+    bindSuffixHoverSync() {
+      if (!this.multiple || !this.clearable) return;
+      const select = this.$refs.elSelect;
+      if (!select || !select.$el) return;
+      if (this.suffixHoverSyncBound && this._suffixHoverRoot === select.$el) return;
+      this.unbindSuffixHoverSync();
+      const root = select.$el;
+      this._suffixHoverRoot = root;
+      this._onSuffixHoverMove = event => {
+        this.syncClearHoverState(event);
+      };
+      this._onSuffixHoverLeave = event => {
+        if (!root.contains(event.relatedTarget)) {
+          select.inputHovering = false;
+        }
+      };
+      root.addEventListener('mouseover', this._onSuffixHoverMove, true);
+      root.addEventListener('mousemove', this._onSuffixHoverMove, true);
+      root.addEventListener('mouseleave', this._onSuffixHoverLeave, true);
+      this.suffixHoverSyncBound = true;
+    },
+    unbindSuffixHoverSync() {
+      const root = this._suffixHoverRoot;
+      if (root) {
+        if (this._onSuffixHoverMove) {
+          root.removeEventListener('mouseover', this._onSuffixHoverMove, true);
+          root.removeEventListener('mousemove', this._onSuffixHoverMove, true);
+        }
+        if (this._onSuffixHoverLeave) {
+          root.removeEventListener('mouseleave', this._onSuffixHoverLeave, true);
+        }
+      }
+      if (this._suffixHoverRaf) {
+        cancelAnimationFrame(this._suffixHoverRaf);
+        this._suffixHoverRaf = null;
+      }
+      this._suffixHoverRoot = null;
+      this._onSuffixHoverMove = null;
+      this._onSuffixHoverLeave = null;
+      this.suffixHoverSyncBound = false;
+    },
+    syncClearHoverState(event) {
+      const select = this.$refs.elSelect;
+      if (!select || !select.$el) return;
+      if (this._suffixHoverRaf) {
+        cancelAnimationFrame(this._suffixHoverRaf);
+      }
+      const {
+        clientX,
+        clientY
+      } = event;
+      this._suffixHoverRaf = requestAnimationFrame(() => {
+        this._suffixHoverRaf = null;
+        const suffixInner = select.$el.querySelector('.el-input__suffix-inner');
+        if (!suffixInner) return;
+        const hovered = document.elementFromPoint(clientX, clientY);
+        const isOverSuffixIcon = !!(hovered && (hovered.classList.contains('el-input__icon') || hovered.closest('.el-input__suffix-inner .el-input__icon')));
+        select.inputHovering = isOverSuffixIcon;
+      });
+    },
     // 处理批量输入
     async handleBatchInput() {
       if (!this.batchInputContent.trim()) {
@@ -92051,6 +92149,7 @@ var BatchQuerySelectorvue_type_template_id_240853ac_staticRenderFns = [];
   beforeDestroy() {
     // 移除滚动监听器
     this.removeScrollListener();
+    this.unbindSuffixHoverSync();
   }
 });
 ;// ./src/components/batch-query-selector/BatchQuerySelector.vue?vue&type=script&lang=js
@@ -92065,8 +92164,8 @@ var BatchQuerySelectorvue_type_template_id_240853ac_staticRenderFns = [];
 ;
 var BatchQuerySelector_component = normalizeComponent(
   batch_query_selector_BatchQuerySelectorvue_type_script_lang_js,
-  BatchQuerySelectorvue_type_template_id_240853ac_render,
-  BatchQuerySelectorvue_type_template_id_240853ac_staticRenderFns,
+  BatchQuerySelectorvue_type_template_id_58a92f32_render,
+  BatchQuerySelectorvue_type_template_id_58a92f32_staticRenderFns,
   false,
   null,
   null,

package/lib/by-components.umd.js

@@ -91285,8 +91285,8 @@ var ByCommonSelector_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByCommonSelector = (ByCommonSelector_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/batch-query-selector/BatchQuerySelector.vue?vue&type=template&id=240853ac
-var BatchQuerySelectorvue_type_template_id_240853ac_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/batch-query-selector/BatchQuerySelector.vue?vue&type=template&id=58a92f32
+var BatchQuerySelectorvue_type_template_id_58a92f32_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -91294,9 +91294,18 @@ var BatchQuerySelectorvue_type_template_id_240853ac_render = function render() {
     style: _vm.containerStyle
   }, [_c('div', {
     staticClass: "selector-container"
+  }, [_c('div', {
+    staticClass: "selector-input-wrap",
+    class: {
+      'has-batch-suffix': _vm.multiple,
+      'is-clearable': _vm.multiple && _vm.clearable
+    }
   }, [_c('el-select', {
     ref: "elSelect",
     staticClass: "selector-input",
+    class: {
+      'has-batch-suffix': _vm.multiple
+    },
     attrs: {
       "placeholder": _vm.placeholder,
       "disabled": _vm.disabled || _vm.loading,
@@ -91371,7 +91380,9 @@ var BatchQuerySelectorvue_type_template_id_240853ac_render = function render() {
     staticClass: "el-icon-loading"
   }) : _vm._e(), _c('span', [_vm._v(_vm._s(_vm.loadingMore ? '加载中...' : '点击加载更多'))]), _c('div', {
     staticClass: "load-more-info"
-  }, [_vm._v("已显示 " + _vm._s(_vm.visibleOptions.length) + " / " + _vm._s(_vm.filteredOptions.length) + " 条")])])]) : _vm._e()], 2), _vm.multiple ? _c('el-popover', {
+  }, [_vm._v("已显示 " + _vm._s(_vm.visibleOptions.length) + " / " + _vm._s(_vm.filteredOptions.length) + " 条")])])]) : _vm._e()], 2), _vm.multiple ? _c('div', {
+    staticClass: "batch-input-suffix"
+  }, [_c('el-popover', {
     attrs: {
       "placement": "bottom-end",
       "width": _vm.popoverWidth,
@@ -91439,25 +91450,26 @@ var BatchQuerySelectorvue_type_template_id_240853ac_render = function render() {
       "click": _vm.handleBatchInput
     }
   }, [_vm._v("确定")])], 1)], 1), _c('el-button', {
-    staticClass: "batch-input-btn",
+    staticClass: "batch-input-btn batch-input-btn--inner",
+    class: `batch-input-btn--${_vm.size}`,
     attrs: {
       "slot": "reference",
+      "type": "text",
       "disabled": _vm.disabled || _vm.loading,
       "size": _vm.size
     },
     on: {
-      "click": _vm.handleBatchButtonClick
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.handleBatchButtonClick.apply(null, arguments);
+      }
     },
     slot: "reference"
   }, [_c('i', {
-    staticClass: "el-icon-edit-outline",
-    staticStyle: {
-      "transform": "scale(2)",
-      "display": "inline-block"
-    }
-  })])], 1) : _vm._e()], 1)]);
+    staticClass: "el-icon-edit-outline"
+  })])], 1)], 1) : _vm._e()], 1)])]);
 };
-var BatchQuerySelectorvue_type_template_id_240853ac_staticRenderFns = [];
+var BatchQuerySelectorvue_type_template_id_58a92f32_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/batch-query-selector/BatchQuerySelector.vue?vue&type=script&lang=js
 
@@ -91636,7 +91648,9 @@ var BatchQuerySelectorvue_type_template_id_240853ac_staticRenderFns = [];
       dropdownVisible: false,
       currentPage: 1,
       loadingMore: false,
-      hasFocused: false // 添加一个标记，用于跟踪是否已经触发过focus事件
+      hasFocused: false,
+      // 添加一个标记，用于跟踪是否已经触发过focus事件
+      suffixHoverSyncBound: false
     };
   },
   computed: {
@@ -91754,6 +91768,24 @@ var BatchQuerySelectorvue_type_template_id_240853ac_staticRenderFns = [];
         }
       },
       immediate: true
+    },
+    multiple() {
+      this.$nextTick(() => {
+        if (this.multiple && this.clearable) {
+          this.bindSuffixHoverSync();
+        } else {
+          this.unbindSuffixHoverSync();
+        }
+      });
+    },
+    clearable() {
+      this.$nextTick(() => {
+        if (this.multiple && this.clearable) {
+          this.bindSuffixHoverSync();
+        } else {
+          this.unbindSuffixHoverSync();
+        }
+      });
     }
   },
   created() {
@@ -91762,6 +91794,11 @@ var BatchQuerySelectorvue_type_template_id_240853ac_staticRenderFns = [];
       this.fetchOptions();
     }
   },
+  mounted() {
+    this.$nextTick(() => {
+      this.bindSuffixHoverSync();
+    });
+  },
   methods: {
     // 判断选项是否有可展示的描述内容
     hasDescContent(option) {
@@ -91954,6 +91991,67 @@ var BatchQuerySelectorvue_type_template_id_240853ac_staticRenderFns = [];
         this.$emit('batch-selector-focus', e);
       }
     },
+    // 仅当鼠标位于清空/箭头图标上时显示清空按钮，覆盖 Element 默认整框 hover 行为
+    bindSuffixHoverSync() {
+      if (!this.multiple || !this.clearable) return;
+      const select = this.$refs.elSelect;
+      if (!select || !select.$el) return;
+      if (this.suffixHoverSyncBound && this._suffixHoverRoot === select.$el) return;
+      this.unbindSuffixHoverSync();
+      const root = select.$el;
+      this._suffixHoverRoot = root;
+      this._onSuffixHoverMove = event => {
+        this.syncClearHoverState(event);
+      };
+      this._onSuffixHoverLeave = event => {
+        if (!root.contains(event.relatedTarget)) {
+          select.inputHovering = false;
+        }
+      };
+      root.addEventListener('mouseover', this._onSuffixHoverMove, true);
+      root.addEventListener('mousemove', this._onSuffixHoverMove, true);
+      root.addEventListener('mouseleave', this._onSuffixHoverLeave, true);
+      this.suffixHoverSyncBound = true;
+    },
+    unbindSuffixHoverSync() {
+      const root = this._suffixHoverRoot;
+      if (root) {
+        if (this._onSuffixHoverMove) {
+          root.removeEventListener('mouseover', this._onSuffixHoverMove, true);
+          root.removeEventListener('mousemove', this._onSuffixHoverMove, true);
+        }
+        if (this._onSuffixHoverLeave) {
+          root.removeEventListener('mouseleave', this._onSuffixHoverLeave, true);
+        }
+      }
+      if (this._suffixHoverRaf) {
+        cancelAnimationFrame(this._suffixHoverRaf);
+        this._suffixHoverRaf = null;
+      }
+      this._suffixHoverRoot = null;
+      this._onSuffixHoverMove = null;
+      this._onSuffixHoverLeave = null;
+      this.suffixHoverSyncBound = false;
+    },
+    syncClearHoverState(event) {
+      const select = this.$refs.elSelect;
+      if (!select || !select.$el) return;
+      if (this._suffixHoverRaf) {
+        cancelAnimationFrame(this._suffixHoverRaf);
+      }
+      const {
+        clientX,
+        clientY
+      } = event;
+      this._suffixHoverRaf = requestAnimationFrame(() => {
+        this._suffixHoverRaf = null;
+        const suffixInner = select.$el.querySelector('.el-input__suffix-inner');
+        if (!suffixInner) return;
+        const hovered = document.elementFromPoint(clientX, clientY);
+        const isOverSuffixIcon = !!(hovered && (hovered.classList.contains('el-input__icon') || hovered.closest('.el-input__suffix-inner .el-input__icon')));
+        select.inputHovering = isOverSuffixIcon;
+      });
+    },
     // 处理批量输入
     async handleBatchInput() {
       if (!this.batchInputContent.trim()) {
@@ -92061,6 +92159,7 @@ var BatchQuerySelectorvue_type_template_id_240853ac_staticRenderFns = [];
   beforeDestroy() {
     // 移除滚动监听器
     this.removeScrollListener();
+    this.unbindSuffixHoverSync();
   }
 });
 ;// ./src/components/batch-query-selector/BatchQuerySelector.vue?vue&type=script&lang=js
@@ -92075,8 +92174,8 @@ var BatchQuerySelectorvue_type_template_id_240853ac_staticRenderFns = [];
 ;
 var BatchQuerySelector_component = normalizeComponent(
   batch_query_selector_BatchQuerySelectorvue_type_script_lang_js,
-  BatchQuerySelectorvue_type_template_id_240853ac_render,
-  BatchQuerySelectorvue_type_template_id_240853ac_staticRenderFns,
+  BatchQuerySelectorvue_type_template_id_58a92f32_render,
+  BatchQuerySelectorvue_type_template_id_58a92f32_staticRenderFns,
   false,
   null,
   null,