rox-react-components 0.0.45 → 0.0.46

package/dist/es/Swiper/Swiper.js

@@ -1 +1,388 @@
-import{__assign as e,__awaiter as t,__generator as n}from"tslib";import{css as r}from"aphrodite/no-important";import u,{forwardRef as o,useMemo as a,useRef as i,useState as c,useCallback as s,useEffect as l,useImperativeHandle as d}from"react";import f from"../utils.js";import v from"./styles.js";var m=60,h={width:"10px",height:"10px",borderRadius:"50%",backgroundColor:"rgba(0,0,0,.3)",transition:"all 200ms linear"},p=e(e({},h),{backgroundColor:"rgba(255,255,255,.7)"}),b={data:[],renderItem:function(){return null},onChange:function(){return null},boundary:1/3,duration:500,delay:2e3,autoPlay:!0,active:0,dotVisible:!0,dotBoxStyle:{},dotStyle:h,activeDotStyle:p};var y=o((function(o,y){var g=e(e({},b),o),w=g.boundary,E=g.data,x=g.renderItem,_=g.children,L=g.dotVisible,T=g.renderDots,k=g.dotBoxStyle,N=g.activeDotStyle,S=g.dotStyle,z=E.length>=2,C=function(){var e=i(null),t=c(0),n=t[0],r=t[1],u=s((function(){var t,n;return r(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 l((function(){return u(),window.addEventListener("resize",u),function(){return window.removeEventListener("resize",u)}}),[u]),[e,n]}(),W=C[0],X=C[1],M=function(e){var r=this,u=e.active,o=e.data,v=e.width,h=e.duration,p=e.boundary,b=e.delay,y=e.ref,g=e.onChange,w=o.length>=2,E=i(),x=i(!0),_=i(u),L=i(!1),T=i(!1),k=c(!1),N=k[0],S=k[1],z=c(u),C=z[0],W=z[1],X=i(null),M=a((function(){return v*p}),[v,p]),V=s((function(e){if(!X.current)return 0;var t=getComputedStyle(X.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],o=r[1];if(u.includes("3d")){var a=o.split(",").slice(-4),i=a[0],c=a[1],s=a[2];return Number({x:i,y:c,z:s}[e])}var l=o.split(",").slice(-2);return i=l[0],c=l[1],Number({x:i,y:c,z:0}[e])}}),[]),j=s((function(e,t){void 0===e&&(e=!1),void 0===t&&(t=h),X.current&&(X.current.style.transition=e?"none":"all ".concat(t,"ms linear"),X.current.style.webkitTransition=e?"none":"all ".concat(t,"ms linear"))}),[h]),B=s((function(e){if(X.current){var t=e;null==t&&(t=w?-v*_.current+"px":"0px"),X.current.style.transform="translate3d(".concat(t,", 0, 0)"),X.current.style.webkitTransform="translate3d(".concat(t,", 0, 0)")}}),[w,v]),D=s((function(){return t(r,void 0,void 0,(function(){var e;return n(this,(function(t){switch(t.label){case 0:return L.current||!w?[2]:(L.current=!0,S(!0),_.current>=o.length+1?(L.current=!1,j(!0),_.current=1,B(),[4,f.sleep(m)]):[3,2]);case 1:return t.sent(),D(),[2];case 2:return j(),_.current++,(e=_.current-1)>=o.length&&(e=0),W(e),B(),[4,f.sleep(h)];case 3:return t.sent(),L.current=!1,S(!1),[2]}}))}))}),[w,o.length,j,B]),P=s((function(){return t(r,void 0,void 0,(function(){var e;return n(this,(function(t){switch(t.label){case 0:return L.current||!w?[2]:(L.current=!0,S(!0),_.current<=0?(L.current=!1,j(!0),_.current=o.length,B(),[4,f.sleep(m)]):[3,2]);case 1:return t.sent(),P(),[2];case 2:return j(),_.current--,(e=_.current-1)<0&&(e=o.length-1),W(e),B(),[4,f.sleep(h)];case 3:return t.sent(),L.current=!1,S(!1),[2]}}))}))}),[w,o.length,j,B]),I=s((function(e){return t(r,void 0,void 0,(function(){return n(this,(function(t){switch(t.label){case 0:return L.current||!w?[2]:(L.current=!0,S(!0),_.current<=0?(j(!0),_.current=o.length,B(),[4,f.sleep(m)]):[3,2]);case 1:t.sent(),t.label=2;case 2:return _.current>=o.length+1?(j(!0),_.current=1,B(),[4,f.sleep(m)]):[3,4];case 3:t.sent(),t.label=4;case 4:return j(),_.current=e+1,B(),W(e),[4,f.sleep(h)];case 5:return t.sent(),L.current=!1,S(!1),[2]}}))}))}),[w,j,o.length,B,h]);return d(y,(function(){return{next:function(){return D()},pre:function(){return P()}}}),[D,P]),l((function(){x.current=!0}),[v,o.length]),l((function(){x.current?(S(!0),_.current=w?u+1:u,j(!0),B(),W(u),x.current=!1,f.sleep(m).then((function(){S(!1)}))):(x.current=!1,I(u))}),[u,w,o,j,B,I]),l((function(){g(C)}),[C]),l((function(){w&&e.autoPlay&&!N?E.current=setTimeout((function(){return D()}),b):clearTimeout(E.current)}),[w,e.autoPlay,N,b,D]),l((function(){var e=X.current,r=0,u=0;function a(e){L.current||(T.current=!0,S(!0),j(!0),_.current<=0&&(_.current=o.length,B()),_.current>=o.length+1&&(_.current=1,B()),r=e,u=V("x"))}function i(e){T.current&&B(u+(e-r)+"px")}function c(e){return t(this,void 0,void 0,(function(){var t,u,a;return n(this,(function(n){switch(n.label){case 0:return T.current?((t=e-r)>=M?(_.current--,u=(v-Math.abs(t))*h/v,j(!1,u)):t<=-M?(_.current++,u=(v-Math.abs(t))*h/v,j(!1,u)):(u=Math.abs(t)*h/v,j(!1,u)),(a=_.current-1)>=o.length&&(a=0),W(a),T.current=!1,L.current=!0,B(),[4,f.sleep(h)]):[2];case 1:return n.sent(),S(!1),L.current=!1,[2]}}))}))}function s(e){e.preventDefault(),e.stopPropagation()}function l(e){s(e),a(e.targetTouches[0].pageX)}function d(e){s(e),a(e.pageX)}function m(e){s(e),i(e.targetTouches[0].pageX)}function p(e){s(e),i(e.pageX)}function b(e){s(e),c(e.changedTouches[0].pageX)}function y(e){s(e),c(e.pageX)}function g(e){s(e),c(e.changedTouches[0].pageX)}return e&&w&&(e.addEventListener("touchstart",l,{passive:!1}),e.addEventListener("touchmove",m,{passive:!1}),e.addEventListener("touchend",b,{passive:!1}),e.addEventListener("touchcancel",g,{passive:!1}),e.addEventListener("mousedown",d,{passive:!1}),e.addEventListener("mousemove",p,{passive:!1}),e.addEventListener("mouseup",y,{passive:!1}),e.addEventListener("mouseout",y,{passive:!1})),function(){null==e||e.removeEventListener("touchstart",l),null==e||e.removeEventListener("touchmove",m),null==e||e.removeEventListener("touchend",b),null==e||e.removeEventListener("touchcancel",g),null==e||e.removeEventListener("mousedown",d),null==e||e.removeEventListener("mousemove",p),null==e||e.removeEventListener("mouseup",y),null==e||e.removeEventListener("mouseout",y)}}),[w,j,V,B,M,h,o.length,v]),l((function(){var e;function t(){clearTimeout(e),S(!0),j(!0),B(),e=setTimeout((function(){S(!1)}),60)}return window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}),[j,B]),l((function(){var e=E.current;return function(){return clearTimeout(e)}}),[]),[X,C,I]}(e(e(e({},b),o),{width:X,ref:y})),V=M[0],j=M[1],B=M[2],D=a((function(){return X&&z?X*(E.length+2)+"px":"100%"}),[X,z,E.length]);if("number"!=typeof w||w<=0||w>=1)throw new Error("property boundary must be number, and between 0 and 1, exclude 0 and 1");return u.createElement("div",{className:r(v.relative,v.w_full,v.border_box,v.overflow_hidden)},u.createElement("div",{ref:W,className:r(v.relative,v.w_full,v.border_box,v.overflow_hidden)},u.createElement("div",{ref:V,style:{width:D,backfaceVisibility:"hidden",MozBackfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden"},className:r(v.relative,v.w_full,v.flex,v.nowrap,v.border_box,v.item_center,v.justify_center)},z&&u.createElement("div",{style:{WebkitTransform:"translate3d(0,0,0)",msTransform:"translate3d(0,0,0)",transform:"translate3d(0,0,0)"},className:r(v.relative,v.flex_1,v.overflow_hidden,v.border_box)},x(E[E.length-1])),E.map((function(e,t){return u.createElement("div",{key:t,style:{WebkitTransform:"translate3d(0,0,0)",msTransform:"translate3d(0,0,0)",transform:"translate3d(0,0,0)"},className:r(v.relative,v.flex_1,v.overflow_hidden,v.border_box)},x(e))})),z&&u.createElement("div",{style:{WebkitTransform:"translate3d(0,0,0)",msTransform:"translate3d(0,0,0)",transform:"translate3d(0,0,0)"},className:r(v.relative,v.flex_1,v.overflow_hidden,v.border_box)},x(E[0])))),_,T||L&&u.createElement("ul",{style:k,className:r(v.absolute,v.w_full,v.left_0,v.flex,v.justify_center,v.item_center,v.bottom_20,v.style_none,v.gap)},E.map((function(t,n){return u.createElement("li",{key:n,onClick:function(){return B(n)},style:n===j?e(e({},p),N):e(e({},h),S)})}))))}));export{y as default};
+import { __assign, __awaiter, __generator } from 'tslib';
+import { css } from 'aphrodite/no-important';
+import React, { forwardRef, useMemo, useRef, useState, useCallback, useEffect, useImperativeHandle } from 'react';
+import utils from '../utils.js';
+import styles from './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 = __assign(__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 = useRef(null);
+    var _a = useState(0), width = _a[0], setWidth = _a[1];
+    var resetWidth = 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)); }, []);
+    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 = useRef();
+    var inited = useRef(true);
+    var idx_ref = useRef(active);
+    var is_moving = useRef(false);
+    var touch_mouse_started = useRef(false);
+    var _a = useState(false), interaction = _a[0], setInteraction = _a[1];
+    var _b = useState(active), current = _b[0], setCurrent = _b[1];
+    var scroll_el = useRef(null);
+    var bound = useMemo(function () { return width * boundary; }, [width, boundary]);
+    var getTranslateX = 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 = 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 = 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 = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
+        var index;
+        return __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.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.sleep(duration)];
+                case 3:
+                    _a.sent();
+                    is_moving.current = false;
+                    setInteraction(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [gte2, data.length, setD, setX]);
+    var pre = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
+        var index;
+        return __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.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.sleep(duration)];
+                case 3:
+                    _a.sent();
+                    is_moving.current = false;
+                    setInteraction(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [gte2, data.length, setD, setX]);
+    var handleSetCurrent = useCallback(function (index) { return __awaiter(_this, void 0, void 0, function () {
+        return __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.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.sleep(keyframe)];
+                case 3:
+                    _a.sent();
+                    _a.label = 4;
+                case 4:
+                    setD();
+                    idx_ref.current = index + 1;
+                    setX();
+                    setCurrent(index);
+                    return [4 /*yield*/, utils.sleep(duration)];
+                case 5:
+                    _a.sent();
+                    is_moving.current = false;
+                    setInteraction(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [gte2, setD, data.length, setX, duration]);
+    useImperativeHandle(ref, function () { return ({ next: function () { return next(); }, pre: function () { return pre(); } }); }, [next, pre]);
+    useEffect(function () {
+        inited.current = true;
+    }, [width, data.length]);
+    useEffect(function () {
+        if (inited.current) {
+            setInteraction(true);
+            idx_ref.current = gte2 ? active + 1 : active;
+            setD(true);
+            setX();
+            setCurrent(active);
+            inited.current = false;
+            utils.sleep(keyframe).then(function () {
+                setInteraction(false);
+            });
+        }
+        else {
+            inited.current = false;
+            handleSetCurrent(active);
+        }
+    }, [active, gte2, data, setD, setX, handleSetCurrent]);
+    useEffect(function () {
+        onChange(current);
+    }, [current]); // attention
+    useEffect(function () {
+        if (gte2 && props.autoPlay && !interaction) {
+            ticker.current = setTimeout(function () { return next(); }, delay);
+        }
+        else {
+            clearTimeout(ticker.current);
+        }
+    }, [gte2, props.autoPlay, interaction, delay, next]);
+    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 __awaiter(this, void 0, void 0, function () {
+                var diff_x, timestamp, timestamp, timestamp, index;
+                return __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.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]);
+    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]);
+    useEffect(function () {
+        var tick = ticker.current;
+        return function () { return clearTimeout(tick); };
+    }, []);
+    return [scroll_el, current, handleSetCurrent];
+}
+function Swiper(props, ref) {
+    var _a = __assign(__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(__assign(__assign(__assign({}, initSwiperProps), props), { width: width, ref: ref })), scroll_el = _c[0], current = _c[1], setCurrent = _c[2];
+    var scroll_width = 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: css(styles.relative, styles.w_full, styles.border_box, styles.overflow_hidden) },
+        React.createElement("div", { ref: box_el, className: css(styles.relative, styles.w_full, styles.border_box, styles.overflow_hidden) },
+            React.createElement("div", { ref: scroll_el, style: { width: scroll_width, backfaceVisibility: 'hidden', MozBackfaceVisibility: 'hidden', WebkitBackfaceVisibility: 'hidden' }, className: css(styles.relative, styles.w_full, styles.flex, styles.nowrap, styles.border_box, styles.item_center, styles.justify_center) },
+                gte2 && (React.createElement("div", { style: { WebkitTransform: 'translate3d(0,0,0)', msTransform: 'translate3d(0,0,0)', transform: 'translate3d(0,0,0)' }, className: css(styles.relative, styles.flex_1, styles.overflow_hidden, styles.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: css(styles.relative, styles.flex_1, styles.overflow_hidden, styles.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: css(styles.relative, styles.flex_1, styles.overflow_hidden, styles.border_box) }, renderItem(data[0]))))),
+        children,
+        renderDots ||
+            (dotVisible && (React.createElement("ul", { style: dotBoxStyle, className: css(styles.absolute, styles.w_full, styles.left_0, styles.flex, styles.justify_center, styles.item_center, styles.bottom_20, styles.style_none, styles.gap) }, data.map(function (_, i) { return (React.createElement("li", { key: i, onClick: function () { return setCurrent(i); }, style: i === current ? __assign(__assign({}, initActiveDotStyle), activeDotStyle) : __assign(__assign({}, initDotStyle), dotStyle) })); }))))));
+}
+var Swiper$1 = forwardRef(Swiper);
+
+export { Swiper$1 as default };

package/dist/es/Swiper/index.js

@@ -1 +1,5 @@
-import r from"./Swiper.js";export{r as default};
+import Swiper from './Swiper.js';
+
+
+
+export { Swiper as default };

package/dist/es/Swiper/styles.js

@@ -1 +1,48 @@
-import{StyleSheet as e}from"aphrodite/no-important";var t=e.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"}});export{t as default};
+import { StyleSheet } from 'aphrodite/no-important';
+
+var styles = 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',
+    },
+});
+
+export { styles as default };

package/dist/es/hooks/useShow.js

@@ -1 +1,18 @@
-import{useCallback as i,useEffect as t}from"react";function e(e,n){void 0===n&&(n=[]);var o=i((function(){"visible"===document.visibilityState&&(null==e||e())}),n);t((function(){return o(),document.addEventListener("visibilitychange",o),function(){document.removeEventListener("visibilitychange",o)}}),[o])}export{e as default};
+import { useCallback, useEffect } from 'react';
+
+function useShow(method, dep) {
+    if (dep === void 0) { dep = []; }
+    var onShow = useCallback(function () {
+        if (document.visibilityState === 'visible')
+            method === null || method === void 0 ? void 0 : method();
+    }, dep);
+    useEffect(function () {
+        onShow();
+        document.addEventListener('visibilitychange', onShow);
+        return function () {
+            document.removeEventListener('visibilitychange', onShow);
+        };
+    }, [onShow]);
+}
+
+export { useShow as default };

package/dist/es/index.js

@@ -1 +1,9 @@
-export{default as utils}from"./utils.js";export{default as useShow}from"./hooks/useShow.js";export{default as Button}from"./Button/Button.js";export{default as Card}from"./Card/Card.js";export{default as Container}from"./Container/Container.js";export{default as Loading}from"./Loading/Loading.js";export{default as Popup}from"./Popup/Popup.js";export{default as ScrollView}from"./ScrollView/ScrollView.js";export{default as Swiper}from"./Swiper/Swiper.js";
+export { default as utils } from './utils.js';
+export { default as useShow } from './hooks/useShow.js';
+export { default as Button } from './Button/Button.js';
+export { default as Card } from './Card/Card.js';
+export { default as Container } from './Container/Container.js';
+export { default as Loading } from './Loading/Loading.js';
+export { default as Popup } from './Popup/Popup.js';
+export { default as ScrollView } from './ScrollView/ScrollView.js';
+export { default as Swiper } from './Swiper/Swiper.js';

package/dist/es/utils.js

@@ -1 +1,69 @@
-import{__awaiter as r,__generator as i}from"tslib";var n={sleep:function(n,t){return void 0===t&&(t=!1),r(this,void 0,void 0,(function(){return i(this,(function(r){return[2,new Promise((function(r){return setTimeout((function(){return r(t)}),n)}))]}))}))},parseUrl:function(r){var i=window.location.href.split("?").slice(1),n={};return i.forEach((function(r){var i=r.indexOf("/");(-1!==i?r.substring(0,i):r).split("&").forEach((function(r){var i=r.split("="),t=i[0],o=i[1],e=void 0===o||o;if(n.hasOwnProperty(t)){var s=n[t];Array.isArray(s)?s.push(e):n[t]=[e]}else n[t]=e}))})),void 0!==r?n[r]||void 0:n}};export{n as default};
+import { __awaiter, __generator } from 'tslib';
+
+function sleep(timestamp_1) {
+    return __awaiter(this, arguments, void 0, function (timestamp, result) {
+        if (result === void 0) { result = false; }
+        return __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 };
+
+export { utils as default };

package/dist/index.d.ts

@@ -127,11 +127,12 @@ interface ScrollViewProps extends PropsWithChildren {
     onReachLeft?: (done: Function) => void;
     onReachRight?: (done: Function) => void;
 }
-declare const _default$1: (props: ScrollViewProps & React.RefAttributes<ScrollViewExposeMethods>) => React.ReactNode;
+declare const _default$1: (props: ScrollViewProps & React.RefAttributes<ScrollViewExposeMethods>) => React.ReactNode | null;
 
 declare module 'react' {
     function forwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactNode | null): (props: P & React.RefAttributes<T>) => React.ReactNode | null;
 }
-declare const _default: <T extends unknown>(props: SwiperProps<T> & React.RefAttributes<SwiperExposeMethods>) => React.ReactNode;
+declare const _default: <T extends unknown>(props: SwiperProps<T> & React.RefAttributes<SwiperExposeMethods>) => React.ReactNode | null;
 
-export { type AnimationTimingFunction, Button, Card, Container, Loading, Popup, type PopupPosition, type PopupType, _default$1 as ScrollView, type ScrollViewExposeMethods, _default as Swiper, type SwiperExposeMethods, type SwiperProps, type ToParams, useShow, _default$2 as utils };
+export { Button, Card, Container, Loading, Popup, _default$1 as ScrollView, _default as Swiper, useShow, _default$2 as utils };
+export type { AnimationTimingFunction, PopupPosition, PopupType, ScrollViewExposeMethods, SwiperExposeMethods, SwiperProps, ToParams };

package/dist/lib/Button/Button.js

@@ -1 +1,50 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("aphrodite/no-important"),r=require("react"),o=require("./styles.js"),i=["relative","absolute","fixed"];exports.default=function(s){var l=s.children,n=s.style,a=void 0===n?{}:n,c=s.block,u=void 0!==c&&c,d=s.className,f=void 0===d?"":d,p=s.radius,v=void 0===p?4:p,g=s.bg,h=void 0===g?"rgba(0,0,0,.7)":g,b=s.color,m=void 0===b?"#ffffff":b,y=s.onClick,C=s.wavesColor,_=void 0===C?"rgba(255,255,255,.3)":C,k=e.__rest(s,["children","style","block","className","radius","bg","color","onClick","wavesColor"]),x=r.useRef([]),w=r.useRef(null),q=r.useMemo((function(){return e.__assign(e.__assign({},a),{overflow:"hidden",borderRadius:v+"px",background:h,color:m})}),[a,v,h,m]),R=r.useCallback((function(e){null==y||y(e);var r,i=e.currentTarget;x.current.length?r=x.current.shift():(r=document.createElement("div")).classList.add(t.css(o.default.ripple));var s=i.getBoundingClientRect();r.style.width=r.style.height=Math.max(s.width,s.height)+"px",r.style.backgroundColor=_,i.appendChild(r);var l=e.pageY-s.top-r.offsetHeight/2+"px",n=e.pageX-s.left-r.offsetWidth/2+"px";r.style.top=l,r.style.left=n,r.onanimationend=function(){i.removeChild(r),x.current.push(r)}}),[y,_]);return r.useEffect((function(){if(w.current){var e=getComputedStyle(w.current);i.includes(e.position)||(w.current.style.position="relative")}}),[]),r.createElement("button",e.__assign({},k,{className:"".concat(f," ").concat(t.css(o.default.button)," ").concat(u?t.css(o.default.block):""),style:q,ref:w,onClick:R}),l)};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var noImportant = require('aphrodite/no-important');
+var React = require('react');
+var styles = require('./styles.js');
+
+var positions = ['relative', 'absolute', 'fixed'];
+var Button = function (props) {
+    var children = props.children, _a = props.style, style = _a === void 0 ? {} : _a, _b = props.block, block = _b === void 0 ? false : _b, _c = props.className, className = _c === void 0 ? '' : _c, _d = props.radius, radius = _d === void 0 ? 4 : _d, _e = props.bg, bg = _e === void 0 ? 'rgba(0,0,0,.7)' : _e, _f = props.color, color = _f === void 0 ? '#ffffff' : _f, onClick = props.onClick, _g = props.wavesColor, wavesColor = _g === void 0 ? 'rgba(255,255,255,.3)' : _g, rest = tslib.__rest(props, ["children", "style", "block", "className", "radius", "bg", "color", "onClick", "wavesColor"]);
+    var pools = React.useRef([]);
+    var btn_ref = React.useRef(null);
+    var btnStyle = React.useMemo(function () { return (tslib.__assign(tslib.__assign({}, style), { overflow: 'hidden', borderRadius: radius + 'px', background: bg, color: color })); }, [style, radius, bg, color]);
+    var handleButtonClick = React.useCallback(function (event) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        var target = event.currentTarget;
+        var node;
+        if (pools.current.length) {
+            node = pools.current.shift();
+        }
+        else {
+            node = document.createElement('div');
+            node.classList.add(noImportant.css(styles.default.ripple));
+        }
+        var rect = target.getBoundingClientRect();
+        node.style.width = node.style.height = Math.max(rect.width, rect.height) + 'px';
+        node.style.backgroundColor = wavesColor;
+        target.appendChild(node);
+        var y = event.pageY - rect.top - node.offsetHeight / 2 + 'px';
+        var x = event.pageX - rect.left - node.offsetWidth / 2 + 'px';
+        node.style.top = y;
+        node.style.left = x;
+        node.onanimationend = function () {
+            target.removeChild(node);
+            pools.current.push(node);
+        };
+    }, [onClick, wavesColor]);
+    React.useEffect(function () {
+        if (btn_ref.current) {
+            var style_1 = getComputedStyle(btn_ref.current);
+            if (!positions.includes(style_1.position))
+                btn_ref.current.style.position = 'relative';
+        }
+    }, []);
+    return (React.createElement("button", tslib.__assign({}, rest, { className: "".concat(className, " ").concat(noImportant.css(styles.default.button), " ").concat(block ? noImportant.css(styles.default.block) : ''), style: btnStyle, ref: btn_ref, onClick: handleButtonClick }), children));
+};
+
+exports.default = Button;

package/dist/lib/Button/index.js

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