shineout 3.4.3-beta.4 → 3.4.3-beta.5

package/cjs/index.js

@@ -492,5 +492,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.4.3-beta.4'
+  version: '3.4.3-beta.5'
 };

package/dist/shineout.js

@@ -11984,7 +11984,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.4.3-beta.4');
+/* harmony default export */ var version = ('3.4.3-beta.5');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -22437,9 +22437,6 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     marginBottom: src.selectPlaceholderMarginY
   },
   multiple: {
-    '& $optionInner': {
-      paddingRight: src.selectOptionInnerPaddingRight
-    },
     '& $compressedWrapper': {
       flexWrap: 'nowrap'
     },
@@ -22451,6 +22448,11 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   multipleCompressedWrapper: {
     flexWrap: 'nowrap'
   },
+  multipleList: {
+    '& $optionInner': {
+      paddingRight: src.selectOptionInnerPaddingRight
+    }
+  },
   loading: {
     padding: 10,
     display: 'flex',
@@ -28758,6 +28760,201 @@ function isInDocument(element) {
   }
   return is_isBrowser() && document.documentElement.contains(element);
 }
+;// CONCATENATED MODULE: ../hooks/src/utils/func.ts
+// 节流函数
+var throttle = function throttle(func, wait) {
+  var that = {
+    lock: false
+  };
+  if (!wait) return function () {
+    if (that.lock) return;
+    that.lock = true;
+    func.apply(void 0, arguments);
+    setTimeout(function () {
+      that.lock = false;
+    }, wait);
+  };
+};
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+var debounce = function debounce(func, delay) {
+  var that = {};
+  var cleanTimer = function cleanTimer() {
+    if (that.timer) {
+      clearTimeout(that.timer);
+      that.timer = null;
+    }
+  };
+  if (!delay) return [func, cleanTimer];
+  return [function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    cleanTimer();
+    that.timer = setTimeout(function () {
+      func.apply(void 0, args);
+    }, delay);
+  }, cleanTimer];
+};
+;// CONCATENATED MODULE: ../hooks/src/utils/dom/element.tsx
+
+var _this = undefined;
+
+
+
+
+/**
+ * 判断是否是两个中文字符
+ *
+ * @param str 文本内容
+ * @returns boolean
+ */
+
+var isTwoCNChar = function isTwoCNChar(str) {
+  return /^[\u4e00-\u9fa5]{2}$/.test(str);
+};
+var SPACE = ' ';
+
+/**
+ * 处理文本内容，如果是两个中文字符，插入空格
+ *
+ * @param children ReactNode
+ * @param insertSpace 是否需要插入空格
+ * @returns 处理后的 ReactNode
+ */
+function wrapSpan(children) {
+  var insertSpace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var className = arguments.length > 2 ? arguments[2] : undefined;
+  if (!children) return children;
+  return external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(children, function (item) {
+    if (typeof item === 'string') {
+      if (insertSpace && isTwoCNChar(item)) return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        children: item.split('').join(SPACE)
+      });
+      return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        className: className,
+        children: item
+      });
+    }
+    return item;
+  });
+}
+var addResizeObserver = function addResizeObserver(el, handler) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var direction = options.direction,
+    timer = options.timer;
+  var _debounce = debounce(handler, timer),
+    _debounce2 = slicedToArray_default()(_debounce, 2),
+    debounceHandler = _debounce2[0],
+    cleanTimer = _debounce2[1];
+  var h = debounceHandler;
+  var lastWidth;
+  var lastHeight;
+  if (window.ResizeObserver) {
+    if (direction) {
+      lastWidth = el.clientWidth;
+      lastHeight = el.clientHeight;
+      h = function h(entry) {
+        var _entry$0$contentRect = entry[0].contentRect,
+          width = _entry$0$contentRect.width,
+          height = _entry$0$contentRect.height;
+        if (width && direction === 'x') {
+          if (lastWidth !== width) {
+            debounceHandler(entry);
+          }
+        } else if (direction === 'y') {
+          if (height && lastHeight !== height) {
+            debounceHandler(entry);
+          }
+        } else if (lastWidth !== width || lastHeight !== height) {
+          debounceHandler(entry, {
+            x: lastWidth !== width,
+            y: lastHeight !== height
+          });
+        }
+        lastWidth = width;
+        lastHeight = height;
+      };
+    }
+    var observer = new ResizeObserver(h);
+    observer.observe(el);
+    return function () {
+      if (observer) {
+        observer.disconnect();
+      }
+      cleanTimer(_this);
+      observer = null;
+    };
+  }
+  window.addEventListener('resize', debounceHandler);
+  return function () {
+    window.removeEventListener('resize', handler);
+    cleanTimer();
+  };
+};
+function getParent(el, target) {
+  if (!target) {
+    return null;
+  }
+  var temp = el;
+  while (temp) {
+    if (typeof target === 'string') {
+      if (temp.matches && temp.matches(target)) {
+        return temp;
+      }
+    } else if (temp === target) {
+      return temp;
+    }
+    temp = temp.parentElement;
+  }
+  return null;
+}
+function getClosestScrollContainer(element) {
+  if (!element) {
+    return null;
+  }
+
+  // 检查元素是否可滚动
+  var isScrollable = function isScrollable(el) {
+    var style = window.getComputedStyle(el);
+    var overflowX = style.overflowX;
+    var overflowY = style.overflowY;
+    return (overflowX === 'auto' || overflowX === 'scroll' || overflowY === 'auto' || overflowY === 'scroll') && (el.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth);
+  };
+
+  // 如果元素本身是可滚动的，直接返回
+  if (isScrollable(element)) {
+    return element;
+  }
+
+  // 遍历父元素
+  var parent = element.parentElement;
+  while (parent) {
+    if (isScrollable(parent)) {
+      return parent;
+    }
+    parent = parent.parentElement;
+  }
+
+  // 如果没有找到可滚动的祖先，返回 body 或 documentElement
+  return document.scrollingElement || document.documentElement;
+}
+function cssSupport(attr, value) {
+  if (is_isBrowser()) {
+    var element = document.createElement('div');
+    if (attr in element.style) {
+      if (attr !== 'length' && attr !== 'parentRule') {
+        var attrs = element.style[attr];
+        element.style[attr] = value;
+      }
+      return element.style[attr] === value;
+    }
+  }
+  return false;
+}
+var parsePxToNumber = function parsePxToNumber(str) {
+  return Number(str.replace(/\s+|px/gi, ''));
+};
 ;// CONCATENATED MODULE: ../hooks/src/common/use-position-style/index.ts
 
 
