rox-react-components 0.0.37 → 0.0.39

package/README.md

@@ -10,4 +10,4 @@
 
 ## Button [Button Demo](https://stackblitz.com/edit/stackblitz-starters-mze3as?file=src%2FApp.tsx)
 
-## Popup -> Designing
+## Popup -> [Popup Demo](https://stackblitz.com/edit/stackblitz-starters-zko4zq?file=src%2FApp.tsx)

package/dist/es/Card/Card.js

@@ -1 +1 @@
-import{__assign as t}from"tslib";import{css as n}from"aphrodite/no-important";import a,{useMemo as o}from"react";import r from"./styles.js";var i={expand:!1,duration:200},e=function(e){var c=t(t({},i),e),s=c.duration,m=c.expand,d=c.children,l=o((function(){return{transitionDuration:"".concat(s,"ms"),msTransitionDuration:"".concat(s,"ms"),MozTransitionDuration:"".concat(s,"ms"),WebkitTransitionDuration:"".concat(s,"ms")}}),[s]);return a.createElement("div",{style:l,className:"".concat(n(r.collapse)," ").concat(m?n(r.expand):"")},a.createElement("div",{className:n(r.hide0)},d))};export{e as default};
+import{__assign as n}from"tslib";import{css as t}from"aphrodite/no-important";import o,{useMemo as a,useCallback as r}from"react";import i from"./styles.js";var e={expand:!1,duration:200,onClose:function(){return null}},c=function(c){var s=n(n({},e),c),l=s.duration,m=s.expand,u=s.children,d=s.onClose,p=a((function(){return{transitionDuration:"".concat(l,"ms"),msTransitionDuration:"".concat(l,"ms"),MozTransitionDuration:"".concat(l,"ms"),WebkitTransitionDuration:"".concat(l,"ms")}}),[l]),f=r((function(){null==d||d()}),[d]);return o.createElement("div",{onBlur:f,style:p,className:"".concat(t(i.collapse)," ").concat(m?t(i.expand):""),tabIndex:-1},o.createElement("div",{className:t(i.hide0)},u))};export{c as default};

package/dist/es/Popup/Popup.js

@@ -1 +1 @@
-import{__assign as r}from"tslib";import{css as t}from"aphrodite/no-important";import e,{useRef as o,useEffect as n,useState as i}from"react";import{createPortal as a}from"react-dom";import m from"./styles.js";var u={visible:!1,position:"bottom",duration:300,bg:"rgba(0,0,0,.3)",maskClosable:!0,popupType:"slide"};function c(r){var o=r.bg;r.visible,r.duration;var n=i(!1);return n[0],n[1],e.createElement("div",{style:{"--bg":o},className:t(m.container)})}function l(t){var i=r(r({},u),t),m=o(document.createElement("div"));return n((function(){var r=m.current;return document.body.appendChild(r),function(){document.body.removeChild(r)}}),[]),m.current?a(e.createElement(c,r({},i)),m.current):null}export{l as default};
+import{__assign as t}from"tslib";import e,{useRef as n,useCallback as i,useEffect as o,useState as r,useMemo as a}from"react";import{createPortal as l}from"react-dom";import{css as s}from"aphrodite/no-important";import c,{animateStyles as u}from"./styles.js";var f={visible:!1,position:"bottom",duration:200,bg:"rgba(0,0,0,.35)",maskClosable:!0,popupType:"fade",onClose:function(){return null},contentClassName:"",contentStyle:{},scale:[.2],curve:"linear"};function m(n){var l=n.bg,f=n.visible,m=n.duration,d=n.inject,p=n.dispose,_=n.maskClosable,y=n.onClose,b=n.children,v=n.position,g=n.contentStyle,C=n.contentClassName,h=n.popupType,j=n.scale,E=n.curve,x=r(f),I=x[0],N=x[1],k=r(!1),A=k[0],S=k[1];o((function(){N(f),f&&(p(),d(),S(!0))}),[f]),o((function(){return function(){S(!1),p()}}),[]);var T=i((function(){_&&N(!1)}),[_]),q=i((function(){I||(S(!1),y(),p())}),[I,y]),w=a((function(){return"bottom"===v?{justifyContent:"center",alignItems:"flex-end"}:"top"===v?{justifyContent:"center",alignItems:"flex-start"}:"left"===v?{justifyContent:"flex-start",alignItems:"center"}:"right"===v?{justifyContent:"flex-end",alignItems:"center"}:"center"===v?{justifyContent:"center",alignItems:"center"}:{}}),[v]),z=a((function(){if("slide"===h){if("top"===v)return I?c.slide_in_top:c.slide_out_top;if("bottom"===v)return I?c.slide_in_bottom:c.slide_out_bottom;if("left"===v)return I?c.slide_in_left:c.slide_out_left;if("right"===v)return I?c.slide_in_right:c.slide_out_right}else if("scale"===h&&Array.isArray(j)&&j.length>=1){var t=u(j);return I?t.scale_in:t.scale_out}return I?c.fade_in:c.fade_out}),[h,v,I,j]);return A?e.createElement("div",{style:t({"--bg":l,"--duration":m+"ms","--curve":E},w),className:s(c.container)},e.createElement("div",{onClick:T,onAnimationEnd:q,className:s(c.mask,c.animation_properties,I?c.fade_in:c.fade_out)}),e.createElement("div",{style:g,className:"".concat(C," ").concat(s(c.animation_properties,z))},b)):null}function d(r){var a=t(t({},f),r),s=n(document.createElement("div")),c=i((function(){document.body.appendChild(s.current)}),[]),u=i((function(){try{document.body.removeChild(s.current)}catch(t){}}),[]);return o((function(){return function(){return u()}}),[]),l(e.createElement(m,t({},a,{inject:c,dispose:u})),s.current)}export{d as default};

