taro-react-uilib 1.1.0 → 1.2.0

package/lib/components/PickerSlot/index.js

@@ -0,0 +1,226 @@
+import React, { useState, useEffect, useRef, useImperativeHandle, } from "react";
+import { View } from "@tarojs/components";
+import { useTouch } from "../../hooks/useTouch";
+import "./index.scss";
+const InternalPickerSlot = (props, ref) => {
+    const { keyIndex = 0, defaultValue, data = [], mode = "normal", swipeDuration = 1000, visible = false, onConfirm, } = props;
+    const touch = useTouch();
+    const DEFAULT_DURATION = 200;
+    // 触发惯性滑动条件:
+    // 在手指离开屏幕时，如果和上一次 move 时的间隔小于 `MOMENTUM_TIME` 且 move
+    // 距离大于 `MOMENTUM_DISTANCE` 时，执行惯性滑动
+    const INERTIA_TIME = 300;
+    const INERTIA_DISTANCE = 15;
+    const [currIndex, setCurrIndex] = useState(1);
+    const lineSpacing = useRef(36);
+    const [touchTime, setTouchTime] = useState(0);
+    const [touchDeg, setTouchDeg] = useState("0deg");
+    const rotation = 20;
+    const moving = useRef(false);
+    let timer;
+    const listbox = useRef(null);
+    const rollerRef = useRef(null);
+    const pickerSlotRef = useRef(null);
+    const [startTime, setStartTime] = useState(0);
+    const [startY, setStartY] = useState(0);
+    const transformY = useRef(0);
+    const [scrollDistance, setScrollDistance] = useState(0);
+    const isHidden = (index) => {
+        if (index >= currIndex + 8 || index <= currIndex - 8) {
+            return true;
+        }
+        return false;
+    };
+    const setTransform = (translateY = 0, type, time = DEFAULT_DURATION, deg) => {
+        let nTime = time;
+        if (type !== "end") {
+            nTime = 0;
+        }
+        setTouchTime(nTime);
+        setTouchDeg(deg);
+        setScrollDistance(translateY);
+    };
+    const setMove = (move, type, time) => {
+        let updateMove = move + transformY.current;
+        if (type === "end") {
+            // 限定滚动距离
+            if (updateMove > 0) {
+                updateMove = 0;
+            }
+            if (updateMove < -(data.length - 1) * lineSpacing.current) {
+                updateMove = -(data.length - 1) * lineSpacing.current;
+            }
+            // 设置滚动距离为lineSpacing的倍数值
+            const endMove = Math.round(updateMove / lineSpacing.current) * lineSpacing.current;
+            const deg = `${(Math.abs(Math.round(endMove / lineSpacing.current)) + 1) * rotation}deg`;
+            setTransform(endMove, type, time, deg);
+            setCurrIndex(Math.abs(Math.round(endMove / lineSpacing.current)) + 1);
+        }
+        else {
+            let deg = 0;
+            const currentDeg = (-updateMove / lineSpacing.current + 1) * rotation;
+            // picker 滚动的最大角度
+            const maxDeg = (data.length + 1) * rotation;
+            const minDeg = 0;
+            deg = Math.min(Math.max(currentDeg, minDeg), maxDeg);
+            if (minDeg < deg && deg < maxDeg) {
+                setTransform(updateMove, "", undefined, `${deg}deg`);
+                setCurrIndex(Math.abs(Math.round(updateMove / lineSpacing.current)) + 1);
+            }
+        }
+    };
+    const setChooseValue = (move) => {
+        const index = Math.round(-move / lineSpacing.current);
+        onConfirm && onConfirm(data[index], keyIndex);
+    };
+    // 开始滚动
+    const touchStart = event => {
+        touch.start(event);
+        setStartY(touch.deltaY);
+        setStartTime(Date.now());
+        transformY.current = scrollDistance;
+    };
+    const touchMove = event => {
+        touch.move(event);
+        if (touch.isVertical()) {
+            moving.current = true;
+            preventDefault(event, true);
+        }
+        const move = touch.deltaY - startY;
+        setMove(move);
+    };
+    const touchEnd = () => {
+        if (!moving.current)
+            return;
+        const move = touch.deltaY - startY;
+        const moveTime = Date.now() - startTime;
+        // 区分是否为惯性滚动
+        if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
+            // 惯性滚动
+            const distance = momentum(move, moveTime);
+            setMove(distance, "end", +swipeDuration);
+        }
+        else {
+            setMove(move, "end");
+        }
+        setTimeout(() => {
+            touch.reset();
+        }, 0);
+    };
+    // 惯性滚动 距离
+    const momentum = (distance, duration) => {
+        let nDistance = distance;
+        // 惯性滚动的速度
+        const speed = Math.abs(nDistance / duration);
+        // 惯性滚动的距离
+        nDistance = (speed / 0.003) * (nDistance < 0 ? -1 : 1);
+        return nDistance;
+    };
+    const modifyStatus = (type, val) => {
+        const value = val || defaultValue;
+        let index = -1;
+        if (value) {
+            data.some((item, idx) => {
+                if (typeof item === "string" ? item === value : item.value === value) {
+                    index = idx;
+                    return true;
+                }
+                return false;
+            });
+        }
+        else {
+            data.forEach((item, i) => {
+                if (typeof item === "string"
+                    ? item === defaultValue
+                    : item.value === defaultValue) {
+                    index = i;
+                }
+            });
+        }
+        setCurrIndex(index === -1 ? 1 : index + 1);
+        const move = index === -1 ? 0 : index * lineSpacing.current;
+        type && setChooseValue(-move);
+        setMove(-move);
+    };
+    // 惯性滚动结束
+    const stopMomentum = () => {
+        moving.current = false;
+        setTouchTime(0);
+        setChooseValue(scrollDistance);
+    };
+    // 阻止默认事件
+    const preventDefault = (event, isStopPropagation) => {
+        /* istanbul ignore else */
+        if (typeof event.cancelable !== "boolean" || event.cancelable) {
+            event.preventDefault();
+        }
+        if (isStopPropagation) {
+            event.stopPropagation();
+        }
+    };
+    const getReference = async () => {
+        // const refe = await getRectByTaro(listbox?.current)
+        // lineSpacing.current = refe.height ? refe.height : 36
+        // lineSpacing.current =  36
+        modifyStatus(true);
+    };
+    const touchRollerStyle = () => {
+        return {
+            transition: `transform ${touchTime}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
+            transform: `rotate3d(1, 0, 0, ${touchDeg})`,
+        };
+    };
+    const touchTileStyle = () => {
+        return {
+            transition: `transform ${touchTime}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
+            transform: `translate3d(0, ${scrollDistance}px, 0)`,
+        };
+    };
+    useEffect(() => {
+        setScrollDistance(0);
+        transformY.current = 0;
+        modifyStatus(false);
+        return () => {
+            clearTimeout(timer);
+        };
+    }, [data]);
+    useEffect(() => {
+        if (visible) {
+            setTimeout(() => {
+                getReference();
+            }, 200);
+        }
+    }, [visible]);
+    useImperativeHandle(ref, () => ({
+        stopMomentum,
+        moving: moving.current,
+    }));
+    return (React.createElement(View, { className: "xh-picker-list", ref: pickerSlotRef, onTouchStart: touchStart, onTouchMove: touchMove, onTouchEnd: touchEnd },
+        React.createElement(View, { className: "xh-picker-roller", ref: rollerRef, style: mode === "3D" ? touchRollerStyle() : touchTileStyle(), onTransitionEnd: stopMomentum },
+            mode === "3D" &&
+                data.map((item, index) => {
+                    return (React.createElement(View, { className: `xh-picker-roller-item ${isHidden(index + 1) && "nut-picker-roller-item-hidden"}`, style: {
+                            transform: `rotate3d(1, 0, 0, ${-rotation * (index + 1)}deg) translate3d(0px, 0px, 104px)`,
+                            height: `${lineSpacing.current}px`,
+                            lineHeight: `${lineSpacing.current}px`,
+                        }, key: typeof item === "string"
+                            ? index
+                            : item.value
+                                ? item.value
+                                : index },
+                        React.createElement(React.Fragment, null, typeof item === "object" ? item.text : item)));
+                }),
+            mode === "normal" &&
+                data.map((item, index) => {
+                    return (React.createElement(View, { className: "xh-picker-roller-item-title", key: typeof item === "object" ? item.value : item ? item : index, style: {
+                            height: `${lineSpacing.current}px`,
+                            lineHeight: `${lineSpacing.current}px`,
+                        } },
+                        React.createElement(React.Fragment, null, typeof item === "object" ? item.text : item)));
+                })),
+        React.createElement(View, { className: "xh-picker-mask" }),
+        React.createElement(View, { className: "xh-picker-indicator", ref: listbox })));
+};
+const PickerSlot = React.forwardRef(InternalPickerSlot);
+export default PickerSlot;
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/Radio/Group/index.js

