@sheinx/hooks 3.0.0-alpha.1

package/cjs/common/use-style/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyleUnitValue = useStyleUnitValue;
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.match.js");
+var _is = require("../../utils/is");
+function useStyleUnitValue(value) {
+  if (value === undefined) return;
+  if ((0, _is.isNumber)(value)) {
+    return {
+      value: value,
+      unit: 'px'
+    };
+  }
+  if (typeof value === 'string') {
+    var match = value.match(/(\d+)(px|rem|em|vh|vw|vmin|vmax|%)$/);
+    if (match) {
+      return {
+        value: Number(match[1]),
+        unit: match[2]
+      };
+    }
+    return {
+      value: Number(value),
+      unit: 'px'
+    };
+  }
+}

package/cjs/common/use-toggle/index.d.ts

@@ -0,0 +1,9 @@
+declare type IState = string | number | boolean | undefined;
+export interface Actions<T = IState> {
+    setLeft: () => void;
+    setRight: () => void;
+    toggle: (value?: T) => void;
+}
+export declare function useToggle<T = IState, U = IState>(defaultValue: T, reverseValue?: U): [T | U, Actions<T>];
+export {};
+//# sourceMappingURL=index.d.ts.map

package/cjs/common/use-toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAGA,aAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEpD,MAAM,WAAW,OAAO,CAAC,CAAC,GAAG,MAAM;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,EAC9C,YAAY,EAAE,CAAC,EACf,YAAY,CAAC,EAAE,CAAC,GACf,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CA2BrB"}

package/cjs/common/use-toggle/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useToggle = useToggle;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _useSafeState3 = require("../use-safe-state");
+function useToggle(defaultValue, reverseValue) {
+  var _useSafeState = (0, _useSafeState3.useSafeState)(defaultValue),
+    _useSafeState2 = (0, _slicedToArray2.default)(_useSafeState, 2),
+    state = _useSafeState2[0],
+    setState = _useSafeState2[1];
+  var actions = (0, _react.useMemo)(function () {
+    var reverseValueOrigin = reverseValue === undefined ? !defaultValue : reverseValue;
+
+    // 切换返回值
+    var toggle = function toggle(value) {
+      // 强制返回状态值，适用于点击操作
+      if (value !== undefined) {
+        setState(value);
+      } else {
+        setState(function (value) {
+          return value === defaultValue ? reverseValueOrigin : defaultValue;
+        });
+      }
+    };
+    // 设置默认值
+    var setLeft = function setLeft() {
+      return setState(defaultValue);
+    };
+    // 设置取反值
+    var setRight = function setRight() {
+      return setState(reverseValueOrigin);
+    };
+    return {
+      toggle: toggle,
+      setLeft: setLeft,
+      setRight: setRight
+    };
+  }, [defaultValue, reverseValue]);
+  return [state, actions];
+}

package/cjs/common/use-transform/index.d.ts

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

package/cjs/common/use-transform/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,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/cjs/common/use-transform/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 _useTransform.default;
+  }
+});
+Object.defineProperty(exports, "useTransform", {
+  enumerable: true,
+  get: function get() {
+    return _useTransform.default;
+  }
+});
+var _useTransform = _interopRequireDefault(require("./use-transform"));

package/cjs/common/use-transform/use-transform.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { UseTransformProps } from './use-transform.type';
+declare const useTransform: <T>(props: UseTransformProps) => {
+    atStart: boolean;
+    atEnd: boolean;
+    style: {
+        transform: string;
+    };
+    delta: number;
+    shouldScroll: boolean;
+    setTransform: (dimension: number) => void;
+    handleTransform: (e: import("react").WheelEvent<T>) => void;
+    getRectDiff: (node: HTMLElement, pNode: HTMLElement) => {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+};
+export default useTransform;
+//# sourceMappingURL=use-transform.d.ts.map

package/cjs/common/use-transform/use-transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-transform.d.ts","sourceRoot":"","sources":["use-transform.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,QAAA,MAAM,YAAY,aAAc,iBAAiB;;;;;;;;8BAsBd,MAAM;;wBAsDZ,WAAW,SAAS,WAAW;;;;;;CAuC3D,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/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/cjs/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/cjs/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/cjs/common/use-transform/use-transform.type.js

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

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/use-button/use-button-group.type.js

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

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/use-button/use-button.type.js

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

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

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

package/cjs/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/cjs/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/cjs/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/cjs/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"}