@sheinx/hooks 3.0.0-alpha.1

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import type { KeygenResult } from '../../common/type';
+export interface UseMenuProps {
+    data: any[];
+    active?: (dataItem: any) => boolean;
+    defaultOpenKeys?: KeygenResult[];
+    openKeys?: KeygenResult[];
+    onOpenChange?: (openKeys: KeygenResult[]) => void;
+}
+export interface UseMenuItemProps {
+    keyResult: KeygenResult;
+    openKeys?: KeygenResult[];
+    onOpenChange: (cb: (before: KeygenResult[]) => KeygenResult[]) => void;
+    bindUpdate: (id: string, update: UpdateFunc) => void;
+    unbindUpdate: (id: string) => void;
+    dataItem: any;
+    parentId?: string;
+    changeActiveId: (id: string) => void;
+    looseChildren?: boolean;
+    parentSelectable?: boolean;
+    mode?: 'inline' | 'vertical' | 'horizontal' | 'vertical-auto';
+    disabled?: boolean | ((dataItem: any) => boolean);
+    onClick?: (dataItem: any) => void;
+    toggleDuration?: number;
+    scrollRef?: React.MutableRefObject<HTMLDivElement | null>;
+}
+export declare type UpdateFunc = (getStatus: (id: string, d: any) => {
+    isChecked: boolean;
+    isInPath: boolean;
+}) => void;
+//# sourceMappingURL=use-menu.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu.type.d.ts","sourceRoot":"","sources":["use-menu.type.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,OAAO,CAAC;IACpC,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,YAAY,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,YAAY,EAAE,KAAK,IAAI,CAAC;IACvE,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACrD,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,YAAY,GAAG,eAAe,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,QAAQ,EAAE,GAAG,KAAK,OAAO,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC3D;AAED,oBAAY,UAAU,GAAG,CACvB,SAAS,EAAE,CACT,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,GAAG,KACH;IACH,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB,KACE,IAAI,CAAC"}

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

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

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

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

package/esm/components/use-pagination/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,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAErE,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/esm/components/use-pagination/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 _usePagination.default;
+  }
+});
+Object.defineProperty(exports, "usePagination", {
+  enumerable: true,
+  get: function get() {
+    return _usePagination.default;
+  }
+});
+var _usePagination = _interopRequireDefault(require("./use-pagination"));

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

@@ -0,0 +1,16 @@
+import { ObjectType } from '../../common/type';
+import { BasePaginationProps } from './use-pagination.type';
+declare const usePagination: (props: BasePaginationProps) => {
+    current: number | undefined;
+    pageSize: number;
+    total: number;
+    onChange: (current: number, size?: number) => void;
+    getRootProps: <TOther extends ObjectType<any> = ObjectType<any>>(externalProps?: TOther) => {
+        [x: string]: (event: any) => void;
+    } & TOther & {
+        current: number | undefined;
+        pageSize: number;
+    };
+};
+export default usePagination;
+//# sourceMappingURL=use-pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-pagination.d.ts","sourceRoot":"","sources":["use-pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,aAAa,UAAW,mBAAmB;;;;wBAahB,MAAM,SAAS,MAAM;;;;;;;CAiCrD,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,60 @@
+"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");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _utils = require("../../utils");
+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 usePagination = function usePagination(props) {
+  var totalProp = props.total,
+    pageSizeProp = props.pageSize,
+    defaultCurrent = props.defaultCurrent,
+    currentProp = props.current,
+    onChange = props.onChange;
+  var _useState = (0, _react.useState)(totalProp),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    total = _useState2[0];
+  var _useState3 = (0, _react.useState)(currentProp !== undefined ? currentProp : defaultCurrent),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    current = _useState4[0],
+    setCurrent = _useState4[1];
+  var _useState5 = (0, _react.useState)(pageSizeProp),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    pageSize = _useState6[0],
+    setPageSize = _useState6[1];
+  var handleChange = function handleChange(current, size) {
+    setCurrent(current);
+    setPageSize(size || pageSizeProp);
+    if (onChange) {
+      var sizeChange = pageSize !== size;
+      onChange(current, size || pageSize, sizeChange);
+    }
+  };
+  var getRootProps = function getRootProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var externalEventHandlers = (0, _utils.extractEventHandlers)(externalProps);
+    var mergedEventHandlers = _objectSpread(_objectSpread(_objectSpread({}, externalEventHandlers), externalProps), {}, {
+      current: current,
+      pageSize: pageSize
+    });
+    return _objectSpread({}, mergedEventHandlers);
+  };
+  return {
+    current: currentProp !== undefined ? currentProp : current,
+    pageSize: pageSize,
+    total: total,
+    onChange: handleChange,
+    getRootProps: getRootProps
+  };
+};
+var _default = usePagination;
+exports.default = _default;

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