@@ -0,0 +1,56 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useMemo, useState } from "react";
+import classNames from "classnames";
+import Radio from "..";
+const RadioGroup = props => {
+    const { option, onChange, name, padding, border, radioStyle, defaultChecked } = props, rest = __rest(props, ["option", "onChange", "name", "padding", "border", "radioStyle", "defaultChecked"]);
+    let getOpions = useMemo(() => {
+        return option === null || option === void 0 ? void 0 : option.map(item => {
+            if (typeof item === "string") {
+                return {
+                    label: item,
+                    value: item,
+                    checked: defaultChecked === item,
+                };
+            }
+            else {
+                if (defaultChecked === item.value) {
+                    item.checked = true;
+                }
+                return item;
+            }
+        });
+    }, [option, defaultChecked]);
+    const [innerOptions, setInnerOptions] = useState(getOpions);
+    const handleChange = idx => {
+        let newoption = [...innerOptions];
+        let newValue = "";
+        for (let index = 0; index < newoption.length; index++) {
+            if (index === idx) {
+                newoption[index].checked = true;
+                newValue = newoption[index].value;
+            }
+            else {
+                newoption[index].checked = false;
+            }
+        }
+        setInnerOptions(newoption);
+        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    };
+    const cls = classNames("xh-radio-group", { padding }, { border });
+    return (React.createElement("div", { className: cls }, innerOptions.map((item, index) => {
+        return (React.createElement(Radio, Object.assign({ label: item.label, value: item.value, disabled: item.disabled, name: name, key: index, className: "xh-radio-group-list", circle: true, onChange: () => handleChange(index), checked: item.checked, style: radioStyle }, rest)));
+    })));
+};
+export default RadioGroup;
+//# sourceMappingURL=index.js.map

