taro-react-uilib 1.0.4 → 1.0.23

package/lib/components/ScrollView/index.js

@@ -0,0 +1,34 @@
+import React from "react";
+import classNames from "classnames";
+const ScrolllView = props => {
+    const { children, direction = "y", onScroll, lowerThreshold = 50, onScrollToLower, className, } = props;
+    console.log(direction);
+    const handleScroll = evt => {
+        console.log(evt);
+        console.log("evt");
+        onScroll && onScroll(evt);
+        const scrollTop = evt.target.scrollTop;
+        const scrollHeight = evt.target.scrollHeight;
+        const offsetHeight = evt.target.offsetHeight;
+        if (scrollHeight - (scrollTop + offsetHeight) <= lowerThreshold) {
+            onScrollToLower && onScrollToLower();
+        }
+    };
+    const debounce = (fn, delay, ...args) => {
+        console.log(args);
+        let timer = 0;
+        return function (evt) {
+            if (timer) {
+                clearTimeout(timer);
+                timer = null;
+            }
+            timer = window.setTimeout(() => {
+                fn.call(window, evt);
+            }, delay);
+        };
+    };
+    const scrollView = classNames("xh-scroll-view", className);
+    return (React.createElement("div", { onScroll: debounce(handleScroll, 1000), className: scrollView }, children));
+};
+export default ScrolllView;
+//# sourceMappingURL=index.js.map

package/lib/components/ScrollView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ScrollView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,WAAW,GAA+B,KAAK,CAAC,EAAE;IACtD,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,GAAG,EACf,QAAQ,EACR,cAAc,GAAG,EAAE,EACnB,eAAe,EACf,SAAS,GACV,GAAG,KAAK,CAAC;IACV,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAEvB,MAAM,YAAY,GAAmC,GAAG,CAAC,EAAE;QACzD,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACjB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnB,QAAQ,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC1B,MAAM,SAAS,GAAI,GAAG,CAAC,MAAsB,CAAC,SAAS,CAAC;QACxD,MAAM,YAAY,GAAI,GAAG,CAAC,MAAsB,CAAC,YAAY,CAAC;QAC9D,MAAM,YAAY,GAAI,GAAG,CAAC,MAAsB,CAAC,YAAY,CAAC;QAC9D,IAAI,YAAY,GAAG,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,cAAc,EAAE;YAC/D,eAAe,IAAI,eAAe,EAAE,CAAC;SACtC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,EAAY,EAAE,KAAa,EAAE,GAAG,IAAI,EAAE,EAAE;QACxD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAElB,IAAI,KAAK,GAAkB,CAAC,CAAC;QAC7B,OAAO,UAAU,GAAG;YAClB,IAAI,KAAK,EAAE;gBACT,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,KAAK,GAAG,IAAI,CAAC;aACd;YACD,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC7B,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;YACvB,CAAC,EAAE,KAAK,CAAC,CAAC;QACZ,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;IAC3D,OAAO,CACL,6BAAK,QAAQ,EAAE,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,IAC/D,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/Tabbar/index.js

@@ -0,0 +1,6 @@
+import TabBarComponent from "./tabbar/Tabbar";
+import TabBarItem from "./tabbar/TabItem";
+const TabBar = TabBarComponent;
+TabBar.Item = TabBarItem;
+export default TabBar;
+//# sourceMappingURL=index.js.map

package/lib/components/Tabbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,eAA6B,MAAM,iBAAiB,CAAC;AAC5D,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAM1C,MAAM,MAAM,GAAG,eAA4C,CAAC;AAE5D,MAAM,CAAC,IAAI,GAAG,UAAU,CAAC;AAEzB,eAAe,MAAM,CAAC"}

package/lib/components/Tabbar/tabbar/TabItem.js

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.scss";
+const TabItem = (props) => {
+    const { children, title, TabItemComponent } = props;
+    return (React.createElement("div", { className: "xh-tabbar-item" },
+        TabItemComponent ? TabItemComponent : title,
+        children));
+};
+export default TabItem;
+//# sourceMappingURL=TabItem.js.map

package/lib/components/Tabbar/tabbar/TabItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../../src/components/Tabbar/tabbar/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,cAAc,CAAC;AAQtB,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAEpD,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB;QAC5B,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK;QAC3C,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/Tabbar/tabbar/Tabbar.js

