eoss 0.1.0-alpha.22 → 0.1.0-alpha.23

package/lib/collapse.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 188);
+/******/ 	return __webpack_require__(__webpack_require__.s = 191);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -5141,11 +5141,11 @@ module.exports = require("eoss/lib/message-box");
 /* harmony import */ var qs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(qs__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(31);
 /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _sm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(23);
+/* harmony import */ var _sm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(24);
 /* harmony import */ var json_bigint__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(32);
 /* harmony import */ var json_bigint__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(json_bigint__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _storage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2);
-/* harmony import */ var fetch_request_source__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(24);
+/* harmony import */ var fetch_request_source__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(25);
 /* harmony import */ var fetch_request_source__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(fetch_request_source__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(0);
 /* harmony import */ var _config_api__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7);
@@ -6572,11 +6572,11 @@ var getRgb = function getRgb($color) {
 "use strict";
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var eoss_src_utils_popup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(25);
+/* harmony import */ var eoss_src_utils_popup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(26);
 
 
 
-var PopperJS = vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer ? function () {} : __webpack_require__(41);
+var PopperJS = vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer ? function () {} : __webpack_require__(42);
 var stopPropagation = function stopPropagation(e) {
   return e.stopPropagation();
 };
@@ -6837,12 +6837,6 @@ var stopPropagation = function stopPropagation(e) {
 
 /***/ }),
 /* 14 */
-/***/ (function(module, exports) {
-
-module.exports = require("throttle-debounce");
-
-/***/ }),
-/* 15 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -6985,6 +6979,12 @@ function scrollMove(wrap) {
   return { y: y, x: x };
 }
 
+/***/ }),
+/* 15 */
+/***/ (function(module, exports) {
+
+module.exports = require("throttle-debounce");
+
 /***/ }),
 /* 16 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -7160,6 +7160,218 @@ module.exports = require("lodash/cloneDeep");
 /* 23 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return addResizeListener; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return removeResizeListener; });
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+// 注意：此文件完全重写以解决 ResizeObserver 循环错误
+
+var isServer = typeof window === 'undefined';
+
+// 使用 WeakMap 存储：
+// 1. 每个元素的监听器列表
+// 2. 每个元素的最后处理时间
+// 3. 每个元素的动画帧ID（用于requestAnimationFrame）
+var listenersMap = new WeakMap();
+var lastProcessedMap = new WeakMap();
+var animationFrameMap = new WeakMap();
+var pendingRetryMap = new WeakMap();
+var PROCESSING_DELAY = 100; // 增加处理延迟到100ms
+
+// 更安全的resize处理器，使用requestAnimationFrame和严格的频率控制
+function safeResizeHandler(element) {
+  var now = Date.now();
+  var lastTime = lastProcessedMap.get(element) || 0;
+  var listeners = listenersMap.get(element) || [];
+
+  // 如果距离上次处理不足 PROCESSING_DELAY 毫秒，延迟重试，避免丢失最后一次变化
+  if (now - lastTime < PROCESSING_DELAY) {
+    if (!pendingRetryMap.get(element)) {
+      pendingRetryMap.set(element, true);
+      setTimeout(function () {
+        pendingRetryMap.delete(element);
+        safeResizeHandler(element);
+      }, PROCESSING_DELAY);
+    }
+    return;
+  }
+
+  // 取消任何待处理的动画帧
+  var existingFrameId = animationFrameMap.get(element);
+  if (existingFrameId) {
+    cancelAnimationFrame(existingFrameId);
+  }
+
+  // 使用requestAnimationFrame来处理大小变化，这样可以防止循环
+  var frameId = requestAnimationFrame(function () {
+    // 再次检查时间，确保在动画帧执行时不会太频繁
+    var frameNow = Date.now();
+    if (frameNow - lastTime < PROCESSING_DELAY) {
+      animationFrameMap.delete(element);
+      return;
+    }
+
+    lastProcessedMap.set(element, frameNow);
+
+    if (listeners.length) {
+      // 创建监听器副本以防止在迭代过程中修改
+      var listenersCopy = [].concat(listeners);
+      listenersCopy.forEach(function (listener) {
+        try {
+          // 使用setTimeout来彻底分离调用栈
+          setTimeout(function () {
+            try {
+              listener();
+            } catch (e) {
+              console.error('Resize listener error:', e);
+            }
+          }, 0);
+        } catch (e) {
+          console.error('Resize handler error:', e);
+        }
+      });
+    }
+
+    animationFrameMap.delete(element);
+  });
+
+  animationFrameMap.set(element, frameId);
+}
+
+// 模拟ResizeObserver的自定义实现，不使用resize-observer-polyfill
+
+var CustomResizeObserver = function () {
+  function CustomResizeObserver(callback) {
+    _classCallCheck(this, CustomResizeObserver);
+
+    this.callback = callback;
+    this.elements = new Set();
+    this.throttleTimer = null;
+  }
+
+  CustomResizeObserver.prototype.observe = function observe(element) {
+    var _this = this;
+
+    if (!element || !element.nodeType) return;
+
+    this.elements.add(element);
+
+    // 使用ResizeObserver的降级实现，结合setTimeout
+    var checkSize = function checkSize() {
+      var rect = element.getBoundingClientRect();
+      var currentSize = { width: rect.width, height: rect.height };
+
+      // 首次检查时初始化基准尺寸，否则永远检测不到变化
+      if (!element.__lastSize) {
+        element.__lastSize = currentSize;
+      } else {
+        var lastSize = element.__lastSize;
+
+        // 检查尺寸是否真的改变了
+        if (Math.abs(currentSize.width - lastSize.width) > 1 || Math.abs(currentSize.height - lastSize.height) > 1) {
+          element.__lastSize = currentSize;
+
+          // 调用原始回调，但在更安全的上下文中
+          safeResizeHandler(element);
+        }
+      }
+
+      // 继续下一次检查，但增加延迟
+      _this.throttleTimer = setTimeout(checkSize, 100);
+    };
+
+    // 开始检查
+    checkSize();
+
+    // 存储timer引用以便disconnect时清除
+    element.__resizeTimer = this.throttleTimer;
+  };
+
+  CustomResizeObserver.prototype.disconnect = function disconnect() {
+    // 清除所有定时器
+    this.elements.forEach(function (element) {
+      if (element.__resizeTimer) {
+        clearTimeout(element.__resizeTimer);
+        delete element.__resizeTimer;
+      }
+    });
+
+    if (this.throttleTimer) {
+      clearTimeout(this.throttleTimer);
+      this.throttleTimer = null;
+    }
+
+    this.elements.clear();
+  };
+
+  return CustomResizeObserver;
+}();
+
+/* istanbul ignore next */
+
+
+var addResizeListener = function addResizeListener(element, fn) {
+  if (isServer) return;
+
+  // 初始化元素的监听器列表
+  if (!listenersMap.has(element)) {
+    listenersMap.set(element, []);
+
+    // 使用我们的自定义ResizeObserver，而不是官方的polyfill
+    try {
+      var observer = new CustomResizeObserver(function () {
+        safeResizeHandler(element);
+      });
+      observer.observe(element);
+      element.__customResizeObserver = observer;
+    } catch (e) {
+      console.error('Failed to create CustomResizeObserver:', e);
+    }
+  }
+
+  var listeners = listenersMap.get(element);
+  if (!listeners.includes(fn)) {
+    listeners.push(fn);
+  }
+};
+
+/* istanbul ignore next */
+var removeResizeListener = function removeResizeListener(element, fn) {
+  if (!element || !listenersMap.has(element)) return;
+
+  var listeners = listenersMap.get(element);
+  var index = listeners.indexOf(fn);
+
+  if (index !== -1) {
+    listeners.splice(index, 1);
+
+    // 如果没有监听器了，清理资源
+    if (listeners.length === 0) {
+      // 清除自定义ResizeObserver
+      if (element.__customResizeObserver) {
+        element.__customResizeObserver.disconnect();
+        delete element.__customResizeObserver;
+      }
+
+      // 清除存储的数据
+      listenersMap.delete(element);
+      lastProcessedMap.delete(element);
+
+      // 清除任何待处理的动画帧
+      var frameId = animationFrameMap.get(element);
+      if (frameId) {
+        cancelAnimationFrame(frameId);
+        animationFrameMap.delete(element);
+      }
+    }
+  }
+};
+
+/***/ }),
+/* 24 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return doEncrypt; });
 /* unused harmony export doDecrypt */
