taro-react-uilib 1.1.0 → 1.2.0

package/lib/hooks/useFlexGapSupport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlexGapSupport.js","sourceRoot":"","sources":["../../src/hooks/useFlexGapSupport.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAe,GAAG,EAAE;IAClB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,sBAAsB,EAAE,CAAC,CAAC;IACxC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC"}

package/lib/hooks/useGenerateId.js

@@ -0,0 +1,12 @@
+import { useEffect, useState } from "react";
+export default function (id, prefix) {
+    const [finalId, setId] = useState(id);
+    useEffect(() => {
+        setId(`${prefix}${(Math.random() * 1000)
+            .toString()
+            .replace(".", "")
+            .slice(0, 20)}`);
+    }, []);
+    return finalId;
+}
+//# sourceMappingURL=useGenerateId.js.map

package/lib/hooks/useGenerateId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGenerateId.js","sourceRoot":"","sources":["../../src/hooks/useGenerateId.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,OAAO,WAAW,EAAE,EAAE,MAAe;IAC1C,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CACH,GAAG,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC;aAC/B,QAAQ,EAAE;aACV,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;aAChB,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAClB,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/hooks/useRefs.js

@@ -0,0 +1,13 @@
+import React from "react";
+export default function useRefs() {
+    const refs = React.useRef([]);
+    const setRefs = React.useCallback((index) => (el) => {
+        if (el)
+            refs.current[index] = el;
+    }, []);
+    const reset = React.useCallback(() => {
+        refs.current = [];
+    }, []);
+    return [refs.current, setRefs, reset];
+}
+//# sourceMappingURL=useRefs.js.map

package/lib/hooks/useRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefs.js","sourceRoot":"","sources":["../../src/hooks/useRefs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAmB,EAAE,CAAC,CAAC;IAEhD,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC/B,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,EAAkB,EAAE,EAAE;QACxC,IAAI,EAAE;YAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;IACnC,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,OAAc,EAAE,KAAK,CAAC,CAAC;AAC/C,CAAC"}

package/lib/hooks/useTouch.js

@@ -0,0 +1,67 @@
+import { useState } from "react";
+const MIN_DISTANCE = 10;
+function getDirection(x, y) {
+    if (x > y && x > MIN_DISTANCE) {
+        return "horizontal";
+    }
+    if (y > x && y > MIN_DISTANCE) {
+        return "vertical";
+    }
+    return "";
+}
+export function useTouch() {
+    const [startX, SetStartX] = useState(0);
+    const [startY, SetStartY] = useState(0);
+    const [moveX, SetMoveX] = useState(0);
+    const [moveY, SetMoveY] = useState(0);
+    const [deltaX, SetDeltaX] = useState(0);
+    const [deltaY, SetDeltaY] = useState(0);
+    const [offsetX, SetOffsetX] = useState(0);
+    const [offsetY, SetOffsetY] = useState(0);
+    const [direction, SetDirection] = useState("");
+    const isVertical = () => direction === "vertical";
+    const isHorizontal = () => direction === "horizontal";
+    const reset = () => {
+        SetDeltaX(0);
+        SetDeltaY(0);
+        SetOffsetX(0);
+        SetOffsetY(0);
+        SetDirection("");
+    };
+    const start = ((event) => {
+        reset();
+        SetStartX(event.touches[0].clientX);
+        SetStartY(event.touches[0].clientY);
+    });
+    const move = ((event) => {
+        const touch = event.touches[0];
+        const dX = touch.clientX - startX;
+        const dY = touch.clientY - startY;
+        SetDeltaX(dX);
+        SetDeltaY(dY);
+        SetMoveX(touch.clientX);
+        SetMoveY(touch.clientY);
+        SetOffsetX(Math.abs(dX));
+        SetOffsetY(Math.abs(dY));
+        if (!direction) {
+            SetDirection(getDirection(offsetX, offsetY));
+        }
+    });
+    return {
+        move,
+        start,
+        reset,
+        startX,
+        startY,
+        moveX,
+        moveY,
+        deltaX,
+        deltaY,
+        offsetX,
+        offsetY,
+        direction,
+        isVertical,
+        isHorizontal,
+    };
+}
+//# sourceMappingURL=useTouch.js.map