package/dist/es/Popup/styles.js

@@ -1 +1 @@
-import{StyleSheet as o}from"aphrodite/no-important";var t=o.create({container:{position:"fixed",width:"100%",height:"100%",top:0,left:0,zIndex:99,backgroundColor:"var(--bg)"}});export{t as default};
+import{__assign as t}from"tslib";import{StyleSheet as a}from"aphrodite/no-important";function n(t){return{from:{opacity:t?0:1},to:{opacity:t?1:0}}}function i(t,a){var n="0",i="0";return t?(n=a?"-100%":"100%",i="0"):(n="0",i=a?"-100%":"100%"),{from:{transform:"translate3d(0, ".concat(n,", 0)")},to:{transform:"translate3d(0, ".concat(i,", 0)")}}}function o(t,a){var n="0",i="0";return t?(n=a?"-100%":"100%",i="0"):(n="0",i=a?"-100%":"100%"),{from:{transform:"translate3d(".concat(n,", 0, 0)")},to:{transform:"translate3d(".concat(i,", 0, 0)")}}}var e=a.create({container:{position:"absolute",display:"flex",width:"100%",height:"100%",top:0,left:0,zIndex:99},mask:{position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:-10,backgroundColor:"var(--bg)"},animation_properties:{animationFillMode:"forwards",animationTimingFunction:"var(--curve)",animationDuration:"var(--duration)"},fade_in:{animationName:[n(!0)]},fade_out:{animationName:[n(!1)]},slide_in_top:{animationName:[i(!0,!0)]},slide_out_top:{animationName:[i(!1,!0)]},slide_in_right:{animationName:[o(!0,!1)]},slide_out_right:{animationName:[o(!1,!1)]},slide_in_bottom:{animationName:[i(!0,!1)]},slide_out_bottom:{animationName:[i(!1,!1)]},slide_in_left:{animationName:[o(!0,!0)]},slide_out_left:{animationName:[o(!1,!0)]}}),r=function(n){var i=1===n[n.length-1]?n.slice(0,-1):n,o={},e={};if(i.length){var r=100/i.length;o=t(t({},m({step:"0%",value:i[0]})),m({step:"100%",value:1})),e=t(t({},m({step:"0%",value:1})),m({step:"100%",value:i[0]})),i.forEach((function(t,a){a>0&&(Object.assign(o,m({step:"".concat(r*a,"%"),value:t})),Object.assign(e,m({step:"".concat(r*(n.length-a),"%"),value:t})))}))}return a.create({scale_in:{animationName:[o]},scale_out:{animationName:[e]}})};function m(t){var a;return(a={})[t.step]={transform:"scale3d(".concat(t.value,", ").concat(t.value,", 1)")},a}export{r as animateStyles,e as default};

package/dist/index.d.ts

@@ -1,7 +1,8 @@
-import React, { PropsWithChildren, ReactNode, CSSProperties, FC, HTMLAttributes, Component } from 'react';
+import React, { CSSProperties, PropsWithChildren, ReactNode, FC, HTMLAttributes, Component } from 'react';
 
 type PopupPosition = 'left' | 'top' | 'right' | 'bottom' | 'center';
 type PopupType = 'slide' | 'fade' | 'scale';
