rox-react-components 0.0.44 → 0.0.46

package/dist/lib/Swiper/Swiper.js

@@ -1 +1,392 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("aphrodite/no-important"),n=require("react"),r=require("../utils.js"),u=require("./styles.js"),a=60,s={width:"10px",height:"10px",borderRadius:"50%",backgroundColor:"rgba(0,0,0,.3)",transition:"all 200ms linear"},l=e.__assign(e.__assign({},s),{backgroundColor:"rgba(255,255,255,.7)"}),i={data:[],renderItem:function(){return null},onChange:function(){return null},boundary:1/3,duration:500,delay:2e3,autoPlay:!0,active:0,dotVisible:!0,dotBoxStyle:{},dotStyle:s,activeDotStyle:l};var c=n.forwardRef((function(c,o){var d=e.__assign(e.__assign({},i),c),f=d.boundary,v=d.data,m=d.renderItem,h=d.children,_=d.dotVisible,b=d.renderDots,g=d.dotBoxStyle,p=d.activeDotStyle,y=d.dotStyle,w=v.length>=2,E=function(){var e=n.useRef(null),t=n.useState(0),r=t[0],u=t[1],a=n.useCallback((function(){var t,n;return u(Math.max((null===(t=e.current)||void 0===t?void 0:t.clientWidth)||0,(null===(n=e.current)||void 0===n?void 0:n.offsetWidth)||0))}),[]);return n.useEffect((function(){return a(),window.addEventListener("resize",a),function(){return window.removeEventListener("resize",a)}}),[a]),[e,r]}(),x=E[0],k=E[1],L=function(t){var u=this,s=t.active,l=t.data,i=t.width,c=t.duration,o=t.boundary,d=t.delay,f=t.ref,v=t.onChange,m=l.length>=2,h=n.useRef(),_=n.useRef(!0),b=n.useRef(s),g=n.useRef(!1),p=n.useRef(!1),y=n.useState(!1),w=y[0],E=y[1],x=n.useState(s),k=x[0],L=x[1],T=n.useRef(null),C=n.useMemo((function(){return i*o}),[i,o]),S=n.useCallback((function(e){if(!T.current)return 0;var t=getComputedStyle(T.current);try{var n=new WebKitCSSMatrix(t.transform);return{x:n.m41,y:n.m42,z:n.m43}[e]}catch(n){var r=t.transform.split(/\(|\)/),u=r[0],a=r[1];if(u.includes("3d")){var s=a.split(",").slice(-4),l=s[0],i=s[1],c=s[2];return Number({x:l,y:i,z:c}[e])}var o=a.split(",").slice(-2);return l=o[0],i=o[1],Number({x:l,y:i,z:0}[e])}}),[]),M=n.useCallback((function(e,t){void 0===e&&(e=!1),void 0===t&&(t=c),T.current&&(T.current.style.transition=e?"none":"all ".concat(t,"ms linear"),T.current.style.webkitTransition=e?"none":"all ".concat(t,"ms linear"))}),[c]),N=n.useCallback((function(e){if(T.current){var t=e;null==t&&(t=m?-i*b.current+"px":"0px"),T.current.style.transform="translate3d(".concat(t,", 0, 0)"),T.current.style.webkitTransform="translate3d(".concat(t,", 0, 0)")}}),[m,i]),R=n.useCallback((function(){return e.__awaiter(u,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return g.current||!m?[2]:(g.current=!0,E(!0),b.current>=l.length+1?(g.current=!1,M(!0),b.current=1,N(),[4,r.default.sleep(a)]):[3,2]);case 1:return e.sent(),R(),[2];case 2:return M(),b.current++,(t=b.current-1)>=l.length&&(t=0),L(t),N(),[4,r.default.sleep(c)];case 3:return e.sent(),g.current=!1,E(!1),[2]}}))}))}),[m,l.length,M,N]),z=n.useCallback((function(){return e.__awaiter(u,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return g.current||!m?[2]:(g.current=!0,E(!0),b.current<=0?(g.current=!1,M(!0),b.current=l.length,N(),[4,r.default.sleep(a)]):[3,2]);case 1:return e.sent(),z(),[2];case 2:return M(),b.current--,(t=b.current-1)<0&&(t=l.length-1),L(t),N(),[4,r.default.sleep(c)];case 3:return e.sent(),g.current=!1,E(!1),[2]}}))}))}),[m,l.length,M,N]),W=n.useCallback((function(t){return e.__awaiter(u,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return g.current||!m?[2]:(g.current=!0,E(!0),b.current<=0?(M(!0),b.current=l.length,N(),[4,r.default.sleep(a)]):[3,2]);case 1:e.sent(),e.label=2;case 2:return b.current>=l.length+1?(M(!0),b.current=1,N(),[4,r.default.sleep(a)]):[3,4];case 3:e.sent(),e.label=4;case 4:return M(),b.current=t+1,N(),L(t),[4,r.default.sleep(c)];case 5:return e.sent(),g.current=!1,E(!1),[2]}}))}))}),[m,M,l.length,N,c]);return n.useImperativeHandle(f,(function(){return{next:function(){return R()},pre:function(){return z()}}}),[R,z]),n.useEffect((function(){_.current=!0}),[i,l.length]),n.useEffect((function(){_.current?(E(!0),b.current=m?s+1:s,M(!0),N(),L(s),_.current=!1,r.default.sleep(a).then((function(){E(!1)}))):(_.current=!1,W(s))}),[s,m,l,M,N,W]),n.useEffect((function(){v(k)}),[k]),n.useEffect((function(){m&&t.autoPlay&&!w?h.current=setTimeout((function(){return R()}),d):clearTimeout(h.current)}),[m,t.autoPlay,w,d,R]),n.useEffect((function(){var t=T.current,n=0,u=0;function a(e){g.current||(p.current=!0,E(!0),M(!0),b.current<=0&&(b.current=l.length,N()),b.current>=l.length+1&&(b.current=1,N()),n=e,u=S("x"))}function s(e){p.current&&N(u+(e-n)+"px")}function o(t){return e.__awaiter(this,void 0,void 0,(function(){var u,a,s;return e.__generator(this,(function(e){switch(e.label){case 0:return p.current?((u=t-n)>=C?(b.current--,a=(i-Math.abs(u))*c/i,M(!1,a)):u<=-C?(b.current++,a=(i-Math.abs(u))*c/i,M(!1,a)):(a=Math.abs(u)*c/i,M(!1,a)),(s=b.current-1)>=l.length&&(s=0),L(s),p.current=!1,g.current=!0,N(),[4,r.default.sleep(c)]):[2];case 1:return e.sent(),E(!1),g.current=!1,[2]}}))}))}function d(e){e.preventDefault(),e.stopPropagation()}function f(e){d(e),a(e.targetTouches[0].pageX)}function v(e){d(e),a(e.pageX)}function h(e){d(e),s(e.targetTouches[0].pageX)}function _(e){d(e),s(e.pageX)}function y(e){d(e),o(e.changedTouches[0].pageX)}function w(e){d(e),o(e.pageX)}function x(e){d(e),o(e.changedTouches[0].pageX)}return t&&m&&(t.addEventListener("touchstart",f,{passive:!1}),t.addEventListener("touchmove",h,{passive:!1}),t.addEventListener("touchend",y,{passive:!1}),t.addEventListener("touchcancel",x,{passive:!1}),t.addEventListener("mousedown",v,{passive:!1}),t.addEventListener("mousemove",_,{passive:!1}),t.addEventListener("mouseup",w,{passive:!1}),t.addEventListener("mouseout",w,{passive:!1})),function(){null==t||t.removeEventListener("touchstart",f),null==t||t.removeEventListener("touchmove",h),null==t||t.removeEventListener("touchend",y),null==t||t.removeEventListener("touchcancel",x),null==t||t.removeEventListener("mousedown",v),null==t||t.removeEventListener("mousemove",_),null==t||t.removeEventListener("mouseup",w),null==t||t.removeEventListener("mouseout",w)}}),[m,M,S,N,C,c,l.length,i]),n.useEffect((function(){var e;function t(){clearTimeout(e),E(!0),M(!0),N(),e=setTimeout((function(){E(!1)}),60)}return window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}),[M,N]),n.useEffect((function(){var e=h.current;return function(){return clearTimeout(e)}}),[]),[T,k,W]}(e.__assign(e.__assign(e.__assign({},i),c),{width:k,ref:o})),T=L[0],C=L[1],S=L[2],M=n.useMemo((function(){return k&&w?k*(v.length+2)+"px":"100%"}),[k,w,v.length]);if("number"!=typeof f||f<=0||f>=1)throw new Error("property boundary must be number, and between 0 and 1, exclude 0 and 1");return n.createElement("div",{className:t.css(u.default.relative,u.default.w_full,u.default.border_box,u.default.overflow_hidden)},n.createElement("div",{ref:x,className:t.css(u.default.relative,u.default.w_full,u.default.border_box,u.default.overflow_hidden)},n.createElement("div",{ref:T,style:{width:M,backfaceVisibility:"hidden",MozBackfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"},className:t.css(u.default.relative,u.default.w_full,u.default.flex,u.default.nowrap,u.default.border_box,u.default.item_center,u.default.justify_center)},w&&n.createElement("div",{style:{WebkitTransform:"translate3d(0,0,0)",msTransform:"translate3d(0,0,0)",transform:"translate3d(0,0,0)"},className:t.css(u.default.relative,u.default.flex_1,u.default.overflow_hidden,u.default.border_box)},m(v[v.length-1])),v.map((function(e,r){return n.createElement("div",{key:r,style:{WebkitTransform:"translate3d(0,0,0)",msTransform:"translate3d(0,0,0)",transform:"translate3d(0,0,0)"},className:t.css(u.default.relative,u.default.flex_1,u.default.overflow_hidden,u.default.border_box)},m(e))})),w&&n.createElement("div",{style:{WebkitTransform:"translate3d(0,0,0)",msTransform:"translate3d(0,0,0)",transform:"translate3d(0,0,0)"},className:t.css(u.default.relative,u.default.flex_1,u.default.overflow_hidden,u.default.border_box)},m(v[0])))),h,b||_&&n.createElement("ul",{style:g,className:t.css(u.default.absolute,u.default.w_full,u.default.left_0,u.default.flex,u.default.justify_center,u.default.item_center,u.default.bottom_20,u.default.style_none,u.default.gap)},v.map((function(t,r){return n.createElement("li",{key:r,onClick:function(){return S(r)},style:r===C?e.__assign(e.__assign({},l),p):e.__assign(e.__assign({},s),y)})}))))}));exports.default=c;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var noImportant = require('aphrodite/no-important');
+var React = require('react');
+var utils = require('../utils.js');
+var styles = require('./styles.js');
+
+var keyframe = 60;
+var initDotStyle = { width: '10px', height: '10px', borderRadius: '50%', backgroundColor: 'rgba(0,0,0,.3)', transition: 'all 200ms linear' };
+var initActiveDotStyle = tslib.__assign(tslib.__assign({}, initDotStyle), { backgroundColor: 'rgba(255,255,255,.7)' });
+var initSwiperProps = {
+    data: [],
+    renderItem: function () { return null; },
+    onChange: function () { return null; },
+    boundary: 1 / 3,
+    duration: 500,
+    delay: 2000,
+    autoPlay: true,
+    active: 0,
+    dotVisible: true,
+    dotBoxStyle: {},
+    dotStyle: initDotStyle,
+    activeDotStyle: initActiveDotStyle,
+};
+function useClientWidth() {
+    var box_el = React.useRef(null);
+    var _a = React.useState(0), width = _a[0], setWidth = _a[1];
+    var resetWidth = React.useCallback(function () { var _a, _b; return setWidth(Math.max(((_a = box_el.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0, ((_b = box_el.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 0)); }, []);
+    React.useEffect(function () {
+        resetWidth();
+        window.addEventListener('resize', resetWidth);
+        return function () { return window.removeEventListener('resize', resetWidth); };
+    }, [resetWidth]);
+    return [box_el, width];
+}
+function useTouchMouseScrollEvent(props) {
+    var _this = this;
+    var active = props.active, data = props.data, width = props.width, duration = props.duration, boundary = props.boundary, delay = props.delay, ref = props.ref, onChange = props.onChange;
+    var gte2 = data.length >= 2;
+    var ticker = React.useRef();
+    var inited = React.useRef(true);
+    var idx_ref = React.useRef(active);
+    var is_moving = React.useRef(false);
+    var touch_mouse_started = React.useRef(false);
+    var _a = React.useState(false), interaction = _a[0], setInteraction = _a[1];
+    var _b = React.useState(active), current = _b[0], setCurrent = _b[1];
+    var scroll_el = React.useRef(null);
+    var bound = React.useMemo(function () { return width * boundary; }, [width, boundary]);
+    var getTranslateX = React.useCallback(function (axis) {
+        if (!scroll_el.current)
+            return 0;
+        var style = getComputedStyle(scroll_el.current);
+        try {
+            var _a = new WebKitCSSMatrix(style.transform), m41 = _a.m41, m42 = _a.m42, m43 = _a.m43;
+            return { x: m41, y: m42, z: m43 }[axis];
+        }
+        catch (e) {
+            var _b = style.transform.split(/\(|\)/), type = _b[0], str = _b[1];
+            if (type.includes('3d')) {
+                var _c = str.split(',').slice(-4), x = _c[0], y = _c[1], z = _c[2];
+                return Number({ x: x, y: y, z: z }[axis]);
+            }
+            else {
+                var _d = str.split(',').slice(-2), x = _d[0], y = _d[1];
+                return Number({ x: x, y: y, z: 0 }[axis]);
+            }
+        }
+    }, []);
+    var setD = React.useCallback(function (none, timestamp) {
+        if (none === void 0) { none = false; }
+        if (timestamp === void 0) { timestamp = duration; }
+        if (scroll_el.current) {
+            scroll_el.current.style.transition = none ? 'none' : "all ".concat(timestamp, "ms linear");
+            scroll_el.current.style.webkitTransition = none ? 'none' : "all ".concat(timestamp, "ms linear");
+        }
+    }, [duration]);
+    var setX = React.useCallback(function (x) {
+        if (scroll_el.current) {
+            var _x = x;
+            if (_x === undefined || _x === null)
+                _x = gte2 ? -width * idx_ref.current + 'px' : '0px';
+            scroll_el.current.style.transform = "translate3d(".concat(_x, ", 0, 0)");
+            scroll_el.current.style.webkitTransform = "translate3d(".concat(_x, ", 0, 0)");
+        }
+    }, [gte2, width]);
+    var next = React.useCallback(function () { return tslib.__awaiter(_this, void 0, void 0, function () {
+        var index;
+        return tslib.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (is_moving.current || !gte2)
+                        return [2 /*return*/];
+                    is_moving.current = true;
+                    setInteraction(true);
+                    if (!(idx_ref.current >= data.length + 1)) return [3 /*break*/, 2];
+                    is_moving.current = false;
+                    setD(true);
+                    idx_ref.current = 1;
+                    setX();
+                    return [4 /*yield*/, utils.default.sleep(keyframe)];
+                case 1:
+                    _a.sent();
+                    next();
+                    return [2 /*return*/];
+                case 2:
+                    setD();
+                    idx_ref.current++;
+                    index = idx_ref.current - 1;
+                    if (index >= data.length)
+                        index = 0;
+                    setCurrent(index);
+                    setX();
+                    return [4 /*yield*/, utils.default.sleep(duration)];
+                case 3:
+                    _a.sent();
+                    is_moving.current = false;
+                    setInteraction(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [gte2, data.length, setD, setX]);
+    var pre = React.useCallback(function () { return tslib.__awaiter(_this, void 0, void 0, function () {
+        var index;
+        return tslib.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (is_moving.current || !gte2)
+                        return [2 /*return*/];
+                    is_moving.current = true;
+                    setInteraction(true);
+                    if (!(idx_ref.current <= 0)) return [3 /*break*/, 2];
+                    is_moving.current = false;
+                    setD(true);
+                    idx_ref.current = data.length;
+                    setX();
+                    return [4 /*yield*/, utils.default.sleep(keyframe)];
+                case 1:
+                    _a.sent();
+                    pre();
+                    return [2 /*return*/];
+                case 2:
+                    setD();
+                    idx_ref.current--;
+                    index = idx_ref.current - 1;
+                    if (index < 0)
+                        index = data.length - 1;
+                    setCurrent(index);
+                    setX();
+                    return [4 /*yield*/, utils.default.sleep(duration)];
+                case 3:
+                    _a.sent();
+                    is_moving.current = false;
+                    setInteraction(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [gte2, data.length, setD, setX]);
+    var handleSetCurrent = React.useCallback(function (index) { return tslib.__awaiter(_this, void 0, void 0, function () {
+        return tslib.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (is_moving.current || !gte2)
+                        return [2 /*return*/];
+                    is_moving.current = true;
+                    setInteraction(true);
+                    if (!(idx_ref.current <= 0)) return [3 /*break*/, 2];
+                    setD(true);
+                    idx_ref.current = data.length;
+                    setX();
+                    return [4 /*yield*/, utils.default.sleep(keyframe)];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2:
+                    if (!(idx_ref.current >= data.length + 1)) return [3 /*break*/, 4];
+                    setD(true);
+                    idx_ref.current = 1;
+                    setX();
+                    return [4 /*yield*/, utils.default.sleep(keyframe)];
+                case 3:
+                    _a.sent();
+                    _a.label = 4;
+                case 4:
+                    setD();
+                    idx_ref.current = index + 1;
+                    setX();
+                    setCurrent(index);
+                    return [4 /*yield*/, utils.default.sleep(duration)];
+                case 5:
+                    _a.sent();
+                    is_moving.current = false;
+                    setInteraction(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [gte2, setD, data.length, setX, duration]);
+    React.useImperativeHandle(ref, function () { return ({ next: function () { return next(); }, pre: function () { return pre(); } }); }, [next, pre]);
+    React.useEffect(function () {
+        inited.current = true;
+    }, [width, data.length]);
+    React.useEffect(function () {
+        if (inited.current) {
+            setInteraction(true);
+            idx_ref.current = gte2 ? active + 1 : active;
+            setD(true);
+            setX();
+            setCurrent(active);
+            inited.current = false;
+            utils.default.sleep(keyframe).then(function () {
+                setInteraction(false);
+            });
+        }
+        else {
+            inited.current = false;
+            handleSetCurrent(active);
+        }
+    }, [active, gte2, data, setD, setX, handleSetCurrent]);
+    React.useEffect(function () {
+        onChange(current);
+    }, [current]); // attention
+    React.useEffect(function () {
+        if (gte2 && props.autoPlay && !interaction) {
+            ticker.current = setTimeout(function () { return next(); }, delay);
+        }
+        else {
+            clearTimeout(ticker.current);
+        }
+    }, [gte2, props.autoPlay, interaction, delay, next]);
+    React.useEffect(function () {
+        var el = scroll_el.current;
+        var start = 0, offset = 0;
+        function adjustPositionOnBegin(x) {
+            if (is_moving.current)
+                return;
+            touch_mouse_started.current = true;
+            setInteraction(true);
+            setD(true);
+            if (idx_ref.current <= 0) {
+                idx_ref.current = data.length;
+                setX();
+            }
+            if (idx_ref.current >= data.length + 1) {
+                idx_ref.current = 1;
+                setX();
+            }
+            start = x;
+            offset = getTranslateX('x');
+        }
+        function adjustPositionOnMove(x) {
+            if (!touch_mouse_started.current)
+                return;
+            var diff_x = x - start;
+            setX(offset + diff_x + 'px');
+        }
+        function adjustPositionOnEnd(x) {
+            return tslib.__awaiter(this, void 0, void 0, function () {
+                var diff_x, timestamp, timestamp, timestamp, index;
+                return tslib.__generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!touch_mouse_started.current)
+                                return [2 /*return*/];
+                            diff_x = x - start;
+                            if (diff_x >= bound) {
+                                idx_ref.current--;
+                                timestamp = ((width - Math.abs(diff_x)) * duration) / width;
+                                setD(false, timestamp);
+                            }
+                            else if (diff_x <= -bound) {
+                                idx_ref.current++;
+                                timestamp = ((width - Math.abs(diff_x)) * duration) / width;
+                                setD(false, timestamp);
+                            }
+                            else {
+                                timestamp = (Math.abs(diff_x) * duration) / width;
+                                setD(false, timestamp);
+                            }
+                            index = idx_ref.current - 1;
+                            if (index >= data.length)
+                                index = 0;
+                            setCurrent(index);
+                            touch_mouse_started.current = false;
+                            is_moving.current = true;
+                            setX();
+                            return [4 /*yield*/, utils.default.sleep(duration)];
+                        case 1:
+                            _a.sent();
+                            setInteraction(false);
+                            is_moving.current = false;
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        }
+        function stop(ev) {
+            ev.preventDefault();
+            ev.stopPropagation();
+        }
+        function onTouchStart(ev) {
+            stop(ev);
+            adjustPositionOnBegin(ev.targetTouches[0].pageX);
+        }
+        function onMouseStart(ev) {
+            stop(ev);
+            adjustPositionOnBegin(ev.pageX);
+        }
+        function onTouchMove(ev) {
+            stop(ev);
+            adjustPositionOnMove(ev.targetTouches[0].pageX);
+        }
+        function onMouseMove(ev) {
+            stop(ev);
+            adjustPositionOnMove(ev.pageX);
+        }
+        function onTouchEnd(ev) {
+            stop(ev);
+            adjustPositionOnEnd(ev.changedTouches[0].pageX);
+        }
+        function onMouseEnd(ev) {
+            stop(ev);
+            adjustPositionOnEnd(ev.pageX);
+        }
+        function onCancel(ev) {
+            stop(ev);
+            adjustPositionOnEnd(ev.changedTouches[0].pageX);
+        }
+        if (el && gte2) {
+            el.addEventListener('touchstart', onTouchStart, { passive: false });
+            el.addEventListener('touchmove', onTouchMove, { passive: false });
+            el.addEventListener('touchend', onTouchEnd, { passive: false });
+            el.addEventListener('touchcancel', onCancel, { passive: false });
+            el.addEventListener('mousedown', onMouseStart, { passive: false });
+            el.addEventListener('mousemove', onMouseMove, { passive: false });
+            el.addEventListener('mouseup', onMouseEnd, { passive: false });
+            el.addEventListener('mouseout', onMouseEnd, { passive: false });
+        }
+        return function () {
+            el === null || el === void 0 ? void 0 : el.removeEventListener('touchstart', onTouchStart);
+            el === null || el === void 0 ? void 0 : el.removeEventListener('touchmove', onTouchMove);
+            el === null || el === void 0 ? void 0 : el.removeEventListener('touchend', onTouchEnd);
+            el === null || el === void 0 ? void 0 : el.removeEventListener('touchcancel', onCancel);
+            el === null || el === void 0 ? void 0 : el.removeEventListener('mousedown', onMouseStart);
+            el === null || el === void 0 ? void 0 : el.removeEventListener('mousemove', onMouseMove);
+            el === null || el === void 0 ? void 0 : el.removeEventListener('mouseup', onMouseEnd);
+            el === null || el === void 0 ? void 0 : el.removeEventListener('mouseout', onMouseEnd);
+        };
+    }, [gte2, setD, getTranslateX, setX, bound, duration, data.length, width]);
+    React.useEffect(function () {
+        var tick;
+        function onResize() {
+            clearTimeout(tick);
+            setInteraction(true);
+            setD(true);
+            setX();
+            tick = setTimeout(function () {
+                setInteraction(false);
+            }, 60);
+        }
+        window.addEventListener('resize', onResize);
+        return function () { return window.removeEventListener('resize', onResize); };
+    }, [setD, setX]);
+    React.useEffect(function () {
+        var tick = ticker.current;
+        return function () { return clearTimeout(tick); };
+    }, []);
+    return [scroll_el, current, handleSetCurrent];
+}
+function Swiper(props, ref) {
+    var _a = tslib.__assign(tslib.__assign({}, initSwiperProps), props), boundary = _a.boundary, data = _a.data, renderItem = _a.renderItem, children = _a.children, dotVisible = _a.dotVisible, renderDots = _a.renderDots, dotBoxStyle = _a.dotBoxStyle, activeDotStyle = _a.activeDotStyle, dotStyle = _a.dotStyle;
+    var gte2 = data.length >= 2;
+    var _b = useClientWidth(), box_el = _b[0], width = _b[1];
+    var _c = useTouchMouseScrollEvent(tslib.__assign(tslib.__assign(tslib.__assign({}, initSwiperProps), props), { width: width, ref: ref })), scroll_el = _c[0], current = _c[1], setCurrent = _c[2];
+    var scroll_width = React.useMemo(function () { return (width && gte2 ? width * (data.length + 2) + 'px' : '100%'); }, [width, gte2, data.length]);
+    if (typeof boundary !== 'number' || boundary <= 0 || boundary >= 1) {
+        throw new Error('property boundary must be number, and between 0 and 1, exclude 0 and 1');
+    }
+    return (React.createElement("div", { className: noImportant.css(styles.default.relative, styles.default.w_full, styles.default.border_box, styles.default.overflow_hidden) },
+        React.createElement("div", { ref: box_el, className: noImportant.css(styles.default.relative, styles.default.w_full, styles.default.border_box, styles.default.overflow_hidden) },
+            React.createElement("div", { ref: scroll_el, style: { width: scroll_width, backfaceVisibility: 'hidden', MozBackfaceVisibility: 'hidden', WebkitBackfaceVisibility: 'hidden' }, className: noImportant.css(styles.default.relative, styles.default.w_full, styles.default.flex, styles.default.nowrap, styles.default.border_box, styles.default.item_center, styles.default.justify_center) },
+                gte2 && (React.createElement("div", { style: { WebkitTransform: 'translate3d(0,0,0)', msTransform: 'translate3d(0,0,0)', transform: 'translate3d(0,0,0)' }, className: noImportant.css(styles.default.relative, styles.default.flex_1, styles.default.overflow_hidden, styles.default.border_box) }, renderItem(data[data.length - 1]))),
+                data.map(function (item, index) { return (React.createElement("div", { key: index, style: { WebkitTransform: 'translate3d(0,0,0)', msTransform: 'translate3d(0,0,0)', transform: 'translate3d(0,0,0)' }, className: noImportant.css(styles.default.relative, styles.default.flex_1, styles.default.overflow_hidden, styles.default.border_box) }, renderItem(item))); }),
+                gte2 && (React.createElement("div", { style: { WebkitTransform: 'translate3d(0,0,0)', msTransform: 'translate3d(0,0,0)', transform: 'translate3d(0,0,0)' }, className: noImportant.css(styles.default.relative, styles.default.flex_1, styles.default.overflow_hidden, styles.default.border_box) }, renderItem(data[0]))))),
+        children,
+        renderDots ||
+            (dotVisible && (React.createElement("ul", { style: dotBoxStyle, className: noImportant.css(styles.default.absolute, styles.default.w_full, styles.default.left_0, styles.default.flex, styles.default.justify_center, styles.default.item_center, styles.default.bottom_20, styles.default.style_none, styles.default.gap) }, data.map(function (_, i) { return (React.createElement("li", { key: i, onClick: function () { return setCurrent(i); }, style: i === current ? tslib.__assign(tslib.__assign({}, initActiveDotStyle), activeDotStyle) : tslib.__assign(tslib.__assign({}, initDotStyle), dotStyle) })); }))))));
+}
+var Swiper$1 = React.forwardRef(Swiper);
+
+exports.default = Swiper$1;

package/dist/lib/Swiper/index.js

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Swiper.js");exports.default=e.default;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Swiper = require('./Swiper.js');
+
+
+
+exports.default = Swiper.default;

package/dist/lib/Swiper/styles.js

@@ -1 +1,52 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("aphrodite/no-important").StyleSheet.create({relative:{position:"relative"},absolute:{position:"absolute"},w_full:{width:"100%"},border_box:{boxSizing:"border-box"},overflow_hidden:{overflow:"hidden"},flex:{display:"flex"},nowrap:{flexWrap:"nowrap"},flex_1:{flex:1},item_center:{alignItems:"center"},justify_center:{justifyContent:"center"},left_0:{left:0},bottom_20:{bottom:"20px"},style_none:{listStyle:"none"},gap:{columnGap:"8px"}});exports.default=e;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var noImportant = require('aphrodite/no-important');
+
+var styles = noImportant.StyleSheet.create({
+    relative: {
+        position: 'relative',
+    },
+    absolute: {
+        position: 'absolute',
+    },
+    w_full: {
+        width: '100%',
+    },
+    border_box: {
+        boxSizing: 'border-box',
+    },
+    overflow_hidden: {
+        overflow: 'hidden',
+    },
+    flex: {
+        display: 'flex',
+    },
+    nowrap: {
+        flexWrap: 'nowrap',
+    },
+    flex_1: {
+        flex: 1,
+    },
+    item_center: {
+        alignItems: 'center',
+    },
+    justify_center: {
+        justifyContent: 'center',
+    },
+    left_0: {
+        left: 0,
+    },
+    bottom_20: {
+        bottom: '20px',
+    },
+    style_none: {
+        listStyle: 'none',
+    },
+    gap: {
+        columnGap: '8px',
+    },
+});
+
+exports.default = styles;

package/dist/lib/hooks/useShow.js

@@ -1 +1,22 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.default=function(t,n){void 0===n&&(n=[]);var i=e.useCallback((function(){return null==t?void 0:t()}),n);e.useEffect((function(){return i(),document.addEventListener("visibilitychange",i),function(){document.removeEventListener("visibilitychange",i)}}),[i])};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function useShow(method, dep) {
+    if (dep === void 0) { dep = []; }
+    var onShow = React.useCallback(function () {
+        if (document.visibilityState === 'visible')
+            method === null || method === void 0 ? void 0 : method();
+    }, dep);
+    React.useEffect(function () {
+        onShow();
+        document.addEventListener('visibilitychange', onShow);
+        return function () {
+            document.removeEventListener('visibilitychange', onShow);
+        };
+    }, [onShow]);
+}
+
+exports.default = useShow;

package/dist/lib/index.js

@@ -1 +1,23 @@
-"use strict";var e=require("./utils.js"),r=require("./hooks/useShow.js"),t=require("./Button/Button.js"),u=require("./Card/Card.js"),o=require("./Container/Container.js"),s=require("./Loading/Loading.js"),i=require("./Popup/Popup.js"),a=require("./ScrollView/ScrollView.js"),p=require("./Swiper/Swiper.js");exports.utils=e.default,exports.useShow=r.default,exports.Button=t.default,exports.Card=u.default,exports.Container=o.default,exports.Loading=s.default,exports.Popup=i.default,exports.ScrollView=a.default,exports.Swiper=p.default;
+'use strict';
+
+var utils = require('./utils.js');
+var useShow = require('./hooks/useShow.js');
+var Button = require('./Button/Button.js');
+var Card = require('./Card/Card.js');
+var Container = require('./Container/Container.js');
+var Loading = require('./Loading/Loading.js');
+var Popup = require('./Popup/Popup.js');
+var ScrollView = require('./ScrollView/ScrollView.js');
+var Swiper = require('./Swiper/Swiper.js');
+
+
+
+exports.utils = utils.default;
+exports.useShow = useShow.default;
+exports.Button = Button.default;
+exports.Card = Card.default;
+exports.Container = Container.default;
+exports.Loading = Loading.default;
+exports.Popup = Popup.default;
+exports.ScrollView = ScrollView.default;
+exports.Swiper = Swiper.default;

package/dist/lib/utils.js

@@ -1 +1,73 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib");var e={sleep:function(e,t){return void 0===t&&(t=!1),r.__awaiter(this,void 0,void 0,(function(){return r.__generator(this,(function(r){return[2,new Promise((function(r){return setTimeout((function(){return r(t)}),e)}))]}))}))},parseUrl:function(r){var e=window.location.href.split("?").slice(1),t={};return e.forEach((function(r){var e=r.indexOf("/");(-1!==e?r.substring(0,e):r).split("&").forEach((function(r){var e=r.split("="),i=e[0],n=e[1],o=void 0===n||n;if(t.hasOwnProperty(i)){var s=t[i];Array.isArray(s)?s.push(o):t[i]=[o]}else t[i]=o}))})),void 0!==r?t[r]||void 0:t}};exports.default=e;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+
+function sleep(timestamp_1) {
+    return tslib.__awaiter(this, arguments, void 0, function (timestamp, result) {
+        if (result === void 0) { result = false; }
+        return tslib.__generator(this, function (_a) {
+            return [2 /*return*/, new Promise(function (resolve) { return setTimeout(function () { return resolve(result); }, timestamp); })];
+        });
+    });
+}
+function parseUrl(key) {
+    var url = window.location.href;
+    var result = {};
+    // 处理哈希片段中的查询参数
+    var hashIndex = url.indexOf("#");
+    var queryString = "";
+    if (hashIndex !== -1) {
+        // 提取哈希片段
+        var hashPart = url.substring(hashIndex + 1);
+        var hashQueryIndex = hashPart.indexOf("?");
+        if (hashQueryIndex !== -1) {
+            // 哈希片段中包含查询参数
+            queryString += (queryString ? "&" : "") + hashPart.substring(hashQueryIndex + 1);
+        }
+        // 处理主查询字符串（在问号后，哈希前）
+        var mainQueryIndex = url.indexOf("?");
+        if (mainQueryIndex !== -1 && mainQueryIndex < hashIndex) {
+            var mainQuery = url.substring(mainQueryIndex + 1, hashIndex);
+            queryString = mainQuery + (queryString ? "&" + queryString : "");
+        }
+    }
+    else {
+        // 没有哈希片段，直接处理查询字符串
+        var mainQueryIndex = url.indexOf("?");
+        if (mainQueryIndex !== -1) {
+            queryString = url.substring(mainQueryIndex + 1);
+        }
+    }
+    // 如果没有查询参数，返回空对象或指定键的 undefined
+    if (!queryString) {
+        return key !== undefined ? undefined : result;
+    }
+    // 解析查询参数
+    var keyValuePairs = queryString.split("&");
+    keyValuePairs.forEach(function (pair) {
+        var _a = pair.split("="), key = _a[0], value = _a[1];
+        if (key) {
+            var _value = value === undefined ? true : decodeURIComponent(value);
+            if (result.hasOwnProperty(key)) {
+                var val = result[key];
+                if (Array.isArray(val)) {
+                    val.push(_value);
+                }
+                else {
+                    result[key] = [val, _value];
+                }
+            }
+            else {
+                result[key] = _value;
+            }
+        }
+    });
+    if (key !== undefined)
+        return result[key] || undefined;
+    return result;
+}
+var utils = { sleep: sleep, parseUrl: parseUrl };
+
+exports.default = utils;