package/lib/hooks/useTouch.js.map

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

package/lib/index.js

@@ -16,5 +16,9 @@ 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";
+export { default as XHSpace } from "./components/Space";
 export { default as ThemeProvider } from "./components/ThemeProvider";
+export { default as XHCheckbox } from "./components/Checkbox";
+export { default as XHRadio } from "./components/Radio";
+export { default as XHStep } from "./components/Step";
 //# 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;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;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,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;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/utils/index.js

@@ -3,6 +3,7 @@
  * @param {string} val - 输入内容
  * @returns {boolean} - 校验结果 返回 true || false
  */
+import React from "react";
 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, "");
@@ -54,8 +55,6 @@ export const throtte = (fn, delay = 1500) => {
     return function (arg) {
         if (canCall) {
             canCall = false;
-            console.log(arg);
-            console.log("arg");
             fn(arg);
         }
         timer = setTimeout(() => {
@@ -78,4 +77,42 @@ export function pxTransform(size, designWidth = 750) {
             "rem");
     return `${size / deviceRatio[designWidth]}rpx`;
 }
+let flexGapSupported;
+export const detectFlexGapSupported = () => {
+    if (flexGapSupported !== undefined) {
+        return flexGapSupported;
+    }
+    const flex = document.createElement("div");
+    flex.style.display = "flex";
+    flex.style.flexDirection = "column";
+    flex.style.rowGap = "1px";
+    flex.appendChild(document.createElement("div"));
+    flex.appendChild(document.createElement("div"));
+    document.body.appendChild(flex);
+    flexGapSupported = flex.scrollHeight === 1;
+    document.body.removeChild(flex);
+    return flexGapSupported;
+};
+export function toArray(children, option = {}) {
+    let ret = [];
+    React.Children.forEach(children, (child) => {
+        if ((child === undefined || child === null) && !option.keepEmpty) {
+            return;
+        }
+        if (Array.isArray(child)) {
+            ret = ret.concat(toArray(child));
+        }
+        else if (isFragment(child) && child.props) {
+            ret = ret.concat(toArray(child.props.children, option));
+        }
+        else {
+            ret.push(child);
+        }
+    });
+    return ret;
+}
+function isFragment(object) {
+    return (object.$$typeof === Symbol.for("react.element") &&
+        object.type === Symbol.for("react.fragment"));
+}
 //# 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,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;AAEF,MAAM,UAAU,WAAW,CAAC,IAAY,EAAE,WAAW,GAAG,GAAG;IACzD,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IACrB,MAAM,WAAW,GAAG;QAClB,GAAG,EAAE,IAAI,GAAG,CAAC;QACb,GAAG,EAAE,CAAC;QACN,GAAG,EAAE,IAAI,GAAG,CAAC;KACd,CAAC;IACF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI;QAC/B,OAAO,CACL,IAAI,CAAC,IAAI,CACP,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,WAAW,CAAC,GAAG,KAAK,CAC/D;YACC,KAAK;YACP,KAAK,CACN,CAAC;IACJ,OAAO,GAAG,IAAI,GAAG,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC;AACjD,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taro-react-uilib",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "基于taro的跨端组件库",
   "templateInfo": {
     "name": "default",
@@ -132,6 +132,7 @@
     }
   },
   "dependencies": {
+    "css-vars-ponyfill": "^2.4.8",
     "react-transition-group": "^4.4.2"
   }
 }

package/types/components/Checkbox/Group/index.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from "react";
+export declare type CheckBoxItemType = {
+    label: string | ReactNode;
+    value: string;
+    disabled?: boolean;
+    checked?: boolean;
+};
+export declare type CheckBoxItem = Omit<CheckBoxItemType, "checked"> | string;
+export declare type CheckboxGroupProps = {
+    option: CheckBoxItem[];
+    onChange?: (value: string[]) => void;
+    defaultChecked?: string[] | string;
+    padding?: true;
+    border?: boolean;
+    style?: React.CSSProperties;
+    checkboxStyle?: React.CSSProperties;
+    align?: "center" | "end";
+    direction?: "rtl";
+    justify?: "around" | "between";
+    color?: string;
+};
+declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
+export default CheckboxGroup;

package/types/components/Checkbox/index.d.ts

@@ -0,0 +1,29 @@
+import { XHComponentCommonProps } from "@/types";
+import React, { ReactNode } from "react";
+import Group from "./Group";
+import "./index.scss";
+declare type CompoundedComponent = React.ForwardRefExoticComponent<XHCheckboxProps & React.RefAttributes<HTMLInputElement>> & {
+    Group: typeof Group;
+};
+export declare type XHCheckboxProps = {
+    onChange?: (check: boolean, value: string) => void;
+    checked?: boolean;
+    name?: string;
+    label: string | ReactNode;
+    size?: number;
+    circle?: boolean;
+    align?: "center" | "end";
+    direction?: "rtl";
+    justify?: "around" | "between";
+    value?: string | number;
+    id?: string;
+    disabled?: boolean;
+    style?: React.CSSProperties;
+    /**
+     * 抖音不支持属性选择器
+     * @description 主要为抖音支持颜色
+     */
+    color?: string;
+} & XHComponentCommonProps;
+declare const CheckBox: CompoundedComponent;
+export default CheckBox;

package/types/components/Picker/Picker.d.ts

@@ -1,23 +1,24 @@
-import { PropsWithChildren, ReactNode, ReactElement, MouseEventHandler } from "react";
-export interface PickerProps<T extends PickerValue> extends PropsWithChildren<{}> {
-    visible: boolean;
-    title?: string | ReactNode;
-    data: T[];
-    ItemComponent?: (props: {
-        data: T;
-    }) => ReactNode;
-    Footer?: ReactNode;
-    onConfirm?: (value: T, index: number) => void;
-    onCancel?: MouseEventHandler;
-    onClose?: MouseEventHandler;
-    cancelText?: string;
-    confirmText?: string;
-}
-interface PickerObjectValue {
-    text: string;
+import React, { RefObject, ReactNode } from "react";
+export interface PickerOption {
+    text: string | number;
     value: string | number;
-    [key: string]: any;
+    children?: PickerOption[];
+}
+export declare type PickerValue = string | PickerOption;
+export interface PickerProps<T extends PickerValue = PickerValue> {
+    visible: boolean;
+    title?: ReactNode | string;
+    data: (T | T[])[];
+    defaultValueData?: (number | string)[];
+    className?: string;
+    style?: React.CSSProperties;
+    mode?: "normal" | "3D";
+    swipeDuration: number | string;
+    onConfirm?: (selectedValue: T[], index: number) => void;
+    onCancel?: () => void;
+    onClose?: () => void;
+    onCloseUpdate?: (selectedValue: (string | number)[], list: PickerOption[], pickerRef: RefObject<HTMLDivElement>) => void;
+    onChange?: (index: number, value: (string | number)[], selectedOptions: PickerValue[]) => void;
 }
-export declare type PickerValue = string | PickerObjectValue;
-declare const Picker: <T extends PickerValue>(props: PickerProps<T>) => ReactElement;
+declare const Picker: React.ForwardRefExoticComponent<Partial<PickerProps<PickerValue>> & React.RefAttributes<unknown>>;
 export default Picker;

package/types/components/Picker/index.d.ts

@@ -1,15 +1,14 @@
 import { PropsWithChildren, ReactElement, ReactNode } from "react";
-import { PickerValue } from "./Picker";
+import type { PickerValue } from "./Picker";
 import "./index.scss";
+export declare type PickerData = PickerValue;
 export interface PickerFieldProps<T extends PickerValue> extends PropsWithChildren<{}> {
-    title?: ReactNode;
-    data: T[];
-    ItemComponent?: (props: {
-        data: T;
-    }) => ReactNode;
+    title?: ReactNode | string;
+    data: T[] | T[][];
     className?: string;
-    onConfirm?: (value: T, index: number) => void;
+    onConfirm?: (value: T[], index: number) => void;
     onCancel?: () => void;
+    mode?: "normal" | "3D";
 }
 declare const PickerField: <T extends PickerValue>(props: PickerFieldProps<T>) => ReactElement;
 export default PickerField;

package/types/components/PickerSlot/index.d.ts

@@ -0,0 +1,24 @@
+import React, { MouseEventHandler } from "react";
+import "./index.scss";
+interface PickerObjectValue {
+    text: string | number;
+    value: string | number;
+    [key: string]: any;
+}
+export declare type PickerValue = string | PickerObjectValue;
+interface PickerSlotProps<T extends PickerValue = PickerObjectValue> {
+    defaultValue?: string | number;
+    data: T[];
+    mode?: "normal" | "3D";
+    swipeDuration?: number | string;
+    onConfirm?: (value: T, index: number) => void;
+    onCancel?: MouseEventHandler;
+    onClose?: MouseEventHandler;
+    keyIndex: number;
+    visible: boolean;
+}
+declare const PickerSlot: React.ForwardRefExoticComponent<Partial<PickerSlotProps<PickerObjectValue>> & React.RefAttributes<{
+    stopMomentum: () => void;
+    moving: boolean;
+}>>;
+export default PickerSlot;

package/types/components/Radio/Group/index.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from "react";
+export declare type RadioItemType = {
+    label: string | ReactNode;
+    value: string;
+    disabled?: boolean;
+    checked?: boolean;
+};
+export declare type RadioItem = RadioItemType | string;
+export declare type RadioGroupProps = {
+    option: RadioItem[];
+    onChange?: (value: string | number) => void;
+    name: string;
+    circle?: boolean;
+    align?: "center" | "end";
+    direction?: "rtl";
+    justify?: "around" | "between";
+    id?: string;
+    padding?: true;
+    border?: boolean;
+    style?: React.CSSProperties;
+    radioStyle?: React.CSSProperties;
+    defaultChecked?: string;
+    color?: string;
+};
+declare const RadioGroup: React.FC<RadioGroupProps>;
+export default RadioGroup;

package/types/components/Radio/index.d.ts

@@ -0,0 +1,29 @@
+import { XHComponentCommonProps } from "@/types";
+import React, { ReactNode } from "react";
+import Group from "./Group";
+import "./index.scss";
+declare type CompoundedComponent = React.ForwardRefExoticComponent<XHRadioProps & React.RefAttributes<HTMLInputElement>> & {
+    Group: typeof Group;
+};
+export declare type XHRadioProps = {
+    onChange?: (check: boolean, value: string) => void;
+    checked?: boolean;
+    name?: string;
+    label: string | ReactNode;
+    size?: number;
+    circle?: boolean;
+    align?: "center" | "end";
+    direction?: "rtl";
+    justify?: "around" | "between";
+    value?: string | number;
+    id?: string;
+    disabled?: boolean;
+    style?: React.CSSProperties;
+    /**
+     * 抖音不支持属性选择器
+     * @description 主要为抖音支持颜色
+     */
+    color?: string;
+} & XHComponentCommonProps;
+declare const Radio: CompoundedComponent;
+export default Radio;

package/types/components/Space/Item.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export interface ItemProps {
+    className: string;
+    children: React.ReactNode;
+    index: number;
+    direction?: "horizontal" | "vertical";
+    marginDirection: "marginLeft" | "marginRight";
+    split?: string | React.ReactNode;
+    wrap?: boolean;
+}
+export default function Item({ className, direction, index, marginDirection, children, split, wrap, }: ItemProps): JSX.Element | null;

package/types/components/Space/config-provider.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export declare type DirectionType = "ltr" | "rtl" | undefined;
+export declare type SizeType = "small" | "normal" | "large" | undefined;
+export interface ConfigConsumerProps {
+    getPrefixCls: (suffixCls?: string) => string;
+    direction?: DirectionType;
+    space?: {
+        size?: SizeType | number;
+    };
+}
+export declare const defaultGetPrefixCls: (suffixCls?: string) => string;
+export declare const ConfigContext: React.Context<ConfigConsumerProps>;

package/types/components/Space/index.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { XHComponentCommonProps } from "@/types";
+import { SizeType } from "./config-provider";
+import "./index.scss";
+export declare const SpaceConfigContext: React.Context<import("./config-provider").ConfigConsumerProps>;
+export declare type SpaceProps = {
+    direction?: "horizontal" | "vertical";
+    align?: "start" | "end" | "center" | "baseline";
+    size?: SizeType | [SizeType, SizeType];
+    style?: React.CSSProperties;
+    split?: React.ReactNode;
+    wrap?: boolean;
+} & XHComponentCommonProps;
+export declare const SpaceContext: React.Context<{
+    latestIndex: number;
+    horizontalSize: number;
+    verticalSize: number;
+    supportFlexGap: boolean;
+}>;
+declare const XHSpace: React.FC<SpaceProps>;
+export default XHSpace;

package/types/components/Step/Steps/index.d.ts

@@ -0,0 +1,13 @@
+import React, { FC } from "react";
+import { XHComponentCommonProps } from "@/types";
+export declare type StepsProps = {
+    current?: number;
+    direction?: "horizontal" | "vertical";
+    children?: React.ReactNode;
+    style?: React.CSSProperties & {
+        "--line-to-next-color"?: string;
+        "--color-primary"?: string;
+    };
+} & XHComponentCommonProps;
+declare const Steps: FC<StepsProps>;
+export default Steps;

package/types/components/Step/index.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode, ForwardRefExoticComponent } from "react";
+import { XHComponentCommonProps } from "@/types";
+import Steps from "./Steps";
+import "./index.scss";
+export declare type StepProps = {
+    icon?: string | ReactNode;
+    title: string | ReactNode;
+    description?: string | ReactNode;
+    direction?: "horizontal" | "vertical";
+    status?: "wait" | "process" | "finish" | "error";
+    fancy?: boolean;
+    style?: React.CSSProperties;
+} & XHComponentCommonProps;
+export declare type HybridComponent = ForwardRefExoticComponent<StepProps> & {
+    Steps: typeof Steps;
+};
+declare const XHStep: HybridComponent;
+export default XHStep;

package/types/hooks/index.d.ts

@@ -1,24 +1,2 @@
-import { ITouchEvent } from "@tarojs/components";
 export declare const useTaroEnv: () => string;
-export declare type hooksProps = {
-    direction: "X" | "Y";
-    threshold: number;
-};
-export declare const useTouch: () => {
-    touchstart: (e: ITouchEvent) => void;
-    touchend: (e: ITouchEvent) => void;
-    touchmove: (e: ITouchEvent) => void;
-    startPoint: {
-        x: number;
-        y: number;
-    };
-    touchMoveDistance: {
-        x: number;
-        y: number;
-    };
-    touchEndPoint: {
-        x: number;
-        y: number;
-    };
-};
 export declare const useAsyncEffect: (fn: any, deps: any) => Promise<void>;

package/types/hooks/useFlexGapSupport.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => boolean;
+export default _default;

package/types/hooks/useGenerateId.d.ts

@@ -0,0 +1 @@
+export default function (id: any, prefix?: string): any;

package/types/hooks/useRefs.d.ts

@@ -0,0 +1 @@
+export default function useRefs(): any[];

package/types/hooks/useTouch.d.ts

@@ -0,0 +1,18 @@
+declare type Direction = "" | "vertical" | "horizontal";
+export declare function useTouch(): {
+    move: EventListener;
+    start: EventListener;
+    reset: () => void;
+    startX: number;
+    startY: number;
+    moveX: number;
+    moveY: number;
+    deltaX: number;
+    deltaY: number;
+    offsetX: number;
+    offsetY: number;
+    direction: Direction;
+    isVertical: () => boolean;
+    isHorizontal: () => boolean;
+};
+export {};

package/types/index.d.ts

@@ -16,4 +16,8 @@ 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";
+export { default as XHSpace } from "./components/Space";
 export { default as ThemeProvider } from "./components/ThemeProvider";
+export { default as XHCheckbox } from "./components/Checkbox";
+export { default as XHRadio } from "./components/Radio";
+export { default as XHStep } from "./components/Step";

package/types/utils/index.d.ts

@@ -3,6 +3,12 @@
  * @param {string} val - 输入内容
  * @returns {boolean} - 校验结果 返回 true || false
  */
+import React from "react";
 export declare const inputRange: (val: string) => string;
 export declare const throtte: (fn: Function, delay?: number) => (arg: any) => void;
 export declare function pxTransform(size: number, designWidth?: number): string;
+export declare const detectFlexGapSupported: () => boolean;
+export interface Option {
+    keepEmpty?: boolean;
+}
+export declare function toArray(children: React.ReactNode, option?: Option): React.ReactElement[];