package/lib/components/Radio/Group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Radio/Group/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAC5D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,IAAI,CAAC;AA0BvB,MAAM,UAAU,GAA8B,KAAK,CAAC,EAAE;IACpD,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,MAAM,EACN,UAAU,EACV,cAAc,KAEZ,KAAK,EADJ,IAAI,UACL,KAAK,EATH,mFASL,CAAQ,CAAC;IAEV,IAAI,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,OAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,IAAI,CAAC,EAAE;YACxB,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;gBAC5B,OAAO;oBACL,KAAK,EAAE,IAAI;oBACX,KAAK,EAAE,IAAI;oBACX,OAAO,EAAE,cAAc,KAAK,IAAI;iBACjC,CAAC;aACH;iBAAM;gBACL,IAAI,cAAc,KAAK,IAAI,CAAC,KAAK,EAAE;oBACjC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;iBACrB;gBACD,OAAO,IAAI,CAAC;aACb;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAE7B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAE5D,MAAM,YAAY,GAAG,GAAG,CAAC,EAAE;QACzB,IAAI,SAAS,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC;QAClC,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YACrD,IAAI,KAAK,KAAK,GAAG,EAAE;gBACjB,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC;gBAChC,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;aACnC;iBAAM;gBACL,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC;aAClC;SACF;QACD,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,GAAG,GAAG,UAAU,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAElE,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,IAChB,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAChC,OAAO,CACL,oBAAC,KAAK,kBACJ,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,qBAAqB,EAC/B,MAAM,QACN,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EACnC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,UAAU,IACb,IAAI,EACR,CACH,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/Radio/index.js