@@ -0,0 +1,74 @@
+import React, { useEffect, useState } from "react";
+import { createSelectorQuery } from "@tarojs/taro";
+import { View } from "@tarojs/components";
+import classNames from "classnames";
+import Item from "./TabItem";
+import "./index.scss";
+const XHTabs = props => {
+    const { children = [], animated = false, initIndex = 0, lineColor = "#F6AB00", titleActiveColor = "#333", titleInctiveColor = "#999", onChange, } = props;
+    const [selectIndex, setSelectIndex] = useState(initIndex);
+    const [tabWdith, setTabWdith] = useState(0);
+    const [tabContentHeight, setTabContentHeight] = useState(0);
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            const query = createSelectorQuery();
+            query.selectAll(".xh-tabbar-nav-item").boundingClientRect();
+            query.selectAll(".xh-tabbar-content-item").boundingClientRect();
+            query.exec(res => {
+                if (!res[0][selectIndex])
+                    return;
+                const width = res[0][selectIndex].width;
+                setTabWdith(width);
+                if (!res[1][selectIndex])
+                    return;
+                const height = res[1][selectIndex].height;
+                setTabContentHeight(height);
+                clearTimeout(timer);
+            });
+        }, 300);
+        console.log(children.length);
+    }, [selectIndex, children]);
+    const handleClick = (index) => {
+        setSelectIndex(index);
+        const query = createSelectorQuery();
+        query.selectAll(".xh-tabbar-content-item").boundingClientRect();
+        query.exec(res => {
+            if (!res[0][index])
+                return;
+            const height = res[0][index].height;
+            setTabContentHeight(height);
+        });
+        onChange && onChange(index);
+    };
+    function renderLine() {
+        const left = tabWdith / 2 + selectIndex * tabWdith;
+        return (React.createElement("div", { className: classNames("xh-tabbar-nav-line", {
+                "xh-tabbar-nav-line-active": animated,
+            }), style: {
+                background: `${lineColor}`,
+                transform: `translateX(${left}px) translate(-50%, -50%)`,
+                WebkitTransform: `translateX(${left}px) translate(-50%, -50%)`,
+            } }));
+    }
+    return (React.createElement(View, { className: "xh-tabbar" },
+        React.createElement(View, { className: "xh-tabbar-nav" },
+            children.map((child, index) => (React.createElement(View, { key: index, className: "xh-tabbar-nav-item", style: {
+                    color: selectIndex === index ? titleActiveColor : titleInctiveColor,
+                }, onClick: () => handleClick(index) }, child.props.TabItemComponent
+                ? child.props.TabItemComponent
+                : child.props.title))),
+            renderLine()),
+        React.createElement(View, { className: "xh-tabbar-content", style: {
+                width: `${children.length * 100}%`,
+                height: tabContentHeight ? `${tabContentHeight}px` : "auto",
+            } }, children.map((child, index) => (React.createElement(View, { key: index, className: classNames("xh-tabbar-content-item", {
+                "xh-tabbar-content-item-dispaly": selectIndex !== index && !animated,
+                "xh-tabbar-content-item-active": selectIndex === index,
+            }), style: {
+                transform: animated ? `translateX(-${selectIndex * 100}%)` : "",
+            } }, child.props.children))))));
+};
+XHTabs.Item = Item;
+export default XHTabs;
+export const TabItem = Item;
+//# sourceMappingURL=Tabbar.js.map

package/lib/components/Tabbar/tabbar/Tabbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabbar.js","sourceRoot":"","sources":["../../../../src/components/Tabbar/tabbar/Tabbar.tsx"],"names":[],"mappings":"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"}

package/lib/components/Toast/index.js

