@sheinx/hooks 3.0.0-alpha.1

package/esm/common/use-transform/use-transform.js

@@ -0,0 +1,141 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _element = require("../../utils/dom/element");
+var _scrollBehavior = require("../../utils/dom/scroll-behavior");
+var useTransform = function useTransform(props) {
+  var direction = props.direction,
+    container = props.container,
+    target = props.target,
+    autoScroll = props.autoScroll;
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    delta = _useState2[0],
+    setDelta = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    atEnd = _useState4[0],
+    setAtEnd = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    atStart = _useState6[0],
+    setAtStart = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    shouldScroll = _useState8[0],
+    setShouldScroll = _useState8[1];
+  var style = {
+    transform: "translate".concat(direction, "(").concat(-delta, "px)")
+  };
+  var getDimension = function getDimension() {
+    if (!container || !target) return {};
+    var targetDimension = direction === 'X' ? target.clientWidth : target.clientHeight;
+    var containerDimension = direction === 'X' ? container.clientWidth : container.clientHeight;
+    return {
+      targetDimension: targetDimension,
+      containerDimension: containerDimension
+    };
+  };
+  var setTransform = function setTransform(dimension) {
+    var _getDimension = getDimension(),
+      targetDimension = _getDimension.targetDimension,
+      containerDimension = _getDimension.containerDimension;
+    if (!containerDimension || !targetDimension) return;
+    // 内部容器的宽度小于外部容器的宽度，无需移动
+    if (targetDimension < containerDimension) {
+      if (atEnd === false) {
+        setAtEnd(true);
+      }
+      return;
+    }
+
+    // 移动距离大于0，说明已经到达最左边或者最上边，无需移动
+    if (dimension <= 0) {
+      setDelta(0);
+      if (atStart === false) {
+        setAtStart(true);
+      }
+      return;
+    }
+    // 移动距离大于最大可移动距离，说明已经到达最右边或者最下边，无需移动
+    var maxDelta = targetDimension - containerDimension;
+    if (dimension >= maxDelta) {
+      setDelta(maxDelta);
+      if (atEnd === false) {
+        setAtEnd(true);
+      }
+      return;
+    }
+    if (atStart === true) setAtStart(false);
+    if (atEnd === true) setAtEnd(false);
+    setDelta(dimension);
+  };
+  var handleTransform = function handleTransform(e) {
+    var deltaX = e.deltaX,
+      deltaY = e.deltaY;
+    var dimension = direction === 'X' ? deltaX : deltaY;
+
+    // 抵达边界，无需移动
+    if (atStart && dimension <= 0) return;
+    if (atEnd && dimension >= 0) return;
+    setTransform(dimension + delta);
+  };
+  var handleResize = function handleResize() {
+    var _getDimension2 = getDimension(),
+      targetDimension = _getDimension2.targetDimension,
+      containerDimension = _getDimension2.containerDimension;
+    if (!containerDimension || !targetDimension) return;
+    if (targetDimension <= containerDimension) {
+      setShouldScroll(false);
+    } else {
+      setShouldScroll(true);
+    }
+  };
+  var getRectDiff = function getRectDiff(node, pNode) {
+    var nodeRect = node.getBoundingClientRect();
+    var pNodeRect = pNode.getBoundingClientRect();
+    var scaleX = pNode.offsetWidth / pNodeRect.width;
+    var scaleY = pNode.offsetHeight / pNodeRect.height;
+    return {
+      left: (nodeRect.left - pNodeRect.left) * scaleX,
+      right: (nodeRect.right - pNodeRect.right) * scaleX,
+      top: (nodeRect.top - pNodeRect.top) * scaleY,
+      bottom: (nodeRect.bottom - pNodeRect.bottom) * scaleY
+    };
+  };
+  (0, _react.useEffect)(function () {
+    if (!container || !target) return;
+    if (delta === 0 && atStart === false) {
+      setAtStart(true);
+    }
+    var removeWheelListener;
+    if (autoScroll) {
+      var removeMouse = shouldScroll ? (0, _scrollBehavior.banOverScrollx)(container) : null;
+      removeWheelListener = (0, _element.addResizeObserver)(container, handleResize);
+      return function () {
+        var _removeWheelListener;
+        removeMouse === null || removeMouse === void 0 ? void 0 : removeMouse();
+        (_removeWheelListener = removeWheelListener) === null || _removeWheelListener === void 0 ? void 0 : _removeWheelListener();
+      };
+    }
+  }, [container, target, shouldScroll]);
+  return {
+    atStart: atStart,
+    atEnd: atEnd,
+    style: style,
+    delta: delta,
+    shouldScroll: shouldScroll,
+    setTransform: setTransform,
+    handleTransform: handleTransform,
+    getRectDiff: getRectDiff
+  };
+};
+var _default = useTransform;
+exports.default = _default;

