@nutui/nutui-react-taro 3.0.0 → 3.0.2

package/dist/cjs/packages/shortpassword/style/style.harmony.css

@@ -2,12 +2,21 @@
 /* #endif */
 /* #ifndef harmony */
 /* #endif */
+.nut-shortpassword-popup {
+  padding: 32px 24px 28px 24px;
+  border-radius: 12px;
+  text-align: center;
+}
 .nut-shortpassword-title {
+  display: flex;
+  justify-content: center;
   line-height: 1;
   font-size: 16px;
   color: #1a1a1a;
 }
 .nut-shortpassword-description {
+  display: flex;
+  justify-content: center;
   margin-top: 12px;
   margin-bottom: 24px;
   line-height: 1;

package/dist/cjs/packages/signature/signature.js

@@ -164,7 +164,7 @@ var InternalSignature = function InternalSignature(props, ref) {
         onTouchStart: startEventHandler,
         onTouchMove: moveEventHandler,
         onTouchEnd: endEventHandler
-    }) : /*#__PURE__*/ _react.default.createElement("canvas", {
+    }) : /*#__PURE__*/ _react.default.createElement(_components.Canvas, {
         id: canvasId,
         ref: canvasRef,
         "canvas-id": canvasId,

package/dist/cjs/packages/swipe/style/style.css

@@ -22,12 +22,12 @@
 .nut-swipe-left, .nut-swipe-right {
   position: absolute;
   top: 0;
-  display: flex;
-  flex-direction: row;
 }
 .nut-swipe-left {
   left: 0;
+  transform: translate(-100%, 0px);
 }
 .nut-swipe-right {
-  left: 100%;
+  right: 0px;
+  transform: translate(100%, 0px);
 }

package/dist/cjs/packages/swipe/style/style.harmony.css

@@ -22,12 +22,12 @@
 .nut-swipe-left, .nut-swipe-right {
   position: absolute;
   top: 0;
-  display: flex;
-  flex-direction: row;
 }
 .nut-swipe-left {
   left: 0;
+  transform: translate(-100%, 0px);
 }
 .nut-swipe-right {
-  left: 100%;
+  right: 0px;
+  transform: translate(100%, 0px);
 }

package/dist/cjs/packages/swipe/style/swipe.scss

@@ -20,15 +20,19 @@
   &-right {
     position: absolute;
     top: 0;
-    display: flex;
-    flex-direction: row;
+    //display: flex;
+    //flex-direction: row;
+    //flex-shrink: 0;
   }
 
   &-left {
     left: 0;
+    transform: translate(-100%, 0px);
   }
 
   &-right {
-    left: 100%;
+    //left: 100%;
+    right: 0px;
+    transform: translate(100%, 0px);
   }
 }

package/dist/cjs/packages/swipe/swipe.js

@@ -18,12 +18,13 @@ var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
+var _taro = require("@tarojs/taro");
 var _usetouch = require("../../hooks/use-touch");
 var _getrectbytaro = require("../../utils/get-rect-by-taro");
 var _typings = require("../../utils/typings");
 var _platformtaro = require("../../utils/platform-taro");
-var _pxtransform = /*#__PURE__*/ _interop_require_default._(require("../../utils/px-transform"));
 var _userefstate = require("../../hooks/use-ref-state");
+var _useuuid = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-uuid"));
 function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== 'boolean' || event.cancelable) {
         event.preventDefault();
@@ -38,8 +39,11 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
     var classPrefix = 'nut-swipe';
     var touch = (0, _usetouch.useTouch)();
+    var uid = (0, _useuuid.default)();
+    var leftId = "swipe-left-".concat(uid);
+    var rightId = "swipe-right-".concat(uid);
     // 获取元素的时候要在页面 onReady 后，需要参考小程序的事件周期
-    (0, _react.useEffect)(function() {
+    (0, _taro.useReady)(function() {
         var getWidth = /*#__PURE__*/ function() {
             var _ref = (0, _async_to_generator._)(function() {
                 var leftRect, rightRect;
@@ -52,7 +56,7 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
                             ];
                             return [
                                 4,
-                                (0, _getrectbytaro.getRectByTaro)(leftWrapper.current)
+                                (0, _getrectbytaro.getRectByTaro)(leftWrapper.current, leftId)
                             ];
                         case 1:
                             leftRect = _state.sent();
@@ -69,11 +73,10 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
                             ];
                             return [
                                 4,
-                                (0, _getrectbytaro.getRectByTaro)(rightWrapper.current)
+                                (0, _getrectbytaro.getRectByTaro)(rightWrapper.current, rightId)
                             ];
                         case 3:
                             rightRect = _state.sent();
-                            console.log('actionWidth.current.left', rightRect.width);
                             rightRect && setActionWidth(function(v) {
                                 return (0, _object_spread_props._)((0, _object_spread._)({}, v), {
                                     right: rightRect.width
@@ -94,7 +97,7 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
         setTimeout(function() {
             return getWidth();
         });
-    }, []);
+    });
     var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style;
     var root = (0, _react.useRef)();
     var opened = (0, _react.useRef)(false);
@@ -122,7 +125,7 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
         }
     };
     var wrapperStyle = {
-        transform: "translate(".concat(state.offset, "px, 0)"),
+        transform: "translate(".concat(state.offset).concat(!(0, _platformtaro.harmony)() ? 'px' : '', ", 0)"),
         transitionDuration: state.dragging ? '0s' : '.6s'
     };
     var onTouchStart = /*#__PURE__*/ function() {
@@ -131,14 +134,13 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
                     case 0:
-                        console.log('ontouchstart');
                         if (!leftWrapper.current) return [
                             3,
                             2
                         ];
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(leftWrapper.current)
+                            (0, _getrectbytaro.getRectByTaro)(leftWrapper.current, leftId)
                         ];
                     case 1:
                         leftRect = _state.sent();
@@ -155,7 +157,7 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
                         ];
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(rightWrapper.current)
+                            (0, _getrectbytaro.getRectByTaro)(rightWrapper.current, rightId)
                         ];
                     case 3:
                         rightRect = _state.sent();
@@ -198,7 +200,7 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
             if (isEdge) {
                 preventDefault(event, true);
             }
-            newState.offset = rangeCalculation(((0, _platformtaro.harmony)() ? parseFloat((0, _pxtransform.default)(touch.deltaX.current)) : touch.deltaX.current) + startOffset.current, -actionWidth.current.right || 0, actionWidth.current.left || 0);
+            newState.offset = rangeCalculation(touch.deltaX.current + startOffset.current, -actionWidth.current.right || 0, actionWidth.current.left || 0);
             setState(newState);
         }
     };