@@ -0,0 +1,9 @@
+export interface BasePaginationProps {
+    current?: number;
+    defaultCurrent?: number;
+    total: number;
+    pageSize: number;
+    span: number;
+    onChange?: (current: number, pageSize: number, sizeChange?: boolean) => void;
+}
+//# sourceMappingURL=use-pagination.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-pagination.type.d.ts","sourceRoot":"","sources":["use-pagination.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9E"}

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

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

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

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

package/esm/components/use-popup/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-popup/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 _usePopup.default;
+  }
+});
+Object.defineProperty(exports, "usePopup", {
+  enumerable: true,
+  get: function get() {
+    return _usePopup.default;
+  }
+});
+var _usePopup = _interopRequireDefault(require("./use-popup"));

package/esm/components/use-popup/popup-context.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const context: React.Context<{
+    bindChild: (_ref: React.MutableRefObject<HTMLElement | null>) => void;
+    removeChild: (_ref: React.MutableRefObject<HTMLElement | null>) => void;
+}>;
+export default context;
+//# sourceMappingURL=popup-context.d.ts.map

package/esm/components/use-popup/popup-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-context.d.ts","sourceRoot":"","sources":["popup-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAO7C,QAAA,MAAM,OAAO;sBAJO,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;wBACxC,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;EAGnB,CAAC;AAE9C,eAAe,OAAO,CAAC"}

package/esm/components/use-popup/popup-context.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var defaultContext = {
+  bindChild: function bindChild(_ref) {},
+  removeChild: function removeChild(_ref) {}
+};
+var context = /*#__PURE__*/(0, _react.createContext)(defaultContext);
+var _default = context;
+exports.default = _default;

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