@@ -7215,13 +7427,13 @@ var doDecrypt = function doDecrypt(_ref2) {
 };
 
 /***/ }),
-/* 24 */
+/* 25 */
 /***/ (function(module, exports) {
 
 module.exports = require("fetch-request-source");
 
 /***/ }),
-/* 25 */
+/* 26 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7446,7 +7658,7 @@ if (!external_vue_default.a.prototype.$isServer) {
 
 /* harmony default export */ var popup_manager = (PopupManager);
 // EXTERNAL MODULE: ./src/utils/scrollbar.js
-var scrollbar = __webpack_require__(15);
+var scrollbar = __webpack_require__(14);
 
 // CONCATENATED MODULE: ./src/utils/popup/index.js
 
@@ -7674,204 +7886,6 @@ var scrollBarWidth = void 0;
 
 
 
-/***/ }),
-/* 26 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return addResizeListener; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return removeResizeListener; });
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-// 注意：此文件完全重写以解决 ResizeObserver 循环错误
-
-var isServer = typeof window === 'undefined';
-
-// 使用 WeakMap 存储：
-// 1. 每个元素的监听器列表
-// 2. 每个元素的最后处理时间
-// 3. 每个元素的动画帧ID（用于requestAnimationFrame）
-var listenersMap = new WeakMap();
-var lastProcessedMap = new WeakMap();
-var animationFrameMap = new WeakMap();
-var PROCESSING_DELAY = 100; // 增加处理延迟到100ms
-
-// 更安全的resize处理器，使用requestAnimationFrame和严格的频率控制
-function safeResizeHandler(element) {
-  var now = Date.now();
-  var lastTime = lastProcessedMap.get(element) || 0;
-  var listeners = listenersMap.get(element) || [];
-
-  // 如果距离上次处理不足 PROCESSING_DELAY 毫秒，则跳过
-  if (now - lastTime < PROCESSING_DELAY) {
-    return;
-  }
-
-  // 取消任何待处理的动画帧
-  var existingFrameId = animationFrameMap.get(element);
-  if (existingFrameId) {
-    cancelAnimationFrame(existingFrameId);
-  }
-
-  // 使用requestAnimationFrame来处理大小变化，这样可以防止循环
-  var frameId = requestAnimationFrame(function () {
-    // 再次检查时间，确保在动画帧执行时不会太频繁
-    var frameNow = Date.now();
-    if (frameNow - lastTime < PROCESSING_DELAY) {
-      animationFrameMap.delete(element);
-      return;
-    }
-
-    lastProcessedMap.set(element, frameNow);
-
-    if (listeners.length) {
-      // 创建监听器副本以防止在迭代过程中修改
-      var listenersCopy = [].concat(listeners);
-      listenersCopy.forEach(function (listener) {
-        try {
-          // 使用setTimeout来彻底分离调用栈
-          setTimeout(function () {
-            try {
-              listener();
-            } catch (e) {
-              console.error('Resize listener error:', e);
-            }
-          }, 0);
-        } catch (e) {
-          console.error('Resize handler error:', e);
-        }
-      });
-    }
-
-    animationFrameMap.delete(element);
-  });
-
-  animationFrameMap.set(element, frameId);
-}
-
-// 模拟ResizeObserver的自定义实现，不使用resize-observer-polyfill
-
-var CustomResizeObserver = function () {
-  function CustomResizeObserver(callback) {
-    _classCallCheck(this, CustomResizeObserver);
-
-    this.callback = callback;
-    this.elements = new Set();
-    this.throttleTimer = null;
-  }
-
-  CustomResizeObserver.prototype.observe = function observe(element) {
-    var _this = this;
-
-    if (!element || !element.nodeType) return;
-
-    this.elements.add(element);
-
-    // 使用ResizeObserver的降级实现，结合setTimeout
-    var checkSize = function checkSize() {
-      var rect = element.getBoundingClientRect();
-      var currentSize = { width: rect.width, height: rect.height };
-      var lastSize = element.__lastSize || currentSize;
-
-      // 检查尺寸是否真的改变了
-      if (Math.abs(currentSize.width - lastSize.width) > 1 || Math.abs(currentSize.height - lastSize.height) > 1) {
-        element.__lastSize = currentSize;
-
-        // 调用原始回调，但在更安全的上下文中
-        safeResizeHandler(element);
-      }
-
-      // 继续下一次检查，但增加延迟
-      _this.throttleTimer = setTimeout(checkSize, 100);
-    };
-
-    // 开始检查
-    checkSize();
-
-    // 存储timer引用以便disconnect时清除
-    element.__resizeTimer = this.throttleTimer;
-  };
-
-  CustomResizeObserver.prototype.disconnect = function disconnect() {
-    // 清除所有定时器
-    this.elements.forEach(function (element) {
-      if (element.__resizeTimer) {
-        clearTimeout(element.__resizeTimer);
-        delete element.__resizeTimer;
-      }
-    });
-
-    if (this.throttleTimer) {
-      clearTimeout(this.throttleTimer);
-      this.throttleTimer = null;
-    }
-
-    this.elements.clear();
-  };
-
-  return CustomResizeObserver;
-}();
-
-/* istanbul ignore next */
-
-
-var addResizeListener = function addResizeListener(element, fn) {
-  if (isServer) return;
-
-  // 初始化元素的监听器列表
-  if (!listenersMap.has(element)) {
-    listenersMap.set(element, []);
-
-    // 使用我们的自定义ResizeObserver，而不是官方的polyfill
-    try {
-      var observer = new CustomResizeObserver(function () {
-        safeResizeHandler(element);
-      });
-      observer.observe(element);
-      element.__customResizeObserver = observer;
-    } catch (e) {
-      console.error('Failed to create CustomResizeObserver:', e);
-    }
-  }
-
-  var listeners = listenersMap.get(element);
-  if (!listeners.includes(fn)) {
-    listeners.push(fn);
-  }
-};
-
-/* istanbul ignore next */
-var removeResizeListener = function removeResizeListener(element, fn) {
-  if (!element || !listenersMap.has(element)) return;
-
-  var listeners = listenersMap.get(element);
-  var index = listeners.indexOf(fn);
-
-  if (index !== -1) {
-    listeners.splice(index, 1);
-
-    // 如果没有监听器了，清理资源
-    if (listeners.length === 0) {
-      // 清除自定义ResizeObserver
-      if (element.__customResizeObserver) {
-        element.__customResizeObserver.disconnect();
-        delete element.__customResizeObserver;
-      }
-
-      // 清除存储的数据
-      listenersMap.delete(element);
-      lastProcessedMap.delete(element);
-
-      // 清除任何待处理的动画帧
-      var frameId = animationFrameMap.get(element);
-      if (frameId) {
-        cancelAnimationFrame(frameId);
-        animationFrameMap.delete(element);
-      }
-    }
-  }
-};
-
 /***/ }),
 /* 27 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -8346,12 +8360,369 @@ module.exports = require("eoss/lib/tooltip");
 
 /***/ }),
 /* 38 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
+/**
+ * 滚动条组件 - 处理表格的垂直和水平滚动条
+ */
+
+
+var BAR_MAP = {
+  vertical: {
+    offset: 'offsetHeight',
+    scroll: 'scrollTop',
+    scrollSize: 'scrollHeight',
+    size: 'height',
+    key: 'vertical',
+    axis: 'Y',
+    client: 'clientY',
+    direction: 'top'
+  },
+  horizontal: {
+    offset: 'offsetWidth',
+    scroll: 'scrollLeft',
+    scrollSize: 'scrollWidth',
+    size: 'width',
+    key: 'horizontal',
+    axis: 'X',
+    client: 'clientX',
+    direction: 'left'
+  }
+};
+
+// 计算滚动位置的缓存
+var scrollPositionCache = new Map();
+
+// 缓存滚动位置计算结果
+function cacheScrollPosition(key, value) {
+  // 限制缓存大小
+  if (scrollPositionCache.size > 100) {
+    var firstKey = scrollPositionCache.keys().next().value;
+    scrollPositionCache.delete(firstKey);
+  }
+  scrollPositionCache.set(key, {
+    value: value,
+    timestamp: Date.now()
+  });
+  return value;
+}
+
+// 获取缓存的滚动位置计算结果
+function getCachedScrollPosition(key) {
+  var maxAge = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
+
+  var cached = scrollPositionCache.get(key);
+  if (cached && Date.now() - cached.timestamp < maxAge) {
+    return cached.value;
+  }
+  return null;
+}
+
+// 清理过期缓存
+function cleanupScrollCache() {
+  var now = Date.now();
+  for (var _iterator = scrollPositionCache.entries(), _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
+    var _ref2;
+
+    if (_isArray) {
+      if (_i >= _iterator.length) break;
+      _ref2 = _iterator[_i++];
+    } else {
+      _i = _iterator.next();
+      if (_i.done) break;
+      _ref2 = _i.value;
+    }
+
+    var _ref = _ref2;
+    var key = _ref[0];
+    var value = _ref[1];
+
+    if (now - value.timestamp > 500) {
+      scrollPositionCache.delete(key);
+    }
+  }
+}
+
+// 定期清理缓存
+setInterval(cleanupScrollCache, 5000);
+
+function renderThumbStyle(_ref3) {
+  var move = _ref3.move,
+      size = _ref3.size,
+      bar = _ref3.bar;
+
+  // 创建缓存键
+  var cacheKey = bar.key + '-' + move + '-' + size;
+
+  // 尝试从缓存获取
+  var cachedStyle = getCachedScrollPosition(cacheKey);
+  if (cachedStyle) {
+    return cachedStyle;
+  }
+
+  var style = {};
+  var translate = 'translate' + bar.axis + '(' + move + '%)';
+
+  style[bar.size] = size;
+  style.transform = translate;
+  style.msTransform = translate;
+  style.webkitTransform = translate;
+  // 启用 GPU 加速
+  style.willChange = 'transform';
+  // 优化重排性能
+  style.position = 'relative';
+
+  // 缓存计算结果
+  return cacheScrollPosition(cacheKey, style);
+};
+/* istanbul ignore next */
+/* harmony default export */ __webpack_exports__["a"] = ({
+  name: 'Bar',
+
+  props: {
+    vertical: Boolean,
+    size: String,
+    move: Number,
+    scrollWrap: {
+      type: HTMLElement,
+      default: null
+    }
+
+  },
+
+  data: function data() {
+    return {
+      cursorDown: false
+    };
+  },
+
+
+  computed: {
+    /**
+     * 根据方向获取滚动条配置
+     * @returns {Object} 滚动条配置对象
+     */
+    barConfig: function barConfig() {
+      return BAR_MAP[this.vertical ? 'vertical' : 'horizontal'];
+    },
+
+
+    /**
+     * 获取父组件的bodyWrapper引用
+     * @returns {HTMLElement|null} 滚动容器元素
+     */
+    scrollWrapper: function scrollWrapper() {
+      return this.$parent && this.$parent.bodyWrapper || this.scrollWrap || null;
+    }
+  },
+
+  methods: {
+    /**
+     * 点击滑块处理函数
+     * @param {MouseEvent} event - 鼠标事件对象
+     */
+    handleThumbClick: function handleThumbClick(event) {
+      // 防止右键点击和Ctrl+点击
+      if (event.ctrlKey || event.button === 2) {
+        return;
+      }
+
+      // 阻止文本选择和上下文菜单
+      this.disableUserSelection();
+      this.startDrag(event);
+
+      var currentTarget = event.currentTarget;
+      var _barConfig = this.barConfig,
+          client = _barConfig.client,
+          direction = _barConfig.direction,
+          axis = _barConfig.axis;
+
+      // 记录鼠标点击位置相对于滑块的位置
+      // 这是鼠标在滑块内部的偏移量，用于保持拖动时的相对位置
+
+      var thumbRect = currentTarget.getBoundingClientRect();
+      this[axis] = event[client] - thumbRect[direction];
+    },
+
+
+    /**
+     * 点击轨道处理函数
+     * @param {MouseEvent} event - 鼠标事件对象
+     */
+    handleTrackClick: function handleTrackClick(event) {
+      if (!this.scrollWrapper) return;
+
+      var _barConfig2 = this.barConfig,
+          direction = _barConfig2.direction,
+          client = _barConfig2.client,
+          offset = _barConfig2.offset,
+          scroll = _barConfig2.scroll,
+          scrollSize = _barConfig2.scrollSize;
+      var target = event.target;
+
+      var thumbElement = this.$refs.thumb;
+
+      if (!thumbElement) return;
+
+      // 计算点击位置到轨道起始的距离
+      var clickOffset = Math.abs(target.getBoundingClientRect()[direction] - event[client]);
+
+      // 计算滑块的一半宽度/高度
+      var thumbHalfSize = thumbElement[offset] / 2;
+
+      // 计算滑块位置百分比
+      var thumbPositionPercentage = (clickOffset - thumbHalfSize) * 100 / this.$el[offset];
+
+      // 设置滚动位置
+      this.scrollWrapper[scroll] = thumbPositionPercentage * this.scrollWrapper[scrollSize] / 100;
+    },
+
+
+    /**
+     * 开始拖动处理
+     * @param {MouseEvent} event - 鼠标事件对象
+     */
+    startDrag: function startDrag(event) {
+      event.stopImmediatePropagation();
+      this.cursorDown = true;
+
+      // 添加事件监听器
+      Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* on */ "g"])(document, 'mousemove', this.handleMouseMove);
+      Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* on */ "g"])(document, 'mouseup', this.handleMouseUp);
+      document.onselectstart = function () {
+        return false;
+      };
+    },
+
+
+    /**
+     * 鼠标移动处理函数
+     * @param {MouseEvent} event - 鼠标事件对象
+     */
+    handleMouseMove: function handleMouseMove(event) {
+      if (!this.cursorDown) return;
+
+      var _barConfig3 = this.barConfig,
+          axis = _barConfig3.axis,
+          direction = _barConfig3.direction,
+          client = _barConfig3.client,
+          offset = _barConfig3.offset,
+          scroll = _barConfig3.scroll,
+          scrollSize = _barConfig3.scrollSize;
+
+      var prevPage = this[axis];
+
+      if (!prevPage || !this.scrollWrapper) return;
+
+      // 阻止文本选择和上下文菜单
+      this.disableUserSelection();
+
+      // 计算鼠标相对于轨道的位置
+      var trackRect = this.$el.getBoundingClientRect();
+      var mousePosition = event[client] - trackRect[direction];
+
+      // 计算滑块应该移动到的位置（考虑鼠标在滑块内部的偏移量）
+      var thumbPosition = mousePosition - prevPage;
+
+      // 确保滑块位置在轨道范围内
+      var maxThumbPosition = this.$el[offset] - (this.$refs.thumb && this.$refs.thumb[offset] || 0);
+      var clampedThumbPosition = Math.max(0, Math.min(thumbPosition, maxThumbPosition));
+
+      // 计算滑块位置百分比
+      var thumbPositionPercentage = clampedThumbPosition * 100 / (this.$el[offset] || 1);
+
+      // 计算并设置滚动位置
+      var scrollPosition = thumbPositionPercentage * this.scrollWrapper[scrollSize] / 100;
+
+      this.scrollWrapper[scroll] = scrollPosition;
+      this.$emit('move', scroll, scrollPosition);
+    },
+
+
+    /**
+     * 鼠标释放处理函数
+     */
+    handleMouseUp: function handleMouseUp() {
+      this.cursorDown = false;
+      var axis = this.barConfig.axis;
+
+      this[axis] = 0;
+
+      // 移除事件监听器
+      Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* off */ "f"])(document, 'mousemove', this.handleMouseMove);
+
+      // 恢复文本选择和上下文菜单
+      this.restoreUserSelection();
+    },
+
+
+    /**
+     * 禁用用户选择和上下文菜单
+     */
+    disableUserSelection: function disableUserSelection() {
+      document.body.onselectstart = document.body.oncontextmenu = function () {
+        return false;
+      };
+    },
+
+
+    /**
+     * 恢复用户选择和上下文菜单
+     */
+    restoreUserSelection: function restoreUserSelection() {
+      document.onselectstart = null;
+      document.body.onselectstart = document.body.oncontextmenu = function () {
+        return true;
+      };
+    }
+  },
+
+  render: function render() {
+    var h = arguments[0];
+    var size = this.size,
+        move = this.move,
+        barConfig = this.barConfig;
+
+
+    return h(
+      'div',
+      {
+        'class': ['es-scrollbar__bar', 'is-' + barConfig.key],
+        on: {
+          'mousedown': this.handleTrackClick
+        }
+      },
+      [h('div', {
+        ref: 'thumb',
+        'class': 'es-scrollbar__thumb',
+        on: {
+          'mousedown': this.handleThumbClick
+        },
+
+        style: renderThumbStyle({ size: size, move: move, bar: barConfig })
+      })]
+    );
+  },
+  destroyed: function destroyed() {
+    // 清理事件监听器
+    Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* off */ "f"])(document, 'mouseup', this.handleMouseUp);
+    Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* off */ "f"])(document, 'mousemove', this.handleMouseMove);
+
+    // 确保恢复用户选择功能
+    this.restoreUserSelection();
+  }
+});
+
+/***/ }),
+/* 39 */
 /***/ (function(module, exports) {
 
 module.exports = require("eoss/lib/checkbox");
 
 /***/ }),