@@ -0,0 +1,43 @@
+import React from "react";
+import classNames from "classnames";
+import { RadioGroup } from "@tarojs/components";
+import useGenerateId from "@/hooks/useGenerateId";
+import Group from "./Group";
+import "./index.scss";
+const XHRadio = props => {
+    const { className, name, label, id, circle, onChange, align, direction, justify, checked, disabled, value, style, color = "#f6ab00", } = props;
+    const finalId = useGenerateId(id, "xh-radio-id");
+    const handleOnchange = e => {
+        let finalchecked = checked || false;
+        let value = "";
+        if (process.env.TARO_ENV === "h5") {
+            finalchecked = e.target.checked;
+            value = e.target.value;
+        }
+        else {
+            finalchecked = e.detail.value.length > 0;
+            value = e.detail.value;
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(finalchecked, value);
+    };
+    const cls = classNames("xh-radio", className, align, direction, justify);
+    if (process.env.TARO_ENV !== "h5") {
+        return (React.createElement(RadioGroup, { onChange: handleOnchange },
+            React.createElement("label", { htmlFor: finalId, className: cls, style: style },
+                React.createElement("input", { type: "radio", id: finalId, name: name, className: classNames("xh-radio-input", {
+                        tt: process.env.TARO_ENV === "tt",
+                    }), onChange: handleOnchange, disabled: disabled, value: value, checked: checked, color: color }),
+                React.createElement("span", { className: classNames("xh-radio-input-fake", circle && "circle", {
+                        tt: process.env.TARO_ENV === "tt",
+                    }) }),
+                React.createElement("span", { className: "xh-radio-label" }, label))));
+    }
+    return (React.createElement("label", { htmlFor: finalId, className: cls, style: style },
+        React.createElement("input", { type: "radio", id: finalId, name: name, className: "xh-radio-input", onChange: handleOnchange, value: value, disabled: disabled, defaultChecked: checked }),
+        React.createElement("span", { className: classNames("xh-radio-input-fake", circle && "circle") }),
+        React.createElement("span", { className: "xh-radio-label" }, label)));
+};
+const Radio = XHRadio;
+Radio.Group = Group;
+export default Radio;
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/Space/Item.js

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { SpaceContext } from ".";
+export default function Item({ className, direction, index, marginDirection, children, split, wrap, }) {
+    const { horizontalSize, verticalSize, latestIndex, supportFlexGap } = React.useContext(SpaceContext);
+    let style = {};
+    if (!supportFlexGap) {
+        if (direction === "vertical") {
+            if (index < latestIndex) {
+                style = { marginBottom: horizontalSize / (split ? 2 : 1) };
+            }
+        }
+        else {
+            style = Object.assign(Object.assign({}, (index < latestIndex && {
+                [marginDirection]: horizontalSize / (split ? 2 : 1),
+            })), (wrap && { paddingBottom: verticalSize }));
+        }
+    }
+    if (children === null || children === undefined) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: className, style: style }, children),
+        index < latestIndex && split && (React.createElement("span", { className: `${className}-split`, style: style }, split))));
+}
+//# sourceMappingURL=Item.js.map

package/lib/components/Space/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../src/components/Space/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAYjC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,SAAS,EACT,SAAS,EACT,KAAK,EACL,eAAe,EACf,QAAQ,EACR,KAAK,EACL,IAAI,GACM;IACV,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,GACjE,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAEjC,IAAI,KAAK,GAAwB,EAAE,CAAC;IAEpC,IAAI,CAAC,cAAc,EAAE;QACnB,IAAI,SAAS,KAAK,UAAU,EAAE;YAC5B,IAAI,KAAK,GAAG,WAAW,EAAE;gBACvB,KAAK,GAAG,EAAE,YAAY,EAAE,cAAc,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;aAC5D;SACF;aAAM;YACL,KAAK,mCACA,CAAC,KAAK,GAAG,WAAW,IAAI;gBACzB,CAAC,eAAe,CAAC,EAAE,cAAc,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACpD,CAAC,GACC,CAAC,IAAI,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,CAC7C,CAAC;SACH;KACF;IAED,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,EAAE;QAC/C,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,IACpC,QAAQ,CACL;QACL,KAAK,GAAG,WAAW,IAAI,KAAK,IAAI,CAC/B,8BAAM,SAAS,EAAE,GAAG,SAAS,QAAQ,EAAE,KAAK,EAAE,KAAK,IAChD,KAAK,CACD,CACR,CACc,CAClB,CAAC;AACJ,CAAC"}

package/lib/components/Space/config-provider.js

@@ -0,0 +1,8 @@
+import React from "react";
+export const defaultGetPrefixCls = (suffixCls) => {
+    return suffixCls ? `xh-${suffixCls}` : "xh";
+};
+export const ConfigContext = React.createContext({
+    getPrefixCls: defaultGetPrefixCls,
+});
+//# sourceMappingURL=config-provider.js.map