@@ -0,0 +1,51 @@
+import React from 'react';
+import { BasePopupProps, PositionType } from './use-popup.type';
+declare const usePopup: (props: BasePopupProps) => {
+    open: boolean;
+    position: PositionType;
+    targetRef: React.MutableRefObject<HTMLDivElement | null>;
+    popupRef: React.MutableRefObject<HTMLDivElement | null>;
+    getTargetProps: () => {
+        onMouseEnter: (e: {
+            target: EventTarget | null;
+        }) => void;
+        onMouseLeave: (e: {
+            target: EventTarget | null;
+        }) => void;
+        onClick?: undefined;
+        onFocus?: undefined;
+        onBlur?: undefined;
+    } | {
+        onClick: (e: {
+            target: EventTarget | null;
+        }) => void;
+        onMouseEnter?: undefined;
+        onMouseLeave?: undefined;
+        onFocus?: undefined;
+        onBlur?: undefined;
+    } | {
+        onFocus: () => void;
+        onBlur: () => void;
+        onMouseEnter?: undefined;
+        onMouseLeave?: undefined;
+        onClick?: undefined;
+    } | {
+        onMouseEnter?: undefined;
+        onMouseLeave?: undefined;
+        onClick?: undefined;
+        onFocus?: undefined;
+        onBlur?: undefined;
+    };
+    openPop: () => void;
+    closePop: () => void;
+    Provider: React.Provider<{
+        bindChild: (_ref: React.MutableRefObject<HTMLElement | null>) => void;
+        removeChild: (_ref: React.MutableRefObject<HTMLElement | null>) => void;
+    }>;
+    providerValue: {
+        bindChild: (elRef: React.MutableRefObject<HTMLElement | null>) => void;
+        removeChild: (elRef: React.MutableRefObject<HTMLElement | null>) => void;
+    };
+};
+export default usePopup;
+//# sourceMappingURL=use-popup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-popup.d.ts","sourceRoot":"","sources":["use-popup.ts"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMhE,QAAA,MAAM,QAAQ,UAAW,cAAc;;;;;;0BAwGK;YAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;SAAE;0BAM9B;YAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;SAAE;;;;;qBA5B7B;YAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;SAAE;;;;;;;;;;;;;;;;;;;;;;;;;2BA4ElD,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;6BAGxC,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;;CAqBpE,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,197 @@
+"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.splice.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _useClickAway = _interopRequireDefault(require("../../common/use-click-away"));
+var _position = require("../../utils/position");
+var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
+var _popupContext = _interopRequireDefault(require("./popup-context"));
+var usePopup = function usePopup(props) {
+  var disabled = props.disabled,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
+    _props$mouseEnterDela = props.mouseEnterDelay,
+    mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0 : _props$mouseEnterDela,
+    _props$autoMode = props.autoMode,
+    autoMode = _props$autoMode === void 0 ? 'popover' : _props$autoMode,
+    mouseLeaveDelay = props.mouseLeaveDelay,
+    targetEvents = props.targetEvents,
+    _props$defaultOpen = props.defaultOpen,
+    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen;
+  var _useState = (0, _react.useState)(defaultOpen),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    openState = _useState2[0],
+    setOpenState = _useState2[1];
+  var _useContext = (0, _react.useContext)(_popupContext.default),
+    bindChild = _useContext.bindChild,
+    removeChild = _useContext.removeChild;
+  var targetRef = (0, _react.useRef)(null);
+  var popupRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    bindChild(popupRef);
+    return function () {
+      removeChild(popupRef);
+    };
+  }, []);
+  var _useRef = (0, _react.useRef)({
+      triggerTimer: null,
+      // 记录所有的子popup 点击子 popup 不关闭弹窗
+      chain: [targetRef, popupRef]
+    }),
+    context = _useRef.current;
+  var open = props.open !== undefined ? props.open : openState;
+  var changeOpen = function changeOpen(openIn, delay) {
+    if (context.triggerTimer) clearTimeout(context.triggerTimer);
+    context.triggerTimer = setTimeout(function () {
+      var _props$onCollapse;
+      if (open === openIn) return;
+      (_props$onCollapse = props.onCollapse) === null || _props$onCollapse === void 0 ? void 0 : _props$onCollapse.call(props, openIn);
+      if (props.open === undefined) {
+        setOpenState(openIn);
+      }
+    }, delay);
+  };
+  var isPositionControl = props.position && props.position !== 'auto';
+  var _useState3 = (0, _react.useState)(isPositionControl ? props.position : 'bottom-left'),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    positionState = _useState4[0],
+    setPositionState = _useState4[1];
+  var position = isPositionControl ? props.position : positionState;
+
+  // const getPopUpHeight = () => {
+  //   let height = 0;
+  //   if (popupRef.current) {
+  //     const el = popupRef.current;
+  //     const parent = el?.parentElement;
+  //     let clone = el.cloneNode(true) as HTMLElement;
+  //     clone.style.opacity = '0';
+  //     clone.style.display = '';
+  //     clone.style.visibility = 'visible';
+  //     clone.style.pointerEvents = 'none';
+  //     parent?.appendChild(clone);
+  //     height = clone.offsetHeight;
+  //     parent?.removeChild(clone);
+  //     //@ts-ignore
+  //     clone = null;
+  //   }
+  //   return height;
+  // };
+
+  var handleFocus = function handleFocus(delay) {
+    if (!isPositionControl) {
+      if (props.position === 'auto' || !props.position) {
+        var newPosition = (0, _position.getPosition)(targetRef.current, props.priorityDirection, autoMode);
+        if (newPosition !== position) setPositionState(newPosition);
+      }
+    }
+    changeOpen(true, delay);
+  };
+  var handleBlur = function handleBlur() {
+    var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    changeOpen(false, delay);
+  };
+  var handleClickToggle = (0, _usePersistFn.default)(function (e) {
+    var _targetEvents$onClick, _popupRef$current;
+    targetEvents === null || targetEvents === void 0 ? void 0 : (_targetEvents$onClick = targetEvents.onClick) === null || _targetEvents$onClick === void 0 ? void 0 : _targetEvents$onClick.call(targetEvents, e);
+    if (disabled) return;
+    if (trigger !== 'click') return;
+    if ((_popupRef$current = popupRef.current) !== null && _popupRef$current !== void 0 && _popupRef$current.contains(e.target)) return;
+    if (open) {
+      handleBlur();
+    } else {
+      handleFocus();
+    }
+  });
+  var handleHoverToggle = function handleHoverToggle(show) {
+    if (disabled) return;
+    if (trigger !== 'hover') return;
+    if (show) {
+      handleFocus(mouseEnterDelay);
+    } else {
+      handleBlur(mouseLeaveDelay);
+    }
+  };
+  var handleMouseEnter = (0, _usePersistFn.default)(function (e) {
+    var _targetEvents$onMouse;
+    targetEvents === null || targetEvents === void 0 ? void 0 : (_targetEvents$onMouse = targetEvents.onMouseEnter) === null || _targetEvents$onMouse === void 0 ? void 0 : _targetEvents$onMouse.call(targetEvents, e);
+    if (trigger !== 'hover') return;
+    handleHoverToggle(true);
+  });
+  var handleMouseLeave = (0, _usePersistFn.default)(function (e) {
+    var _targetEvents$onMouse2, _popupRef$current2;
+    targetEvents === null || targetEvents === void 0 ? void 0 : (_targetEvents$onMouse2 = targetEvents.onMouseLeave) === null || _targetEvents$onMouse2 === void 0 ? void 0 : _targetEvents$onMouse2.call(targetEvents, e);
+    if (trigger !== 'hover') return;
+    // @ts-ignore
+    if (e.relatedTarget instanceof HTMLElement && (_popupRef$current2 = popupRef.current) !== null && _popupRef$current2 !== void 0 && _popupRef$current2.contains(e.relatedTarget)) {
+      return;
+    }
+    handleHoverToggle(false);
+  });
+  var openPop = (0, _usePersistFn.default)(function () {
+    handleFocus();
+  });
+  var closePop = (0, _usePersistFn.default)(function () {
+    handleBlur();
+  });
+
+  // 点击触发弹窗的元素
+  var getTargetProps = function getTargetProps() {
+    if (trigger === 'hover') return {
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave
+    };
+    if (trigger === 'click') {
+      return {
+        onClick: handleClickToggle
+      };
+    }
+    if (trigger === 'focus') {
+      return {
+        onFocus: openPop,
+        onBlur: closePop
+      };
+    }
+    return {};
+  };
+  (0, _useClickAway.default)({
+    onClickAway: function onClickAway() {
+      return handleBlur();
+    },
+    target: context.chain,
+    effect: (trigger === 'click' || trigger === 'hover') && open
+  });
+  var providerValue = (0, _react.useMemo)(function () {
+    return {
+      bindChild: function bindChild(elRef) {
+        context.chain.push(elRef);
+      },
+      removeChild: function removeChild(elRef) {
+        var index = context.chain.findIndex(function (item) {
+          return item === elRef;
+        });
+        if (index > -1) {
+          context.chain.splice(index, 1);
+        }
+      }
+    };
+  }, []);
+  return {
+    open: open,
+    position: position,
+    targetRef: targetRef,
+    popupRef: popupRef,
+    getTargetProps: getTargetProps,
+    openPop: openPop,
+    closePop: closePop,
+    Provider: _popupContext.default.Provider,
+    providerValue: providerValue
+  };
+};
+var _default = usePopup;
+exports.default = _default;

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