package/esm/common/use-transform/use-transform.type.d.ts

@@ -0,0 +1,19 @@
+export interface UseTransformProps {
+    /**
+     * 滚动方向
+     */
+    direction: 'X' | 'Y';
+    /**
+     * 滚动容器
+     */
+    container: HTMLElement | null;
+    /**
+     * 滚动目标
+     */
+    target: HTMLElement | null;
+    /**
+     * 监听滚动
+     */
+    autoScroll?: boolean;
+}
+//# sourceMappingURL=use-transform.type.d.ts.map

package/esm/common/use-transform/use-transform.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-transform.type.d.ts","sourceRoot":"","sources":["use-transform.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,EAAE,GAAG,GAAG,GAAG,CAAC;IAErB;;OAEG;IACH,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAE9B;;OAEG;IACH,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/esm/common/use-transform/use-transform.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/common/use-unmounted-ref/index.d.ts

@@ -0,0 +1,4 @@
+import { type MutableRefObject } from 'react';
+export declare function useUnmountedRef(): MutableRefObject<boolean>;
+export default useUnmountedRef;
+//# sourceMappingURL=index.d.ts.map

package/esm/common/use-unmounted-ref/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAqB,MAAM,OAAO,CAAC;AAEjE,wBAAgB,eAAe,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAS3D;AAED,eAAe,eAAe,CAAC"}

package/esm/common/use-unmounted-ref/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.useUnmountedRef = useUnmountedRef;
+var _react = require("react");
+function useUnmountedRef() {
+  var unmountedRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(function () {
+    unmountedRef.current = false;
+    return function () {
+      unmountedRef.current = true;
+    };
+  }, []);
+  return unmountedRef;
+}
+var _default = useUnmountedRef;
+exports.default = _default;

package/esm/components/use-button/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as useButton } from './use-button';
+export type { BaseButtonProps, ButtonShape, ButtonMode, ButtonType } from './use-button.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/components/use-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC"}

package/esm/components/use-button/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useButton.default;
+  }
+});
+Object.defineProperty(exports, "useButton", {
+  enumerable: true,
+  get: function get() {
+    return _useButton.default;
+  }
+});
+var _useButton = _interopRequireDefault(require("./use-button"));

package/esm/components/use-button/use-button-group.type.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ButtonGroupProps {
+    size?: 'small' | 'large' | 'default';
+    outline?: boolean;
+    type?: 'default' | 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'link';
+    children: React.ReactNode;
+}
+//# sourceMappingURL=use-button-group.type.d.ts.map

package/esm/components/use-button/use-button-group.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-button-group.type.d.ts","sourceRoot":"","sources":["use-button-group.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACvF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/esm/components/use-button/use-button-group.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/components/use-button/use-button.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { ObjectType } from '../../common/type';
+import { BaseButtonProps } from './use-button.type';
+declare const useButton: (props?: BaseButtonProps) => {
+    disabled: boolean | undefined;
+    getAnchorProps: <TOther extends ObjectType<any> = ObjectType<any>>(externalProps?: TOther) => {
+        mode?: import("./use-button.type").ButtonMode | undefined;
+        text?: boolean | undefined;
+        outline?: boolean | undefined;
+        type?: import("./use-button.type").ButtonType | undefined;
+        size?: "small" | "default" | "large" | undefined;
+        space?: boolean | undefined;
+        shape?: import("./use-button.type").ButtonShape | undefined;
+    } & TOther & {
+        href: string | undefined;
+        target: string | undefined;
+        onClick: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>) => void;
+        onRef: React.Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
+    };
+    getButtonProps: <TOther_1 extends ObjectType<any> = ObjectType<any>>(externalProps?: TOther_1) => {
+        mode?: import("./use-button.type").ButtonMode | undefined;
+        text?: boolean | undefined;
+        outline?: boolean | undefined;
+        type?: import("./use-button.type").ButtonType | undefined;
+        size?: "small" | "default" | "large" | undefined;
+        space?: boolean | undefined;
+        shape?: import("./use-button.type").ButtonShape | undefined;
+    } & TOther_1 & {
+        ref: ((instance: HTMLButtonElement | null) => void) | null;
+        disabled: boolean | undefined;
+        htmlType: "reset" | "submit" | "button" | undefined;
+        onRef: React.Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
+        onClick: (event: React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLAnchorElement>) => void;
+    };
+    getSpaceChildren: (children: React.ReactNode, space?: boolean) => React.ReactNode;
+};
+export default useButton;
+//# sourceMappingURL=use-button.d.ts.map