package/lib/components/Space/config-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-provider.js","sourceRoot":"","sources":["../../../src/components/Space/config-provider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,EAAE;IACxD,OAAO,SAAS,CAAC,CAAC,CAAC,MAAM,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AAC9C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAsB;IACpE,YAAY,EAAE,mBAAmB;CAClC,CAAC,CAAC"}

package/lib/components/Space/index.js

@@ -0,0 +1,77 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { View } from "@tarojs/components";
+import classNames from "classnames";
+import useFlexGapSupport from "@/hooks/useFlexGapSupport";
+import { toArray } from "@/utils";
+import { ConfigContext } from "./config-provider";
+import Item from "./Item";
+import "./index.scss";
+export const SpaceConfigContext = ConfigContext;
+export const SpaceContext = React.createContext({
+    latestIndex: 0,
+    horizontalSize: 0,
+    verticalSize: 0,
+    supportFlexGap: false,
+});
+const spaceSize = {
+    small: 8,
+    normal: 16,
+    large: 24,
+};
+function getNumberSize(size) {
+    return typeof size === "string" ? spaceSize[size] : size || 0;
+}
+const XHSpace = props => {
+    const { getPrefixCls, space, direction: directionConfig, } = React.useContext(ConfigContext);
+    const { size = (space === null || space === void 0 ? void 0 : space.size) || "small", align, className, children, direction = "horizontal", split, style, wrap = false } = props, otherProps = __rest(props, ["size", "align", "className", "children", "direction", "split", "style", "wrap"]);
+    const supportFlexGap = useFlexGapSupport();
+    const [horizontalSize, verticalSize] = React.useMemo(() => (Array.isArray(size) ? size : [size, size]).map(item => getNumberSize(item)), [size]);
+    const childNodes = toArray(children, { keepEmpty: true });
+    const mergedAlign = align === undefined && direction === "horizontal" ? "center" : align;
+    const prefixCls = getPrefixCls("space");
+    const cn = classNames(prefixCls, `${prefixCls}-${direction}`, {
+        [`${prefixCls}-rtl`]: directionConfig === "rtl",
+        [`${prefixCls}-align-${mergedAlign}`]: mergedAlign,
+    }, className);
+    const itemClassName = `${prefixCls}-item`;
+    const marginDirection = directionConfig === "rtl" ? "marginLeft" : "marginRight";
+    // Calculate latest one
+    let latestIndex = 0;
+    const nodes = childNodes.map((child, i) => {
+        if (child !== null && child !== undefined) {
+            latestIndex = i;
+        }
+        const key = (child && child.key) || `${itemClassName}-${i}`;
+        return (React.createElement(Item, { className: itemClassName, key: key, direction: direction, index: i, marginDirection: marginDirection, split: split, wrap: wrap }, child));
+    });
+    const spaceContext = React.useMemo(() => ({ horizontalSize, verticalSize, latestIndex, supportFlexGap }), [horizontalSize, verticalSize, latestIndex, supportFlexGap]);
+    if (childNodes.length === 0) {
+        return null;
+    }
+    const gapStyle = {};
+    if (wrap) {
+        gapStyle.flexWrap = "wrap";
+        if (!supportFlexGap) {
+            gapStyle.marginBottom = `-${verticalSize}px`;
+        }
+    }
+    if (supportFlexGap) {
+        gapStyle.columnGap = `${horizontalSize}px`;
+        gapStyle.rowGap = `${verticalSize}px`;
+    }
+    return (React.createElement(View, Object.assign({ className: cn, style: Object.assign(Object.assign({}, gapStyle), style) }, otherProps),
+        React.createElement(SpaceContext.Provider, { value: spaceContext }, nodes)));
+};
+export default XHSpace;
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/Step/Steps/index.js