@@ -265,13 +267,10 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
     var rightWrapper = (0, _react.useRef)(null);
     var renderActionContent = function renderActionContent(side) {
         if (props["".concat(side, "Action")]) {
-            console.log('actionWidth xxx', actionWidth.current.left);
             return /*#__PURE__*/ _react.default.createElement(_components.View, {
                 ref: side === 'left' ? leftWrapper : rightWrapper,
                 className: "".concat(classPrefix, "-").concat(side),
-                style: (0, _object_spread._)({}, side === 'left' ? {
-                    left: Number("".concat(-actionWidth.current.left))
-                } : {}),
+                id: side === 'left' ? leftId : rightId,
                 onClick: function onClick(e) {
                     return handleOperate(e, side);
                 }

package/dist/cjs/packages/tabbar/style/style.css

@@ -121,6 +121,12 @@
   width: 22px;
   height: 22px;
   font-size: 22px;
+  /* #ifdef harmony*/
+  color: var(--nutui-tabbar-inactive-color, var(--nutui-color-title, #1a1a1a));
+  /* #endif*/
+  /* #ifndef harmony*/
+  color: inherit;
+  /* #endif*/
 }
 .nut-tabbar-item-icon-box-nav {
   display: block;

package/dist/cjs/packages/tabbaritem/style/style.css

@@ -121,6 +121,12 @@
   width: 22px;
   height: 22px;
   font-size: 22px;
+  /* #ifdef harmony*/
+  color: var(--nutui-tabbar-inactive-color, var(--nutui-color-title, #1a1a1a));
+  /* #endif*/
+  /* #ifndef harmony*/
+  color: inherit;
+  /* #endif*/
 }
 .nut-tabbar-item-icon-box-nav {
   display: block;

package/dist/cjs/packages/tabbaritem/style/style.harmony.css

@@ -24,6 +24,12 @@
   width: 22px;
   height: 22px;
   font-size: 22px;
+  /* #ifdef harmony*/
+  color: #1a1a1a;
+  /* #endif*/
+  /* #ifndef harmony*/
+  color: inherit;
+  /* #endif*/
 }
 .nut-tabbar-item-icon-box-nav {
   display: block;

package/dist/cjs/packages/tabbaritem/style/tabbaritem.scss

@@ -20,6 +20,12 @@
       width: 22px;
       height: 22px;
       font-size: 22px;
+      /* #ifdef harmony*/
+      color: $tabbar-inactive-color;
+      /* #endif*/
+      /* #ifndef harmony*/
+      color: inherit;
+      /* #endif*/
     }
 
     &-nav {

package/dist/cjs/packages/tabs/tabs.js

@@ -119,14 +119,9 @@ var Tabs = function Tabs(props) {
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(0), 2), scrollLeft = _useState[0], setScrollLeft = _useState[1];
     var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), scrollTop = _useState1[0], setScrollTop = _useState1[1];
     var scrollDirection = function scrollDirection(to, direction) {
-        var count = 0;
-        var frames = 1;
-        function animate() {
-            if (direction === 'horizontal') setScrollLeft(to);
-            else setScrollTop(to);
-            if (++count < frames) (0, _raf.default)(animate);
-        }
-        animate();
+        // 使用ScrollView组件此处不需要手动raf scrollLeft
+        if (direction === 'horizontal') setScrollLeft(to);
+        else setScrollTop(to);
     };
     var scrollIntoView = function scrollIntoView(index) {
         (0, _raf.default)(function() {
@@ -148,14 +143,11 @@ var Tabs = function Tabs(props) {
                         return prev + curr.width;
                     }, 0);
                     to = left - (navRect.width - titleRect.width) / 2;
-                    // to < 0 说明不需要进行滚动，页面元素已全部显示出来
-                    if (to < 0) return;
-                    to = rtl ? -to : to;
                 }
+                scrollDirection(to, direction);
                 (0, _taro.nextTick)(function() {
                     scrollWithAnimation.current = true;
                 });
-                scrollDirection(to, direction);
             });
         });
     };
@@ -192,6 +184,7 @@ var Tabs = function Tabs(props) {
         scrollY: direction === 'vertical',
         scrollLeft: scrollLeft,
         scrollTop: scrollTop,
+        enhanced: true,
         showScrollbar: false,
         scrollWithAnimation: rtl && _taro.default.getEnv() !== 'WEB' ? false : scrollWithAnimation.current,
         id: "nut-tabs-titles-".concat(name || uuid),
@@ -235,7 +228,7 @@ var Tabs = function Tabs(props) {
         if (!/*#__PURE__*/ _react.default.isValidElement(child)) return null;
         return /*#__PURE__*/ _react.default.cloneElement(child, (0, _object_spread_props._)((0, _object_spread._)({}, child.props), {
             active: value === child.props.value,
-            autoHeightClassName: autoHeight && String(value) !== String(child.props.value || idx) ? 'inactive' : ''
+            autoHeightClassName: autoHeight && String(value) !== String(child.props.value || idx) ? 'inactive' : undefined
         }));
     }))));
 };

