shineout 3.3.3-beta.8 → 3.4.0-beta.1

package/cjs/index.js

@@ -476,5 +476,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.3.3-beta.8'
+  version: '3.4.0-beta.1'
 };

package/dist/shineout.js

@@ -11968,7 +11968,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.3.3-beta.8');
+/* harmony default export */ var version = ('3.4.0-beta.1');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -19673,15 +19673,13 @@ var collapseWidth = src.menuCollapseWidth;
 var transitionFunc = 'ease-out';
 var menuStyle = {
   wrapper: {
+    height: '100%',
     width: '100%',
     backgroundColor: src.menuItemBackgroundColor,
     transition: "width ".concat(animationDuration, " ").concat(transitionFunc),
     color: src.menuFontColor,
     display: 'flex',
-    flexDirection: 'column',
-    '&:not([data-soui-mode=horizontal])': {
-      height: '100%'
-    }
+    flexDirection: 'column'
   },
   wrapperLight: {},
   wrapperDark: {
@@ -21864,6 +21862,16 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       color: src.selectDisabledPlaceholderColor
     }
   }),
+  triggerHover: {
+    '&::after': {
+      content: '""',
+      position: 'absolute',
+      right: 0,
+      left: 0,
+      height: 4,
+      bottom: -4
+    }
+  },
   popover: {}
 }, select_resetWrapper), {}, {
   resultWrapper: {
@@ -36002,14 +36010,6 @@ var result_Input = function Input(props) {
     _useState2 = slicedToArray_default()(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
-  var updateValue = function updateValue() {
-    setValue(props.value);
-  };
-  if (props.inputRef) {
-    props.inputRef.current = {
-      updateValue: updateValue
-    };
-  }
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     setValue(props.value);
   }, [props.value, props.open]);
@@ -36048,7 +36048,6 @@ var Result = function Result(props) {
     range = props.range,
     placeholder = props.placeholder,
     _onChange = props.onChange,
-    _onRef = props.onRef,
     disabledLeft = props.disabledLeft,
     disabledRight = props.disabledRight,
     _props$activeIndex = props.activeIndex,
@@ -36062,7 +36061,6 @@ var Result = function Result(props) {
       clickIndex: 0
     }),
     context = _useRef.current;
-  var inputRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({});
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (open) {
       if (context.inputRefs[activeIndex]) {
@@ -36115,12 +36113,10 @@ var Result = function Result(props) {
         className: styles === null || styles === void 0 ? void 0 : styles.resultTextPadding,
         children: info.inputable ? /*#__PURE__*/(0,jsx_runtime.jsx)(result_Input, {
           onRef: function onRef(el) {
-            _onRef.current.inputRef = el;
             context.inputRefs[info.index] = el;
           },
           disabled: dis,
           open: !!open,
-          inputRef: inputRef,
           value: info.target || info.value || '',
           placeholder: info.place,
           onChange: function onChange(s) {
@@ -36130,11 +36126,10 @@ var Result = function Result(props) {
             context.clickIndex = info.index;
           },
           onBlur: function onBlur(e) {
-            var _props$onBlur, _inputRef$current$upd, _inputRef$current;
+            var _props$onBlur;
             e.stopPropagation();
             if (e.relatedTarget === context.inputRefs[1 - info.index]) return;
             (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, e);
-            if (inputRef.current) (_inputRef$current$upd = (_inputRef$current = inputRef.current).updateValue) === null || _inputRef$current$upd === void 0 || _inputRef$current$upd.call(_inputRef$current);
             context.clickIndex = 0;
           },
           onFocus: function onFocus(e) {
@@ -36742,7 +36737,7 @@ var result_Result = function Result(props) {
     onRemove = props.onRemove,
     onResultItemClick = props.onResultItemClick,
     data = props.data;
-  var value = [null, undefined].includes(valueProp) ? [] : Array.isArray(valueProp) ? valueProp : [valueProp];
+  var value = result_isArray(valueProp) ? valueProp : [valueProp];
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(-1),
     _useState2 = slicedToArray_default()(_useState, 2),
     more = _useState2[0],
@@ -36899,9 +36894,7 @@ var result_Result = function Result(props) {
     }, 'single');
   };
   var getValueArr = function getValueArr(v) {
-    return (result_isArray(v) ? v : [v]).filter(function (v) {
-      return v !== undefined && v !== null;
-    });
+    return result_isArray(v) ? v : [v];
   };
   var renderMultipleResult = function renderMultipleResult() {
     if (isEmptyResult()) return renderNbsp();
@@ -42456,9 +42449,6 @@ var DatePicker = function DatePicker(props0) {
     _React$useState2 = slicedToArray_default()(_React$useState, 2),
     activeIndex = _React$useState2[0],
     setActiveIndex = _React$useState2[1];
-  var inputRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
-    inputRef: null
-  });
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
   var isRTL = direction === 'rtl';
   var dfp = isRTL ? 'bottom-right' : 'bottom-left';
@@ -42557,11 +42547,6 @@ var DatePicker = function DatePicker(props0) {
     setFocused(false);
     (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, e);
   });
-  var handleClose = function handleClose() {
-    var _inputRef$current$inp;
-    closePop();
-    (_inputRef$current$inp = inputRef.current.inputRef) === null || _inputRef$current$inp === void 0 || _inputRef$current$inp.blur();
-  };
   var handleResultClick = usePersistFn(function () {
     if (disabledStatus === 'all') return;
     openPop();
@@ -42574,7 +42559,6 @@ var DatePicker = function DatePicker(props0) {
         activeIndex: activeIndex,
         type: type,
         range: range,
-        onRef: inputRef,
         inputable: props.inputable && !props.formatResult,
         disabledLeft: disabledStatus === 'left',
         disabledRight: disabledStatus === 'right',
@@ -42603,7 +42587,7 @@ var DatePicker = function DatePicker(props0) {
       onKeyDown: function onKeyDown(e) {
         if (e.key === 'Enter') {
           if (open) {
-            handleClose();
+            closePop();
           } else {
             openPop();
           }
@@ -42660,7 +42644,7 @@ var DatePicker = function DatePicker(props0) {
           options: options,
           disabled: disabled,
           jssStyle: jssStyle,
-          closePop: handleClose,
+          closePop: closePop,
           defaultTime: props.defaultTime,
           min: props.min,
           max: props.max,
@@ -43711,7 +43695,7 @@ DrawerComp.Submit = src_modal_0.Submit;
 
 
 var Item_excluded = ["className"],
-  Item_excluded2 = ["className", "onClick"];
+  Item_excluded2 = ["className"];
 
 
 
@@ -43773,15 +43757,10 @@ var Item_Item = /*#__PURE__*/function (_React$PureComponent) {
         var _ref2 = content.props,
           _ref2$className = _ref2.className,
           contentPropsClassName = _ref2$className === void 0 ? '' : _ref2$className,
-          contentPropsOnClick = _ref2.onClick,
           otherContentProps = objectWithoutProperties_default()(_ref2, Item_excluded2);
         var className = classnames_default()(propsClassName, contentPropsClassName);
         return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(content, Object.assign(otherProps, otherContentProps, {
-          className: className,
-          onClick: function onClick(e) {
-            if (contentPropsOnClick) contentPropsOnClick(e);
-            if (props.onClick) props.onClick(e);
-          }
+          className: className
         }));
       }
       return /*#__PURE__*/(0,jsx_runtime.jsx)("a", objectSpread2_default()(objectSpread2_default()({}, props), {}, {
@@ -47948,10 +47927,26 @@ var Scroll = function Scroll(props) {
     marginTop: props.isScrollY ? 0 : -1,
     lineHeight: 0
   };
+  var extractHeightValue = function extractHeightValue(num) {
+    if (isNumber(num)) return num;
+    var match = num.match(/(\d+)/);
+    if (match) {
+      return parseInt(match[0], 10);
+    }
+    return undefined;
+  };
   var handleScroll = usePersistFn(function (e) {
+    var onScrollToBottom = props.onScrollToBottom;
     var target = e.currentTarget;
     var scrollLeft = target.scrollLeft,
       scrollTop = target.scrollTop;
+    if (props.height && onScrollToBottom) {
+      var realHeight = extractHeightValue(props.height);
+      if (realHeight !== undefined) {
+        var touchBottom = target.scrollHeight === scrollTop + realHeight;
+        if (touchBottom) onScrollToBottom();
+      }
+    }
     var maxY = target.scrollHeight - target.clientHeight;
     var maxX = target.scrollWidth - target.clientWidth;
     if (!isRtl) {
@@ -48083,6 +48078,7 @@ var VirtualList = function VirtualList(props) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_scroll, {
       className: className,
       style: nextStyle,
+      height: height,
       scrollWidth: 0,
       scrollHeight: scrollHeight,
       wrapperRef: wrapperRef,
@@ -48406,6 +48402,8 @@ var ListOption = function ListOption(props) {
 
 
 
+
+
 var list_List = function List(props) {
   var _jssStyle$select;
   var jssStyle = props.jssStyle,
@@ -48420,6 +48418,7 @@ var list_List = function List(props) {
     itemsInView = _props$itemsInView === void 0 ? 10 : _props$itemsInView,
     lineHeightProp = props.lineHeight,
     loading = props.loading,
+    threshold = props.threshold,
     controlType = props.controlType,
     hideCreateOption = props.hideCreateOption,
     optionListRef = props.optionListRef,
@@ -48521,6 +48520,41 @@ var list_List = function List(props) {
       }
     }
   });
+  var handleVirtualScroll = usePersistFn( /*#__PURE__*/function () {
+    var _ref = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee(info) {
+      var onLoadMore;
+      return regeneratorRuntime_default()().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            onLoadMore = props.onLoadMore;
+            if (!(typeof onLoadMore !== 'function')) {
+              _context.next = 3;
+              break;
+            }
+            return _context.abrupt("return");
+          case 3:
+            if (onLoadMore) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("return");
+          case 5:
+            if (!(info.y >= threshold)) {
+              _context.next = 8;
+              break;
+            }
+            _context.next = 8;
+            return onLoadMore();
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }());
   var renderLoading = function renderLoading() {
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       children: "loading"
@@ -48566,6 +48600,7 @@ var list_List = function List(props) {
       groupKey: groupKey,
       tagClassName: styles.virtualList,
       height: height,
+      onScroll: handleVirtualScroll,
       lineHeight: lineHeight,
       rowsInView: itemsInView,
       renderItem: renderItem,
@@ -50023,6 +50058,9 @@ function Select(props0) {
     defaultExpanded = props.defaultExpanded,
     defaultExpandAll = props.defaultExpandAll,
     showHitDescendants = props.showHitDescendants,
+    onLoadMore = props.onLoadMore,
+    _props$threshold = props.threshold,
+    threshold = _props$threshold === void 0 ? 1 : _props$threshold,
     renderOptionList = props.renderOptionList,
     onExpand = props.onExpand,
     onChange = props.onChange,
@@ -50033,7 +50071,9 @@ function Select(props0) {
     onCollapseProp = props.onCollapse,
     onEnterExpand = props.onEnterExpand,
     filterSameChange = props.filterSameChange,
-    noCache = props.noCache;
+    noCache = props.noCache,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'click' : _props$trigger;
   var hasFilter = isFunc(props.onAdvancedFilter || onFilterProp);
   var showInput = hasFilter || isFunc(onCreateProp) || onCreateProp === true;
   var positionProp = props.position || (direction === 'rtl' ? 'bottom-right' : 'bottom-left');
@@ -50101,7 +50141,7 @@ function Select(props0) {
       open: openProp,
       onCollapse: onCollapse,
       disabled: false,
-      trigger: 'click',
+      trigger: trigger,
       position: positionProp
     }),
     open = _usePopup.open,
@@ -50110,6 +50150,7 @@ function Select(props0) {
     popupRef = _usePopup.popupRef,
     openPop = _usePopup.openPop,
     closePop = _usePopup.closePop,
+    getTargetProps = _usePopup.getTargetProps,
     PopupProvider = _usePopup.Provider,
     popupProviderValue = _usePopup.providerValue;
   var handleSelectChange = usePersistFn(function (value, dataItem, checked) {
@@ -50196,7 +50237,7 @@ function Select(props0) {
     rootRef: targetRef,
     jssStyle: props.jssStyle
   });
-  var rootClass = classnames_default()(className, isEmpty && styles.wrapperEmpty, styles === null || styles === void 0 ? void 0 : styles.wrapper, open && (styles === null || styles === void 0 ? void 0 : styles.wrapperOpen), disabled === true && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), disabled !== true && focused && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), (!!props.error || props.status === 'error') && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), clearable && (styles === null || styles === void 0 ? void 0 : styles.clearable), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline), defineProperty_default()({}, styles === null || styles === void 0 ? void 0 : styles.multiple, multiple));
+  var rootClass = classnames_default()(className, isEmpty && styles.wrapperEmpty, styles === null || styles === void 0 ? void 0 : styles.wrapper, open && (styles === null || styles === void 0 ? void 0 : styles.wrapperOpen), open && trigger === 'hover' && (styles === null || styles === void 0 ? void 0 : styles.triggerHover), disabled === true && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), disabled !== true && focused && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), (!!props.error || props.status === 'error') && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), clearable && (styles === null || styles === void 0 ? void 0 : styles.clearable), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline), defineProperty_default()({}, styles === null || styles === void 0 ? void 0 : styles.multiple, multiple));
   var getRenderItem = function getRenderItem(data, index) {
     return typeof renderItemProp === 'function' ? renderItemProp(data, index) : data[renderItemProp];
   };
@@ -50464,6 +50505,8 @@ function Select(props0) {
       emptyAfterSelect: emptyAfterSelect,
       renderItem: renderItem,
       controlType: controlType,
+      onLoadMore: onLoadMore,
+      threshold: threshold,
       onControlTypeChange: setControlType,
       closePop: closePop,
       optionListRef: optionListRef,
@@ -50552,6 +50595,9 @@ function Select(props0) {
     }
     return style;
   };
+  var targetProps = getTargetProps();
+  var onMouseEnter = targetProps.onMouseEnter,
+    onMouseLeave = targetProps.onMouseLeave;
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
     ref: targetRef,
     tabIndex: disabled === true || showInput ? undefined : 0
@@ -50567,6 +50613,8 @@ function Select(props0) {
         e.preventDefault();
       }
     },
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
     children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
       adjust: adjust,
       focus: open,
@@ -56686,7 +56734,6 @@ var useTableRow = function useTableRow(props) {
 
 
 
-
 var Tr = function Tr(props) {
   var _props$jssStyle, _props$jssStyle$table, _props$rowClassName;
   var treeFunc = props.treeFunc;
@@ -56740,22 +56787,12 @@ var Tr = function Tr(props) {
       columnKey: props.columns[colIndex].key
     });
   });
-  var setVirtualRowHeight = usePersistFn(function () {
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (props.setRowHeight && trRef.current) {
       var expandHeight = expandRef.current ? expandRef.current.getBoundingClientRect().height : 0;
       props.setRowHeight(props.rowIndex, trRef.current.getBoundingClientRect().height + expandHeight);
     }
-  });
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(setVirtualRowHeight, [props.expanded, props.rowIndex, props.bodyScrollWidth, props.resizeFlag]);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (!trRef.current) return;
-    var cancelObserver = addResizeObserver(trRef.current, setVirtualRowHeight, {
-      direction: 'y'
-    });
-    return function () {
-      cancelObserver();
-    };
-  }, []);
+  }, [props.expanded, props.rowIndex, props.bodyScrollWidth, props.resizeFlag]);
   var renderTreeExpand = function renderTreeExpand(content) {
     var treeIndent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 22;
     var level = props.treeExpandLevel.get(props.originKey) || 0;
@@ -57871,11 +57908,10 @@ var useTransform = function useTransform(props) {
 
 
 
-
 var Tab = function Tab(props, ref) {
   var _jssStyle$tabs;
   var jssStyle = props.jssStyle,
-    propTab = props.tab,
+    tab = props.tab,
     disabled = props.disabled,
     id = props.id,
     color = props.color;
@@ -57903,9 +57939,6 @@ var Tab = function Tab(props, ref) {
     if (disabled) return;
     onChange === null || onChange === void 0 || onChange(id);
   };
-  var tab = isLink(propTab) ?
-  // 直接返回a标签的内容，不要a标签
-  propTab.props.children : propTab;
   var renderCardTab = function renderCardTab() {
     return tab;
   };
@@ -57937,35 +57970,27 @@ var Tab = function Tab(props, ref) {
   if (shape === 'card') {
     style.color = color;
   }
-  var containerProps = objectSpread2_default()(objectSpread2_default()({
+  if (shape === 'button') return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button, objectSpread2_default()(objectSpread2_default()({
+    className: tabClass,
+    jssStyle: {
+      button: buttonStyle
+    }
+  }, getStateProps()), {}, {
+    style: style,
+    disabled: disabled,
+    type: isActive ? 'primary' : 'secondary',
+    onClick: handleClick,
+    dir: config.direction,
+    children: tab
+  }));
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+    dir: config.direction,
     className: tabClass
   }, getStateProps()), {}, {
     style: style,
     onClick: handleClick,
     ref: ref,
-    dir: config.direction
-  });
-  if (shape === 'button') {
-    return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button, objectSpread2_default()(objectSpread2_default()({
-      jssStyle: {
-        button: buttonStyle
-      },
-      disabled: disabled,
-      type: isActive ? 'primary' : 'secondary'
-    }, containerProps), {}, {
-      children: tab
-    }));
-  }
-  var $children = /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [shape === 'card' && renderCardTab(), shape === 'line' && renderLineTab(), shape === 'dash' && renderDashTab(), shape === 'fill' && renderFillTab()]
-  });
-  if (isLink(propTab)) {
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(propTab, objectSpread2_default()({
-      children: $children
-    }, containerProps));
-  }
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({}, containerProps), {}, {
-    children: $children
   }));
 };
 /* harmony default export */ var tabs_tab = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(Tab));
@@ -63708,7 +63733,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.3.3-beta.8'
+  version: '3.4.0-beta.1'
 });
 }();
 /******/ 	return __webpack_exports__;