@@ -0,0 +1,31 @@
+import React from "react";
+import classNames from "classnames";
+import { View } from "@tarojs/components";
+const classPrefix = `xh-steps`;
+const stepClassPrefix = `xh-step`;
+const defaultIcon = React.createElement("span", { className: `${stepClassPrefix}-icon-dot` });
+const Steps = props => {
+    const { direction = "horizontal", current = 0, style, className } = props;
+    const classString = classNames(classPrefix, `${classPrefix}-${direction}`, className);
+    return (React.createElement(View, { className: classString, style: style }, React.Children.map(props.children, (child, index) => {
+        var _a;
+        if (!React.isValidElement(child)) {
+            return child;
+        }
+        const props = child.props;
+        let status = props.status || "wait";
+        if (index < current) {
+            status = props.status || "finish";
+        }
+        else if (index === current) {
+            status = props.status || "process";
+        }
+        const icon = (_a = props.icon) !== null && _a !== void 0 ? _a : defaultIcon;
+        return React.cloneElement(child, {
+            status,
+            icon,
+        });
+    })));
+};
+export default Steps;
+//# sourceMappingURL=index.js.map

package/lib/components/Step/Steps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Step/Steps/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAK1C,MAAM,WAAW,GAAG,UAAU,CAAC;AAC/B,MAAM,eAAe,GAAG,SAAS,CAAC;AAElC,MAAM,WAAW,GAAG,8BAAM,SAAS,EAAE,GAAG,eAAe,WAAW,GAAI,CAAC;AAYvE,MAAM,KAAK,GAAmB,KAAK,CAAC,EAAE;IACpC,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,WAAW,GAAG,UAAU,CAC5B,WAAW,EACX,GAAG,WAAW,IAAI,SAAS,EAAE,EAC7B,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,IACvC,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjB,KAAK,CAAC,QAAQ,EACd,CAAC,KAA8B,EAAE,KAAK,EAAE,EAAE;;QACxC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;YAChC,OAAO,KAAK,CAAC;SACd;QACD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QAC1B,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC;QAEpC,IAAI,KAAK,GAAG,OAAO,EAAE;YACnB,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,QAAQ,CAAC;SACnC;aAAM,IAAI,KAAK,KAAK,OAAO,EAAE;YAC5B,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC;SACpC;QAED,MAAM,IAAI,GAAG,MAAA,KAAK,CAAC,IAAI,mCAAI,WAAW,CAAC;QAEvC,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAC/B,MAAM;YACN,IAAI;SACL,CAAC,CAAC;IACL,CAAC,CACF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/Step/index.js

@@ -0,0 +1,19 @@
+import React from "react";
+import classNames from "classnames";
+import { View } from "@tarojs/components";
+import Steps from "./Steps";
+import "./index.scss";
+const classPrefix = "xh-step";
+const Step = props => {
+    const { title, description, icon, status = "wait", fancy, style, className, } = props;
+    return (React.createElement(View, { className: classNames(`${classPrefix}`, `${classPrefix}-status-${status}`, className), style: style },
+        React.createElement(View, { className: `${classPrefix}-indicator` },
+            React.createElement(View, { className: classNames(`${classPrefix}-icon-container`, { fancy }) }, icon)),
+        React.createElement(View, { className: `${classPrefix}-content` },
+            React.createElement(View, { className: `${classPrefix}-title` }, title),
+            !!description && (React.createElement(View, { className: `${classPrefix}-description` }, description)))));
+};
+const XHStep = Step;
+XHStep.Steps = Steps;
+export default XHStep;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Step/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,cAAc,CAAC;AAYtB,MAAM,WAAW,GAAG,SAAS,CAAC;AAE9B,MAAM,IAAI,GAAwB,KAAK,CAAC,EAAE;IACxC,MAAM,EACJ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,KAAK,EACL,KAAK,EACL,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CACnB,GAAG,WAAW,EAAE,EAChB,GAAG,WAAW,WAAW,MAAM,EAAE,EACjC,SAAS,CACV,EACD,KAAK,EAAE,KAAK;QAEZ,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,WAAW,YAAY;YACzC,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,GAAG,WAAW,iBAAiB,EAAE,EAAE,KAAK,EAAE,CAAC,IAEhE,IAAI,CACA,CACF;QACP,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,WAAW,UAAU;YACvC,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,WAAW,QAAQ,IAAG,KAAK,CAAQ;YACtD,CAAC,CAAC,WAAW,IAAI,CAChB,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,WAAW,cAAc,IAAG,WAAW,CAAQ,CACpE,CACI,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,MAAM,GAAG,IAAuB,CAAC;AACvC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AAErB,eAAe,MAAM,CAAC"}

package/lib/components/ThemeProvider/index.js