@@ -0,0 +1,35 @@
+export declare type PositionType = 'left-top' | 'left-bottom' | 'right-top' | 'right-bottom' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'left' | 'right' | 'top' | 'bottom';
+export interface BasePopupProps {
+    trigger?: 'click' | 'hover' | 'focus';
+    open?: boolean;
+    defaultOpen?: boolean;
+    onCollapse?: (open: boolean) => void;
+    disabled?: boolean;
+    /**
+     * @en The position of the pop-up layer
+     * @cn 弹出层位置
+     * @default 'auto'
+     */
+    position?: PositionType | 'auto';
+    mouseEnterDelay?: number;
+    mouseLeaveDelay?: number;
+    autoMode?: 'menu' | 'popover';
+    /**
+     * @en Popup location priority, default is left and right priority, only valid when position is not set
+     * @cn 弹出位置优先级, 默认为上下优先, 只在未设置 position 时生效
+     * @default 'vertical'
+     */
+    priorityDirection?: 'vertical' | 'horizontal' | 'auto';
+    targetEvents?: {
+        onClick?: (e: {
+            target: EventTarget | null;
+        }) => void;
+        onMouseEnter?: (e: {
+            target: EventTarget | null;
+        }) => void;
+        onMouseLeave?: (e: {
+            target: EventTarget | null;
+        }) => void;
+    };
+}
+//# sourceMappingURL=use-popup.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-popup.type.d.ts","sourceRoot":"","sources":["use-popup.type.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY,GACpB,UAAU,GACV,aAAa,GACb,WAAW,GACX,cAAc,GACd,WAAW,GACX,UAAU,GACV,cAAc,GACd,aAAa,GACb,MAAM,GACN,OAAO,GACP,KAAK,GACL,QAAQ,CAAC;AAQb,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACvD,YAAY,CAAC,EAAE;QACb,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE;YAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;SAAE,KAAK,IAAI,CAAC;QACtD,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE;YAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;SAAE,KAAK,IAAI,CAAC;QAC3D,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE;YAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;SAAE,KAAK,IAAI,CAAC;KAC5D,CAAC;CACH"}

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

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

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

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