package/esm/components/use-button/use-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-button.d.ts","sourceRoot":"","sources":["use-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,SAAS,WAAW,eAAe;;;;;;;;;;;;;yBAmB7B,gBAAgB,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,CAAC;;;;;;;;;;;;;;;;yBAAzE,gBAAgB,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,CAAC;;iCAQ/C,MAAM,SAAS,UAAU,OAAO;CAqDrE,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/components/use-button/use-button.js

@@ -0,0 +1,85 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _useForkRef = _interopRequireDefault(require("../../common/use-fork-ref"));
+var _utils = require("../../utils");
+var _element = require("../../utils/dom/element");
+var _excluded = ["htmlType", "href", "target", "buttonRef", "disabled", "loading", "onClick", "onRef"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useButton = function useButton() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var htmlType = props.htmlType,
+    href = props.href,
+    target = props.target,
+    buttonRefPo = props.buttonRef,
+    disabled = props.disabled,
+    loading = props.loading,
+    onClick = props.onClick,
+    onRef = props.onRef,
+    propsToForward = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var buttonRef = React.useRef(null);
+  var handleButtonRef = (0, _useForkRef.default)(buttonRef, buttonRefPo);
+  var handleClick = function handleClick(otherHandlers) {
+    return function (event) {
+      var _otherHandlers$onClic;
+      if (disabled || loading) {
+        return;
+      }
+      onClick === null || onClick === void 0 ? void 0 : onClick(event);
+      otherHandlers === null || otherHandlers === void 0 ? void 0 : (_otherHandlers$onClic = otherHandlers.onClick) === null || _otherHandlers$onClic === void 0 ? void 0 : _otherHandlers$onClic.call(otherHandlers, event);
+    };
+  };
+  var getSpaceChildren = function getSpaceChildren(children, space) {
+    return (0, _element.wrapSpan)(children, space);
+  };
+  var getAnchorProps = function getAnchorProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var externalEventHandlers = _objectSpread({}, (0, _utils.extractEventHandlers)(externalProps));
+    var mergedEventHandlers = _objectSpread(_objectSpread(_objectSpread({}, propsToForward), externalProps), {}, {
+      onClick: handleClick(externalEventHandlers),
+      onRef: onRef
+    });
+    return _objectSpread(_objectSpread({}, mergedEventHandlers), {}, {
+      href: href,
+      target: target
+    });
+  };
+  var getButtonProps = function getButtonProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var externalEventHandlers = _objectSpread({}, (0, _utils.extractEventHandlers)(externalProps));
+    var mergedEventHandlers = _objectSpread(_objectSpread(_objectSpread({}, propsToForward), externalProps), {}, {
+      disabled: disabled || loading,
+      htmlType: htmlType,
+      onRef: onRef,
+      onClick: handleClick(externalEventHandlers)
+    });
+    return _objectSpread(_objectSpread({}, mergedEventHandlers), {}, {
+      ref: handleButtonRef
+    });
+  };
+  return {
+    disabled: disabled,
+    getAnchorProps: getAnchorProps,
+    getButtonProps: getButtonProps,
+    getSpaceChildren: getSpaceChildren
+  };
+};
+var _default = useButton;
+exports.default = _default;