@@ -1,4 +1,5 @@
 import React, { createContext } from "react";
+import cssVars from "css-vars-ponyfill";
 const createTheme = (theme) => {
     return createContext(Object.assign({}, theme));
 };
@@ -22,6 +23,9 @@ const ThemeProvider = ({ children, value, scoped = false, }) => {
             }
         });
     }
+    cssVars({
+        variables: value,
+    });
     return (React.createElement(ThemeContext.Provider, { value: value }, clonedElement));
 };
 export default ThemeProvider;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ThemeProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAyB7C,MAAM,WAAW,GAAG,CAAC,KAAgC,EAAE,EAAE;IACvD,OAAO,aAAa,mBAAM,KAAK,EAAG,CAAC;AACrC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;AAE5C,MAAM,aAAa,GAAiC,CAAC,EACnD,QAAQ,EACR,KAAK,EACL,MAAM,GAAG,KAAK,GACf,EAAE,EAAE;IACH,IAAI,aAAa,GAAG,QAAQ,CAAC;IAC7B,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC/B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;KACJ;SAAM;QACL,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC5D,IAAI,KAAK,KAAK,CAAC,EAAE;gBACf,OAAO,KAAK,CAAC,YAAY,CAAC,KAAY,EAAE;oBACtC,KAAK,EAAE,KAAK;iBACb,CAAC,CAAC;aACJ;iBAAM;gBACL,OAAO,KAAK,CAAC;aACd;QACH,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,aAAa,CAAyB,CAC7E,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ThemeProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,OAAO,MAAM,mBAAmB,CAAC;AAyBxC,MAAM,WAAW,GAAG,CAAC,KAAgC,EAAE,EAAE;IACvD,OAAO,aAAa,mBAAM,KAAK,EAAG,CAAC;AACrC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;AAE5C,MAAM,aAAa,GAAiC,CAAC,EACnD,QAAQ,EACR,KAAK,EACL,MAAM,GAAG,KAAK,GACf,EAAE,EAAE;IACH,IAAI,aAAa,GAAG,QAAQ,CAAC;IAC7B,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC/B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;KACJ;SAAM;QACL,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC5D,IAAI,KAAK,KAAK,CAAC,EAAE;gBACf,OAAO,KAAK,CAAC,YAAY,CAAC,KAAY,EAAE;oBACtC,KAAK,EAAE,KAAK;iBACb,CAAC,CAAC;aACJ;iBAAM;gBACL,OAAO,KAAK,CAAC;aACd;QACH,CAAC,CAAC,CAAC;KACJ;IAED,OAAO,CAAC;QACN,SAAS,EAAE,KAAkC;KAC9C,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,aAAa,CAAyB,CAC7E,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/hooks/index.js

@@ -7,40 +7,6 @@ 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 => {

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,CAAC;AAGtC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAoB;IAElF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;IACvF,oDAAoD;IAEpD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB;IAEtF,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,EAAE;QAChC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,CAAc,EAAE,EAAE;QACpC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAE1C,aAAa,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAc,EAAE,EAAE;QACnC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,SAAS,EAAE,SAAS,CAAC;QACzB,SAAS,GAAG,SAAS,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAC5C,SAAS,GAAG,SAAS,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAC5C,oBAAoB,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,CAAc,EAAE,EAAE;QAClC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;QAC7C,gBAAgB,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACjE,CAAC,CAAC;IAEF,OAAO;QACL,UAAU;QACV,QAAQ;QACR,SAAS;QACT,UAAU,EAAE,UAAU;QACtB,iBAAiB,EAAE,iBAAiB;QACpC,aAAa;KACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE;IAC/C,SAAS,CAAC,GAAG,EAAE;QACb,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YACf,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACb,CAAC,CAAC"}
+{"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,CAAC;AAEtC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE;IAC/C,SAAS,CAAC,GAAG,EAAE;QACb,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YACf,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACb,CAAC,CAAC"}

package/lib/hooks/useFlexGapSupport.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { detectFlexGapSupported } from "../utils";
+export default () => {
+    const [flexible, setFlexible] = React.useState(false);
+    React.useEffect(() => {
+        setFlexible(detectFlexGapSupported());
+    }, []);
+    return flexible;
+};
+//# sourceMappingURL=useFlexGapSupport.js.map