-/* 39 */
+/* 40 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8369,7 +8740,7 @@ module.exports = require("eoss/lib/checkbox");
 });;
 
 /***/ }),
-/* 40 */
+/* 41 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9759,7 +10130,7 @@ var component = Object(componentNormalizer["a" /* default */])(
 /* harmony default export */ var picker = __webpack_exports__["a"] = (component.exports);
 
 /***/ }),
-/* 41 */
+/* 42 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
@@ -11189,7 +11560,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
 
 
 /***/ }),
-/* 42 */
+/* 43 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11318,368 +11689,11 @@ aria.Utils.keys = {
 /* harmony default export */ __webpack_exports__["a"] = (aria.Utils);
 
 /***/ }),
-/* 43 */
+/* 44 */
 /***/ (function(module, exports) {
 
 module.exports = require("sortablejs");
 
-/***/ }),
-/* 44 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/**
- * 滚动条组件 - 处理表格的垂直和水平滚动条
- */
-
-
-var BAR_MAP = {
-  vertical: {
-    offset: 'offsetHeight',
-    scroll: 'scrollTop',
-    scrollSize: 'scrollHeight',
-    size: 'height',
-    key: 'vertical',
-    axis: 'Y',
-    client: 'clientY',
-    direction: 'top'
-  },
-  horizontal: {
-    offset: 'offsetWidth',
-    scroll: 'scrollLeft',
-    scrollSize: 'scrollWidth',
-    size: 'width',
-    key: 'horizontal',
-    axis: 'X',
-    client: 'clientX',
-    direction: 'left'
-  }
-};
-
-// 计算滚动位置的缓存
-var scrollPositionCache = new Map();
-
-// 缓存滚动位置计算结果
-function cacheScrollPosition(key, value) {
-  // 限制缓存大小
-  if (scrollPositionCache.size > 100) {
-    var firstKey = scrollPositionCache.keys().next().value;
-    scrollPositionCache.delete(firstKey);
-  }
-  scrollPositionCache.set(key, {
-    value: value,
-    timestamp: Date.now()
-  });
-  return value;
-}
-
-// 获取缓存的滚动位置计算结果
-function getCachedScrollPosition(key) {
-  var maxAge = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
-
-  var cached = scrollPositionCache.get(key);
-  if (cached && Date.now() - cached.timestamp < maxAge) {
-    return cached.value;
-  }
-  return null;
-}
-
-// 清理过期缓存
-function cleanupScrollCache() {
-  var now = Date.now();
-  for (var _iterator = scrollPositionCache.entries(), _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
-    var _ref2;
-
-    if (_isArray) {
-      if (_i >= _iterator.length) break;
-      _ref2 = _iterator[_i++];
-    } else {
-      _i = _iterator.next();
-      if (_i.done) break;
-      _ref2 = _i.value;
-    }
-
-    var _ref = _ref2;
-    var key = _ref[0];
-    var value = _ref[1];
-
-    if (now - value.timestamp > 500) {
-      scrollPositionCache.delete(key);
-    }
-  }
-}
-
-// 定期清理缓存
-setInterval(cleanupScrollCache, 5000);
-
-function renderThumbStyle(_ref3) {
-  var move = _ref3.move,
-      size = _ref3.size,
-      bar = _ref3.bar;
-
-  // 创建缓存键
-  var cacheKey = bar.key + '-' + move + '-' + size;
-
-  // 尝试从缓存获取
-  var cachedStyle = getCachedScrollPosition(cacheKey);
-  if (cachedStyle) {
-    return cachedStyle;
-  }
-
-  var style = {};
-  var translate = 'translate' + bar.axis + '(' + move + '%)';
-
-  style[bar.size] = size;
-  style.transform = translate;
-  style.msTransform = translate;
-  style.webkitTransform = translate;
-  // 启用 GPU 加速
-  style.willChange = 'transform';
-  // 优化重排性能
-  style.position = 'relative';
-
-  // 缓存计算结果
-  return cacheScrollPosition(cacheKey, style);
-};
-/* istanbul ignore next */
-/* harmony default export */ __webpack_exports__["a"] = ({
-  name: 'Bar',
-
-  props: {
-    vertical: Boolean,
-    size: String,
-    move: Number,
-    scrollWrap: {
-      type: HTMLElement,
-      default: null
-    }
-
-  },
-
-  data: function data() {
-    return {
-      cursorDown: false
-    };
-  },
-
-
-  computed: {
-    /**
-     * 根据方向获取滚动条配置
-     * @returns {Object} 滚动条配置对象
-     */
-    barConfig: function barConfig() {
-      return BAR_MAP[this.vertical ? 'vertical' : 'horizontal'];
-    },
-
-
-    /**
-     * 获取父组件的bodyWrapper引用
-     * @returns {HTMLElement|null} 滚动容器元素
-     */
-    scrollWrapper: function scrollWrapper() {
-      return this.$parent && this.$parent.bodyWrapper || this.scrollWrap || null;
-    }
-  },
-
-  methods: {
-    /**
-     * 点击滑块处理函数
-     * @param {MouseEvent} event - 鼠标事件对象
-     */
-    handleThumbClick: function handleThumbClick(event) {
-      // 防止右键点击和Ctrl+点击
-      if (event.ctrlKey || event.button === 2) {
-        return;
-      }
-
-      // 阻止文本选择和上下文菜单
-      this.disableUserSelection();
-      this.startDrag(event);
-
-      var currentTarget = event.currentTarget;
-      var _barConfig = this.barConfig,
-          client = _barConfig.client,
-          direction = _barConfig.direction,
-          axis = _barConfig.axis;
-
-      // 记录鼠标点击位置相对于滑块的位置
-      // 这是鼠标在滑块内部的偏移量，用于保持拖动时的相对位置
-
-      var thumbRect = currentTarget.getBoundingClientRect();
-      this[axis] = event[client] - thumbRect[direction];
-    },
-
-
-    /**
-     * 点击轨道处理函数
-     * @param {MouseEvent} event - 鼠标事件对象
-     */
-    handleTrackClick: function handleTrackClick(event) {
-      if (!this.scrollWrapper) return;
-
-      var _barConfig2 = this.barConfig,
-          direction = _barConfig2.direction,
-          client = _barConfig2.client,
-          offset = _barConfig2.offset,
-          scroll = _barConfig2.scroll,
-          scrollSize = _barConfig2.scrollSize;
-      var target = event.target;
-
-      var thumbElement = this.$refs.thumb;
-
-      if (!thumbElement) return;
-
-      // 计算点击位置到轨道起始的距离
-      var clickOffset = Math.abs(target.getBoundingClientRect()[direction] - event[client]);
-
-      // 计算滑块的一半宽度/高度
-      var thumbHalfSize = thumbElement[offset] / 2;
-
-      // 计算滑块位置百分比
-      var thumbPositionPercentage = (clickOffset - thumbHalfSize) * 100 / this.$el[offset];
-
-      // 设置滚动位置
-      this.scrollWrapper[scroll] = thumbPositionPercentage * this.scrollWrapper[scrollSize] / 100;
-    },
-
-
-    /**
-     * 开始拖动处理
-     * @param {MouseEvent} event - 鼠标事件对象
-     */
-    startDrag: function startDrag(event) {
-      event.stopImmediatePropagation();
-      this.cursorDown = true;
-
-      // 添加事件监听器
-      Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* on */ "g"])(document, 'mousemove', this.handleMouseMove);
-      Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* on */ "g"])(document, 'mouseup', this.handleMouseUp);
-      document.onselectstart = function () {
-        return false;
-      };
-    },
-
-
-    /**
-     * 鼠标移动处理函数
-     * @param {MouseEvent} event - 鼠标事件对象
-     */
-    handleMouseMove: function handleMouseMove(event) {
-      if (!this.cursorDown) return;
-
-      var _barConfig3 = this.barConfig,
-          axis = _barConfig3.axis,
-          direction = _barConfig3.direction,
-          client = _barConfig3.client,
-          offset = _barConfig3.offset,
-          scroll = _barConfig3.scroll,
-          scrollSize = _barConfig3.scrollSize;
-
-      var prevPage = this[axis];
-
-      if (!prevPage || !this.scrollWrapper) return;
-
-      // 阻止文本选择和上下文菜单
-      this.disableUserSelection();
-
-      // 计算鼠标相对于轨道的位置
-      var trackRect = this.$el.getBoundingClientRect();
-      var mousePosition = event[client] - trackRect[direction];
-
-      // 计算滑块应该移动到的位置（考虑鼠标在滑块内部的偏移量）
-      var thumbPosition = mousePosition - prevPage;
-
-      // 确保滑块位置在轨道范围内
-      var maxThumbPosition = this.$el[offset] - (this.$refs.thumb && this.$refs.thumb[offset] || 0);
-      var clampedThumbPosition = Math.max(0, Math.min(thumbPosition, maxThumbPosition));
-
-      // 计算滑块位置百分比
-      var thumbPositionPercentage = clampedThumbPosition * 100 / (this.$el[offset] || 1);
-
-      // 计算并设置滚动位置
-      var scrollPosition = thumbPositionPercentage * this.scrollWrapper[scrollSize] / 100;
-
-      this.scrollWrapper[scroll] = scrollPosition;
-      this.$emit('move', scroll, scrollPosition);
-    },
-
-
-    /**
-     * 鼠标释放处理函数
-     */
-    handleMouseUp: function handleMouseUp() {
-      this.cursorDown = false;
-      var axis = this.barConfig.axis;
-
-      this[axis] = 0;
-
-      // 移除事件监听器
-      Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* off */ "f"])(document, 'mousemove', this.handleMouseMove);
-
-      // 恢复文本选择和上下文菜单
-      this.restoreUserSelection();
-    },
-
-
-    /**
-     * 禁用用户选择和上下文菜单
-     */
-    disableUserSelection: function disableUserSelection() {
-      document.body.onselectstart = document.body.oncontextmenu = function () {
-        return false;
-      };
-    },
-
-
-    /**
-     * 恢复用户选择和上下文菜单
-     */
-    restoreUserSelection: function restoreUserSelection() {
-      document.onselectstart = null;
-      document.body.onselectstart = document.body.oncontextmenu = function () {
-        return true;
-      };
-    }
-  },
-
-  render: function render() {
-    var h = arguments[0];
-    var size = this.size,
-        move = this.move,
-        barConfig = this.barConfig;
-
-
-    return h(
-      'div',
-      {
-        'class': ['es-scrollbar__bar', 'is-' + barConfig.key],
-        on: {
-          'mousedown': this.handleTrackClick
-        }
-      },
-      [h('div', {
-        ref: 'thumb',
-        'class': 'es-scrollbar__thumb',
-        on: {
-          'mousedown': this.handleThumbClick
-        },
-
-        style: renderThumbStyle({ size: size, move: move, bar: barConfig })
-      })]
-    );
-  },
-  destroyed: function destroyed() {
-    // 清理事件监听器
-    Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* off */ "f"])(document, 'mouseup', this.handleMouseUp);
-    Object(eoss_src_utils_dom__WEBPACK_IMPORTED_MODULE_0__[/* off */ "f"])(document, 'mousemove', this.handleMouseMove);
-
-    // 确保恢复用户选择功能
-    this.restoreUserSelection();
-  }
-});
-
 /***/ }),
 /* 45 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -14666,7 +14680,7 @@ render._withStripped = true
 // CONCATENATED MODULE: ./packages/checkbox/src/checkbox-group.vue?vue&type=template&id=61423f1a&
 
 // EXTERNAL MODULE: external "sortablejs"
-var external_sortablejs_ = __webpack_require__(43);
+var external_sortablejs_ = __webpack_require__(44);
 var external_sortablejs_default = /*#__PURE__*/__webpack_require__.n(external_sortablejs_);
 
 // EXTERNAL MODULE: ./src/mixins/emitter.js
