@cleartrip/ct-design-transition 1.1.0

package/dist/Transition.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Direction, TransitionProps } from './type';
+export declare function setTranslateValue(direction: Direction, node: HTMLElement, containerRef: HTMLElement): void;
+declare const Transition: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<any>>;
+export default Transition;
+//# sourceMappingURL=Transition.d.ts.map

package/dist/Transition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transition.d.ts","sourceRoot":"","sources":["../packages/components/Transition/src/Transition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAkEpD,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,QAOnG;AAMD,QAAA,MAAM,UAAU,6EA6Rf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/ct-design-transition.browser.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),n=require("react"),i=require("react-transition-group"),r=require("@cleartrip/ct-design-use-theme"),o=require("@cleartrip/ct-design-use-merge-refs"),a=require("@cleartrip/ct-design-common-utils");function s(t){return t&&t.__esModule?t:{default:t}}function c(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,i.get?i:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var l=c(n),d=s(r),u=s(o),f={zoom:{entering:{transform:"none"},entered:{transform:"none"}},fade:{entering:{opacity:1},entered:{opacity:1}},grow:{entering:{opacity:1,transform:"scale(1, 1)"},entered:{opacity:1,transform:"none"}},collapse:{},slide:{}},y={grow:"scale(0.75, 0.5625)",zoom:"scale(0)"};function g(t,e){var n,i,r=t.timeout,o=t.easing,a=t.style,s=void 0===a?{}:a;return{duration:null!==(n=s.transitionDuration)&&void 0!==n?n:"number"==typeof r?r:r[e.mode]||0,easing:null!==(i=s.transitionTimingFunction)&&void 0!==i?i:"object"==typeof o?o[e.mode]:o,delay:s.transitionDelay}}function p(t,e,n){var i=function(t,e,n){var i=e.getBoundingClientRect(),r=n&&n.getBoundingClientRect(),o=window.getComputedStyle(e),a=o.getPropertyValue("-webkit-transform")||o.getPropertyValue("transform"),s=0,c=0;if(a&&"none"!==a&&"string"==typeof a){var l=a.split("(")[1].split(")")[0].split(",");s=parseInt(l[4],10),c=parseInt(l[5],10)}return"left"===t?"translateX(".concat(r?r.right+s-i.left:window.innerWidth+s-i.left,"px)"):"right"===t?"translateX(-".concat(r?i.right-r.left-s:i.left+i.width-s,"px)"):"up"===t?"translateY(".concat(r?r.bottom+c-i.top:window.innerHeight+c-i.top,"px)"):"translateY(-".concat(r?i.top-r.top+i.height-c:i.top+i.height-c,"px)")}(t,e,n);i&&(e.style.webkitTransform=i,e.style.transform=i)}var m=l.forwardRef((function(n,r){var o=n.appear,s=void 0===o||o,c=n.in;n.css;var m=n.style,w=n.type,v=n.children,E=n.timeout,b=n.easing,_=n.containerRef,x=n.slideDirection,h=void 0===x?"down":x,k=n.onEnter,T=n.onEntered,j=n.onEntering,q=n.onExit,z=n.onExited,O=n.onExiting,R=n.addEndListener,D=t.__rest(n,["appear","in","css","style","type","children","timeout","easing","containerRef","slideDirection","onEnter","onEntered","onEntering","onExit","onExited","onExiting","addEndListener"]),L=d.default(),C={enter:L.transitions.duration.enteringScreen,exit:L.transitions.duration.leavingScreen};E=E||C;var P=l.useRef(null),S=u.default(P,v.ref,r),B=function(t){return function(e){if(t){var n=P.current;void 0===e?t(n):t(n,e)}}},I=B((function(t,e){"slide"===w&&p(h,t,_),function(t){t.scrollTop}(t);var n=g({style:m,timeout:E,easing:b},{mode:"enter"});if("fade"===w&&(t.style.webkitTransition=L.transitions.create("opacity",n),t.style.transition=L.transitions.create("opacity",n)),"grow"===w){t.style.transition=[L.transitions.create("opacity",{duration:n.duration,delay:n.delay}),L.transitions.create("transform",{duration:void 0,delay:n.delay,easing:n.easing})].join(",")}"zoom"===w&&(t.style.webkitTransition=L.transitions.create("transform",n),t.style.transition=L.transitions.create("transform",n)),k&&k(t,e)})),M=B((function(e,n){if("slide"===w){var i=b||{enter:L.transitions.easing.easeOut,exit:L.transitions.easing.sharp},r=g({timeout:E,style:m,easing:i},{mode:"enter"});e.style.webkitTransition=L.transitions.create("-webkit-transform",t.__assign({},r)),e.style.transition=L.transitions.create("transform",t.__assign({},r)),e.style.webkitTransform="none",e.style.transform="none"}j&&j(e,n)})),V=B(T),X=B(O),Y=B((function(t){var e=g({style:m,timeout:E,easing:b},{mode:"exit"});"fade"==w&&(t.style.webkitTransition=L.transitions.create("opacity",e),t.style.transition=L.transitions.create("opacity",e)),"grow"===w&&(t.style.transition=[L.transitions.create("opacity",{duration:e.duration,delay:e.delay}),L.transitions.create("transform",{duration:e.duration,delay:e.delay,easing:e.easing})].join(","),t.style.opacity=0,t.style.transform="scale(0.75, 0.5625)"),"zoom"===w&&(t.style.webkitTransition=L.transitions.create("transform",e),t.style.transition=L.transitions.create("transform",e)),"slide"===w&&(t.style.webkitTransition=L.transitions.create("-webkit-transform",e),t.style.transition=L.transitions.create("transform",e),p(h,t,_)),q&&q(t)})),F=B((function(t){"slide"===w&&(t.style.webkitTransition="",t.style.transition=""),z&&z(t)})),H=l.useCallback((function(){P.current&&p(h,P.current,_)}),[h,_]);return l.useEffect((function(){if(!c&&"down"!==h&&"right"!==h){var t=a.debounce((function(){P.current&&p(h,P.current,_)}));return window.addEventListener("resize",t),function(){window.removeEventListener("resize",t)}}}),[h,c,_]),l.useEffect((function(){"slide"!==w||c||H()}),[c,H]),e.jsx(i.Transition,t.__assign({appear:s,in:c,nodeRef:P,onEnter:I,onEntered:V,onEntering:M,onExit:Y,onExited:F,onExiting:X,addEndListener:function(t){R&&P.current&&R(P.current,t)},timeout:E},D,{children:function(e){var n={style:t.__assign(t.__assign(t.__assign({opacity:("fade"==w||"grow"===w)&&0,transform:y[w],visibility:"exited"!==e||c?void 0:"hidden"},f[w][e]),m),v.props.style),ref:S};return"slide"===w&&(n=t.__assign(t.__assign({},n),v.props)),l.cloneElement(v,n)}}))}));exports.Transition=m;
+//# sourceMappingURL=ct-design-transition.browser.cjs.js.map

package/dist/ct-design-transition.browser.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-transition.browser.cjs.js","sources":["../packages/components/Transition/src/style.ts","../packages/components/Transition/src/Transition.tsx"],"sourcesContent":[null,null],"names":["styles","zoom","entering","transform","entered","fade","opacity","grow","collapse","slide","defaultTransform","getTransitionProps","props","options","timeout","easing","_c","style","duration","_a","transitionDuration","mode","_b","transitionTimingFunction","delay","transitionDelay","setTranslateValue","direction","node","containerRef","rect","getBoundingClientRect","containerRect","computedStyle","window","getComputedStyle","getPropertyValue","offsetX","offsetY","transformValues","split","parseInt","concat","right","left","innerWidth","width","bottom","top","innerHeight","height","getTranslateValue","webkitTransform","Transition","React","forwardRef","forwardedRef","appear","inProp","in","css","type","children","slideDirection","onEnter","onEntered","onEntering","onExit","onExited","onExiting","addEndListener","other","__rest","theme","useTheme","defaultTimeout","enter","transitions","enteringScreen","exit","leavingScreen","nodeRef","useRef","handleRef","useMergeRefs","ref","normalizedTransitionCallback","callback","maybeIsAppearing","current","undefined","handleEnter","isAppearing","scrollTop","reflow","transitionProps","webkitTransition","create","transition","join","handleEntering","easingValue","easeOut","sharp","__assign","handleEntered","handleExiting","handleExit","handleExited","updatePosition","useCallback","useEffect","handleResize","debounce","addEventListener","removeEventListener","_jsx","ReactTransition","next","state","childProp","visibility","cloneElement"],"mappings":"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"}

package/dist/ct-design-transition.browser.esm.js

@@ -0,0 +1,2 @@
+import{__rest as t,__assign as n}from"tslib";import{jsx as e}from"react/jsx-runtime";import*as i from"react";import{Transition as r}from"react-transition-group";import o from"@cleartrip/ct-design-use-theme";import a from"@cleartrip/ct-design-use-merge-refs";import{debounce as s}from"@cleartrip/ct-design-common-utils";var c={zoom:{entering:{transform:"none"},entered:{transform:"none"}},fade:{entering:{opacity:1},entered:{opacity:1}},grow:{entering:{opacity:1,transform:"scale(1, 1)"},entered:{opacity:1,transform:"none"}},collapse:{},slide:{}},l={grow:"scale(0.75, 0.5625)",zoom:"scale(0)"};function d(t,n){var e,i,r=t.timeout,o=t.easing,a=t.style,s=void 0===a?{}:a;return{duration:null!==(e=s.transitionDuration)&&void 0!==e?e:"number"==typeof r?r:r[n.mode]||0,easing:null!==(i=s.transitionTimingFunction)&&void 0!==i?i:"object"==typeof o?o[n.mode]:o,delay:s.transitionDelay}}function f(t,n,e){var i=function(t,n,e){var i=n.getBoundingClientRect(),r=e&&e.getBoundingClientRect(),o=window.getComputedStyle(n),a=o.getPropertyValue("-webkit-transform")||o.getPropertyValue("transform"),s=0,c=0;if(a&&"none"!==a&&"string"==typeof a){var l=a.split("(")[1].split(")")[0].split(",");s=parseInt(l[4],10),c=parseInt(l[5],10)}return"left"===t?"translateX(".concat(r?r.right+s-i.left:window.innerWidth+s-i.left,"px)"):"right"===t?"translateX(-".concat(r?i.right-r.left-s:i.left+i.width-s,"px)"):"up"===t?"translateY(".concat(r?r.bottom+c-i.top:window.innerHeight+c-i.top,"px)"):"translateY(-".concat(r?i.top-r.top+i.height-c:i.top+i.height-c,"px)")}(t,n,e);i&&(n.style.webkitTransform=i,n.style.transform=i)}var u=i.forwardRef((function(u,m){var y=u.appear,p=void 0===y||y,g=u.in;u.css;var w=u.style,v=u.type,E=u.children,x=u.timeout,b=u.easing,h=u.containerRef,k=u.slideDirection,T=void 0===k?"down":k,R=u.onEnter,z=u.onEntered,L=u.onEntering,j=u.onExit,C=u.onExited,D=u.onExiting,S=u.addEndListener,B=t(u,["appear","in","css","style","type","children","timeout","easing","containerRef","slideDirection","onEnter","onEntered","onEntering","onExit","onExited","onExiting","addEndListener"]),I=o(),P={enter:I.transitions.duration.enteringScreen,exit:I.transitions.duration.leavingScreen};x=x||P;var V=i.useRef(null),X=a(V,E.ref,m),Y=function(t){return function(n){if(t){var e=V.current;void 0===n?t(e):t(e,n)}}},F=Y((function(t,n){"slide"===v&&f(T,t,h),function(t){t.scrollTop}(t);var e=d({style:w,timeout:x,easing:b},{mode:"enter"});if("fade"===v&&(t.style.webkitTransition=I.transitions.create("opacity",e),t.style.transition=I.transitions.create("opacity",e)),"grow"===v){t.style.transition=[I.transitions.create("opacity",{duration:e.duration,delay:e.delay}),I.transitions.create("transform",{duration:void 0,delay:e.delay,easing:e.easing})].join(",")}"zoom"===v&&(t.style.webkitTransition=I.transitions.create("transform",e),t.style.transition=I.transitions.create("transform",e)),R&&R(t,n)})),H=Y((function(t,e){if("slide"===v){var i=b||{enter:I.transitions.easing.easeOut,exit:I.transitions.easing.sharp},r=d({timeout:x,style:w,easing:i},{mode:"enter"});t.style.webkitTransition=I.transitions.create("-webkit-transform",n({},r)),t.style.transition=I.transitions.create("transform",n({},r)),t.style.webkitTransform="none",t.style.transform="none"}L&&L(t,e)})),O=Y(z),W=Y(D),q=Y((function(t){var n=d({style:w,timeout:x,easing:b},{mode:"exit"});"fade"==v&&(t.style.webkitTransition=I.transitions.create("opacity",n),t.style.transition=I.transitions.create("opacity",n)),"grow"===v&&(t.style.transition=[I.transitions.create("opacity",{duration:n.duration,delay:n.delay}),I.transitions.create("transform",{duration:n.duration,delay:n.delay,easing:n.easing})].join(","),t.style.opacity=0,t.style.transform="scale(0.75, 0.5625)"),"zoom"===v&&(t.style.webkitTransition=I.transitions.create("transform",n),t.style.transition=I.transitions.create("transform",n)),"slide"===v&&(t.style.webkitTransition=I.transitions.create("-webkit-transform",n),t.style.transition=I.transitions.create("transform",n),f(T,t,h)),j&&j(t)})),A=Y((function(t){"slide"===v&&(t.style.webkitTransition="",t.style.transition=""),C&&C(t)})),G=i.useCallback((function(){V.current&&f(T,V.current,h)}),[T,h]);return i.useEffect((function(){if(!g&&"down"!==T&&"right"!==T){var t=s((function(){V.current&&f(T,V.current,h)}));return window.addEventListener("resize",t),function(){window.removeEventListener("resize",t)}}}),[T,g,h]),i.useEffect((function(){"slide"!==v||g||G()}),[g,G]),e(r,n({appear:p,in:g,nodeRef:V,onEnter:F,onEntered:O,onEntering:H,onExit:q,onExited:A,onExiting:W,addEndListener:function(t){S&&V.current&&S(V.current,t)},timeout:x},B,{children:function(t){var e={style:n(n(n({opacity:("fade"==v||"grow"===v)&&0,transform:l[v],visibility:"exited"!==t||g?void 0:"hidden"},c[v][t]),w),E.props.style),ref:X};return"slide"===v&&(e=n(n({},e),E.props)),i.cloneElement(E,e)}}))}));export{u as Transition};
+//# sourceMappingURL=ct-design-transition.browser.esm.js.map

package/dist/ct-design-transition.browser.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-transition.browser.esm.js","sources":["../packages/components/Transition/src/style.ts","../packages/components/Transition/src/Transition.tsx"],"sourcesContent":[null,null],"names":["styles","zoom","entering","transform","entered","fade","opacity","grow","collapse","slide","defaultTransform","getTransitionProps","props","options","timeout","easing","_c","style","duration","_a","transitionDuration","mode","_b","transitionTimingFunction","delay","transitionDelay","setTranslateValue","direction","node","containerRef","rect","getBoundingClientRect","containerRect","computedStyle","window","getComputedStyle","getPropertyValue","offsetX","offsetY","transformValues","split","parseInt","concat","right","left","innerWidth","width","bottom","top","innerHeight","height","getTranslateValue","webkitTransform","Transition","React","forwardRef","forwardedRef","appear","inProp","in","css","type","children","slideDirection","onEnter","onEntered","onEntering","onExit","onExited","onExiting","addEndListener","other","__rest","theme","useTheme","defaultTimeout","enter","transitions","enteringScreen","exit","leavingScreen","nodeRef","useRef","handleRef","useMergeRefs","ref","normalizedTransitionCallback","callback","maybeIsAppearing","current","undefined","handleEnter","isAppearing","scrollTop","reflow","transitionProps","webkitTransition","create","transition","join","handleEntering","easingValue","easeOut","sharp","__assign","handleEntered","handleExiting","handleExit","handleExited","updatePosition","useCallback","useEffect","handleResize","debounce","addEventListener","removeEventListener","_jsx","ReactTransition","next","state","childProp","visibility","cloneElement"],"mappings":"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"}

package/dist/ct-design-transition.cjs.js

@@ -0,0 +1,284 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+var useTheme = require('@cleartrip/ct-design-use-theme');
+var useMergeRefs = require('@cleartrip/ct-design-use-merge-refs');
+var ctDesignCommonUtils = require('@cleartrip/ct-design-common-utils');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var useTheme__default = /*#__PURE__*/_interopDefault(useTheme);
+var useMergeRefs__default = /*#__PURE__*/_interopDefault(useMergeRefs);
+
+var styles = {
+    zoom: {
+        entering: {
+            transform: 'none',
+        },
+        entered: {
+            transform: 'none',
+        },
+    },
+    fade: {
+        entering: {
+            opacity: 1,
+        },
+        entered: {
+            opacity: 1,
+        },
+    },
+    grow: {
+        entering: {
+            opacity: 1,
+            transform: 'scale(1, 1)',
+        },
+        entered: {
+            opacity: 1,
+            transform: 'none',
+        },
+    },
+    collapse: {},
+    slide: {},
+};
+
+var defaultTransform = {
+    grow: 'scale(0.75, 0.5625)',
+    zoom: 'scale(0)',
+};
+var reflow = function (node) { return node.scrollTop; };
+function getTransitionProps(props, options) {
+    var _a, _b;
+    var timeout = props.timeout, easing = props.easing, _c = props.style, style = _c === void 0 ? {} : _c;
+    return {
+        duration: (_a = style.transitionDuration) !== null && _a !== void 0 ? _a : (typeof timeout === 'number' ? timeout : timeout[options.mode] || 0),
+        easing: (_b = style.transitionTimingFunction) !== null && _b !== void 0 ? _b : (typeof easing === 'object' ? easing[options.mode] : easing),
+        delay: style.transitionDelay,
+    };
+}
+function getTranslateValue(direction, node, containerRef) {
+    var rect = node.getBoundingClientRect();
+    var containerRect = containerRef && containerRef.getBoundingClientRect();
+    var computedStyle = window.getComputedStyle(node);
+    var transform = computedStyle.getPropertyValue('-webkit-transform') || computedStyle.getPropertyValue('transform');
+    var offsetX = 0;
+    var offsetY = 0;
+    if (transform && transform !== 'none' && typeof transform === 'string') {
+        var transformValues = transform.split('(')[1].split(')')[0].split(',');
+        offsetX = parseInt(transformValues[4], 10);
+        offsetY = parseInt(transformValues[5], 10);
+    }
+    if (direction === 'left') {
+        if (containerRect) {
+            return "translateX(".concat(containerRect.right + offsetX - rect.left, "px)");
+        }
+        return "translateX(".concat(window.innerWidth + offsetX - rect.left, "px)");
+    }
+    if (direction === 'right') {
+        if (containerRect) {
+            return "translateX(-".concat(rect.right - containerRect.left - offsetX, "px)");
+        }
+        return "translateX(-".concat(rect.left + rect.width - offsetX, "px)");
+    }
+    if (direction === 'up') {
+        if (containerRect) {
+            return "translateY(".concat(containerRect.bottom + offsetY - rect.top, "px)");
+        }
+        return "translateY(".concat(window.innerHeight + offsetY - rect.top, "px)");
+    }
+    if (containerRect) {
+        return "translateY(-".concat(rect.top - containerRect.top + rect.height - offsetY, "px)");
+    }
+    return "translateY(-".concat(rect.top + rect.height - offsetY, "px)");
+}
+function setTranslateValue(direction, node, containerRef) {
+    var transform = getTranslateValue(direction, node, containerRef);
+    if (transform) {
+        node.style.webkitTransform = transform;
+        node.style.transform = transform;
+    }
+}
+var Transition = React__namespace.forwardRef(function (_a, forwardedRef) {
+    var _b = _a.appear, appear = _b === void 0 ? true : _b, inProp = _a.in; _a.css; var style = _a.style, type = _a.type, children = _a.children, timeout = _a.timeout, easing = _a.easing, containerRef = _a.containerRef, _c = _a.slideDirection, slideDirection = _c === void 0 ? 'down' : _c, onEnter = _a.onEnter, onEntered = _a.onEntered, onEntering = _a.onEntering, onExit = _a.onExit, onExited = _a.onExited, onExiting = _a.onExiting, addEndListener = _a.addEndListener, other = tslib.__rest(_a, ["appear", "in", "css", "style", "type", "children", "timeout", "easing", "containerRef", "slideDirection", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "addEndListener"]);
+    var theme = useTheme__default.default();
+    var defaultTimeout = {
+        enter: theme.transitions.duration.enteringScreen,
+        exit: theme.transitions.duration.leavingScreen,
+    };
+    timeout = timeout || defaultTimeout;
+    var nodeRef = React__namespace.useRef(null);
+    var handleRef = useMergeRefs__default.default(nodeRef, children.ref, forwardedRef);
+    var normalizedTransitionCallback = function (callback) { return function (maybeIsAppearing) {
+        if (callback) {
+            var node = nodeRef.current;
+            if (maybeIsAppearing === undefined) {
+                callback(node);
+            }
+            else {
+                callback(node, maybeIsAppearing);
+            }
+        }
+    }; };
+    var handleEnter = normalizedTransitionCallback(function (node, isAppearing) {
+        if (type === 'slide') {
+            setTranslateValue(slideDirection, node, containerRef);
+        }
+        reflow(node);
+        var transitionProps = getTransitionProps({ style: style, timeout: timeout, easing: easing }, {
+            mode: 'enter',
+        });
+        if (type === 'fade') {
+            node.style.webkitTransition = theme.transitions.create('opacity', transitionProps);
+            node.style.transition = theme.transitions.create('opacity', transitionProps);
+        }
+        if (type === 'grow') {
+            var duration = void 0;
+            node.style.transition = [
+                theme.transitions.create('opacity', {
+                    duration: transitionProps.duration,
+                    delay: transitionProps.delay,
+                }),
+                theme.transitions.create('transform', {
+                    duration: duration,
+                    delay: transitionProps.delay,
+                    easing: transitionProps.easing,
+                }),
+            ].join(',');
+        }
+        if (type === 'zoom') {
+            node.style.webkitTransition = theme.transitions.create('transform', transitionProps);
+            node.style.transition = theme.transitions.create('transform', transitionProps);
+        }
+        if (onEnter) {
+            onEnter(node, isAppearing);
+        }
+    });
+    var handleEntering = normalizedTransitionCallback(function (node, isAppearing) {
+        if (type === 'slide') {
+            var easingValue = easing || {
+                enter: theme.transitions.easing.easeOut,
+                exit: theme.transitions.easing.sharp,
+            };
+            var transitionProps = getTransitionProps({ timeout: timeout, style: style, easing: easingValue }, {
+                mode: 'enter',
+            });
+            node.style.webkitTransition = theme.transitions.create('-webkit-transform', tslib.__assign({}, transitionProps));
+            node.style.transition = theme.transitions.create('transform', tslib.__assign({}, transitionProps));
+            node.style.webkitTransform = 'none';
+            node.style.transform = 'none';
+        }
+        if (onEntering) {
+            onEntering(node, isAppearing);
+        }
+    });
+    var handleEntered = normalizedTransitionCallback(onEntered);
+    var handleExiting = normalizedTransitionCallback(onExiting);
+    var handleExit = normalizedTransitionCallback(function (node) {
+        var transitionProps = getTransitionProps({ style: style, timeout: timeout, easing: easing }, {
+            mode: 'exit',
+        });
+        if (type == 'fade') {
+            node.style.webkitTransition = theme.transitions.create('opacity', transitionProps);
+            node.style.transition = theme.transitions.create('opacity', transitionProps);
+        }
+        if (type === 'grow') {
+            node.style.transition = [
+                theme.transitions.create('opacity', {
+                    duration: transitionProps.duration,
+                    delay: transitionProps.delay,
+                }),
+                theme.transitions.create('transform', {
+                    duration: transitionProps.duration,
+                    delay: transitionProps.delay,
+                    easing: transitionProps.easing,
+                }),
+            ].join(',');
+            node.style.opacity = 0;
+            node.style.transform = 'scale(0.75, 0.5625)';
+        }
+        if (type === 'zoom') {
+            node.style.webkitTransition = theme.transitions.create('transform', transitionProps);
+            node.style.transition = theme.transitions.create('transform', transitionProps);
+        }
+        if (type === 'slide') {
+            node.style.webkitTransition = theme.transitions.create('-webkit-transform', transitionProps);
+            node.style.transition = theme.transitions.create('transform', transitionProps);
+            setTranslateValue(slideDirection, node, containerRef);
+        }
+        if (onExit) {
+            onExit(node);
+        }
+    });
+    var handleExited = normalizedTransitionCallback(function (node) {
+        if (type === 'slide') {
+            node.style.webkitTransition = '';
+            node.style.transition = '';
+        }
+        if (onExited) {
+            onExited(node);
+        }
+    });
+    var handleAddEndListener = function (next) {
+        if (addEndListener && nodeRef.current) {
+            addEndListener(nodeRef.current, next);
+        }
+    };
+    var updatePosition = React__namespace.useCallback(function () {
+        if (nodeRef.current) {
+            setTranslateValue(slideDirection, nodeRef.current, containerRef);
+        }
+    }, [slideDirection, containerRef]);
+    React__namespace.useEffect(function () {
+        if (inProp || slideDirection === 'down' || slideDirection === 'right') {
+            return undefined;
+        }
+        var handleResize = ctDesignCommonUtils.debounce(function () {
+            if (nodeRef.current) {
+                setTranslateValue(slideDirection, nodeRef.current, containerRef);
+            }
+        });
+        window.addEventListener('resize', handleResize);
+        return function () {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [slideDirection, inProp, containerRef]);
+    React__namespace.useEffect(function () {
+        if (type === 'slide' && !inProp) {
+            updatePosition();
+        }
+    }, [inProp, updatePosition]);
+    return (jsxRuntime.jsx(reactTransitionGroup.Transition, tslib.__assign({ appear: appear, in: inProp, nodeRef: nodeRef, onEnter: handleEnter, onEntered: handleEntered, onEntering: handleEntering, onExit: handleExit, onExited: handleExited, onExiting: handleExiting, addEndListener: handleAddEndListener, timeout: timeout }, other, { children: function (state) {
+            var childProp = {
+                style: tslib.__assign(tslib.__assign(tslib.__assign({ opacity: (type == 'fade' || type === 'grow') && 0, transform: defaultTransform[type], visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, styles[type][state]), style), children.props.style),
+                ref: handleRef,
+            };
+            if (type === 'slide') {
+                childProp = tslib.__assign(tslib.__assign({}, childProp), children.props);
+            }
+            return React__namespace.cloneElement(children, childProp);
+        } })));
+});
+
+exports.Transition = Transition;
+//# sourceMappingURL=ct-design-transition.cjs.js.map

package/dist/ct-design-transition.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-transition.cjs.js","sources":["../packages/components/Transition/src/style.ts","../packages/components/Transition/src/Transition.tsx"],"sourcesContent":[null,null],"names":["React","__rest","useTheme","useMergeRefs","__assign","debounce","_jsx","ReactTransition"],"mappings":"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"}

package/dist/ct-design-transition.esm.js

@@ -0,0 +1,258 @@
+import { __rest, __assign } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Transition as Transition$1 } from 'react-transition-group';
+import useTheme from '@cleartrip/ct-design-use-theme';
+import useMergeRefs from '@cleartrip/ct-design-use-merge-refs';
+import { debounce } from '@cleartrip/ct-design-common-utils';
+
+var styles = {
+    zoom: {
+        entering: {
+            transform: 'none',
+        },
+        entered: {
+            transform: 'none',
+        },
+    },
+    fade: {
+        entering: {
+            opacity: 1,
+        },
+        entered: {
+            opacity: 1,
+        },
+    },
+    grow: {
+        entering: {
+            opacity: 1,
+            transform: 'scale(1, 1)',
+        },
+        entered: {
+            opacity: 1,
+            transform: 'none',
+        },
+    },
+    collapse: {},
+    slide: {},
+};
+
+var defaultTransform = {
+    grow: 'scale(0.75, 0.5625)',
+    zoom: 'scale(0)',
+};
+var reflow = function (node) { return node.scrollTop; };
+function getTransitionProps(props, options) {
+    var _a, _b;
+    var timeout = props.timeout, easing = props.easing, _c = props.style, style = _c === void 0 ? {} : _c;
+    return {
+        duration: (_a = style.transitionDuration) !== null && _a !== void 0 ? _a : (typeof timeout === 'number' ? timeout : timeout[options.mode] || 0),
+        easing: (_b = style.transitionTimingFunction) !== null && _b !== void 0 ? _b : (typeof easing === 'object' ? easing[options.mode] : easing),
+        delay: style.transitionDelay,
+    };
+}
+function getTranslateValue(direction, node, containerRef) {
+    var rect = node.getBoundingClientRect();
+    var containerRect = containerRef && containerRef.getBoundingClientRect();
+    var computedStyle = window.getComputedStyle(node);
+    var transform = computedStyle.getPropertyValue('-webkit-transform') || computedStyle.getPropertyValue('transform');
+    var offsetX = 0;
+    var offsetY = 0;
+    if (transform && transform !== 'none' && typeof transform === 'string') {
+        var transformValues = transform.split('(')[1].split(')')[0].split(',');
+        offsetX = parseInt(transformValues[4], 10);
+        offsetY = parseInt(transformValues[5], 10);
+    }
+    if (direction === 'left') {
+        if (containerRect) {
+            return "translateX(".concat(containerRect.right + offsetX - rect.left, "px)");
+        }
+        return "translateX(".concat(window.innerWidth + offsetX - rect.left, "px)");
+    }
+    if (direction === 'right') {
+        if (containerRect) {
+            return "translateX(-".concat(rect.right - containerRect.left - offsetX, "px)");
+        }
+        return "translateX(-".concat(rect.left + rect.width - offsetX, "px)");
+    }
+    if (direction === 'up') {
+        if (containerRect) {
+            return "translateY(".concat(containerRect.bottom + offsetY - rect.top, "px)");
+        }
+        return "translateY(".concat(window.innerHeight + offsetY - rect.top, "px)");
+    }
+    if (containerRect) {
+        return "translateY(-".concat(rect.top - containerRect.top + rect.height - offsetY, "px)");
+    }
+    return "translateY(-".concat(rect.top + rect.height - offsetY, "px)");
+}
+function setTranslateValue(direction, node, containerRef) {
+    var transform = getTranslateValue(direction, node, containerRef);
+    if (transform) {
+        node.style.webkitTransform = transform;
+        node.style.transform = transform;
+    }
+}
+var Transition = React.forwardRef(function (_a, forwardedRef) {
+    var _b = _a.appear, appear = _b === void 0 ? true : _b, inProp = _a.in; _a.css; var style = _a.style, type = _a.type, children = _a.children, timeout = _a.timeout, easing = _a.easing, containerRef = _a.containerRef, _c = _a.slideDirection, slideDirection = _c === void 0 ? 'down' : _c, onEnter = _a.onEnter, onEntered = _a.onEntered, onEntering = _a.onEntering, onExit = _a.onExit, onExited = _a.onExited, onExiting = _a.onExiting, addEndListener = _a.addEndListener, other = __rest(_a, ["appear", "in", "css", "style", "type", "children", "timeout", "easing", "containerRef", "slideDirection", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "addEndListener"]);
+    var theme = useTheme();
+    var defaultTimeout = {
+        enter: theme.transitions.duration.enteringScreen,
+        exit: theme.transitions.duration.leavingScreen,
+    };
+    timeout = timeout || defaultTimeout;
+    var nodeRef = React.useRef(null);
+    var handleRef = useMergeRefs(nodeRef, children.ref, forwardedRef);
+    var normalizedTransitionCallback = function (callback) { return function (maybeIsAppearing) {
+        if (callback) {
+            var node = nodeRef.current;
+            if (maybeIsAppearing === undefined) {
+                callback(node);
+            }
+            else {
+                callback(node, maybeIsAppearing);
+            }
+        }
+    }; };
+    var handleEnter = normalizedTransitionCallback(function (node, isAppearing) {
+        if (type === 'slide') {
+            setTranslateValue(slideDirection, node, containerRef);
+        }
+        reflow(node);
+        var transitionProps = getTransitionProps({ style: style, timeout: timeout, easing: easing }, {
+            mode: 'enter',
+        });
+        if (type === 'fade') {
+            node.style.webkitTransition = theme.transitions.create('opacity', transitionProps);
+            node.style.transition = theme.transitions.create('opacity', transitionProps);
+        }
+        if (type === 'grow') {
+            var duration = void 0;
+            node.style.transition = [
+                theme.transitions.create('opacity', {
+                    duration: transitionProps.duration,
+                    delay: transitionProps.delay,
+                }),
+                theme.transitions.create('transform', {
+                    duration: duration,
+                    delay: transitionProps.delay,
+                    easing: transitionProps.easing,
+                }),
+            ].join(',');
+        }
+        if (type === 'zoom') {
+            node.style.webkitTransition = theme.transitions.create('transform', transitionProps);
+            node.style.transition = theme.transitions.create('transform', transitionProps);
+        }
+        if (onEnter) {
+            onEnter(node, isAppearing);
+        }
+    });
+    var handleEntering = normalizedTransitionCallback(function (node, isAppearing) {
+        if (type === 'slide') {
+            var easingValue = easing || {
+                enter: theme.transitions.easing.easeOut,
+                exit: theme.transitions.easing.sharp,
+            };
+            var transitionProps = getTransitionProps({ timeout: timeout, style: style, easing: easingValue }, {
+                mode: 'enter',
+            });
+            node.style.webkitTransition = theme.transitions.create('-webkit-transform', __assign({}, transitionProps));
+            node.style.transition = theme.transitions.create('transform', __assign({}, transitionProps));
+            node.style.webkitTransform = 'none';
+            node.style.transform = 'none';
+        }
+        if (onEntering) {
+            onEntering(node, isAppearing);
+        }
+    });
+    var handleEntered = normalizedTransitionCallback(onEntered);
+    var handleExiting = normalizedTransitionCallback(onExiting);
+    var handleExit = normalizedTransitionCallback(function (node) {
+        var transitionProps = getTransitionProps({ style: style, timeout: timeout, easing: easing }, {
+            mode: 'exit',
+        });
+        if (type == 'fade') {
+            node.style.webkitTransition = theme.transitions.create('opacity', transitionProps);
+            node.style.transition = theme.transitions.create('opacity', transitionProps);
+        }
+        if (type === 'grow') {
+            node.style.transition = [
+                theme.transitions.create('opacity', {
+                    duration: transitionProps.duration,
+                    delay: transitionProps.delay,
+                }),
+                theme.transitions.create('transform', {
+                    duration: transitionProps.duration,
+                    delay: transitionProps.delay,
+                    easing: transitionProps.easing,
+                }),
+            ].join(',');
+            node.style.opacity = 0;
+            node.style.transform = 'scale(0.75, 0.5625)';
+        }
+        if (type === 'zoom') {
+            node.style.webkitTransition = theme.transitions.create('transform', transitionProps);
+            node.style.transition = theme.transitions.create('transform', transitionProps);
+        }
+        if (type === 'slide') {
+            node.style.webkitTransition = theme.transitions.create('-webkit-transform', transitionProps);
+            node.style.transition = theme.transitions.create('transform', transitionProps);
+            setTranslateValue(slideDirection, node, containerRef);
+        }
+        if (onExit) {
+            onExit(node);
+        }
+    });
+    var handleExited = normalizedTransitionCallback(function (node) {
+        if (type === 'slide') {
+            node.style.webkitTransition = '';
+            node.style.transition = '';
+        }
+        if (onExited) {
+            onExited(node);
+        }
+    });
+    var handleAddEndListener = function (next) {
+        if (addEndListener && nodeRef.current) {
+            addEndListener(nodeRef.current, next);
+        }
+    };
+    var updatePosition = React.useCallback(function () {
+        if (nodeRef.current) {
+            setTranslateValue(slideDirection, nodeRef.current, containerRef);
+        }
+    }, [slideDirection, containerRef]);
+    React.useEffect(function () {
+        if (inProp || slideDirection === 'down' || slideDirection === 'right') {
+            return undefined;
+        }
+        var handleResize = debounce(function () {
+            if (nodeRef.current) {
+                setTranslateValue(slideDirection, nodeRef.current, containerRef);
+            }
+        });
+        window.addEventListener('resize', handleResize);
+        return function () {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [slideDirection, inProp, containerRef]);
+    React.useEffect(function () {
+        if (type === 'slide' && !inProp) {
+            updatePosition();
+        }
+    }, [inProp, updatePosition]);
+    return (jsx(Transition$1, __assign({ appear: appear, in: inProp, nodeRef: nodeRef, onEnter: handleEnter, onEntered: handleEntered, onEntering: handleEntering, onExit: handleExit, onExited: handleExited, onExiting: handleExiting, addEndListener: handleAddEndListener, timeout: timeout }, other, { children: function (state) {
+            var childProp = {
+                style: __assign(__assign(__assign({ opacity: (type == 'fade' || type === 'grow') && 0, transform: defaultTransform[type], visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, styles[type][state]), style), children.props.style),
+                ref: handleRef,
+            };
+            if (type === 'slide') {
+                childProp = __assign(__assign({}, childProp), children.props);
+            }
+            return React.cloneElement(children, childProp);
+        } })));
+});
+
+export { Transition };
+//# sourceMappingURL=ct-design-transition.esm.js.map