shineout 3.4.0-beta.6 → 3.4.0-beta.7

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.0-beta.6'
+  version: '3.4.0-beta.7'
 };

package/dist/shineout.js

@@ -11991,7 +11991,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.0-beta.6');
+/* harmony default export */ var version = ('3.4.0-beta.7');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -28302,7 +28302,7 @@ function useForkRef() {
 
 
 
-var animation_list_excluded = ["display", "children", "style", "onRef", "show", "duration", "type", "className", "animation"];
+var animation_list_excluded = ["display", "children", "style", "onRef", "show", "duration", "type", "className", "animation", "onAnimationAfterEnter"];
 
 
 
@@ -28329,6 +28329,7 @@ var AnimationList = function AnimationList(props) {
     classNamePo = props.className,
     _props$animation = props.animation,
     animation = _props$animation === void 0 ? true : _props$animation,
+    onAnimationAfterEnter = props.onAnimationAfterEnter,
     forwardProps = objectWithoutProperties_default()(props, animation_list_excluded);
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(undefined),
     _useState2 = slicedToArray_default()(_useState, 2),
@@ -28446,6 +28447,7 @@ var AnimationList = function AnimationList(props) {
       return objectSpread2_default()(objectSpread2_default()({}, s), newStyle);
     });
     setStatus('afterEnter');
+    onAnimationAfterEnter === null || onAnimationAfterEnter === void 0 || onAnimationAfterEnter();
   };
   var beforeLeave = function beforeLeave() {
     var el = ref.current;
@@ -28542,7 +28544,7 @@ var AnimationList = function AnimationList(props) {
       cleanTimer();
       context.timer = setTimeout(function () {
         afterEnter();
-      }, durationNum);
+      }, durationNum + mm);
     }
     if (status === 'beforeLeave') {
       cleanTimer();
@@ -49372,6 +49374,7 @@ var ListOption = function ListOption(props) {
     isHover = props.isHover,
     renderItem = props.renderItem,
     dynamicVirtual = props.dynamicVirtual,
+    isAnimationFinish = props.isAnimationFinish,
     onHover = props.onHover,
     onOptionClick = props.onOptionClick;
   var optionRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
@@ -49409,7 +49412,10 @@ var ListOption = function ListOption(props) {
   };
   var result = renderItem(data);
   var title = typeof result === 'string' ? result : '';
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(setVirtualRowHeight, []);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (!isAnimationFinish) return;
+    setVirtualRowHeight();
+  }, [isAnimationFinish]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (!optionRef.current) return;
     var cancelObserver = addResizeObserver(optionRef.current, setVirtualRowHeight, {
@@ -49462,6 +49468,7 @@ var list_List = function List(props) {
     controlType = props.controlType,
     hideCreateOption = props.hideCreateOption,
     optionListRef = props.optionListRef,
+    isAnimationFinish = props.isAnimationFinish,
     _props$renderItem = props.renderItem,
     renderItemProp = _props$renderItem === void 0 ? function (d) {
       return d;
@@ -49604,6 +49611,7 @@ var list_List = function List(props) {
         jssStyle: jssStyle,
         index: index,
         data: item,
+        isAnimationFinish: isAnimationFinish,
         setRowHeight: setRowHeight,
         lineHeight: lineHeight,
         isHover: hoverIndex === index,
@@ -51122,6 +51130,10 @@ function Select(props0) {
     _useState4 = slicedToArray_default()(_useState3, 2),
     focused = _useState4[0],
     setFocused = _useState4[1];
+  var _useState5 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState6 = slicedToArray_default()(_useState5, 2),
+    isAnimationFinish = _useState6[0],
+    setIsAnimationFinish = _useState6[1];
   var inputRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
   var optionListRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
   var _useFilter = use_filter({
@@ -51426,6 +51438,9 @@ function Select(props0) {
   var handleRemove = function handleRemove(item) {
     return datum.remove(item);
   };
+  var onAnimationAfterEnter = function onAnimationAfterEnter() {
+    setIsAnimationFinish(true);
+  };
 
   // innerTitle 模式
   var renderInnerTitle = use_inner_title({
@@ -51539,6 +51554,7 @@ function Select(props0) {
       renderItem: renderItem,
       controlType: controlType,
       onLoadMore: onLoadMore,
+      isAnimationFinish: isAnimationFinish,
       threshold: threshold,
       onControlTypeChange: setControlType,
       closePop: closePop,
@@ -51554,10 +51570,10 @@ function Select(props0) {
     }
     return /*#__PURE__*/(0,jsx_runtime.jsx)(select_list, objectSpread2_default()({}, listProps));
   };
-  var _useState5 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(''),
-    _useState6 = slicedToArray_default()(_useState5, 2),
-    absoluteListUpdateKey = _useState6[0],
-    setAbsoluteListUpdateKey = _useState6[1];
+  var _useState7 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(''),
+    _useState8 = slicedToArray_default()(_useState7, 2),
+    absoluteListUpdateKey = _useState8[0],
+    setAbsoluteListUpdateKey = _useState8[1];
   // 当树形数据展开时，需要更新 AbsoluteList 的位置
   var onExpandWrap = usePersistFn(function (value) {
     onExpand === null || onExpand === void 0 || onExpand(value);
@@ -51672,9 +51688,12 @@ function Select(props0) {
         onRef: popupRef,
         show: open,
         className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper, size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.pickerSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.pickerLarge)),
+        onAnimationAfterEnter: onAnimationAfterEnter,
         onMouseDown: select_preventDefault,
         display: 'block',
-        type: "scale-y",
+        type: "scale-y"
+        // type='fade'
+        ,
         duration: 'fast',
         style: getListStyle(),
         children: [renderHeader(), renderOptions(), renderFooter()]
@@ -64863,7 +64882,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.4.0-beta.6'
+  version: '3.4.0-beta.7'
 });
 }();
 /******/ 	return __webpack_exports__;