package/esm/components/use-button/use-button.type.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+export declare type ButtonShape = 'circle' | 'round' | 'square';
+export declare type ButtonMode = 'text' | 'outline' | 'dashed';
+export declare type ButtonType = 'default' | 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'link';
+export interface BaseButtonProps {
+    disabled?: boolean;
+    loading?: boolean;
+    /**
+     * 按钮风格模式
+     * - text 文本按钮
+     * - link 链接按钮
+     * - dash 虚框按钮
+     * - outline 线框按钮
+     */
+    mode?: ButtonMode;
+    /**
+     * @deprecated 文本按钮,即将废弃，请使用 mode="text"
+     */
+    text?: boolean;
+    /**
+     * @deprecated 线框按钮,即将废弃，请使用 mode="outline"
+     */
+    outline?: boolean;
+    type?: ButtonType;
+    size?: 'small' | 'large' | 'default';
+    space?: boolean;
+    href?: string;
+    target?: string;
+    shape?: ButtonShape;
+    htmlType?: 'button' | 'submit' | 'reset';
+    buttonRef?: React.Ref<HTMLButtonElement>;
+    onClick?: React.MouseEventHandler;
+    onRef?: React.Ref<HTMLButtonElement | HTMLAnchorElement>;
+}
+//# sourceMappingURL=use-button.type.d.ts.map

package/esm/components/use-button/use-button.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-button.type.d.ts","sourceRoot":"","sources":["use-button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AACxD,oBAAY,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AACvD,oBAAY,UAAU,GAClB,SAAS,GACT,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CAC1D"}

package/esm/components/use-button/use-button.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/components/use-carousel/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as useCarousel } from './use-carousel';
+//# sourceMappingURL=index.d.ts.map

package/esm/components/use-carousel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/esm/components/use-carousel/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useCarousel.default;
+  }
+});
+Object.defineProperty(exports, "useCarousel", {
+  enumerable: true,
+  get: function get() {
+    return _useCarousel.default;
+  }
+});
+var _useCarousel = _interopRequireDefault(require("./use-carousel"));

package/esm/components/use-carousel/use-carousel.d.ts

@@ -0,0 +1,27 @@
+export interface UseCarouselProps {
+    total: number;
+    /**
+     * 自动播放间隔时间, 等于0 不自动播放
+     */
+    interval?: number;
+    onMove?: (current: number, extra: {
+        prev: number;
+        direction: 'forward' | 'backward';
+        moveTo: (num: number) => void;
+    }) => void;
+}
+export declare type DirectionType = 'forward' | 'backward' | 'stop';
+declare const useCarousel: (props: UseCarouselProps) => {
+    current: number;
+    pre: number;
+    direction: DirectionType;
+    func: {
+        start: () => void;
+        stop: () => void;
+        forward: () => void;
+        backward: () => void;
+        moveTo: (i: number) => void;
+    };
+};
+export default useCarousel;
+//# sourceMappingURL=use-carousel.d.ts.map