@@ -28765,6 +28962,7 @@ function isInDocument(element) {
 
 
 
+
 var horizontalPosition = ['left-bottom', 'left-top', 'right-bottom', 'right-top', 'left', 'right'];
 var verticalPosition = ['bottom-left', 'bottom-right', 'top-left', 'top-right', 'bottom', 'top'];
 var hideStyle = {
@@ -28883,6 +29081,7 @@ var usePositionStyle = function usePositionStyle(config) {
     }
     var targetPosition = position;
     var rootContainer = getContainer() || document.body;
+    var closestScrollContainer = getClosestScrollContainer(parentElRef.current);
     var containerRect = rootContainer.getBoundingClientRect();
     var bodyRect = (document.documentElement || document.body).getBoundingClientRect();
     var containerScrollBarWidth = rootContainer.offsetWidth - rootContainer.clientWidth;
@@ -28901,7 +29100,7 @@ var usePositionStyle = function usePositionStyle(config) {
       var overRight = 0;
       var overLeft = 0;
       if (h === 'left') {
-        style.left = rect.left - containerRect.left + containerScroll.left;
+        style.left = rect.left - containerRect.left + containerScroll.left + ((closestScrollContainer === null || closestScrollContainer === void 0 ? void 0 : closestScrollContainer.scrollLeft) || 0);
         style.transform = '';
         arrayStyle.left = "8px";
         if (adjust) {
@@ -29086,6 +29285,7 @@ var usePositionStyle = function usePositionStyle(config) {
       newStyle = _getStyle.newStyle,
       newArrayStyle = _getStyle.newArrayStyle;
     if (newStyle && !shallow_equal(style, newStyle)) {
+      console.log('show, position, absolute, updateKey, fixedWidth: >>', show, position, absolute, updateKey, fixedWidth);
       setStyle(newStyle);
       setArrayStyle(newArrayStyle || {});
     }
@@ -30022,10 +30222,8 @@ var usePopup = function usePopup(props) {
   var updatePosition = use_persist_fn(function () {
     // if (isPositionControl) return;
     // if (props.position === 'auto' || !props.position) {
-    setTimeout(function () {
-      var newPosition = getPosition(targetRef.current, props.priorityDirection, autoMode, popupRef.current || undefined);
-      if (newPosition !== position) setPositionState(newPosition);
-    }, 10);
+    var newPosition = getPosition(targetRef.current, props.priorityDirection, autoMode, popupRef.current || undefined);
+    if (newPosition !== position) setPositionState(newPosition);
   });
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (props.open) {
@@ -30365,171 +30563,6 @@ function extractEventHandlers(object) {
   });
   return result;
 }
-;// CONCATENATED MODULE: ../hooks/src/utils/func.ts
-// 节流函数
-var throttle = function throttle(func, wait) {
-  var that = {
-    lock: false
-  };
-  if (!wait) return function () {
-    if (that.lock) return;
-    that.lock = true;
-    func.apply(void 0, arguments);
-    setTimeout(function () {
-      that.lock = false;
-    }, wait);
-  };
-};
-
-// eslint-disable-next-line @typescript-eslint/ban-types
-var debounce = function debounce(func, delay) {
-  var that = {};
-  var cleanTimer = function cleanTimer() {
-    if (that.timer) {
-      clearTimeout(that.timer);
-      that.timer = null;
-    }
-  };
-  if (!delay) return [func, cleanTimer];
-  return [function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    cleanTimer();
-    that.timer = setTimeout(function () {
-      func.apply(void 0, args);
-    }, delay);
-  }, cleanTimer];
-};
-;// CONCATENATED MODULE: ../hooks/src/utils/dom/element.tsx
-
-var _this = undefined;
-
-
-
-
-/**
- * 判断是否是两个中文字符
- *
- * @param str 文本内容
- * @returns boolean
- */
-
-var isTwoCNChar = function isTwoCNChar(str) {
-  return /^[\u4e00-\u9fa5]{2}$/.test(str);
-};
-var SPACE = ' ';
-
-/**
- * 处理文本内容，如果是两个中文字符，插入空格
- *
- * @param children ReactNode
- * @param insertSpace 是否需要插入空格
- * @returns 处理后的 ReactNode
- */
-function wrapSpan(children) {
-  var insertSpace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var className = arguments.length > 2 ? arguments[2] : undefined;
-  if (!children) return children;
-  return external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(children, function (item) {
-    if (typeof item === 'string') {
-      if (insertSpace && isTwoCNChar(item)) return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-        children: item.split('').join(SPACE)
-      });
-      return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-        className: className,
-        children: item
-      });
-    }
-    return item;
-  });
-}
-var addResizeObserver = function addResizeObserver(el, handler) {
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var direction = options.direction,
-    timer = options.timer;
-  var _debounce = debounce(handler, timer),
-    _debounce2 = slicedToArray_default()(_debounce, 2),
-    debounceHandler = _debounce2[0],
-    cleanTimer = _debounce2[1];
-  var h = debounceHandler;
-  var lastWidth;
-  var lastHeight;
-  if (window.ResizeObserver) {
-    if (direction) {
-      lastWidth = el.clientWidth;
-      lastHeight = el.clientHeight;
-      h = function h(entry) {
-        var _entry$0$contentRect = entry[0].contentRect,
-          width = _entry$0$contentRect.width,
-          height = _entry$0$contentRect.height;
-        if (width && direction === 'x') {
-          if (lastWidth !== width) {
-            debounceHandler(entry);
-          }
-        } else if (direction === 'y') {
-          if (height && lastHeight !== height) {
-            debounceHandler(entry);
-          }
-        } else if (lastWidth !== width || lastHeight !== height) {
-          debounceHandler(entry, {
-            x: lastWidth !== width,
-            y: lastHeight !== height
-          });
-        }
-        lastWidth = width;
-        lastHeight = height;
-      };
-    }
-    var observer = new ResizeObserver(h);
-    observer.observe(el);
-    return function () {
-      if (observer) {
-        observer.disconnect();
-      }
-      cleanTimer(_this);
-      observer = null;
-    };
-  }
-  window.addEventListener('resize', debounceHandler);
-  return function () {
-    window.removeEventListener('resize', handler);
-    cleanTimer();
-  };
-};
-function getParent(el, target) {
-  if (!target) {
-    return null;
-  }
-  var temp = el;
-  while (temp) {
-    if (typeof target === 'string') {
-      if (temp.matches && temp.matches(target)) {
-        return temp;
-      }
-    } else if (temp === target) {
-      return temp;
-    }
-    temp = temp.parentElement;
-  }
-  return null;
-}
-function cssSupport(attr, value) {
-  if (is_isBrowser()) {
-    var element = document.createElement('div');
-    if (attr in element.style) {
-      if (attr !== 'length' && attr !== 'parentRule') {
-        var attrs = element.style[attr];
-        element.style[attr] = value;
-      }
-      return element.style[attr] === value;
-    }
-  }
-  return false;
-}
-var parsePxToNumber = function parsePxToNumber(str) {
-  return Number(str.replace(/\s+|px/gi, ''));
-};
 ;// CONCATENATED MODULE: ../hooks/src/components/use-button/use-button.ts
 
 
@@ -49403,6 +49436,7 @@ var useSelect = function useSelect(props) {
     value: value,
     multiple: multiple,
     disabled: disabled,
+    // TODO: 类型定义需要修改
     onChange: onChange,
     prediction: prediction,
     keepCache: !noCache
@@ -49577,7 +49611,7 @@ var list_List = function List(props) {
     onOptionClick = props.onOptionClick;
   var dynamicVirtual = lineHeightProp === 'auto';
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
-  var rootClass = classnames_default()(styles.list, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, styles.controlMouse, controlType === 'mouse'), styles.controlKeyboard, controlType === 'keyboard'), styles.dynamicList, dynamicVirtual));
+  var rootClass = classnames_default()(styles.list, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, styles.controlMouse, controlType === 'mouse'), styles.controlKeyboard, controlType === 'keyboard'), styles.dynamicList, dynamicVirtual), styles.multipleList, multiple));
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(hideCreateOption ? -1 : 0),
     _useState2 = slicedToArray_default()(_useState, 2),
     hoverIndex = _useState2[0],
@@ -52570,6 +52604,7 @@ var list_list_List = function List(props) {
     format: props.format,
     prediction: props.prediction,
     disabled: props.disabled,
+    // TODO: 类型定义需要修改
     onChange: inputAble.onChange
   });
   var columnData = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
@@ -65150,7 +65185,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.4.3-beta.4'
+  version: '3.4.3-beta.5'
 });
 }();
 /******/ 	return __webpack_exports__;