@@ -29,18 +29,26 @@ async function Toast(arg, ...rest) {
     else {
         defalutParam = Object.assign(Object.assign({}, defalutParam), arg);
     }
-    return new Promise(() => {
+    return new Promise(resolve => {
         if (process.env.TARO_ENV === "h5") {
             const div = document.createElement("div");
             const timer = setTimeout(() => {
-                // ReactDOM.unmountComponentAtNode(div);
+                ReactDOM.unmountComponentAtNode(div);
                 clearTimeout(timer);
+                resolve();
             }, defalutParam.duration);
             const { title } = defalutParam, other = __rest(defalutParam, ["title"]);
             ReactDOM.render(React.createElement(ToastComponent, Object.assign({ title: title }, other)), div);
         }
         else {
-            showToast(Object.assign({ icon: "none" }, defalutParam));
+            showToast(Object.assign({ icon: "none" }, defalutParam)).then(res => {
+                if (res.errMsg === "showToast:ok") {
+                    const timer = setTimeout(() => {
+                        clearTimeout(timer);
+                        resolve();
+                    }, defalutParam.duration);
+                }
+            });
         }
     });
 }

package/lib/components/Toast/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,cAA8B,MAAM,SAAS,CAAC;AACrD,OAAO,cAAc,CAAC;AAOtB,KAAK,UAAU,KAAK,CAClB,GAAiC,EACjC,GAAG,IAAI;IAEP,IAAI,YAAY,GAAG;QACjB,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,IAAI;KACX,CAAC;IACF,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QACtD,YAAY,CAAC,KAAK,GAAG,GAAG,GAAG,EAAE,CAAC;QAC9B,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;SACjC;KACF;SAAM;QACL,YAAY,mCACP,YAAY,GACZ,GAAG,CACP,CAAC;KACH;IACD,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE;QACtB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE;YACjC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAE1C,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,wCAAwC;gBACxC,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;YAC1B,MAAM,EAAE,KAAK,KAAe,YAAY,EAAtB,KAAK,UAAK,YAAY,EAAlC,SAAmB,CAAe,CAAC;YACzC,QAAQ,CAAC,MAAM,CAAC,oBAAC,cAAc,kBAAC,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,EAAE,GAAG,CAAC,CAAC;SACnE;aAAM;YACL,SAAS,iBACP,IAAI,EAAE,MAAM,IACT,YAAY,EACf,CAAC;SACJ;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,cAA8B,MAAM,SAAS,CAAC;AACrD,OAAO,cAAc,CAAC;AAOtB,KAAK,UAAU,KAAK,CAClB,GAAiC,EACjC,GAAG,IAAI;IAEP,IAAI,YAAY,GAAG;QACjB,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,IAAI;KACX,CAAC;IACF,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QACtD,YAAY,CAAC,KAAK,GAAG,GAAG,GAAG,EAAE,CAAC;QAC9B,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;SACjC;KACF;SAAM;QACL,YAAY,mCACP,YAAY,GACZ,GAAG,CACP,CAAC;KACH;IACD,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QAC3B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE;YACjC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAE1C,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,QAAQ,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC;gBACrC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,OAAO,EAAE,CAAC;YACZ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;YAC1B,MAAM,EAAE,KAAK,KAAe,YAAY,EAAtB,KAAK,UAAK,YAAY,EAAlC,SAAmB,CAAe,CAAC;YACzC,QAAQ,CAAC,MAAM,CAAC,oBAAC,cAAc,kBAAC,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,EAAE,GAAG,CAAC,CAAC;SACnE;aAAM;YACL,SAAS,iBACP,IAAI,EAAE,MAAM,IACT,YAAY,EACf,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;gBACZ,IAAI,GAAG,CAAC,MAAM,KAAK,cAAc,EAAE;oBACjC,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;wBAC5B,YAAY,CAAC,KAAK,CAAC,CAAC;wBACpB,OAAO,EAAE,CAAC;oBACZ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;iBAC3B;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,eAAe,KAAK,CAAC"}

package/lib/hooks/index.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { getEnv } from '@tarojs/taro';
+import { getEnv } from "@tarojs/taro";
 export const useTaroEnv = () => {
     const [taroEnv, setTaroEnv] = useState("");
     useEffect(() => {
@@ -7,4 +7,45 @@ export const useTaroEnv = () => {
     }, []);
     return taroEnv;
 };
+export const useTouch = () => {
+    const [startPoint, setStartPoint] = useState({ x: 0, y: 0 }); // touch start的point
+    const [touchMoveDistance, setTouchMoveDistance] = useState({ x: 0, y: 0 }); // touch的距离
+    // const touchMoveDistance = useRef({ x: 0, y: 0 });
+    const [touchEndPoint, setTouchEndPoint] = useState({ x: 0, y: 0 }); // touch end的point
+    const formatPos = (num) => {
+        return Math.floor(num);
+    };
+    const touchstart = (e) => {
+        e.preventDefault();
+        const { clientX, clientY } = e.touches[0];
+        setStartPoint({ x: formatPos(clientX), y: formatPos(clientY) });
+    };
+    const touchmove = (e) => {
+        e.preventDefault();
+        const { pageX, pageY } = e.touches[0];
+        let distanceX, distanceY;
+        distanceX = formatPos(pageX - startPoint.x);
+        distanceY = formatPos(pageY - startPoint.y);
+        setTouchMoveDistance({ x: distanceX, y: distanceY });
+    };
+    const touchend = (e) => {
+        const { pageX, pageY } = e.changedTouches[0];
+        setTouchEndPoint({ x: formatPos(pageX), y: formatPos(pageY) });
+    };
+    return {
+        touchstart,
+        touchend,
+        touchmove,
+        startPoint: startPoint,
+        touchMoveDistance: touchMoveDistance,
+        touchEndPoint,
+    };
+};
+export const useAsyncEffect = async (fn, deps) => {
+    useEffect(() => {
+        fn().catch(err => {
+            console.log(err);
+        });
+    }, [deps]);
+};
 //# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC1C,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,MAAM,EAAE,CAAC,CAAA;IACtB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.tsx"],"names":[],"mappings":"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"}

package/lib/index.js

@@ -13,4 +13,7 @@ export { default as XHPasswordInput } from "./components/PasswordInput";
 export { default as XHProgress } from "./components/Progress";
 export { default as XHToast } from "./components/Toast";
 export { default as XHDialogRef } from "./components/DialogRef";
+export { default as XHTabbar } from "./components/Tabbar";
+export { default as XHPopup } from "./components/Popup";
+export { default as XHPicker } from "./components/Picker";
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/utils/index.js

@@ -5,7 +5,7 @@
  */
 export const inputRange = (val) => {
     let iconRule1 = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/gi;
-    return val.replace(iconRule1, '');
+    return val.replace(iconRule1, "");
 };
 // function Handler(fn) {
 //   this.handler = fn;
@@ -38,7 +38,7 @@ export const inputRange = (val) => {
 //     return callback
 //   }
 //   public checkPass(...arg) {
-//     const result = this.hander.apply(this, arg)    
+//     const result = this.hander.apply(this, arg)
 //     if (!result) {
 //       return result
 //     }
@@ -48,4 +48,20 @@ export const inputRange = (val) => {
 //     return result
 //   }
 // }
+export const throtte = (fn, delay = 1500) => {
+    let timer;
+    let canCall = true;
+    return function (arg) {
+        if (canCall) {
+            canCall = false;
+            console.log(arg);
+            console.log("arg");
+            fn(arg);
+        }
+        timer = setTimeout(() => {
+            canCall = true;
+            clearTimeout(timer);
+        }, delay);
+    };
+};
 //# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAU,EAAE;IAChD,IAAI,SAAS,GACT,4OAA4O,CAAA;IAChP,OAAO,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC,CAAA;AAED,yBAAyB;AACzB,uBAAuB;AACvB,sBAAsB;AACtB,IAAI;AAEJ,oDAAoD;AACpD,mBAAmB;AACnB,cAAc;AACd,KAAK;AAEL,gDAAgD;AAChD,qDAAqD;AACrD,YAAY;AACZ,gBAAgB;AAChB,kBAAkB;AAClB,MAAM;AAEN,WAAW;AACX,qBAAqB;AACrB,gEAAgE;AAChE,MAAM;AACN,gBAAgB;AAChB,KAAK;AAEL,6BAA6B;AAC7B,0CAA0C;AAC1C,gBAAgB;AAChB,gDAAgD;AAChD,uBAAuB;AACvB,MAAM;AACN,8CAA8C;AAC9C,2BAA2B;AAC3B,sBAAsB;AACtB,MAAM;AACN,+BAA+B;AAC/B,sDAAsD;AACtD,qBAAqB;AACrB,sBAAsB;AACtB,QAAQ;AAER,+BAA+B;AAC/B,yDAAyD;AACzD,QAAQ;AAER,oBAAoB;AACpB,MAAM;AACN,IAAI"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAU,EAAE;IAChD,IAAI,SAAS,GACX,4OAA4O,CAAC;IAC/O,OAAO,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,yBAAyB;AACzB,uBAAuB;AACvB,sBAAsB;AACtB,IAAI;AAEJ,oDAAoD;AACpD,mBAAmB;AACnB,cAAc;AACd,KAAK;AAEL,gDAAgD;AAChD,qDAAqD;AACrD,YAAY;AACZ,gBAAgB;AAChB,kBAAkB;AAClB,MAAM;AAEN,WAAW;AACX,qBAAqB;AACrB,gEAAgE;AAChE,MAAM;AACN,gBAAgB;AAChB,KAAK;AAEL,6BAA6B;AAC7B,0CAA0C;AAC1C,gBAAgB;AAChB,gDAAgD;AAChD,uBAAuB;AACvB,MAAM;AACN,8CAA8C;AAC9C,2BAA2B;AAC3B,sBAAsB;AACtB,MAAM;AACN,+BAA+B;AAC/B,kDAAkD;AAClD,qBAAqB;AACrB,sBAAsB;AACtB,QAAQ;AAER,+BAA+B;AAC/B,yDAAyD;AACzD,QAAQ;AAER,oBAAoB;AACpB,MAAM;AACN,IAAI;AAEJ,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAY,EAAE,QAAgB,IAAI,EAAE,EAAE;IAC5D,IAAI,KAAmB,CAAC;IACxB,IAAI,OAAO,GAAG,IAAI,CAAC;IACnB,OAAO,UAAU,GAAG;QAClB,IAAI,OAAO,EAAE;YACX,OAAO,GAAG,KAAK,CAAC;YAChB,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACjB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACnB,EAAE,CAAC,GAAG,CAAC,CAAC;SACT;QACD,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YACtB,OAAO,GAAG,IAAI,CAAC;YACf,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,133 +1,136 @@
 {
-	"name": "taro-react-uilib",
-	"version": "1.0.4",
-	"description": "基于taro的跨端组件库",
-	"templateInfo": {
-		"name": "default",
-		"typescript": true,
-		"css": "sass"
-	},
-	"browser": "dist/index.umd.js",
-	"module": "dist/index.esm.js",
-	"main": "dist/index.js",
-	"source": "src/index.ts",
-	"types": "types/index.d.ts",
-	"files": [
-		"lib",
-		"dist",
-		"types"
-	],
-	"scripts": {
-		"build:weapp": "taro build --type weapp",
-		"build:h5": "taro build --type h5",
-		"build:tt": "taro build --type tt",
-		"dev:weapp": "npm run build:weapp -- --watch",
-		"dev:h5": "npm run build:h5 -- --watch",
-		"dev:tt": "npm run build:tt -- --watch",
-		"dev": "yarn run dev:lib",
-		"dev:lib": "tsc --project ./tsconfig.build.json --watch --incremental",
-		"build": "rimraf dist && yarn run build:rollup && yarn run build:lib",
-		"build:lib": "tsc --project ./tsconfig.build.json --declaration --declarationDir types",
-		"build:rollup": "rollup --config ./rollup.config.js",
-		"prepublishOnly": "yarn run clean && yarn run build",
-		"lint": "lint-staged",
-		"lint:style": "stylelint \"src/**/*.scss\" --syntax scss",
-		"lint:style-fix": "stylelint \"src/**/*.scss\" --syntax scss --fix",
-		"test": "cross-env NODE_ENV=test && jest --coverage",
-		"test:ci": "yarn run build:h5 && yarn run test",
-		"changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0 && git add CHANGELOG.md",
-		"clean": "rimraf .temp dist lib coverage",
-		"prepare": "husky install"
-	},
-	"husky": {
-		"hooks": {
-			"pre-commit": "lint-staged"
-		}
-	},
-	"lint-staged": {
-		"(src|example)/**/*.{ts,tsx}": [
-			"eslint --fix",
-			"prettier --write --ignore-unknown"
-		]
-	},
-	"keywords": [
-		"taro",
-		"跨端组件库"
-	],
-	"author": "xiongshiji",
-	"license": "MIT",
-	"browserslist": [
-		"last 3 versions",
-		"Android >= 4.1",
-		"ios >= 8"
-	],
-	"devDependencies": {
-		"@babel/core": "^7.8.0",
-		"@babel/runtime": "^7.7.7",
-		"@commitlint/cli": "16.3.0",
-		"@commitlint/config-conventional": "16.2.4",
-		"@rollup/plugin-alias": "^3.1.9",
-		"@rollup/plugin-commonjs": "^13.0.0",
-		"@rollup/plugin-image": "^2.1.1",
-		"@rollup/plugin-json": "^4.1.0",
-		"@rollup/plugin-node-resolve": "^8.0.1",
-		"@tarojs/components": "3.4.2",
-		"@tarojs/mini-runner": "3.4.2",
-		"@tarojs/plugin-framework-react": "^3.4.6",
-		"@tarojs/react": "3.4.2",
-		"@tarojs/runtime": "3.4.2",
-		"@tarojs/taro": "3.4.2",
-		"@tarojs/webpack-runner": "3.4.2",
-		"@types/react": "^17.0.2",
-		"@types/webpack-env": "^1.13.6",
-		"@typescript-eslint/eslint-plugin": "^5.24.0",
-		"@typescript-eslint/parser": "^5.24.0",
-		"babel-preset-taro": "3.4.2",
-		"commitizen": "^4.2.4",
-		"conventional-changelog-cli": "^2.2.2",
-		"cross-env": "^7.0.2",
-		"cz-conventional-changelog": "3.3.0",
-		"eslint": "^7.2.0",
-		"eslint-config-taro": "3.4.2",
-		"eslint-plugin-import": "^2.21.2",
-		"eslint-plugin-react": "^7.20.0",
-		"eslint-plugin-react-hooks": "^4.2.0",
-		"husky": "7",
-		"jest": "26",
-		"lint-staged": "^12.4.1",
-		"postcss": "^8.4.12",
-		"prettier": "^2.6.2",
-		"react": "^17.0.0",
-		"react-dom": "^17.0.0",
-		"rimraf": "3.0.2",
-		"rollup": "^2.70.2",
-		"rollup-plugin-copy": "^3.3.0",
-		"rollup-plugin-ignore-import": "^1.3.2",
-		"rollup-plugin-postcss": "^4.0.2",
-		"rollup-plugin-serve": "^1.1.0",
-		"rollup-plugin-typescript2": "^0.27.1",
-		"rollup-plugin-visualizer": "^4.0.4",
-		"sass": "^1.50.0",
-		"stylelint": "13.6.0",
-		"stylelint-config-standard": "20.0.0",
-		"stylelint-scss": "3.17.2",
-		"ts-jest": "26",
-		"typescript": "^4.1.0",
-		"@tarojs/plugin-html": "^3.4.13"
-	},
-	"peerDependencies": {
-		"@tarojs/components": "^3.0.8",
-		"@tarojs/react": "^3.0.8",
-		"@types/node": "^14.0.13",
-		"react": ">=16.13.0",
-		"react-dom": ">=16.13.0"
-	},
-	"config": {
-		"commitizen": {
-			"path": "./node_modules/cz-conventional-changelog"
-		}
-	},
-	"dependencies": {
-		"react-transition-group": "^4.4.2"
-	}
+  "name": "taro-react-uilib",
+  "version": "1.0.23",
+  "description": "基于taro的跨端组件库",
+  "templateInfo": {
+    "name": "default",
+    "typescript": true,
+    "css": "sass"
+  },
+  "browser": "dist/index.umd.js",
+  "module": "dist/index.esm.js",
+  "main": "dist/index.js",
+  "source": "src/index.ts",
+  "types": "types/index.d.ts",
+  "files": [
+    "lib",
+    "dist",
+    "types"
+  ],
+  "scripts": {
+    "build:weapp": "taro build --type weapp",
+    "build:h5": "taro build --type h5",
+    "build:tt": "taro build --type tt",
+    "dev:weapp": "npm run build:weapp -- --watch",
+    "dev:h5": "npm run build:h5 -- --watch",
+    "dev:tt": "npm run build:tt -- --watch",
+    "dev": "yarn run dev:lib",
+    "dev:lib": "tsc --project ./tsconfig.build.json --watch --incremental",
+    "build": "rimraf dist && yarn run build:rollup && yarn run build:lib",
+    "build:lib": "tsc --project ./tsconfig.build.json --declaration --declarationDir types",
+    "build:rollup": "rollup --config ./rollup.config.js",
+    "prepublishOnly": "yarn run clean && yarn run build",
+    "lint": "lint-staged",
+    "lint:style": "stylelint \"src/**/*.scss\" --syntax scss",
+    "lint:style-fix": "stylelint \"src/**/*.scss\" --syntax scss --fix",
+    "test": "cross-env NODE_ENV=test && jest --coverage",
+    "test:ci": "yarn run build:h5 && yarn run test",
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0 && git add CHANGELOG.md",
+    "clean": "rimraf .temp dist lib coverage",
+    "prepare": "husky install"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "(src|example)/**/*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --write --ignore-unknown"
+    ]
+  },
+  "keywords": [
+    "taro",
+    "跨端组件库"
+  ],
+  "author": "xiongshiji",
+  "license": "MIT",
+  "browserslist": [
+    "last 3 versions",
+    "Android >= 4.1",
+    "ios >= 8"
+  ],
+  "devDependencies": {
+    "@babel/core": "^7.8.0",
+    "@babel/runtime": "^7.7.7",
+    "@commitlint/cli": "16.3.0",
+    "@commitlint/config-conventional": "16.2.4",
+    "@rollup/plugin-alias": "^3.1.9",
+    "@rollup/plugin-commonjs": "^13.0.0",
+    "@rollup/plugin-image": "^2.1.1",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^8.0.1",
+    "@tarojs/cli": "3.5.6",
+    "@tarojs/components": "3.4.2",
+    "@tarojs/mini-runner": "3.4.2",
+    "@tarojs/plugin-framework-react": "^3.4.6",
+    "@tarojs/plugin-html": "^3.4.13",
+    "@tarojs/react": "3.4.2",
+    "@tarojs/runtime": "3.4.2",
+    "@tarojs/taro": "3.4.2",
+    "@tarojs/webpack-runner": "3.4.2",
+    "@types/react": "^17.0.2",
+    "@types/webpack-env": "^1.13.6",
+    "@typescript-eslint/eslint-plugin": "^5.24.0",
+    "@typescript-eslint/parser": "^5.24.0",
+    "babel-preset-taro": "3.4.2",
+    "commitizen": "^4.2.4",
+    "conventional-changelog-cli": "^2.2.2",
+    "cross-env": "^7.0.2",
+    "cz-conventional-changelog": "3.3.0",
+    "eslint": "^7.2.0",
+    "eslint-config-taro": "3.4.2",
+    "eslint-plugin-import": "^2.21.2",
+    "eslint-plugin-react": "^7.20.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "husky": "7",
+    "jest": "26",
+    "lint-staged": "^12.4.1",
+    "postcss": "^8.4.12",
+    "prettier": "^2.6.2",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
+    "rimraf": "3.0.2",
+    "rollup": "^2.70.2",
+    "rollup-plugin-copy": "^3.3.0",
+    "rollup-plugin-ignore-import": "^1.3.2",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-serve": "^1.1.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.27.1",
+    "rollup-plugin-visualizer": "^4.0.4",
+    "sass": "^1.50.0",
+    "stylelint": "13.6.0",
+    "stylelint-config-standard": "20.0.0",
+    "stylelint-scss": "3.17.2",
+    "ts-jest": "26",
+    "tslib": "^2.4.0",
+    "typescript": "^4.1.0"
+  },
+  "peerDependencies": {
+    "@tarojs/components": "^3.0.8",
+    "@tarojs/react": "^3.0.8",
+    "@types/node": "^14.0.13",
+    "react": ">=16.13.0",
+    "react-dom": ">=16.13.0"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "dependencies": {
+    "react-transition-group": "^4.4.2"
+  }
 }

package/types/components/Animated/Animated.d.ts

@@ -0,0 +1,12 @@
+import { FC, PropsWithChildren } from "react";
+import "./index.scss";
+export interface AnimatedProps extends PropsWithChildren<{}> {
+    in: boolean;
+    appear?: boolean;
+    timeout?: number;
+    name?: string;
+    onExited?: () => void;
+    unmountOnExit?: boolean;
+}
+declare const Animated: FC<AnimatedProps>;
+export default Animated;

package/types/components/Animated/Fade/index.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren, FC } from "react";
+export interface FadeProps extends PropsWithChildren<{}> {
+    in: boolean;
+    timeout?: number;
+    onExited?: () => void;
+    unmountOnExit?: boolean;
+}
+declare const Fade: FC<FadeProps>;
+export default Fade;

package/types/components/Animated/Scale/index.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren, FC } from "react";
+export interface ScaleProps extends PropsWithChildren<{}> {
+    in: boolean;
+    timeout?: number;
+    onExited?: () => void;
+    unmountOnExit?: boolean;
+}
+declare const Scale: FC<ScaleProps>;
+export default Scale;