+type AnimationTimingFunction = CSSProperties['animationTimingFunction'];
 
 interface ToParams {
     x?: number;
@@ -52,6 +53,7 @@ declare const Button: FC<ButtonProps>;
 interface CardProps extends PropsWithChildren {
     expand?: boolean;
     duration?: number;
+    onClose?: () => any;
 }
 declare const Card: FC<CardProps>;
 
@@ -90,6 +92,8 @@ declare class Loading extends Component<LoadingProps, LoadingState> {
 declare module 'react' {
     interface CSSProperties {
         '--bg'?: string;
+        '--duration'?: string;
+        '--curve'?: AnimationTimingFunction;
     }
 }
 interface PopupProps extends PropsWithChildren {
@@ -99,8 +103,13 @@ interface PopupProps extends PropsWithChildren {
     bg?: string;
     maskClosable?: boolean;
     popupType?: PopupType;
+    onClose?: Function;
+    contentClassName?: string;
+    contentStyle?: CSSProperties;
+    scale?: number[];
+    curve?: AnimationTimingFunction;
 }
-declare function PopupContainer(_props: PopupProps): React.ReactPortal | null;
+declare function Popup(_props: PopupProps): React.ReactPortal;
 
 interface OnScrollParameters {
     x?: number;
@@ -124,4 +133,4 @@ declare module 'react' {
 }
 declare const _default: <T extends unknown>(props: SwiperProps<T> & React.RefAttributes<SwiperExposeMethods>) => React.ReactNode;
 
-export { Button, Card, Container, Loading, PopupContainer as Popup, type PopupPosition, type PopupType, _default$1 as ScrollView, type ScrollViewExposeMethods, _default as Swiper, type SwiperExposeMethods, type SwiperProps, type ToParams, _default$2 as utils };
+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, _default$2 as utils };

package/dist/lib/Card/Card.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("aphrodite/no-important"),a=require("react"),n=require("./styles.js"),r={expand:!1,duration:200};exports.default=function(s){var i=e.__assign(e.__assign({},r),s),o=i.duration,c=i.expand,u=i.children,d=a.useMemo((function(){return{transitionDuration:"".concat(o,"ms"),msTransitionDuration:"".concat(o,"ms"),MozTransitionDuration:"".concat(o,"ms"),WebkitTransitionDuration:"".concat(o,"ms")}}),[o]);return a.createElement("div",{style:d,className:"".concat(t.css(n.default.collapse)," ").concat(c?t.css(n.default.expand):"")},a.createElement("div",{className:t.css(n.default.hide0)},u))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("aphrodite/no-important"),t=require("react"),a=require("./styles.js"),r={expand:!1,duration:200,onClose:function(){return null}};exports.default=function(s){var o=e.__assign(e.__assign({},r),s),i=o.duration,c=o.expand,u=o.children,l=o.onClose,d=t.useMemo((function(){return{transitionDuration:"".concat(i,"ms"),msTransitionDuration:"".concat(i,"ms"),MozTransitionDuration:"".concat(i,"ms"),WebkitTransitionDuration:"".concat(i,"ms")}}),[i]),m=t.useCallback((function(){null==l||l()}),[l]);return t.createElement("div",{onBlur:m,style:d,className:"".concat(n.css(a.default.collapse)," ").concat(c?n.css(a.default.expand):""),tabIndex:-1},t.createElement("div",{className:n.css(a.default.hide0)},u))};

package/dist/lib/Popup/Popup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("aphrodite/no-important"),t=require("react"),n=require("react-dom"),i=require("./styles.js"),a={visible:!1,position:"bottom",duration:300,bg:"rgba(0,0,0,.3)",maskClosable:!0,popupType:"slide"};function u(e){var n=e.bg;e.visible,e.duration;var a=t.useState(!1);return a[0],a[1],t.createElement("div",{style:{"--bg":n},className:r.css(i.default.container)})}exports.default=function(r){var i=e.__assign(e.__assign({},a),r),s=t.useRef(document.createElement("div"));return t.useEffect((function(){var e=s.current;return document.body.appendChild(e),function(){document.body.removeChild(e)}}),[]),s.current?n.createPortal(t.createElement(u,e.__assign({},i)),s.current):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),n=require("react-dom"),a=require("aphrodite/no-important"),i=require("./styles.js"),r={visible:!1,position:"bottom",duration:200,bg:"rgba(0,0,0,.35)",maskClosable:!0,popupType:"fade",onClose:function(){return null},contentClassName:"",contentStyle:{},scale:[.2],curve:"linear"};function s(n){var r=n.bg,s=n.visible,u=n.duration,l=n.inject,o=n.dispose,c=n.maskClosable,f=n.onClose,d=n.children,m=n.position,_=n.contentStyle,p=n.contentClassName,b=n.popupType,y=n.scale,g=n.curve,C=t.useState(s),v=C[0],h=C[1],j=t.useState(!1),E=j[0],k=j[1];t.useEffect((function(){h(s),s&&(o(),l(),k(!0))}),[s]),t.useEffect((function(){return function(){k(!1),o()}}),[]);var x=t.useCallback((function(){c&&h(!1)}),[c]),q=t.useCallback((function(){v||(k(!1),f(),o())}),[v,f]),I=t.useMemo((function(){return"bottom"===m?{justifyContent:"center",alignItems:"flex-end"}:"top"===m?{justifyContent:"center",alignItems:"flex-start"}:"left"===m?{justifyContent:"flex-start",alignItems:"center"}:"right"===m?{justifyContent:"flex-end",alignItems:"center"}:"center"===m?{justifyContent:"center",alignItems:"center"}:{}}),[m]),N=t.useMemo((function(){if("slide"===b){if("top"===m)return v?i.default.slide_in_top:i.default.slide_out_top;if("bottom"===m)return v?i.default.slide_in_bottom:i.default.slide_out_bottom;if("left"===m)return v?i.default.slide_in_left:i.default.slide_out_left;if("right"===m)return v?i.default.slide_in_right:i.default.slide_out_right}else if("scale"===b&&Array.isArray(y)&&y.length>=1){var e=i.animateStyles(y);return v?e.scale_in:e.scale_out}return v?i.default.fade_in:i.default.fade_out}),[b,m,v,y]);return E?t.createElement("div",{style:e.__assign({"--bg":r,"--duration":u+"ms","--curve":g},I),className:a.css(i.default.container)},t.createElement("div",{onClick:x,onAnimationEnd:q,className:a.css(i.default.mask,i.default.animation_properties,v?i.default.fade_in:i.default.fade_out)}),t.createElement("div",{style:_,className:"".concat(p," ").concat(a.css(i.default.animation_properties,N))},d)):null}exports.default=function(a){var i=e.__assign(e.__assign({},r),a),u=t.useRef(document.createElement("div")),l=t.useCallback((function(){document.body.appendChild(u.current)}),[]),o=t.useCallback((function(){try{document.body.removeChild(u.current)}catch(e){}}),[]);return t.useEffect((function(){return function(){return o()}}),[]),n.createPortal(t.createElement(s,e.__assign({},i,{inject:l,dispose:o})),u.current)};

package/dist/lib/Popup/styles.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("aphrodite/no-important").StyleSheet.create({container:{position:"fixed",width:"100%",height:"100%",top:0,left:0,zIndex:99,backgroundColor:"var(--bg)"}});exports.default=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),a=require("aphrodite/no-important");function e(t){return{from:{opacity:t?0:1},to:{opacity:t?1:0}}}function n(t,a){var e="0",n="0";return t?(e=a?"-100%":"100%",n="0"):(e="0",n=a?"-100%":"100%"),{from:{transform:"translate3d(0, ".concat(e,", 0)")},to:{transform:"translate3d(0, ".concat(n,", 0)")}}}function i(t,a){var e="0",n="0";return t?(e=a?"-100%":"100%",n="0"):(e="0",n=a?"-100%":"100%"),{from:{transform:"translate3d(".concat(e,", 0, 0)")},to:{transform:"translate3d(".concat(n,", 0, 0)")}}}var o=a.StyleSheet.create({container:{position:"absolute",display:"flex",width:"100%",height:"100%",top:0,left:0,zIndex:99},mask:{position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:-10,backgroundColor:"var(--bg)"},animation_properties:{animationFillMode:"forwards",animationTimingFunction:"var(--curve)",animationDuration:"var(--duration)"},fade_in:{animationName:[e(!0)]},fade_out:{animationName:[e(!1)]},slide_in_top:{animationName:[n(!0,!0)]},slide_out_top:{animationName:[n(!1,!0)]},slide_in_right:{animationName:[i(!0,!1)]},slide_out_right:{animationName:[i(!1,!1)]},slide_in_bottom:{animationName:[n(!0,!1)]},slide_out_bottom:{animationName:[n(!1,!1)]},slide_in_left:{animationName:[i(!0,!0)]},slide_out_left:{animationName:[i(!1,!0)]}});function r(t){var a;return(a={})[t.step]={transform:"scale3d(".concat(t.value,", ").concat(t.value,", 1)")},a}exports.animateStyles=function(e){var n=1===e[e.length-1]?e.slice(0,-1):e,i={},o={};if(n.length){var s=100/n.length;i=t.__assign(t.__assign({},r({step:"0%",value:n[0]})),r({step:"100%",value:1})),o=t.__assign(t.__assign({},r({step:"0%",value:1})),r({step:"100%",value:n[0]})),n.forEach((function(t,a){a>0&&(Object.assign(i,r({step:"".concat(s*a,"%"),value:t})),Object.assign(o,r({step:"".concat(s*(e.length-a),"%"),value:t})))}))}return a.StyleSheet.create({scale_in:{animationName:[i]},scale_out:{animationName:[o]}})},exports.default=o;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "rox-react-components",
-    "version": "0.0.37",
+    "version": "0.0.39",
     "main": "dist/lib/index.js",
     "module": "dist/es/index.js",
     "types": "dist/index.d.ts",
@@ -20,7 +20,8 @@
         "react swiper carousel pc mobile touch mouse",
         "touch events swiper",
         "touch events carousel",
-        "scrollview reachTop reachBottom reachLeft reachRight"
+        "scrollview reachTop reachBottom reachLeft reachRight",
+        "popup、modal"
     ],
     "files": [
         "dist",
@@ -31,10 +32,6 @@
         "node": ">=14"
     },
     "author": "YangSu.Zhou",
-    "scripts": {
-        "dev": "cross-env NODE_ENV=development rollup -c -w",
-        "build": "cross-env NODE_ENV=production rollup -c"
-    },
     "license": "MIT",
     "devDependencies": {
         "@rollup/plugin-commonjs": "^25.0.7",
@@ -49,7 +46,8 @@
         "rollup": "^4.3.0",
         "rollup-plugin-delete": "^2.0.0",
         "rollup-plugin-dts": "^6.1.0",
-        "rollup-plugin-node-externals": "^6.1.2"
+        "rollup-plugin-node-externals": "^6.1.2",
+        "typescript": "^5.3.3"
     },
     "peerDependencies": {
         "react": "^18.2.0",

package/dist/es/Button/Button.d.ts

@@ -1,10 +0,0 @@
-import { FC, HTMLAttributes, PropsWithChildren } from 'react';
-interface ButtonProps extends HTMLAttributes<HTMLButtonElement>, PropsWithChildren {
-    wavesColor?: string;
-    radius?: number;
-    bg?: string;
-    color?: string;
-    block?: boolean;
-}
-declare const Button: FC<ButtonProps>;
-export default Button;

package/dist/es/Button/index.d.ts

@@ -1,2 +0,0 @@
-import Button from './Button';
-export default Button;

package/dist/es/Button/styles.d.ts

@@ -1,6 +0,0 @@
-declare const styles: {
-    button: object;
-    block: object;
-    ripple: object;
-};
-export default styles;

package/dist/es/Card/Card.d.ts

@@ -1,7 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-interface CardProps extends PropsWithChildren {
-    expand?: boolean;
-    duration?: number;
-}
-declare const Card: FC<CardProps>;
-export default Card;

package/dist/es/Card/index.d.ts

@@ -1,2 +0,0 @@
-import Card from './Card';
-export default Card;

package/dist/es/Card/styles.d.ts

@@ -1,6 +0,0 @@
-declare const styles: {
-    collapse: object;
-    expand: object;
-    hide0: object;
-};
-export default styles;

package/dist/es/Container/Container.d.ts

@@ -1,6 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-interface ContainerProps extends PropsWithChildren {
-    ratio?: number;
-}
-declare const Container: FC<ContainerProps>;
-export default Container;

package/dist/es/Container/index.d.ts

@@ -1,2 +0,0 @@
-import Container from './Container';
-export default Container;

package/dist/es/Container/styles.d.ts

@@ -1,11 +0,0 @@
-declare const styles: {
-    relative: object;
-    absolute: object;
-    top_0: object;
-    left_0: object;
-    w_full: object;
-    h_full: object;
-    h_0: object;
-    border_box: object;
-};
-export default styles;

package/dist/es/Loading/Inner.d.ts

@@ -1,15 +0,0 @@
-import { FC } from 'react';
-import { LoadingProps } from './type';
-declare module 'react' {
-    interface CSSProperties {
-        '--delay'?: string;
-        '--width'?: string;
-        '--height'?: string;
-        '--bg'?: string;
-        '--margin'?: string;
-    }
-}
-declare const Inner: FC<{
-    style: LoadingProps['loadingStyle'];
-}>;
-export default Inner;

package/dist/es/Loading/Loading.d.ts

@@ -1,17 +0,0 @@
-import { Component, ReactNode } from 'react';
-import { LoadingProps } from './type';
-interface LoadingState {
-}
-declare class Loading extends Component<LoadingProps, LoadingState> {
-    state: Readonly<LoadingState>;
-    static defaultProps: LoadingProps;
-    private static el;
-    static show(options?: Pick<LoadingProps, 'bg' | 'loadingStyle' | 'customLoading'>): void;
-    static hide(): void;
-    render(): ReactNode;
-    static getDerivedStateFromProps(props: LoadingProps, state: LoadingState): null;
-    getSnapshotBeforeUpdate(prevProps: Readonly<LoadingProps>, prevState: Readonly<LoadingState>): null;
-    componentDidUpdate(prevProps: Readonly<LoadingProps>, prevState: Readonly<LoadingState>, snapshot?: any): void;
-    componentWillUnmount(): void;
-}
-export default Loading;

package/dist/es/Loading/dom.d.ts

@@ -1,7 +0,0 @@
-declare function addClass<T extends HTMLElement>(el: T, cls: string): void;
-declare function removeClass<T extends HTMLElement>(el: T, cls: string): void;
-declare const _default: {
-    addClass: typeof addClass;
-    removeClass: typeof removeClass;
-};
-export default _default;

package/dist/es/Loading/index.d.ts

@@ -1,2 +0,0 @@
-import Loading from './Loading';
-export default Loading;

package/dist/es/Loading/styles.d.ts

@@ -1,16 +0,0 @@
-declare const styles: {
-    relative: object;
-    center: object;
-    absolute: object;
-    top_0: object;
-    left_0: object;
-    w_full: object;
-    h_full: object;
-    border_box: object;
-    z_99: object;
-    inner_box: object;
-    inner_box_item: object;
-    fixed: object;
-    page_hide: object;
-};
-export default styles;

package/dist/es/Loading/type.d.ts

@@ -1,13 +0,0 @@
-import { PropsWithChildren, ReactNode } from 'react';
-export interface LoadingProps extends PropsWithChildren {
-    visible?: boolean;
-    bg?: string;
-    customLoading?: ReactNode;
-    loadingStyle?: {
-        width?: string;
-        height?: string;
-        bg?: string;
-        margin?: string;
-    };
-}
-export declare const initLoadingStyle: LoadingProps['loadingStyle'];

package/dist/es/Popup/Popup.d.ts

@@ -1,17 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { PopupPosition, PopupType } from './type';
-declare module 'react' {
-    interface CSSProperties {
-        '--bg'?: string;
-    }
-}
-interface PopupProps extends PropsWithChildren {
-    visible?: boolean;
-    position?: PopupPosition;
-    duration?: number;
-    bg?: string;
-    maskClosable?: boolean;
-    popupType?: PopupType;
-}
-declare function PopupContainer(_props: PopupProps): React.ReactPortal | null;
-export default PopupContainer;

package/dist/es/Popup/index.d.ts

@@ -1,2 +0,0 @@
-import Popup from './Popup';
-export default Popup;

package/dist/es/Popup/styles.d.ts

@@ -1,4 +0,0 @@
-declare const styles: {
-    container: object;
-};
-export default styles;

package/dist/es/Popup/type.d.ts

@@ -1,2 +0,0 @@
-export type PopupPosition = 'left' | 'top' | 'right' | 'bottom' | 'center';
-export type PopupType = 'slide' | 'fade' | 'scale';

package/dist/es/ScrollView/ScrollView.d.ts

@@ -1,19 +0,0 @@
-import React, { CSSProperties, PropsWithChildren } from 'react';
-import { ScrollViewExposeMethods } from './type';
-interface OnScrollParameters {
-    x?: number;
-    y?: number;
-}
-interface ScrollViewProps extends PropsWithChildren {
-    style?: CSSProperties;
-    horizontal?: boolean;
-    vertical?: boolean;
-    onScroll?: (position: OnScrollParameters) => void;
-    threshold?: number;
-    onReachTop?: (done: Function) => void;
-    onReachBottom?: (done: Function) => void;
-    onReachLeft?: (done: Function) => void;
-    onReachRight?: (done: Function) => void;
-}
-declare const _default: (props: ScrollViewProps & React.RefAttributes<ScrollViewExposeMethods>) => React.ReactNode;
-export default _default;

package/dist/es/ScrollView/index.d.ts

@@ -1,2 +0,0 @@
-import ScrollView from './ScrollView';
-export default ScrollView;

package/dist/es/ScrollView/styles.d.ts

@@ -1,7 +0,0 @@
-declare const styles: {
-    border_box: object;
-    w_full: object;
-    h_full: object;
-    scroll_bar_hide: object;
-};
-export default styles;

package/dist/es/ScrollView/type.d.ts

@@ -1,8 +0,0 @@
-export interface ToParams {
-    x?: number;
-    y?: number;
-    animation?: boolean;
-}
-export interface ScrollViewExposeMethods {
-    to: (data?: ToParams) => void;
-}

package/dist/es/Swiper/Swiper.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { SwiperExposeMethods, SwiperProps } from './type';
-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;
-export default _default;

package/dist/es/Swiper/index.d.ts

@@ -1,2 +0,0 @@
-import Swiper from './Swiper';
-export default Swiper;

package/dist/es/Swiper/styles.d.ts

@@ -1,17 +0,0 @@
-declare const styles: {
-    relative: object;
-    absolute: object;
-    w_full: object;
-    border_box: object;
-    overflow_hidden: object;
-    flex: object;
-    nowrap: object;
-    flex_1: object;
-    item_center: object;
-    justify_center: object;
-    left_0: object;
-    bottom_20: object;
-    style_none: object;
-    gap: object;
-};
-export default styles;

package/dist/es/Swiper/type.d.ts

@@ -1,20 +0,0 @@
-import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
-export interface SwiperProps<T> extends PropsWithChildren {
-    data: T[];
-    renderItem: (item: T) => ReactNode;
-    onChange?: (index: number) => void;
-    boundary?: number;
-    duration?: number;
-    delay?: number;
-    autoPlay?: boolean;
-    active?: number;
-    dotVisible?: boolean;
-    renderDots?: ReactNode;
-    dotBoxStyle?: CSSProperties;
-    dotStyle?: CSSProperties;
-    activeDotStyle?: CSSProperties;
-}
-export interface SwiperExposeMethods {
-    next: () => any;
-    pre: () => any;
-}

package/dist/es/index.d.ts

@@ -1,9 +0,0 @@
-export * from './types';
-export { default as utils } from './utils';
-export { default as Button } from './Button';
-export { default as Card } from './Card';
-export { default as Container } from './Container';
-export { default as Loading } from './Loading';
-export { default as Popup } from './Popup';
-export { default as ScrollView } from './ScrollView';
-export { default as Swiper } from './Swiper';

package/dist/es/types.d.ts

@@ -1,3 +0,0 @@
-export * from './Popup/type';
-export * from './ScrollView/type';
-export * from './Swiper/type';

package/dist/es/utils.d.ts

@@ -1,8 +0,0 @@
-declare function sleep(timestamp?: number, result?: boolean): Promise<boolean>;
-type parseUrlResponse = Record<string, string | (string | boolean)[] | boolean> | string | boolean | (string | boolean)[] | undefined;
-declare function parseUrl(key?: string): parseUrlResponse;
-declare const _default: {
-    sleep: typeof sleep;
-    parseUrl: typeof parseUrl;
-};
-export default _default;

package/dist/lib/Button/Button.d.ts

@@ -1,10 +0,0 @@
-import { FC, HTMLAttributes, PropsWithChildren } from 'react';
-interface ButtonProps extends HTMLAttributes<HTMLButtonElement>, PropsWithChildren {
-    wavesColor?: string;
-    radius?: number;
-    bg?: string;
-    color?: string;
-    block?: boolean;
-}
-declare const Button: FC<ButtonProps>;
-export default Button;

package/dist/lib/Button/index.d.ts

@@ -1,2 +0,0 @@
-import Button from './Button';
-export default Button;

package/dist/lib/Button/styles.d.ts

@@ -1,6 +0,0 @@
-declare const styles: {
-    button: object;
-    block: object;
-    ripple: object;
-};
-export default styles;

package/dist/lib/Card/Card.d.ts

@@ -1,7 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-interface CardProps extends PropsWithChildren {
-    expand?: boolean;
-    duration?: number;
-}
-declare const Card: FC<CardProps>;
-export default Card;

package/dist/lib/Card/index.d.ts

@@ -1,2 +0,0 @@
-import Card from './Card';
-export default Card;

package/dist/lib/Card/styles.d.ts

@@ -1,6 +0,0 @@
-declare const styles: {
-    collapse: object;
-    expand: object;
-    hide0: object;
-};
-export default styles;

package/dist/lib/Container/Container.d.ts

@@ -1,6 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-interface ContainerProps extends PropsWithChildren {
-    ratio?: number;
-}
-declare const Container: FC<ContainerProps>;
-export default Container;

package/dist/lib/Container/index.d.ts

@@ -1,2 +0,0 @@
-import Container from './Container';
-export default Container;

package/dist/lib/Container/styles.d.ts

@@ -1,11 +0,0 @@
-declare const styles: {
-    relative: object;
-    absolute: object;
-    top_0: object;
-    left_0: object;
-    w_full: object;
-    h_full: object;
-    h_0: object;
-    border_box: object;
-};
-export default styles;

package/dist/lib/Loading/Inner.d.ts

@@ -1,15 +0,0 @@
-import { FC } from 'react';
-import { LoadingProps } from './type';
-declare module 'react' {
-    interface CSSProperties {
-        '--delay'?: string;
-        '--width'?: string;
-        '--height'?: string;
-        '--bg'?: string;
-        '--margin'?: string;
-    }
-}
-declare const Inner: FC<{
-    style: LoadingProps['loadingStyle'];
-}>;
-export default Inner;

package/dist/lib/Loading/Loading.d.ts

@@ -1,17 +0,0 @@
-import { Component, ReactNode } from 'react';
-import { LoadingProps } from './type';
-interface LoadingState {
-}
-declare class Loading extends Component<LoadingProps, LoadingState> {
-    state: Readonly<LoadingState>;
-    static defaultProps: LoadingProps;
-    private static el;
-    static show(options?: Pick<LoadingProps, 'bg' | 'loadingStyle' | 'customLoading'>): void;
-    static hide(): void;
-    render(): ReactNode;
-    static getDerivedStateFromProps(props: LoadingProps, state: LoadingState): null;
-    getSnapshotBeforeUpdate(prevProps: Readonly<LoadingProps>, prevState: Readonly<LoadingState>): null;
-    componentDidUpdate(prevProps: Readonly<LoadingProps>, prevState: Readonly<LoadingState>, snapshot?: any): void;
-    componentWillUnmount(): void;
-}
-export default Loading;

package/dist/lib/Loading/dom.d.ts

@@ -1,7 +0,0 @@
-declare function addClass<T extends HTMLElement>(el: T, cls: string): void;
-declare function removeClass<T extends HTMLElement>(el: T, cls: string): void;
-declare const _default: {
-    addClass: typeof addClass;
-    removeClass: typeof removeClass;
-};
-export default _default;

package/dist/lib/Loading/index.d.ts

@@ -1,2 +0,0 @@
-import Loading from './Loading';
-export default Loading;

package/dist/lib/Loading/styles.d.ts

@@ -1,16 +0,0 @@
-declare const styles: {
-    relative: object;
-    center: object;
-    absolute: object;
-    top_0: object;
-    left_0: object;
-    w_full: object;
-    h_full: object;
-    border_box: object;
-    z_99: object;
-    inner_box: object;
-    inner_box_item: object;
-    fixed: object;
-    page_hide: object;
-};
-export default styles;

package/dist/lib/Loading/type.d.ts

@@ -1,13 +0,0 @@
-import { PropsWithChildren, ReactNode } from 'react';
-export interface LoadingProps extends PropsWithChildren {
-    visible?: boolean;
-    bg?: string;
-    customLoading?: ReactNode;
-    loadingStyle?: {
-        width?: string;
-        height?: string;
-        bg?: string;
-        margin?: string;
-    };
-}
-export declare const initLoadingStyle: LoadingProps['loadingStyle'];

package/dist/lib/Popup/Popup.d.ts

@@ -1,17 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { PopupPosition, PopupType } from './type';
-declare module 'react' {
-    interface CSSProperties {
-        '--bg'?: string;
-    }
-}
-interface PopupProps extends PropsWithChildren {
-    visible?: boolean;
-    position?: PopupPosition;
-    duration?: number;
-    bg?: string;
-    maskClosable?: boolean;
-    popupType?: PopupType;
-}
-declare function PopupContainer(_props: PopupProps): React.ReactPortal | null;
-export default PopupContainer;

package/dist/lib/Popup/index.d.ts

@@ -1,2 +0,0 @@
-import Popup from './Popup';
-export default Popup;

package/dist/lib/Popup/styles.d.ts

@@ -1,4 +0,0 @@
-declare const styles: {
-    container: object;
-};
-export default styles;

package/dist/lib/Popup/type.d.ts

@@ -1,2 +0,0 @@
-export type PopupPosition = 'left' | 'top' | 'right' | 'bottom' | 'center';
-export type PopupType = 'slide' | 'fade' | 'scale';

package/dist/lib/ScrollView/ScrollView.d.ts

@@ -1,19 +0,0 @@
-import React, { CSSProperties, PropsWithChildren } from 'react';
-import { ScrollViewExposeMethods } from './type';
-interface OnScrollParameters {
-    x?: number;
-    y?: number;
-}
-interface ScrollViewProps extends PropsWithChildren {
-    style?: CSSProperties;
-    horizontal?: boolean;
-    vertical?: boolean;
-    onScroll?: (position: OnScrollParameters) => void;
-    threshold?: number;
-    onReachTop?: (done: Function) => void;
-    onReachBottom?: (done: Function) => void;
-    onReachLeft?: (done: Function) => void;
-    onReachRight?: (done: Function) => void;
-}
-declare const _default: (props: ScrollViewProps & React.RefAttributes<ScrollViewExposeMethods>) => React.ReactNode;
-export default _default;

package/dist/lib/ScrollView/index.d.ts

@@ -1,2 +0,0 @@
-import ScrollView from './ScrollView';
-export default ScrollView;

package/dist/lib/ScrollView/styles.d.ts

@@ -1,7 +0,0 @@
-declare const styles: {
-    border_box: object;
-    w_full: object;
-    h_full: object;
-    scroll_bar_hide: object;
-};
-export default styles;

package/dist/lib/ScrollView/type.d.ts

@@ -1,8 +0,0 @@
-export interface ToParams {
-    x?: number;
-    y?: number;
-    animation?: boolean;
-}
-export interface ScrollViewExposeMethods {
-    to: (data?: ToParams) => void;
-}

package/dist/lib/Swiper/Swiper.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { SwiperExposeMethods, SwiperProps } from './type';
-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;
-export default _default;

package/dist/lib/Swiper/index.d.ts

@@ -1,2 +0,0 @@
-import Swiper from './Swiper';
-export default Swiper;

package/dist/lib/Swiper/styles.d.ts

@@ -1,17 +0,0 @@
-declare const styles: {
-    relative: object;
-    absolute: object;
-    w_full: object;
-    border_box: object;
-    overflow_hidden: object;
-    flex: object;
-    nowrap: object;
-    flex_1: object;
-    item_center: object;
-    justify_center: object;
-    left_0: object;
-    bottom_20: object;
-    style_none: object;
-    gap: object;
-};
-export default styles;

package/dist/lib/Swiper/type.d.ts

@@ -1,20 +0,0 @@
-import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
-export interface SwiperProps<T> extends PropsWithChildren {
-    data: T[];
-    renderItem: (item: T) => ReactNode;
-    onChange?: (index: number) => void;
-    boundary?: number;
-    duration?: number;
-    delay?: number;
-    autoPlay?: boolean;
-    active?: number;
-    dotVisible?: boolean;
-    renderDots?: ReactNode;
-    dotBoxStyle?: CSSProperties;
-    dotStyle?: CSSProperties;
-    activeDotStyle?: CSSProperties;
-}
-export interface SwiperExposeMethods {
-    next: () => any;
-    pre: () => any;
-}

package/dist/lib/index.d.ts

@@ -1,9 +0,0 @@
-export * from './types';
-export { default as utils } from './utils';
-export { default as Button } from './Button';
-export { default as Card } from './Card';
-export { default as Container } from './Container';
-export { default as Loading } from './Loading';
-export { default as Popup } from './Popup';
-export { default as ScrollView } from './ScrollView';
-export { default as Swiper } from './Swiper';

package/dist/lib/types.d.ts

@@ -1,3 +0,0 @@
-export * from './Popup/type';
-export * from './ScrollView/type';
-export * from './Swiper/type';

package/dist/lib/utils.d.ts

@@ -1,8 +0,0 @@
-declare function sleep(timestamp?: number, result?: boolean): Promise<boolean>;
-type parseUrlResponse = Record<string, string | (string | boolean)[] | boolean> | string | boolean | (string | boolean)[] | undefined;
-declare function parseUrl(key?: string): parseUrlResponse;
-declare const _default: {
-    sleep: typeof sleep;
-    parseUrl: typeof parseUrl;
-};
-export default _default;