package/esm/components/use-carousel/use-carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-carousel.d.ts","sourceRoot":"","sources":["use-carousel.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,CACP,OAAO,EAAE,MAAM,EACf,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;QAAC,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,KACtF,IAAI,CAAC;CACX;AAED,oBAAY,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAE5D,QAAA,MAAM,WAAW,UAAW,gBAAgB;;;;;;;;;oBAcV,MAAM;;CAmEvC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/components/use-carousel/use-carousel.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _usePersistFn = require("../../common/use-persist-fn");
+var _useLatestObj = _interopRequireDefault(require("../../common/use-latest-obj"));
+var useCarousel = function useCarousel(props) {
+  var total = props.total,
+    _props$interval = props.interval,
+    interval = _props$interval === void 0 ? 0 : _props$interval;
+  var _useState = (0, _react.useState)({
+      current: 0,
+      pre: -1,
+      direction: 'stop'
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    _useState2$ = _useState2[0],
+    current = _useState2$.current,
+    pre = _useState2$.pre,
+    direction = _useState2$.direction,
+    setState = _useState2[1];
+  var _useRef = (0, _react.useRef)({
+      timer: null,
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      setNext: function setNext(next) {}
+    }),
+    context = _useRef.current;
+  var autoPlay = interval > 0 && total > 1;
+  var moveTo = (0, _usePersistFn.usePersistFn)(function (i) {
+    var next = i;
+    if (next === current) return;
+    var dir = next > current ? 'forward' : 'backward';
+    if (next >= total) {
+      dir = 'forward';
+      next = 0;
+    } else if (next < 0) {
+      dir = 'backward';
+      next = total - 1;
+    }
+    setState({
+      current: next,
+      pre: current,
+      direction: dir
+    });
+    if (props.onMove) {
+      props.onMove(next, {
+        prev: current,
+        direction: dir,
+        moveTo: moveTo
+      });
+    }
+    context.setNext(next + 1);
+  });
+  var stop = (0, _usePersistFn.usePersistFn)(function () {
+    if (context.timer) {
+      clearTimeout(context.timer);
+      context.timer = null;
+    }
+  });
+  var setNext = (0, _usePersistFn.usePersistFn)(function (next) {
+    if (!autoPlay) return;
+    stop();
+    context.timer = setTimeout(function () {
+      moveTo(next);
+    }, interval);
+  });
+  context.setNext = setNext;
+  var start = (0, _usePersistFn.usePersistFn)(function () {
+    setNext(current + 1);
+  });
+  var forward = (0, _usePersistFn.usePersistFn)(function () {
+    moveTo(current + 1);
+  });
+  var backward = (0, _usePersistFn.usePersistFn)(function () {
+    moveTo(current - 1);
+  });
+  var func = (0, _useLatestObj.default)({
+    start: start,
+    stop: stop,
+    forward: forward,
+    backward: backward,
+    moveTo: moveTo
+  });
+  (0, _react.useEffect)(function () {
+    if (interval > 0 && total > 1) {
+      start();
+    }
+  }, []);
+  return {
+    current: current,
+    pre: pre,
+    direction: direction,
+    func: func
+  };
+};
+var _default = useCarousel;
+exports.default = _default;

package/esm/components/use-check/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as useCheck } from './use-check';
+export type { BaseCheckProps } from './use-check.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/components/use-check/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC3D,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/esm/components/use-check/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useCheck.default;
+  }
+});
+Object.defineProperty(exports, "useCheck", {
+  enumerable: true,
+  get: function get() {
+    return _useCheck.default;
+  }
+});
+var _useCheck = _interopRequireDefault(require("./use-check"));

package/esm/components/use-check/use-check.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 状态 disabled
+ * dom wrapper  input  indicator  desc
+ * 事件 onClick(模拟点击) 点击wrapper
+ */
+import React from 'react';
+import { ObjectType } from '../../common/type';
+import { BaseCheckProps } from './use-check.type';
+declare const useCheck: (props: BaseCheckProps) => {
+    getIndicatorProps: <TOther extends ObjectType<any>>(externalProps?: TOther) => TOther & {
+        tabIndex: number;
+    };
+    getInputProps: <TOther_1 extends ObjectType<any>>(externalProps?: TOther_1) => TOther_1 & {
+        onClick: (e: React.MouseEvent<HTMLInputElement>) => void;
+        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        tabIndex: number;
+        style: {
+            display: string;
+        };
+        checked: boolean | undefined;
+        defaultChecked: boolean | undefined;
+        ref: ((instance: HTMLInputElement | null) => void) | null;
+        disabled: boolean | undefined;
+    };
+    getRootProps: <TOther_2 extends ObjectType<any>>(externalProps?: TOther_2) => TOther_2 & {
+        onClick: (event: React.MouseEvent) => void;
+    };
+    disabled: boolean | undefined;
+    checked: boolean;
+};
+export default useCheck;
+//# sourceMappingURL=use-check.d.ts.map

package/esm/components/use-check/use-check.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-check.d.ts","sourceRoot":"","sources":["use-check.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAA,MAAM,QAAQ,UAAW,cAAc;;;;;qBAoDpB,gBAAgB,CAAC,gBAAgB,CAAC;0BArBT,MAAM,WAAW,CAAC,gBAAgB,CAAC;;;;;;;;;;;yBAhBjB,gBAAgB;;;;CA6D7E,CAAC;AAEF,eAAe,QAAQ,CAAC"}