@@ -15823,7 +15837,7 @@ module.exports = require("eoss/lib/checkbox-group");
 "use strict";
 
 // EXTERNAL MODULE: ./packages/date-picker/src/picker.vue + 4 modules
-var picker = __webpack_require__(40);
+var picker = __webpack_require__(41);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/date.vue?vue&type=template&id=0b75538a&
 var render = function () {
@@ -22440,7 +22454,7 @@ render._withStripped = true
 var emitter = __webpack_require__(10);
 
 // EXTERNAL MODULE: ./src/mixins/focus.js
-var mixins_focus = __webpack_require__(39);
+var mixins_focus = __webpack_require__(40);
 
 // EXTERNAL MODULE: external "eoss/lib/input"
 var input_ = __webpack_require__(17);
@@ -22893,16 +22907,16 @@ var scrollbar_ = __webpack_require__(33);
 var scrollbar_default = /*#__PURE__*/__webpack_require__.n(scrollbar_);
 
 // EXTERNAL MODULE: external "throttle-debounce"
-var external_throttle_debounce_ = __webpack_require__(14);
+var external_throttle_debounce_ = __webpack_require__(15);
 
 // EXTERNAL MODULE: ./src/utils/clickoutside.js
 var clickoutside = __webpack_require__(19);
 
 // EXTERNAL MODULE: ./src/utils/resize-event.js
-var resize_event = __webpack_require__(26);
+var resize_event = __webpack_require__(23);
 
 // EXTERNAL MODULE: ./src/utils/scrollbar.js
-var scrollbar = __webpack_require__(15);
+var scrollbar = __webpack_require__(14);
 
 // EXTERNAL MODULE: ./src/utils/util.js
 var util = __webpack_require__(0);
@@ -26084,7 +26098,7 @@ var radio_ = __webpack_require__(58);
 var radio_default = /*#__PURE__*/__webpack_require__.n(radio_);
 
 // EXTERNAL MODULE: external "eoss/lib/checkbox"
-var checkbox_ = __webpack_require__(38);
+var checkbox_ = __webpack_require__(39);
 var checkbox_default = /*#__PURE__*/__webpack_require__.n(checkbox_);
 
 // EXTERNAL MODULE: external "eoss/lib/tooltip"
@@ -26508,13 +26522,13 @@ var component = Object(componentNormalizer["a" /* default */])(
 var dom = __webpack_require__(5);
 
 // EXTERNAL MODULE: ./src/components/bar.js
-var bar = __webpack_require__(44);
+var bar = __webpack_require__(38);
 
 // EXTERNAL MODULE: ./src/utils/scrollbar.js
-var scrollbar = __webpack_require__(15);
+var scrollbar = __webpack_require__(14);
 
 // EXTERNAL MODULE: external "throttle-debounce"
-var external_throttle_debounce_ = __webpack_require__(14);
+var external_throttle_debounce_ = __webpack_require__(15);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/src/tree.vue?vue&type=script&lang=js&
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
@@ -29265,7 +29279,7 @@ var checkbox_group_ = __webpack_require__(59);
 var checkbox_group_default = /*#__PURE__*/__webpack_require__.n(checkbox_group_);
 
 // EXTERNAL MODULE: external "eoss/lib/checkbox"
-var checkbox_ = __webpack_require__(38);
+var checkbox_ = __webpack_require__(39);
 var checkbox_default = /*#__PURE__*/__webpack_require__.n(checkbox_);
 
 // EXTERNAL MODULE: external "eoss/lib/input"
@@ -30464,7 +30478,7 @@ var merge = __webpack_require__(16);
 var shared = __webpack_require__(34);
 
 // EXTERNAL MODULE: ./src/utils/resize-event.js
-var resize_event = __webpack_require__(26);
+var resize_event = __webpack_require__(23);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/input/src/input.vue?vue&type=script&lang=js&
 //
@@ -31261,7 +31275,7 @@ var component = Object(componentNormalizer["a" /* default */])(
 "use strict";
 
 // EXTERNAL MODULE: ./packages/date-picker/src/picker.vue + 4 modules
-var picker = __webpack_require__(40);
+var picker = __webpack_require__(41);
 
 // EXTERNAL MODULE: ./packages/date-picker/src/panel/time.vue + 4 modules
 var time = __webpack_require__(36);
@@ -31742,7 +31756,7 @@ var component = Object(componentNormalizer["a" /* default */])(
 "use strict";
 
 // EXTERNAL MODULE: ./packages/date-picker/src/picker.vue + 4 modules
-var picker = __webpack_require__(40);
+var picker = __webpack_require__(41);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/time-select.vue?vue&type=template&id=b7794f0e&
 var render = function () {
@@ -31823,7 +31837,7 @@ var scrollbar_ = __webpack_require__(33);
 var scrollbar_default = /*#__PURE__*/__webpack_require__.n(scrollbar_);
 
 // EXTERNAL MODULE: ./src/utils/scrollbar.js
-var scrollbar = __webpack_require__(15);
+var scrollbar = __webpack_require__(14);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/date-picker/src/panel/time-select.vue?vue&type=script&lang=js&
 //
@@ -32413,7 +32427,7 @@ var emitter = __webpack_require__(10);
 var migrating = __webpack_require__(27);
 
 // EXTERNAL MODULE: ./src/utils/aria-utils.js
-var aria_utils = __webpack_require__(42);
+var aria_utils = __webpack_require__(43);
 
 // EXTERNAL MODULE: ./src/utils/util.js
 var util = __webpack_require__(0);
@@ -32425,10 +32439,10 @@ var types = __webpack_require__(6);
 var shared = __webpack_require__(34);
 
 // EXTERNAL MODULE: ./src/utils/resize-event.js
-var resize_event = __webpack_require__(26);
+var resize_event = __webpack_require__(23);
 
 // EXTERNAL MODULE: external "throttle-debounce"
-var external_throttle_debounce_ = __webpack_require__(14);
+var external_throttle_debounce_ = __webpack_require__(15);
 
 // EXTERNAL MODULE: external "eoss/lib/input"
 var input_ = __webpack_require__(17);
@@ -33643,7 +33657,7 @@ var input_ = __webpack_require__(17);
 var input_default = /*#__PURE__*/__webpack_require__.n(input_);
 
 // EXTERNAL MODULE: ./src/mixins/focus.js
-var mixins_focus = __webpack_require__(39);
+var mixins_focus = __webpack_require__(40);
 
 // EXTERNAL MODULE: ./src/directives/repeat-click.js
 var repeat_click = __webpack_require__(45);
@@ -34143,7 +34157,7 @@ var component = Object(componentNormalizer["a" /* default */])(
 
 "use strict";
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/selector/src/selector.vue?vue&type=template&id=fdd3601c&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/selector/src/selector.vue?vue&type=template&id=0c8fe702&
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -34261,38 +34275,66 @@ var render = function () {
                   ref: "tags",
                   staticClass: "es-selector__tags",
                   class: { "es-selector-edit": !_vm.readonly },
+                  style: _vm.styles,
                 },
                 [
                   _c(
-                    "transition-group",
-                    _vm._l(_vm.selected, function (item, index) {
-                      return _c(
-                        "es-tag",
-                        {
-                          key: _vm.getValueKey(item),
-                          attrs: {
-                            closable:
-                              !_vm._disabled &&
-                              !_vm.readonly &&
-                              _vm.selected.length > _vm.min,
-                            type: "info",
-                            "disable-transitions": "",
-                          },
-                          on: {
-                            close: function ($event) {
-                              return _vm.deleteTag($event, item, index)
+                    "div",
+                    {
+                      ref: "tagsWrapper",
+                      staticClass: "es-selector__tags--wrapper",
+                      style: _vm.tagsStyle,
+                      on: { scroll: _vm.handleScroll, wheel: _vm.handleWheel },
+                    },
+                    [
+                      _c(
+                        "transition-group",
+                        _vm._l(_vm.selected, function (item, index) {
+                          return _c(
+                            "es-tag",
+                            {
+                              key: _vm.getValueKey(item),
+                              attrs: {
+                                closable:
+                                  !_vm._disabled &&
+                                  !_vm.readonly &&
+                                  _vm.selected.length > _vm.min,
+                                type: "info",
+                                "disable-transitions": "",
+                              },
+                              on: {
+                                close: function ($event) {
+                                  return _vm.deleteTag($event, item, index)
+                                },
+                              },
                             },
-                          },
-                        },
-                        [
-                          _c("span", { staticClass: "es-select__tags-text" }, [
-                            _vm._v(_vm._s(_vm.getLabel(item))),
-                          ]),
-                        ]
-                      )
-                    }),
+                            [
+                              _c(
+                                "span",
+                                { staticClass: "es-select__tags-text" },
+                                [_vm._v(_vm._s(_vm.getLabel(item)))]
+                              ),
+                            ]
+                          )
+                        }),
+                        1
+                      ),
+                    ],
                     1
                   ),
+                  _vm.barSize
+                    ? _c("bar", {
+                        style: {
+                          top: "2px",
+                          bottom: "2px",
+                        },
+                        attrs: {
+                          vertical: "",
+                          move: _vm.moveTo,
+                          size: _vm.barSize,
+                        },
+                      })
+                    : _vm._e(),
                 ],
                 1
               )
@@ -34369,7 +34411,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/selector/src/selector.vue?vue&type=template&id=fdd3601c&
+// CONCATENATED MODULE: ./packages/selector/src/selector.vue?vue&type=template&id=0c8fe702&
 
 // EXTERNAL MODULE: ./src/utils/util.js
 var util = __webpack_require__(0);
@@ -34389,6 +34431,15 @@ var ajax = __webpack_require__(9);
 // EXTERNAL MODULE: ./src/utils/storage.js
 var storage = __webpack_require__(2);
 
+// EXTERNAL MODULE: ./src/components/bar.js
+var bar = __webpack_require__(38);
+
+// EXTERNAL MODULE: ./src/utils/resize-event.js
+var resize_event = __webpack_require__(23);
+
+// EXTERNAL MODULE: ./src/utils/scrollbar.js
+var scrollbar = __webpack_require__(14);
+
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/selector/src/selector.vue?vue&type=script&lang=js&
 //
 //
@@ -34496,6 +34547,25 @@ var storage = __webpack_require__(2);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -34554,6 +34624,9 @@ var storage = __webpack_require__(2);
  * @events {Function} tabs-change - 标签切换时触发
  * @events {Function} clear - 清空时触发
  */
+
+
+
 /* harmony default export */ var selectorvue_type_script_lang_js_ = ({
   name: 'EsSelector',
   inheritAttrs: false,
@@ -34566,7 +34639,16 @@ var storage = __webpack_require__(2);
     }
   },
   directives: { Clickoutside: clickoutside["a" /* default */] },
+  components: {
+    Bar: bar["a" /* default */]
+  },
   props: {
+    /**
+     * 结果展示面板最大高度
+     * @type {String}
+     * @default ''
+     */
+    maxHeight: [String, Number],
     /**
      * 是否显示三级公司（仅针对 types 包含'enterprise'）
      * @type {Boolean}
@@ -34903,18 +34985,37 @@ var storage = __webpack_require__(2);
       visible: false,
       menuVisibleOnFocus: false,
       inputHovering: false,
-      styles: {},
+      //styles: {},
       words: '',
       minWidth: '',
       options: '',
       show: false,
       focus: false,
       reference: undefined,
-      timer: null
+      timer: null,
+      tagsHeight: 0,
+      moveTo: 0,
+      barSize: 0,
+      scrollbarWidth: 0
     };
   },
 
   computed: {
+    styles: function styles() {
+      return this.tagsHeight ? { 'max-height': this.tagsHeight + 'px', overflow: 'hidden' } : {};
+    },
+    tagsStyle: function tagsStyle() {
+      return this.tagsHeight ? {
+        'max-height': this.tagsHeight + 'px',
+        overflowY: 'scroll',
+        width: 'calc(100% + ' + this.scrollbarWidth + 'px)'
+      } : {};
+    },
+
+    // 滚动容器
+    bodyWrapper: function bodyWrapper() {
+      return this.$refs.tagsWrapper;
+    },
     showButton: function showButton() {
       return this.button !== false;
     },
@@ -35011,6 +35112,13 @@ var storage = __webpack_require__(2);
       if (val) {
         this.getSysParam();
       }
+    },
+
+    maxHeight: {
+      immediate: true,
+      handler: function handler() {
+        this.getHeight();
+      }
     }
   },
   created: function created() {
@@ -35020,6 +35128,7 @@ var storage = __webpack_require__(2);
   mounted: function mounted() {
     var _this2 = this;
 
+    this.scrollbarWidth = Object(scrollbar["b" /* getScrollbarWidth */])();
     //this.resetInputHeight();
     if (this.filterable) {
       this.$nextTick(function () {
@@ -35031,6 +35140,15 @@ var storage = __webpack_require__(2);
         _this2.openDialog();
       });
     }
+    // 监听父元素高度变化，自动重新计算展示高度
+    if (this.maxHeight === 'auto' && this.$el.parentNode) {
+      this.resizeParent = this.$el.parentNode;
+      this.handleParentResize = function () {
+        // 高度计算完成并应用到 DOM 后，再计算滚动条大小
+        _this2.getHeight(_this2.getSize);
+      };
+      Object(resize_event["a" /* addResizeListener */])(this.resizeParent, this.handleParentResize);
+    }
   },
 
   methods: {
@@ -35174,6 +35292,8 @@ var storage = __webpack_require__(2);
      * @param {any} res - 选择的数据
      */
     handleConfirm: function handleConfirm(res) {
+      var _this3 = this;
+
       var val = Object(types["d" /* isObject */])(res) ? [res] : res;
       if (this.mix) {
         val.forEach(function (item, index) {
@@ -35183,6 +35303,9 @@ var storage = __webpack_require__(2);
       this.$emit('input', val);
       this.$emit('confirm', val, this.businessData);
       this.visible = false;
+      this.$nextTick(function () {
+        _this3.getSize();
+      });
     },
     handleClear: function handleClear() {
       this.$emit('input', []);
@@ -35236,15 +35359,70 @@ var storage = __webpack_require__(2);
         tag = this.getDep(res);
       }
       return tag + (typeof res == 'string' ? res : res[this.labelKey] ? res[this.labelKey] : res.label || res[this.valueKey]);
+    },
+
+    //  获取展示高度
+    getHeight: function getHeight(callback) {
+      var _this4 = this;
+
+      if (!this.maxHeight) {
+        return;
+      }
+      if (this.maxHeight === 'auto') {
+        this.$nextTick(function () {
+          var inputHeight = _this4.$refs.reference.$el.offsetHeight || 0;
+          var height = _this4.$el.parentNode.offsetHeight;
+          var style = window.getComputedStyle(_this4.$el.parentNode);
+          var borderTop = parseFloat(style.borderTopWidth) || 0;
+          var borderBottom = parseFloat(style.borderBottomWidth) || 0;
+          var paddingTop = parseFloat(style.paddingTop) || 0;
+          var paddingBottom = parseFloat(style.paddingBottom) || 0;
+          _this4.tagsHeight = height - inputHeight - borderTop - borderBottom - paddingTop - paddingBottom;
+          // 必须等 tagsHeight 应用到 DOM 后再执行回调，不能挪到外层
+          typeof callback === 'function' && _this4.$nextTick(callback);
+        });
+      } else {
+        this.tagsHeight = parseInt(this.maxHeight, 10);
+      }
+    },
+
+    //  获取滚动条大小
+    getSize: function getSize() {
+      if (this.$refs.tagsWrapper) {
+        var size = Object(scrollbar["a" /* getScrollSize */])(this.$refs.tagsWrapper);
+        this.barSize = size.height;
+        return;
+      }
+      this.barSize = 0;
+    },
+
+    //  处理滚轮事件，阻止冒泡
+    handleWheel: function handleWheel(e) {
+      this.barSize && e.stopPropagation();
+    },
+
+    //  处理滚动事件
+    handleScroll: function handleScroll() {
+      var _scrollMove = Object(scrollbar["d" /* scrollMove */])(this.$refs.tagsWrapper),
+          x = _scrollMove.x,
+          y = _scrollMove.y;
+
+      this.moveTo = this.mode === 'horizontal' ? x : y;
     }
   },
   beforeDestroy: function beforeDestroy() {
-    var _this3 = this;
+    var _this5 = this;
 
     this.$el.removeEventListener('keyup', this.doSearch);
+    // 移除父元素高度变化监听
+    if (this.resizeParent && this.handleParentResize) {
+      Object(resize_event["b" /* removeResizeListener */])(this.resizeParent, this.handleParentResize);
+      this.resizeParent = null;
+      this.handleParentResize = null;
+    }
     if (this.$refs.openDialog) {
       this.$refs.openDialog.$el.parentNode.removeEventListener('click', function () {
-        _this3.openDialog();
+        _this5.openDialog();
       });
     }
   }
@@ -35401,7 +35579,7 @@ render._withStripped = true
 var emitter = __webpack_require__(10);
 
 // EXTERNAL MODULE: ./src/mixins/focus.js
-var mixins_focus = __webpack_require__(39);
+var mixins_focus = __webpack_require__(40);
 
 // EXTERNAL MODULE: ./src/mixins/migrating.js
 var migrating = __webpack_require__(27);
@@ -38859,7 +39037,10 @@ var component = Object(componentNormalizer["a" /* default */])(
 /* 185 */,
 /* 186 */,
 /* 187 */,
-/* 188 */
+/* 188 */,
+/* 189 */,
+/* 190 */,
+/* 191 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";