package/dist/cjs/packages/textarea/textarea.js

@@ -115,7 +115,7 @@ var TextArea = function TextArea(props) {
         autoHeight: autoSize,
         maxlength: maxLength,
         placeholder: placeholder !== undefined ? placeholder : locale.placeholder
-    })), showCount && /*#__PURE__*/ _react.default.createElement(_components.Text, {
+    })), showCount && /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: (0, _classnames.default)("".concat(classPrefix, "-limit"), (0, _define_property._)({}, "".concat(classPrefix, "-limit-disabled"), disabled))
     }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)));
 };

package/dist/cjs/packages/timeselect/style/style.css

@@ -238,6 +238,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -259,6 +262,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -280,6 +286,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -301,6 +310,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {

package/dist/cjs/packages/tour/style/style.css

@@ -238,6 +238,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -259,6 +262,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -280,6 +286,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -301,6 +310,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {

package/dist/cjs/utils/get-rect-by-taro.d.ts

@@ -9,4 +9,4 @@ export interface Rect {
     height: number;
 }
 export declare function makeRect(width: number, height: number): Rect;
-export declare const getRectByTaro: (element: any) => Promise<Rect>;
+export declare const getRectByTaro: (element: any, harmonyId?: string) => Promise<Rect>;

package/dist/cjs/utils/get-rect-by-taro.js

@@ -33,7 +33,10 @@ function makeRect(width, height) {
 }
 var getRectByTaro = /*#__PURE__*/ function() {
     var _ref = (0, _async_to_generator._)(function(element) {
+        var harmonyId;
+        var _arguments = arguments;
         return (0, _ts_generator._)(this, function(_state) {
+            harmonyId = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : '';
             if (element) {
                 if (_useclientrect.inBrowser) {
                     return [
@@ -45,7 +48,7 @@ var getRectByTaro = /*#__PURE__*/ function() {
                 return [
                     2,
                     new Promise(function(resolve, reject) {
-                        (0, _taro.createSelectorQuery)().select("#".concat(element.uid)).boundingClientRect().exec(function(param) {
+                        (0, _taro.createSelectorQuery)().select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
                             var _param = (0, _sliced_to_array._)(param, 1), rects = _param[0];
                             resolve(rects);
                         });

package/dist/cjs/utils/get-system-info.js

@@ -19,14 +19,13 @@ _export(exports, {
         return getWindowInfo;
     }
 });
-var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-var _taro = /*#__PURE__*/ _interop_require_default._(require("@tarojs/taro"));
+var _taro = require("@tarojs/taro");
 var getDeviceInfo = function getDeviceInfo() {
-    return _taro.default.canIUse('getDeviceInfo') ? _taro.default.getDeviceInfo() : _taro.default.getSystemInfoSync();
+    return (0, _taro.canIUse)('getDeviceInfo') ? (0, _taro.getDeviceInfo)() : (0, _taro.getSystemInfoSync)();
 };
 var getWindowInfo = function getWindowInfo() {
-    return _taro.default.canIUse('getWindowInfo') ? _taro.default.getWindowInfo() : _taro.default.getSystemInfoSync();
+    return (0, _taro.canIUse)('getWindowInfo') ? (0, _taro.getWindowInfo)() : (0, _taro.getSystemInfoSync)();
 };
 var getAppBaseInfo = function getAppBaseInfo() {
-    return _taro.default.canIUse('getAppBaseInfo') ? _taro.default.getAppBaseInfo() : _taro.default.getSystemInfoSync();
+    return (0, _taro.canIUse)('getAppBaseInfo') ? (0, _taro.getAppBaseInfo)() : (0, _taro.getSystemInfoSync)();
 };

package/dist/cjs/utils/merge.d.ts

@@ -0,0 +1,14 @@
+export default main;
+export declare function main(clone: boolean, ...items: any[]): any;
+export declare function main(...items: any[]): any;
+export declare namespace main {
+    var clone: typeof import("./merge").clone;
+    var isPlainObject: typeof import("./merge").isPlainObject;
+    var recursive: typeof import("./merge").recursive;
+}
+export declare function merge(clone: boolean, ...items: any[]): any;
+export declare function merge(...items: any[]): any;
+export declare function recursive(clone: boolean, ...items: any[]): any;
+export declare function recursive(...items: any[]): any;
+export declare function clone<T>(input: T): T;
+export declare function isPlainObject(input: unknown): input is NonNullable<any>;

package/dist/cjs/utils/merge.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    clone: function() {
+        return clone;
+    },
+    default: function() {
+        return _default;
+    },
+    isPlainObject: function() {
+        return isPlainObject;
+    },
+    main: function() {
+        return main;
+    },
+    merge: function() {
+        return merge;
+    },
+    recursive: function() {
+        return recursive;
+    }
+});
+var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
+var _type_of = require("@swc/helpers/_/_type_of");
+var _default = main;
+function main() {
+    for(var _len = arguments.length, items = new Array(_len), _key = 0; _key < _len; _key++){
+        items[_key] = arguments[_key];
+    }
+    return merge.apply(void 0, (0, _to_consumable_array._)(items));
+}
+main.clone = clone;
+main.isPlainObject = isPlainObject;
+main.recursive = recursive;
+function merge() {
+    for(var _len = arguments.length, items = new Array(_len), _key = 0; _key < _len; _key++){
+        items[_key] = arguments[_key];
+    }
+    return _merge(items[0] === true, false, items);
+}
+function recursive() {
+    for(var _len = arguments.length, items = new Array(_len), _key = 0; _key < _len; _key++){
+        items[_key] = arguments[_key];
+    }
+    return _merge(items[0] === true, true, items);
+}
+function clone(input) {
+    if (Array.isArray(input)) {
+        var output = [];
+        for(var index = 0; index < input.length; ++index)output.push(clone(input[index]));
+        return output;
+    }
+    if (isPlainObject(input)) {
+        var output1 = {};
+        // eslint-disable-next-line guard-for-in
+        for(var index1 in input)output1[index1] = clone(input[index1]);
+        return output1;
+    }
+    return input;
+}
+function isPlainObject(input) {
+    if (input === null || (typeof input === "undefined" ? "undefined" : (0, _type_of._)(input)) !== 'object') return false;
+    if (Object.getPrototypeOf(input) === null) return true;
+    var ref = input;
+    while(Object.getPrototypeOf(ref) !== null)ref = Object.getPrototypeOf(ref);
+    return Object.getPrototypeOf(input) === ref;
+}
+function _recursiveMerge(base, extend) {
+    if (!isPlainObject(base) || !isPlainObject(extend)) return extend;
+    for(var key in extend){
+        if (key === '__proto__' || key === 'constructor' || key === 'prototype') continue;
+        base[key] = isPlainObject(base[key]) && isPlainObject(extend[key]) ? _recursiveMerge(base[key], extend[key]) : extend[key];
+    }
+    return base;
+}
+function _merge(isClone, isRecursive, items) {
+    var result;
+    if (isClone || !isPlainObject(result = items.shift())) result = {};
+    for(var index = 0; index < items.length; ++index){
+        var item = items[index];
+        // eslint-disable-next-line no-continue
+        if (!isPlainObject(item)) continue;
+        for(var key in item){
+            if (key === '__proto__' || key === 'constructor' || key === 'prototype') continue;
+            var value = isClone ? clone(item[key]) : item[key];
+            result[key] = isRecursive ? _recursiveMerge(result[key], value) : value;
+        }
+    }
+    return result;
+}

package/dist/cjs/utils/platform-taro.js

@@ -19,22 +19,21 @@ _export(exports, {
         return web;
     }
 });
-var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-var _taro = /*#__PURE__*/ _interop_require_default._(require("@tarojs/taro"));
+var _taro = require("@tarojs/taro");
 var harmony = function harmony() {
     return [
         'harmony',
         'harmonyhybrid',
         'jdharmony'
-    ].includes(_taro.default.getEnv().toLowerCase());
+    ].includes((0, _taro.getEnv)().toLowerCase());
 };
 var web = function web() {
     return [
         'web'
-    ].includes(_taro.default.getEnv().toLowerCase());
+    ].includes((0, _taro.getEnv)().toLowerCase());
 };
 var miniprogram = function miniprogram() {
     return [
         'mini'
-    ].includes(_taro.default.getEnv().toLowerCase());
+    ].includes((0, _taro.getEnv)().toLowerCase());
 };

package/dist/cjs/utils/to-array.d.ts

@@ -0,0 +1 @@
+export declare function toArray<T>(value?: T | T[] | null): T[];

package/dist/cjs/utils/to-array.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "toArray", {
+    enumerable: true,
+    get: function() {
+        return toArray;
+    }
+});
+function toArray(value) {
+    if (value === undefined || value === null) {
+        return [];
+    }
+    return Array.isArray(value) ? value : [
+        value
+    ];
+}

package/dist/es/hooks/use-client-rect.js

@@ -25,6 +25,7 @@ export function isWindow(val) {
         };
     }
     if (element && element.getBoundingClientRect) {
+        console.log(element, element.getBoundingClientRect());
         return element.getBoundingClientRect();
     }
     return {

package/dist/es/packages/actionsheet/style/style.css

@@ -238,6 +238,9 @@
   from {
     transform: translate3d(0, -100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes popup-slide-top-exit {
   to {
@@ -259,6 +262,9 @@
   from {
     transform: translate3d(100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-right-exit {
   to {
@@ -280,6 +286,9 @@
   from {
     transform: translate3d(0, 100%, 0);
   }
+  to {
+    transform: translate3d(0, 0%, 0);
+  }
 }
 @keyframes slide-bottom-exit {
   to {
@@ -301,6 +310,9 @@
   from {
     transform: translate3d(-100%, 0, 0);
   }
+  to {
+    transform: translate3d(0%, 0, 0);
+  }
 }
 @keyframes popup-slide-left-exit {
   to {