package/esm/components/use-select/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,MAAM,mBAAmB,CAAC"}

package/esm/components/use-select/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 _useSelect.default;
+  }
+});
+Object.defineProperty(exports, "useSelect", {
+  enumerable: true,
+  get: function get() {
+    return _useSelect.default;
+  }
+});
+var _useSelect = _interopRequireDefault(require("./use-select"));

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

@@ -0,0 +1,52 @@
+import { BaseSelectProps } from './use-select.type';
+declare const useSelect: <DataItem, Value>(props: BaseSelectProps<DataItem, Value>) => {
+    value: Value | undefined;
+    datum: {
+        add: (data: DataItem | DataItem[], config?: {
+            unshift?: boolean | undefined;
+            overwrite?: boolean | undefined;
+            childrenKey?: string | undefined;
+            ignoreChange?: boolean | undefined;
+        }) => void;
+        remove: (data: import("../../common/use-list-select").UnMatchedData | DataItem | (import("../../common/use-list-select").UnMatchedData | DataItem)[], config?: {
+            childrenKey?: string | undefined;
+        }) => void;
+        removeAll: () => void;
+        check: (raw: DataItem) => boolean;
+        format: (data: DataItem) => (Value extends any[] ? Value : Value[])[number];
+        getVaildData: () => DataItem[];
+        getValueMap: () => Map<(Value extends any[] ? Value : Value[])[number], boolean>;
+        getDataByValues: (values: (Value extends any[] ? Value : Value[])[number][], info?: {
+            childrenKey?: string | undefined;
+        }) => (DataItem | {
+            IS_NOT_MATCHED_VALUE: boolean;
+            value: (Value extends any[] ? Value : Value[])[number];
+        })[];
+        isUnMatchedData: (data: any) => data is import("../../common/use-list-select").UnMatchedData;
+        disabledCheck: (data: DataItem) => boolean;
+        getCheckedStatus: (childrenKey?: string | undefined) => boolean | "indeterminate";
+        data: DataItem[];
+    } | {
+        add: (data: DataItem) => void;
+        remove: (data: import("../../common/use-list-select").UnMatchedData | DataItem | (import("../../common/use-list-select").UnMatchedData | DataItem)[], config?: {
+            childrenKey?: string | undefined;
+        }) => void;
+        removeAll: () => void;
+        check: (raw: DataItem) => boolean;
+        format: (data: DataItem) => (Value extends any[] ? Value : Value[])[number];
+        getVaildData: () => DataItem[];
+        getValueMap: () => Map<(Value extends any[] ? Value : Value[])[number], boolean>;
+        getDataByValues: (values: (Value extends any[] ? Value : Value[])[number][], info?: {
+            childrenKey?: string | undefined;
+        }) => (DataItem | {
+            IS_NOT_MATCHED_VALUE: boolean;
+            value: (Value extends any[] ? Value : Value[])[number];
+        })[];
+        isUnMatchedData: (data: any) => data is import("../../common/use-list-select").UnMatchedData;
+        disabledCheck: (data: DataItem) => boolean;
+        getCheckedStatus: (childrenKey?: string | undefined) => boolean | "indeterminate";
+        data: DataItem[];
+    };
+};
+export default useSelect;
+//# sourceMappingURL=use-select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["use-select.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCd,CAAC;AAEF,eAAe,SAAS,CAAC"}